/* page structure */
/*body {
	padding-top: 20px;
	padding-bottom: 20px;
}
    */

/* Navigational Elements */


a:hover, a:active, a:visited, a:focus {
    text-decoration: none;
}

#pageheightwrapper {
    
	min-height:100%;   
	position:relative;
    background:#fff;
}

#pageheightcontent {
    padding-bottom:200px;
}

html,body {
    height:101%;
    margin:0;
    padding:0;
  
}   

@font-face {
    font-family: "SSTItalic";
    src: url('fonts/SSTW02Italic.eot');
    src: url('fonts/SSTW02Italic.eot?#iefix') format('embedded-opentype'), url('fonts/SSTW02Italic.woff2') format('woff2'), url('fonts/SSTW02Italic.woff') format('woff'), url('fonts/SSTW02Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SSTLight";
    src: url('fonts/SSTW02Light.eot');
    src: url('fonts/SSTW02Light.eot?#iefix') format('embedded-opentype'), url('fonts/SSTW02Light.woff2') format('woff2'), url('fonts/SSTW02Light.woff') format('woff'), url('fonts/SSTW02Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SSTLightItalic";
    src: url('fonts/SSTW02LightItalic.eot');
    src:url('fonts/SSTW02LightItalic.eot?#iefix') format('embedded-opentype'), url('fonts/SSTW02LightItalic.woff2') format('woff2'), url('fonts/SSTW02LightItalic.woff') format('woff'), url('fonts/SSTW02LightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SSTMediumItalic";
    src: url('fonts/SSTW02MediumItalic.eot');
    src: url('fonts/SSTW02MediumItalic.eot?#iefix') format('embedded-opentype'), url('fonts/SSTW02MediumItalic.woff2') format('woff2'), url('fonts/SSTW02MediumItalic.woff') format('woff'), url('fonts/SSTW02MediumItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SSTBold";
    src: url('fonts/SSTW02Bold.eot');
    src: url('fonts/SSTW02Bold.eot?#iefix') format('embedded-opentype'), url('fonts/SSTW02Bold.woff2') format('woff2'), url('fonts/SSTW02Bold.woff') format('woff'), url('fonts/SSTW02Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "SSTBoldItalic";
    src: url('fonts/SSTW02BoldItalic.eot');
    src:  url('fonts/SSTW02BoldItalic.eot?#iefix') format('embedded-opentype'), url('fonts/SSTW02BoldItalic.woff2') format('woff2'), url('fonts/SSTW02BoldItalic.woff') format('woff'), url('fonts/SSTW02BoldItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}





@font-face {
    font-family: 'SSTRoman';
    src: url('fonts/SSTW02Roman.eot');
    src: url('fonts/SSTW02Roman.eot?#iefix') format('embedded-opentype'), url('fonts/SSTW02Roman.woff2') format('woff2'), url('fonts/SSTW02Roman.woff') format('woff'), url('fonts/SSTW02Roman.ttf') format('truetype');
}
/* //fonts.sony.net/shf/v31/latinextended/fonts/SSTW02Roman */



@font-face {
    font-family: 'SSTMedium';
    src: url('fonts/SSTW02Medium.eot');
    src: url('fonts/SSTW02Medium.eot?#iefix') format('embedded-opentype'), url('fonts/SSTW02Medium.woff2') format('woff2'), url('fonts/SSTW02Medium.woff') format('woff'), url('fonts/SSTW02Medium.ttf') format('truetype');
}
/* //fonts.sony.net/shf/v31/latinextended/fonts/SSTW02Medium */

@font-face {
    font-family: 'SonyIcons';
    src: url('fonts/Sony-System-Icons.eot');
    src: url('fonts/Sony-System-Icons.eot?#iefix') format('embedded-opentype'), url('fonts/Sony-System-Icons.woff2') format('woff2'), url('fonts/Sony-System-Icons.woff') format('woff'), url('fonts/Sony-System-Icons.ttf') format('truetype');
}
/* //fonts.sony.net/shf/icons/system/v17/Sony-System-Icons */


@font-face {
    font-family: 'SonyGalleryIcons';
    src: url('fonts/Sony-Gallery-Icons.eot');
    src: url('fonts/Sony-Gallery-Icons.eot?#iefix') format('embedded-opentype'), url('fonts/Sony-Gallery-Icons.woff2') format('woff2'), url('fonts/Sony-Gallery-Icons.woff') format('woff'), url('fonts/Sony-Gallery-Icons.ttf') format('truetype');
}
/* //fonts.sony.net/shf/icons/system/v17/Sony-System-Icons */



 div#spinner
{
   display: none;
    width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    background:url(images/spinner.gif) no-repeat center ;
    text-align:center;
    padding:10px;
    font:normal 16px Tahoma, Geneva, sans-serif;
   
    margin-left: -50px;
    margin-top: -50px;
    z-index:22;
    overflow: auto;
}

.sonyicon {
    font-family: 'SonyIcons';
    font-style: normal;
    font-weight: 100;
}

.sonygallery {
    font-family: 'SonyGalleryIcons';
    font-style: normal;
    font-weight: 100;
}

body.modal-open {
    overflow: hidden;
}
.iconbox .sonyicon {
    font-size: 24px;
}

.iconbox .sonygallery {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-size: 128px;
    font-weight: normal;
    line-height: 128px;
    speak: none;
    text-decoration: none;
    text-rendering: optimizeLegibility;
    text-transform: none;
    vertical-align: middle;
}

.gly-spin {
    -webkit-animation: spin 2s infinite linear;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
    0% {
        -moz-transform: rotate(0deg);
    }

    100% {
        -moz-transform: rotate(359deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.gly-rotate-90 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.gly-rotate-180 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.gly-rotate-270 {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.gly-flip-horizontal {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform: scale(-1, 1);
    -moz-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    -o-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.gly-flip-vertical {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform: scale(1, -1);
    -moz-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    -o-transform: scale(1, -1);
    transform: scale(1, -1);
}

.ajaxload, .ajaxpreload {
    
    padding-left:34px;
    padding-top:5px;
    height: 32px;
    background: url(images/ajaxload.gif) no-repeat;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
}



/* CSS CHECKBOX */

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=checkbox].css-checkbox + label.css-label, input[type=checkbox].css-checkbox + label.css-label.clr {
        padding-left: 44px;
        height: 31px;
        display: inline-block;
        line-height: 30px;
        background-repeat: no-repeat;
        background-position: 0px 0px;
        font-size: 14px;
        vertical-align: middle;
        cursor: pointer;
    }

        input[type=checkbox].css-checkbox:checked + label.css-label, input[type=checkbox].css-checkbox + label.css-label.chk {
            background-position: 0 -32px;
        }


label.css-label {
    background-image: url(images/csscheckbox_check.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#gdpr-tickboxes label.css-label {
    line-height:1;
}
input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=radio].css-checkbox + label.css-rdlabel, input[type=radio].css-checkbox + label.css-rdlabel.clr {
        padding-left: 36px;
        height: 31px;
        display: inline-block;
        line-height: 31px;
        background-repeat: no-repeat;
        background-position: 0 0;
        font-size: 12px;
        vertical-align: middle;
        cursor: pointer;
    }

        input[type=radio].css-checkbox:checked + label.css-rdlabel, input[type=radio].css-checkbox + label.css-rdlabel.chk {
            background-position: 0 -31px;
        }

label.css-rdlabel {
    background-image: url(images/csscheckbox_radio.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/**************************************************8
    CS Form
*****************************************************/


.csform {
}

    .csform .form-control {
        margin-bottom: 5px;
    }


    .csform select.form-control {
        width: auto;
    }

    .csform input {
        max-width: 400px;
    }

    .csform label.css-label {
        font-weight: normal;
        font-size: 12px !important;
        line-height: 1 !important;
    }

    .csform .form-group .css-label {
        padding-top: 8px;
    }
/* --- */

body {
    background-color: #fff;
    font-family: 'SSTRoman';
    height:100%;
}

.topnav, .footernav {
    margin-top: 8px;
}

    .footernav .navbar-nav {
        margin: 0px;
    }

.hideonload {
    display: none;
}


#isTouch {
    display:none
}

@media (pointer:coarse) {
    #isTouch {
        display: inline;
        
    }

}
.textright {
    text-align: right;
}

.nav-input-pad {
    padding: 9px 15px 0px 15px;
}

.nav-button-pad {
    padding: 5px 15px 0px 15px;
}


.header-cart {
    margin: 0;
}

@media (min-width: 768px) {
    .navbar-form.navbar-right:last-child {
        margin-right: 0px;
    }

    .navbar-form.search-wrap {
        padding-top: 8px;
        margin-top: 0px;
    }

    .navbar-nav > li > a {
        padding: 6px 10px 6px 10px;
    }
}

/* Global Element Styles */
input[type="text"], input[type="number"], input[type="password"], select {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

/* Call to Action Buttons */
/*
input.AddToCartButton, input.UpdateWishButton, input.CheckoutNowButton, #OneCheckoutWrap input.PlaceOrderButton,
input.UpdateAccountButton, input.ShippingPageContinueCheckoutButton, input.PaymentPageContinueCheckoutButton, input.ReviewPageContinueCheckoutButton,
div[id$='pnlEmailGiftCards'] input[type='submit'], input[id$='RegisterAndCheckoutButton'], input[id$='LoginButton'], input.ContinueCheckoutButton,
input[id$='btnNewAddress'], input[id$='btnReturnUrl'] {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    background-image: none;
}

    input.AddToCartButton:hover,
    input.UpdateWishButton:hover,
    input.CheckoutNowButton:hover,
    #OnePageCheckoutWrap input.PlaceOrderButton:hover,
    input.UpdateAccountButton:hover,
    input.ShippingPageContinueCheckoutButton:hover,
    input.PaymentPageContinueCheckoutButton:hover,
    input.ReviewPageContinueCheckoutButton:hover,
    div[id$='pnlEmailGiftCards'] input[type='submit']:hover,
    input[id$='RegisterAndCheckoutButton']:hover,
    input[id$='LoginButton']:hover,
    input.ContinueCheckoutButton:hover,
    input[id$='btnNewAddress']:hover,
    input[id$='btnReturnUrl']:hover,
    input[id$='btnMoveToCart']:hover {
        color: #ffffff;
        background-color: #3276b1;
        border-color: #285e8e;
        background-image: none;
    }

input[id$='btnMoveToCart'] {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    background-image: none;
    padding: 5px 5px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 3px;
    margin: 7px 0px 0px 0px;
}

input.PaymentPageContinueCheckoutButton,
input.ShippingPageContinueCheckoutButton,
div[id$='pnlEmailGiftCards'] input[type='submit'],
input.UpdateWishButton {
    margin: 10px 0 40px 0;
    display: block;
}
*/

/* SPECIFIC STYLES FOR ELEMENTS START HERE */

/* Checkout Styles */

.cartProductQuantity input[type="text"] {
    height: 30px;
    width: 35px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    margin: 8px 5px 5px 0px;
}

.cartProductQuantity div a, .cartProductSubtotal span {
    padding: 5px 5px 5px 0px;
    display: block;
}

.cartProductQuantity span {
    float: left;
    padding: 0 10px 0 0;
}

.shoppingcartproductname {
    padding: 5px 5px 5px 0px;
    display: block;
}

.CheckoutNowButton, .ContinueShoppingButton {
    margin: 10px 0 0 0;
}

.OrderOptionsRowHeader {
    font-weight: bold;
    display: block;
    padding: 0 5px 5px 0px;
}

.subTotalValue {
    font-weight: bold;
    font-size: 16px;
}

div[id$='pnlCartAllowsShippingMethodSelection'] td[style='width:250px;'] {
    width: 0 !important;
}

/* SOPC Styles */
#OnePageCheckoutWrap #OPLeftCol {
    width: 70%;
}

#OnePageCheckoutWrap #OPRightCol {
    width: 28%;
}

#OnePageCheckoutWrap #ShipMethodWrap,
#OnePageCheckoutWrap .paymentMethodContents table,
#OnePageCheckoutWrap .nextStepWrap .ErrorBox,
#OnePageCheckoutWrap .errorBlock {
    width: 100%;
}

@media (max-width: 768px) {
    /* Multi-step checkout and account page responsive fixes */
    input[id$='TextCardSecurity'] {
        min-width: 60px;
    }

    #walletAddPaymentWrap table td {
        display: block;
    }

    .InfoMessageBox input[type='text'],
    .InfoMessageBox select {
        width: 100%;
        margin: 4px 0 0 0;
    }

    .InfoMessageBox table td,
    div[id$='pnlPaymentOptions'] table td {
        display: inline;
    }

        img[id$='checkoutheadergraphic'], #CheckoutSequence, div[id$='pnlPaymentOptions'] table td[style='width:210px;'], div[id$='pnlPaymentOptions'] br,
        table.accountPanel hr, div[id$='pnlEmailGiftCards'] br, div[id$='pnlAddNewAddress'] br, div[id$='pnlAccountInfo'] hr, div[id$='pnlBillingInfo'] hr,
        div[id$='pnlShippingInfo'] hr {
            display: none;
        }

    span[id$='lnkEditOderLink'] {
        display: block;
        border-top: solid 1px #000;
        border-right: solid 1px #000;
        border-left: solid 1px #000;
        padding: 0px 4px;
    }

    .shoppingCartContainer span[id$='lnkEditOderLink'] {
        display: none;
    }

    select[id$='cboShipToAddress'] {
        width: 100%;
    }

    table[id$='ctrlShippingMethods'] label {
        display: inline;
        font-weight: normal;
        padding: 0 0 0 4px;
    }

    #ctl00_PageContent_checkoutheadergraphic {
        width: 100%;
    }

    table.accountPanel table:first-of-type {
        margin: 5px;
        width: 98% !important;
    }

    table.accountPanel input[type='text'], table.accountPanel input[type='password'], div[id$='pnlEmailGiftCards'] td input[type='text'],
    div[id$='pnlAddNewAddress'] input[type='text'], div[id$='pnlAddNewAddress'] select, div[id$='pnlLogin'] input[type='text'], div[id$='pnlLogin'] input[type='password'],
    div[id$='pnlAccountInfo'] input[type='text'], div[id$='pnlAccountInfo'] input[type='password'], div[id$='pnlBillingInfo'] input[type='text'], div[id$='pnlBillingInfo'] select,
    div[id$='pnlShippingInfo'] input[type='text'], div[id$='pnlShippingInfo'] select, table[id$='tblNewAddress'] select, table[id$='tblNewAddress'] input[type='text'],
    div[id$='ctrlAddress'] input, div[id$='ctrlAddress'] select, div[id$='pnlEmailToFriend'] input[type='text'], div[id$='pnlEmailToFriend'] select {
        width: 96% !important;
        margin: 4px 0px 0px 0px;
    }

    div[id$='pnlEmailGiftCards'] textarea {
        width: 100% !important;
    }

    div[id$='pnlEmailGiftCards'] td, div[id$='pnlAddNewAddress'] td, div[id$='pnlLogin'] td,
    div[id$='pnlAccountInfo'] td, div[id$='pnlBillingInfo'] td, div[id$='pnlShippingInfo'] td, table[id$='tblNewAddress'] td,
    div[id$='ctrlAddress'] td, div[id$='pnlEmailToFriend'] td, .cartProductName table td {
        display: inline;
        width: 100%;
    }

    table.accountPanel td {
        display: block;
        text-align: left;
        width: 100%;
    }

    div[id$='pnlLogin'] span[id$='Label11'] {
        width: 100%;
        display: inline-block;
        padding: 0 0 10px 0px;
    }

    div[id$='pnlLogin'] span[id$='Label5'] {
        width: 100%;
        display: inline-block;
    }

    table.orderHistoryTable td {
        width: auto;
        display: table-cell;
    }

        table.orderHistoryTable td:nth-of-type(3), table.orderHistoryTable td:nth-of-type(6) {
            display: none;
        }

    div[id$='pnlAddNewAddress'] {
        width: 100%;
    }

    div[id$='ctrlBillingAddress'], div[id$='ctrlNewAddress'] {
        margin: 0px 0px 0px 4px;
    }

    table[id$='tblShippingInfoBox'] table {
        margin: 0px 0px 0px 2px;
    }
    /* BEGIN Checkout anon */
    div[id$='FormPanel'] #table1 td {
        width: 100%;
        display: inline;
    }

    div[id$='FormPanel'] #table1 br, div[id$='FormPanel'] #table1 span[id$='Label1'] {
        display: none;
    }

    div[id$='FormPanel'] #table1 input[type='text'], #table1 input[type='password'] {
        width: 96% !important;
        margin: 4px 0px 0px 0px;
    }

    div[id$='FormPanel'] #table2 span[id$='Label5'] {
        width: 100%;
        padding: 5px 0px 0px 0px;
        display: block;
        font-size: 10px;
    }

    div[id$='FormPanel'] #table2 a[id$='HyperLink1'] {
        width: 100%;
        padding: 0px 0px 15px 0px;
        display: block;
        border-bottom: solid 2px #cecece;
        font-size: 10px;
    }

    div[id$='FormPanel'] #table1 span[id$='Label6'], div[id$='FormPanel'] #table1 span[id$='Label7'] {
        width: 100%;
        padding: 0px 0px 8px 0px;
        display: block;
        font-size: 16px;
    }

    input[id$='RegisterAndCheckoutButton'] {
        margin: 0 0 40px 0px;
    }
    /* END Checkout anon */

    /*SOPC responsive fixes */
    #OnePageCheckoutWrap #OPRightCol {
        width: 100%;
    }

    #OnePageCheckoutWrap #OPLeftCol {
        width: 100%;
        margin-bottom: 25px;
    }

    #OnePageCheckoutWrap .subSection {
        padding: 0px;
    }

    .LoginLayoutTable {
        width: 100%;
    }

    #OnePageCheckoutWrap .addressInputCell input[type='text'], #OnePageCheckoutWrap .addressInputCell select, #OnePageCheckoutWrap .paymentMethodContents select,
    #OnePageCheckoutWrap .paymentMethodContents input[type='text'] {
        width: 98%;
    }

    #OnePageCheckoutWrap .addressLabelCell, #OnePageCheckoutWrap .addressInputCell, #OnePageCheckoutWrap #CCDetailsTable td,
    #OnePageCheckoutWrap .paymentMethodContents table td {
        width: 100%;
        display: block;
    }

    #OnePageCheckoutWrap .shipAddressWrap input[type='text'], #OnePageCheckoutWrap .shipAddressWrap select {
        width: 93%;
    }

    #OnePageCheckoutWrap .paymentMethodContents {
        margin: 0px;
    }

    #OnePageCheckoutWrap #CreditCardIconsWrap {
        float: none;
    }

    #OnePageCheckoutWrap .checkoutBlock input[type='text'],
    #OnePageCheckoutWrap .checkoutBlock select,
    #OnePageCheckoutWrap .checkoutBlock textarea,
    #OnePageCheckoutWrap .LoginLayoutTable input[type='text'], #OnePageCheckoutWrap #createAccountTable input[type='password'] {
        width: 96% !important;
    }

    #OnePageCheckoutWrap .checkoutBlock td,
    #OnePageCheckoutWrap .LoginLayoutTable td,
    #OnePageCheckoutWrap #createAccountTable td {
        width: 100%;
        display: block;
        vertical-align: top !important;
        text-align: left;
    }

    #OnePageCheckoutWrap .paymentFormLabel {
        text-align: left;
    }

    #createAccountTable {
        width: 100%;
    }
}

#OnePageCheckoutWrap .opcCouponCodeWrapper {
    width: auto;
}

#OnePageCheckoutWrap .cartItemDetails {
    float: none;
    width: auto;
}

@media only screen and (max-width: 768px) {
    table.SiteMap > tbody > tr > td, table.SiteMap > tr > td {
        display: block;
        width: auto !important;
    }
}

@media only screen and (max-width: 768px) {
    .ShippingAndTaxEstimateAddress td {
        width: 100% !important;
        display: block;
        padding: .25rem;
    }
}

table.SiteMap td {
    width: auto !important;
}

/* Contact Form */
div[id$='pnlContactForm'] > table td {
    padding: .25em;
}

@media only screen and (max-width: 768px) {
    div[id$='pnlContactForm'] > table, div[id$='pnlContactForm'] tbody, div[id$='pnlContactForm'] tr {
        display: block;
    }

    div[id$='pnlContactForm'] .First {
        text-align: left;
    }

    div[id$='pnlContactForm'] > table td {
        display: block;
        width: 100% !important;
    }
}


/* Product Page */
.ProductNameText {
    font-size: 18px;
    font-weight: bold;
}

#productTopBox {
    text-align: right;
    padding: 1.5em 10px 10px 10px;
}

#sku {
    display: block;
}

#price {
    font-weight: bold;
    font-size: 1.5em;
    display: block;
}

.SalePrice {
    color: #cc0000 !important;
}

#description, #quoteBox, #otherinfo {
    margin: 10px;
}

.prodHeader {
    width: 99.5%;
    height: 1.2em;
    color: #6B6F83;
    clear: both;
    font-weight: bold;
    font-size: 1.2em;
    padding: 3px 5px;
    border-bottom: solid 2px #4776BD;
}

#quoteBox input, #quoteBox select {
    font-size: 1em;
    display: block;
    margin: 5px 0;
}

#mainImg {
    margin: 0 10px 10px 0;
    float: left;
}

.addToForm {
    margin-top: 1em;
}

#shipQuoteLabels {
    width: 10em;
    height: auto;
    float: left;
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}

    #shipQuoteLabels label {
        display: block;
        line-height: 2em;
    }

#ShipQuote, #yourQuote {
    font-weight: bold;
    line-height: 2em;
}

#shipQuoteWrapper {
    height: auto;
    float: left;
}

#navArrows {
    float: right;
}

.variant-info {
    overflow: hidden;
}

.variant-info-wrap .custoptions {
    padding-top: 5px;
}

    .variant-info-wrap .custoptions div {
        padding-left: 5px;
    }

        .variant-info-wrap .custoptions div span {
            color: green;
        }

        .variant-info-wrap .custoptions div.invalid span {
            color: #CCC;
            display: none;
        }

        .variant-info-wrap .custoptions div.invalid {
            color: #CCC;
            display: none;
        }

.add-to-cart-group {
    text-align: right;
    overflow: hidden;
    padding-bottom: 5px;
    float: right;
}


    .add-to-cart-group .quantity-label {
        float: left;
        vertical-align: middle;
        padding: 5px 0;
    }

    .add-to-cart-group input[type="button"],
    .add-to-cart-group input[type="submit"] {
        background: #009900;
        color: white;
        width: 150px;
        float: left;
        margin-left: 5px;
    }

        .add-to-cart-group input[type="button"]:hover,
        .add-to-cart-group input[type="submit"]:hover {
            background: #007700;
            color: white;
            width: 150px;
        }

    .add-to-cart-group input.quantity-field {
        text-align: right;
        max-width: 50px;
        float: left;
        margin-left: 5px;
    }

.product-description, .product-options, .variant-price, .add-to-cart-wrap, .quantity-discount-wrap, .product-spec-link-wrap, .email-a-friend-wrap, .promotion-call-to-action, .inventory-table, .stock-indicator {
    margin-bottom: 16px;
}

    .add-to-cart-wrap small {
        font-size: inherit;
        font-weight: bold;
    }

.variant-options-label {
    font-weight: bold;
}

.variant-price {
    font-size: 1.5em;
}

.product-image-wrap img[id^='ProductPic'] {
    display: block;
    max-width: 100%;
    height: auto;
    
}

.quantity-discount-wrap br {
    display: none;
}

.quantity-discount-wrap p {
    display: inline;
}

.quantity-discount-wrap small {
    font-size: inherit;
}

.email-a-friend-link {
    background: url('images/mailicon.gif') no-repeat scroll left center;
    padding-left: 18px;
}

#flix-minisite {
    margin-top:10px;
}
/* kit specific styles */

.kit_table {
    width: 100%;
}

.kit_column_sidebar {
    padding-left: 8px;
    width: 33%;
}

.kit_groups {
    width: 100%;
}

.kit_sidebar_content {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 8px;
}

.kit_sidebar_header {
    background-color: #efefef;
    padding: 5px 10px 5px 10px;
    border: solid 1px #ccc;
}

.kit_addToCart {
    padding-bottom: 8px;
}

    .kit_addToCart input {
        margin-top: 2px;
        margin-bottom: 2px;
    }

    .kit_addToCart br {
        display: none;
    }

.kit_priceDisplay {
    padding-bottom: 8px;
}

    .kit_priceDisplay .kit_regBasePrice {
        text-decoration: line-through;
    }

.kit_selectedItems {
    border-top: solid 1px #ccc;
    padding-top: 8px;
}

    .kit_selectedItems li {
        margin-bottom: 4px;
    }

    .kit_selectedItems > ul {
        padding-left: 24px;
    }

.kit_groups textarea {
    border: 1px solid #A7A6AA;
}

.kit_group {
    margin-bottom: 10px;
}

.kit_groupName {
    background-color: #efefef;
    padding: 5px 10px 5px 10px;
    border: solid 1px #ccc;
    cursor: pointer;
}

.kit_groupDescription {
    display: block;
    overflow: hidden;
    padding-top: 5px;
    padding-bottom: 5px;
}

.kit_groupContent {
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding-left: 10px;
    padding-top: 15px;
    padding-bottom: 20px;
    text-align: left;
    vertical-align: middle;
}

.kit_line_item {
    border-style: none;
}

.kit_disabled_item {
    text-decoration: line-through;
}

.kit_group_image {
    float: left;
    margin-right: 5px;
    margin-left: 5px;
}

.kit_kititemImage_hoverPanel {
    background-color: White;
    border: solid 1px #ccc;
    word-wrap: break-word;
}

.kit_groupitem_image {
    padding-left: 25px;
}

.kit_groupItem_nameLabel {
    cursor: pointer;
}

.kit_group img[id$='_imgFile'] {
    display: block;
    max-width: 100%;
    height: auto;
}

@media (max-width: 768px) {
    .kit_groupContent select {
        width: 90%;
    }

    .kit_groupContent input[type='text'] {
        width: 90%;
    }

    .kit_table .kit_column_content {
        width: auto;
        display: block;
    }

    .kit_table .kit_column_sidebar {
        display: block;
        width: auto;
        padding-left: 0px;
    }

    .kit_groupitem_image {
        display: block;
        max-width: 100%;
        height: auto;
    }
}

/* cart page upsell */
.cart-upsell-products {
    padding-top: 16px;
}

/*grid item styles for entity pages, related, upsell etc. */
.grid-item {
    padding-bottom: 16px;
    text-align: center;
}

.grid-item-image {
    margin: 0px auto;
}

.grid-item-image-wrap {
    padding-bottom: 8px;
}

/* entity page */
#entityPageHeader p {
    margin-top: 0;
}

#entityPageHeader img {
    margin: 0 1em 0.5em 0;
    float: right;
}

.entity-image {
    margin: 0px 8px 8px 0px;
}

.entity-page-description {
    margin-bottom: 8px;
}

.sub-entity-list {
    margin-bottom: 16px;
}

/* other selectors */
.MediumCell, .LightCell {
    border: none;
}

.error {
    font-weight: bold;
    color: Red;
}

.errorLg {
    color: Red;
    font-size: 12px;
    font-weight: bold;
}

.SBProdName {
    font-size: .7em;
}

.SBCatName {
    font-size: .8em;
    font-weight: bold;
}

.PBCartFull {
    font-size: .7em;
    color: Blue;
    font-weight: bold;
}

.InfoMessage {
    font-weight: bold;
    color: #0000ff;
}

/* ajax Shipping*/
#AjaxShipping {
    width: 99%;
    border: solid 1px #444;
    height: 100%;
    float: left;
    padding: 3px;
}

    #AjaxShipping h4 {
        margin: 0 0 0.5em 0;
        font-weight: bold;
        font-size: 1.1em;
    }

.AjaxShippingLabel {
    width: 175px !important;
    float: left;
    font-weight: bold;
    clear: left;
}

#AjaxShipping input, #AjaxShipping select {
    font-size: 1em;
    float: left;
}

#AjaxShippingCountry, #AjaxShippingState, #AjaxShippingZip, #AjaxShippingEstimate {
    float: left;
    clear: left;
    border-top: solid 1px #eee;
    width: 99%;
    padding: 3px 0;
}

#ShipQuote {
    float: left;
    margin: 0;
}
/* set Visibility to :hidden and uncomment 'display' to turn off */
#AjaxShippingCountry {
    visibility: visible;
    /*display:none;*/
}

#AjaxShippingState {
    visibility: visible;
    /*display:none;*/
}

.dhtmltooltip {
    padding: 8px;
    font-size: 12px;
    background-color: #fff;
    border: solid 1px #ccc;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

.CardCodeTooltip {
    border: 0;
    padding: 2px;
    background-color: #DDD;
}

.Kit2dhtmltooltip {
    border: 0;
    margin-top: 20px;
    padding: 2px;
}

.ShippingAndTaxEstimateAddress {
    border: solid 1px #aaa;
    width: 100%;
}

    .ShippingAndTaxEstimateAddress .Header {
        text-align: center;
        font-weight: bold;
        background-color: #ddd;
    }

    .ShippingAndTaxEstimateAddress .Caption {
        width: 30%;
        text-align: left;
        vertical-align: top;
    }

    .ShippingAndTaxEstimateAddress .Value {
        width: 70%;
        text-align: left;
        vertical-align: top;
    }

    .ShippingAndTaxEstimateAddress .ErrorMessage {
        width: 100%;
        text-align: center;
        vertical-align: middle;
        color: Red;
        font-weight: bold;
    }

.ShippingAndTaxEstimator {
    border: solid 1px #aaa;
}

    .ShippingAndTaxEstimator .Header {
        text-align: center;
        font-weight: bold;
        background-color: #ddd;
    }

    .ShippingAndTaxEstimator .Caption {
        font-weight: bold;
        width: 30%;
        text-align: left;
        vertical-align: top;
    }

    .ShippingAndTaxEstimator .Value {
        width: 70%;
        text-align: right;
        vertical-align: top;
    }

.WishListWarning {
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: bold;
    color: #bb0000;
}

.ShippingEstimatorPanel {
    padding: 5px 5px 5px 5px;
}

#KitError {
    text-align: center;
    vertical-align: middle;
    padding: 5px 5px 5px 5px;
}

#lblKitError {
    color: red;
}

/* default class for stock hint display */

.StockHint_OutOfStock, .StockHint_Indented_OutOfStock {
    color: #bb0000;
}

.StockHint_InStock, .StockHint_Indented_InStock {
    color: #387FD3;
}

/* indented class variation for stock hint display */
.StockHint_Indented {
    text-indent: 10px;
}

/*RadioListItems.ascx has clickable labels*/
span[id$='lblItemName'] {
    cursor: pointer;
}

/*********************************************/
/*************For Featured Products***********/
/*********************************************/

.featuredProductLinks {
    color: #000000;
    font-weight: bold;
}

.featuredProductDescription {
    padding-top: 10px;
    font-weight: normal;
}

.featuredProductPrice {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: normal;
}

.featuredTeaser {
    color: #000000;
    font-weight: bold;
}

/* css for product ratings */

.CommentHelpfulText {
    color: #009999;
}

.CommentHelpfulYes {
    color: #006600;
}

.CommentHelpfulNo {
    color: #006600;
}

.CommentCell {
    background-color: #FFFFFF;
}

.RatingCommentText {
    color: #000000;
}

.CommentAuthor {
    color: #000000;
}

/* checkout gift card */

.CheckoutEmailGiftCardHeader {
    font-size: 18px;
    padding: 0 0 15px 0px;
}

/* checkout terms and conditions */

.CheckOutTermsBorder {
    border-style: dashed;
    border-width: 1px;
    border-color: #000000;
}

/* affiliate page */

.AffiliateHeaderTd {
    /* -- original --
	font-size: smaller;
	font-weight:bold;
	color: #ffffff;
	background-color: #AAAAAA;
	-- -- */
    font-size: smaller;
    font-weight: bold;
    color: #ffffff;
    background-color: #CCCCCC;
    padding: 3px;
}

.AffiliateTextCell {
    background-color: #DDDDDD;
    color: #000000;
    padding: 3px;
}

.AffiliateLinks, .AffiliateLinks a:link, .AffiliateLinks a:active, .AffiliateLinks a:visited {
    color: #000000;
}

    .AffiliateLinks a:hover {
        color: #4776BD;
    }

.AffiliateForgotPasswordText {
    color: #000000;
}

    .AffiliateForgotPasswordText span {
        color: #000000;
        font-weight: bold;
    }

/* multi-ship */
.MultiShippingAddressHeaderLeft {
    color: #000000;
    background-color: #dddddd;
}

.MultiShippingAddressHeaderRight {
    color: #000000;
    background-color: #dddddd;
}

/* recent comments */

.RecentCommentsHeader {
    background-color: #CCCCCC;
    color: #000000;
    font-weight: bold;
    text-align: center;
    height: 25px;
}

.RecentCommentsHeaderBorder {
    background-color: #FFFFFF;
}

.RecentCommentsFooter {
    background-color: #CCCCCC;
}

.RecentCommentsBorder {
    background-color: #CCCCCC;
}

.RecentCommentsCell {
    background-color: #FFFFFF;
    color: #000000;
    text-align: center;
}

.pnlRecentCommentSort {
    background-color: #FFFFCC;
}

.RecentCommentSortText {
    color: #FF0000;
}

.RecentCommentReSortText {
    color: #000000;
    font-weight: bold;
}

.RecentCommentIsolateHeader {
    background-color: #009999;
}

.RecentCommentIsolateHeaderText {
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

.RecentCommentIsolateCell {
    background-color: #FFFFFF;
    color: #000000;
}

.RecentCommentsPagingTop {
    background-color: #ffffff;
    color: #000000;
}

/* rating pop up */

.rateitBG {
    background-color: #336699;
    margin: 0px;
}

.rateittable {
    background-color: #336699;
}

.rateitlabel {
    font-weight: bold;
    color: #ffffff;
}

.rateitproductname {
    background-color: #FFFFCC;
}

.rateitbox {
    background-color: #FFFFFF;
}

.rateitddl {
    font-size: 10px;
}

.rateittext {
    font-size: 12px;
}

/*tabbed ui*/
#pagetabs {
}

    #pagetabs a {
        font-size: 14px;
        background: none repeat scroll 0 0 #EEEEEE;
        border-radius: 3px 3px 0px 0px;
        -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
        line-height: normal;
        margin-bottom: 0px;
        padding: 5px 10px 3px 10px;
    }

        #pagetabs a:hover {
            text-decoration: none;
        }

        #pagetabs a.activetab {
            background-color: #EEEEEE;
            background: -moz-linear-gradient(bottom,#bfbfbf 0,#bfbfbf 20%,#e0e0e0 100%);
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0%,#bfbfbf),color-stop(20%,#bfbfbf),color-stop(100%,#e0e0e0));
            background: -webkit-linear-gradient(bottom,#bfbfbf 0,#bfbfbf 20%,#e0e0e0 100%);
            background: -ms-linear-gradient(bottom,#bfbfbf 0,#bfbfbf 20%,#e0e0e0 100%);
            background: -o-linear-gradient(bottom,#bfbfbf 0,#bfbfbf 20%,#e0e0e0 100%);
            background: linear-gradient(bottom,#bfbfbf 0,#bfbfbf 20%,#e0e0e0 100%);
        }

            #pagetabs a.activetab:hover {
                text-decoration: none;
            }

#tabcontent {
    border-radius: 0px 3px 3px 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
    margin: 0px;
    width: 100%;
}

.tabContentItem {
    padding: 15px;
}

#tabcontent div.hiddenTab {
    display: none;
}

#tabcontent div.selectedTab {
    display: block;
}


.address_main {
    padding-top: 5px;
}

.addressdatalist {
    border: 1px solid rgb(90, 90, 90);
    width: 100%;
    border-collapse: collapse;
}

.addaddresstbl {
    border: 1px solid rgb(90, 90, 90);
    width: 100%;
    border-collapse: collapse;
    padding: 0px;
}

.addressbuttonbg {
    text-align: center;
}

.addressbuttonbg_header {
    border-bottom: solid 1px #ccc;
}

.addressEdittbl {
    border: solid 1px #ccc;
    margin: 5px 0px 5px 0px;
}

.addressCardPanel {
    border: solid 1px rgb(90, 90, 90);
}

.addresseditctrl {
    padding: 10px 0px 10px 10px;
}

.addressaddctrl {
    padding: 10px 0px 10px 10px;
}

.addressfooter {
    padding: 5px 0px 5px 10px;
    margin-top: 10px;
    background-color: #F5F5F5;
    border: solid 1px #ccc;
}

.addressdatalist_header {
    background: transparent url('images/addressbook.gif') no-repeat scroll left bottom;
    height: 22px;
    width: 190px;
}

.addressImagebuttons {
    width: 70px;
    padding-right: 50px;
    vertical-align: top;
}

.addressPaymentMethodtbl {
    background-color: #cccccc;
    width: 100%;
}

.addressLabel {
    padding-right: 10px;
}

/* shipping method control */
.shippingMethodErrorMessage {
    font-weight: bold;
    color: #ff0000;
}

/* shoppingcart */
.shopping_cart {
    width: 100%;
    border: solid 1px #444444;
    padding: 5px;
}
/* account */
.accountPanel {
    width: 100%;
    border: solid 1px #444444;
    padding: 5px;
}

.orderHistoryTable, .orderHistoryTable td {
    border: 0px none;
}

    .orderHistoryTable tr:nth-child(odd) {
        background: #eee;
    }

/* tab image fix */
img[id*="info_gif"], img[id*="_imgShoppingCartTab"] {
    vertical-align: bottom;
}
/* opc fix */
#ctl00_PageContent_pnlAshland {
    font-size: 12px;
}

/* mini cart */

#divMiniCart {
    background-color: White;
    z-index: 999;
}

.miniCartCollapseHeaderPanel {
    text-align: right;
    padding-bottom: 2px;
    width: 300px;
    font-size: 8pt;
}

.miniCartCollapseBody {
    width: 300px;
    font-size: 8pt;
    height: 0px;
    overflow: hidden;
}

.mini_cart {
    color: #000000;
    font-size: 10px;
    width: 100%;
    border: solid 1px #444444;
}

    .mini_cart .cart_header {
    }

        .mini_cart .cart_header td {
            color: #FFFFFF;
            background: #699EDC url(images/nav-bg.gif) repeat;
            padding: 3px 3px 3px 3px;
        }

    .mini_cart .cart_items {
        padding: 5px;
    }

a.Checkout_Minicart {
    color: Blue;
    font-weight: bold;
}

.minicart_minimumQty {
    color: #ff0000;
    font-style: italic;
}

.minicartimg img {
    width: 75px;
    height: 75px;
}

#divMiniCart input[type='text'] {
    border: 1px solid #A7A6AA;
}

/*** Templating ********/
.template {
    border: solid 1px #ddd;
}

.template_header {
    background-color: #ddd;
    border: dashed 1px #ddd;
    padding: 5px 5px 5px 5px;
}

.template_header_settings,
.template_header_settings a,
.template_header_settings a:active,
.template_header_settings a:visited,
.template_header_settings a:link {
    cursor: pointer;
    text-decoration: none !important;
    font-size: 12px;
}

    .template_header_settings a:hover {
        color: #ffffff !important;
    }

.template_header_edit_options {
    border: solid 1px #919C9D;
    background-color: #fff;
}

    .template_header_edit_options ul,
    .template_header_edit_options li {
        margin-left: 10px;
        margin-right: 10px;
        padding: 0;
        display: list-item;
        list-style: none;
        line-height: 1.25em;
    }

.behavior_panel {
    border-style: none;
}

    .behavior_panel .behavior_left {
        width: 10%;
        background-color: #ddd;
    }

    .behavior_panel .behavior_option {
        width: 80%;
        background-color: #fff;
        padding: 5px 5px 5px 5px;
    }

.watermarked {
    color: #BBBBBB;
}

.pm_CCImage {
    padding-right: 5px;
}

.shoppingCartContainer .buySAFE_Kicker_Wrapper {
    float: right;
    display: block;
}

td.fieldHeader {
    font-size: 50%;
}

table.NewsletterBox {
    width: 20%;
}




tr.captchaBox {
    height: 80px;
}

/* promotion page */

.promotionlistitem {
    padding-bottom: 5px;
}

.promotionreason {
    font-size: 8pt;
}

.promotionCallToAction {
    background: none repeat scroll 0 0 transparent;
    color: red;
    font-weight: bold;
    padding: 3px;
}

.actionelement {
    cursor: pointer;
}

/* quantity discount table */
.quantitydiscountTable {
    padding: 4px;
    border: 0px;
    width: 130px;
}

    .quantitydiscountTable td {
        text-align: right;
    }

.recurringDiscountDisplay {
    color: #006600;
    display: inline-block;
}

.productCallToActionIsRecurring {
    color: red;
}

.SiteMap {
    font-size: 12px;
}

/* Downloads Page */
.downloadsPageWrap .downloadsWrap {
    margin: 0 0 20px 0;
}

.downloadsPageWrap .downloadInfo {
    margin: 0 0 10px 0;
}

.downloadsPageWrap input.downloadButton {
    background: #02A898 url(images/shadow.png) repeat-x bottom left;
    border: 2px solid #02A898;
    color: #fff;
    font-size: 12px;
    padding: 4px 16px;
}

    .downloadsPageWrap input.downloadButton:hover {
        background-color: #036D63;
        border: 2px solid #036D63;
        color: #fff;
    }

.downloadsPageWrap .relatedProductWrap {
    border-radius: 0px 3px 3px 3px;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

.downloadsPageWrap .relatedProduct {
    float: left;
    padding: 15px 0px 15px 30px;
    text-align: center;
}

    .downloadsPageWrap .relatedProduct .productName {
        width: 150px;
    }

/* PayPal ShoppingCart Buttons*/
.payPalButtons .payPalButton {
    float: left;
    width: 150px;
    margin-left: 10px;
}

.bmlButtonWrap {
    height: 28px;
    overflow: hidden;
}

/* End PayPal ShoppingCart Buttons*/



/* Miscellaneous */

body,
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
    font-family: 'SSTRoman', sans-serif;
    font-weight: normal;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.no-margin {
    margin: 0;
}
.shadow {
    box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
    -moz-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
    -webkit-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
}

.shadow-hover {
    box-shadow: 0 0 4px #000000;
    -webkit-box-shadow: 0 0 4px #000000;
}


.minpad {
    padding-left: 5px;
    padding-right: 5px;
}

.no-right-pad {
    padding-right: 0 !important;
}

.clearboth {
    clear: both;
}

.ssav-page-outer {
    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.ssav-page-inner {
    background-color: white;
    padding: 10px;
    overflow: hidden;
}


/* Icons */
.sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(images/avensysicons.png);
}

.spritepad {
    padding-left: 3px;
}

.freedelivery {
    width: 139px;
    height: 27px;
    background-position: -261px -2px;
}

.freenextday {
    width: 257px;
    height: 28px;
    background-position: -2px -2px;
}

.delivery24 {
    width: 42px;
    height: 24px;
    background-position: -557px -2px;
}

.delivery48 {
    width: 32px;
    height: 24px;
    background-position: -601px -2px;
}

.mouse {
    width: 24px;
    height: 24px;
    background-position: -635px -2px;
}

.reservecollect {
    width: 153px;
    height: 25px;
    background-position: -402px -2px;
}


/* Order wrapper */

.orderconfirm-outer {
    width: 100%;
    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;
}

.orderconfirm-inner {
    width: 100%;
    background-color: white;
    padding: 10px;
}

    .orderconfirm-inner h1 {
        margin: 5px 0 10px 0;
    }

    .orderconfirm-inner h3.headline-header {
        margin-bottom: 3px;
    }

        .orderconfirm-inner h3.headline-header a {
            color: black;
        }



/* Sprites */
.payment-sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(images/paymentlogos.png);
}

.maestro {
    width: 45px;
    height: 30px;
    background-position: -143px -2px;
}

.mastercard {
    min-width: 45px;
    min-height: 30px;
    background-position: -96px -2px;
}

.paypal {
    width: 45px;
    height: 30px;
    background-position: -49px -2px;
}

.visa {
    width: 45px;
    height: 30px;
    background-position: -2px -2px;
}


.social-sprite {
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(images/ssavsocial.png);
}

.facebook {
    width: 32px;
    height: 32px;
    background-position: -2px -2px;
}

.googleplus {
    width: 32px;
    height: 32px;
    background-position: -36px -2px;
}

.offer {
    width: 42px;
    height: 13px;
    background-position: -2px -36px;
}

.twitter {
    width: 32px;
    height: 32px;
    background-position: -70px -2px;
}

.footer-payment-sprite {
    min-width: 131px;
    min-height: 25px;
    display: inline-block;
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url(images/basepaymentlogos.png);
}


/* Page Header */

#preferredStockist {
    text-align: center;
    color: #FFF;
    background-color: #000;
    margin-bottom: 5px;
}

    #preferredStockist span {
      
        padding-top: 10px;
        padding-bottom: 5px;
        display:inline-block;
    }

#preferredStockist .imgContainer {
    display:inline-block;
    float:right;
    padding-right:20px;
    padding-top:9px;
}

#preferredStockist .imgContainer img {
    
}

@media only screen and (max-width: 768px) {
    #preferredStockist span {
      
        padding-top:8px;
        padding-bottom: 6px;


    }
    #preferredStockist .imgContainer {
        padding-top: 6px;
    }

    #preferredStockist .imgContainer img {
        max-height:12px;
    }
}
    .pageheaderpopdown {
        padding-bottom: 20px;
    }

        .pageheaderpopdown h1 {
            font-weight: bold;
            font-size: 140%;
        }

        .pageheaderpopdown h2 {
            font-weight: bold;
            font-size: 120%;
        }

        .pageheaderpopdown h3 {
            font-weight: bold;
            font-size: 110%;
            margin-top: 10px;
            display: block;
            padding-bottom: 5px;
            border-bottom: solid 2px #eee;
        }

    .header-container {
        background: #000;
        font-size: 12px;
        padding: 10px 0 10px 0;
        min-height: 64px;
    }


        .header-container .logo {
            max-height: 30px;
            margin-top: 5px;
            vertical-align: middle;
        }

            .header-container .logo.sonycentre {
                max-height: none;
                margin-top: 0;
                margin-left: 5px;
            }

        .header-container a, .header-container {
            color: white;
        }

            .header-container .search-outer {
                display: inline-block;
                background-color: #504d56;
                min-width: 100px;
                min-height: 32px;
                margin-top: 5px;
                font-size: 11px;
                padding: 7px 20px 3px 20px;
                font-family: 'SSTRoman';
                vertical-align: top;
            }

                .header-container .search-outer:hover,
                .header-container .search-outer.searchactive {
                    background-color: #4572ed;
                    cursor: pointer;
                }

                .header-container .search-outer i {
                    font-size: 13px;
                    margin-left: 4px;
                    min-width: 17px;
                    display: inline-block;
                }


            .header-container .cart-outer {
                display: inline-block;
                min-height: 32px;
                margin-top: 5px;
                padding: 7px 10px 3px 10px;
                margin-right: 2px;
                font-size: 15px;
                vertical-align: top;
            }

                .header-container .cart-outer .badge {
                    margin-left: 5px;
                    vertical-align: top;
                }

                .header-container .cart-outer:hover {
                    background-color: #2f353d;
                    cursor: pointer;
                }

            .header-container .user-info {
                display: inline-block;
                min-height: 32px;
                margin-top: 5px;
                padding: 9px 10px 3px 10px;
                margin-right: 0px;
                font-size: 13px;
                vertical-align: top;
            }


                .header-container .user-info i {
                    background-color: #222;
                    margin-left: 5px;
                    font-size: 10px;
                    padding: 5px;
                }

    #mobile-header > div > div {
        border-top: solid 1px #222;
    }

    #mobile-header i.sonyicon {
        display: block;
        color: #ccc;
    }


    #headerbuttons i.sonyicon {
        display: block;
        font-size: 18px;
        color: #ccc;
        padding-top: 2px;
    }

    #headerbuttons .headerbutton {
        text-align: center;
    }

    #headerbuttons a {
        font-size: 80%;
    }

    #headerbuttons .headerbutton:hover {
        background-color: #222;
    }

        #headerbuttons .headerbutton:hover a,
        #headerbuttons .headerbutton:hover i {
            color: white;
        }

    #mobile-header .headerbutton {
        text-align: center;
    }

    #mobile-header .headerbutton {
        text-align: center;
    }


    .dropdown-menu {
        border: none;
    }

        .dropdown-menu.user-info-menu {
            position: absolute;
            border: solid 2px #555;
            left: auto;
            right: 190px;
            background-color: #333;
            color: white;
        }

            .dropdown-menu.user-info-menu a {
                color: #ccc;
            }


                .dropdown-menu.user-info-menu a:hover {
                    color: #fff;
                    background-color: #555;
                }


    .header-container .user-info:hover {
        color: #eee;
        cursor: pointer;
    }

        .header-container .user-info:hover i {
            background-color: #555;
        }

    .header-container .fave-outer {
        display: inline-block;
        min-height: 32px;
        margin-top: 5px;
        padding: 7px 10px 3px 10px;
        margin-right: 0px;
        font-size: 15px;
        vertical-align: top;
    }

        .header-container .fave-outer:hover {
            background-color: #2f353d;
            color: Red;
            cursor: pointer;
        }

    #site_search {
        float: right;
        width: 140px;
        height: 28px;
        background: #4d4d4d;
        border-radius: 3px;
        overflow: hidden;
        margin-left: 10px;
    }

        #site_search span#magnify {
            float: left;
            background: none;
            border: none;
            color: #b2b2b2;
            font-size: 12px;
            cursor: pointer;
            line-height: 1;
            padding: 7px 5px 3px 5px;
        }

    #search_input_old {
        float: left;
        display: block;
        background: transparent;
        color: #cccccc;
        outline: none;
        width: 120px;
        height: 20px;
        margin: 4px 0 0 0;
        border: none;
        font-size: 14px;
    }

    #site_search.active {
        background: #f2f2f2;
        border-color: #4c4c4c;
    }

        #site_search.active input[type="text"] {
            color: #4d4d4d;
        }



    #search_autosuggest {
        background-color: #fff;
        color: black;
        border-bottom-left-radius: 5px;
        z-index: 9999;
        position: absolute;
        margin-left: -2px;
        padding: 5px;
        width: 95%;
        margin-right: 12px;
        text-align: left;
        top: 27px;
        border: black 2px solid;
        border-top: transparent 0px solid;
        outline: none;
    }

        #search_autosuggest .as-subtitle {
            background-color: #eee;
            padding: 5px 5px;
            font-weight: bold;
        }


        #search_autosuggest a {
            text-decoration: none;
            color: black;
        }

        #search_autosuggest .as-products .prod {
            clear: both;
        }

        #search_autosuggest .as-products a {
            border-bottom: solid 1px #eee;
            overflow: hidden;
        }


        #search_autosuggest .as-products div {
        }

        #search_autosuggest .as-prodinfo {
            padding-top: 10px;
        }

        #search_autosuggest .as-pn {
            font-weight: bold;
        }

        #search_autosuggest p {
            margin: 0;
            padding: 3px 15px;
            margin-bottom: 2px;
            color: black;
            font-size: 14px;
        }

        #search_autosuggest .as-refurb {
            color: red;
            font-weight: bold;
        }

        #search_autosuggest .as-xtext {
            color: #555;
            ;
            font-style: italic;
        }

        #search_autosuggest .as-save {
            color: red;
            padding-left: 3px;
            font-size: 90%;
        }

        #search_autosuggest .as-was {
            color: #555;
            padding-left: 3px;
            font-size: 90%;
        }

        #search_autosuggest a:active p,
        #search_autosuggest a:focus p,
        #search_autosuggest a:active div.prod,
        #search_autosuggest a:focus div.prod {
            background-color: #999;
            color: white;
            height: 100%;
            overflow: hidden;
        }


        #search_autosuggest .as-subtitle {
            background-color: #eee;
            padding: 5px 5px;
            font-weight: bold;
        }


        #search_autosuggest a {
            text-decoration: none;
            color: black;
        }

        #search_autosuggest .as-products .prod {
            clear: both;
        }

        #search_autosuggest .as-products a {
            border-bottom: solid 1px #eee;
            overflow: hidden;
        }


        #search_autosuggest .as-products div {
        }

        #search_autosuggest .as-prodinfo {
            padding-top: 10px;
        }

        #search_autosuggest .as-pn {
            font-weight: bold;
        }

        #search_autosuggest p {
            margin: 0;
            padding: 3px 15px;
            margin-bottom: 2px;
            color: black;
            font-size: 14px;
        }

        #search_autosuggest .as-refurb {
            color: red;
            font-weight: bold;
        }

        #search_autosuggest a:active p,
        #search_autosuggest a:focus p,
        #search_autosuggest a:active div.prod,
        #search_autosuggest a:focus div.prod {
            background-color: #999;
            color: white;
            height: 100%;
            overflow: hidden;
        }


    #search_autosuggestmob {
        background-color: #fff;
        color: black;
        border-bottom-left-radius: 5px;
        display: none;
        margin-left: -2px;
        padding: 5px;
        width: 100%;
        margin-right: 12px;
        text-align: left;
        top: 27px;
        border-top: transparent 0px solid;
        outline: none;
    }

        #search_autosuggestmob .as-subtitle {
            background-color: #eee;
            padding: 5px 5px;
            font-weight: bold;
        }


        #search_autosuggestmob a {
            text-decoration: none;
            color: black;
        }

        #search_autosuggestmob .as-products .prod {
            clear: both;
        }

        #search_autosuggestmob .as-products a {
            border-bottom: solid 1px #eee;
            overflow: hidden;
        }


        #search_autosuggestmob .as-products div {
        }

        #search_autosuggestmob .as-prodinfo {
            padding-top: 10px;
        }

        #search_autosuggestmob .as-pn {
            font-weight: bold;
        }

        #search_autosuggestmob p {
            margin: 0;
            padding: 3px 15px;
            margin-bottom: 2px;
            color: black;
            font-size: 14px;
        }

        #search_autosuggestmob .as-refurb {
            color: red;
            font-weight: bold;
        }

        #search_autosuggestmob a:active p,
        #search_autosuggestmob a:focus p,
        #search_autosuggestmob a:active div.prod,
        #search_autosuggestmob a:focus div.prod {
            background-color: #999;
            color: white;
            height: 100%;
            overflow: hidden;
        }


        #search_autosuggestmob .as-subtitle {
            background-color: #eee;
            padding: 5px 5px;
            font-weight: bold;
        }


        #search_autosuggestmob a {
            text-decoration: none;
            color: black;
        }

        #search_autosuggestmob .as-products .prod {
            clear: both;
        }

        #search_autosuggestmob .as-products a {
            border-bottom: solid 1px #eee;
            overflow: hidden;
        }


        #search_autosuggestmob .as-products div {
        }

        #search_autosuggestmob .as-prodinfo {
            padding-top: 10px;
        }

        #search_autosuggestmob .as-pn {
            font-weight: bold;
        }

        #search_autosuggestmob p {
            margin: 0;
            padding: 3px 15px;
            margin-bottom: 2px;
            color: black;
            font-size: 14px;
        }

        #search_autosuggestmob .as-refurb {
            color: red;
            font-weight: bold;
        }

        #search_autosuggestmob a:active p,
        #search_autosuggestmob a:focus p,
        #search_autosuggestmob a:active div.prod,
        #search_autosuggestmob a:focus div.prod {
            background-color: #999;
            color: white;
            height: 100%;
            overflow: hidden;
        }


    #search_zone {
    }

        #search_zone.active {
        }

            #search_zone.active #site_search {
                background: #f2f2f2;
                border-color: #4c4c4c;
            }

            #search_zone.active input[type="text"] {
                color: #4d4d4d;
            }

    .header-links {
        float: right;
        display: inline;
        padding: 5px 0 0 0;
    }

    .menubar-container {
        background: url(images/menubar.png) repeat-x;
    }

    .topmenuitem {
        cursor: pointer;
    }

    .searchpop {
        display: block;
        z-index: 9999;
        position: absolute;
        background-color: transparent;
        padding: 5px;
        min-width: 350px;
        right: 230px;
        top: 45px;
    }

        .searchpop.hideonload {
            display: none;
        }

        .searchpop .searchpopinner {
            background-color: white;
            padding: 10px 0 10px 0;
            -webkit-box-shadow: 0px 0px 63px -8px rgba(0,0,0,0.75);
            -moz-box-shadow: 0px 0px 63px -8px rgba(0,0,0,0.75);
            box-shadow: 0px 0px 63px -8px rgba(0,0,0,0.75);
        }

        .searchpop .searchpoparrow {
            font-size: 24px;
            line-height: 11px;
            color: white;
            text-align: right;
            margin-right: 10px;
        }

        .searchpop input[type="text"] {
            width: 100%;
            border: none;
            outline: none;
            font-size: 24px;
            min-height: 40px;
        }

    .headbar {
        list-style: none;
        background-color: #e0e0e0;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        font-size: 18px;
        font-weight: bold;
    }

        .headbar > ul {
            padding: 0 2rem;
        }

            .headbar > ul > li {
                display: inline-block;
                padding: 5px;
            }

                .headbar > ul > li.right {
                    float: right;
                }

            .headbar > ul > .active {
                color: #999999;
            }

    .header-cart h3 {
        margin: 0px;
    }

    .header-sublinks {
        text-align: right;
        margin-top: 3px;
    }

        .header-sublinks a {
            margin-left: 15px;
            font-size: 11px;
        }

    .store-intro {
        margin: 0;
        padding: 25px 0 25px 0;
        font-family: SSTMedium;
        font-size: 20px;
        letter-spacing: -0.04em;
        font-stretch: normal;
        font-style: normal;
        font-variant: normal;
        font-weight: 500;
        line-height: 25.9999198913574px;
        text-rendering: optimizeLegibility;
        background: #fff;
        color: #2f353d;
    }

        .store-intro.sonycentre {
            margin: 0;
            padding: 15px 0 15px 0;
        }

        .store-intro .storelocatorlink {
            padding: 10px 0 10px 35px;
            background: url('images/ukicon.png') no-repeat;
            opacity: 0.8;
        }

        .store-intro .deliverinstalllink {
            padding: 10px 0 10px 38px;
            background: url('images/delivery.png') no-repeat;
            opacity: 0.8;
        }

        .store-intro a {
            color: black;
        }

        .store-intro .pricepromiselink {
            padding: 10px 0 10px 40px;
            padding: 10px 40px 10px 0;
            background: url('images/pricepromise.png') no-repeat;
            background-position: right 0px;
            opacity: 0.8;
        }

        .store-intro .chatlink {
            padding: 10px 48px 10px 0;
            background: url('images/chatlink.png') no-repeat;
            background-position: right 0px;
            opacity: 0.8;
        }

        .store-intro .storelocatorlink a {
            color: black;
            opacity: 1;
        }

        .store-intro .storelocatorlink:hover {
            opacity: 1;
        }

        .store-intro.sonycentre .sitewidemessage {
            padding: 10px inherit 10px 0;
        }

    #calluspullout {
        display: none;
        padding-bottom: 20px;
    }


        #calluspullout h1 {
            font-size: 16px;
            font-weight: bold;
            margin: 13px 0 0 0;
        }

        #calluspullout h2 {
            font-size: 14px;
            line-height: 1;
            font-weight: bold;
            margin: 12px 0 2px 0;
        }

        #calluspullout .opentoday {
            font-size: 80%;
        }

        #calluspullout a {
            font-weight: bold;
        }


    .store-intro .calluslink {
        padding: 10px 35px 10px 0;
        background: url('images/callus.png') no-repeat;
        background-position: right 10px;
        opacity: 0.8;
    }

        .store-intro .calluslink a {
            color: black;
            opacity: 1;
        }

        .store-intro .calluslink:hover {
            opacity: 1;
        }



    #HeadStoreDetails {
        display: none;
        padding-bottom: 20px;
    }


        #HeadStoreDetails h1 {
            font-size: 16px;
            font-weight: bold;
            margin: 13px 0 0 0;
        }

        #HeadStoreDetails h2 {
            font-size: 14px;
            line-height: 1;
            font-weight: bold;
            margin: 12px 0 2px 0;
        }

        #HeadStoreDetails .opentoday {
            font-size: 80%;
        }

        #HeadStoreDetails a {
            font-weight: bold;
        }



    .sonystore-nav {
        background-color: #EEE;
        padding: 15px 0 15px 0;
        padding-bottom: 8px;
        margin-bottom: 20px;
        font-size: 12px;
    }

        .sonystore-nav div img {
            max-width: 100px;
            text-align: center;
            outline: none;
            margin: 0 auto 3px auto;
        }


        .sonystore-nav a {
            outline: none;
            text-decoration: none;
            color: black;
        }


            .sonystore-nav a:hover {
                font-weight: bold;
            }

    .sony .topnav {
        background: transparent;
        border: none;
        color: white;
    }

    .navbar {
        margin-bottom: 0px;
    }

    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
        color: #A1D9F3;
    }

    .navbar-default .navbar-nav > li > a {
        color: white;
        padding: 2px 10px;
    }

    .navbar-default .navbar-brand {
        color: #fff;
    }

    .navbar-default button.navbar-toggle {
        color: #ffffff;
        border-color: #fff;
    }

        .navbar-default button.navbar-toggle .icon-bar {
            border-color: #fff;
            background-color: #fff;
        }

    .navbar-brand {
        padding: 0;
    }

    .navbar-toggle {
        float: left;
        margin-top: 0;
        margin-left: 15px;
        padding: 5px;
    }

        .navbar-toggle .icon-bar {
            height: 1px;
            width: 18px;
        }

    a.dropdown-toggle {
        background-color: #fff !important;
        color: #fff;
    }

    xxxa.dropdown-toggle:hover {
        background-color: #000 !important;
        color: #fff !important;
    }


    .navbar-collapse ul {
        background: #fff !important;
        color: black !important;
    }

        .navbar-collapse ul ssa {
            color: white;
        }

        .navbar-collapse ul a:hover {
            background-color: #fff;
            color: #000;
        }

    a.dropdown:hover {
        color: black;
    }

    .navbar-collapse .dropdown-menu li a {
        outline: none;
    }

        .navbar-collapse .dropdown-menu li a:hover {
            background-color: #ccc;
        }

    .xs-basket {
        float: right;
        font-size: 16px;
        margin-right: 10px;
    }

    .sales-tagline {
        font-size: 1rem;
    }

    .nav.search-wrap {
        padding-top: 11px;
        padding-right: 5px;
    }

    button.btn-navbar {
        background: #000;
        border-color: #999;
        color: #fff;
        padding: 2px 15px;
    }

        button.btn-navbar:hover, button.btn-navbar:active, button.btn-navbar:focus {
            background: #222;
            color: #A1D9F3;
        }

    #SearchButton {
        margin-left: 5px;
        height: 28px;
        padding: 4px 8px;
    }

    #SearchBox {
        height: 28px;
        float: right;
    }


    #minisearchbutton {
        background: transparent;
        color: #fff;
        border: solid 1px white;
    }

        #minisearchbutton:active {
            color: #ff0;
        }


    .xxdropdown {
        background: #000;
    }

    .navbar-nav {
        margin-top: 0;
    }

    .navbar-collapse {
        border-top-color: #555 !important;
    }

    .deliveryoptionsbar div.sprite {
    }


    .deliveryoptionsbar div.text {
        vertical-align: top;
        font-size: 1.2rem;
    }

    .deliveryoptionsbar .text-right div.sprite {
        float: right;
    }

    .deliveryoptionsbar .text-right div.text {
        float: right;
    }

    /*-- Mini cart */
    div.cartContents {
        display: inline;
    }

    div.mini-cart {
        background: #fff;
        color: black;
        border: none; /*solid 3px white;*/
        /*border-radius:10px;*/
    }


        div.mini-cart h4 {
            font-family: SSTMedium;
        }

        div.mini-cart .modal-header {
            background-color: #F25529;
            color: white;
            border: none;
        }

        div.mini-cart .modal-body {
            background: #FFFFFF;
            color: black;
        }

        div.mini-cart .modal-footer {
            margin-top: 0px;
        }

    .mini-cart-line {
        padding-bottom: 5px;
        margin-bottom: 5px;
        border-bottom: dotted 1px #ccc;
    }


        .mini-cart-line:last-child {
            border-bottom: none;
        }

        .mini-cart-line .promotion-text i, .mini-cart-line .promotion-text span {
            vertical-align: middle;
        }

        .mini-cart-line div.right {
            text-align: right;
        }

        .mini-cart-line .promotion-text i {
            margin-right: 5px;
        }

        .mini-cart-line .prod-umn {
        }

        .mini-cart-line .prod-desc {
            font-size: 80%;
        }

        .mini-cart-line span.wasPriceOuter {
            color: #F55;
            text-decoration: line-through;
        }

        .mini-cart-line span.wasPrice {
            color: #999;
        }
    /* Site wide banner */

    .site-wide-banner {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }

        .site-wide-banner img {
            display: block;
            max-width: 100%;
            height: auto;
            margin: 0 auto;
        }
    /*------------------------------------------------------------------
[X. Breadcrumbs]
*/
    .breadcrumbs {
        list-style: none;
        display: inline;
        overflow: hidden;
        padding: 0;
        margin: 0;
        background: transparent;
    }

        .breadcrumbs li {
            float: left;
        }

        .breadcrumbs .back {
            width: 10px;
        }

        .breadcrumbs .breadcrumb {
            padding: 0;
            background: transparent;
        }

            .breadcrumbs .breadcrumb a {
                text-decoration: none;
                color: black;
            }

        .breadcrumbs .active {
            color: #686868;
        }

        .breadcrumbs .divider {
            padding: 0 5px;
        }


    /* Store info / store locator */
    #txtTownPC {
        width: 150px;
    }

    .store-info-gmap {
        width: 100%;
        height: 410px;
        border: solid 2px #ccc;
        margin-bottom: 10px;
    }

    .store-info-gmap-large {
        width: 100%;
        height: 620px;
        border: solid 1px #ccc;
        margin-bottom: 10px;
    }

    .store-page {
        padding-bottom: 20px;
        overflow: hidden;
    }

        .store-page .storeloc-text {
            font-size: 11px;
        }

            .store-page .storeloc-text h5 {
            }

        .store-page h4 {
            font-family: SSTMedium;
        }

        .store-page .store-name {
            font-size: 32px;
            font-family: SSTMedium;
        }

        .store-page .store-address-top {
            font-size: 18px;
        }

        .store-page .store-address {
        }

        .store-page h2 {
            font-size: 24px;
            margin-top: 0;
        }

        .store-page p.operated-by {
            padding-top: 20px;
        }

        .store-page .store-hours {
        }

            .store-page .store-hours p {
                margin: 0;
                font-size: 16px;
            }



            .store-page .store-hours .open-hours {
                font-weight: bold;
                margin-bottom: 5px;
            }

                .store-page .store-hours .open-hours.holiday {
                    font-style: italic;
                    font-weight: normal;
                    color: #555;
                    padding-left: 10px;
                }



                .store-page .store-hours .open-hours span {
                    min-width: 100px;
                    display: block;
                    float: left;
                }

    .store-manufacturer-image {
        padding: 2% 3% 0 3%;
    }

    .store-page .googleplus2 {
        margin-top: 5px;
        width: 100%;
        background: url(images/googleplus.png) no-repeat 10px 10px;
        padding: 45px 5px 5px 5px;
        display: block;
        border-radius: 5px;
        border: dashed 1px #aaa;
        font-size: 90%;
    }

    .stores-table {
        width: 100%;
    }


        .stores-table .store-name {
            font-weight: bold;
            font-size: 13px;
            padding: 5px;
            text-align: left;
            width: 100%;
        }

        .stores-table .store-link {
            text-align: right;
        }


    /* Entity/Product results*/



    ul.products-grid li div.list-item-outer {
        border: solid 1px #ccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        position: relative;
        background: #fff;
        margin-bottom: 10px;
        padding: 10px;
    }


        ul.products-grid li div.list-item-outer img-thumbnail {
            float: left;
            margin-right: 20px;
        }

        ul.products-grid li div.list-item-outer .product-shop .product-info {
            width: 71%;
            border-right: solid 1px #ccc;
            padding-right: 10px;
            float: left;
            min-height: 160px;
        }

        ul.products-grid li div.list-item-outer .product-shop .product-pricing {
            width: 15%;
            display: inline;
        }

    ul.products-grid {
        list-style-type: none;
        padding: 0;
        position: relative;
    }

        ul.products-grid li {
            position: relative;
        }

            ul.products-grid li div.grid-item-outer {
                border: solid 1px #ccc;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                position: relative;
                background: #fff;
                height: 290px;
                overflow: hidden;
            }

            ul.products-grid li div.grid-item-inner {
                padding: 10px;
            }

            ul.products-grid li img.entity-product-image {
                border: none;
                margin-bottom: 10px;
            }

            ul.products-grid li .grid-item-price-wrap {
                font-weight: bold;
                font-size: 2.2rem;
            }

            ul.products-grid li .grid-item-name-wrap {
                min-height: 60px;
                margin: 10px 0;
            }

            ul.products-grid li .grid-item-description-wrap {
                max-height: 85px;
                margin: 10px 0;
                overflow: hidden;
                white-space: normal;
            }

            ul.products-grid li div.list-item-outer .grid-item-name-wrap {
                min-height: 0;
                margin: 0;
            }

    .product-shop {
        position: relative;
        display: block;
        overflow: hidden;
    }

    .thickborder {
        -webkit-box-shadow: rgba(0,0,0,.129412) 0px 0px 29px 0px;
        -moz-box-shadow: rgba(0,0,0,.129412) 0px 0px 29px 0px;
        box-shadow: rgba(0,0,0,.129412) 0px 0px 29px 0px;
        position: relative;
        z-index: 10;
        height: 520px !important;
    }


    .product-row .grid-item-image {
        display: inline;
        float: left;
        margin-right: 20px;
    }


    .product-row ul.products-grid li .grid-item-name-wrap {
        min-height: 0;
    }

    .product-row .grid-item-name-wrap, .grid-item-description-wrap {
        text-align: left;
    }

    .wish-compare {
        margin-top: 5px;
        font-size: 85%;
    }

        .wish-compare button {
            margin: 5px;
        }




    /* PRODUCT PAGE */

    .bxslider {
        margin: 10px;
    }

        .bxslider li img {
            margin: 0 auto;
            width: 100%;
        }

    .product-image-wrap {
        background-color: #f9f9ff;
        background: -webkit-linear-gradient(#fff, #eee); /* For Safari 5.1 to 6.0 */
        background: -o-linear-gradient(#fff, #eee); /* For Opera 11.1 to 12.0 */
        background: -moz-linear-gradient(#fff, #eee); /* For Firefox 3.6 to 15 */
        background: linear-gradient(#fff, #eee); /* Standard syntax */
        margin-bottom: 30px;
    }

        .product-image-wrap .actionelement {
            border: solid 1px #999;
        }

    .slider-thumbs {
        margin: 5px auto 0 auto;
        display: block;
        overflow: hidden;
        width: 100%;
        text-align: center;
    }

        .slider-thumbs ul li a {
            display: block;
        }

            .slider-thumbs ul li a img {
                opacity: 0.6;
            }

            .slider-thumbs ul li a.selected img,
            .slider-thumbs ul li a:hover img {
                opacity: 1;
                cursor: pointer;
            }



    .product-page .promo-text, .kit-promo-text {
        color: #810000;
        font-size: 12px;
        font-weight: bold;
        display: block;
    }


    .category-hero, .search-hero {
        padding: 20px 0 20px 0;
        color: white;
    }

        .category-hero .parent-link,
        .search-hero .parent-link {
            margin-top: 25px;
        }

            .category-hero .parent-link a,
            .search-hero .parent-link a {
                color: inherit;
                font-size: 11px;
                font-family: SSTMedium;
            }

                .category-hero .parent-link a:hover,
                .search-hero .parent-link a:hover {
                    opacity: 0.7;
                }

        .category-hero h1,
        .search-hero h1 {
            margin-top: 5px;
        }

        .category-hero .category-image {
            opacity: 1;
            z-index: 99;
        }

            .category-hero .category-image img,
            .search-hero .search-image img {
                float: right;
                opacity: 1;
                z-index: 99;
            }

    #sub-category-outer {
    }

        #sub-category-outer .subcat-text {
            font-size: 10px;
            font-family: SSTMedium;
            text-transform: uppercase;
        }

        #sub-category-outer .subcat-tab {
            float: left;
            cursor: pointer;
            display: inline-block;
            background-color: rgba(150,150,150,0.3);
            padding: 15px;
            text-align: center;
            height: 110px;
            margin-right: 3px;
            width: 120px;
            border-bottom: 3px solid rgba(0,0,0,0.1);
            transition: border 500ms ease-out;
        }

            #sub-category-outer .subcat-tab.active {
                background-color: white;
                opacity: 1;
                border-bottom: 3px solid white;
                color: black;
            }

        #sub-category-outer .subcat {
        }

        #sub-category-outer .subcat-tab.active .subcat {
            background-color: white;
            opacity: 1;
        }


        #sub-category-outer .subcat img {
            margin: 0 auto;
        }

    .img-overlay {
        width: 100px !important;
        height: 67px !important;
        z-index: 100;
        position: absolute;
    }

        .img-overlay.overlay-tl {
            top: 10px;
            left: 10px;
        }

        .img-overlay.overlay-tr {
            top: 10px;
            right: 10px;
        }

        .img-overlay.overlay-bl {
            top: 235px;
            left: 10px;
        }

        .img-overlay.overlay-br {
            top: 235px;
            right: 10px;
        }

    .product-image-wrap .product-carousel-content-wrapper {
        position: relative;
    }

    img.overlay-large {
        width: 250px !important;
        height: 250px !important;
        z-index: 100;
        position: absolute;
    }


        img.overlay-large.overlay-tl {
            top: 5px;
            left: 5px;
        }

        img.overlay-large.overlay-tr {
            top: 5px;
            right: 5px;
        }

        img.overlay-large.overlay-bl {
            bottom: 5px;
            left: 5px;
        }

        img.overlay-large.overlay-br {
            bottom: 5px;
            right: 5px;
        }

    .product-box .product-title {
        background: #e6e6e6;
        padding: 10px;
        font-size: 20px;
        color: white;
        display: block;
    }

    .product-box div.review-stars,
    .product-box div.review-stars > span {
        width: 65px;
        float: right;
        height: 12px;
        background-size: 65px 12px;
        background-repeat: no-repeat;
    }

    .product-box div.review-stars {
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSI0ODBweCIgaGVpZ2h0PSI4OHB4IiB2aWV3Qm94PSIwIDAgNDc5IDg3IiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQgIWltcG9ydGFudDsiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3ZnIHg9IjAiPjxwYXRoIGlkPSJzdGFyIiBmaWxsPSIjYzNjM2MzIiBkPSJNNDUuNSwwTDU2LDM0IDkxLDM0IDYzLDU0IDczLDg3IDQ1LjUsNjcgMTgsODcgMjgsNTQgMCwzNCAzNSwzNFpNNDUuNSwyMyA1Miw0MSA2OCw0MSA1NSw1MSA2MSw3MCA0NS41LDU4IDMwLDcwIDM2LDUxIDIyLDQxIDQwLDQxWiIvPjwvc3ZnPjxzdmcgeD0iOTYiPjx1c2UgeGxpbms6aHJlZj0iI3N0YXIiIC8+PC9zdmc+PHN2ZyB4PSIxOTIiPjx1c2UgeGxpbms6aHJlZj0iI3N0YXIiIC8+PC9zdmc+PHN2ZyB4PSIyODgiPjx1c2UgeGxpbms6aHJlZj0iI3N0YXIiIC8+PC9zdmc+PHN2ZyB4PSIzODQiPjx1c2UgeGxpbms6aHJlZj0iI3N0YXIiIC8+PC9zdmc+PC9zdmc+');
        position: relative;
    }

        .product-box div.review-stars > span {
            background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHdpZHRoPSI0ODBweCIgaGVpZ2h0PSI4OHB4IiB2aWV3Qm94PSIwIDAgNDc5IDg3IiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQgIWltcG9ydGFudDsiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48c3ZnIHg9IjAiPjxwYXRoIGlkPSJzdGFyIiBmaWxsPSIjZmZiZDAwIiBkPSJNNDUuNSwwTDU2LDM0IDkxLDM0IDYzLDU0IDczLDg3IDQ1LjUsNjcgMTgsODcgMjgsNTQgMCwzNCAzNSwzNFoiLz48L3N2Zz48c3ZnIHg9Ijk2Ij48dXNlIHhsaW5rOmhyZWY9IiNzdGFyIiAvPjwvc3ZnPjxzdmcgeD0iMTkyIj48dXNlIHhsaW5rOmhyZWY9IiNzdGFyIiAvPjwvc3ZnPjxzdmcgeD0iMjg4Ij48dXNlIHhsaW5rOmhyZWY9IiNzdGFyIiAvPjwvc3ZnPjxzdmcgeD0iMzg0Ij48dXNlIHhsaW5rOmhyZWY9IiNzdGFyIiAvPjwvc3ZnPjwvc3ZnPg==');
            position: absolute;
            left: 0;
            top: 0;
        }

    .product-box .review i.revstar {
        background-image: url(/images/ratings/stars.png);
        display: inline-block;
        min-width: 18px;
        min-height: 16px;
    }

        .product-box .review i.revstar.star-half {
            background-position-x: -19px;
        }

        .product-box .review i.revstar.star-empty {
            background-position-x: -37px;
        }

    .product-box .review .revcount {
        font-size: 80%;
        clear: both;
        color: black;
        padding-top: 2px;
        display: block;
    }

    #product-options-wrap {
        background: #DDD;
        margin: 0;
        padding: 10px;
        float: right;
        display: block;
        overflow: hidden;
        width: 100%;
        border-bottom: 1px solid #b6b6b6;
        text-align: right;
    }

    .variant-info-wrap {
        clear: both;
        border-top: 1px solid #fff;
    }

    div.product-price {
        clear: both;
        color: #555;
        margin: 0;
        background-color: #EEE;
        padding: 10px 10px 5px 10px;
        overflow: hidden;
    }

    select#VariantSelector {
        max-width: 100%;
    }


    div.product-price .saleSaving {
        min-width: 80px;
        text-align: center;
        font-size: 20px;
        line-height: 22px;
        padding: 15px;
        font-weight: bold;
        float: left;
        background-color: #DE1E2F;
        color: #ffffff;
        border-bottom-color: #590000;
        border-top-color: #b20000;
        box-shadow: 0 1px 1px #333333;
        text-shadow: 1px 1px 1px #4d0000;
        margin-bottom: 5px;
        margin-right: 10px;
        font-family: SSTBold;
    }

    div.product-price .overlayImage {
        float: left;
        width: 75px;
        height: 75px;
        margin-left: 5px;
    }

        div.product-price .overlayImage img {
            width: 75px;
            height: 75px;
        }

    div.product-price .saleNowPrice, div.product-price .standardNowPrice, .kit-customized-price {
        color: #DE1E2F;
        font-size: 32px;
        font-weight: bold;
    }

    div.product-price .saleWasPrice {
        text-decoration: line-through;
    }

    .buttonrow {
        margin: 5px 0;
        text-align: right;
    }

    .ssav-details-box {
        background: white;
        border: solid 1px black;
        padding: 5px;
    }


    .stock-buy-box {
        border-top: solid 1px #ccc;
        border-bottom: solid 1px #ccc;
    }



    .add-to-cart-group input[type="button"] {
        border: none;
        border-radius: 3px;
        padding: 6px 0 6px 0;
        width: 148px;
    }

    .add-to-cart-wrap #disabled-add-to-cart {
        display: none;
    }


    .product-description {
        padding-top: 10px;
    }

    .product-tabs-outer {
        background: white;
        padding: 10px;
        border: solid 1px black;
        clear: both;
        margin: 10px 0;
        min-height: 100px;
    }

    .tab-content {
        padding-top: 10px;
    }

    .hackspace {
        width: 10px;
        display: inline-block;
    }

    .awards {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .product-award {
        overflow: hidden;
        padding-bottom: 10px;
    }

    table.product-spec {
        width: 100%;
    }

        table.product-spec td {
            padding: 5px 0;
            vertical-align: top;
        }

            table.product-spec td:first-child {
                font-weight: bold;
            }


    .product-award .magazine-name {
        font-weight: bold;
        font-size: 125%;
    }

    div.product-filelink {
        font-weight: bold;
    }

    .kit-selected-items {
        margin-top: 5px;
    }

    .kit-group-content {
        display: inline;
    }


        .kit-group-content select {
            width: 100%;
        }

    #showstockpopup {
    }

    .youtube-productvideo-thumb {
        max-height: 50px;
    }

    .youtubevideo-productvideo img {
        margin: 0 auto;
    }


    .youtubevideo-productvideo a.youtubevideo-show {
        position: absolute;
        display: block;
        background: url(images/videoplay.png);
        height: 80px;
        width: 80px;
        top: 20px;
        left: 20px;
        z-index: 200;
    }

    .youtubeWrapper {
        position: relative;
        padding-bottom: 56.25%; /* 16:9 */
        padding-top: 25px;
        height: 0;
    }

        .youtubeWrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .YouTubeModal .modal-content {
        background: #666;
        color: #fff;
    }


    .YouTubeModal .modal-header button {
        background: #666;
        color: #fff;
    }


    /* kit product */

    .product-kit-page .price-wrap {
        background: #DDD;
        padding: 10px;
    }

        .product-kit-page .price-wrap h1 {
            font-weight: bold;
            font-size: 30px;
            text-align: right;
            margin: 0;
        }

    .product-kit-page .kit-add-to-cart .qty-text {
        float: left;
        padding-top: 3px;
        padding-right: 3px;
    }

    .product-kit-page .quantity-box {
        width: 50px;
        float: left;
        margin-right: 5px;
    }

    .product-kit-page .kit-add-to-cart {
        overflow: hidden;
        float: right;
    }

    #kitshowstockpopup {
        width: 150px;
    }

    /* Product page promotions */

    /*
.product-promotions {
    font-size:13px;
    margin-top:10px;
}

.product-promotions div.right {
    text-align:right;
}

.product-promotions div.right span {
    padding-right:5px;
}

.product-promotions h2 {
    text-align:left;
    margin-top:0;
    padding:10px;
    color:#800000;
    font-size:18px;
    font-weight:bold;
    background-color:#eee;
    border-bottom:solid 1px #ddd;
}


.product-promotions h3 {
    text-align:left;
    margin-top:0;
    padding:0;
    color:#800000;
    font-size:13px;
    font-weight:bold;

}

.product-promotions .kit-promo-disclaimer {
    padding:0 0 10px 5px;
    font-size:11px;
}

.product-promotions .promotion-product {
    padding-bottom:5px;
    margin-bottom:5px;
    
}

    .product-promotions .promotion-product:last-child {
        border-bottom: none;
    }

  

    .product-promotions .wasPriceOuter span {
        color:#555;
    }

    .product-promotions .btn-xs {
        width:100%;
    }
    .product-promotions .btn-collect {
        margin-bottom:3px;
    }

.product-promotions img.product {


}

.product-promotions .promo-variant {
    padding:0;
    font-size:12px;
    width:100%;
}

.product-promotions a {
    text-decoration:none;
    color:#000;
}

.product-promotions a:hover,
.product-promotions a:active {
    text-decoration:underline;
}
*/

    .product-promotions {
        margin-bottom: 20px;
    }

    #promocalltoaction li {
        margin-bottom: 5px;
    }

    #promocalltoaction .title {
        font-weight: bold;
        display: block;
    }

    #promocalltoaction .subtitle {
        color: #444;
        font-size: 90%;
    }

    #promoallbundles {
        height: 400px;
        overflow: hidden;
    }


        #promoallbundles.fullheight {
            height: unset;
            overflow: auto;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

    .promokitline {
        border-bottom: dotted 3px #bbb;
        padding: 10px 0;
        margin-bottom: 7px;
        display: block;
        clear: both;
        overflow: hidden;
    }


    div.promokitline .saleSaving {
        min-width: 40px;
        text-align: center;
        font-size: 16px;
        line-height: 18px;
        padding: 23px 10px;
        font-weight: bold;
        float: right;
        background-color: #DE1E2F;
        color: #ffffff;
        border-top-color: #b20000;
        text-shadow: 1px 1px 1px #4d0000;
        margin-bottom: 5px;
        margin-left: 10px;
        font-family: SSTBold;
    }


    .promokitline .priceouter {
        display: block;
        color: black;
        font-weight: bold;
        text-decoration: line-through;
    }

        .promokitline .priceouter .price {
            color: red;
        }

    .promokitline div.plusicon {
        display: inline-block;
        padding: 40px 20px 0 20px;
        vertical-align: top;
        float: left;
    }

    .promokitline div.promoimg {
        background-color: #eee;
        padding: 2px 2px 2px 2px;
        width: 80px;
        height: 80px;
        float: left;
        margin-bottom: 5px;
        margin-right: 5px;
        margin-top: 5px;
        display: inline-block;
    }

    .promokitline div.promotext {
        width: 150px;
        float: left;
        display: inline-block;
        vertical-align: top;
        font-size: 80%;
        padding-top: 3px;
    }

    .promokitline div.promoimg img {
    }


    .promokitline .btn-addpromo {
        padding: 5px 25px 3px 25px;
    }

    .product-promotions .wasPriceOuter {
        color: red;
        text-decoration: line-through;
    }

        .product-promotions .wasPriceOuter .price {
            color: black;
        }



    .product-promotions2 {
        margin-bottom: 20px;
    }

        .product-promotions2 .product-promo-item {
            padding-top: 5px;
        }

        .product-promotions2 .product-image {
            height: 100%;
            background-color: #eee;
            margin: 0 5px;
            padding: 5px;
        }

        .product-promotions2 .itemprice {
            text-align: right;
            padding-right: 2px;
            font-size: 90%;
            color: red;
            text-decoration: line-through;
        }

            .product-promotions2 .itemprice span {
                color: black;
            }

        .product-promotions2 .bundletext {
            font-size: 90%;
            line-height: normal;
        }

        .product-promotions2 .promo-combinedprice {
            font-size: 120%;
            font-family: SSTBold;
            color: #de1e2f;
            text-align: right;
        }

        .product-promotions2 .promo-separateprice {
            font-size: 70%;
        }

        .product-promotions2 .promo-save {
            width: 100%;
            font-weight: bold;
            color: #555;
            text-align: right;
        }
    /* category page*/

    h2#category-heading {
        margin-top: 0px;
    }

    .subcats {
        margin-top: 10px;
        margin-bottom: 10px;
        overflow: hidden;
    }

    .subcatbox {
        width: 100%;
        border: solid 1px #555;
        padding: 5px;
        margin-top: 5px;
        background-color: white;
    }

    .subcatboxinner {
        background-color: #ddd;
        padding: 5px 10px 5px 10px;
        color: black;
    }

    a:hover .subcatboxinner {
        background-color: #ddf;
        color: blue;
    }

    .category-page {
    }



        .category-page .productnotpublished {
            background: black;
            padding: 5px 10px;
            color: white;
            display: inline-block;
        }

    .filter-box {
        background: #fff;
        border: solid 1px #999;
        overflow: hidden;
        padding: 0 10px 10px 10px;
    }



    #searchcount {
        padding: 5px 0 0 5px;
    }

    .category-page .search-control-outer {
        background-color: #ffffff;
        margin: 10px 0;
        overflow: hidden;
    }

        .category-page .search-control-outer .sort-text {
            text-align: left;
            font-size: 11px;
        }

        .category-page .search-control-outer .search-control {
            padding: 5px;
        }

    .category-page .search-control .label {
        padding: 0 5px 0 5px;
        color: rgb(0,0,0);
        float: left;
        font-size: 15px;
        font-weight: normal;
        margin-top: 10px;
    }

    .category-page .search-control select {
        margin: 0 2px 0 2px;
    }

        .category-page .search-control select#sort-select {
            float: left;
        }

    .category-page .search-control .searchpaging {
        float: right;
    }


    .category-page .search-control .btn {
        margin: 0 2px 0 2px;
    }

    .category-page .pagination {
        margin: 5px 0 0 0;
        float: right;
    }

        .category-page .pagination ul {
            list-style-type: none;
            float: left;
        }

            .category-page .pagination ul li {
                display: inline;
                float: left;
                font-size: 15px;
                font-weight: bold;
                margin: 0 2px;
            }

                .category-page .pagination ul li.active {
                    border: solid 1px #555;
                    padding: 1px 5px 1px 5px;
                    background: #000;
                    color: white;
                    margin-top: -1px;
                }


                .category-page .pagination ul li.disabled {
                    border: solid 1px #aaa;
                    padding: 1px 5px 1px 5px;
                    color: #aaa;
                    margin-top: -1px;
                }

                .category-page .pagination ul li a {
                    color: #000;
                    border: solid 1px #555;
                    padding: 1px 5px 1px 5px;
                    background: #ccc;
                }

                    .category-page .pagination ul li a:hover {
                        background: #ccf;
                    }

    .category-page .column.three {
        width: 25%;
        float: left;
        display: block;
    }

    .category-page .column.nine {
        width: 75%;
        float: left;
        display: block;
    }

    .side-header h2 {
        font-size: 22px;
    }

    .side-menu h3 {
        font-size: 18px;
    }

    .side-menu input[type="text"] {
        padding: 0;
    }

    .side-menu label {
        font-weight: normal;
        display: block;
        padding-left: 15px;
        text-indent: -18px;
        margin: 0;
    }

    .side-menu input[type=checkbox] {
        display: inline;
        width: 13px;
        height: 13px;
        padding: 0;
        margin: 0 5px 0 0;
        vertical-align: bottom;
        position: relative;
        top: -5px;
        *overflow: hidden;
    }



    .side-menu label:hover {
        text-decoration: underline;
    }


    .side-menu div.searchslider {
        width: 90%;
        margin: 5% 5% 5% 2%;
    }

    .side-menu div.slideinputleft {
        display: block;
        float: left;
        width: 45%;
    }

    .side-menu div.slideinputright {
        display: block;
        float: right;
        width: 45%;
        margin-right: 3%;
    }




        .side-menu div.slideinputleft input, .side-menu div.slideinputright input {
            width: 100%;
            margin: 5px 0 15px 0;
            text-align: center;
        }

    .sale_callout_listing {
        background-color: #DE1E2F;
        border-top: 1px solid #990000;
        color: #ffffff;
        font-family: SSTBold;
        font-size: 15px;
        text-shadow: 1px 1px 1px #330000;
        position: absolute;
        top: 10px;
        left: 25px;
        padding: 2px 9px;
        z-index: 1000;
    }

    div.pList {
        overflow: hidden;
        list-style-type: none;
        /*padding: 0 7px 0 7px;*/
    }


        div.pList .product {
            /*padding:0 8px 0 8px;*/
            margin-bottom: 50px;
        }

            div.pList .product span.image {
                padding: 10px;
                text-align: center;
                display: block;
                overflow: hidden;
                background-color: #F1F5F9;
                min-height: 310px;
                transition: background 500ms ease-in;
            }

            div.pList .product:hover span.image {
                background-color: #ddd;
                transition: background 200ms ease-in;
            }


            div.pList .product .product-box.img-jpg span.image {
                background-color: #FFF;
            }

            div.pList .product:hover .product-box.img-jpg span.image {
                background-color: #FFF;
            }

            div.pList .product span.image a {
                width: 100%;
            }


            div.pList .product span.image img.lazyload {
                max-width: 100%;
                margin: 0 auto;
            }

            div.pList .product div.lazyload {
                opacity: 0;
                transform: scale(0.8);
                -o-transform: scale(0.8);
                -moz-transform: scale(0.8);
                -webkit-transform: scale(0.8);
                -ms-transform: scale(0.8);
            }

            div.pList .product div.lazyloaded {
                opacity: 1;
                transform: scale(1);
                -o-transform: scale(1);
                -moz-transform: scale(1);
                -webkit-transform: scale(1);
                -ms-transform: scale(1);
                transition: all 700ms;
                -moz-transition: all 700ms;
                -o-transition: all 700ms;
                -webkit-transition: all 700ms;
            }


            div.pList .product .title-bar {
                margin-top: 5px;
            }

                div.pList .product .title-bar .product-name {
                    font-family: SSTMedium;
                    font-size: 15px;
                    color: black;
                }

                div.pList .product .title-bar .umn {
                    font-family: SSTMedium;
                    font-size: 11px;
                    color: #83838f;
                    margin: 5px 0;
                    display: block;
                }

            div.pList .product .description {
                padding: 5px 0 10px 0;
                font-family: SSTRoman;
                font-size: 12px;
                color: #83838f;
                display: block;
            }

            div.pList .product .product-price {
                font-family: SSTMedium;
                color: black;
                font-weight: 500;
                font-size: 15px;
            }

            div.pList .product .comparison-prices {
                color: black;
                text-decoration: line-through;
                font-size: 12px;
                display: block;
            }

            div.pList .product .promo-text .promo-text-heading {
                font-size: 120%;
                font-weight: bold;
                padding: 5px 0 0 0;
                display: block;
                color: red;
                line-height: 1;
            }


            div.pList .product .promo-text .promo-text-subhead {
                margin-bottom: 10px;
                display: block;
                font-size: 90%;
            }
    /*

    .product-box {
    border: none;
    background: #e6e6e6;
    margin-bottom: 10px;
    min-height: 550px;
    position:relative;
}



    ul.pList .product {
        overflow: hidden;
        padding: 0 10px 0 10px;
        margin-bottom: 20px;
    }

        ul.pList .product .product-box {
            border: none;
            
        }

        ul.pList .product .product-box:hover {
            box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
            -moz-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
            -webkit-box-shadow: 0px 0px 10px 1px rgba(119, 119, 119, 0.51);
        }

        ul.pList .product .product-box:hover .title-bar {
    background-color:  #dbe6ea;
    color:#2993cc;
    cursor:pointer ;
    clear:left;
}

@media only screen and (min-width : 992px) {
    .mdlast {
        clear: both;
    }
}

@media only screen and (min-width : 480px) and (max-width:991px) {
    .smlast {
        clear: both;
    }
}


ul.pList .product .title-bar {
    padding: 5px 10px 5px 10px;
    background-color:  #e6e6e6;
    overflow: hidden;
    border-bottom:1px solid rgb(205,205,205);
    border-top:1px solid rgb(205,205,205);
    line-height:15px;   
     font-size: 12px;
    height:65px;
    clear:left;
}



ul.pList .product .title-bar br {
  line-height: 13px;
}

    ul.pList .product .title-bar a {
        color: black;
        width: 100%;
        text-decoration:none;

    }

    ul.pList .product .title-bar-highlight a {
    color:#2993cc;

}
    ul.pList .product .title-bar .product-name {
      
       
        display: block;
        font-weight: bold;
       
    }

    ul.pList .product .title-bar .product-compare {
        float: right;
        color: white;
        font-size: 80%;
    }

ul.pList .product .content-top {
    padding: 10px;
    background: white;
    
    position:relative;
    float: left;
    width: 100%;
}

ul.pList .product .content-main {
    padding: 10px;
    background: #f2f2f2;
    overflow: hidden;
    float: left;
   
    width: 100%;
     height:135px;
      border-top:1px solid #FFF;
       border-bottom:1px solid rgb(205,205,205);
}

ul.pList .product .content-pricing {
    padding: 10px 10px;
    overflow:hidden;
    
}

ul.pList .product .content-pricing span.promo-text {
  color:#810000;
  font-size:11px;
  font-weight:bold;
  display:block;
    
}
ul.pList .product .content-top span.image {
    float: left;
    width: 100%;
    display: block;
}

ul.pList .product span.image img {
    width: 100%;
}

ul.pList .product .content-main span.product-detail {
    display: block;
    float: left;
    
    
   
}

ul.pList .product .content-main span.description {
    font-size: 12px;
   
}

ul.pList .product .content-main span.long-description {
    font-size: 11px;
    display: block;
    margin-top: 5px;
    color: #555;
}

ul.pList .product .content-main a.read-more {
    font-weight: bold;
    display: block;
    padding-top: 5px;
}


ul.pList .product .content span.pricing {
    display: block;
    clear: both;
    margin-left: 10px;
    float: left;
    text-align: center;
    overflow: hidden;
}

ul.pList .product .content-pricing span.pricing .comparison-prices {
 
 

}

ul.pList .product .content-pricing span.pricing .comparison-prices .wasprice {
    padding-right:10px;
         color:#810000;
    font-weight:bold;
 
    text-decoration: line-through;
}

ul.pList .product .content-pricing span.pricing .product-price {
    font-weight: bold;
  
 
    margin-top: 10px;
}

ul.pList .product .stockmock {
    height: 152px;
    display: block;
    background: url(images/searchstockmock.png);
    float: left;
}


    */
    /* Checkout */

    .checkout-outer {
        width: 100%;
        border: solid 1px black;
        padding: 5px;
        background: #eee;
        margin-bottom: 20px;
    }

    .checkout-inner {
        width: 100%;
        background-color: white;
        padding: 10px;
        overflow: hidden;
    }



    table.cart-items {
        width: 100%;
    }

        table.cart-items .checkout-cart-line img.img-responsive {
            width: 100%;
        }

        table.cart-items span.prod-umn {
            font-size: 80%;
        }

        table.cart-items tr.headrow {
            color: black;
        }

            table.cart-items tr.headrow th {
                padding: 3px;
                border-bottom: solid 1px #AAA;
                vertical-align: bottom;
            }

                table.cart-items tr.headrow th:first-child {
                    padding-left: 10px;
                }

                table.cart-items tr.headrow th:last-child {
                    padding-right: 10px;
                }

        table.cart-items td {
            padding: 6px 5px;
            border-bottom: 1px dotted #CCC;
        }


            table.cart-items td:last-child {
                padding-right: 10px;
            }


            table.cart-items td.right, table.cart-items th.right {
                text-align: right;
            }

        table.cart-items input.checkout-qty {
            width: 50px;
        }

        table.cart-items tr.totalrow td {
            font-weight: bold;
        }

        table.cart-items ul.cart-kit-items {
            padding-left: 5px;
            list-style-type: none;
        }

            table.cart-items ul.cart-kit-items li {
                padding: 0;
                margin: 0;
                font-size: 13px;
                font-style: italic;
            }

        table.cart-items .promotion-text span {
            vertical-align: middle;
        }

        table.cart-items .promotion-text i.offer {
            margin-right: 5px;
            vertical-align: middle;
        }

        table.cart-items .wasPriceOuter {
            text-decoration: line-through;
            color: red;
        }

        table.cart-items .wasPrice {
            color: #999;
        }


        table.cart-items table.voucher-details tr td {
            font-size: 0.9em;
            font-weight: normal;
        }

    .checkout-text {
        display: block;
        font-size: 90%;
        padding-bottom: 5px;
    }

    .checkout-info-title {
        background: #555;
        padding: 3px 5px 3px 5px;
        display: block;
        font-weight: bold;
        color: #fff;
        margin-bottom: 5px;
    }

    .checkout-info-subtitle {
        display: block;
        font-size: 95%;
        width: 45%;
        float: left;
        padding-bottom: 5px;
    }

    .checkout-info-subtitle2 {
        display: block;
        font-size: 95%;
        padding: 10px 10px;
        margin: 5px 0px;
        clear: both;
        border-left: 2px solid #999;
    }

    .checkout-container {
        overflow: hidden;
    }

    .checkout-info-container {
        display: block;
        font-size: 95%;
        width: 55%;
        float: left;
        padding-bottom: 5px;
    }

    div.voucher-input {
        margin-top: 10px;
        float: right;
        overflow: hidden;
        display: block;
    }

    td.voucher-terms {
        font-size: 90%;
    }

    .checkout-info-container input {
        margin-bottom: 5px;
    }

    .bold {
        font-weight: bold;
    }

    .checkout-container .input > span {
        font-size: 14px;
        font-weight: bold;
        color: black;
        display: block;
        min-width: 25%;
        float: left;
    }


    .checkout-container .input input,
    .checkout-container .input select {
        margin-bottom: 5px;
    }

    .txtTitle {
        width: 150px;
        margin-left: 5px;
    }

    /* Newsletter Signup */

    .newsletter-signup .description {
        margin-bottom: 20px;
    }

    .newsletter-signup .input {
        clear: both;
    }

        .newsletter-signup .input > span {
            font-size: 14px;
            font-weight: bold;
            color: black;
            display: block;
            min-width: 20%;
            float: left;
        }

    .newsletter-signup input[type="text"] {
        width: 75%;
        margin-bottom: 10px;
    }


    #newsletter-loader {
        width: 74px;
        height: 34px;
        background: url('images/nlspreloader.gif');
    }
    /* New CEFASOFT One Page Checkout (OPC.aspx)*/

    .opcsection {
        overflow: hidden;
        padding: 10px 0;
    }

    #opc-complete-order-subtext {
        font-size: 80%;
        color: red;
        font-weight: bold;
        padding-top: 20px;
        overflow: hidden;
        min-height: 50px;
    }

    .opc-header {
        border-top: solid 1px #eee;
        margin-top: -10px;
        background: url(images/headershadow.gif) repeat-x bottom #fff;
    }

        .opc-header h3 {
            margin-top: 20px;
            margin-bottom: 20px;
        }

    .opc-page-outer {
        background-color: #EEEFF1;
        padding-top: 30px;
    }

    .opc-outer {
        margin-bottom: 20px;
    }

    .opc-inner {
        overflow: hidden;
    }

    .opc-page h1, .opc-page h2, .opc-page h3, .opc-page h4, .opc-page h5 {
        margin: 5px 0;
    }

    .opc-page h3 {
        margin: 25px 0 10px 0;
    }

    #pnlOPCErrorMsg {
        width: 100%;
        margin: 0 0 5px 0;
        background: red;
        color: white;
        border: solid 1px #000;
        padding: 10px;
    }

        #pnlOPCErrorMsg a {
            color: white;
            font-weight: bold;
        }

    .opc-basket-outer {
        padding: 15px;
        background-color: white;
    }

    .opc-checkout-outer .seehowonregcust {
        display: none;
    }

    .opc-checkout-outer {
        border: solid 1px white;
        padding: 15px;
        background-color: white;
        min-height: 350px;
    }

    .opc-outer h2 {
        font-size: 22px;
        background-color: #333;
        color: white;
        padding: 15px;
        font-family: SSTMedium;
        margin: 0;
    }

        .opc-outer h2.basket-title {
            background-color: #999;
        }

    .opc-outer h3 {
        font-size: 18px;
    }

    .opc-checkout-outer button {
        margin-top: 5px;
    }

    .opc-checkout-outer label {
        font-weight: normal;
        font-size: 13px;
    }


    .opc-login-left {
        width: 49%;
        float: left;
    }

    #newpassword2 {
        margin-top: 5px;
    }

    .opc-login-right {
        width: 49%;
        float: left;
    }


        .opc-login-right.fullwidth {
            width: 100%;
        }

            .opc-login-right.fullwidth input {
                width: 90%;
            }

            .opc-login-left label,
            .opc-login-right.fullwidth label {
                margin-top: 10px;
            }

    #opc-login-error {
        background-color: red;
        color: white;
        font-weight: bold;
        overflow: hidden;
        padding: 5px;
        margin-bottom: 10px;
    }

        #opc-login-error i {
            float: left;
            display: block;
            width: 30px;
            padding-left: 5px;
        }

        #opc-login-error span {
            float: left;
            width: 95%;
            display: block;
        }


    .forgotPassword {
        padding-left: 10px;
        font-size: 12px;
    }

    .pchide {
        display: none;
    }

    .opc-pickaddress {
        max-width: 250px;
    }

    .opc-manual-address-input {
        margin-top: 5px;
        display: block;
        font-size: 90%;
    }

    #opc-requirePasswordReset {
        border: solid 1px red;
        margin: 5px 5px 5px 0;
        padding: 5px;
        font-size: 95%;
    }

    .opc-page .input > span {
        font-size: 14px;
        font-weight: bold;
        color: black;
        display: block;
        min-width: 25%;
        float: left;
        margin-left: 10px;
        padding: 5px 0;
    }


    .opc-page .input input,
    .opc-page .input select {
        margin-bottom: 5px;
    }

    #copyaddress {
        margin: 10px 0;
    }

    .opc-payment-radio {
        vertical-align: top;
    }


    .opc-payment-methods span.payment-sprite {
    }

    .opc-payment-methods span.payment-method-name {
        vertical-align: top;
        margin-left: 5px;
    }

    .opc-payment-form .payment-method-info {
        padding-left: 15px;
    }

    .opc-cardtypes, .opc-payment-methods {
        list-style-type: none;
        overflow: hidden;
        padding-left: 0;
        padding-top: 5px;
    }


        .opc-cardtypes input[type="radio"] {
            vertical-align: top;
        }

        .opc-cardtypes label {
            vertical-align: top;
            padding-left: 5px;
        }

        .opc-cardtypes li,
        .opc-payment-methods li {
            margin: 0;
        }

            .opc-cardtypes li input,
            .opc-payment-methods li input {
                margin-right: 5px;
            }

            .opc-cardtypes li label,
            .opc-payment-methods li label {
                margin: 0px;
            }


    .opc-existing-addresses {
        margin: 10px 0;
    }

        .opc-existing-addresses p.customer-name {
            font-weight: bold;
        }

    .opc-delivery-conditions {
    }

    .opc-delivery-condition {
        padding: 5px;
        border-radius: 10px;
    }

        .opc-delivery-condition p,
        #opc-address-edit p {
            margin: 0 0 0 10px;
        }

    .opc-page button.btn.saveaddr {
        width: 240px;
    }

    .opc-newaddress-outer {
        background-color: #f5f5f5;
        padding: 10px;
        border-radius: 10px;
        margin: 0px 10px;
    }

    .opc-address-select {
        min-height: 220px;
    }

    .opc-address-change-alert {
        padding: 10px 20px;
        background: #555;
        color: white;
        margin-bottom: 15px;
    }


    iframe.ifSage {
        width: 100%;
        min-height: 600px;
        border: solid 5px white;
        margin-bottom: 20px;
    }



    .nomenupage-header {
        border-top: solid 1px #eee;
        margin-top: -10px;
        background: url(images/headershadow.gif) repeat-x bottom #fff;
        padding: 0 0 10px 0;
    }

    .pagestyle-limitednav .nomenupage-header {
        border-top: none;
        margin-top: 0;
    }


    .nomenupage-outer {
        background-color: #EEEFF1;
        padding-top: 30px;
    }

    .nomenupage {
    }

    .nomenupage-inner {
    }

    .nomenupage .form-group {
        margin-top: 5px;
        margin-bottom: 0;
    }

        .nomenupage .form-group.bottombuttons {
            padding-top: 30px;
            padding-bottom: 20px;
        }

        .nomenupage .form-group .validationError {
            margin-bottom: 3px;
            padding: 5px;
            border-left: solid 2px red;
            overflow: hidden;
        }

    .nomenupage .validation-messages {
        padding-top: 5px;
        clear: both;
    }

    .nomenupage-contentbox {
        background-color: #fff;
        padding: 15px;
        margin-bottom: 30px;
    }

    .nomenupage h2 {
        font-size: 22px;
        background-color: #333;
        color: white;
        padding: 15px;
        font-family: SSTMedium;
        margin: 0;
    }

        .nomenupage h2.light {
            background-color: #888;
        }

    .nomenupage h3 {
        margin: 0 0 5px 0;
        font-size: 15px;
        font-weight: bold;
    }

    /*
.opc-address-select.existing-address {
    border:solid 1px #CCC;
    border-radius:5px;
    padding:5px;
    min-height:150px;
}
.opc-address-select.existing-address.selected-address {
    border:solid 2px #CCC;
    background:#EEF;
}
    */

    .row.less-gutter {
        margin-left: -2px;
        margin-right: -2px;
    }

        .row.less-gutter .less-gutter-col:not(:first-child),
        .row.less-gutter .less-gutter-col:not(:last-child) {
            padding-right: 2px;
            padding-left: 2px;
        }

    .opc-addressreview {
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .opc-addressreview .title {
            font-weight: bold;
        }

    .opc-displayaddress p {
        margin: 0;
        padding: 0;
        line-height: normal;
    }

    .opc-payment-forms h3 {
        color: #888;
    }

    .opc-payment-forms .opc-payment-form {
        display: none;
    }

    .input.proceed-button {
        display: none;
    }



    label.otouchradio {
        width: 80%;
        border-radius: 3px;
        border: 1px solid #D1D3D4;
    }

    div.otouchradio {
        clear: both;
        margin: 0 0;
    }
    /* hide input */
    input.otouchradio:empty {
        margin-left: -999px;
    }





    /* style label */
    input.otouchradio ~ label {
        position: relative;
        float: left;
        line-height: 3em;
        text-indent: 3.5em;
        margin-top: 0.2em;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        input.otouchradio ~ label:before {
            position: absolute;
            display: block;
            top: 0;
            bottom: 0;
            left: 0;
            content: '';
            width: 2.5em;
            background: #D1D3D4;
            border-radius: 3px 0 0 3px;
        }

    /* toggle hover */
    input.otouchradio:hover:not(:checked) ~ label:before {
        content: 'X';
        text-indent: .9em;
        color: #C2C2C2;
    }

    input.otouchradio:hover:not(:checked) ~ label {
        color: #888;
    }

    /* toggle on */
    input.otouchradio:checked ~ label:before {
        content: 'X';
        text-indent: .9em;
        color: #9CAEE2;
        background-color: #4D6DCB;
    }

    input.otouchradio:checked ~ label {
        color: #F00;
        background: #FDD;
    }

    /* radio focus */
    input.otouchradio:focus ~ label:before {
        box-shadow: 0 0 0 3px #999;
    }


    .stockavailability tr td {
        text-align: left;
    }

    /* Voucher redemption */

    a#havevoucher {
        color: #555;
        font-size: 12px;
    }

    .checkout-voucher-request {
        margin-top: 10px;
        background-color: #eee;
        padding: 5px 0 10px 10px;
        border-radius: 5px;
    }

        .checkout-voucher-request input#voucher-code {
            margin-right: 10px;
        }

        .checkout-voucher-request .title {
            margin-bottom: 5px;
        }

    .existing-promotions {
        font-size: 12px;
    }

        .existing-promotions .title {
            margin: 5px 0;
            padding: 5px;
            border-bottom: dotted 1px #999;
        }

    #voucher-package-outer .voucher-error {
        color: red;
        margin-top: 5px;
        font-weight: bold;
    }
    /* Cefasoft Collect from store page*/
    .collect-outer {
        margin-bottom: 10px;
    }

    .collect-info-gmap {
        width: 100%;
        height: 300px;
        border: solid 2px #ccc;
        margin-bottom: 10px;
    }

    .collect-page h4 {
        font-size: 14px;
        font-weight: bold;
        padding-bottom: 5px;
        border-bottom: solid 1px #aaa;
    }

    .collect-page .storeaddress p {
        margin-bottom: 4px;
        font-size: 14px;
    }

    .collect-page .collect-opening-hours {
        margin-top: 10px;
    }

    table.collect-product {
        width: 100%;
        margin-bottom: 25px;
    }

        table.collect-product tr td img {
            max-width: 70px;
        }

        table.collect-product tr th {
            font-size: 14px;
            font-weight: bold;
            border-bottom: solid 1px #aaa;
            padding-bottom: 5px;
        }

        table.collect-product tr td {
            font-size: 14px;
            font-weight: normal;
            padding: 3px;
        }

            table.collect-product tr td.availability {
                width: 25%;
            }



    table.collect-opening-hours {
        width: 100%;
    }

    .collect-basket-outer {
        padding-left: 15px;
    }

    .collect-image-outer {
        text-align: center;
        vertical-align: middle;
    }

        .collect-image-outer img {
            max-width: 150px;
        }

    .collect-checkout-outer {
        border: solid 1px white;
        padding-left: 10px;
        box-shadow: -9px 0px 5px -5px #CCC;
        min-height: 350px;
    }

        .collect-checkout-outer button {
            margin-top: 5px;
        }

        .collect-checkout-outer label {
            font-weight: normal;
            font-size: 13px;
        }

    .collect-login-left {
        width: 49%;
        float: left;
    }


    .collect-login-right {
        border-left: 1px dotted #CCC;
        width: 49%;
        padding-left: 10px;
        float: left;
    }

    #collect-login-error {
        padding-left: 30px;
        color: red;
        font-weight: bold;
    }


    .collect-page .input span {
        font-size: 14px;
        font-weight: bold;
        color: black;
        display: block;
        min-width: 25%;
        float: left;
        margin-left: 10px;
        padding: 5px 0;
    }


    .collect-page .input input,
    .collect-page .input select {
        margin-bottom: 5px;
    }

    .collect-cardtypes {
        list-style-type: none;
        overflow: hidden;
        padding-left: 0;
        padding-top: 5px;
    }

        .collect-cardtypes li {
            margin: 0;
        }

            .collect-cardtypes li input {
                margin-right: 5px;
            }

            .collect-cardtypes li label {
                margin: 0px;
            }


    .collect-outer span.unhappyMessage {
        display: block;
        width: 90%;
        color: red;
        padding: 0 0 10px 0;
        overflow: hidden;
        font-weight: bold;
    }

        .collect-outer span.unhappyMessage span {
            text-align: right;
            padding-right: 5px;
            color: red;
            margin-top: -4px;
            font-weight: bold;
        }

    .collect-outer input.unhappy {
        background-color: #FEE;
    }

    #opc-newcustomer-outer span.unhappyMessage {
        width: auto;
    }

    /* Home Page */


    #frontPageBanner .btn {
        display: none;
    }


    #frontPageBanner {
        min-height: 380px;
    }

        #frontPageBanner li {
            display: none;
        }


        #frontPageBanner div.bannerfloat {
            z-index: 1000;
            position: absolute;
            left: 115px;
            color: rgba(0,0,0,0.8);
            top: 55%;
            margin: 0;
        }


            #frontPageBanner div.bannerfloat h1 {
                font-size: 32px;
                color: inherit;
            }

            #frontPageBanner div.bannerfloat span {
                font-size: 14px;
            }


        #frontPageBanner a button.btn {
            z-index: 10;
            position: absolute;
            font-family: 'Open Sans Condensed', sans-serif;
            font-weight: bold;
            background-color: rgb(0, 160, 198);
            color: white;
            display: inline-block;
            left: 115px;
            float: left;
            bottom: 30px;
        }

        #frontPageBanner div.pricefloat {
            z-index: 10;
            position: absolute;
            right: 50px;
            color: rgba(0,0,0,1);
            top: 0px;
            margin: 0;
            width: 50%;
            float: right;
            vertical-align: bottom;
        }


            #frontPageBanner div.pricefloat div.pricefloatinner {
                right: 0;
                display: inline-block;
                position: absolute;
                padding: 5px;
                /* text-shadow: -1px -1px 0 rgba(255,255,255,0.6), 1px -1px 0 rgba(255,255,255,0.6), -1px 1px 0 rgba(255,255,255,0.6), 1px 1px 0 rgba(255,255,255,0.6);*/
                /* text-shadow: -1px -1px 0 rgba(20,20,20,0.6), 1px -1px 0 rgba(20,20,20,0.6), -1px 1px 0 rgba(20,20,20,0.6), 1px 1px 0 rgba(20,20,20,0.6);*/
            }

            #frontPageBanner div.pricefloat p.curr {
                display: inline-block;
                font-size: 48px;
                padding-top: 26px;
                color: #ccc;
                font-family: SSTBold, sans-serif;
                font-weight: bold;
                float: left;
                vertical-align: bottom;
                line-height: 115px;
            }

            #frontPageBanner div.pricefloat p.units {
                display: inline-block;
                font-size: 98px;
                color: #ccc;
                font-family: SSTBold, sans-serif;
                font-weight: bold;
                position: relative;
                float: left;
                letter-spacing: -5px;
            }

            #frontPageBanner div.pricefloat p.pence {
                display: inline-block;
                padding-top: 26px;
                font-size: 48px;
                letter-spacing: -2px;
                color: #ccc;
                font-family: SSTBold, sans-serif;
                font-weight: bold;
                float: left;
                vertical-align: bottom;
                line-height: 115px;
            }

            #frontPageBanner div.pricefloat div.saleinner {
                right: 0;
                float: right;
                font-size: 20px;
                text-align: right;
                padding-top: 105px;
                color: white;
                font-family: SSTBold, sans-serif;
                font-weight: bold;
                text-shadow: -1px -1px 0 rgba(0,0,0,0.6), 1px -1px 0 rgba(0,0,0,0.6), -1px 1px 0 rgba(0,0,0,0.6), 1px 1px 0 rgba(0,0,0,0.6),;
            }

                #frontPageBanner div.pricefloat div.saleinner p {
                    display: inline-block;
                    margin-left: 4px;
                    margin-top: 4px;
                    float: left;
                }

                    #frontPageBanner div.pricefloat div.saleinner p.savetext,
                    #frontPageBanner div.pricefloat div.saleinner p.saving {
                        color: #900000;
                        font-size: 24px;
                        margin-top: 0;
                        text-shadow: -1px -1px 0 rgba(255,255,255,0.6), 1px -1px 0 rgba(255,255,255,0.6), -1px 1px 0 rgba(255,255,255,0.6), 1px 1px 0 rgba(255,255,255,0.6);
                    }


                    #frontPageBanner div.pricefloat div.saleinner p.wastext {
                        margin-left: 8px;
                    }

                    #frontPageBanner div.pricefloat div.saleinner p.wasprice {
                        text-decoration: line-through;
                    }


        #frontPageBanner a button.btn:hover {
            background-color: rgb(0, 176, 214);
        }

    .carousel-fade .carousel-inner .item {
        opacity: 0;
        transition-property: opacity;
    }

    .carousel-fade .carousel-inner .active {
        opacity: 1;
    }

        .carousel-fade .carousel-inner .active.left,
        .carousel-fade .carousel-inner .active.right {
            left: 0;
            opacity: 0;
            z-index: 1;
        }

    .carousel-fade .carousel-inner .next.left,
    .carousel-fade .carousel-inner .prev.right {
        opacity: 1;
    }


    .carousel-fade .carousel-control {
        z-index: 2;
    }


    .carousel-indicators {
        left: auto;
        bottom: -6px;
        right: 1%;
        text-align: right;
    }

        .carousel-indicators li {
            text-indent: 0;
            height: 12px;
            width: 12px;
            padding: 1px 5px 1px 5px;
            border-radius: 25px;
            background-color: #58585a;
            border-color: rgba(255,255,255, 0.5);
            color: transparent;
        }

            .carousel-indicators li:hover {
                background-color: #a2daf4;
                border-color: rgba(0, 0, 0, 0.5);
                height: 12px;
                width: 12px;
            }

            .carousel-indicators li.active {
                height: 12px;
                width: 12px;
                background-color: #a2daf4;
                border-color: rgba(255, 255,255, 0.5);
                margin: 1px;
            }

    .homePageBuckets {
        margin-top: 10px;
        margin-left: -2px;
        margin-right: -2px;
    }

        .homePageBuckets div.homePageBucket {
            padding-left: 2px;
            padding-right: 2px;
        }


    .bucket-inner {
        border: solid 1px #999;
        background-color: #fff;
        padding: 3px;
    }

        .bucket-inner.bucket-middle {
        }

    bucket-inner.bucket-right {
        right: 0;
    }

    #homePageProducts {
        margin-top: 10px;
    }

    /*
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
    */



    /* News Pages ================================================================================ */

    .newsbox-outer {
        border: solid 1px black;
        padding: 5px;
        background: #eee;
        margin-bottom: 20px;
    }

    .newsbox-inner {
        background-color: white;
        padding: 10px;
    }

        .newsbox-inner h3.headline-header {
            margin-bottom: 3px;
        }

            .newsbox-inner h3.headline-header a {
                color: black;
            }

    /* Manufacturer page */


    .manufacturer-page-image-box {
        border-bottom: solid 1px #000;
        overflow: hidden;
    }

    .logo-wrapper {
        padding: 10px;
    }



    /*TILT*/
    .tilt, .animate, .shadowfilter {
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }


        .tilt:hover {
            -webkit-transform: rotate(-3deg);
            -moz-transform: rotate(-3deg);
            -o-transform: rotate(-3deg);
            -ms-transform: rotate(-3deg);
            transform: rotate(-3deg);
        }

        .shadowfilter:hover {
            -webkit-filter: drop-shadow(12px 12px 7px rgba(0,0,120,0.2));
            filter: url(shadow.svg#drop-shadow);
        }


    /* Manufacturer category page */
    .manufacturer-banner {
        display: block;
        border: solid 1px#4d4d4d;
        background-color: white;
        overflow: hidden;
    }

        .manufacturer-banner img.banner {
            float: left;
        }

        .manufacturer-banner .solo-logo {
            float: right;
            padding-right: 30px;
        }

    .manufacturer-banner-text {
        clear: both;
        padding: 15px 10px 5px 10px;
        text-align: justify;
    }



    /* Topic Pages ================================================================================ */


    .topicbox-outer {
        width: 100%;
        background: white;
        /*    border: solid 1px black;
    padding: 5px;
    background: #eee;
    margin-bottom: 20px;*/
    }

    .topicbox-inner {
        width: 100%;
        /*background-color: white;
    padding: 10px;*/
    }


    /* Stock availability popup*/


    table.stockavailability tr {
        border-bottom: dotted 1px grey;
    }

    table.stockavailability td, table.stockavailability th {
        padding-top: 3px;
        padding-right: 3px;
        padding-bottom: 5px;
        vertical-align: top;
    }

    table.stockavailability tr th {
        vertical-align: bottom;
    }

    table.stockavailability tr td.storename {
        font-size: 100%;
        font-weight: bold;
        width: 20%;
    }

    table.stockavailability tr td.hours,
    table.stockavailability tr td.address {
        font-size: 80%;
        width: 25%;
    }

    table.stockavailability .collect-holiday {
        font-weight: bold;
    }

    table.stockavailability tr td.collect {
        min-width: 91px;
        min-height: 49px;
        background: url('images/locate_instock.jpg') no-repeat;
        background-position-y: 10px;
    }

        table.stockavailability tr td.collect.invalid {
            background: url('images/locate_outofstock.jpg') no-repeat;
            background-position-y: 10px;
            display: none; /* ES PM 13/03/2015 */
        }


    table.stockavailability td.collect-text {
        font-size: 80%;
    }

        table.stockavailability td.collect-text.in-stock {
            font-weight: bold;
        }

    .rotate {
        /* Safari */
        -webkit-transform: rotate(-90deg);
        /* Firefox */
        -moz-transform: rotate(-90deg);
        /* IE */
        -ms-transform: rotate(-90deg);
        /* Opera */
        -o-transform: rotate(-90deg);
        /* Internet Explorer */
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }
    /* Footer ================================================================================ */
    .footer-container {
        background: #191919;
        font-size: 12px;
        height: 200px;
        overflow: hidden;
        padding: 30px 0 30px 0;
        color: #ccc;
        width: 100%;
        text-transform: uppercase;
        position: absolute;
        bottom: 0;
        left: 0;
    }


        .footer-container p {
            margin-bottom: 5px;
            color: #888;
        }

        .footer-container a {
            color: #ccc;
            transition: color 0.5s ease;
        }

            .footer-container a:hover {
                color: white;
                transition: color 0.5s ease;
            }

        .footer-container ul {
            margin: 0;
            padding: 0;
            list-style-type: none;
            padding-bottom: 2px;
        }

            .footer-container ul li {
                display: inline-block;
                padding: 0 15px 0 0;
                margin-bottom: 5px;
            }

                .footer-container ul li:first-child {
                    padding-left: 0px;
                }

                .footer-container ul li:last-child {
                    border-right: none;
                }

    .footer {
    }

        .footer .footer-cols-wrapper {
            overflow: hidden;
            padding: 46px 0 42px;
        }

        .footer h4,
        .footer .block-title strong,
        .footer h3 {
            position: relative;
            font-size: 16px;
            line-height: 20px;
            font-weight: normal;
            color: #fff;
            margin-bottom: 22px;
            text-transform: capitalize;
        }

        .footer footer-col.last {
            float: right;
        }

        .footer .clear {
            clear: both;
        }

        .footer .footer-col.last h3 {
            float: left;
            line-height: 26px;
            margin-right: 10px;
        }

        .footer .footer-col.contacts h3 {
            margin: 5px 0 14px;
        }

        .footer ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            list-style-position: inside;
        }

            .footer ul li {
                display: block;
                padding: 0 0 5px;
                margin: 0;
            }

                .footer ul li a {
                    display: inline;
                    color: #7cdaf3;
                    font-size: 14px;
                    text-decoration: none;
                }

                    .footer ul li a:hover {
                        color: #b2cb00;
                    }

        .footer address {
            float: left;
            margin-top: 10px;
        }

        .footer .list-icon {
            overflow: hidden;
            margin-bottom: 15px;
        }

            .footer .list-icon li a {
            }

                .footer .list-icon li a:hover {
                    opacity: 0.5;
                }

            .footer .list-icon li {
                float: left;
                margin-right: 17px;
            }

                .footer .list-icon li:before {
                    display: none;
                }

    .footer-container .bottom-container {
        text-align: center;
    }

    .footer .footer-col .fb-like-box,
    .footer .footer-col iframe {
        background: #EDEFF4;
    }

    .footer-col {
        float: left;
        width: 16%;
        margin-right: 1.1%;
    }

        .footer-col.last {
            margin-right: 0;
            float: right;
        }

    .footer .footer-col p {
        margin-bottom: 10px;
    }

    .footer .footer-col .tel {
        display: block;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 4px;
    }

    .footer .footer-col .fb-like-box,
    .footer .footer-col iframe {
        background: #EDEFF4;
    }

    .footer-shadow {
        margin: 0 -10000px;
        padding: 4px 10000px 30px;
        position: relative;
        border-top: 1px solid #373737;
    }


    .opc-outer span.unhappyMessage {
        display: block;
        width: 90%;
        color: red;
        font-weight: bold;
        padding: 0 0 10px 0;
    }

        .opc-outer span.unhappyMessage span {
            text-align: right;
            padding-right: 5px;
            color: red;
            margin-top: -4px;
            margin-left: 5px;
        }

    .opc-outer input.unhappy {
        background-color: #FEE;
    }

    /*------ Radio buttons =-----*/

    .btn-group-vertical {
    }

    label input[type="radio"] ~ i.fa.fa-circle-o {
        color: #c8c8c8;
        display: inline;
        margin-right: 5px;
    }

    label input[type="radio"] ~ i.fa.fa-check-circle-o {
        display: none;
    }

    label input[type="radio"]:checked ~ i.fa.fa-circle-o {
        display: none;
    }

    label input[type="radio"]:checked ~ i.fa.fa-check-circle-o {
        color: #7AA3CC;
        display: inline;
        margin-right: 5px;
    }

    label:hover input[type="radio"] ~ i.fa {
        color: #7AA3CC;
    }

    label input[type="checkbox"] ~ i.fa.fa-square-o {
        color: #c8c8c8;
        display: inline;
        margin-right: 5px;
    }

    label input[type="checkbox"] ~ i.fa.fa-check-square-o {
        display: none;
    }

    label input[type="checkbox"]:checked ~ i.fa.fa-square-o {
        display: none;
    }

    label input[type="checkbox"]:checked ~ i.fa.fa-check-square-o {
        color: #7AA3CC;
        display: inline;
        margin-right: 5px;
    }

    label:hover input[type="checkbox"] ~ i.fa {
        color: #7AA3CC;
    }


    div[data-toggle="buttons"] {
        min-width: 300px;
    }



        div[data-toggle="buttons"] label {
            display: inline-block;
            padding: 3px 12px 3px 0;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: normal;
            line-height: 2em;
            text-align: left;
            white-space: nowrap;
            vertical-align: top;
            cursor: pointer;
            background-color: none;
            border: 0px solid #c8c8c8;
            border-radius: 3px;
            color: #000;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            -o-user-select: none;
            user-select: none;
        }



            div[data-toggle="buttons"] label:active, div[data-toggle="buttons"] label.active {
                -webkit-box-shadow: none;
                box-shadow: none;
            }

    /* Finance pages */

    div.opc-btn-row {
        text-align: right;
    }

    div.barclays-logo {
        background: url(images/BarclaysFinance.png);
        width: 157px;
        height: 26px;
        display: block;
    }

    table.finance-grid {
        width: 90%;
        border: solid 1px #ccc;
        margin: 10px;
    }

        table.finance-grid td {
            padding: 5px;
            border-top: solid 1px #ccc;
            border-bottom: solid 1px #ccc;
        }

        table.finance-grid tr:nth-of-type(odd) td {
            background: #eee;
        }

    /* Bootstrap Dialog */
    .bootstrap-dialog {
    }

    .modal-content {
        border-radius: 0;
    }

    .bootstrap-dialog .modal-header {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        clear: both;
        overflow: hidden;
    }

    .bootstrap-dialog .bootstrap-dialog-title {
        color: #fff;
        display: inline-block;
    }

    .bootstrap-dialog.type-default .bootstrap-dialog-title {
        color: #333;
    }

    .bootstrap-dialog.size-normal .bootstrap-dialog-title {
        font-size: 16px;
    }

    .bootstrap-dialog.size-large .bootstrap-dialog-title {
        font-size: 24px;
    }

    .bootstrap-dialog .bootstrap-dialog-close-button {
        float: right;
        filter: alpha(opacity=90);
        opacity: 0.9;
    }

    .bootstrap-dialog.size-normal .bootstrap-dialog-close-button {
        font-size: 20px;
    }

    .bootstrap-dialog.size-large .bootstrap-dialog-close-button {
        font-size: 30px;
    }

    .bootstrap-dialog .bootstrap-dialog-close-button:hover {
        cursor: pointer;
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .bootstrap-dialog.size-normal .bootstrap-dialog-message {
        font-size: 14px;
    }

    .bootstrap-dialog.size-large .bootstrap-dialog-message {
        font-size: 18px;
    }

    .bootstrap-dialog.type-default .modal-header {
        background-color: #fff;
    }

    .bootstrap-dialog.type-info .modal-header {
        background-color: #5bc0de;
    }

    .bootstrap-dialog.type-primary .modal-header {
        background-color: #428bca;
    }

    .bootstrap-dialog.type-success .modal-header {
        background-color: #5cb85c;
    }

    .bootstrap-dialog.type-warning .modal-header {
        background-color: #f0ad4e;
    }

    .bootstrap-dialog.type-danger .modal-header {
        background-color: #d9534f;
    }

    .bootstrap-dialog .bootstrap-dialog-button-icon {
        margin-right: 3px;
    }


    /* Additional Bootstrap button styles for SSAV*/
    .btn-addbasket {
        color: #ffffff;
        background-color: #009900;
        border-color: #009900;
    }

        .btn-addbasket:hover,
        .btn-addbasket:focus,
        .btn-addbasket:active,
        .btn-addbasket.active,
        .open .dropdown-toggle.btn-addbasket {
            color: #ffffff;
            background-color: #007700;
            border-color: #007700;
        }

        .btn-addbasket:active,
        .btn-addbasket.active,
        .open .dropdown-toggle.btn-addbasket {
            background-image: none;
        }

        .btn-addbasket.disabled,
        .btn-addbasket[disabled],
        fieldset[disabled] .btn-addbasket,
        .btn-addbasket.disabled:hover,
        .btn-addbasket[disabled]:hover,
        fieldset[disabled] .btn-addbasket:hover,
        .btn-addbasket.disabled:focus,
        .btn-addbasket[disabled]:focus,
        fieldset[disabled] .btn-addbasket:focus,
        .btn-addbasket.disabled:active,
        .btn-addbasket[disabled]:active,
        fieldset[disabled] .btn-addbasket:active,
        .btn-addbasket.disabled.active,
        .btn-addbasket[disabled].active,
        fieldset[disabled] .btn-addbasket.active {
            background-color: #889988;
            border-color: #779977;
        }

        .btn-addbasket .badge {
            color: #009900;
            background-color: #fff;
        }

    .btn-collect {
        color: #ffffff;
        background-color: #428bca;
        border-color: #327bba;
    }

    a.btn-collect, a.btn-collect:hover {
        color: #fff;
        text-decoration: none;
    }

    .btn-collect:hover,
    .btn-collect:focus,
    .btn-collect:active,
    .btn-collect.active,
    .open .dropdown-toggle.btn-collect {
        color: #ffffff;
        background-color: #327bba;
        border-color: #226baa;
    }

    .btn-collect:active,
    .btn-collect.active,
    .open .dropdown-toggle.btn-collect {
        background-image: none;
    }

    .btn-collect.disabled,
    .btn-collect[disabled],
    fieldset[disabled] .btn-collect,
    .btn-collect.disabled:hover,
    .btn-collect[disabled]:hover,
    fieldset[disabled] .btn-collect:hover,
    .btn-collect.disabled:focus,
    .btn-collect[disabled]:focus,
    fieldset[disabled] .btn-collect:focus,
    .btn-collect.disabled:active,
    .btn-collect[disabled]:active,
    fieldset[disabled] .btn-collect:active,
    .btn-collect.disabled.active,
    .btn-collect[disabled].active,
    fieldset[disabled] .btn-collect.active {
        background-color: #c2cbfa;
        border-color: #b2bbea;
        text-decoration: none;
    }

    .btn-collect .badge {
        color: #428bca;
        background-color: #fff;
    }

    .collectfromstorepopup {
    }

        .collectfromstorepopup .modal-header {
            background-color: #F25529;
            color: white;
            font-family: SSTMedium;
        }

        .collectfromstorepopup .store {
            opacity: 1;
            padding-top: 3px;
            margin-bottom: 3px;
            min-height: 82px;
        }

            .collectfromstorepopup .store:hover {
                background-color: #eee;
            }

            .collectfromstorepopup .store .storename {
                font-size: 14px;
                color: #170b4a;
                font-family: SSTMedium;
            }

            .collectfromstorepopup .store .collecttext {
                font-size: 11px;
            }

                .collectfromstorepopup .store .collecttext i {
                    font-size: 13px;
                }

            .collectfromstorepopup .store .storeaddress {
                font-size: 12px;
                padding-bottom: 5px;
            }
    /*
.collectfromstorepopup .modal-header button.close  {
    background-color:#000;
    color:white;
    opacity:0.5;
    font-weight:normal;
}

    .collectfromstorepopup .modal-header button.close:hover {
        opacity: 0.8;
    }

    */

    .please-register-page {
    }

    #signin-forgotpassword {
        margin-left: 5px;
    }

    .please-register-page .register-product-group > div {
        transition: transform 1s;
    }

        .please-register-page .register-product-group > div:hover {
            transform: perspective( 600px ) rotateY( 0deg ) !important;
            transition: transform 1s;
        }

        .please-register-page .register-product-group > div img {
            padding: 10px;
            background-color: #F1F5F9;
        }

        .please-register-page .register-product-group > div:hover img {
        }


    .please-register-page .password-group {
        display: none;
    }

    .please-register-page .additionalinfo-group {
        display: none;
    }

    .please-register-page h1 {
        margin-top: 40px;
    }


    .please-register-page .login-custinfo {
        background-color: #b60000;
        color: white;
        border: solid 5px #a50000;
        padding: 30px;
        margin: 10px 10%;
    }

        .please-register-page .login-custinfo a {
            color: yellow;
        }



    .account-page table {
    }

        .account-page table thead tr th {
            padding-top: 10px;
        }

        .account-page table td {
            padding: 4px 5px;
        }

        .account-page table tbody tr:last-child td {
        }

        .account-page table tr:nth-child(2n+1) td {
            background-color: #f9f9f5;
        }

        .account-page table td {
            text-align: left;
        }

    .account-page .account-details-password {
        border-bottom: dotted 1px #000;
    }

    .account-page .input span,
    .account-page .input label {
        display: inline-block;
        width: 240px;
        margin-bottom: 15px;
    }

    .account-page .valdation-messages {
        display: block;
        clear: both;
    }

    .account-page span.validat ionError {
        clear: both !important;
        border-left: solid 2px red;
        padding-left: 5px;
        margin-bottom: 5px;
        padding-right: 5px;
        margin-top: 3px;
        width: 100%;
    }

    .account-page span.validationError[style*="inline"] {
        display: block !important;
    }

    .account-page label {
        vertical-align: top;
    }

    div.addressdatalist {
        background-color: #fff;
        padding: 10px;
    }

        div.addressdatalist ul {
            list-style-type: none;
        }

    .account-page .account-customer-password {
        border-left: dotted 1px black;
        padding-bottom: 20px;
    }

        .account-page .account-customer-password label {
            margin-bottom: 5px;
            margin-top: 8px;
        }

    .account-page #chkOKToEmailFromStore {
        vertical-align: top;
        margin-right: 5px;
    }

    .addressdatalist-outer .addrboxinner {
        padding: 10px 0;
        border-bottom: dashed 1px #ccc;
        overflow: hidden;
    }

    .addressdatalist-outer #addrboxOuter.selectedAddress .primary-address-select {
        display: none !important;
    }


    .addressdatalist-outer #addrboxOuter .defaultaddress {
        display: none;
    }

    .addressdatalist-outer #addrboxOuter.selectedAddress .defaultaddress {
        display: block;
        padding-top: 5px;
    }




    .col-same-1, .col-same-2, .col-same-3, .col-same-4, .col-same-5, .col-same-6, .col-same-7, .col-same-8, .col-same-9, .col-same-10, .col-same-11, .col-same-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
        text-align: left;
    }




    .col-same-1 {
        width: 100%;
    }

    .col-same-2 {
        width: 50%;
    }

    .col-same-3 {
        width: 33.33333%;
    }

    .col-same-4 {
        width: 25%;
    }

    .col-same-5 {
        width: 20%;
    }

    .col-same-6 {
        width: 16.666%;
    }

    .col-same-7 {
        width: 14.2857%;
    }

    .col-same-8 {
        width: 12.5%;
    }

    .col-same-9 {
        width: 11.1111%;
    }

    .col-same-10 {
        width: 10%;
    }

    .col-same-11 {
        width: 9.090909%;
    }

    .col-same-12 {
        width: 8.33333%;
    }

    .sony-product-page {
    }

        .sony-product-page .product-name {
            font-family: SSTMedium;
            font-size: 19px;
            margin-bottom: 6px;
        }

        .sony-product-page .elevator-pitch {
            font-family: SSTMedium;
            font-size: 16px;
            margin-bottom: 12px;
        }

        .sony-product-page .model-name {
            font-family: SSTRoman, 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-size: 12px;
            margin-bottom: 8px;
            color: #83838f;
        }


        .sony-product-page .top-xfeatures ul {
            box-sizing: border-box;
            color: #000;
            display: block;
            font-size: 13px;
            font-stretch: normal;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            height: 110px;
            line-height: 1;
            margin-bottom: 0px;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 10px;
            padding-bottom: 0px;
            padding-left: 28px;
            padding-right: 0px;
            padding-top: 0px;
            vertical-align: baseline;
            zoom: 1;
        }

        .sony-product-page .top-xfeatures li {
            border-bottom-color: rgb(131, 131, 143);
            border-bottom-style: none;
            border-bottom-width: 0px;
            border-image-outset: 0px;
            border-image-repeat: stretch;
            border-image-slice: 100%;
            border-image-source: none;
            border-image-width: 1;
            border-left-color: rgb(131, 131, 143);
            border-left-style: none;
            border-left-width: 0px;
            border-right-color: rgb(131, 131, 143);
            border-right-style: none;
            border-right-width: 0px;
            border-top-color: rgb(131, 131, 143);
            border-top-style: none;
            border-top-width: 0px;
            box-sizing: border-box;
            display: list-item;
            font-family: 'SSTRoman', 'Helvetica Neue', Helvetica, Arial, sans-serif;
            font-stretch: normal;
            font-style: normal;
            font-variant: normal;
            font-weight: normal;
            height: 22px;
            line-height: 22px;
            list-style: none outside square;
            margin: 0;
            padding: 0;
            text-align: left;
            vertical-align: baseline;
            zoom: 1;
        }



        .sony-product-page .product-award {
            margin-bottom: 20px;
        }


        .sony-product-page .product-video {
            margin-bottom: 20px;
        }

            .sony-product-page .product-video img.videoplay {
                overflow: hidden;
                min-width: 100%;
                image-rendering: crisp-edges;
            }

        .sony-product-page i.play-button {
            background-image: url(images/play-button.png);
            position: absolute;
            right: 30px;
            top: -10px;
            height: 80px;
            width: 80px;
            z-index: 20;
        }


        .sony-product-page .product-award .text-box {
            padding: 5px;
            font-family: SSTRoman;
            color: #555;
            font-size: 13px;
        }

        .sony-product-page .product-award h4 {
            font-family: SSTMedium;
            font-size: 18px;
            color: #000;
            margin: 0 0 10px 0;
        }

        .sony-product-page .product-award p.review-date {
            padding-top: 10px;
            font-style: italic;
        }

        .sony-product-page .product-features {
            margin-top: 10px;
        }

        .sony-product-page .product-feature {
            margin-bottom: 20px;
        }


            .sony-product-page .product-feature .text-box {
                padding: 5px;
                font-family: SSTRoman;
                color: #555;
                font-size: 13px;
            }

            .sony-product-page .product-feature h4 {
                font-family: SSTMedium;
                font-size: 18px;
                color: #000;
                min-height: 40px;
            }

        .sony-product-page .refurbished-disclaimer {
            font-size: 11px;
            padding-bottom: 5px;
            color: #555;
        }

        .sony-product-page .preorder-disclaimer {
            padding-bottom: 5px;
            font-weight: bold;
        }

        .sony-product-page .addtocart,
        .sony-product-page .collectfromstorebutton {
            padding: 5px 30px 5px 30px;
            float: right;
            margin-bottom: 5px;
            min-width: 120px;
        }

        .sony-product-page .icon-descriptions p {
            border-bottom: solid 1px #ddd;
            margin: 0 10px 10px 0;
            padding: 5px 10px 10px 0;
            color: rgb(131, 131, 143);
        }

            .sony-product-page .icon-descriptions p:last-child {
                border-bottom: none;
            }

        .sony-product-page .dimension-shots img {
            margin: 0 auto 20px auto;
        }

        .sony-product-page .accessory-product {
            padding: 5px;
            outline: none;
            border: solid 0 #fff;
        }

            .sony-product-page .accessory-product:hover,
            .sony-product-page .accessory-product:active {
                outline: none;
                border: solid 0 #fff;
            }

            .sony-product-page .accessory-product a {
                color: black;
                outline: none;
            }

            .sony-product-page .accessory-product .pricing {
                font-weight: bold;
                padding: 3px 0;
            }


            .sony-product-page .accessory-product .heading {
                min-height: 50px;
                font-size: 12px;
            }

            .sony-product-page .accessory-product .product-image {
                min-height: 120px;
                background-color: #eee;
            }

        .sony-product-page h5.call-to-action {
            z-index: 50;
            font-size: 20px;
        }

        .sony-product-page h5.no-call-to-action {
            z-index: 50;
            font-size: 20px;
        }



        .sony-product-page .promotion-product {
            padding: 5px;
            outline: none;
            border: solid 0 #fff;
        }

            .sony-product-page .promotion-product:hover,
            .sony-product-page .promotion-product:active,
            .sony-product-page .promotion-product:hover img,
            .sony-product-page .promotion-product:active img,
            .sony-product-page .promotion-product:hover div,
            .sony-product-page .promotion-product:active div,
            {
                outline: none;
                border: solid 0 #fff;
            }

            .sony-product-page .promotion-product a {
                color: black;
            }


            .sony-product-page .promotion-product .heading {
                min-height: 50px;
                font-size: 12px;
                padding: 0 5px;
            }

            .sony-product-page .promotion-product .product-image {
                min-height: 120px;
                background-color: #eee;
                margin: 5px;
                padding: 5px;
            }

            .sony-product-page .promotion-product:hover .product-image {
                background-color: #e5e5e5;
            }





        .sony-product-page h2 {
            font-family: SSTBold;
            font-size: 22px;
        }



        .sony-product-page .product-promo-redemption-box {
            padding: 10px 25px;
            background: white;
            margin: 10px 0 20px 0;
            overflow: hidden;
            border: solid 1px #eee;
        }

    .product-promo-redemption-box .squarel {
        min-width: 80px;
        text-align: center;
        font-size: 16px;
        line-height: 22px;
        padding: 15px;
        font-weight: bold;
        float: left;
        background-color: #DE1E2F;
        color: #ffffff;
        border-bottom-color: #590000;
        border-top-color: #b20000;
        box-shadow: 0 1px 1px #333333;
        text-shadow: 1px 1px 1px #4d0000;
        margin-bottom: 5px;
        margin-right: 10px;
        font-family: SSTBold;
    }

    .sony-product-page .product-promo-redemption-box .promo-heading {
    }

        .sony-product-page .product-promo-redemption-box .promo-heading span.promo-text-heading {
            font-size: 25px;
        }


    .sony-product-page .deliveryoptions {
    }

        .sony-product-page .deliveryoptions div {
            text-align: right;
            padding-top: 5px;
            padding-right: 30px;
        }

            .sony-product-page .deliveryoptions div span.title {
                font-weight: bold;
                color: #F00;
                font-size: 120%;
                padding: 0 0 0 35px;
                display: block;
                /* background:url(images/deliveryicon2c.png) no-repeat;*/
            }



        .sony-product-page .deliveryoptions .title {
        }

        .sony-product-page .deliveryoptions .subtitle {
            display: block;
        }

        .sony-product-page .deliveryoptions .details {
            display: block;
            font-size: 80%;
        }


    .sony-product-page .delivery-option-modal .delivery-info-line {
        padding-bottom: 10px;
    }

    .sony-product-page .delivery-option-modal .delivery-title {
        font-size: 140%;
        font-weight: bold;
    }


    .sony-product-page .delivery-option-modal .sellingPrice {
        color: red;
    }

    .sony-product-page .delivery-option-modal .del-icon {
        float: left;
        margin-right: 5px;
    }


    .sony-product-page .delivery-option-modal .del-text {
        float: left;
    }

    .sony-product-page .video-title {
        margin-top: 3px;
        background-color: #333;
        padding: 3px 8px;
        color: white;
        display: block;
    }

        .sony-product-page .video-title .title {
            display: block;
            font-weight: bold;
        }

        .sony-product-page .video-title .subtitle {
            display: block;
            font-size: 85%;
        }

    #dialog-container-video.modal.fade.in {
        top: 10%;
        bottom: auto;
    }

    #dialog-container-video.fade.in {
        opacity: 1;
    }

    #dialog-container-video.modal.fade {
        -webkit-transition: opacity .3s linear, top .3s ease-out;
        -moz-transition: opacity .3s linear, top .3s ease-out;
        -o-transition: opacity .3s linear, top .3s ease-out;
        transition: opacity .3s linear, top .3s ease-out;
        top: -25%;
    }

    #dialog-container-video.fade {
        opacity: 0;
        -webkit-transition: opacity 0.15s linear;
        -moz-transition: opacity 0.15s linear;
        -o-transition: opacity 0.15s linear;
        transition: opacity 0.15s linear;
    }

    #dialog-container-video.hide {
        display: none;
    }

    #dialog-container-video.modal {
        position: fixed;
        top: 10%;
        left: 50%;
        z-index: 1050;
        width: 560px;
        margin-left: -280px;
        background-color: #ffffff;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, 0.3);
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
        outline: none;
        margin-top: 10px;
        margin-bottom: 10px;
        overflow-y: hidden;
    }

    #dialog-container-video .modal-header {
        padding: 9px 15px;
        border-bottom: 1px solid #eee;
    }

        #dialog-container-video .modal-header .close {
            margin-top: 2px;
        }

    #dialog-container-video .close {
        float: right;
        font-weight: bold;
        line-height: 20px;
        color: #000000;
        text-shadow: 0 1px 0 #ffffff;
        opacity: 0.2;
        filter: alpha(opacity=20);
        font-size: 45px;
        height: 50px;
        cursor: pointer;
    }

    #dialog-container-video .modal-body {
        position: relative;
        max-height: 80%;
        overflow-y: visible;
        padding: 15px;
    }

        #dialog-container-video .modal-body.modal-body-video iframe {
            height: 400px;
            width: 100%;
        }

    #dialog-container-video .modal-backdrop,
    #dialog-container-video .modal-backdrop.fade.in {
        opacity: 0.8;
        filter: alpha(opacity=80);
    }

    #dialog-container-video .modal-backdrop {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        background-color: #000000;
    }

    #dialog-container-video .modal-header .link {
        white-space: normal;
        margin-left: 5px;
    }

    @media (max-width: 767px) {
        #dialog-container-video .modal.fade.in {
            top: 20px;
        }

        #dialog-container-video .modal {
            position: fixed;
            top: 20px;
            left: 20px;
            right: 20px;
            width: auto;
            margin: 0;
        }
    }

    @media (max-width: 480px) {
        #dialog-container-video .modal {
            top: 10px;
            left: 10px;
            right: 10px;
        }
    }





    .btn-sonydefault {
        color: #333;
        background-color: #fff;
        border-color: #ccc;
        border-radius: 0;
    }

        .btn-sonydefault:focus,
        .btn-sonydefault.focus {
            color: #333;
            background-color: #e6e6e6;
            border-color: #8c8c8c;
        }

        .btn-sonydefault:hover {
            color: #333;
            background-color: #e6e6e6;
            border-color: #adadad;
        }

        .btn-sonydefault:active,
        .btn-sonydefault.active,
        .open > .dropdown-toggle.btn-sonydefault {
            color: #333;
            background-color: #e6e6e6;
            border-color: #adadad;
        }

            .btn-sonydefault:active:hover,
            .btn-sonydefault.active:hover,
            .open > .dropdown-toggle.btn-sonydefault:hover,
            .btn-sonydefault:active:focus,
            .btn-sonydefault.active:focus,
            .open > .dropdown-toggle.btn-sonydefault:focus,
            .btn-sonydefault:active.focus,
            .btn-sonydefault.active.focus,
            .open > .dropdown-toggle.btn-sonydefault.focus {
                color: #333;
                background-color: #d4d4d4;
                border-color: #8c8c8c;
            }

        .btn-sonydefault:active,
        .btn-sonydefault.active,
        .open > .dropdown-toggle.btn-sonydefault {
            background-image: none;
        }

        .btn-sonydefault.disabled,
        .btn-sonydefault[disabled],
        fieldset[disabled] .btn-sonydefault,
        .btn-sonydefault.disabled:hover,
        .btn-sonydefault[disabled]:hover,
        fieldset[disabled] .btn-sonydefault:hover,
        .btn-sonydefault.disabled:focus,
        .btn-sonydefault[disabled]:focus,
        fieldset[disabled] .btn-sonydefault:focus,
        .btn-sonydefault.disabled.focus,
        .btn-sonydefault[disabled].focus,
        fieldset[disabled] .btn-sonydefault.focus,
        .btn-sonydefault.disabled:active,
        .btn-sonydefault[disabled]:active,
        fieldset[disabled] .btn-sonydefault:active,
        .btn-sonydefault.disabled.active,
        .btn-sonydefault[disabled].active,
        fieldset[disabled] .btn-sonydefault.active {
            background-color: #fff;
            border-color: #ccc;
        }

        .btn-sonydefault .badge {
            color: #fff;
            background-color: #333;
        }

    .btn-sonyorange {
        color: #fff;
        background-color: #f25529;
        border-color: #f25529;
        font-family: 'SSTRoman',sans-serif;
        font-weight: normal;
        border-radius: 0;
    }

        .btn-sonyorange:hover,
        .btn-sonyorange:focus,
        .btn-sonyorange.focus,
        .btn-sonyorange:active,
        .btn-sonyorange.active,
        .open > .dropdown-toggle.btn-sonyorange {
            color: #fff;
            background-color: #d94c25;
            border-color: #d94c25;
        }

        .btn-sonyorange:active,
        .btn-sonyorange.active,
        .open > .dropdown-toggle.btn-sonyorange {
            background-image: none;
        }

        .btn-sonyorange.disabled,
        .btn-sonyorange[disabled],
        fieldset[disabled] .btn-sonyorange,
        .btn-sonyorange.disabled:hover,
        .btn-sonyorange[disabled]:hover,
        fieldset[disabled] .btn-sonyorange:hover,
        .btn-sonyorange.disabled:focus,
        .btn-sonyorange[disabled]:focus,
        fieldset[disabled] .btn-sonyorange:focus,
        .btn-sonyorange.disabled.focus,
        .btn-sonyorange[disabled].focus,
        fieldset[disabled] .btn-sonyorange.focus,
        .btn-sonyorange.disabled:active,
        .btn-sonyorange[disabled]:active,
        fieldset[disabled] .btn-sonyorange:active,
        .btn-sonyorange.disabled.active,
        .btn-sonyorange[disabled].active,
        fieldset[disabled] .btn-sonyorange.active {
            background-color: #f69174;
            border-color: #f69174;
        }

        .btn-sonyorange .badge {
            color: #f25529;
            background-color: #fff;
        }




    .btn-sonyblue {
        color: #fff;
        background-color: rgb(88, 135, 245);
        border-color: rgb(88, 135, 245);
        font-family: 'SSTRoman',sans-serif;
        font-weight: normal;
        border-radius: 0;
    }

        .btn-sonyblue:hover,
        .btn-sonyblue:focus,
        .btn-sonyblue.focus,
        .btn-sonyblue:active,
        .btn-sonyblue.active,
        .open > .dropdown-toggle.btn-sonyblue {
            color: #fff;
            background-color: rgb(69, 114, 237);
            border-color: rgb(69, 114, 237);
        }

        .btn-sonyblue:active,
        .btn-sonyblue.active,
        .open > .dropdown-toggle.btn-sonyblue {
            background-image: none;
        }

        .btn-sonyblue.disabled,
        .btn-sonyblue[disabled],
        fieldset[disabled] .btn-sonyblue,
        .btn-sonyblue.disabled:hover,
        .btn-sonyblue[disabled]:hover,
        fieldset[disabled] .btn-sonyblue:hover,
        .btn-sonyblue.disabled:focus,
        .btn-sonyblue[disabled]:focus,
        fieldset[disabled] .btn-sonyblue:focus,
        .btn-sonyblue.disabled.focus,
        .btn-sonyblue[disabled].focus,
        fieldset[disabled] .btn-sonyblue.focus,
        .btn-sonyblue.disabled:active,
        .btn-sonyblue[disabled]:active,
        fieldset[disabled] .btn-sonyblue:active,
        .btn-sonyblue.disabled.active,
        .btn-sonyblue[disabled].active,
        fieldset[disabled] .btn-sonyblue.active {
            background-color: #92B1F8;
            border-color: #92B1F8;
        }

        .btn-sonyblue .badge {
            color: rgb(96, 142, 251);
            background-color: #fff;
        }




    .btn-sonyblack {
        color: #fff;
        background-color: #000;
        border-color: #111;
        font-family: 'SSTRoman',sans-serif;
        font-weight: normal;
        border-radius: 0;
    }

        .btn-sonyblack:hover,
        .btn-sonyblack:focus,
        .btn-sonyblack.focus,
        .btn-sonyblack:active,
        .btn-sonyblack.active,
        .open > .dropdown-toggle.btn-sonyblack {
            color: #ccc;
            background-color: #333;
            border-color: #111;
        }

        .btn-sonyblack:active,
        .btn-sonyblack.active,
        .open > .dropdown-toggle.btn-sonyblack {
            background-image: none;
        }

        .btn-sonyblack.disabled,
        .btn-sonyblack[disabled],
        fieldset[disabled] .btn-sonyblack,
        .btn-sonyblack.disabled:hover,
        .btn-sonyblack[disabled]:hover,
        fieldset[disabled] .btn-sonyblack:hover,
        .btn-sonyblack.disabled:focus,
        .btn-sonyblack[disabled]:focus,
        fieldset[disabled] .btn-sonyblack:focus,
        .btn-sonyblack.disabled.focus,
        .btn-sonyblack[disabled].focus,
        fieldset[disabled] .btn-sonyblack.focus,
        .btn-sonyblack.disabled:active,
        .btn-sonyblack[disabled]:active,
        fieldset[disabled] .btn-sonyblack:active,
        .btn-sonyblack.disabled.active,
        .btn-sonyblack[disabled].active,
        fieldset[disabled] .btn-sonyblack.active {
            background-color: #000;
            border-color: #444;
        }

        .btn-sonyblack .badge {
            color: #000;
            background-color: #fff;
        }




    .btn-sonylight {
        color: #000;
        background-color: #fff;
        border-color: #fff;
        font-family: 'SSTRoman',sans-serif;
        font-weight: normal;
        border-radius: 0;
        text-align: left;
    }

        .btn-sonylight:hover,
        .btn-sonylight:focus,
        .btn-sonylight.focus,
        .btn-sonylight:active,
        .btn-sonylight.active,
        .open > .dropdown-toggle.btn-sonylight {
            color: #fff;
            background-color: #333;
            border-color: #111;
        }

        .btn-sonylight:active,
        .btn-sonylight.active,
        .open > .dropdown-toggle.btn-sonylight {
            background-image: none;
        }

        .btn-sonylight.disabled,
        .btn-sonylight[disabled],
        fieldset[disabled] .btn-sonylight,
        .btn-sonylight.disabled:hover,
        .btn-sonylight[disabled]:hover,
        fieldset[disabled] .btn-sonylight:hover,
        .btn-sonylight.disabled:focus,
        .btn-sonylight[disabled]:focus,
        fieldset[disabled] .btn-sonylight:focus,
        .btn-sonylight.disabled.focus,
        .btn-sonylight[disabled].focus,
        fieldset[disabled] .btn-sonylight.focus,
        .btn-sonylight.disabled:active,
        .btn-sonylight[disabled]:active,
        fieldset[disabled] .btn-sonylight:active,
        .btn-sonylight.disabled.active,
        .btn-sonylight[disabled].active,
        fieldset[disabled] .btn-sonylight.active {
            background-color: #000;
            border-color: #444;
        }

        .btn-sonylight .badge {
            color: #000;
            background-color: #fff;
        }

    .btn-sonysearch {
        color: #fff;
        background-color: #050070;
        border-color: #111;
        font-family: 'SSTRoman',sans-serif;
        font-weight: normal;
        border-radius: 0;
    }

        .btn-sonysearch:hover,
        .btn-sonysearch:focus,
        .btn-sonysearch.focus,
        .btn-sonysearch:active,
        .btn-sonysearch.active,
        .open > .dropdown-toggle.btn-sonysearch {
            color: #fff;
            background-color: #003970;
            border-color: #111;
        }

        .btn-sonysearch:active,
        .btn-sonysearch.active,
        .open > .dropdown-toggle.btn-sonysearch {
            background-image: none;
        }

        .btn-sonysearch.disabled,
        .btn-sonysearch[disabled],
        fieldset[disabled] .btn-sonysearch,
        .btn-sonysearch.disabled:hover,
        .btn-sonysearch[disabled]:hover,
        fieldset[disabled] .btn-sonysearch:hover,
        .btn-sonysearch.disabled:focus,
        .btn-sonysearch[disabled]:focus,
        fieldset[disabled] .btn-sonysearch:focus,
        .btn-sonysearch.disabled.focus,
        .btn-sonysearch[disabled].focus,
        fieldset[disabled] .btn-sonysearch.focus,
        .btn-sonysearch.disabled:active,
        .btn-sonysearch[disabled]:active,
        fieldset[disabled] .btn-sonysearch:active,
        .btn-sonysearch.disabled.active,
        .btn-sonysearch[disabled].active,
        fieldset[disabled] .btn-sonysearch.active {
            background-color: #000;
            border-color: #444;
        }

        .btn-sonysearch .badge {
            color: #000;
            background-color: #fff;
        }










    .specification-outer {
        overflow: hidden;
    }

    div.key-specs {
        padding: 0 30px;
    }

    dl.key-specs {
        line-height: 1.6;
    }

        dl.key-specs dt {
            font-family: SSTBold;
            text-transform: uppercase;
            font-size: 11px;
            line-height: inherit;
        }

        dl.key-specs dd {
            font-family: SSTRoman;
            font-size: 13px;
            line-height: inherit;
            margin-bottom: 12px;
        }

    .product-spec {
        clear: both;
    }

        .product-spec .product-code {
            font-size: 14px;
            float: left;
            font-family: SSTMedium;
            display: inline-block;
            max-width: 70%;
        }


        .product-spec .modal-header .product-image {
            float: left;
            max-width: 30%;
        }

        .product-spec table {
            width: 100%;
        }

            .product-spec table tr.spechide {
                display: none;
            }

            .product-spec table tr td, .product-spec table tr th {
                background-color: White;
                padding: 5px 20px 5px 10px;
                text-align: left;
                vertical-align: top;
                border: 0 solid #fff;
            }

            .product-spec table tr.specgroupheading th {
                font-weight: bold;
                font-size: 120%;
                padding-left: 20px;
            }

            .product-spec table .specgrey {
                background-color: #fff;
            }

            .product-spec table tr th {
                font-weight: normal;
                padding: 5px 0px 5px 40px;
                width: 35%;
            }

            .product-spec table tr.morespec td {
                text-align: right;
                padding: 10px;
            }




    .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
        z-index: 1090;
    }

    .dropdown:hover {
        background-color: white;
        color: black !important;
    }

        .dropdown:hover a {
            color: black;
        }
    /* Slider */
    .slick-slider {
        position: relative;
        display: block;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }

    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

        .slick-list:focus {
            outline: none;
        }

        .slick-list.dragging {
            cursor: pointer;
            cursor: hand;
        }

    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }

        .slick-track:before,
        .slick-track:after {
            display: table;
            content: '';
        }

        .slick-track:after {
            clear: both;
        }

    .slick-loading .slick-track {
        visibility: hidden;
    }

    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }

    [dir='rtl'] .slick-slide {
        float: right;
    }

    .slick-slide img {
        display: block;
    }

    .slick-slide.slick-loading img {
        display: none;
    }

    .slick-slide.dragging img {
        pointer-events: none;
    }

    .slick-initialized .slick-slide {
        display: block;
    }

    .slick-loading .slick-slide {
        visibility: hidden;
    }

    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }

    .slick-arrow.slick-hidden {
        display: none;
    }


    @charset 'UTF-8';
    /* Slider */
    .slick-loading .slick-list {
        background: #fff url('./ajax-loader.gif') center center no-repeat;
    }

    /* Icons */
    @font-face {
        font-family: 'slick';
        font-weight: normal;
        font-style: normal;
        src: url('./fonts/slick.eot');
        src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
    }
    /* Arrows */
    .slick-prev,
    .slick-next {
        font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        display: block;
        width: 30px;
        height: 30px;
        margin-top: -10px;
        padding: 0;
        cursor: pointer;
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
    }

        .slick-prev:hover,
        .slick-prev:focus,
        .slick-next:hover,
        .slick-next:focus {
            color: transparent;
            outline: none;
            background: transparent;
        }

            .slick-prev:hover:before,
            .slick-prev:focus:before,
            .slick-next:hover:before,
            .slick-next:focus:before {
                opacity: 1;
            }

        .slick-prev.slick-disabled:before,
        .slick-next.slick-disabled:before {
            opacity: .25;
        }

        .slick-prev:before,
        .slick-next:before {
            font-family: 'slick';
            font-size: 30px;
            line-height: 1;
            opacity: .75;
            color: white;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

    .slick-prev {
        left: -25px;
    }

    [dir='rtl'] .slick-prev {
        right: -25px;
        left: auto;
    }

    .slick-prev:before {
        content: '←';
        color: #777;
    }

    [dir='rtl'] .slick-prev:before {
        content: '→';
    }

    .slick-next {
        right: -25px;
    }

    [dir='rtl'] .slick-next {
        right: auto;
        left: -25px;
    }

    .slick-next:before {
        content: '→';
        color: #777;
    }

    [dir='rtl'] .slick-next:before {
        content: '←';
    }

    /* Dots */
    .slick-slider {
        margin-bottom: 30px;
    }

    .slick-dots {
        position: absolute;
        bottom: -45px;
        display: block;
        width: 100%;
        padding: 0;
        list-style: none;
        text-align: center;
    }

        .slick-dots li {
            position: relative;
            display: inline-block;
            width: 20px;
            height: 20px;
            margin: 0 5px;
            padding: 0;
            cursor: pointer;
        }

            .slick-dots li button {
                font-size: 0;
                line-height: 0;
                display: block;
                width: 20px;
                height: 20px;
                padding: 5px;
                cursor: pointer;
                color: transparent;
                border: 0;
                outline: none;
                background: transparent;
            }

                .slick-dots li button:hover,
                .slick-dots li button:focus {
                    outline: none;
                }

                    .slick-dots li button:hover:before,
                    .slick-dots li button:focus:before {
                        opacity: 1;
                    }

                .slick-dots li button:before {
                    font-family: 'slick';
                    font-size: 18px;
                    line-height: 20px;
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 20px;
                    height: 20px;
                    content: '•';
                    text-align: center;
                    opacity: .25;
                    color: black;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }

            .slick-dots li.slick-active button:before {
                opacity: .75;
                color: black;
            }

    /**
 *
 * slippry v1.2.9 - Responsive content slider for jQuery
 * http://slippry.com
 *
 * Authors: Lukas Jakob Hafner - @saftsaak
 *          Thomas Hurd - @SeenNotHurd
 *
 * Copyright 2015, booncon oy - http://booncon.com
 *
 *
 * Released under the MIT license - http://opensource.org/licenses/MIT
 */
    /* kenBurns animations, very basic */
    @-webkit-keyframes left-right {
        0% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }

        100% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }
    }

    @-moz-keyframes left-right {
        0% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }

        100% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }
    }

    @-ms-keyframes left-right {
        0% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }

        100% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }
    }

    @keyframes left-right {
        0% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }

        100% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }
    }

    @-webkit-keyframes right-left {
        0% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }

        100% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }
    }

    @-moz-keyframes right-left {
        0% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }

        100% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }
    }

    @-ms-keyframes right-left {
        0% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }

        100% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }
    }

    @keyframes right-left {
        0% {
            -moz-transform: translateY(0%) translateX(10%);
            -ms-transform: translateY(0%) translateX(10%);
            -webkit-transform: translateY(0%) translateX(10%);
            transform: translateY(0%) translateX(10%);
        }

        100% {
            -moz-transform: translateY(-20%) translateX(-10%);
            -ms-transform: translateY(-20%) translateX(-10%);
            -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
        }
    }
    /* added to the original element calling slippry */
    .sy-box.sy-loading {
        background: url("images/sy-loader.gif") 50% 50% no-repeat;
        -moz-background-size: 32px;
        -o-background-size: 32px;
        -webkit-background-size: 32px;
        background-size: 32px;
        min-height: 40px;
    }

        .sy-box.sy-loading .sy-slides-wrap, .sy-box.sy-loading .sy-pager, sy-box.sy-loading {
            visibility: hidden;
        }

    /* element that wraps the slides */
    .sy-slides-wrap {
        position: relative;
        height: 100%;
        width: 100%;
    }

        .sy-slides-wrap:hover .sy-controls {
            display: block;
        }

    /* element that crops the visible area to the slides */
    .sy-slides-crop {
        height: 100%;
        width: 100%;
        position: absolute;
        overflow: hidden;
    }

    /* list containing the slides */
    .sy-list {
        width: 100%;
        height: 100%;
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
    }

        .sy-list.horizontal {
            -moz-transition: left ease;
            -o-transition: left ease;
            -webkit-transition: left ease;
            transition: left ease;
        }

        .sy-list.vertical {
            -moz-transition: top ease;
            -o-transition: top ease;
            -webkit-transition: top ease;
            transition: top ease;
        }

    /* single slide */
    .sy-slide {
        position: absolute;
        width: 100%;
        z-index: 2;
    }

        .sy-slide.kenburns {
            width: 140%;
            left: -20%;
        }

            .sy-slide.kenburns.useCSS {
                -moz-transition-property: opacity;
                -o-transition-property: opacity;
                -webkit-transition-property: opacity;
                transition-property: opacity;
            }

                .sy-slide.kenburns.useCSS.sy-ken:nth-child(1n) {
                    -webkit-animation-name: left-right;
                    -webkit-animation-fill-mode: forwards;
                    -moz-animation-name: left-right;
                    -moz-animation-fill-mode: forwards;
                    -o-animation-name: left-right;
                    -o-animation-fill-mode: forwards;
                    animation-name: left-right;
                    animation-fill-mode: forwards;
                }

                .sy-slide.kenburns.useCSS.sy-ken:nth-child(2n) {
                    -webkit-animation-name: right-left;
                    -webkit-animation-fill-mode: forwards;
                    -moz-animation-name: right-left;
                    -moz-animation-fill-mode: forwards;
                    -o-animation-name: right-left;
                    -o-animation-fill-mode: forwards;
                    animation-name: right-left;
                    animation-fill-mode: forwards;
                }

        .sy-slide.sy-active {
            z-index: 3;
        }

        .sy-slide > img {
            margin: 0;
            padding: 0;
            display: block;
            width: 100%;
            border: 0;
        }

        .sy-slide > a {
            margin: 0;
            padding: 0;
            display: block;
            width: 100%;
        }

            .sy-slide > a > img {
                margin: 0;
                padding: 0;
                display: block;
                width: 100%;
                border: 0;
            }

    /* next/ prev buttons, with arrows and clickable area a lot larger than the visible buttons */
    .sy-controls {
        display: none;
        list-style: none;
        height: 100%;
        width: 100%;
        position: absolute;
        padding: 0;
        margin: 0;
    }

        .sy-controls li {
            position: absolute;
            width: 10%;
            min-width: 4.2em;
            height: 100%;
            z-index: 33;
        }

            .sy-controls li.sy-prev {
                left: 0;
                top: 0;
            }

                .sy-controls li.sy-prev a:after {
                    background-position: -5% 0;
                }

            .sy-controls li.sy-next {
                right: 0;
                top: 0;
            }

                .sy-controls li.sy-next a:after {
                    background-position: 105% 0;
                }

            .sy-controls li a {
                position: relative;
                width: 100%;
                height: 100%;
                display: block;
                text-indent: -9999px;
            }

                .sy-controls li a:link, .sy-controls li a:visited {
                    opacity: 0.4;
                }

                .sy-controls li a:hover, .sy-controls li a:focus {
                    opacity: 0.8;
                    outline: none;
                }

                .sy-controls li a:after {
                    content: "";
                    background-image: url("images/arrows.svg");
                    background-repeat: no-repeat;
                    -moz-background-size: cover;
                    -o-background-size: cover;
                    -webkit-background-size: cover;
                    background-size: cover;
                    text-align: center;
                    text-indent: 0;
                    line-height: 2.8em;
                    color: #111;
                    font-weight: 800;
                    position: absolute;
                    background-color: #fff;
                    width: 2.8em;
                    height: 2.8em;
                    left: 50%;
                    top: 50%;
                    margin-top: -1.4em;
                    margin-left: -1.4em;
                    -moz-border-radius: 50%;
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                }

    @media only screen and (max-device-width: 600px) {
        .sy-controls {
            display: block;
        }

            .sy-controls li {
                min-width: 2.1em;
            }

                .sy-controls li a:after {
                    width: 1.4em;
                    height: 1.4em;
                    margin-top: -0.7em;
                    margin-left: -0.7em;
                }
    }

    /* captions, styled fo the overlay variant */
    .sy-caption-wrap {
        position: absolute;
        bottom: 2em;
        z-index: 12;
        left: 50%;
    }

        .sy-caption-wrap .sy-caption {
            position: relative;
            left: -50%;
            background-color: rgba(0, 0, 0, 0.54);
            color: #fff;
            padding: 0.4em 1em;
            -moz-border-radius: 1.2em;
            -webkit-border-radius: 1.2em;
            border-radius: 1.2em;
        }

            .sy-caption-wrap .sy-caption a:link, .sy-caption-wrap .sy-caption a:visited {
                color: #e24b70;
                font-weight: 600;
                text-decoration: none;
            }

            .sy-caption-wrap .sy-caption a:hover, .sy-caption-wrap .sy-caption a:focus {
                text-decoration: underline;
            }

    @media only screen and (max-device-width: 600px), screen and (max-width: 600px) {
        .sy-caption-wrap {
            left: 0;
            bottom: 0.4em;
        }

            .sy-caption-wrap .sy-caption {
                left: 0;
                padding: 0.2em 0.4em;
                font-size: 0.92em;
                -moz-border-radius: 0;
                -webkit-border-radius: 0;
                border-radius: 0;
            }
    }

    /* pager bubbles */
    .sy-pager {
        overflow: hidden;
        *zoom: 1;
        display: block;
        width: 100%;
        margin: 1em 0 2em 0;
        padding: 0;
        list-style: none;
        text-align: center;
    }

        .sy-pager li {
            display: inline-block;
            width: 0.9em;
            height: 0.9em;
            margin: 0 1em 0 0;
            -moz-border-radius: 50%;
            -webkit-border-radius: 50%;
            border-radius: 50%;
        }

            .sy-pager li.sy-active a {
                background-color: #000;
                width: 0.9em;
                height: 0.9em;
            }

            .sy-pager li a {
                width: 100%;
                height: 100%;
                display: block;
                background-color: #ccc;
                text-indent: -9999px;
                -moz-background-size: 2em;
                -o-background-size: 2em;
                -webkit-background-size: 2em;
                background-size: 2em;
                -moz-border-radius: 50%;
                -webkit-border-radius: 50%;
                border-radius: 50%;
            }

                .sy-pager li a:link, .sy-pager li a:visited {
                    opacity: 1.0;
                }

                .sy-pager li a:hover, .sy-pager li a:focus {
                    opacity: 0.6;
                }

    /* element to "keep/ fill" the space of the content, gets intrinsic height via js */
    .sy-filler {
        width: 100%;
    }

        .sy-filler.ready {
            -moz-transition: padding 600ms ease;
            -o-transition: padding 600ms ease;
            -webkit-transition: padding 600ms ease;
            transition: padding 600ms ease;
        }



    /* fix for menu */


    .col-fit-1, .col-fit-2, .col-fit-3, .col-fit-4, .col-fit-5, .col-fit-6, .col-fit-7, .col-fit-8, .col-fit-9, .col-fit-10, .col-fit-11, .col-fit-12 {
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        float: left;
    }


    .col-fit-1 {
        width: 100%;
    }


    .col-fit-2 {
        width: 50%;
    }


    .col-fit-3 {
        width: 33.333%;
    }


    .col-fit-4 {
        width: 25%;
    }


    .col-fit-5 {
        width: 20%;
    }


    .col-fit-6 {
        width: 16.666%;
    }

    .col-fit-7 {
        width: 14.28%;
    }

    .col-fit-8 {
        width: 12.5%;
    }

    .col-fit-9 {
        width: 11.111%;
    }


    .col-fit-10 {
        width: 10%;
    }


    .col-fit-11 {
        width: 9.090909%;
    }


    .col-fit-12 {
        width: 8.333%;
    }




    /* ============================================================================================================================
== BUBBLE WITH A RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */

    /* THE SPEECH BUBBLE
------------------------------------------------------------------------------------------------------------------------------- */

    .triangle-right {
        position: relative;
        padding: 10px 10px 10px 10px;
        margin: 0 0 3em;
        color: #000;
        background: #d0e0ee; /* default background for browsers without gradient support */
        margin-bottom: 60px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
    }

        /* Variant : for top positioned triangle
------------------------------------------ */

        .triangle-right.top {
            background: -webkit-gradient(linear, 0 0, 0 100%, from(#075698), to(#2e88c4));
            background: -moz-linear-gradient(#075698, #2e88c4);
            background: -o-linear-gradient(#075698, #2e88c4);
            background: linear-gradient(#075698, #2e88c4);
        }

        /* Variant : for left positioned triangle
------------------------------------------ */

        .triangle-right.left {
            margin-left: 40px;
            background: #075698;
        }

        /* Variant : for right positioned triangle
------------------------------------------ */

        .triangle-right.right {
            margin-right: 40px;
            background: #075698;
        }

        /* THE TRIANGLE
------------------------------------------------------------------------------------------------------------------------------- */

        .triangle-right:after {
            content: "";
            position: absolute;
            bottom: -20px; /* value = - border-top-width - border-bottom-width */
            left: 50px; /* controls horizontal position */
            border-width: 20px 0 0 20px; /* vary these values to change the angle of the vertex */
            border-style: solid;
            border-color: #d0e0ee transparent;
            /* reduce the damage in FF3.0 */
            display: block;
            width: 0;
        }

        .triangle-right span.spacer {
            width: 30px;
            height: 50px;
            float: right;
        }

        .triangle-right span {
            color: black;
            background: white;
            font-size: 0.8em;
            width: 50%;
            display: inline-block;
            position: absolute;
            bottom: -45px;
            right: 55px;
            text-align: right;
        }

        .triangle-right img {
            color: black;
            font-size: 0.8em;
            display: inline-block;
            position: absolute;
            bottom: -50px;
            right: 0;
            text-align: right;
        }



        /* Variant : top
------------------------------------------ */

        .triangle-right.top:after {
            top: -20px; /* value = - border-top-width - border-bottom-width */
            right: 50px; /* controls horizontal position */
            bottom: auto;
            left: auto;
            border-width: 20px 20px 0 0; /* vary these values to change the angle of the vertex */
            border-color: transparent #075698;
        }

        /* Variant : left
------------------------------------------ */

        .triangle-right.left:after {
            top: 16px;
            left: -40px; /* value = - border-left-width - border-right-width */
            bottom: auto;
            border-width: 15px 40px 0 0; /* vary these values to change the angle of the vertex */
            border-color: transparent #075698;
        }

        /* Variant : right
------------------------------------------ */

        .triangle-right.right:after {
            top: 16px;
            right: -40px; /* value = - border-left-width - border-right-width */
            bottom: auto;
            left: auto;
            border-width: 15px 0 0 40px; /* vary these values to change the angle of the vertex */
            border-color: transparent #075698;
        }