/* Minification failed. Returning unminified contents.
(3326,26): run-time error CSS1039: Token not allowed after unary operator: '-bg-off'
(3413,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3419,20): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3445,15): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(3446,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(32611,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32612,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32613,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32614,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32615,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32616,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32617,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32618,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32619,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32620,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32621,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32622,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32623,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32624,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32625,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32626,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32627,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32628,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32629,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32634,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(32667,15): run-time error CSS1039: Token not allowed after unary operator: '-text'
(32675,15): run-time error CSS1039: Token not allowed after unary operator: '-link-colour'
(32702,26): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(32705,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral'
(32706,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-border'
(32708,15): run-time error CSS1039: Token not allowed after unary operator: '-neutral-colour'
(32724,26): run-time error CSS1039: Token not allowed after unary operator: '-neutral-hover'
(32727,26): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(32728,22): run-time error CSS1039: Token not allowed after unary operator: '-primary'
(32729,15): run-time error CSS1039: Token not allowed after unary operator: '-primary-colour'
(32732,26): run-time error CSS1039: Token not allowed after unary operator: '-primary-hover'
(32735,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(32736,22): run-time error CSS1039: Token not allowed after unary operator: '-secondary'
(32737,15): run-time error CSS1039: Token not allowed after unary operator: '-secondary-colour'
(32740,26): run-time error CSS1039: Token not allowed after unary operator: '-secondary-colour'
(32743,26): run-time error CSS1039: Token not allowed after unary operator: '-inverted'
(32744,22): run-time error CSS1039: Token not allowed after unary operator: '-inverted'
(32745,15): run-time error CSS1039: Token not allowed after unary operator: '-inverted-colour'
(32748,26): run-time error CSS1039: Token not allowed after unary operator: '-inverted-hover'
(32753,15): run-time error CSS1039: Token not allowed after unary operator: '-link-colour'
(32759,15): run-time error CSS1039: Token not allowed after unary operator: '-link-colour'
(32775,20): run-time error CSS1039: Token not allowed after unary operator: '-bg'
(32821,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32822,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32823,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32824,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32825,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32826,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32827,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32828,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32829,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32830,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32831,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32832,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32833,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32834,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32835,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32836,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32837,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32838,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32839,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32844,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32845,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32846,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32847,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32848,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32849,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32850,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32851,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32852,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32853,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32854,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32855,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32856,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32857,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32858,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32859,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32860,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32861,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(32862,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@charset "UTF-8";
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) {
    .guestCheckoutContainer .guestCheckout section.payment .paymentMethod {
      width: 670px;
    }
    .guestCheckoutContainer div.guestCheckout section.payment .paymentMethod > div > ul.paymentTypes .applePay {
      width: 9%;
    }
    .guestCheckoutContainer div.guestCheckout section.payment .paymentMethod > div > ul.paymentTypes .visa {
      width: 8%;
    }
    .guestCheckoutContainer div.guestCheckout section.payment .paymentMethod > div > ul.paymentTypes .mastercard {
      width: 8%;
    }
    .guestCheckoutContainer div.guestCheckout section.payment .paymentMethod > div > ul.paymentTypes .maestro {
      width: 8%;
    }
    .guestCheckoutContainer div.guestCheckout section.payment .paymentMethod > div > ul.paymentTypes .americanexpress {
      width: 8%;
    }
    .guestCheckoutContainer div.guestCheckout section.payment .paymentMethod > div > ul.paymentTypes .paypal {
      width: 9%;
    }
    .guestCheckoutContainer div.guestCheckout section.payment .paymentMethod > div > ul.paymentTypes .or {
      width: 2%;
    }
    .guestCheckoutContainer div.guestCheckout section.payment .paymentMethod > div > ul.paymentTypes .finance {
      width: 12%;
    }
    .guestCheckoutContainer div.guestCheckout section.payment .paymentMethod > div > ul.paymentTypes .bitcoin {
      width: 11%;
    }
  }
}
/*-- Header colours --*/
/*-- Header colours --*/
/* 
RULES

1. Do NOT put css classes in this file - they will be duplicated all over the place!

*/
.trustHeader > div > div > a > span, .wishlist-cont h1 span.items, .facetedColumn, .checkboxWithText label, .btn.applePay > span:first-child, .btn.googlePay > span, .btn.applePay2 > span:first-child, header.menu .productList a.titleLong, .basket.headerBasket .productList a.titleLong, .container, .priceBlock .wasPrice span, .priceBlock .price .exVat,
.priceBlock .price .incVat, .wt-full-screen-popup > div a.link, html.w-T75 .wt-modal-dialog, html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul > li label span i, .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div div.totals table tr td, .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large > span > span.title, .tooltip-hover:after, .bodyMessage, body.popup, .checkbox label, .infoPageQuick .content .product .title-manufacturer .buyPanel .priceAvailability .leftColumn .price {
  font-family: "open_sans", sans-serif;
  font-style: normal;
}

ul.productTableExpanded > li span.product-instock,
ul.productTableExpanded > li span.product-lowstock,
ul.productTableExpanded > li span.product-preorder, ul.productTableExpanded > li span.product-instock:before,
ul.productTableExpanded > li span.product-lowstock:before,
ul.productTableExpanded > li span.product-preorder:before, .order-cancellation p > strong, .review-score, .link, .quick-replacement, .product span.delivery-date > strong, .productInfoHelper > div > div.priceAvailability .priceWishlistBuy .rightColumn span.stock, .productInfoHelper > div > div.priceAvailability .priceWishlistBuy .rightColumn span.stock:before, .product-group .product .priceAvailability .stock, .productsCont .product .priceAvailability .stock, .product-group .product .priceAvailability .deliveryTag, .productsCont .product .priceAvailability .deliveryTag, footer .footer-delivery > div > div.estimated-delivery > p > span > strong, footer .footer-delivery > div > div.estimated-delivery > p > span > .weekendOptions strong, header.menu .search .popup .group.product span.details .linkNo, header.menu .productList .linkNo, header.menu header.menu .itemList .location, .basket.headerBasket .productList .linkNo, .basket.headerBasket header.menu .itemList .location, .priceBlock .wasPrice, .priceBlock .deliveryTag, .priceBlock .stock:before, .wt-paypal-combine.guestCheckoutContainer .guestCheckout section.payment .paymentMethod > div.genericCentreForm.paypalCreditDetails > p > span, .message div, .bodyMessage > div > p > a, .share-page, .productinfo div.financePaypalPanel > div > span.desc span.price, .productinfo div.scanFinancePanel > div > span.desc span.price, .productPageActionColumn div.financePaypalPanel > div > span.desc span.price, .productPageActionColumn div.scanFinancePanel > div > span.desc span.price, div.financePaypalOptions > div ul.tab > li, .siteShopCategory .offer-expired.product .tags:before, div.internalToolbar, footer .links-tracking-payments > div span.title, footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .tabHolder > button, .product .priceAvailability .rightColumn span.delivery-date > strong {
  font-family: "open_sans-bold", sans-serif;
  font-style: normal;
}

ul.productTableExpanded > li.header, ul.productTableExpanded > li span.qty span, .btn.applePay > span:last-child, .btn.applePay2 > span:last-child, header.menu .search form > input, h2, html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul > li label, .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div div.scanProtectBox div.header > span.price, .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 button.basket-mobile-tog, .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .totals > table tr.total span.price, .pageContent .acknowledgementBlock.listSelection > div:last-child > p, .hexOverviewBlock .body table th, .returns.pageContent .returnCard .footer > div:first-child a, .returnCard.select ul li div div.summary div.serial-selection div.serial-not-available a {
  font-family: "open_sans-semibold", sans-serif;
  font-style: normal;
}

.pageBack {
  font-family: "uni_sanssemibold", sans-serif;
  font-style: normal;
  text-transform: uppercase;
}

h3, .productsCont .productColumns .product.quickview button.quick-view > span > span {
  font-family: "uni_sanssemibold", sans-serif;
  text-transform: uppercase;
}

.facet .header, h1, .bodyMessage > div > p.title, .productinfo div.financePaypalPanel > div > span.desc > strong, .productinfo div.scanFinancePanel > div > span.desc > strong, .productPageActionColumn div.financePaypalPanel > div > span.desc > strong, .productPageActionColumn div.scanFinancePanel > div > span.desc > strong, .productinfo div.financePaypalPanel > div.financeSpendOver > span > strong, .productinfo div.scanFinancePanel > div.financeSpendOver > span > strong, .productPageActionColumn div.financePaypalPanel > div.financeSpendOver > span > strong, .productPageActionColumn div.scanFinancePanel > div.financeSpendOver > span > strong, .hexOverviewBlock .body h3, .pageContent.privacyDashboard h2 {
  font-family: "uni_sansbold", sans-serif;
  font-style: normal;
}

#productFilter > div > div > button, .heading, .wt-full-screen-popup > div .large-heading, .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product > span.image > a, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product > span.image > a, .wt-customers-bought.infoPage .customer-bought > span.title, .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div div.scanProtectBox div.header > span.title, .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.title > h2, .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .totals > h2, .wt-paypal-combine.guestCheckoutContainer .guestCheckout section.payment .paymentMethod > div.genericCentreForm.paypalCreditDetails > h3, .info-tabs .tabs > button, .productinfo div.financePaypalPanel > div > span.desc, .productinfo div.scanFinancePanel > div > span.desc, .productPageActionColumn div.financePaypalPanel > div > span.desc, .productPageActionColumn div.scanFinancePanel > div > span.desc, .productinfo div.financePaypalPanel > div.financeSpendOver > span, .productinfo div.scanFinancePanel > div.financeSpendOver > span, .productPageActionColumn div.financePaypalPanel > div.financeSpendOver > span, .productPageActionColumn div.scanFinancePanel > div.financeSpendOver > span, footer .call-us-bar, footer .contact-bar > div a.how-to-find-us, footer .contact-bar > div a.opening-times, footer .contact-bar > div .social > span {
  font-family: "uni_sanssemibold", sans-serif;
}

.wt-full-screen-popup > div .slogan, .wt-full-screen-popup > div a.url {
  font-family: "uni_sans_regular", sans-serif;
  font-style: normal;
}

.quickview-modal .details-container .product-details .description, .quickview-modal .details-container .product-details .linkModelNo > span > strong {
  font-family: "Poppins-Light", sans-serif;
  font-style: normal;
}

.product-notifications form label, .product-notifications form span.error, .product-notifications form input, .notify-when-in-stock .notify-me span, .quickview-modal .details-container .product-details .tags .tag, .quickview-modal .details-container .product-details div.addtobasket-panel .orderBefore, .quickview-modal .specifications .compareTable table, .quickview-modal .specifications .compareTable table th, .myAccountCont .pageContent p, .privacydashboardCont .pageContent p, .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body, .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.descPrice .desc, .myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.invTotal, .myAccountCont .pageContent.savedCards .savedCardsTable li, .myAccountCont form .pageContent.securityDetails .oneColumnContainer .row label, .contentContainer #passwordReset .passwordReset-cont p, .contentContainer #passwordReset .passwordReset-cont form .row .field-validation-error, body[data-page=site-shop] .content-container.siteShopPage p, .category-toolbar div[data-component=product-filter-toggle] button.filter-toggle:after, .category-toolbar span.sort select, .pageContent.trackingForm form .oneColumnContainer .row label, .pageContent.trackingForm form .twoColumnContainer .row label, .tracking h2 span, .tracking .liveTrack .trackProg p.barSub, .tracking .liveTrack .trackProg dl dd, .tracking .trackingDetails dd, .tracking .systemSpec li span, .accountFormContainer p, .genericCentreForm p, .loginArea, .loginArea .step-summary .complete span strong, .loginArea .payment-options .payment-option h4, ul.list-reorderable > li .list-description > a > span.title .items, ul.list-reorderable > li .list-description > a > span.last-edited, ul.list-reorderable > li .list-description > a > span.date-created, .pageContent.wishlist-cont div.title .last-edited, .pageContent.wishlist-cont div.title .date-created, .wishlist-cont .productTableExpanded li.header, .wishlist-cont .list-total > div.total .price .exVat, body > div.compare, body > div.compare > div > div > div div#noProducts ul, .support .supportSearch .contC .helpCentreLiveSearch form .searchField input, .support .supportSearch .contC .helpCentreLiveSearch .results, .support .supportFormNav .contC a, .support .helpCentre .contC .showResult p, .support .helpCentre .contC .showResult ol li, .support .helpCentre .contC .showResult ul li input, .support .helpCentre .contC .showResult ul li textarea, .support .helpCentre .contC .comment .question span, .support .helpCentre .contC .errors, .support .helpCentre .shortList dl dd, .support .helpCentre .expandList .listItems dl dd, .support .helpCentre .tags a, .support .complete, a.tag, span.tag, .buyButton > span.btnctrl.qty-limit span.qty-limit, #productFilterHeader .filters-applied .title, .master-cat-header > div .buyingGuide .buyingGuidePrefix, .products-cont.largeGallery .product-group .product > div:hover span.details .ratings .delivery-date > strong, .products-cont.largeGallery .product-group .product > div:focus span.details .ratings .delivery-date > strong, .products-cont.largeGallery .productColumns .product > div:hover span.details .ratings .delivery-date > strong, .products-cont.largeGallery .productColumns .product > div:focus span.details .ratings .delivery-date > strong, .products-cont.largeGallery .product-group .product span.details .description > a, .products-cont.largeGallery .productColumns .product span.details .description > a, .products-cont.largeGallery .product-group .product span.details .delivery-date, .products-cont.largeGallery .productColumns .product span.details .delivery-date, .products-cont.largeGallery .product-group .product span.details .deliveryTag, .products-cont.largeGallery .productColumns .product span.details .deliveryTag, .products-cont.largeGallery .product-group .product span.details .quick-replacement > span, .products-cont.largeGallery .productColumns .product span.details .quick-replacement > span, .products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .description > a, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .description > a, .device-android .products-cont.largeGallery .product-group .product > div span.details .ratings .delivery-date > strong, .device-android .products-cont.largeGallery .productColumns .product > div span.details .ratings .delivery-date > strong, .device-ios .products-cont.largeGallery .product-group .product > div span.details .ratings .delivery-date > strong, .device-ios .products-cont.largeGallery .productColumns .product > div span.details .ratings .delivery-date > strong, .device-mobile .products-cont.largeGallery .product-group .product > div span.details .ratings .delivery-date > strong, .device-mobile .products-cont.largeGallery .productColumns .product > div span.details .ratings .delivery-date > strong, .product-group .product .linkNo, .productsCont .product .linkNo, .product-group .product .priceAvailability .wasPrice, .productsCont .product .priceAvailability .wasPrice, .product-group .product .priceAvailability .retailPrice, .productsCont .product .priceAvailability .retailPrice, .breadcrumb, .breadcrumb .helpBasket .basket a.summary strong, header.menu .search .popup .group.category span.itemCategorys a, .usp-busBar .contain .linkWrap .ths a .light, .usp-busBar .contain .linkWrap .usp .sliding-banner-pages div a, .popover.helpCentreFrame .body p, .popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch form .searchField input, .popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch .results, .popover.helpCentreFrame .body .helpFooter .grey, div.basket.headerBasket a.summary, div.basket.headerBasket .popup > div, div.basket.headerBasket .popup .productList ul li ul li.description a.titleLong, div.basket.headerBasket .popup div.scansure, header.menu > div .headLinks > span, body, #myAccountMenu div.hoverMenu > ul > li > a, #myAccountMenu div.hoverMenu > ul > li > button, div.hoverMenu > ul > li > a, div.hoverMenu > ul > li > button, .siteHelp .linkTitle {
  font-family: "Poppins-Regular", sans-serif;
  font-style: normal;
}

.productColumns .product .price > small, .product-group .product .priceAvailability .price > small, .productsCont .product .priceAvailability .price > small, .product-group .product.featured .featuredIcon:before, .productsCont .product.featured .featuredIcon:before {
  font-family: "Poppins-Medium", sans-serif;
  font-style: normal;
}

.product-notifications .header h3, .product-notifications p a, .product-notifications a, .product-notifications section h2, .product-notifications section h3, .product-notifications section button, .product-notifications section span.price, .notification-panel button, .notification-panel strong, .notify-when-in-stock button, .notify-when-in-stock strong, .quickview-modal .details-container .product-details .product-prices span.wasPrice > span.savingTag, .quickview-modal .details-container .product-details .product-prices span.price, .quickview-modal .details-container .product-details span.deliveryTag, .quickview-modal .details-container .product-details .freeItemToggle button.freeTag, .quickview-modal .details-container .product-details .freeItemToggle .freeOfferList li a, .quickview-modal .details-container .product-details .freeItemToggle .freeOfferList li > span, .quickview-modal .details-container .product-details div.addtobasket-panel .buyButton > span a.btn, .quickview-modal .details-container .product-details div.addtobasket-panel .stock, .quickview-modal .details-container .product-details div.addtobasket-panel .orderBefore strong, .myAccountCont .pageContent h2, .privacydashboardCont .pageContent h2, .myAccountCont .pageContent p a, .privacydashboardCont .pageContent p a, .myAccountCont .pageContent .pageBack span.title, .privacydashboardCont .pageContent .pageBack span.title, .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .title h2, .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body h4, .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body dl dt, .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body table thead tr th, .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body table tr td a, .myAccountCont .pageContent.orderHistory .invoiceOverview .header h2, .myAccountCont .pageContent.orderHistory .invoiceOverview .header h3, .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.ln span, .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.qty span, .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.descPrice .price, .myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.totalInc, .myAccountCont .pageContent.personalDetails form .twoColumnContainer .column .row label, .myAccountCont .pageContent.savedCards .savedCardsTable .row.heading, .myAccountCont form .pageContent.emailPreferences .oneColumnContainer .row label, .pageContent.updateComplete a.button, .recently-viewed-products h2, .recently-viewed-products ul li p, .recently-viewed-products ul li .price p, .siteShopCategory .categoryTitle h2, body[data-page=site-shop] .content-container.siteShopPage h1, body[data-page=site-shop] .content-container.siteShopPage .siteShopCategory .categoryTitle h2, .category-toolbar div[data-component=product-filter-toggle] button.filter-toggle, .category-toolbar span.sort:before, .category-toolbar .view span.title, .trackNav h2, .trackNav a .title, .pageContent.trackingForm form .oneColumnContainer .row span.field-validation-error, .pageContent.trackingForm form .twoColumnContainer .row span.field-validation-error, .tracking h2, .tracking h3, .tracking h4, .tracking .liveTrack .trackProg p, .tracking .trackingDetails dt, .tracking .contactHelp .faqs ul li a, .tracking .notification p, .accountFormContainer .caution, .genericCentreForm .caution, .loginArea .step-body .tabs a, .loginArea .step-body h4, .add-to-wishlist .product .details > span.description, .add-to-wishlist .product .details > span.price, .are-you-sure > span.sub-heading, ul.list-reorderable > li .list-description > a > span.title, ul.list-reorderable > li .list-total .price, .rename-duplicate > button, .wishlist-cont .productTableExpanded > li > span.lnStock .stock, .wishlist-cont .productTableExpanded > li > span.desc .productNotAvailable, .wishlist-cont .productTableExpanded > li > span.desc .ln, .wishlist-cont .productTableExpanded > li > span.item-price .price, .wishlist-cont .list-total > div.total .price, .wishlist-cont .list-total .action-row .quickAdd > label, body > div.compare > div > div > div div#noProducts, .compareTemplate .compareTable table tr td:first-child, .compareTemplate .compareTable table td div.priceAvailability .price, .compareTemplate .compareTable table th.groups, .facet .facets .group-category span, .support h1, .support h2, .support h3, .support .supportSearch .contC .helpCentreLiveSearch .results p, .support .supportSearch .contC .helpCentreLiveSearch .results label, .support .helpCentre .contC .showResult ul li label, .support .helpCentre .shortList dl dt a, .support .helpCentre .expandList dt, .support .helpCentre .expandList .listItems dl dt a, a.btn, button.btn, input.btn, .buyButton, .buyButton > span span.qty, .popover .header h3, .productInfoHelper > div > div.description > div.title, .productInfoHelper > div > div.description .linkModelNo, .productInfoHelper > div > div.priceAvailability .priceWishlistBuy .leftColumn .price, .adBannerLayout a > span p, #productFilter > div > div span.title, #productFilter > div > div > div > button, #productFilter > div > div > div > button.show-more, #productFilter > div > div > div > button.show-less, .productColumns.related .product > div .priceAvailability .price span.exVat, .master-cat-header > div .header > h1, .content-container h2, .productColumns .product .description a, .productColumns .product .price, .category-page #productFilter .field-block button.link, .category-page .categories .categoryTitle > h2, .product-group .product .image button.quickview, .productsCont .product .image button.quickview, .product-group .product button.quickview, .productsCont .product button.quickview, .product-group .product .description a, .productsCont .product .description a, .product-group .product .compare > span > span, .productsCont .product .compare > span > span, .product-group .product .priceAvailability .wasPrice > span, .productsCont .product .priceAvailability .wasPrice > span, .product-group .product .priceAvailability .savingTag, .productsCont .product .priceAvailability .savingTag, .product-group .product .priceAvailability .retailPrice > span, .productsCont .product .priceAvailability .retailPrice > span, .product-group .product .priceAvailability .price, .productsCont .product .priceAvailability .price, .product-group .product .priceAvailability .price span.exVat, .productsCont .product .priceAvailability .price span.exVat, footer > div .footExpBtn, footer .footer-links .links > div.col1 span.title, footer .footer-links .links > div .store, footer .footer-links .links > div span.title, footer .footer-delivery > div > div.estimated-delivery a.deliveryPage, footer .footer-delivery > div > div.tracking .title, footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form, .breadcrumb .helpBasket .basket a.summary .price, header.menu .search .popup .header > span.title, header.menu .search .popup .group > span.title, header.menu .search .popup .group.category span.itemCategorys a:last-child, header.menu .search .popup .group.product span.details .description, .usp-busBar .contain .linkWrap .currencySwitch .dropdown-content button, .popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch .results p, .popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch .results label, div.basket.headerBasket .popup > div .header ul li, div.basket.headerBasket .popup .productList .basketEmpty i, div.basket.headerBasket .popup .productList ul li ul li.description span.price, div.basket.headerBasket .popup .subTotals > ul > li > span.price, div.basket.headerBasket .popup div.systemBasket .categoryTitle, div.basket.headerBasket .popup div.systemBasket .noItems, .delivery ul.deliveryOptions li span.price, header.menu .price, .basket.headerBasket .price, .siteHelp .callus .telno {
  font-family: "Poppins-SemiBold", sans-serif;
  font-style: normal;
}

.full-width-toggle form button:after, .myAccountCont .pageContent h1, .privacydashboardCont .pageContent h1, .myAccountCont .pageContent.orderHistory .invoiceOverview .header .orderStatus a, .myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.invoice span.totalInc, .contentContainer #passwordReset .passwordReset-cont h1, .trustHeader > div > div > a > span strong, .pageDisplay .displayText h1, .pageContent.trackingForm h1, .pageContent.trackingForm .validation-summary-errors ul li, .pageContent.trackingForm form .twoColumnContainer span, .tracking a, .tracking .trackProgress ul li p, .tracking .trackProgress .date, .tracking .liveTrack #liveTrackingButton, .tracking .liveTrack .trackProg dl dt, .tracking .contactHelp .faqs .helplink, .tracking .contactHelp .telno, .accountFormContainer h2, .genericCentreForm h2, .accountFormContainer h3, .genericCentreForm h3, .accountFormContainer p a, .genericCentreForm p a, .accountFormContainer div.checkBoxOption.rightCheck > label, .genericCentreForm div.checkBoxOption.rightCheck > label, .loginArea .Basket-Summary h2, .loginArea .step-summary strong, .loginArea .step-summary li:first-child strong, .loginArea .step-summary li:first-child span strong, .loginArea .Basket-step-holder .step, .loginArea .Basket-step1 p strong, .legacyLogin div.error-message, .add-to-wishlist > span.heading, .add-to-wishlist .add-list > button.new-list, .add-to-wishlist .add-list.expanded > div.expands > div:first-child > label, .add-to-wishlist .recent-list > ul > li > span.value-qty > span.qty > span, .are-you-sure > span.heading, body > div.compare > div > div > div > span.title, body > div.compare > div > div > div > div > span.subTitle, body > div.compare > div > div > div button.popupRemoveAndClose, .compareTemplate .compareTable table td span.linkNo, .compareTemplate .compareTable table td span.stock, .compareTemplate .compareTable table td span.review-score, .support .supportSearch .contC:before, .support .supportFormNav .contC a span.title, .support .helpCentre span, .support .helpCentre .contC .showResult p a, .support .helpCentre .contC .comment p, .support .helpCentre .expandList .showAll, .support .helpCentre .backLink, .buyButton > span span.title, .productInfoHelper .psTabLinks, .adBannerLayout a > span h4, .adBannerLayout a > span .findOut, .products-cont.largeGallery .product-group .product span.details .delivery-date > strong, .products-cont.largeGallery .productColumns .product span.details .delivery-date > strong, .products-cont.largeGallery .product-group .product span.details .deliveryTag > span, .products-cont.largeGallery .productColumns .product span.details .deliveryTag > span, .usp-busBar .contain .linkWrap .ths a,
.usp-busBar .contain .linkWrap .busHelp a, .usp-busBar .contain .linkWrap button, .usp-busBar .contain .linkWrap .usp .sliding-banner-pages div a strong, .popover.helpCentreFrame .header h3, .popover.helpCentreFrame .body h4, .popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont:before, .popover.helpCentreFrame .body .askBlock #viewHelp, .popover.helpCentreFrame .body .contactBlock .contactLinks, .popover.helpCentreFrame .body .helpFooter .grey .title, .popover.helpCentreFrame .body .helpFooter .grey ul li a, header.menu nav .menuLevel1 li a, div.basket.headerBasket .popup .productList ul li ul li.description span.linkNo, div.basket.headerBasket .popup .subTotals > ul > li > span.title strong, div.basket.headerBasket .popup .subTotals > ul > li.delivery .deliveryLocation .title, div.basket.headerBasket .popup .subTotals > ul > li.delivery .changeLocation, div.basket.headerBasket .popup .subTotals > ul > li.delivery .viewDeliveryOptions, div.basket.headerBasket .popup div.scansure span.title span, div.basket.headerBasket .popup div.scansure span.title strong, div.basket.headerBasket .popup div.total span.title, header.menu > div .myaccount-links > span:first-child, #myAccountMenu div.hoverMenu > ul > li.vatToggle > button strong, div.hoverMenu > ul > li.vatToggle > button strong, .siteHelp button.help {
  font-family: "Poppins-Bold", sans-serif;
  font-style: normal;
}

.product-notifications .header h3:before, .notification-panel div:before, .notify-when-in-stock .notify-me:before, .quickview-modal .details-container .product-details span.deliveryTag:before, .quickview-modal .details-container .product-details div.addtobasket-panel .orderBefore i:before, .full-width-toggle form button:before, .return-loader .logo::after, .stepper-wrapper .stepper-item.active .step-counter:after, .returns .tooltip-label i::before, .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.orders .body table td:last-child a:before, .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.communications input[type=checkbox]:checked + label:before, .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.savedBaskets table td:last-child a:before, .myAccountCont .pageContent.orderHistory form .twoColumnContainer .column .search.row button:before, .myAccountCont .pageContent.orderHistory .invoiceOverview .body .invoiceDetails a:before, ul.productTableExpanded > li span.remove button:before, .saveBasketSummary .header button.btn:before, .recently-viewed-products ul li button:after, .category-toolbar div[data-component=product-filter-toggle] button.filter-toggle:before, .category-toolbar .view > button:before, .tracking .trackingDetails a::after, .tracking .trackingDetails a#openTimes::before, .tracking .trackingDetails a#findUs::before, .tracking .contactHelp .faqs .helplink::after, .accountFormContainer div p.addressText:before, .genericCentreForm div p.addressText:before, .accountFormContainer span.inputFieldInfo i:before, .genericCentreForm span.inputFieldInfo i:before, .loginArea .step-summary .complete .complete-tick:before, .loginArea p.step.stepComplete span.stepCompleteTick:before, .loginArea .mobileInput .mobileIco:before, .loginArea .helpMobile .helpCont .WarningNote:before, .loginArea .helpMobile .helpCont .MobileNote:before, .loginArea .splitbasket-checkout div.selected:before, .btn.wishList:before, .add-to-wishlist > span.heading:before, ul.list-reorderable > li .list-remove > button.remove:before, .rename-duplicate > button:before, .wishlist-cont h1:before, .wishlist-cont .productTableExpanded > li > span.remove button.remove:before, .wishlist-cont .list-total .action-row .quickAdd > button.btn:before, .compareTemplate .compareTable table td span.yes, .compareTemplate .compareTable table td span.no, .arrow-up:before, .arrow-down:before, .categoryPage #productFilter .facet .facets .header > button.close-filters:after, .support .supportSearch .contC .helpCentreLiveSearch form button:before, a.tag.offer-xmas:before, span.tag.offer-xmas:before, .review-score .reviewscore:before, .review-score .reviewscore span:before, .checkboxWithText input[type=checkbox] + label:before, .btn.applePay > i:before, .btn.applePay2 > i:before, .save-as-wishlist > i, .quick-replacement > i, #productFilter > div > div > button:before, #productFilter > div > div > div > button:before, .master-cat-header > div .buyingGuide a.link:before, .products-cont.largeGallery .product-group .product span.details .delivery-date:before, .products-cont.largeGallery .productColumns .product span.details .delivery-date:before, .products-cont.largeGallery .product-group .product span.details .deliveryTag:before, .products-cont.largeGallery .productColumns .product span.details .deliveryTag:before, .product-group .product button.quickview:before, .productsCont .product button.quickview:before, .product-group .product .wishlistheart .btn.wishList, .productsCont .product .wishlistheart .btn.wishList, footer .footer-links .call-action ul a i, footer .footer-delivery > div > div.estimated-delivery > p > i, header.menu .search form .btn:before, .usp-busBar .contain .linkWrap .ths a:after,
.usp-busBar .contain .linkWrap .busHelp a:after, .usp-busBar .contain .linkWrap button:after, .usp-busBar .contain .linkWrap .ths a#helpLink:after,
.usp-busBar .contain .linkWrap .busHelp a#helpLink:after, .usp-busBar .contain .linkWrap button#helpLink:after, .popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch form button:before, .popover.helpCentreFrame .body .askBlock #viewHelp:after, .popover.helpCentreFrame .body .contactBlock .contactLinks a:before, div.basket.headerBasket a.summary > i:before, div.basket.headerBasket .popup .subTotals > ul > li.delivery .viewDeliveryOptions:after, div.basket.headerBasket .popup div.scansure i:before, header.menu > div .myaccount-links:before, button.secureAfter:after, a.secureAfter:after, i.email:before, i.mobile:before, i.scanprotect:before, .wt-full-screen-popup > div button.close, .message div button.close:before, .message div:before, .bodyMessage:before, .share-page:before, #popup > div a.close:before, .siteHelp button.help span:before, .siteHelp.open button.help span:before, .siteHelp a:before, .siteHelp .close, .pageBack span.title:before, .checkbox input[type=checkbox] + label:before, .toggleSwitch .toggleSwitch-inner:before, .toggleSwitch .toggleSwitch-inner:after, footer .contact-bar > div a.how-to-find-us:before, footer .contact-bar > div a.opening-times:before, .productsCont .productColumns .product.quickview button.quick-view > span > i {
  font-family: "scanicons", sans-serif;
  font-style: normal;
}

.accountFormContainer input.validationElement, .genericCentreForm input.validationElement, .accountFormContainer select.validationElement, .genericCentreForm select.validationElement {
  background: #f7d9d9 !important;
  border: 1px solid #a80002 !important;
}

#productFilter > div > div ul, #productFilter > div > div ul li, .delivery ul.deliveryOptions li, header.menu .productList > ul > li,
header.menu .itemList > ul > li, .basket.headerBasket .productList > ul > li,
.basket.headerBasket .itemList > ul > li {
  list-style: none;
  margin: 0;
}

header.menu .search .popup .group > ul, header.menu nav .menuLevel1 > ul, div.basket.headerBasket .popup .subTotals > ul, div.basket.headerBasket .popup .subTotals > ul > li, header.menu .productList ul,
header.menu .itemList ul, .basket.headerBasket .productList ul,
.basket.headerBasket .itemList ul, .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product, .wt-customers-bought.infoPage .customer-bought .productColumns > li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.order-cancellation.requested span.heading > i:before, .category-toolbar span.sort:after, .accountFormContainer span.inputFieldInfo:before, .genericCentreForm span.inputFieldInfo:before, .loginArea .payment-carddetails .helpPanel:before, ul.list-reorderable > li .list-promote > button > i, .LIB-arrow-prev-sm > i, .LIB-arrow-next-sm > i, .checkboxWithText input[type=checkbox]:checked + label:after, .buyButton > span.added > i:before, #productFilter > div > div > div > button.show-more:before, #productFilter > div > div > div > button.show-less:before, #productFilter > div > div > div.price > div > span.min i, #productFilter > div > div > div.price > div > span.max i, #productFilterHeader .filters-applied > div > button > i, button[data-action=navigate-back]:before, header.menu .search .popup .results .moreResults button:before, header.menu .search .popup > div a.more:after, header.menu > div .myaccount-links > span:first-child:after, button.arrowDownAfter:after, a.arrowDownAfter:after, button.arrowUpAfter:after, a.arrowUpAfter:after, button.arrowLeftBefore:before, a.arrowLeftBefore:before, button.arrowRightBefore:after, a.arrowRightBefore:after, .wt-basket-upsell .basket-upsell .sliding-products button.arrow:before, .wt-basket-upsell .popup-basket-upsell .sliding-products button.arrow:before, .wt-customers-bought.infoPage .customer-bought .sliding-products button.arrow:before, .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 button.basket-mobile-tog:after, .checkbox input[type=checkbox]:checked + label:after, .radio-as-tickbox .checkbox:after, .checkbox-as-tickbox .checkbox:after, .tickbox .checkbox:after, footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .trackarea form > button:before, .financeTable > div > ul.selected > li span.tick:before, .financeTable > div > dl.selected > li span.tick:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arrow-up, .arrow-down, .relatedProducts span.title, .product-group .product.featured .featuredIcon:before, .productsCont .product.featured .featuredIcon:before {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

ul.list-reorderable > li:nth-child(-n+5) .list-promote > button > i {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 button.basket-mobile-tog.expand:after {
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -o-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  transform: rotate(225deg);
}

.returns.pageContent .returnCard .footer > div:first-child a, .returnCard.select ul li div div.summary div.serial-selection div.serial-not-available a {
  border: 0;
  color: #3d70b7;
  text-transform: uppercase;
  background: none;
  text-decoration: underline;
  padding: 0;
  line-height: 1em;
}

/* Mixins - start */
.quickview-modal .details-container .image-gallery > ul, .quickview-modal .details-container .product-details .further-info-links, .productColumns, .productColumns li, .product-group, .productsCont, footer .footer-links .links > div .store, footer .footer-links .call-action ul, footer .footer-delivery > div > div.tracking > div:last-child .tracking-nav > ul, footer .footer-delivery > div > div.tracking > div:last-child .tracking-nav > ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Mixins arrows */
/* Mixins - finish */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

.obsfucated-placeholder-strong {
  background-color: #a9a9a9;
  border-radius: 2px;
  color: #a9a9a9;
  opacity: 0.8;
}

.obsfucated-placeholder-strong::selection {
  background-color: #a9a9a9;
}

.obsfucated-placeholder-light {
  background-color: #d3d3d3;
  border-radius: 2px;
  color: #d3d3d3;
  opacity: 0.8;
}

.obsfucated-placeholder-light::selection {
  background-color: #d3d3d3;
}

[data-plugin=expandableBlock].expanded button[data-action=expand] {
  display: none;
}

[data-plugin=expandableBlock].collapsed .expands {
  height: 0;
  overflow: hidden;
}
[data-plugin=expandableBlock].collapsed button[data-action=collapse] {
  display: none;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* fonts */
@font-face {
  font-family: uni_sansbold;
  src: url("../images/fonts/Uni-Sans-Bold-130a186c0d.eot?#iefix") format("embedded-opentype");
  src: url("../images/fonts/Uni-Sans-Bold-130a186c0d.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Uni-Sans-Bold-cd3f53d3a3.woff") format("woff"), url("../images/fonts/Uni-Sans-Bold-3e0aefa0b2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: uni_sansbook;
  src: url("../images/fonts/Uni_Sans_Book-webfont-ffd5ddcf5b.eot");
  src: url("../images/fonts/Uni_Sans_Book-webfont-ffd5ddcf5b.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Uni_Sans_Book-webfont-82c954d1af.woff2") format("woff2"), url("../images/fonts/Uni_Sans_Book-webfont-aec57401f4.woff") format("woff"), url("../images/fonts/Uni_Sans_Book-webfont-961bcce38b.ttf") format("truetype"), url("../images/fonts/Uni_Sans_Book-webfont-043900d5e7.svg#uni_sansbook") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: uni_sanssemibold;
  src: url("../images/fonts/Uni_Sans_SemiBold-webfont-ce6f7e8c61.eot");
  src: url("../images/fonts/Uni_Sans_SemiBold-webfont-ce6f7e8c61.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Uni_Sans_SemiBold-webfont-819ef434a5.woff2") format("woff2"), url("../images/fonts/Uni_Sans_SemiBold-webfont-2e4c1cb3f8.woff") format("woff"), url("../images/fonts/Uni_Sans_SemiBold-webfont-de5f917a57.ttf") format("truetype"), url("../images/fonts/Uni_Sans_SemiBold-webfont-95eaf002a1.svg#uni_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: uni_sans_regular;
  src: url("../images/fonts/Uni_Sans_Regular-webfont-7c105493bb.eot");
  src: url("../images/fonts/Uni_Sans_Regular-webfont-7c105493bb.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Uni_Sans_Regular-webfont-d5bd7e08bf.woff2") format("woff2"), url("../images/fonts/Uni_Sans_Regular-webfont-da6be4d774.woff") format("woff"), url("../images/fonts/Uni_Sans_Regular-webfont-e777f14c46.ttf") format("truetype"), url("../images/fonts/Uni_Sans_Regular-webfont-e66c20afc8.svg#uni_sans_regularregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: scanicons;
  src: url("../images/fonts/scanicons-c7d1fdc1d4.eot");
  src: url("../images/fonts/scanicons-c7d1fdc1d4.eot?#iefix") format("embedded-opentype"), url("../images/fonts/scanicons-ed491e5f46.woff") format("woff"), url("../images/fonts/scanicons-6163838cb0.ttf") format("truetype"), url("../images/fonts/scanicons-e8916df887.svg#scanicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: open_sans;
  src: url("../images/fonts/opensans-regular-webfont-9d1c12b712.eot");
  src: url("../images/fonts/opensans-regular-webfont-9d1c12b712.eot?#iefix") format("embedded-opentype"), url("../images/fonts/opensans-regular-webfont-f2b0ed79b7.woff") format("woff"), url("../images/fonts/opensans-regular-webfont-629a55a7e7.ttf") format("truetype"), url("../images/fonts/opensans-regular-webfont-37a18bdac3.svg#open_sans") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: open_sans-bold;
  src: url("../images/fonts/opensans-bold-webfont-0ba827c0a8.eot");
  src: url("../images/fonts/opensans-bold-webfont-0ba827c0a8.eot?#iefix") format("embedded-opentype"), url("../images/fonts/opensans-bold-webfont-3177f09919.woff") format("woff"), url("../images/fonts/opensans-bold-webfont-5014568504.ttf") format("truetype"), url("../images/fonts/opensans-bold-webfont-97a6a10527.svg#open_sans-bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: open_sans-semibold;
  src: url("../images/fonts/opensans-semibold-webfont-fd9faec008.eot");
  src: url("../images/fonts/opensans-semibold-webfont-fd9faec008.eot?#iefix") format("embedded-opentype"), url("../images/fonts/opensans-semibold-webfont-2432afba5c.woff") format("woff"), url("../images/fonts/opensans-semibold-webfont-33f225b8f5.ttf") format("truetype"), url("../images/fonts/opensans-semibold-webfont-8f4503cf30.svg#open_sans-bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Poppins font start */
@font-face {
  font-family: Poppins-Light;
  src: url("../images/fonts/Poppins-Light-197cace4cf.eot");
  src: url("../images/fonts/Poppins-Light-197cace4cf.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Poppins-Light-e577e3ba5c.woff2") format("woff2"), url("../images/fonts/Poppins-Light-b9a56777a8.woff") format("woff"), url("../images/fonts/Poppins-Light-fcc40ae9a5.ttf") format("truetype"), url("../images/fonts/Poppins-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Poppins-Regular;
  src: url("../images/fonts/Poppins-Regular-8a12a39012.eot");
  src: url("../images/fonts/Poppins-Regular-8a12a39012.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Poppins-Regular-4ca79fd9a4.woff2") format("woff2"), url("../images/fonts/Poppins-Regular-41dd109294.woff") format("woff"), url("../images/fonts/Poppins-Regular-093ee89be9.ttf") format("truetype"), url("../images/fonts/Poppins-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Poppins-Medium;
  src: url("../images/fonts/Poppins-Medium-bbad072474.eot");
  src: url("../images/fonts/Poppins-Medium-bbad072474.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Poppins-Medium-3b48234d19.woff2") format("woff2"), url("../images/fonts/Poppins-Medium-2ba582f707.woff") format("woff"), url("../images/fonts/Poppins-Medium-bf59c687bc.ttf") format("truetype"), url("../images/fonts/Poppins-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Poppins-SemiBold;
  src: url("../images/fonts/Poppins-SemiBold-01ef2d813b.eot");
  src: url("../images/fonts/Poppins-SemiBold-01ef2d813b.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Poppins-SemiBold-a36b89cf7f.woff2") format("woff2"), url("../images/fonts/Poppins-SemiBold-5cd938c7e4.woff") format("woff"), url("../images/fonts/Poppins-SemiBold-6f1520d107.ttf") format("truetype"), url("../images/fonts/Poppins-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Poppins-Bold;
  src: url("../images/fonts/Poppins-Bold-e1895c50d7.eot");
  src: url("../images/fonts/Poppins-Bold-e1895c50d7.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Poppins-Bold-72eea25a55.woff2") format("woff2"), url("../images/fonts/Poppins-Bold-b4b76be527.woff") format("woff"), url("../images/fonts/Poppins-Bold-08c20a4879.ttf") format("truetype"), url("../images/fonts/Poppins-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Poppins font end */
/* header */
body {
  background: #e0e0e0;
  margin: 0;
  font-size: 13px;
  line-height: 1.3em;
  font-variant-ligatures: none;
}

.container {
  background: #fff;
  margin: 0 auto;
  width: 1280px;
}

img {
  border: 0;
}

/* Headings */
.heading {
  font-size: 1em;
  color: #5b5b5b;
  text-decoration: none;
  line-height: 1em;
  display: block;
}

.large.heading {
  font-size: 2.8em;
}

h1 {
  font-size: 2.4em;
  padding: 4px 0;
  margin: 0;
  color: #000000;
}

h2 {
  font-size: 1.7em;
  padding: 16px 0 14px;
  margin: 0;
  color: #5b5b5b;
}

h3 {
  color: #5b5b5b;
}

p {
  padding: 16px 0;
  font-size: 1em;
}

hr {
  border: 0;
  height: 0;
  border-bottom: 1px solid #bcbec0;
}

/* Universal Container */
.contentContainer {
  padding: 30px 30px;
}

/* Price */
.price small {
  font-size: 0.7em;
}

.priceBlock {
  display: block;
  width: 270px;
  height: 70px;
  font-size: 2.2em;
}
.priceBlock .wasPrice {
  display: block;
  text-transform: uppercase;
  font-size: 0.4em;
  color: #9e9e9e;
  padding-bottom: 10px;
}
.priceBlock .wasPrice span {
  font-size: 1.3em;
  padding-left: 4px;
  text-decoration: line-through;
  color: #5b5b5b;
}
.priceBlock .deliveryTag {
  display: block;
  font-size: 0.75em;
  color: #8f8f8f;
  text-transform: uppercase;
  margin-top: 12px;
}
.priceBlock .deliveryTag span {
  color: #3d70b7;
}
.priceBlock .price {
  color: #3d70b7;
  padding-top: 0px;
}
.priceBlock .price .exVat,
.priceBlock .price .incVat {
  font-size: 0.3em;
  text-transform: uppercase;
  margin-top: 10px;
  display: inline-block;
  line-height: 1em;
  width: 20px;
  color: #707070;
}
.priceBlock .stock:before {
  float: left;
  content: "i";
  height: 17px;
  width: 17px;
  font-size: 1.2em;
  overflow: hidden;
  background: #bbbbbb;
  text-transform: lowercase;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  margin-right: 6px;
}
.priceBlock .in.stock {
  color: #3ba936;
}
.priceBlock .out.stock {
  color: #5b5b5b;
}

.hide {
  display: none !important;
}

@media screen and (max-width: 1280px) {
  .container {
    width: 100% !important;
  }
}
/* More Links */
button.more, a.more {
  background: none;
  border: 0;
  text-decoration: none;
  cursor: pointer;
}
button.more:hover, a.more:hover {
  text-decoration: underline;
}
button.arrowDownAfter:after, a.arrowDownAfter:after {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  color: #5b5b5b;
  border-bottom: 1px solid #5b5b5b;
  border-right: 1px solid #5b5b5b;
  margin-left: 10px;
  position: relative;
  top: -3px;
}
button.arrowUpAfter:after, a.arrowUpAfter:after {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  color: #5b5b5b;
  border-top: 1px solid #5b5b5b;
  border-left: 1px solid #5b5b5b;
  margin-left: 10px;
  position: relative;
  top: 0;
}
button.arrowLeftBefore:before, a.arrowLeftBefore:before {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  color: #5b5b5b;
  border-bottom: 1px solid #5b5b5b;
  border-left: 1px solid #5b5b5b;
  margin-right: 10px;
  position: relative;
  top: -1px;
}
button.arrowRightBefore:after, a.arrowRightBefore:after {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  color: #5b5b5b;
  border-top: 1px solid #5b5b5b;
  border-right: 1px solid #5b5b5b;
  margin-left: 10px;
  position: relative;
  top: -1px;
}
button.secureAfter:after, a.secureAfter:after {
  content: "\e945";
  display: inline-block;
  color: #fff;
  margin-left: 10px;
  position: relative;
  top: 0px;
  border: 0;
  font-size: 1.3em;
}

/* Payment Logos */
.paymentTypes {
  text-align: left;
  vertical-align: middle;
}
.paymentTypes i {
  background: url("../images/payment-logos-a9a2aad57d.svg");
  background-repeat: no-repeat;
  background-size: 851px 84px;
  display: block;
  overflow: hidden;
  text-indent: 33px;
  line-height: 3em;
  height: 36px;
  margin-top: 5px;
}
.paymentTypes .visa > i {
  background-position: 0px -6px;
  width: 48px;
  text-indent: 48px;
}
.paymentTypes .mastercard > i {
  background-position: -86px -6px;
  width: 39px;
  text-indent: 39px;
}
.paymentTypes .maestro > i {
  background-position: -164px -5px;
  width: 41px;
  text-indent: 41px;
}
.paymentTypes .americanexpress > i {
  background-position: -239px -6px;
  width: 52px;
  text-indent: 52px;
}
.paymentTypes .americanexpress.selected > i {
  background-position: -239px -46px;
}
.paymentTypes .paypal > i {
  background-position: -322px -6px;
  width: 87px;
  text-indent: 87px;
}
.paymentTypes .bitcoin > i {
  background-position: -440px -6px;
  width: 75px;
  text-indent: 75px;
}
.paymentTypes .finance > i {
  background-position: -554px -6px;
  width: 82px;
  text-indent: 82px;
}

i.cvv {
  background: url("../images/payment-logos-a9a2aad57d.svg");
  background-repeat: no-repeat;
  background-size: 889px 85px;
  background-position: -708px -6px;
  width: 70px;
  height: 40px;
  display: block;
}

i.nortonSecure {
  background: url("../images/payment-logos-a9a2aad57d.svg");
  background-repeat: no-repeat;
  background-size: 889px 85px;
  background-position: -814px -6px;
  width: 84px;
  height: 46px;
  overflow: hidden;
  line-height: 2em;
  text-indent: 84px;
  font-size: 2em;
  display: inline-block;
}

/* Icons */
i.email {
  display: inline-block;
  width: 22px;
  height: 4px;
  margin-top: 0px;
}
i.email:before {
  content: "\e90d";
  padding-right: 8px;
  display: block;
  line-height: 0;
  font-size: 1.1em;
  position: absolute;
}

i.mobile {
  display: inline-block;
  width: 19px;
  height: 5px;
  margin-top: 0px;
}
i.mobile:before {
  content: "\e938";
  padding-right: 8px;
  display: block;
  line-height: 0;
  font-size: 1.2em;
  position: absolute;
}

i.scanprotect {
  display: inline-block;
  width: 17px;
  height: 5px;
  margin-top: 0px;
}
i.scanprotect:before {
  content: "\e917";
  padding-right: 8px;
  display: block;
  line-height: 0;
  font-size: 1.2em;
  position: absolute;
}

/* Page Loader */
div#loadingPage i.block-loader {
  height: 70px;
  width: 70px;
  background-size: 70px 70px;
  margin: 0 auto;
}

.quick-replacement {
  color: #8f8f8f;
  display: inline-block;
  margin-top: 2px;
}
.quick-replacement > i {
  display: inline-block;
  height: 22px;
  width: 28px;
  overflow: hidden;
  font-size: 26px;
}
.quick-replacement > i:before {
  display: block;
  content: "\e958";
  color: #3d70b7;
  height: 26px;
  width: 33px;
  line-height: 0.9em;
}
.quick-replacement > span {
  color: #8f8f8f;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  padding-top: 1px;
}

.productsCont .productColumns .product .ratings {
  overflow: inherit;
}
.productsCont .productColumns .product .ratings .review-score {
  padding-bottom: 4px;
}
.productsCont .productColumns .product .ratings .quick-replacement > i {
  vertical-align: bottom;
  margin-top: -6px;
}
.productsCont .productColumns .product .ratings .quick-replacement > span {
  font-size: 0.8em;
  vertical-align: bottom;
  padding-bottom: 3px;
}
.productsCont .productColumns .product .ratings > span {
  text-transform: uppercase;
}
.productsCont .productColumns .product .ratings .hexusReview {
  width: 58px;
  padding-top: 1px;
}
.productsCont.list ul.productColumns .product .ratings {
  width: 500px;
  overflow: inherit;
}
.productsCont.list ul.productColumns .product .ratings .review-score {
  padding-top: 4px;
}
.productsCont.largeGallery ul.productColumns .product .ratings .quick-replacement {
  margin-left: 6px;
}
.productsCont.gallery ul.productColumns .product .ratings .review-score {
  width: 96px;
}
.productsCont.gallery ul.productColumns .product .ratings .review-score .reviewscore {
  margin-top: -84px;
}
.productsCont.gallery ul.productColumns .product .ratings .review-score.noReviews {
  display: none;
}
.productsCont.gallery ul.productColumns .product .ratings .hexusReview {
  overflow: hidden;
  width: 0;
}
.productsCont.gallery ul.productColumns .product .ratings .quick-replacement {
  margin-left: 22px;
  vertical-align: bottom;
}
.productsCont.gallery ul.productColumns .product .ratings .quick-replacement > i {
  margin-top: -1px;
}
.productsCont.gallery ul.productColumns .product .ratings .quick-replacement > span {
  display: none;
}

@media screen and (max-width: 860px) {
  .productsCont.list .productColumns .product div.priceAvailability {
    width: inherit;
  }
}
@media screen and (max-width: 780px) {
  .infoPage .classification-share .socialMedia {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .productsCont.list .productColumns .product div.priceAvailability {
    width: inherit;
  }
}
@media screen and (max-width: 600px) {
  .banners div a {
    display: block;
  }
  .banners div a img {
    display: none;
  }
}
#BVSubmissionContainer {
  width: auto !important;
}
#BVSubmissionContainer .BVPage {
  width: auto !important;
}

@media screen and (max-width: 650px) {
  .main .BVMEFieldHelper {
    margin-left: 0;
  }
  .main .BVProductPickerField {
    margin-left: 0;
  }
  .main .BVPageQuestion .BVMERequiredFieldIndicatorSectionHeade {
    margin-bottom: 10px;
  }
  .main .BVMEPopinTip {
    right: 0;
    left: auto;
  }
  .main .BVMEPopinTip .BVMEPopinContent {
    width: 300px;
  }
  .main .BVPageEdit .BVFieldAgreedtotermsandconditions {
    margin-left: 0;
  }
  .main .BVPageEdit .BVModuleButtons {
    margin-left: 0;
  }
  .main .BVModuleFooterLinks {
    float: none;
    text-align: left;
  }
  .main .BVModuleFooterLinks a {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 500px) {
  .main .BVCheckboxField {
    margin-left: 0;
  }
  .main .BVFieldTextArea, .main .BVFieldText {
    width: auto;
  }
  .main .BVSectionSubjectInformation .BVSubjectName, .main .BVSectionSubjectInformation .BVSubjectBrand, .main .BVSectionSubjectInformation .BVSubjectDescription {
    margin-left: 0;
  }
}
/* BV styles by simon */
/*bazzar override main SCAN site deployment*/
/* Review Button CTA under product image */
[data-bv-show=rating_summary] .bv_main_container .bv_main_container_CTA_row .bv_main_container_row_flex .bv_button_buttonFull {
  font-family: "open_sans-bold", sans-serif !important;
  font-weight: normal !important;
  padding: 8px 12px !important;
}

/* Review Button CTA under product image */
/* Review Button */
.bv-cv2-cleanslate .bv-shared .bv-content-list-container .bv-header .bv-action-bar button, .bv-cv2-cleanslate .bv-shared .bv-content-list-container .bv-header .bv-action-bar button:hover {
  font-family: "open_sans-bold", sans-serif !important;
  font-weight: normal !important;
}

/* Review Button */
/* Reviews Header */
.bv-cv2-cleanslate .bv-shared .bv-focusable[tabindex="-1"] {
  font-family: "Poppins-SemiBold", sans-serif !important;
  color: #111 !important;
}

/* Reviews Header */
/* Review Header bar graph titles */
.bv-cv2-cleanslate .bv-shared .bv-section-summary .bv-inline-histogram .bv-inline-histogram-ratings .bv-inline-histogram-header .bv-content-title,
.bv-cv2-cleanslate .bv-shared .bv-section-summary .bv-secondary-rating-summary .bv-secondary-rating-summary-header .bv-content-title {
  font-family: "Poppins-SemiBold", sans-serif !important;
}

/* Review Header bar graph titles */
/* Avatar Remove */
.bv-cv2-cleanslate .bv-shared .bv-content-item-avatar-offset-on .bv-content-header .bv-author-avatar {
  display: none !important;
}

/* Avatar Remove */
/* Review wrap padding */
.bv-cv2-cleanslate .bv-shared .bv-content-list-container > ol > li > .bv-content-item-avatar-offset-on {
  padding-left: 10px !important;
}

/* Review wrap padding */
/* Review bar graph float */
.bv-cv2-cleanslate .bv-shared .bv-content-container .bv-content-core .bv-content-details-container {
  float: none !important;
  width: 200px !important;
  border-bottom: 1px #f0f0f0 solid !important;
}

.bv-cv2-cleanslate .bv-shared .bv-content-container .bv-content-core .bv-content-details-container .bv-secondary-ratings {
  padding: 0 !important;
}

/* Review bar graph float */
/* Review test full width */
.bv-cv2-cleanslate .bv-shared .bv-content-container .bv-content-core .bv-content-details-offset-on {
  float: none !important;
  width: 95% !important;
}

/* Review test full width */
/* Review Title Line up */
.bv-cv2-cleanslate .bv-shared .bv-content-item-avatar-offset-on .bv-content-header {
  margin-left: -5px !important;
}

/* Review Title Line up */
/* Border seperation for each review */
.bv-cv2-cleanslate .bv-shared .bv-content-item.bv-content-review {
  border: 1px #f0f0f0 solid !important;
}

/* Border seperation for each review */
/* Review Title  */
.bv-cv2-cleanslate .bv-shared .bv-content-header .bv-content-data-summary .bv-content-title-container .bv-content-title {
  font-family: "Poppins-SemiBold", sans-serif !important;
  margin-bottom: 0 !important;
  padding-top: 5px !important;
  line-height: 1.2em !important;
}

/* Review Title  */
/* Filter buttons and title  */
.bv-cv2-cleanslate .bv-content-filter .bv-active-filters {
  font-family: "Poppins-SemiBold", sans-serif !important;
}

.bv-cv2-cleanslate .bv-content-filter .bv-active-filters > ul > li > button {
  font-family: "open_sans-bold", sans-serif !important;
}

.bv-cv2-cleanslate .bv-shared .bv-control-bar .bv-dropdown {
  font-family: "Poppins-SemiBold", sans-serif !important;
  font-size: 1em !important;
}

/* Filter buttons and title  */
/* Pop up H1 font */
.bv-cv2-cleanslate .bv-shared .bv-mbox .bv-mbox-breadcrumb span.bv-mbox-breadcrumb-item {
  font-family: "Poppins-SemiBold", sans-serif !important;
}

/* Pop up H1 font */
/* Mobile ***********************************************************************************************************************/
@media screen and (max-width: 736px) {
  /* Avatar Remove mobile */
  .bv-cv2-cleanslate .bv-shared .bv-content-list-container > ol > li > .bv-content-item-avatar-offset .bv-content-container .bv-content-core .bv-content-header .bv-content-data-summary .bv-content-header-meta {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    min-height: 0 !important;
  }
  /* Avatar Remove mobile */
  /* Review Title  */
  .bv-cv2-cleanslate .bv-shared .bv-content-header .bv-content-data-summary .bv-content-title-container .bv-content-title {
    font-size: 1.2em !important;
  }
  /* Review Title  */
  /* QA Helpful buttons */
  .bv-cv2-cleanslate .bv-shared .bv-content-item .bv-content-item-avatar-offset-on .bv-secondary-content-item .bv-content-actions-container.bv-active-feedback {
    margin-left: 10px !important;
  }
  /* QA Helpful buttons */
}
@media screen and (max-width: 375px) {
  /* Review bar graph float */
  .bv-cv2-cleanslate .bv-shared .bv-content-container .bv-content-core .bv-content-details-container {
    width: 95% !important;
  }
  /* Review bar graph float */
}
/* BV styles by simon */
[data-bindto] {
  display: none;
}

.buyGuide {
  padding: 42px 0 0 14px;
  display: inline-block;
  vertical-align: top;
  font-family: "open_sans-bold", sans-serif;
  color: #3671b6;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.buyGuide:before {
  content: "i";
  text-transform: lowercase;
  width: 17px;
  margin-right: 5px;
  border-radius: 10px;
  background: #3671b6;
  font-size: 1em;
  color: #ffffff;
  display: inline-block;
  text-align: center;
}

header.menu nav div.menuLevel4 .header a.heading {
  display: inline-block !important;
}

/*-- Product Delivery Date - start --*/
.product .priceAvailability .rightColumn span.delivery-date {
  color: #3d70b7;
  font-size: 10px;
  line-height: 1em;
}
.product .priceAvailability .rightColumn span.delivery-date > strong {
  text-transform: uppercase;
}

.productsCont.list .productColumns .product .priceAvailability span.delivery-date {
  font-size: 9px;
  text-align: right;
  display: block;
  padding-top: 5px;
}
.productsCont.list .productColumns .product .priceAvailability .rightColumn {
  width: 130px;
}
.productsCont.list .productColumns .product .priceAvailability .buyButton.medium > span {
  overflow: hidden;
}
.productsCont.list .productColumns .product .priceAvailability .stock {
  float: right;
  margin-top: 4px;
}
.productsCont.gallery .productColumns > li > div:first-child {
  padding: 0 16px 0 18px;
}
.productsCont.gallery .productColumns .product .details {
  margin-left: 150px;
}
.productsCont.gallery .productColumns .product .priceAvailability .rightColumn {
  display: flex;
  flex-direction: column;
  width: 122px;
}
.productsCont.gallery .productColumns .product .priceAvailability .rightColumn span.delivery-date {
  font-size: 9px;
  order: 3;
  padding-top: 4px;
  text-align: right;
  margin-right: 3px;
}
.productsCont.gallery .productColumns .product .priceAvailability .rightColumn span.stock {
  order: 1;
  margin-top: -18px;
  margin-right: 4px;
  margin-left: auto; /* text-align: right; padding-bottom: 2px;
&:before { display:inline-block;}
&.in:before { margin-left: 46px; }
&.pre:before { margin-left: 36px; }
&.low:before { margin-left: 32px; } */
}
.productsCont.gallery .productColumns .product .priceAvailability .rightColumn div.buyButton {
  order: 2;
}
.productsCont.gallery .productColumns .product .priceAvailability .rightColumn .buyButton.medium {
  width: 120px;
}
.productsCont.gallery .productColumns .product .priceAvailability .rightColumn .buyButton.medium > span {
  width: 120px;
}
.productsCont.gallery .productColumns .product .priceAvailability .rightColumn a.btn {
  width: 120px;
}
.productsCont.gallery .productColumns .product .price small {
  font-size: 0.65em;
}
.productsCont.largeGallery .productColumns .product .details {
  margin-left: 178px;
}
.productsCont.largeGallery .productColumns .product .priceAvailability {
  margin-left: 178px;
}
.productsCont.largeGallery .productColumns .product .priceAvailability .leftColumn {
  width: 130px;
}
.productsCont.largeGallery .productColumns .product .priceAvailability .leftColumn .price {
  font-size: 1.9em;
}
.productsCont.largeGallery .productColumns .product .priceAvailability .rightColumn {
  display: flex;
  flex-direction: column;
  width: 120px;
}
.productsCont.largeGallery .productColumns .product .priceAvailability .rightColumn span.delivery-date {
  font-size: 9px;
  order: 3;
  padding-top: 4px;
  text-align: right;
  margin-right: 0;
}
.productsCont.largeGallery .productColumns .product .priceAvailability .rightColumn span.stock {
  order: 1;
  margin-top: -18px;
  margin-right: 4px;
  margin-left: auto; /* text-align: right; padding-bottom: 2px;
&:before { display:inline-block;}
&.in:before { margin-left: 42px; }
&.pre:before { margin-left: 32px; }
&.low:before { margin-left: 28px; } */
}
.productsCont.largeGallery .productColumns .product .priceAvailability .rightColumn div.buyButton {
  order: 2;
}
.productsCont.largeGallery .productColumns .product .priceAvailability .rightColumn .buyButton.medium {
  width: 120px;
}
.productsCont.largeGallery .productColumns .product .priceAvailability .rightColumn .buyButton.medium > span {
  width: 120px;
}
.productsCont.largeGallery .productColumns .product .priceAvailability .rightColumn a.btn {
  width: 120px;
}
.productsCont.largeGallery .productColumns .product .price small {
  font-size: 0.6em;
}
.productsCont.superList .productColumns .product {
  margin-bottom: 12px;
}
.productsCont.superList .productColumns .product .details {
  margin-right: 290px;
}
.productsCont.superList .productColumns .product .priceAvailability {
  width: 280px;
}
.productsCont.superList .productColumns .product .priceAvailability .rightColumn {
  height: 70px;
}
.productsCont.superList .productColumns .product .priceAvailability span.delivery-date {
  float: right;
  padding-top: 10px;
}
.productsCont.superList .productColumns .product .priceAvailability span.stock {
  float: left;
}
.productsCont.superList .productColumns .product .priceAvailability .buyButton.medium {
  width: 234px;
}
.productsCont.superList .productColumns .product .priceAvailability .buyButton.medium > span {
  width: 234px;
}
.productsCont.superList .productColumns .product .priceAvailability .buyButton.medium > span a.btn {
  width: 234px;
}
.productsCont.superList .productColumns .product .priceAvailability .wishListColumn {
  margin-top: -120px;
}
.productsCont.superList .productColumns .product.featuredProduct .ratings {
  width: auto;
}

@media screen and (max-width: 1280px) {
  body .productsCont.largeGallery .productColumns .product .priceAvailability .leftColumn, .categoryPage .productsCont.largeGallery .productColumns .product .priceAvailability .leftColumn {
    width: 90px;
  }
  body .productsCont.largeGallery .productColumns .product .priceAvailability .rightColumn, .categoryPage .productsCont.largeGallery .productColumns .product .priceAvailability .rightColumn {
    height: 30px;
  }
  body .productsCont.gallery .productColumns .product .priceAvailability .leftColumn, .categoryPage .productsCont.gallery .productColumns .product .priceAvailability .leftColumn {
    width: 90px;
  }
  body .productsCont.gallery .productColumns .product .priceAvailability .rightColumn, .categoryPage .productsCont.gallery .productColumns .product .priceAvailability .rightColumn {
    height: 30px;
  }
}
@media screen and (max-width: 1240px) {
  body .productsCont.gallery .productColumns .product .priceAvailability .wishListColumn, .categoryPage .productsCont.gallery .productColumns .product .priceAvailability .wishListColumn {
    margin-top: -32px;
    margin-right: -30px;
  }
}
@media screen and (max-width: 1200px) {
  body .productsCont.largeGallery .productColumns .product .priceAvailability, .categoryPage .productsCont.largeGallery .productColumns .product .priceAvailability {
    margin-left: 0;
  }
  body .productsCont.largeGallery .productColumns .product .priceAvailability .wishListColumn, .categoryPage .productsCont.largeGallery .productColumns .product .priceAvailability .wishListColumn {
    margin-top: 0;
  }
  body .productsCont.gallery .productColumns .product .details, .categoryPage .productsCont.gallery .productColumns .product .details {
    margin-left: 0;
  }
  body .productsCont.gallery .productColumns .product .priceAvailability .leftColumn, .categoryPage .productsCont.gallery .productColumns .product .priceAvailability .leftColumn {
    float: left;
  }
  body .productsCont.gallery .productColumns .product .priceAvailability .rightColumn, .categoryPage .productsCont.gallery .productColumns .product .priceAvailability .rightColumn {
    float: right;
  }
  body .productsCont.gallery .productColumns .product .priceAvailability .wishListColumn, .categoryPage .productsCont.gallery .productColumns .product .priceAvailability .wishListColumn {
    float: right;
  }
  body .productsCont.gallery .productColumns .product .leftColumn, .categoryPage .productsCont.gallery .productColumns .product .leftColumn {
    height: 60px;
  }
}
@media screen and (max-width: 1100px) {
  body .productsCont.gallery .productColumns .product .priceAvailability .wishListColumn, .categoryPage .productsCont.gallery .productColumns .product .priceAvailability .wishListColumn {
    margin-top: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 1050px) {
  /* body.wt-product-delivery-date .categoryPage.productFilterHidden .productsCont.gallery .productColumns > li.product > div:first-child { height: 440px; } */
}
@media screen and (max-width: 1000px) {
  body .productsCont.largeGallery .productColumns .product .details, .categoryPage .productsCont.largeGallery .productColumns .product .details {
    margin-left: 0;
  }
  body .productsCont.largeGallery .productColumns .product .priceAvailability, .categoryPage .productsCont.largeGallery .productColumns .product .priceAvailability {
    margin-left: 0;
  }
}
@media screen and (max-width: 740px) {
  .categoryPage .productsCont.gallery .productColumns > li.product, .categoryPage.productFilterHidden .productsCont.gallery .productColumns > li.product {
    /* > div:first-child { height: auto !important; padding: 0 6px; padding-bottom: 16px; border-bottom: 2px solid #FFFFFF; } */
  }
  .categoryPage .productsCont.gallery .productColumns > li.product div.priceAvailability .rightColumn, .categoryPage.productFilterHidden .productsCont.gallery .productColumns > li.product div.priceAvailability .rightColumn {
    display: flex;
    float: right;
    width: 122px;
  }
  .categoryPage .productsCont.gallery .productColumns > li.product div.priceAvailability .leftColumn, .categoryPage.productFilterHidden .productsCont.gallery .productColumns > li.product div.priceAvailability .leftColumn {
    float: left;
  }
  .productFilterHidden .productsCont.largeGallery .productColumns .product .priceAvailability .rightColumn {
    float: right;
  }
  .productFilterHidden .productsCont.largeGallery .productColumns .product .priceAvailability .leftColumn {
    width: 120px;
  }
}
@media screen and (max-width: 700px) {
  .categoryPage .productsCont.gallery .productColumns > li.product > div:first-child, .categoryPage.productFilterHidden .productsCont.gallery .productColumns > li.product > div:first-child {
    height: auto !important;
    padding: 0 6px;
    padding-bottom: 16px;
    border-bottom: 2px solid #FFFFFF;
  }
}
@media screen and (max-width: 670px) {
  body .productsCont.largeGallery .productColumns .product .rightColumn span.stock, .categoryPage .productsCont.largeGallery .productColumns .product .rightColumn span.stock {
    margin-left: 0;
  }
}
@media screen and (max-width: 670px) {
  body .productsCont.superList .productColumns .product .details, .categoryPage .productsCont.superList .productColumns .product .details {
    margin-right: 0;
  }
  body .productsCont.superList .productColumns .product .priceAvailability, .categoryPage .productsCont.superList .productColumns .product .priceAvailability {
    width: auto;
  }
  body .productsCont.superList .productColumns .product .priceAvailability .stock, .categoryPage .productsCont.superList .productColumns .product .priceAvailability .stock {
    width: auto;
  }
  body .productsCont.superList .productColumns .product .priceAvailability .rightColumn, .categoryPage .productsCont.superList .productColumns .product .priceAvailability .rightColumn {
    width: 234px;
  }
  body .productsCont.superList .productColumns .product .priceAvailability .wishListColumn, .categoryPage .productsCont.superList .productColumns .product .priceAvailability .wishListColumn {
    margin-top: 0;
  }
  body .productsCont.superList .productColumns .product .priceAvailability span.delivery-date, .categoryPage .productsCont.superList .productColumns .product .priceAvailability span.delivery-date {
    padding-top: 8px;
  }
}
@media screen and (max-width: 490px) {
  body .productsCont.list .productColumns .product .priceAvailability span.delivery-date, .categoryPage .productsCont.list .productColumns .product .priceAvailability span.delivery-date {
    line-height: 1.6em;
  }
  body .productsCont.gallery .productColumns li.product div.priceAvailability .leftColumn, body .productFilterHidden .productsCont.gallery .productColumns li.product div.priceAvailability .leftColumn, .categoryPage .productsCont.gallery .productColumns li.product div.priceAvailability .leftColumn, .categoryPage .productFilterHidden .productsCont.gallery .productColumns li.product div.priceAvailability .leftColumn {
    width: 160px;
  }
}
@media screen and (max-width: 430px) {
  .productsCont.superList .productColumns .product .priceAvailability .wishListColumn {
    width: 12%;
  }
}
@media screen and (max-width: 390px) {
  .productsCont.superList .productColumns .product .priceAvailability div.priceWishlistBuy {
    margin: 0 !important;
  }
  .productsCont.superList .productColumns .product .priceAvailability .wishListColumn {
    width: 11%;
  }
  .productsCont.superList .productColumns .product .priceAvailability .wishListColumn .btn.wishList:before {
    padding-left: 0;
  }
}
/*-- Product Delivery Date - end --*/
.infoPageQuick {
  position: relative;
  padding: 60px 30px;
  max-width: 800px;
}
.infoPageQuick a.close {
  position: absolute;
  right: 0;
  top: 20px;
}
.infoPageQuick a.close span {
  font-size: 0.1em;
  color: transparent;
}
.infoPageQuick .content .frequentlyBoughtTogether {
  display: none;
}
.infoPageQuick .content .freeItemToggle {
  display: none;
}
.infoPageQuick .content .product {
  margin-left: 10px;
  margin-right: 10px;
}
.infoPageQuick .content .product > div {
  display: flex;
  flex-direction: row;
}
.infoPageQuick .content .product .title-manufacturer {
  width: 45%;
  padding-left: 30px;
  box-sizing: border-box;
  border-left: solid 2px #ccc;
}
.infoPageQuick .content .product .title-manufacturer .manufacturerLogo {
  margin: 0 0 30px 0;
}
.infoPageQuick .content .product .title-manufacturer span.description {
  margin: 10px 0 0 0;
  font-size: 1.4em;
  line-height: 1.2em;
  font-family: "uni_sanssemibold", sans-serif;
  color: black;
}
.infoPageQuick .content .product .title-manufacturer .linkModelNo {
  font-family: "open-sans", sans-serif;
  font-size: 1.1em;
  color: grey;
}
.infoPageQuick .content .product .title-manufacturer .linkModelNo .linkNo, .infoPageQuick .content .product .title-manufacturer .linkModelNo .manufacturerCode {
  color: inherit;
  font-family: inherit;
  line-height: 1.2em;
}
.infoPageQuick .content .product .title-manufacturer .linkModelNo .linkNo strong, .infoPageQuick .content .product .title-manufacturer .linkModelNo .manufacturerCode strong {
  display: block;
  font-weight: bolder;
}
.infoPageQuick .content .product .title-manufacturer .buyPanel {
  margin-top: 43px;
}
.infoPageQuick .content .product .title-manufacturer .buyPanel .priceAvailability {
  margin: 0;
  padding: 0;
}
.infoPageQuick .content .product .title-manufacturer .buyPanel .priceAvailability .rightColumn {
  float: none;
  width: 100%;
  height: auto;
}
.infoPageQuick .content .product .title-manufacturer .buyPanel .priceAvailability .rightColumn .buyButton.large, .infoPageQuick .content .product .title-manufacturer .buyPanel .priceAvailability .rightColumn .buyButton.large span, .infoPageQuick .content .product .title-manufacturer .buyPanel .priceAvailability .rightColumn .buyButton.large a.btn {
  height: 42px;
  width: 100%;
}
.infoPageQuick .content .product .title-manufacturer .buyPanel .priceAvailability .rightColumn .stock {
  float: right;
}
.infoPageQuick .content .product .title-manufacturer .buyPanel .priceAvailability .leftColumn {
  float: none;
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.infoPageQuick .content .product .title-manufacturer .buyPanel .priceAvailability .leftColumn .price {
  font-size: 2.3rem;
  padding-top: 0;
}
.infoPageQuick .content .product .title-manufacturer .buyPanel .priceAvailability .wishListColumn {
  display: none;
}
.infoPageQuick .content .product .title-manufacturer .moreInfoButton {
  margin-top: 10px;
  clear: both;
}
.infoPageQuick .content .product .title-manufacturer .moreInfoButton a.btn {
  color: #3d70b7;
  background: transparent;
  margin: 0 auto;
  display: block;
  text-align: center;
  width: 125px;
  border-bottom: solid 2px #3d70b7;
  padding: 0;
  height: 30px;
}
.infoPageQuick .content .product .title-manufacturer .ratings {
  background: transparent;
  height: auto;
}
.infoPageQuick .content .product .title-manufacturer .ratings .quick-replacement {
  display: none;
}
.infoPageQuick .content .product-quickview-column {
  width: 55%;
  margin: 0 10px;
}
.infoPageQuick .content .product-quickview-column > div .productImages {
  position: relative;
  height: 30rem;
}
.infoPageQuick .content .product-quickview-column > div .productImages .views {
  display: block;
}
.infoPageQuick .content .product-quickview-column > div .productImages .views .leftArrow, .infoPageQuick .content .product-quickview-column > div .productImages .views .rightArrow {
  display: none;
}
.infoPageQuick .content .product-quickview-column > div .productImages .views .media-window {
  width: 100%;
  height: auto;
}
.infoPageQuick .content .product-quickview-column > div .productImages .views .media-window .media-item {
  width: 350px;
  height: auto;
}
.infoPageQuick .content .product-quickview-column > div .productImages .views .media-window .media-item img {
  width: 100%;
  margin: 0 auto;
  object-fit: contain;
}
.infoPageQuick .content .product-quickview-column > div .productImages .views .media-window .enlarge {
  display: none;
}
.infoPageQuick .content .product-quickview-column > div .productImages .thumbnails {
  position: absolute;
  bottom: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}
.infoPageQuick .content .product-quickview-column > div .productImages .thumbnails > span {
  margin-right: 6px;
  border: solid 1px #ccc;
  cursor: pointer;
}

.productsCont .productColumns .product.quickview button.quick-view {
  display: block;
  position: absolute;
  z-index: 3;
  height: 27px;
  width: 28px;
  background: #4D4D4D;
  border: 1px solid #fff;
  border-bottom-right-radius: 13px;
  border-top-right-radius: 13px;
  cursor: pointer;
  color: #fff;
  transition: ease-in-out 0.2s;
  text-align: left;
  overflow: hidden;
  border-left: 0;
}
.productsCont .productColumns .product.quickview button.quick-view > span {
  height: 27px;
  width: 106px;
  margin-left: -77px;
  display: block;
  transition: ease-in-out 0.2s;
}
.productsCont .productColumns .product.quickview button.quick-view > span > span {
  display: inline-block;
  margin: 0;
  font-size: 0.8em;
  padding-left: 6px;
  margin-top: 3px;
  vertical-align: top;
}
.productsCont .productColumns .product.quickview button.quick-view > span > i {
  display: inline-block;
  font-size: 1.05em;
  vertical-align: top;
  margin: 4px 0 0 6px;
}
.productsCont .productColumns .product.quickview button.quick-view > span > i:before {
  content: "\e975";
  display: block;
  height: 20px;
  width: 16px;
}
.productsCont .productColumns .product.quickview:hover button.quick-view {
  height: 27px;
  width: 106px;
}
.productsCont .productColumns .product.quickview:hover button.quick-view > span {
  margin-left: 0;
}
.productsCont .productColumns .product.quickview .productColumns .product.quickview-v2 {
  /* Add quick view version 2 here */
}
.productsCont.list .productColumns .product.quickview button.quick-view {
  margin-top: 50px;
  margin-left: -3px;
}
.productsCont.gallery .productColumns .product.quickview button.quick-view {
  margin-top: 54px;
  margin-left: -20px;
}
.productsCont.superList .productColumns .product.quickview button.quick-view {
  height: 37px;
  width: 38px;
  border-bottom-right-radius: 18px;
  border-top-right-radius: 18px;
  margin-top: 90px;
  margin-left: 0px;
}
.productsCont.superList .productColumns .product.quickview button.quick-view > span {
  height: 37px;
  width: 138px;
  font-size: 1.3em;
  margin-left: -100px;
}
.productsCont.superList .productColumns .product.quickview button.quick-view > span > span {
  margin-top: 8px;
  padding-left: 10px;
}
.productsCont.superList .productColumns .product.quickview button.quick-view > span > i {
  font-size: 1.25em;
  margin: 8px 0 0 6px;
}
.productsCont.superList .productColumns .product.quickview:hover button.quick-view {
  height: 37px;
  width: 138px;
}
.productsCont.superList .productColumns .product.quickview:hover button.quick-view > span {
  margin-left: 0;
}
.productsCont.largeGallery .productColumns .product.quickview button.quick-view {
  margin-top: 74px;
  margin-left: -12px;
}

.finance-banner-loader {
  background: #f3f3f3;
}
.finance-banner-loader > li {
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.finance-banner-loader > li > i {
  width: 30px;
  height: 30px;
  margin-top: 30px;
}

.productPrice {
  width: 280px;
  border: 1px solid #b1b1b1;
}

.financeCalc {
  width: 100%;
  overflow-y: auto;
  padding: 2em;
  margin: 0 auto;
  color: #111;
  font-size: 1em;
  box-sizing: border-box;
  background: #FFF;
  font-family: "Poppins-Regular", "open_sans", sans-serif;
}
.financeCalc::-webkit-scrollbar-track {
  background-color: #e3e3e3;
}
.financeCalc::-webkit-scrollbar {
  width: 8px;
  background-color: #e3e3e3;
}
.financeCalc::-webkit-scrollbar-thumb {
  background-color: #6b6b6b;
}

.financeCalc span.title {
  font-family: "Poppins-SemiBold", "open_sans-bold", sans-serif;
  font-style: normal;
  font-size: 1.4em;
  line-height: 1.2em;
  color: #000;
  padding-bottom: 10px;
  display: block;
  text-align: center;
}

.financeCalc #customAmountFinanceCalculator {
  padding: 0 0 20px 0;
}
.financeCalc #customAmountFinanceCalculator .row {
  margin: 5px 0;
}
.financeCalc #customAmountFinanceCalculator .row strong {
  font-size: 0.9em;
  color: red;
  padding: 2px 4px;
  margin: 0;
  background: rgba(255, 0, 0, 0.1019607843);
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.financeCalc #customAmountFinanceCalculator .row .colLeft {
  display: block;
  padding: 10px 0 0 0;
  line-height: 1;
  border-top: solid 1px #bcbec0;
}
.financeCalc #customAmountFinanceCalculator .row .colMiddle {
  display: block;
  padding: 5px 0 5px 0;
}
.financeCalc #customAmountFinanceCalculator .row .colMiddle button {
  margin-left: 10px;
  font-family: "Poppins-SemiBold", "open_sans-bold", sans-serif;
  padding: 2px 12px;
  background: #2777b3;
  border: none;
  cursor: pointer;
  border-radius: 24px;
  width: 110px;
  height: 34px;
  color: #FFF;
}
.financeCalc #customAmountFinanceCalculator .row .colMiddle input {
  font-size: 16px;
  color: #000;
  height: 35px;
  border: solid 1px #bcbec0;
  border-radius: 4px;
  padding: 0 8px;
  width: 35vw;
  box-sizing: border-box;
}
.financeCalc #customAmountFinanceCalculator .genericCentreForm {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.financeCalc #customAmountFinanceCalculator .genericCentreForm .row.required label {
  text-align: left;
  display: block;
  color: #000;
  padding: 0 0 8px 0;
}
.financeCalc #customAmountFinanceCalculator .genericCentreForm select {
  height: 38px;
  width: 100%;
  border: 1px solid #bcbec0;
  background: #f9f9f9;
  padding: 0 6px;
  border-radius: 4px;
  color: #000;
  font-size: 13px;
  height: 30px;
}

.financeTable {
  margin: 5px auto;
}
.financeTable h3 {
  text-align: center;
  color: #111;
  font-size: 13px;
  display: block;
  padding: 8px 0;
  text-transform: none;
  font-family: "Poppins-SemiBold", "open_sans-bold", sans-serif;
  border-bottom: 1px solid #bcbec0;
}
.financeTable > p {
  padding: 6px 12px;
  margin: 10px 0 0 0;
  font-size: 1em;
  font-family: "open_sans-regular", sans-serif;
}
.financeTable > p strong {
  font-weight: bold;
}
.financeTable > p .price {
  color: #0071BC;
  font-size: 1.2em;
  font-family: "open_sans-bold", sans-serif;
}
.financeTable > div {
  display: table;
  margin: 10px auto 20px auto;
  color: #5b5b5b;
  width: 100%;
}
.financeTable > div > ul {
  display: table-row;
}
.financeTable > div > ul:nth-child(odd) {
  background: #f3f3f3;
}
.financeTable > div > ul > li {
  display: table-cell;
  padding: 7px 0;
  vertical-align: middle;
  text-indent: 10px;
}
.financeTable > div > ul > li:first-child {
  text-indent: 0;
  padding-left: 16px;
  font-family: "Poppins-SemiBold", "open_sans-bold", sans-serif;
  border-right: 1px solid #bcbec0;
}
.financeTable > div > ul > li:first-child > span {
  font-size: 0.8em;
  display: block;
}
.financeTable > div > ul.selected {
  background: #d6e4ea;
}
.financeTable > div > ul.selected > li {
  border-top: 1px solid #3d70b7;
  border-bottom: 1px solid #3d70b7;
}
.financeTable > div > ul.selected > li:first-child {
  border-left: 1px solid #3d70b7;
}
.financeTable > div > ul.selected > li:last-child {
  border-right: 1px solid #3d70b7;
}
.financeTable > div > ul.selected > li span.tick {
  display: block;
  float: right;
  background: #3d70b7;
  border-radius: 10px;
  height: 18px;
  width: 18px;
  margin-right: 8px;
}
.financeTable > div > ul.selected > li span.tick:before {
  display: block;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: " ";
  height: 8px;
  width: 3px;
  margin: 3px 0 0 6px;
}
.financeTable > div > dl {
  width: 100%;
}
.financeTable > div > dl > dt {
  float: left;
  width: 50%;
  padding: 7px 0;
  vertical-align: middle;
  text-indent: 10px;
  text-indent: 12px;
  font-size: 0.925em;
}
.financeTable > div > dl > dd {
  float: left;
  width: 50%;
  margin-left: -1px;
  padding: 7px 0;
  text-indent: 12px;
  border-left: 1px solid #bcbec0;
  font-size: 0.925em;
}
.financeTable > div > dl.selected {
  background: #d6e4ea;
}
.financeTable > div > dl.selected > li {
  border-top: 1px solid #3d70b7;
  border-bottom: 1px solid #3d70b7;
}
.financeTable > div > dl.selected > li:first-child {
  border-left: 1px solid #3d70b7;
}
.financeTable > div > dl.selected > li:last-child {
  border-right: 1px solid #3d70b7;
}
.financeTable > div > dl.selected > li span.tick {
  display: block;
  float: right;
  background: #3d70b7;
  border-radius: 10px;
  height: 18px;
  width: 18px;
  margin-right: 8px;
}
.financeTable > div > dl.selected > li span.tick:before {
  display: block;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  content: " ";
  height: 8px;
  width: 3px;
  margin: 3px 0 0 6px;
}

@media screen and (max-width: 400px) {
  .financeCalc {
    padding: 5px 15px 20px 15px;
  }
  .financeTable > p {
    padding: 6px 0;
  }
  .financeTable > div > dl {
    width: 100%;
  }
  .financeTable > div > dl > dt {
    text-indent: 0;
  }
  .financeTable > div > dl > dd {
    text-indent: 10px;
  }
}
.fixedPanelContainer {
  position: relative;
}

.fixedPanel.fixedTop {
  position: fixed;
  top: 5px;
}

.fixedPanel.fixedBottom {
  position: absolute;
  bottom: 0;
}

footer {
  /* Ecovadis logo add in */
  /* Ecovadis logo add in */
}
footer .links-tracking-payments {
  background: #eaeaea;
  display: table;
  width: 100%;
}
footer .links-tracking-payments > div {
  display: table-cell;
  vertical-align: top;
  padding: 36px 20px;
}
footer .links-tracking-payments > div span.title {
  text-transform: uppercase;
  color: #5b5b5b;
  padding: 9px 0;
  display: block;
  font-size: 15px;
}
footer .links-tracking-payments > div.links {
  width: 54%;
  padding-left: 30px;
  padding-right: 0;
  padding-bottom: 0;
}
footer .links-tracking-payments > div.links > div {
  display: inline-block;
  width: 24.5%;
  font-size: 1.1em;
  padding: 0;
  margin: 0;
  margin-left: -4px;
  vertical-align: top;
}
footer .links-tracking-payments > div.links > div:first-child {
  width: 23%;
}
footer .links-tracking-payments > div.links > div:last-child {
  width: 27%;
}
footer .links-tracking-payments > div.links > div:last-child > div > ul {
  padding: 0 0 0 20px;
}
footer .links-tracking-payments > div.links > div > button.link {
  display: none;
}
footer .links-tracking-payments > div.links > div span.title {
  padding: 9px 20px;
}
footer .links-tracking-payments > div.links > div > div {
  font-size: 0.9em;
}
footer .links-tracking-payments > div.links > div > div > ul {
  padding: 0 20px;
}
footer .links-tracking-payments > div.links > div > div > ul li {
  padding: 7px 0;
}
footer .links-tracking-payments > div.links > div > div > ul li a {
  color: #5b5b5b;
  text-decoration: none;
}
footer .links-tracking-payments > div.links > div > div > ul li a:hover {
  text-decoration: underline;
}
footer .links-tracking-payments > div.delivery-tracking {
  width: 27%;
  padding-left: 2px;
  padding-bottom: 0;
}
footer .links-tracking-payments > div.delivery-tracking .delivery > span.title > a {
  color: #5b5b5b;
  text-decoration: none;
}
footer .links-tracking-payments > div.delivery-tracking .delivery > span.title > a:hover {
  text-decoration: underline;
}
footer .links-tracking-payments > div.delivery-tracking .delivery > p {
  padding: 6px 0 16px;
}
footer .links-tracking-payments > div.delivery-tracking .delivery > p > strong {
  color: scan-blue !important;
}
footer .links-tracking-payments > div.delivery-tracking .delivery button.link {
  display: none;
}
footer .links-tracking-payments > div.delivery-tracking .delivery div.expands > p {
  padding: 4px 0 8px;
}
footer .links-tracking-payments > div.delivery-tracking .delivery.expanded div.expands {
  height: auto !important;
}
footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock {
  background: #cfcfcf;
  width: 100%;
}
footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .tabHolder {
  display: block;
  width: 100%;
  border-bottom: 1px solid #bcbec0;
  background: #dedede;
}
footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .tabHolder > button {
  background: #dedede;
  cursor: pointer;
  border: 0;
  display: block;
  float: left;
  width: 33.3%;
  border-bottom: 3px solid #dedede;
  color: #5b5b5b;
  padding: 8px 0;
}
footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .tabHolder > button.on {
  border-bottom: 3px solid #3d70b7;
  background: #cfcfcf;
}
footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .tabHolder > button.on:hover {
  text-decoration: none;
}
footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .tabHolder > button:hover {
  text-decoration: underline;
}
footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .trackarea {
  padding: 20px;
  overflow: hidden;
}
footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .trackarea span.fieldCont {
  display: inline-block;
}
footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .trackarea span.fieldCont > label {
  display: none;
}
footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .trackarea span.fieldCont > input {
  display: inline-block;
  width: 100px;
  height: 30px;
  padding: 0;
  text-indent: 10px;
  vertical-align: top;
  margin-right: 4px;
}
footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .trackarea form > button {
  display: inline-block;
  height: 30px;
  width: 30px;
  background: #4d4d4d;
  border: 0;
  border-radius: 15px;
  cursor: pointer;
  overflow: hidden;
  margin: 0;
  font-size: 0.1em;
  vertical-align: top;
  margin-top: 1px;
  text-indent: -30px;
  color: transparent;
}
footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .trackarea form > button:before {
  content: " ";
  border-right: 2px solid #cfcfcf;
  border-top: 2px solid #cfcfcf;
  display: block;
  width: 9px;
  height: 9px;
  margin: 8px auto 0 auto;
  padding: 0;
  line-height: 1em;
}
footer .links-tracking-payments > div.delivery-tracking .mobileDeliveryInformation button.link {
  display: none;
}
footer .links-tracking-payments > div.secure-payments {
  width: 19%;
}
footer .links-tracking-payments > div.secure-payments > span.title {
  padding-bottom: 18px;
}
footer .links-tracking-payments > div.secure-payments .securePaymentLogos {
  margin: 0;
  padding: 0;
  list-style: none;
}
footer .links-tracking-payments > div.secure-payments .securePaymentLogos li, footer .links-tracking-payments > div.secure-payments .securePaymentLogos i {
  border-radius: 1px;
  width: 54px;
  height: 34px;
  overflow: hidden;
  font-size: 2em;
  text-indent: 54px;
  line-height: 3em;
  float: left;
  display: block;
  list-style: none;
}
footer .links-tracking-payments > div.secure-payments .securePaymentLogos li {
  background: #d9d9d9 url("../images/sprite-payment-logos-63849cfdf8.png");
  background-size: 322px 68px;
  background-repeat: no-repeat;
  margin: 0 10px 10px 0;
}
footer .links-tracking-payments > div.secure-payments .securePaymentLogos i {
  background: url("../images/sprite-payment-logos-63849cfdf8.png");
  background-size: 322px 68px;
  background-repeat: no-repeat;
}
footer .links-tracking-payments > div.secure-payments .cardLogos .Visa {
  background-position: 0 0;
}
footer .links-tracking-payments > div.secure-payments .cardLogos .MasterCard {
  background-position: -54px 0;
}
footer .links-tracking-payments > div.secure-payments .cardLogos .Maestro {
  background-position: -108px 0;
}
footer .links-tracking-payments > div.secure-payments .cardLogos .AmericanExpress {
  background-position: -162px 0;
}
footer .links-tracking-payments > div.secure-payments .cardLogos .AmazonPaymentLogo {
  background-position: -216px 0;
}
footer .links-tracking-payments > div.secure-payments .cardLogos .PayPal {
  background-position: -270px 0;
}
footer .links-tracking-payments > div.secure-payments .cardLogos .VisaDebit {
  background-position: 0 -34px;
}
footer .links-tracking-payments > div.secure-payments .cardLogos .VisaElectron {
  background-position: -54px -34px;
}
footer .links-tracking-payments > div.secure-payments .cardLogos .Bitcoin {
  background-position: -108px -34px;
}
footer .links-tracking-payments > div.secure-payments .cardLogos .ApplePay {
  background-position: -160px -34px;
}
footer .links-tracking-payments > div.secure-payments .cardLogos .GooglePay {
  background: #d9d9d9 url("../images/google-pay-logo-dbedf61cf9.svg");
  background-size: 38px 15px;
  background-repeat: no-repeat;
  background-position: 8px 10px;
}
footer .call-us-bar {
  background: #1766a6;
  color: #fff;
  text-align: center;
  padding: 21px 0;
  font-size: 1.4em;
}
footer .call-us-bar a {
  color: #fff;
  text-decoration: none;
  padding-left: 23px;
  margin-right: 23px;
  border-left: 1px solid #fff;
}
footer .call-us-bar a:first-child {
  border-left: 0;
  padding-left: 0;
}
footer .call-us-bar a:first-child > strong {
  padding-right: 6px;
}
footer .call-us-bar a > i {
  display: none;
}
footer .contact-bar {
  display: table;
  height: 100px;
  width: 100%;
}
footer .contact-bar > div {
  display: table-cell;
}
footer .contact-bar > div.address {
  width: 610px;
}
footer .contact-bar > div.address > i {
  display: block;
  background: url(../images/scan-logos-svg-b4451de7c5.svg);
  background-position: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent: 140px;
  font-size: 3em;
  line-height: 3em;
  background-size: 110px 29px;
  width: 130px;
  height: 38px;
  margin-top: 30px;
  margin-left: 40px;
  float: left;
}
footer .contact-bar > div.address > p {
  font-size: 0.9em;
  line-height: 1.6em;
  margin-top: 16px;
  margin-right: 100px;
}
footer .contact-bar > div a.how-to-find-us, footer .contact-bar > div a.opening-times {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.4em;
  color: #333;
  text-decoration: none;
  padding-left: 27px;
  padding-top: 10px;
}
footer .contact-bar > div a.how-to-find-us:before, footer .contact-bar > div a.opening-times:before {
  display: block;
  position: absolute;
  margin-left: -27px;
}
footer .contact-bar > div a.how-to-find-us:hover, footer .contact-bar > div a.opening-times:hover {
  color: #3d70b7;
}
footer .contact-bar > div a.how-to-find-us:before {
  content: "\e90c";
  font-size: 1.2em;
}
footer .contact-bar > div a.opening-times {
  margin-left: 30px;
  padding-left: 26px;
}
footer .contact-bar > div a.opening-times:before {
  content: "\e943";
  font-size: 1.5em;
  margin-left: -32px;
}
footer .contact-bar > div .social {
  width: 294px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 30px;
  padding-top: 10px;
  border-left: 1px solid #bcbec0;
}
footer .contact-bar > div .social > span {
  display: block;
  float: left;
  font-size: 1.45em;
  padding: 2px 10px 0 26px;
}
footer .contact-bar > div .social a {
  display: block;
  float: left;
  height: 22px;
  width: 22px;
  overflow: hidden;
  line-height: 3em;
  font-size: 2.7em;
  color: #333;
  text-decoration: none;
  transition: ease-in-out 0.3s;
  margin-right: 6px;
}
footer .contact-bar > div .social a:last-child {
  margin-right: 0;
}
footer .contact-bar > div .social a:hover {
  color: #3d70b7;
}
footer .contact-bar > div .social a.googlePlus {
  width: 38px;
}
footer .contact-bar > div .social a.youTube {
  width: 45px;
}
footer .contact-bar > div .social a.instagram {
  width: 26px;
}
footer .contact-bar > div .social a.twitter {
  width: 24px;
}
footer .contact-bar > div .social a.facebook {
  width: 23px;
}
footer .contact-bar > div .social a.reddit {
  width: 23px;
}
footer .contact-bar > div .social a i {
  display: block;
  height: 22px;
  width: 22px;
  font-size: 0.6em;
  line-height: 1em;
}
footer .contact-bar > div .social a i.facebook {
  font-size: 0.55em;
}
footer .contact-bar > div .social a i.googlePlus {
  font-size: 0.77em;
  line-height: 0.83em;
  width: 38px;
  margin-left: 3px;
}
footer .contact-bar > div .social a i.youTube {
  font-size: 1.1em;
  line-height: 0.58em;
}
footer .contact-bar > div .social a:last-child {
  margin-right: 0;
}
footer .contact-bar > div a.royal-warrant {
  display: none;
  vertical-align: middle;
  width: 200px;
  text-decoration: none;
  color: #333;
  margin-left: 30px;
  padding-top: 10px;
}
footer .contact-bar > div a.royal-warrant > i {
  background: url("../images/sprite-footer-logos-53fd4b074d.png");
  background-size: 120px 190px;
  display: block;
  width: 60px;
  height: 60px;
  float: left;
}
footer .contact-bar > div a.royal-warrant > i:before {
  content: " ";
}
footer .contact-bar > div a.royal-warrant > span {
  margin-left: 72px;
  font-size: 0.66em;
  display: block;
  text-transform: uppercase;
  line-height: 1.2em;
}
footer .trust-bar {
  background: #eaeaea;
  text-align: center;
}
footer .trust-bar .trust {
  border-right: 1px solid #bcbec0;
  display: inline-block;
  vertical-align: top;
  margin: 20px 0;
}
footer .trust-bar .trust > a {
  width: 124px;
  height: 38px;
  background: url(../images/sprite-certified-e0df2d3a33.png);
  background-size: 120px 117px;
  display: inline-block;
  background-repeat: no-repeat;
  text-indent: 124px;
  line-height: 3em;
  overflow: hidden;
  margin: 0 10px;
}
footer .trust-bar .trust > a.iso-certified {
  background-position: 0 -36px;
}
footer .trust-bar .trust > a.royal-warrant {
  display: none;
}
footer .trust-bar .security {
  text-align: center;
  padding: 20px 0;
  display: inline-block;
  vertical-align: top;
}
footer .trust-bar .security .securityLogos {
  display: inline-block;
  vertical-align: top;
  height: 38px;
  background: url("../images/sprite-footer-logos-53fd4b074d.png");
  background-repeat: no-repeat;
  background-size: 180px 285px;
  overflow: hidden;
  line-height: 5em;
  font-size: 3em;
  margin: 0 10px;
}
footer .trust-bar .security .securityLogos.weee i {
  display: inline-block;
  height: 52px;
  background: url("../images/sprite-footer-logos-53fd4b074d.png");
  background-repeat: no-repeat;
  background-size: 180px 285px;
  overflow: hidden;
  line-height: 5em;
  font-size: 3em;
  margin: 0 20px;
}
footer .trust-bar .security .securityLogos.mcafee {
  width: 96px;
  background: url("../images/logo-trustedsite-4feb8acb7c.svg");
  background-repeat: no-repeat;
  background-size: 95px 16px;
  background-position: 0 9px;
}
footer .trust-bar .security .securityLogos.norton {
  background-position: -97px -94px;
  width: 74px;
}
footer .trust-bar .security .securityLogos.visa {
  background-position: -10px -136px;
  width: 72px;
}
footer .trust-bar .security .securityLogos.mastercard {
  background-position: -95px -136px;
  width: 80px;
}
footer .trust-bar .security .securityLogos.rohs {
  background-position: -23px -178px;
  width: 50px;
}
footer .trust-bar .security .securityLogos.modernslavery {
  background-position: -111px -230px;
  width: 50px;
}
footer .trust-bar .security .securityLogos.weee {
  width: 200px;
  display: inline-block;
  line-height: 0.8em;
  font-size: 1em;
  background: none;
  text-decoration: none;
}
footer .trust-bar .security .securityLogos.weee i {
  background-position: -123px -178px;
  width: 26px;
  font-size: 1em;
  display: block;
  float: left;
  margin: 0 10px;
}
footer .trust-bar .security .securityLogos.weee span {
  margin-left: 36px;
  display: block;
  color: #a2a2a2;
  font-size: 0.7em;
  padding-top: 10px;
  text-align: left;
}
footer .trust-bar .copyright {
  padding-top: 16px;
  padding-bottom: 10px;
  border-top: 1px solid #bcbec0;
  margin: 0 110px;
  color: #5b5b5b;
  font-size: 0.85em;
}
footer .trust-bar .finance-disclosure {
  padding-bottom: 10px;
}
footer .trust-bar .finance-disclosure p {
  padding: 0 2em 8px 2em;
  font-size: 0.85em;
  color: #5b5b5b;
}
footer .trust-bar .trust > a.ecovadisBronze {
  background: url("../images/ecovadis-bronze-cfceeeab88.png") no-repeat;
  background-position: left center;
  background-size: 41px;
  text-decoration: none;
  width: 112px;
  cursor: pointer;
}
footer .trust-bar .trust > a.ecovadisBronze span {
  display: block;
  font-size: 1.1em;
  color: black;
  text-indent: 0;
  text-decoration: none;
  line-height: 8px;
  text-align: left;
  padding-left: 48px;
  padding-top: 3px;
}
footer .trust-bar .trust > a.ecovadisBronze span small {
  font-size: 0.56em;
  font-family: "open_sans-bold", sans-serif;
}

@media screen and (max-width: 3400px) and (min-width: 900px) {
  footer .links-tracking-payments > div.links > div.expanded div.expands {
    height: auto !important;
  }
}
@media screen and (max-width: 1280px) and (min-width: 20px) {
  footer .links-tracking-payments > div.secure-payments {
    padding-right: 8px;
  }
  footer .contact-bar > div.address {
    width: 540px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 20px) {
  footer .contact-bar > div.address {
    width: 510px;
  }
  footer .contact-bar > div.address > p {
    margin-right: 10px;
  }
  footer .contact-bar > div a.royal-warrant {
    display: none;
  }
  footer .contact-bar > div .social {
    border-left: 0;
    width: 168px;
  }
  footer .contact-bar > div .social > span {
    display: none;
  }
  footer .trust-bar .trust {
    border-right: 0;
    padding-bottom: 16px;
  }
  footer .trust-bar .trust > a.royal-warrant {
    display: none;
    vertical-align: top;
    width: 270px;
    text-decoration: none;
    color: #333;
    background: none;
  }
  footer .trust-bar .trust > a.royal-warrant > i {
    background: url("../images/sprite-certified-e0df2d3a33.png");
    background-size: 114px 111px;
    display: block;
    background-position: -1px -71px;
    width: 43px;
    height: 52px;
    float: left;
    margin-top: -1px;
  }
  footer .trust-bar .trust > a.royal-warrant > i:before {
    content: " ";
  }
  footer .trust-bar .trust > a.royal-warrant > span {
    margin-left: 58px;
    font-size: 0.66em;
    display: block;
    text-transform: uppercase;
    line-height: 1.2em;
    text-align: left;
    text-indent: 0;
  }
}
@media screen and (max-width: 1180px) and (min-width: 20px) {
  footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .trackarea > form {
    display: table;
  }
  footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .trackarea > form span.fieldCont {
    display: table-cell;
  }
  footer .links-tracking-payments > div.delivery-tracking .quickTrackBlock .trackarea > form span.fieldCont > input {
    width: 44%;
  }
}
@media screen and (max-width: 1130px) and (min-width: 20px) {
  footer .links-tracking-payments > div {
    display: inline-block;
  }
  footer .links-tracking-payments > div.links {
    width: 64%;
  }
  footer .links-tracking-payments > div.delivery-tracking {
    padding-left: 0;
    padding-right: 0;
  }
  footer .links-tracking-payments > div.secure-payments {
    display: block;
    width: 100%;
    background: #cccccc;
    text-align: center;
    padding: 6px 0;
  }
  footer .links-tracking-payments > div.secure-payments > span.title {
    display: none;
  }
  footer .links-tracking-payments > div.secure-payments > ul.securePaymentLogos {
    margin: 0 auto;
    padding: 0;
  }
  footer .links-tracking-payments > div.secure-payments > ul.securePaymentLogos > li {
    display: inline-block;
    float: none;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1090px) and (min-width: 20px) {
  footer .trust-bar .trust {
    border-bottom: 1px solid #bcbec0;
  }
}
@media screen and (max-width: 1060px) and (min-width: 20px) {
  footer .contact-bar > div.address {
    width: 410px;
  }
  footer .contact-bar > div.address > i {
    height: 50px;
    margin-top: 20px;
  }
  footer .contact-bar > div.address > p {
    margin-top: 10px;
  }
  /*footer .contact-bar > div .social { width:94px; 
  	> a { margin-top: 4px; }
  }*/
}
@media screen and (max-width: 950px) and (min-width: 20px) {
  footer .contact-bar > div.address {
    width: 380px;
  }
}
@media screen and (max-width: 900px) and (min-width: 20px) {
  footer .links-tracking-payments > div.links {
    padding-right: 30px;
    width: 54%;
  }
  footer .links-tracking-payments > div.links > div {
    display: block;
    width: 100% !important;
    border-bottom: 1px solid #bcbec0;
  }
  footer .links-tracking-payments > div.links > div.expanded {
    height: 40px;
    overflow: hidden;
  }
  footer .links-tracking-payments > div.links > div.collapsed .expands {
    height: auto !important;
  }
  footer .links-tracking-payments > div.links > div span.title {
    display: none;
  }
  footer .links-tracking-payments > div.links > div > button.link {
    display: block;
    font-family: "open_sans-bold", sans-serif;
    font-style: normal;
    text-transform: uppercase;
    color: #5b5b5b;
    display: block;
    font-size: 15px;
    padding: 12px 0;
    margin: 0;
    width: 100%;
    text-align: left;
  }
  footer .links-tracking-payments > div.links > div > button.link:before {
    font-family: "scanicons", sans-serif;
    font-style: normal;
    content: " \e93d";
    float: right;
    margin-right: 8px;
  }
  footer .links-tracking-payments > div.links > div > div > ul {
    padding: 0;
  }
  footer .links-tracking-payments > div.delivery-tracking {
    width: 35%;
  }
  footer .links-tracking-payments > div.delivery-tracking > div.delivery.expanded {
    height: 40px;
    overflow: hidden;
  }
  footer .links-tracking-payments > div.delivery-tracking > div.delivery.collapsed > div.expands {
    height: auto !important;
  }
  footer .links-tracking-payments > div.delivery-tracking > div.delivery.collapsed > div.expands > p {
    padding-left: 20px;
    padding-right: 20px;
  }
  footer .links-tracking-payments > div.delivery-tracking > div.mobileDeliveryInformation.expanded {
    height: 40px;
    overflow: hidden;
  }
  footer .links-tracking-payments > div.delivery-tracking > div.mobileDeliveryInformation.collapsed .expands {
    height: auto !important;
  }
  footer .contact-bar {
    display: block;
    text-align: center;
    height: 124px;
  }
  footer .contact-bar > div {
    display: block;
  }
  footer .contact-bar > div.address {
    text-align: center;
    width: 100%;
  }
  footer .contact-bar > div.address > i {
    margin: 12px auto 0;
    float: none;
  }
  footer .contact-bar > div.address > p {
    margin-top: 0;
    padding: 4px 0;
  }
  footer .contact-bar > div a.royal-warrant {
    display: none;
  }
  footer .contact-bar > div a.how-to-find-us:after, footer .contact-bar > div a.opening-times:after {
    content: " ";
    border-right: 1px solid #bcbec0;
    display: inline-block;
    height: 16px;
    padding-left: 30px;
    position: relative;
  }
}
@media screen and (max-width: 780px) and (min-width: 20px) {
  footer .links-tracking-payments > div.secure-payments .securePaymentLogos li {
    margin-right: 4px;
  }
}
@media screen and (max-width: 670px) and (min-width: 20px) {
  footer .links-tracking-payments > div {
    display: block;
    padding-top: 0;
  }
  footer .links-tracking-payments > div.links {
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    margin: 0 auto;
  }
  footer .links-tracking-payments > div.links > div {
    padding: 0;
    margin: 0;
  }
  footer .links-tracking-payments > div.links > div > button.link {
    padding: 14px 20px;
  }
  footer .links-tracking-payments > div.links > div > div ul {
    padding: 0 20px;
  }
  footer .links-tracking-payments > div.delivery-tracking > div.delivery, footer .links-tracking-payments > div.delivery-tracking > div.tracking > div {
    display: block;
    width: 100% !important;
    border-bottom: 1px solid #bcbec0;
  }
  footer .links-tracking-payments > div.delivery-tracking > div.delivery.expanded, footer .links-tracking-payments > div.delivery-tracking > div.tracking > div.expanded {
    height: 40px;
    overflow: hidden;
  }
  footer .links-tracking-payments > div.delivery-tracking > div.delivery.collapsed, footer .links-tracking-payments > div.delivery-tracking > div.tracking > div.collapsed {
    height: auto !important;
  }
  footer .links-tracking-payments > div.delivery-tracking > div.delivery.collapsed .expands, footer .links-tracking-payments > div.delivery-tracking > div.tracking > div.collapsed .expands {
    height: auto !important;
  }
  footer .links-tracking-payments > div.delivery-tracking > div.delivery span.title, footer .links-tracking-payments > div.delivery-tracking > div.tracking > div span.title {
    display: none;
  }
  footer .links-tracking-payments > div.delivery-tracking > div.delivery > button.link, footer .links-tracking-payments > div.delivery-tracking > div.tracking > div > button.link {
    display: block;
    font-family: "open_sans-bold", sans-serif;
    font-style: normal;
    text-transform: uppercase;
    color: #5b5b5b;
    display: block;
    font-size: 15px;
    padding: 12px 0;
    margin: 0;
    width: 100%;
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
  }
  footer .links-tracking-payments > div.delivery-tracking > div.delivery > button.link:before, footer .links-tracking-payments > div.delivery-tracking > div.tracking > div > button.link:before {
    font-family: "scanicons", sans-serif;
    font-style: normal;
    content: " \e93d";
    float: right;
    margin-right: 8px;
  }
  footer .links-tracking-payments > div.delivery-tracking > div.delivery > div > ul, footer .links-tracking-payments > div.delivery-tracking > div.tracking > div > div > ul {
    padding: 0;
  }
  footer .links-tracking-payments > div.delivery-tracking {
    width: 100%;
  }
  footer .links-tracking-payments > div.delivery-tracking .mobileDeliveryInformation.expanded .quickTrackBlock .trackarea > form > button {
    display: none;
  }
  footer .trust-bar .trust {
    margin-bottom: 10px;
  }
  footer .trust-bar .security {
    display: none;
  }
  footer .trust-bar .copyright {
    border-top: 0;
  }
  footer .call-us-bar a.telephone > i {
    display: inline-block;
    font-size: 0.8em;
    margin-right: 4px;
  }
  footer .call-us-bar a.telephone > span > strong {
    display: none;
  }
  footer .links-tracking-payments > div.secure-payments .securePaymentLogos li {
    margin-right: 2px;
  }
}
@media screen and (max-width: 600px) and (min-width: 20px) {
  footer .contact-bar {
    height: inherit;
    padding-bottom: 16px;
  }
  footer .contact-bar > div a.how-to-find-us {
    padding-left: 0;
  }
  footer .contact-bar > div a.how-to-find-us:before {
    font-size: 0.9em;
    margin-left: -20px;
  }
  footer .contact-bar > div a.how-to-find-us:after {
    padding-left: 16px;
  }
  footer .contact-bar > div a.opening-times {
    margin-left: 16px;
    padding-left: 0;
  }
  footer .contact-bar > div a.opening-times:before {
    display: none;
  }
  footer .contact-bar > div a.opening-times:after {
    padding-left: 16px;
  }
  footer .contact-bar > div span.social {
    margin-left: 10px;
  }
  footer .call-us-bar > a {
    margin-right: 10px;
    padding-left: 10px;
  }
  footer .call-us-bar > a.telephone > span > span {
    display: none;
  }
  footer .trust-bar .trust {
    margin-bottom: 0;
    padding-bottom: 0;
  }
  footer .trust-bar .trust > a {
    margin-bottom: 10px;
  }
  footer .trust-bar .copyright {
    margin: 0;
  }
}
@media screen and (max-width: 460px) and (min-width: 20px) {
  footer .links-tracking-payments > div.secure-payments {
    display: none;
  }
}
@media screen and (max-width: 400px) and (min-width: 20px) {
  footer .call-us-bar .call-me-back {
    display: none;
  }
}
/* Checkboxs */
/*
.checkbox { width:18px; margin:0; position:relative; float:left; overflow:hidden; display:block;
	label { cursor:pointer; position:absolute; width:16px; height:16px; top:0; border-radius:0; background:-webkit-linear-gradient(#979494 0%, #b2b1b1 100%); background:-moz-linear-gradient(#979494 0%, #b2b1b1 100%); background:-o-linear-gradient(#979494 0%, #b2b1b1 100%); background:-ms-linear-gradient(#979494 0%, #b2b1b1 100%); background:linear-gradient(#979494 0%, #b2b1b1 100%); 
		&:after { filter:alpha(opacity=0); opacity:0; content:''; position:absolute; width:8px; height:4px; background:transparent; top:3px; left:4px; border:2px solid #fcfff4; border-top:none; border-right:none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
		&:before { content:''; position:absolute; width:16px; height:16px; background:#1463a2; background:linear-gradient(#3a7fbf 0%, #1463a2 100%) !important; background:-moz-linear-gradient(#3a7fbf 0%, #1463a2 100%); opacity:0; filter:alpha(opacity=0); }
	}
	input[type=checkbox]:checked + label { background:linear-gradient(#3a7fbf 0%, #1463a2 100%) !important; background:-moz-linear-gradient(#3a7fbf 0%, #1463a2 100%); 
		&:after, &:before { filter: alpha(opacity=100); opacity: 1; } 
	}
	input[type=checkbox] { margin-left:-16px; }
}
*/
.checkbox {
  margin: 0;
  padding: 0;
  width: 18px;
  position: relative;
  float: left;
  overflow: hidden;
  display: block;
}
.checkbox input[type=checkbox] {
  display: none;
}
.checkbox input[type=checkbox] + label:before {
  background: #fff;
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  padding: 0;
  vertical-align: top;
  border: 1px solid #9d9d9d;
}
.checkbox input[type=checkbox]:checked + label:before {
  background: #fff;
  background: linear-gradient(to bottom, #ffffff, #f6f6f6);
  color: #000000;
  content: "\e92f";
  text-align: center;
  font-size: 0.8em;
  line-height: 1.5em;
  text-indent: 1px;
  border: 1px solid #000;
}
.checkbox input[type=checkbox]:checked + label:after {
  font-weight: bold;
  width: 2px;
  height: 10px;
  display: block;
  position: absolute;
  margin: 0;
}
.checkbox input[type=checkbox]:checked + label span {
  color: #000;
}
.checkbox label {
  cursor: pointer;
  font-weight: normal;
  line-height: 1.1em;
  color: #7C7C7C;
  font-size: 0.95em;
}
.checkbox label > span {
  display: block;
  margin-top: -16px;
  margin-left: 24px;
  line-height: 1.3em;
}

.checkboxLink > span, .checkboxLink a {
  display: block;
}

.checkboxLink.selected > a {
  color: #1463a2 !important;
}

/* ON/OFF Switch */
.toggleSwitch {
  position: relative;
  width: 55px;
  display: inline-block;
  font-size: 80%;
}

.toggleSwitch .toggleSwitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #e6e6e6;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  margin: 0;
}

.toggleSwitch .toggleSwitch-inner {
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.15s ease-in-out;
  -o-transition: margin 0.15s ease-in-out;
  -moz-transition: margin 0.15s ease-in-out;
  transition: margin 0.15s ease-in-out;
}

.toggleSwitch .toggleSwitch-inner:before, .toggleSwitch .toggleSwitch-inner:after {
  float: left;
  width: 50%;
  height: 24px;
  padding: 0;
  line-height: 24px;
  font-size: 100%;
  color: #ffffff;
  font-weight: normal;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.toggleSwitch .toggleSwitch-inner:before {
  content: "\e92f";
  padding-left: 10px;
  background-color: #007bc8;
  color: #ffffff;
}

.toggleSwitch .toggleSwitch-inner:after {
  content: " ";
  padding-right: 10px;
  background-color: var(--bg-off, #3E3E3E);
  color: #3d3d3d;
  text-align: right;
}

.toggleSwitch .toggleSwitch-switch {
  width: 22px;
  height: 22px;
  margin: 0;
  background: #ffffff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: 32px;
  -webkit-transition: right 0.15s ease-in-out;
  -o-transition: right 0.15s ease-in-out;
  -moz-transition: right 0.15s ease-in-out;
  transition: right 0.15s ease-in-out;
}

.singleCheckboxPill {
  position: relative;
  height: 30px;
  top: 50%;
}

.singleCheckboxPill input[type=checkbox] {
  position: absolute;
  left: 10px;
}

.singleCheckboxPill input[type=checkbox]:checked ~ .toggleSwitch .toggleSwitch-label .toggleSwitch-inner {
  margin-left: 0;
}

.singleCheckboxPill input[type=checkbox]:checked ~ .toggleSwitch .toggleSwitch-label .toggleSwitch-switch {
  right: 2px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
}

.singleCheckboxPill input[type=checkbox]:focus ~ .toggleSwitch {
  outline: thin dotted #333;
  outline: 0;
}

.singleCheckboxPill label {
  position: absolute;
  cursor: pointer;
  padding-left: 65px;
  display: inline-block;
  text-align: left;
  line-height: 24px;
  width: 100%;
  z-index: 1;
  height: 24px;
  font-weight: 200;
}

/* ==== Accessibility ===== */
.aural {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.aural:focus {
  clip: rect(0, 0, 0, 0);
  font-size: 1em;
  height: auto;
  outline: thin dotted;
  position: static !important;
  width: auto;
  overflow: visible;
}

/*-- Toggle switch amended - start --*/
.singleCheckboxPill .toggleSwitch .toggleSwitch-label {
  border: 3px solid #3E3E3E;
}

.singleCheckboxPill input[type=checkbox]:checked ~ .toggleSwitch .toggleSwitch-label {
  border: 3px solid var(--primary, #006FFF);
}

.singleCheckboxPill input[type=checkbox]:checked ~ .toggleSwitch .toggleSwitch-label .toggleSwitch-switch {
  right: 6px;
  box-shadow: none;
  background: var(--primary, #006FFF);
}

.singleCheckboxPill input[type=checkbox]:checked {
  display: block;
  top: 7px;
}

.singleCheckboxPill input[type=checkbox] {
  display: none;
}

.toggleSwitch .toggleSwitch-switch {
  width: 18px;
  height: 18px;
  margin: 0;
  background: #3E3E3E;
  box-shadow: none;
  top: 6px;
}

.toggleSwitch .toggleSwitch-inner:after {
  background: none;
}

.toggleSwitch .toggleSwitch-inner:before {
  color: var(--primary, #006FFF);
  background-color: var(--bg, #FFFFFF);
  font-size: 1.3em;
  font-weight: bold;
  padding-left: 7px;
}

.singleCheckboxPill input[type=checkbox]:disabled ~ .toggleSwitch .toggleSwitch-label {
  border: 3px solid #3E3E3E;
}
.singleCheckboxPill input[type=checkbox]:disabled ~ .toggleSwitch .toggleSwitch-label .toggleSwitch-switch {
  background: #3E3E3E;
}
.singleCheckboxPill input[type=checkbox]:disabled ~ .toggleSwitch .toggleSwitch-inner:before {
  color: #3E3E3E;
}

/*-- Toggle switch amended - end --*/
.radio-as-tickbox, .checkbox-as-tickbox, .tickbox {
  display: inline-block;
  position: relative;
  margin-left: 6px;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-as-tickbox:hover input ~ .checkbox, .checkbox-as-tickbox:hover input ~ .checkbox, .tickbox:hover input ~ .checkbox {
  background-color: #f5f5f5;
}
.radio-as-tickbox input, .checkbox-as-tickbox input, .tickbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.radio-as-tickbox input:checked ~ .checkbox, .checkbox-as-tickbox input:checked ~ .checkbox, .tickbox input:checked ~ .checkbox {
  background-color: #3d70b7;
}
.radio-as-tickbox input:checked ~ .checkbox:after, .checkbox-as-tickbox input:checked ~ .checkbox:after, .tickbox input:checked ~ .checkbox:after {
  display: block;
}
.radio-as-tickbox .checkbox, .checkbox-as-tickbox .checkbox, .tickbox .checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 21px;
  width: 21px;
  background-color: #fff;
  border: 1px solid #bcbec0;
  margin-top: -3px;
}
.radio-as-tickbox .checkbox:after, .checkbox-as-tickbox .checkbox:after, .tickbox .checkbox:after {
  content: "";
  position: absolute;
  display: none;
  top: 3px;
  left: 7px;
  width: 5px;
  height: 10px;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}

.pageContent {
  padding: 30px 40px;
  min-height: 200px;
}

.pageContent h1, .pageContent h2 {
  margin: 0;
  padding: 8px 0;
}

.pageContent h1 {
  font-size: 2.2em;
  padding: 8px 0 16px;
}

.pageContent h2 {
  font-size: 1.6em;
  padding: 8px 0;
}

.pageContent h2 strong {
  font-weight: normal;
  font-size: 1.4em;
}

.pageContent p {
  color: #4d4d4d;
  line-height: 1.6em;
  padding: 8px 0;
}

.row.textFieldHolder .textField, .row.textFieldHolder .textArea {
  width: inherit;
}

.row.textAreaHolder input.large {
  height: 140px;
}

/* Column and rows */
.pageContent .row.size40 {
  width: 40%;
}

.pageContent .row.size50 select {
  width: 40%;
}

.pageContent .row.size60 {
  width: 60%;
}

.pageContent .row.size70 {
  width: 70%;
}

.pageContent .row.size80 {
  width: 80%;
}

.pageContent .row.size90 {
  width: 90%;
}

.pageContent .row.size100 {
  width: 100%;
}

.pageContent .row label {
  width: 30%;
}

.pageContent .row input {
  width: 68%;
}

.pageContent.width900 {
  width: 900px;
  margin: 0 auto;
}
.pageContent .acknowledgementBlock {
  border: 1px solid #dddddd;
  padding: 20px 30px;
  margin-bottom: 40px;
  margin-top: 20px;
}
.pageContent .acknowledgementBlock .buttonContainer {
  padding: 10px 0 !important;
  background: none;
}
.pageContent .acknowledgementBlock > div {
  display: table-cell;
  vertical-align: top;
  padding-top: 5px;
}
.pageContent .acknowledgementBlock > div.singleCheckboxPill {
  width: 90px;
  overflow: hidden;
}
.pageContent .acknowledgementBlock > div > h2 {
  padding-top: 6px;
}
.pageContent .acknowledgementBlock.listSelection {
  border: 0;
  border-bottom: 1px solid #dddddd;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 20px;
  padding-right: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.pageContent .acknowledgementBlock.listSelection:hover {
  background: #f3f3f3;
}
.pageContent .acknowledgementBlock.listSelection > div.singleCheckboxPill {
  float: right;
  width: 80px;
}
.pageContent .acknowledgementBlock.listSelection > div:last-child > p {
  font-size: 1.1em;
}

/* Text fields Stacked - Label sits on top of text field */
.row.textFieldStack label {
  float: none;
  padding: 4px 0;
}

.row.textFieldStack input, .row.textFieldStack select {
  width: 100%;
  display: block;
  color: #4d4d4d;
}

/* date Picker */
.pageContent .datePicker {
  display: inline-block;
  float: left !important;
}

.pageContent button.datePicker {
  border: 1px solid #b1b1b1;
  height: 54px;
  width: 54px;
  margin: 0 0 0 -54px;
  padding: 0 14px;
  font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
  line-height: 1.1em;
  font-size: 1.7em;
  background-image: url(../images/sprite-voucher-codes-71b76325da.png);
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: left top;
  cursor: pointer;
  transition: ease-in-out 0.4s;
}

.pageContent button.datePicker:hover {
  background-color: #f3f3f3;
  box-shadow: 0px 0px 4px #888888;
}

/* button blocks */
div.buttonContainer {
  padding: 30px 0 !important;
  background: #f3f3f3;
  text-align: center;
}

.buttonContainer.green {
  background: #e7f6ed;
}

.buttonContainer.green button {
  background: #09a14a;
}

.pageContent div.buttonContainer button, .pageContent div.buttonContainer a {
  margin-top: 0;
  vertical-align: top;
}

/* Column and rows */
.twoColumnContainer {
  width: 100%;
  margin: 0 auto;
  display: table;
}

.twoColumnContainer > div {
  display: table-cell;
  border-left: 1px solid #cccccc;
}

.twoColumnContainer > .column:first-child {
  border-left: 0;
}

.twoColumnContainer > .column .row {
  padding-left: 40px;
  padding-right: 30px;
}

.twoColumnContainer > .column:first-child .row {
  padding-left: 0;
}

.twoColumnContainer .row, .oneColumnContainer .row {
  height: 86px;
}

.oneColumnContainer {
  width: 100%;
  margin: 0 auto;
  padding: 8px 0 16px;
}
.oneColumnContainer.size30 {
  width: 30%;
}
.oneColumnContainer.size35 {
  width: 35%;
}
.oneColumnContainer.size35 label {
  width: 50%;
}
.oneColumnContainer.size40 {
  width: 40%;
}
.oneColumnContainer.size50 {
  width: 50%;
}
.oneColumnContainer.size60 {
  width: 60%;
}
.oneColumnContainer.size70 {
  width: 70%;
}
.oneColumnContainer.size80 {
  width: 80%;
}
.oneColumnContainer.size90 {
  width: 90%;
}

.oneColumnContainer input[type=checkbox], .twoColumnContainer input[type=checkbox] {
  width: 20px;
  height: 20px !important;
  float: right;
}

.myAccount .twoColumnContainer {
  display: block;
}
.myAccount .twoColumnContainer > div {
  width: 49%;
  display: block;
  float: right;
}
.myAccount .twoColumnContainer > div:first-child {
  float: left;
}

/* Form field */
.pageContent .row label {
  font-size: 1em;
}

.pageContent .row label, .pageContent .row select {
  display: inline-block;
  color: #4d4d4d;
  padding: 2px 0 6px;
}

.pageContent .row input, .pageContent .row textarea, .pageContent .row select {
  display: inline-block;
  border: 1px solid #b1b1b1;
  color: #4d4d4d;
  margin: 0;
  font-size: 1.2em;
}

.pageContent .row input {
  padding: 0;
  text-indent: 14px;
  line-height: 1.1em;
  height: 42px;
}

.pageContent .row textarea {
  padding: 6px 14px;
  line-height: 1.2em;
  height: 130px;
  resize: none;
  width: 100%;
}

.pageContent .row select {
  height: 42px;
  text-indent: 6px;
  border: 1px solid #b1b1b1;
}

.pageContent .row input:focus, .pageContent .row textarea:focus {
  box-shadow: 0px 0px 4px #888888;
  background: #e9f3f9;
}

.pageContent .row .field-validation-error {
  color: #cc0000;
  font-size: 0.9em;
  position: relative;
  padding-left: 30%;
}

.pageContent .row .input-validation-error {
  border: 1px solid #cc0000;
  background: #f7d9d9;
}

.pageContent .row .input-validation-error:focus {
  background: #f7d9d9;
  box-shadow: 0px 0px 4px #cc0000;
}

.pageContent .row.required label:after {
  content: " *";
  color: #007cc3;
}

.pageContent .row.is-textarea {
  height: inherit;
}

.validation-summary-errors {
  padding: 20px;
  background: #FFE9B8;
  margin: 6px 0;
  font-size: 1.1em;
}
.validation-summary-errors ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.validation-summary-errors ul li {
  padding: 6px 0;
}

/* Field Hints */
.pageContent .row span.hint {
  display: none;
  transition: ease-in-out 0.4s;
  opacity: 0.9;
}

.pageContent .row span.hint i {
  width: 14px;
  height: 14px;
  display: block;
  transform: rotate(45deg);
  background: #333;
  position: absolute;
  margin-top: -14px;
  left: 47%;
}

.pageContent .row span.hint-right i {
  left: 0;
  margin-left: -6px;
  margin-top: 4px;
}

.pageContent .row span.hint-right {
  display: none;
  position: absolute;
  width: 200px;
  float: right;
  margin-top: -46px !important;
  left: 240px !important;
}

.pageContent .row input:focus ~ span.hint, .pageContent .row select:focus ~ span.hint, .pageContent .row input:focus ~ span.hint-right {
  display: block;
  background: #333;
  position: relative;
  color: #fff;
  padding: 8px 12px;
  line-height: 1.4em;
  margin-top: 20px;
}

/* Checkbox Lists */
.row.checkbox-list {
  height: auto;
}
.row.checkbox-list > label {
  vertical-align: top;
}
.row.checkbox-list > ul {
  display: inline-block;
}
.row.checkbox-list .field-validation-error {
  display: block;
}
.row.checkbox-list > ul > li {
  padding-bottom: 10px;
}
.row.checkbox-list > ul > li > label {
  display: inline;
  margin-right: 10px;
}

.row.checkbox-list.required > ul > li > label:after {
  content: none;
}

/* Hex blocks */
.hexOverviewBlock {
  background: #f5f5f5;
  margin-bottom: 26px;
}
.hexOverviewBlock .body {
  padding: 0 30px 20px;
}
.hexOverviewBlock .body h3 {
  color: #4d4d4d;
  font-weight: normal;
  margin: 0;
  padding: 5px 0;
  line-height: 1.6em;
  border-bottom: 1px solid #cccccc;
  font-size: 1.4em;
}
.hexOverviewBlock .body h4 {
  color: #4d4d4d;
  font-weight: normal;
  margin: 0;
  padding: 8px 0;
  line-height: 1.6em;
}
.hexOverviewBlock .body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.hexOverviewBlock .body li {
  margin: 0;
  list-style: none;
  color: #4d4d4d;
  line-height: 1.6em;
  padding: 8px 0 8px 26px;
}
.hexOverviewBlock .body table {
  width: 100%;
  border: 0;
  margin: 10px 0;
  padding: 0;
  border-spacing: 0;
  border-collapse: collapse;
  border-bottom: 1px solid #cccccc;
}
.hexOverviewBlock .body table tr {
  transition: ease-in-out 0.2s;
}
.hexOverviewBlock .body table thead tr:hover {
  background-color: #fff;
}
.hexOverviewBlock .body table tbody tr:hover {
  background-color: #f3f3f3;
}
.hexOverviewBlock .body table th {
  text-align: left;
  font-weight: normal;
  font-size: 0.9em;
  border-left: 1px solid #cccccc;
  padding: 3px 8px 5px;
  color: #9f9f9f;
}
.hexOverviewBlock .body table th:first-child {
  border-left: 0;
}
.hexOverviewBlock .body table td {
  border-top: 1px solid #cccccc;
  border-left: 1px solid #cccccc;
  font-size: 1em;
  padding: 6px 8px;
}
.hexOverviewBlock .body table td:first-child, .hexOverviewBlock .hexOverviewBlock .body table th:first-child {
  border-left: 0;
}
.hexOverviewBlock .body table thead, .hexOverviewBlock .hexOverviewBlock .body table tbody {
  margin: 0;
}
.hexOverviewBlock .title {
  height: 54px;
  padding: 0 30px 20px;
}
.hexOverviewBlock .title span.ico {
  background-image: url("../images/sprite-help-account-1ee8cbcb82.png");
  background-position: 0 -100px;
  background-size: 150px 315px;
  background-repeat: no-repeat;
  display: block;
  height: 60px;
  width: 70px;
  float: left;
}
.hexOverviewBlock .title span.ico i {
  display: block;
}
.hexOverviewBlock .title h2 {
  padding: 30px 0 0 0;
  float: left;
  font-size: 1.9em;
}
.hexOverviewBlock .options {
  margin: 0 30px;
  border-top: 1px solid #e6e6e6;
  text-align: center;
  padding: 18px 0 24px;
}
.hexOverviewBlock .options a {
  width: 240px;
  margin: 0 auto;
  background: #1463a2;
  background: linear-gradient(to top, #1463a2, #3a7fbf);
  color: #fff;
}
.hexOverviewBlock .options a:hover {
  background: #105891;
  background: linear-gradient(to top, #105891, #1463a2);
}

.pageContent div.title span.ico {
  display: none;
}

.pageContent div.title h1 {
  padding: 10px 0 20px 0;
}

/* Links */
a.link {
  transition: ease-in-out 0.4s;
  display: inline-block;
  color: #666;
}

a.link.green {
  background: #dff0d8;
}

a.link.large {
  padding: 0 17px;
  font-size: 1.2em;
  line-height: 2.2em;
}

a.link.green:hover {
  color: #258E25;
}

/* Page Back Button */
.pageBack {
  display: block;
  float: right;
  height: 54px;
  color: #3d70b7;
}
.pageBack span.ico {
  display: none;
}
.pageBack span.title {
  display: inline-block;
  font-size: 1.3em;
  padding: 4px 0 0 12px;
}
.pageBack span.title:before {
  content: "\e90b";
  display: inline-block;
  padding-right: 6px;
  font-size: 0.9em;
}

/* Paging */
.pageContent .paging {
  display: block;
}

.pageContent .paging > div {
  width: 510px;
  height: 60px;
  margin: 0 auto;
  display: block;
}

.pageContent .paging div.prev {
  width: 100px;
  float: left;
}

.pageContent .paging div.next {
  width: 100px;
  float: right;
}

.pageContent .paging div.prev button, .pageContent .paging div.next button {
  float: left;
  display: block;
  border: 0;
  background: none;
  width: 32px;
  height: 32px;
  padding: 0;
  border-radius: 0;
  margin: 10px 0 0;
  transform: rotate(45deg);
  border: 1px solid #007cc3;
  line-height: 3em;
  font-size: 3em;
  transition: ease-in-out 0.3s;
  cursor: pointer;
}

.pageContent .paging div.prev button:hover, .pageContent .paging div.next button:hover {
  border: 1px solid #000;
}

.pageContent .paging > div button.first:hover i, .pageContent .paging > div button.last:hover i {
  border: 1px solid #000;
}

.pageContent .paging div.prev button, .pageContent .paging div.prev button:hover, .pageContent .paging > div button.first:hover i {
  border-top: none;
  border-right: none;
}

.pageContent .paging div.next button, .pageContent .paging div.next button:hover, .pageContent .paging > div button.last:hover i {
  border-bottom: none;
  border-left: none;
}

.pageContent .paging div button i {
  display: block;
  overflow: hidden;
  text-indent: 32px;
  line-height: 3em;
  font-size: 3em;
  width: 24px;
  height: 24px;
}

.pageContent .paging > div button.first {
  float: left;
  margin-top: 14px;
  margin-right: 16px;
  width: 24px;
  height: 24px;
}

.pageContent .paging > div button.last {
  float: right;
  margin-top: 14px;
  margin-right: 16px;
  width: 24px;
  height: 24px;
}

.pageContent .paging > div button.first i {
  position: absolute;
  margin: -4px 0 0 -10px;
  border-bottom: 1px solid #007cc3;
  border-left: 1px solid #007cc3;
  transition: ease-in-out 0.4s;
}

.pageContent .paging > div button.last i {
  position: absolute;
  margin: -4px 0 0 -10px;
  border-top: 1px solid #007cc3;
  border-right: 1px solid #007cc3;
  transition: ease-in-out 0.4s;
}

.pageContent .paging button {
  font-family: HelveticaNeueLTCom, Tahoma, Helvetica, sans-serif;
}

.pageContent .paging .numbers button {
  color: #BCBEC0;
  border: 0;
  text-align: center;
  border: 1px solid #FFF;
  border-radius: 27px;
  width: 54px;
  height: 54px;
  display: inline-block;
  margin: 0;
  background: none;
  font-size: 2em;
  padding: 4px 0 !important;
  cursor: pointer;
}

.pageContent .paging .numbers button:hover {
  transition: ease-in-out 0.4s;
  color: #4d4d4d;
}

.pageContent .paging .numbers button.selected {
  color: #007cc3;
  text-decoration: underline;
}

.passwordComplexity.correcthorsebatterystaple .bar {
  background: url(../images/correctbatterylochness-3b3320a70d.png) no-repeat left top !important;
  height: 263px !important;
  width: 248px;
}

.pageContent.orderHistory .row label {
  display: block;
}

/* Privacy */
.pageContent.privacyDashboard h2 {
  padding: 20px 0 8px;
  color: #000;
}

/* Form items anywhere */
.form-row {
  width: 100%;
  display: block;
  position: relative;
  margin: 0;
}

.form-item {
  margin: 0;
  margin-top: 12px;
  display: inline-block;
  border: 1px solid #b1b1b1;
  color: #4d4d4d;
  font-size: 1.1em;
  line-height: 1.4em;
  padding: 8px 8px;
  width: 100%;
}
.form-item.textarea {
  box-sizing: border-box;
}

@media screen and (max-width: 900px) {
  .pageContent.width900 {
    width: auto;
  }
}
@media screen and (max-width: 930px) {
  .twoColumnContainer > div {
    width: 100%;
    float: none;
    border-left: 0;
  }
  .twoColumnContainer > div:first-child {
    float: none;
  }
  .twoColumnContainer > .column .row {
    padding-left: 0;
  }
  .pageContent.savedCards ul.savedCardsTable {
    width: 100%;
  }
  .pageContent.securityDetails .oneColumnContainer div.row {
    width: 100%;
  }
}
@media screen and (max-width: 530px) {
  .pageContent {
    padding: 22px 28px;
  }
  .hexOverviewBlock .body table td {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 490px) {
  .pageContent {
    border: 0;
    padding: 14px 0;
  }
  .pageContent > h1 {
    padding: 12px 28px;
  }
  .pageContent > p {
    padding: 12px 28px;
  }
  .hexOverviewBlock {
    border-color: #025482;
    border-width: 2px;
    border-left: 0;
    border-right: 0;
  }
  .scan-mobile-on .scan-footer div.contactMethod {
    margin-left: 0 !important;
    margin-right: 0 !important;
    left: 0 !important;
    float: none;
  }
  .scan-mobile-on .scan-footer .contact-info {
    width: inherit;
  }
  .hexOverviewBlock .body table th {
    font-size: 0.8em;
    padding: 6px 4px;
  }
  .hexOverviewBlock .body table td {
    padding: 6px 4px;
  }
  .scan-mobile-on .scan-footer .contactMethod > div {
    float: none !important;
    margin-left: 0 !important;
  }
  .pageContent div.title h1 {
    padding-left: 26px;
    padding-top: 70px;
  }
  .pageContent div.title span.ico {
    margin-left: 0;
    margin-top: 0;
  }
  .pageContent h2 {
    padding: 8px 26px;
  }
  .pageContent .row label, .pageContent .row select {
    display: block;
  }
}
@media screen and (max-width: 430px) {
  .hexOverviewBlock.orders .body table td:nth-of-type(3), .hexOverviewBlock.orders .body table th:nth-of-type(3), .hexOverviewBlock.orders .body table td:nth-of-type(4), .hexOverviewBlock.orders .body table th:nth-of-type(4) {
    display: none !important;
  }
  .hexOverviewBlock .title h2 {
    padding: 30px 0 0 0;
    font-size: 1.7em;
  }
}
.siteHelp {
  position: fixed;
  z-index: 2;
  bottom: 25px;
  right: 30px;
  display: flex;
  flex-wrap: wrap;
  width: 125px;
}
.siteHelp button.help {
  background: #ececec;
  width: 100%;
  height: 45px;
  border: 0 none;
  color: #000000;
  cursor: pointer;
  display: block;
  float: left;
  margin-top: 0;
  outline: 0 none;
  box-shadow: none;
  border-radius: 50px;
  line-height: 2em;
  text-transform: none;
  font-size: 1.3em;
  order: 2;
  box-shadow: 0 0 5px #888;
}
.siteHelp button.help span {
  letter-spacing: 2px;
}
.siteHelp button.help span:before {
  content: "\e915";
  font-size: 1em;
  font-weight: normal;
  padding-right: 10px;
  display: inline-block;
}
.siteHelp .helpMenu {
  width: 270px;
  height: 250px;
  background-color: #ffffff;
  box-shadow: 0 0px 10px 0px #999;
  display: none;
  border-radius: 12px;
  margin-bottom: -52px;
  padding-bottom: 52px;
}
.siteHelp.open {
  width: 300px;
}
.siteHelp.open button.help {
  background: #ffffff;
  color: #3e70b6;
  box-shadow: none;
  z-index: 1;
}
.siteHelp.open button.help span {
  letter-spacing: 2px;
}
.siteHelp.open button.help span:before {
  content: "\e942";
  font-size: 1em;
}
.siteHelp.open .helpMenu {
  display: block;
  width: 100%;
}
.siteHelp.liveChatMaximised {
  right: 380px;
}
.siteHelp.liveChatMinimised {
  right: 300px;
}
.siteHelp ul {
  padding-bottom: 15px;
  margin: 0 25px;
  padding-top: 15px;
}
.siteHelp ul li {
  padding: 18px 0 10px 0;
  line-height: 25px;
  vertical-align: middle;
  display: block;
  height: 20px;
}
.siteHelp ul li a:before {
  display: none;
}
.siteHelp a {
  text-decoration: none;
  color: #4072b5;
  display: inline-block;
  width: 100%;
}
.siteHelp a:before {
  display: inline-block;
  height: 20px;
  width: 35px;
  font-size: 2em;
}
.siteHelp strong {
  display: block;
  color: #bbbbbb;
}
.siteHelp .linkTitle {
  display: block;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
  font-size: 1.2em;
}
.siteHelp .linkTitle strong {
  display: none;
}
.siteHelp .callus {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.siteHelp .callus .linkTitle {
  margin: -41px 0 0 35px;
  line-height: 1.5em;
}
.siteHelp .callus .telno {
  display: block;
  padding: 0;
  line-height: 1em;
  width: 100%;
  margin: 0;
  text-align: center;
  color: #000000;
  font-size: 1.7em;
}
.siteHelp h3 {
  padding-left: 25px;
}
.siteHelp .close {
  position: absolute;
  height: 25px;
  width: 25px;
  right: 10px;
  top: 10px;
  overflow: hidden;
  cursor: pointer;
  border: 0;
  border-radius: 12px;
}
.siteHelp .close span:before {
  content: "\e903";
  color: #000000;
  display: block;
  padding: 4px 0;
}

body > div iframe#launcher {
  bottom: 27px !important;
  width: 250px !important;
  margin: 0 !important;
  right: 30px !important;
}

@media screen and (max-width: 770px) {
  .siteHelp {
    display: none;
  }
}
div.hoverMenu {
  border: 6px solid rgba(0, 0, 0, 0.4);
  background: #fff;
  border-radius: 7px;
  margin-top: 4px;
  position: absolute;
  z-index: 20;
  box-shadow: 0 0 6px #777;
}
div.hoverMenu .close {
  width: 12px;
  overflow: hidden;
  display: block;
  float: right;
  margin: 10px 10px 0 0;
  cursor: pointer;
}
div.hoverMenu .close:before {
  padding-right: 10px;
}
div.hoverMenu > ul {
  margin: 30px 16px 40px;
  list-style: none;
  padding: 0;
}
div.hoverMenu > ul > li {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ddd;
}
div.hoverMenu > ul > li > a, div.hoverMenu > ul > li > button {
  position: inherit;
  color: #5b5b5b;
  padding: 8px 0;
  margin: 0;
  display: block;
  text-transform: none;
  font-size: 1em;
  text-decoration: none;
}
div.hoverMenu > ul > li > a:before, div.hoverMenu > ul > li > button:before {
  display: none;
}
div.hoverMenu > ul > li > a:hover, div.hoverMenu > ul > li > button:hover {
  background: #ddd;
}
div.hoverMenu > ul > li > button {
  border: 0;
  background: none;
  width: 100%;
  cursor: pointer;
}
div.hoverMenu > ul > li.vatToggle {
  border-top: 1px solid #ddd;
  border-bottom: 2px solid #ddd;
}
div.hoverMenu > ul > li.vatToggle > button strong {
  color: #3d70b7;
}
div.hoverMenu.small {
  width: 180px;
  margin-left: -36px;
}

@media screen and (min-width: 780px) {
  header.menu .headLinks div.popupBackground {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  header.menu .headLinks div.popupBackground {
    display: block;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    background: #333;
  }
  header.menu .headLinks div.hoverMenu {
    top: 20px;
    left: 50%;
  }
  header.menu .headLinks div.hoverMenu.small {
    margin-left: -90px;
  }
}
#myAccountMenu div.hoverMenu {
  border: none;
  background: #fff;
  border-radius: 10px;
  margin-top: 0;
  position: absolute;
  z-index: 20;
  box-shadow: 0 0 6px #777;
  top: 56px;
}
#myAccountMenu div.hoverMenu .close {
  width: 12px;
  overflow: hidden;
  display: block;
  float: right;
  margin: 10px 10px 0 0;
  cursor: pointer;
  font-size: 13px;
  color: #000;
}
#myAccountMenu div.hoverMenu .close:before {
  padding-right: 10px;
}
#myAccountMenu div.hoverMenu > ul {
  margin: 30px 16px 40px;
  list-style: none;
  padding: 0;
}
#myAccountMenu div.hoverMenu > ul > li {
  text-align: center;
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #ddd;
}
#myAccountMenu div.hoverMenu > ul > li > a, #myAccountMenu div.hoverMenu > ul > li > button {
  position: inherit;
  color: #5b5b5b;
  padding: 8px 0;
  margin: 0;
  display: block;
  text-transform: none;
  font-size: 13px;
  text-decoration: none;
}
#myAccountMenu div.hoverMenu > ul > li > a:before, #myAccountMenu div.hoverMenu > ul > li > button:before {
  display: none;
}
#myAccountMenu div.hoverMenu > ul > li > a:hover, #myAccountMenu div.hoverMenu > ul > li > button:hover {
  background: #ddd;
}
#myAccountMenu div.hoverMenu > ul > li > button {
  border: 0;
  background: none;
  width: 100%;
  cursor: pointer;
}
#myAccountMenu div.hoverMenu > ul > li.vatToggle {
  border-top: 1px solid #ddd;
  border-bottom: 2px solid #ddd;
}
#myAccountMenu div.hoverMenu > ul > li.vatToggle > button strong {
  color: #3d70b7;
}
#myAccountMenu div.hoverMenu.small {
  width: 225px;
  margin-left: -73px;
}
@media screen and (min-width: 780px) {
  #myAccountMenu header.menu .headLinks div.popupBackground {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  #myAccountMenu header.menu .headLinks div.popupBackground {
    display: block;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    background: #333;
  }
  #myAccountMenu header.menu .headLinks div.hoverMenu {
    top: 20px;
    left: 50%;
  }
  #myAccountMenu header.menu .headLinks div.hoverMenu.small {
    margin-left: -90px;
  }
}

div.internalToolbar {
  background-color: #f5f5f5;
  bottom: 0;
  height: 46px;
  left: 0;
  padding: 0 5px;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: 1000;
  overflow: hidden;
  line-height: 3.2em;
  color: #5b5b5b;
  font-size: 1.1em;
  border-top: 4px solid #1766a6;
  box-shadow: 0 4px 15px #333333;
}
div.internalToolbar i {
  text-transform: uppercase;
}
div.internalToolbar a {
  margin: 0 20px;
  display: inline-block;
  text-transform: uppercase;
  background: #1463a2;
  background: linear-gradient(to top, #1463a2, #3a7fbf);
  color: #fff;
  text-decoration: none;
  padding: 0 16px;
  line-height: 1.8em;
}
div.internalToolbar a:hover {
  text-decoration: underline;
}
div.internalToolbar span:after {
  content: "|";
  padding: 0 12px;
}
div.internalToolbar span:last-child:after {
  display: none;
}

.checkoutContainer .open-check-out button.exportBasket {
  width: 228px;
  display: block;
  margin: 12px auto 4px auto;
  padding: 0;
  font-size: 1.2em;
}

@media screen and (max-width: 600px) {
  div.internalToolbar {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  header.menu nav .menuLevel3.mc-1 > ul, header.menu nav .menuLevel3.mc-2 > ul, header.menu nav .menuLevel3.mc-3 > ul, header.menu nav .menuLevel3.mc-4 > ul, header.menu nav .menuLevel3.mc-5 > ul, header.menu nav .menuLevel3.mc-6 > ul {
    height: 60px;
  }
  header.menu nav .menuLevel3.mc-7 > ul, header.menu nav .menuLevel3.mc-8 > ul, header.menu nav .menuLevel3.mc-9 > ul, header.menu nav .menuLevel3.mc-10 > ul, header.menu nav .menuLevel3.mc-11 > ul, header.menu nav .menuLevel3.mc-12 > ul {
    height: 120px;
  }
  header.menu nav .menuLevel3.mc-13 > ul, header.menu nav .menuLevel3.mc-14 > ul, header.menu nav .menuLevel3.mc-15 > ul, header.menu nav .menuLevel3.mc-16 > ul, header.menu nav .menuLevel3.mc-17 > ul, header.menu nav .menuLevel3.mc-18 > ul {
    height: 160px;
  }
  header.menu nav .menuLevel3.mc-19 > ul, header.menu nav .menuLevel3.mc-20 > ul, header.menu nav .menuLevel3.mc-21 > ul, header.menu nav .menuLevel3.mc-22 > ul, header.menu nav .menuLevel3.mc-23 > ul, header.menu nav .menuLevel3.mc-24 > ul {
    height: 200px;
  }
}
/* Site Shop Offer expired */
.siteShopCategory .offer-expired.product .image, .siteShopCategory .offer-expired.product span.description, .siteShopCategory .offer-expired.product span.linkNo, .siteShopCategory .offer-expired.product div.ratings {
  opacity: 0.3;
}
.siteShopCategory .offer-expired.product .tags:before {
  content: "Offer Expired";
  color: #be1e2d;
  text-transform: uppercase;
  padding-right: 10px;
}
.siteShopCategory .offer-expired.product .priceAvailability {
  display: none !important;
}
.siteShopCategory .offer-expired.product span.compare {
  visibility: hidden;
}

/* Paypal Product Info*/
.productinfo div.financePaypalPanel, .productinfo div.scanFinancePanel, .productPageActionColumn div.financePaypalPanel, .productPageActionColumn div.scanFinancePanel {
  background: #dbdbdb !important;
  padding: 16px 20px 14px;
}
.productinfo div.financePaypalPanel > div, .productinfo div.scanFinancePanel > div, .productPageActionColumn div.financePaypalPanel > div, .productPageActionColumn div.scanFinancePanel > div {
  display: table;
}
.productinfo div.financePaypalPanel > div > i, .productinfo div.scanFinancePanel > div > i, .productPageActionColumn div.financePaypalPanel > div > i, .productPageActionColumn div.scanFinancePanel > div > i {
  display: table-cell;
  vertical-align: bottom;
  background: url("../images/paypal-credit-logo-3193868971.svg?v=1");
  background-repeat: no-repeat;
  background-size: 120px 31px;
  width: 140px !important;
  background-position: 0 2px;
  height: 26px;
}
.productinfo div.financePaypalPanel > div > i:before, .productinfo div.scanFinancePanel > div > i:before, .productPageActionColumn div.financePaypalPanel > div > i:before, .productPageActionColumn div.scanFinancePanel > div > i:before {
  display: none;
}
.productinfo div.financePaypalPanel > div > span.desc, .productinfo div.scanFinancePanel > div > span.desc, .productPageActionColumn div.financePaypalPanel > div > span.desc, .productPageActionColumn div.scanFinancePanel > div > span.desc {
  display: table-cell;
  color: #3d70b7;
  font-size: 1.15em;
  vertical-align: top;
  padding-top: 1px;
}
.productinfo div.financePaypalPanel > div > span.desc span.info, .productinfo div.scanFinancePanel > div > span.desc span.info, .productPageActionColumn div.financePaypalPanel > div > span.desc span.info, .productPageActionColumn div.scanFinancePanel > div > span.desc span.info {
  padding-right: 6px;
  line-height: 1em;
  text-align: right;
  overflow: hidden;
}
.productinfo div.financePaypalPanel > div > span.desc span.price, .productinfo div.scanFinancePanel > div > span.desc span.price, .productPageActionColumn div.financePaypalPanel > div > span.desc span.price, .productPageActionColumn div.scanFinancePanel > div > span.desc span.price {
  font-size: 2.4em;
}
.productinfo div.financePaypalPanel > div > span.desc span.price > small, .productinfo div.scanFinancePanel > div > span.desc span.price > small, .productPageActionColumn div.financePaypalPanel > div > span.desc span.price > small, .productPageActionColumn div.scanFinancePanel > div > span.desc span.price > small {
  font-size: 0.6em;
}
.productinfo div.financePaypalPanel > div > span.desc span.term, .productinfo div.scanFinancePanel > div > span.desc span.term, .productPageActionColumn div.financePaypalPanel > div > span.desc span.term, .productPageActionColumn div.scanFinancePanel > div > span.desc span.term {
  padding-left: 4px;
  line-height: 1em;
  width: 170px;
}
.productinfo div.financePaypalPanel > div span.moreInfo, .productinfo div.scanFinancePanel > div span.moreInfo, .productPageActionColumn div.financePaypalPanel > div span.moreInfo, .productPageActionColumn div.scanFinancePanel > div span.moreInfo {
  display: table-cell;
}
.productinfo div.financePaypalPanel > div span.moreInfo > button, .productinfo div.scanFinancePanel > div span.moreInfo > button, .productPageActionColumn div.financePaypalPanel > div span.moreInfo > button, .productPageActionColumn div.scanFinancePanel > div span.moreInfo > button {
  display: block;
  background: none;
  border: 0 !important;
  width: 18px;
  height: 17px;
  overflow: hidden;
  font-size: 1.2em;
  padding: 0;
  margin: 7px 0 0 2px;
  vertical-align: top;
  line-height: 1;
  text-transform: lowercase;
  transition: none;
  text-indent: 20px;
  cursor: pointer;
}
.productinfo div.financePaypalPanel > div span.moreInfo > button:before, .productinfo div.scanFinancePanel > div span.moreInfo > button:before, .productPageActionColumn div.financePaypalPanel > div span.moreInfo > button:before, .productPageActionColumn div.scanFinancePanel > div span.moreInfo > button:before {
  display: block;
  border-top: 2px solid #3d70b7;
  width: 16px;
  padding: 0 !important;
  height: 4px;
  overflow: hidden;
  content: " ";
  margin-left: 1px;
  margin-top: 7px;
}
.productinfo div.financePaypalPanel > div span.moreInfo > button:after, .productinfo div.scanFinancePanel > div span.moreInfo > button:after, .productPageActionColumn div.financePaypalPanel > div span.moreInfo > button:after, .productPageActionColumn div.scanFinancePanel > div span.moreInfo > button:after {
  display: block;
  border-left: 2px solid #3d70b7;
  height: 16px !important;
  overflow: hidden;
  content: " ";
  position: absolute;
  margin-top: -43px !important;
  margin-left: 8px !important;
}
.productinfo div.financePaypalPanel > div span.moreInfo > button.expanded:before, .productinfo div.scanFinancePanel > div span.moreInfo > button.expanded:before, .productPageActionColumn div.financePaypalPanel > div span.moreInfo > button.expanded:before, .productPageActionColumn div.scanFinancePanel > div span.moreInfo > button.expanded:before {
  margin-left: 1px !important;
}
.productinfo div.financePaypalPanel > div span.moreInfo > button.expanded:after, .productinfo div.scanFinancePanel > div span.moreInfo > button.expanded:after, .productPageActionColumn div.financePaypalPanel > div span.moreInfo > button.expanded:after, .productPageActionColumn div.scanFinancePanel > div span.moreInfo > button.expanded:after {
  display: none;
}
.productinfo div.financePaypalPanel > div.financeSpendOver > span, .productinfo div.scanFinancePanel > div.financeSpendOver > span, .productPageActionColumn div.financePaypalPanel > div.financeSpendOver > span, .productPageActionColumn div.scanFinancePanel > div.financeSpendOver > span {
  color: #3d70b7;
  font-size: 1.15em;
}
.productinfo div.financePaypalPanel > div.financeSpendOver > span > strong, .productinfo div.scanFinancePanel > div.financeSpendOver > span > strong, .productPageActionColumn div.financePaypalPanel > div.financeSpendOver > span > strong, .productPageActionColumn div.scanFinancePanel > div.financeSpendOver > span > strong {
  padding-left: 2px;
  padding-right: 2px;
}

div.financePaypalOptions {
  border: 1px solid #d2d2d2;
  display: block;
  font-size: 0.9em;
}
div.financePaypalOptions > div {
  display: block;
}
div.financePaypalOptions > div:first-child {
  font-size: 0.9em;
}
div.financePaypalOptions > div ul.tab {
  margin: 0;
  padding: 0;
  display: table;
  list-style: none;
  width: 100%;
  border-bottom: 1px solid #d2d2d2;
}
div.financePaypalOptions > div ul.tab > li {
  display: table-cell;
  width: 25%;
  font-size: 1.05em;
}
div.financePaypalOptions > div ul.tab > li > button {
  border: 0;
  width: 100%;
  background: #eeeeee;
  padding: 10px 0;
  cursor: pointer;
  transition: ease-in-out 0.3s;
  text-transform: uppercase;
  border-radius: 0;
}
div.financePaypalOptions > div ul.tab > li > button:hover {
  background: #d5d5d5;
}
div.financePaypalOptions > div ul.tab > li > button.selected {
  background: #1766a6;
  color: #fff;
}
div.financePaypalOptions > div table {
  margin: 10px 14px;
  width: 100%;
  font-size: 1.2em;
}
div.financePaypalOptions > div table tr:first-child > td {
  padding-bottom: 10px;
}
div.financePaypalOptions > div table tr:first-child > td:last-child {
  font-size: 1.1em;
}
div.financePaypalOptions > div table tr > td:last-child {
  padding-right: 10px;
}
div.financePaypalOptions > div table td {
  padding: 3px 0;
}
div.financePaypalOptions > div:last-child {
  background: #eeeeee;
  padding: 10px 14px;
  font-size: 0.9em;
}
div.financePaypalOptions > div:last-child > small {
  font-size: 0.85em;
  line-height: 1.7em;
  padding-bottom: 6px;
  display: block;
}
div.financePaypalOptions > div:last-child > p {
  padding: 2px 0;
}
div.financePaypalOptions > div:last-child > p.title {
  padding-bottom: 4px;
}

.productPageActionColumn div.financePaypalPanel {
  margin-left: 30px;
}
.productPageActionColumn div.financePaypalOptions {
  margin-left: 30px;
}

/* Paypal Zero % Offer */
/* main css */
.productinfo div.financePaypalPanel > div > i,
.productinfo div.scanFinancePanel > div > i,
.productPageActionColumn div.financePaypalPanel > div > i,
.productPageActionColumn div.scanFinancePanel > div > i {
  display: block;
  padding-bottom: 5px;
}

.productinfo div.financePaypalPanel > div, .productinfo div.scanFinancePanel > div, .productPageActionColumn div.financePaypalPanel > div, .productPageActionColumn div.scanFinancePanel > div {
  display: block;
}

.productinfo div.financePaypalPanel > div > span.desc, .productinfo div.scanFinancePanel > div > span.desc, .productPageActionColumn div.financePaypalPanel > div > span.desc, .productPageActionColumn div.scanFinancePanel > div > span.desc {
  display: inline-block;
  padding-top: 0;
  width: 80%;
}

.productinfo div.financePaypalPanel > div span.moreInfo, .productinfo div.scanFinancePanel > div span.moreInfo, .productPageActionColumn div.financePaypalPanel > div span.moreInfo, .productPageActionColumn div.scanFinancePanel > div span.moreInfo {
  overflow: hidden;
  float: right;
}

.productinfo div.financePaypalPanel > div span.moreInfo, .productinfo div.scanFinancePanel > div span.moreInfo, .productPageActionColumn div.financePaypalPanel > div span.moreInfo, .productPageActionColumn div.scanFinancePanel > div span.moreInfo {
  display: inline-block;
  overflow: hidden;
}

@media screen and (max-width: 400px) {
  div.financePaypalOptions > div:first-child ul.tab > li > button {
    font-size: 0.8rem;
  }
}
div.financePaypalOptions > div ul.tab > li > button {
  text-transform: none;
  font-family: "uni_sanssemibold", sans-serif;
  font-size: 0.9rem;
}
div.financePaypalOptions > div ul.tab.tabSecondary > li > button {
  background: #FFF;
  border-bottom: solid 2px transparent;
}
div.financePaypalOptions > div ul.tab.tabSecondary > li > button.selected {
  background: #FFF;
  color: #000;
  border-bottom: solid 2px #1766a6;
}

div.financePaypalOptions .instalmentsLower {
  background: #FFF;
}

div.financePaypalOptions .zeroOfferText {
  padding: 16px 15px;
  font-size: 1em;
  background: #FFF;
}

/* product page css */
.infoPage > div.productPageActionColumn > div:last-child div.scanFinancePanel > div > i {
  text-align: left;
  height: 15px;
  line-height: 22px;
  background: none;
}
.infoPage > div.productPageActionColumn > div:last-child div.scanFinancePanel > div > span.desc > span.info {
  vertical-align: middle;
  width: auto;
  display: inline-block;
  text-align: left;
  background: none;
}

@media screen and (max-width: 780px) {
  .infoPage > div.productPageActionColumn > div:last-child .scanFinancePanel > div.financeWithFigure > span.desc {
    display: inline-block;
  }
  .infoPage > div.productPageActionColumn > div:last-child .paypalcredit .financePaypalOptions > div:first-child ul.tab.tabSecondary > li > button.selected {
    background: #fff;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.scanFinancePanel > div > span.moreInfo {
    width: 32px !important;
    margin-top: -24px;
  }
}
button[data-action=navigate-back] {
  display: none;
  background: none;
  float: left;
  border: 0;
  overflow: hidden;
  cursor: pointer;
}
button[data-action=navigate-back].force-visible {
  display: block;
}
button[data-action=navigate-back]:before {
  content: " ";
  display: block;
  border-bottom: 2px solid #5b5b5b;
  border-left: 2px solid #5b5b5b;
  line-height: 1px;
}
button[data-action=navigate-back] > i {
  display: none;
}

@media screen and (max-width: 780px) {
  button[data-action=navigate-back] {
    width: 40px;
    height: 52px;
  }
  button[data-action=navigate-back]:before {
    width: 13px;
    height: 13px;
    margin-left: 14px;
  }
}
@media screen and (max-width: 400px) {
  button[data-action=navigate-back] {
    width: 34px;
    height: 40px;
  }
  button[data-action=navigate-back]:before {
    width: 9px;
    height: 9px;
    margin-left: 10px;
  }
}
@media screen and (min-width: 780px) {
  button[data-action=navigate-back] {
    display: none !important;
  }
}
@media (display-mode: standalone), (display-mode: fullscreen) {
  button[data-action=navigate-back] {
    display: block !important;
  }
}
[data-plugin=youtube] {
  height: 400px;
}

body.popup {
  background: #fff;
}

#popup {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 200;
  background-color: rgba(0, 0, 0, 0.6);
}
#popup #popup-container {
  display: block;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  height: auto;
}
#popup #popup-container iframe {
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0;
  width: 100%;
  height: auto;
  min-height: 50vh;
}
#popup > div {
  border: 6px solid rgba(0, 0, 0, 0.7);
  border-radius: 6px;
  margin: 120px auto 0;
  width: 800px;
  background: #fff;
}
#popup > div a.close {
  display: block;
  margin: 12px;
  background: #F5F5F5;
  border: 0;
  color: #000;
  cursor: pointer;
  height: 32px;
  outline: medium none;
  overflow: hidden;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out 0s;
  width: 32px;
  position: absolute;
  right: 0;
  top: 0;
  border-radius: 4px;
  text-align: center;
}
#popup > div a.close span {
  font-size: 0.1em;
  color: transparent;
}
#popup > div a.close:hover {
  background: #ccc;
  color: #FFF;
}
#popup > div a.close:before {
  display: block;
  margin-top: 16px;
  font-size: 1.3em;
  line-height: 0em;
  content: "\e903";
}

/* call me back popup to overwrite inline style from popup html */
.callMeBack-popUp {
  width: 100% !important;
  max-width: 500px !important;
  box-sizing: border-box !important;
  overflow: hidden;
}
.callMeBack-popUp iframe {
  width: 100% !important;
  box-sizing: border-box !important;
  height: 700px !important;
}

/* call me back popup to overwrite inline style from popup html */
@media screen and (max-width: 1000px) {
  #popup {
    min-width: inherit;
  }
}
@media screen and (max-width: 780px) {
  #popup {
    top: 56px;
  }
  #popup #popup-container {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 100%;
    margin: 0;
    border-radius: 0;
    border-bottom: 6px solid rgba(0, 0, 0, 0.7);
  }
}
@media screen and (max-width: 400px) {
  body.popup {
    width: 100%;
    min-width: 100%;
  }
  #popup {
    top: 44px;
  }
}
.share-page {
  position: fixed;
  bottom: 30px;
  left: 0; /* background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #4384c1, #1766a6) repeat scroll 0 0; */
  background: #1766a6;
  border: 0;
  box-shadow: 2px 2px 4px #666666;
  width: 60px;
  height: 50px;
  border-bottom-right-radius: 25px;
  border-top-right-radius: 25px;
  cursor: pointer;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  text-align: center;
  padding-right: 10px;
  z-index: 2;
}
.share-page:before {
  display: block;
  width: 18px;
  height: 18px;
  font-size: 22px;
  margin-left: 10px;
  margin-top: 4px;
  padding-left: 2px;
}

body .share-page {
  left: -60px;
  opacity: 0;
  transition: all 0.3s ease-in-out 0s;
}
body.feature-share .share-page {
  left: 0;
  opacity: 1;
}
body.device-ios .share-page:before {
  content: "\e962";
}
body.device-android .share-page:before {
  content: "\e963";
  margin-left: 6px;
}

#messages {
  left: 0;
  max-height: 50%;
  overflow: none;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 101;
}

.message {
  background: #ffffe4;
  display: block;
  width: 100%;
  opacity: 0.9;
  min-height: 70px;
}
.message div {
  margin: 0 auto;
  display: block;
  padding: 20px 30px;
  font-size: 1.4em;
  line-height: 1.2em;
}
.message div button.close {
  width: 30px;
  height: 30px;
  overflow: hidden;
  border: 0;
  background: none;
  padding-left: 5px;
  cursor: pointer;
  float: right;
}
.message div button.close:before {
  content: "\e903";
  font-size: 1em;
  padding-right: 10px;
  padding-left: 0;
}
.message div p {
  padding: 10px 0;
  margin: 0 50px 0 70px;
}
.message div:before {
  position: absolute;
  font-size: 2em;
  width: 50px;
  height: 50px;
  margin-top: 8px;
}
.message.caution {
  background: #ffc4c4;
}
.message.caution div:before {
  content: "\e937";
  color: #990000;
}
.message.warning {
  background: #ffffe4;
}
.message.warning div:before {
  content: "\e937";
  color: #dc8c00;
}
.message.info {
  background: #cfe1f0;
}
.message.info div:before {
  content: "\e939";
  color: #1766a6;
}

.bodyMessage {
  background: #f2f2f2;
  margin: 10px 0 16px;
}
.bodyMessage:before {
  position: absolute;
  display: block;
  margin-top: 32px;
  margin-left: 30px;
  font-size: 2.4em;
}
.bodyMessage > div {
  padding: 20px 30px 20px 80px;
}
.bodyMessage > div > p {
  margin: 0;
  padding: 0 0 6px 0;
}
.bodyMessage > div > p.title {
  font-size: 1.6em;
}
.bodyMessage > div > p > a {
  text-transform: uppercase;
  color: #3d70b7;
  text-decoration: none;
}
.bodyMessage > div > p > a:hover {
  text-decoration: underline;
}
.bodyMessage.info:before {
  content: "\e939";
}
.bodyMessage.info:before, .bodyMessage.info > div > p.title {
  color: #3d70b7;
}
.bodyMessage.caution:before {
  content: "\e937";
}
.bodyMessage.caution:before, .bodyMessage.caution > div > p.title {
  color: #dc8c00;
}
.bodyMessage.warning:before {
  content: "\e937";
}
.bodyMessage.warning:before, .bodyMessage.warning > div > p.title {
  color: #990000;
}
.bodyMessage.success:before {
  content: "\e948";
}
.bodyMessage.success:before, .bodyMessage.success > div > p.title {
  color: #009245;
}

@media screen and (max-width: 800px) {
  .message:first-child {
    margin-top: 58px;
  }
}
/* buttons */
.info-tabs .tabs {
  display: table;
  width: 100%;
  border-bottom: 1px solid #bcbec0;
}
.info-tabs .tabs > button {
  border: 0;
  color: #000;
  background: none;
  display: table-cell;
  font-size: 1.2em;
  padding: 6px 0;
  cursor: pointer;
  transition: ease-in-out 0.3s;
}
.info-tabs .tabs > button.selected {
  border-bottom: 3px solid #3d70b7;
}
.info-tabs .tabs > button.selected:hover {
  color: #000;
}
.info-tabs .tabs > button:hover {
  color: #3d70b7;
}

/* Tooltips - To reference scan.help-tooltip > span.tip  */
span.help-tip {
  color: #5b5b5b;
  text-transform: uppercase;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
span.help-tip:before {
  display: inline-block;
  content: "i";
  background-color: #5b5b5b;
  width: 14px;
  height: 14px;
  border-radius: 16px;
  color: #fff;
  text-align: center;
  opacity: 0.8;
  margin-right: 8px;
  text-transform: none;
}
span.help-tip span.tip {
  visibility: hidden;
  width: 220px;
  padding: 0 8px;
  background-color: #5b5b5b;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  text-transform: none;
  opacity: 0;
  transition: opacity 1s;
}
span.help-tip:hover span.tip {
  visibility: visible;
  opacity: 1;
}
span.help-tip.bottom span.tip {
  width: 220px;
  top: 100%;
  left: 0%;
  margin-left: -7px;
  margin-top: 5px; /* Use half of the width (120/2 = 60), to center the tooltip */
}
span.help-tip.bottom span.tip:after {
  content: " ";
  position: absolute;
  bottom: 100%; /* At the bottom of the tooltip */
  left: 6%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #5b5b5b transparent;
}

.tooltip-hover {
  position: relative;
  color: #fff;
  transition: all 0.3s ease;
  text-decoration: none;
  cursor: pointer;
}
.tooltip-hover:before {
  content: "";
  position: absolute;
  opacity: 0;
  pointer-events: none;
  left: 50%;
  transition: all 0.3s ease;
  transition-delay: 0.2s;
  width: 0;
  height: 0;
  border-style: solid;
}
.tooltip-hover:after {
  text-transform: none;
  content: attr(data-tooltip);
  font-size: 12px;
  position: absolute;
  color: #fff;
  background: #282828;
  padding: 8px 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 200px;
  opacity: 0;
  pointer-events: none;
  left: 50%;
  border-radius: 4px;
  transition: all 0.3s ease;
  transition-delay: 0.2s;
}
.tooltip-hover:hover:before, .tooltip-hover:hover:after {
  opacity: 1;
}
.tooltip-hover.top:before {
  transform: translate3d(-50%, 0%, 0);
  border-width: 10px 10px 0 10px;
  border-color: #282828 transparent transparent transparent;
}
.tooltip-hover.top:after {
  transform: translate3d(-50%, 0%, 0);
  top: 0;
}
.tooltip-hover.top:hover:before {
  transform: translate3d(-50%, calc(-100% - 8px), 0);
}
.tooltip-hover.top:hover:after {
  transform: translate3d(-50%, calc(-100% - 16px), 0);
}
.tooltip-hover.bottom:before {
  transform: translate3d(-50%, 0%, 0);
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #282828 transparent;
}
.tooltip-hover.bottom:after {
  transform: translate3d(-50%, 0%, 0);
  top: 0;
}
.tooltip-hover.bottom:hover:before {
  transform: translate3d(-50%, calc(-100% + 34px), 0);
}
.tooltip-hover.bottom:hover:after {
  transform: translate3d(-50%, calc(-100% + 96px), 0);
}

/* Webtrends zoom popup PDP - start */
.wt-zoom-popup.page-overlay {
  z-index: 1000;
}
.wt-zoom-popup.page-overlay > div {
  height: 100%;
  width: 100%;
  margin: 0 auto;
  border: 0;
  max-height: 100%;
}
.wt-zoom-popup.page-overlay > div .zoom-view {
  height: 100%;
  width: auto;
  max-height: 100%;
  position: relative;
}
.wt-zoom-popup.page-overlay > div .zoom-view .zoom-cont {
  height: 100%;
  position: relative;
}
.wt-zoom-popup.page-overlay > div .zoom-view .zoom-cont .title {
  display: none;
}
.wt-zoom-popup.page-overlay > div .zoom-view .zoom-cont .col1 {
  z-index: 1001;
  position: absolute;
  float: none;
}
.wt-zoom-popup.page-overlay > div .zoom-view .zoom-cont .col2 {
  float: none;
  height: 100%;
  width: 100%;
  position: relative;
  text-align: center;
}
.wt-zoom-popup.page-overlay > div .zoom-view .zoom-cont .col2 > div {
  border: 0;
  position: relative;
  height: 100%;
  margin-top: 0;
}
.wt-zoom-popup.page-overlay > div .zoom-view .zoom-cont .col2 .image-zoom-window .image-zoom-window {
  height: 100% !important;
  width: auto !important;
  position: relative;
}
.wt-zoom-popup.page-overlay > div .zoom-view .zoom-cont .col2 .image-zoom-window .image-zoom-window #imageZoomViewXLarge {
  display: none !important;
}
.wt-zoom-popup.page-overlay > div .zoom-view .zoom-cont .col2 .image-zoom-window .image-zoom-window img:last-child {
  display: block !important;
  width: auto;
  height: 100%;
  position: relative;
  margin: 0 auto;
  left: 0 !important;
  top: 0 !important;
}
.wt-zoom-popup.page-overlay > div .zoom-view .close {
  right: 0;
  height: 60px;
  width: 70px;
  position: absolute;
  z-index: 1001;
}
.wt-zoom-popup.page-overlay > div .zoom-view .close button {
  background: none;
}
.wt-zoom-popup.page-overlay > div .zoom-view .close button:before {
  font-size: 30px;
  line-height: 2em;
}

@media screen and (max-width: 769px) {
  div.page-overlay.zoom-view-close.wt-zoom-popup.page-overlay > div .zoom-view .zoom-cont .col2 .image-zoom-window {
    margin: 0 auto;
  }
  div.page-overlay.zoom-view-close.wt-zoom-popup.page-overlay > div .zoom-view .zoom-cont .col2 .image-zoom-window .image-zoom-window img#imageZoomViewXLarge {
    display: none !important;
  }
  div.page-overlay.zoom-view-close.wt-zoom-popup.page-overlay > div .zoom-view .zoom-cont .col2 .image-zoom-window .image-zoom-window img:last-child {
    left: 0 !important;
    top: 0 !important;
  }
}
/* Webtrends zoom popup PDP - end */
/* Webtrends test 59 - stay in checkout popup fix for fullwidth */
@media screen and (min-width: 1500px) {
  html.w-T59 .wt59_container {
    left: calc(50% - 540px);
    transform: translateX(-50%);
  }
}
/*-- Live search results - start --*/
.WT-searchQueryAlternate {
  position: absolute;
  width: 820px;
  margin-top: 3px;
  border: 6px solid rgba(0, 0, 0, 0.3);
  border-radius: 7px;
  z-index: 104;
  margin-left: 20px;
}
.WT-searchQueryAlternate > div {
  background-color: #fff;
  border-radius: 0;
  box-sizing: border-box;
  height: 580px;
  font-family: "open_sans", sans-serif;
  color: #707070;
  position: relative;
  padding: 0;
}
.WT-searchQueryAlternate .header {
  background: transparent;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 4;
  width: 43%;
}
.WT-searchQueryAlternate .header > span.title {
  list-style: none;
  transition: ease-in-out 0.2s;
  display: inline-block;
  padding: 12px 20px;
  color: #b3b3b3;
  height: 50px;
  line-height: 3.2em;
  color: #0071bc;
  font-size: 0.9em;
  height: auto;
  font-weight: bolder;
  background-color: #FFF;
  width: 100%;
}
.WT-searchQueryAlternate .header > span.title span {
  font-size: 0.7em;
}
.WT-searchQueryAlternate .header > span.title:hover {
  color: #707070;
}
.WT-searchQueryAlternate .header > span.title.selected {
  color: #333;
}
.WT-searchQueryAlternate .results {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}
.WT-searchQueryAlternate .results .rightWrap {
  width: 50%;
  order: 2;
  background-color: #f0f0f0;
  padding: 20px 18px;
  box-sizing: border-box;
}
.WT-searchQueryAlternate .results .leftWrap {
  width: 50%;
  order: 1;
  padding: 60px 18px 0 18px;
  box-sizing: border-box;
}
.WT-searchQueryAlternate .results .scrollableCont {
  width: 100%;
  background-color: transparent;
  box-sizing: border-box;
  overflow-y: auto;
  height: 430px;
}
.WT-searchQueryAlternate .results .leftWrap .scrollableCont {
  height: 490px;
}
.WT-searchQueryAlternate .scrollableCont::-webkit-scrollbar {
  width: 5px;
}
.WT-searchQueryAlternate .scrollableCont::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.WT-searchQueryAlternate .scrollableCont::-webkit-scrollbar-thumb {
  background: #999;
  height: 20px;
}
.WT-searchQueryAlternate .scrollableCont::-webkit-scrollbar-thumb:hover {
  background: #666;
}
.WT-searchQueryAlternate .results .moreResults {
  display: block;
  text-align: center;
}
.WT-searchQueryAlternate .results .moreResults button:hover {
  background: none;
}
.WT-searchQueryAlternate .results .moreResults button:before {
  border-right: 2px solid #2b74b2;
  border-bottom: 2px solid #2b74b2;
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  margin-bottom: 2px;
  transform: rotate(45deg);
}
.WT-searchQueryAlternate .group {
  padding-bottom: 10px;
  font-size: 0.9em;
}
.WT-searchQueryAlternate .group > span.title {
  background: transparent;
  color: #0071bc;
  display: block;
  padding: 0 0 5px 0;
  font-size: 0.9em;
  text-transform: none;
  font-family: "open_sans-bold", sans-serif;
}
.WT-searchQueryAlternate .group > ul > li {
  display: table;
  width: 100%;
  border-bottom: 1px solid #808080;
  position: relative;
}
.WT-searchQueryAlternate .group.leftWrap > ul > li {
  height: 120px;
  padding-top: 10px;
}
.WT-searchQueryAlternate .group > ul > li span.itemImage, .WT-searchQueryAlternate .group > ul > li span.itemDescription {
  display: table-cell;
  vertical-align: middle;
  height: 46px;
}
.WT-searchQueryAlternate .group.manufacturer span.itemImage {
  width: 90px;
}
.WT-searchQueryAlternate .group.manufacturer span.itemImage:before {
  background: #fff;
  border-radius: 4px;
  display: block;
  width: 80px;
  content: " ";
  height: 19px;
  vertical-align: top;
  position: relative;
}
.WT-searchQueryAlternate .group.manufacturer span.itemImage img {
  width: 60px;
  height: 13px;
  position: absolute;
  vertical-align: top;
  top: 16px;
  margin-left: 9px;
}
.WT-searchQueryAlternate .group.manufacturer span.itemDescription {
  color: #b3b3b3;
}
.WT-searchQueryAlternate .group.category span.itemCategorys {
  vertical-align: middle;
  height: 60px;
  display: table-cell;
}
.WT-searchQueryAlternate .group.category span.itemCategorys a {
  text-decoration: none;
  color: #b3b3b3;
  display: block;
}
.WT-searchQueryAlternate .group.category span.itemCategorys a:last-child {
  color: #000;
}
.WT-searchQueryAlternate .group.category span.itemCategorys a:hover {
  text-decoration: underline;
}
.WT-searchQueryAlternate .group.product span.image,
.WT-searchQueryAlternate .group.product span.details {
  display: inline-block;
  vertical-align: top;
}
.WT-searchQueryAlternate .group.product span.details {
  max-width: 17rem;
  margin: 0;
  height: auto;
  position: relative;
}
.WT-searchQueryAlternate .group.product span.image {
  margin-top: 20px;
  width: 80px;
  height: 60px;
  position: relative;
}
.WT-searchQueryAlternate .group.product span.image img {
  width: 60px;
  height: 60px;
}
.WT-searchQueryAlternate .group.product span.details .description {
  display: block;
  color: #5b5b5b;
  text-decoration: none;
  height: 52px;
  overflow: hidden;
  padding-right: 6px;
}
.WT-searchQueryAlternate .group.product span.details .description:hover {
  text-decoration: underline;
}
.WT-searchQueryAlternate .group.product span.details .linkNo {
  display: block;
  color: #808080;
  padding: 0;
}
.WT-searchQueryAlternate .group.product span.priceAvailability {
  margin-left: 0;
  width: 230px;
  display: block;
  height: 20px;
  padding-top: 0;
  padding-bottom: 10px;
  margin-left: 80px;
}
.WT-searchQueryAlternate .group.product span.priceAvailability .stock {
  display: none;
}
.WT-searchQueryAlternate .group.product span.priceAvailability .leftColumn {
  float: none;
  width: auto;
  display: block;
  height: auto;
  padding: 0;
}
.WT-searchQueryAlternate .group.product span.priceAvailability .leftColumn .price {
  font-size: 1em;
  font-weight: bold;
}
.WT-searchQueryAlternate .group.product span.priceAvailability .leftColumn .price small {
  font-size: inherit;
}
.WT-searchQueryAlternate .group.product span.priceAvailability .leftColumn .price span.exVat, .WT-searchQueryAlternate .group.product span.priceAvailability .leftColumn .price span.incVat {
  display: none;
}
.WT-searchQueryAlternate .group.product span.priceAvailability .rightColumn {
  width: auto;
  display: none;
}
.WT-searchQueryAlternate .group.product span.priceAvailability .rightColumn .buyButton a.btn {
  width: 110px;
  line-height: 3.4em;
}
.WT-searchQueryAlternate .group.product span.priceAvailability .rightColumn .buyButton span.controls {
  margin-top: 0;
  margin-left: 0;
}
.WT-searchQueryAlternate .group.manufacturer span.itemDescription a {
  color: #000;
  text-decoration: none;
}
.WT-searchQueryAlternate .group.article span.itemImage {
  width: 65px;
  height: 55px;
}
.WT-searchQueryAlternate .group.article span.itemImage img {
  width: 45px;
  height: 45px;
}
.WT-searchQueryAlternate .productList, .WT-searchQueryAlternate .itemList {
  height: inherit;
  padding: 0 20px 0 20px;
  color: #707070;
  margin-top: 0;
}
.WT-searchQueryAlternate .productList > ul > li > ul > li.image, .WT-searchQueryAlternate .itemList > ul > li > ul > li.image {
  width: 102px;
}
.WT-searchQueryAlternate .productList > ul > li > ul > li.image a {
  border: 0;
  width: 84px;
  height: 84px;
}
.WT-searchQueryAlternate .productList > ul > li > ul > li.image a img {
  border: 0;
  width: 80px;
  height: 80px;
}
.WT-searchQueryAlternate .productList > ul > li > ul > li.price {
  width: 130px;
  padding-top: 28px;
}
.WT-searchQueryAlternate .productList > ul > li > ul > li.price .incVat {
  font-size: 2.2em;
  color: #2b74b2;
  margin-top: 33px;
  display: block;
}
.WT-searchQueryAlternate .productList > ul > li > ul > li.description .titleShort {
  padding-right: 30px;
}
.WT-searchQueryAlternate .productList > ul > li > ul > li.addToBasket {
  vertical-align: top;
}
.WT-searchQueryAlternate .productList > ul > li > ul > li.addToBasket .buyButton {
  margin-top: 37px;
}
.WT-searchQueryAlternate .productList > ul > li > ul, .WT-searchQueryAlternate .itemList > ul > li > ul {
  padding-top: 6px;
}
.WT-searchQueryAlternate .productList > ul > li, .WT-searchQueryAlternate .itemList > ul > li {
  padding-bottom: 6px;
}
.WT-searchQueryAlternate .productList span.linkNo {
  padding-bottom: 0;
  padding-top: 2px;
}
.WT-searchQueryAlternate .popup > div a.more {
  display: block;
  text-align: center;
  padding: 4px 0 6px;
  font-size: 1.1em;
  text-transform: uppercase;
  margin: 0 auto;
}
.WT-searchQueryAlternate .popup > div a.more:after {
  width: 7px;
  height: 7px;
  margin-left: 8px;
  margin-bottom: 3px;
  position: relative;
  display: inline-block;
  content: " ";
  border-bottom: 2px solid #2b74b2;
  border-right: 2px solid #2b74b2;
}
.WT-searchQueryAlternate .itemList > ul > li > ul > li.icon {
  width: 78px;
}
.WT-searchQueryAlternate .itemList > ul > li > ul > li.icon a {
  font-size: 4em;
  border: 0;
  overflow: hidden;
  text-decoration: none;
  text-indent: 70px;
  width: 70px;
  height: 70px;
  color: #b3b3b3;
  transition: ease-in-out 0.2s;
}
.WT-searchQueryAlternate .itemList > ul > li > ul > li.icon a:hover {
  color: #707070;
}
.WT-searchQueryAlternate .itemList > ul > li > ul > li.icon a:before {
  font-family: "scanicons", sans-serif;
  font-style: normal;
  content: "";
  margin-left: -66px;
  margin-right: 10px;
}
.WT-searchQueryAlternate .itemList span.location {
  font-size: 1em;
  color: #2b74b2;
  padding-top: 3px;
}
.WT-searchQueryAlternate .itemList span.location a {
  color: #2b74b2;
  text-decoration: none;
}
.WT-searchQueryAlternate .itemList span.location a:hover {
  text-decoration: underline;
}
.WT-searchQueryAlternate .itemList span.location a:after {
  width: 7px;
  height: 7px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 1px;
  position: relative;
  display: inline-block;
  content: " ";
  border-top: 1px solid #2b74b2;
  border-right: 1px solid #2b74b2;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.WT-searchQueryAlternate .itemList span.location a:last-child:after {
  display: none;
}
.WT-searchQueryAlternate .itemList > ul > li > ul > li.description a.titleLong {
  display: block;
  font-size: 1.2em;
  padding-top: 12px;
  transition: ease-in-out 0.3s;
}
.WT-searchQueryAlternate .itemList > ul > li > ul > li.description a.titleLong:hover {
  color: #333;
}
.WT-searchQueryAlternate .itemList > ul > li > ul > li.image a {
  border: 0;
  width: 79px;
  height: 79px;
}
.WT-searchQueryAlternate .itemList > ul > li > ul > li.image a img {
  border: 0;
  width: 75px;
  height: 75px;
}

/*-- Live search results - end --*/
/*-- Full screen takeover - start --*/
.wt-full-screen-popup {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 200;
  background-color: rgba(255, 255, 255, 0.97);
  display: block;
  overflow-x: hidden;
  overflow-y: auto;
}
.wt-full-screen-popup > div {
  padding: 60px 0;
  text-align: center;
}
.wt-full-screen-popup > div a.logo {
  display: block;
  float: left;
  background: url(../images/scan-logos-svg-b4451de7c5.svg);
  background-position: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent: 190px;
  font-size: 3em;
  line-height: 3em;
  height: 30px;
  margin-left: 100px;
  margin-top: 6px;
  width: 130px;
}
.wt-full-screen-popup > div button.close {
  width: 30px;
  height: 30px;
  overflow: hidden;
  background: none;
  border: 0;
  cursor: pointer;
  font-size: 30px;
  padding: 0;
  line-height: 30px;
  float: right;
  margin-right: 100px;
}
.wt-full-screen-popup > div button.close:before {
  display: block;
  content: "\e903";
}
.wt-full-screen-popup > div button.close > span {
  display: block;
  line-height: 60px;
}
.wt-full-screen-popup > div .large-heading {
  font-size: 60px;
  line-height: 74px;
  padding-top: 200px;
}
.wt-full-screen-popup > div .large-heading > span {
  color: #6D6E71;
  display: block;
}
.wt-full-screen-popup > div a.link {
  color: #3d70b7;
  text-decoration: underline;
  text-transform: uppercase;
  padding: 30px 0 50px;
}
.wt-full-screen-popup > div .slogan {
  font-size: 18px;
  color: #6D6E71;
}
.wt-full-screen-popup > div .slogan > span {
  padding: 10px 20px;
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #bcbec0;
}
.wt-full-screen-popup > div .slogan > span:last-child {
  border-right: 0;
}
.wt-full-screen-popup > div a.url {
  bottom: 0;
  position: fixed;
  display: block;
  padding: 80px 0;
  text-align: center;
  width: 100%;
  font-size: 20px;
  color: #000;
  text-decoration: none;
}
.wt-full-screen-popup > div a.url:hover {
  text-decoration: underline;
}

/*-- Full screen takeover - end --*/
/*-- Hover Main Nav columns test 2 - start --*/
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu {
  height: 700px !important;
  padding: 20px 0 !important;
}
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu #wt101-Components, html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu #wt101-PCsLaptopsServers, html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu #wt101-Storage, html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu #wt101-Peripherals, html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu #wt101-Display, html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu #wt101-Networking, html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu #wt101-Audio, html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu #wt101-Software, html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu #wt101-MobileDevices, html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu #wt101-SmartDrones {
  width: 260px;
  border-right: 1px solid #bcbec0;
}
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu .wt101-secondMenu {
  min-width: 340px;
  width: auto;
  border-right: 1px solid #bcbec0;
}
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu .wt101-secondMenu .wt101-secondMenuTitle {
  padding-left: 30px;
  padding-bottom: 15px;
  font-size: 15px;
}
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu .wt101-secondMenu a.wt101-viewAll {
  margin-left: 12px;
}
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu .wt101-thirdMenu {
  width: 380px;
}
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu .wt101-thirdMenu .wt101-thirdMenuTitle {
  padding-left: 30px;
  padding-bottom: 15px;
  font-size: 15px;
  white-space: normal;
  line-height: 15px;
}
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu .wt101-thirdMenu > a {
  padding: 1px 60px 1px 55px;
}
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu .wt101-firstMenu {
  margin: 0;
  padding: 0;
}
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu .wt101-firstMenu > a {
  padding: 1px 60px 1px 30px;
}
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu .wt101-secondMenuLink {
  margin: 0;
  padding: 0;
}
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu .wt101-secondMenuLink > a {
  padding: 1px 60px 1px 30px;
}
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu .wt101-svg {
  right: 16px;
}
html.wt-101 .w-F1L2 .menuLevel2 ul li.selected .wt101-menu a {
  font-size: 13px;
}
html.wt-101 .w-F1L2 .wt101-thirdMenu .wt101-thirdMenuLink {
  padding-left: 55px;
}
html.wt-101 .w-F1L2 .wt101-thirdMenu .wt101-thirdMenuLink span.checkbox {
  left: 30px;
}
html.wt-101 .w-F1L2 .wt101-buttonsHolder {
  margin-left: 30px;
}
html.wt-101 .w-F1L2 .wt101-onImage a {
  font-size: 13px !important;
}

/*-- Hover Main Nav columns test 2 - end --*/
/*-- Remove item from basket - start --*/
/*-- Remove item from basket - end --*/
/*-- Category filter highlight - start --*/
html.wt-97 .categoryPage #productFilter > div > .field-block.category {
  background: #f3f3f3;
  border-radius: 6px;
  padding: 10px 0;
}
html.wt-97 .categoryPage #productFilter > div > .field-block.category > button.link {
  color: #3d70b7;
  padding-left: 14px;
  padding-right: 14px;
}
html.wt-97 .categoryPage #productFilter > div > .field-block.category > button.link:before {
  display: none;
}
html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul {
  padding-right: 4px;
}
html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul > li {
  border-bottom: 1px solid #dcdcdc;
  padding: 10px 14px 9px;
  margin: 0;
}
html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul > li label {
  color: #000;
}
html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul > li label span i {
  color: #3d70b7;
}
html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul > li:hover, html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul > li:focus {
  background: #3d70b7;
}
html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul > li:hover label, html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul > li:focus label {
  color: #fff;
}
html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul > li:hover label span i, html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul > li:focus label span i {
  color: #fff;
}
html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul > li:last-child {
  border-bottom: 0;
}

@media screen and (max-width: 4000px) and (min-width: 780px) {
  html.wt-97 .categoryPage #productFilter > div > .field-block.category > div {
    max-height: none;
  }
  html.wt-97 .categoryPage #productFilter > div > .field-block.category > div > ul {
    max-height: none;
    overflow: inherit;
  }
}
/*-- Category filter highlight - end --*/
/*-- Basket upsell - we think you may like - start --*/
.wt-basket-upsell .basket-upsell .title-band, .wt-basket-upsell .popup-basket-upsell .title-band {
  background: none;
  padding-bottom: 16px;
}
.wt-basket-upsell .basket-upsell .sliding-products button.arrow, .wt-basket-upsell .popup-basket-upsell .sliding-products button.arrow {
  width: 40px;
  height: 200px;
  overflow: hidden;
  background: none;
  border: 0;
  cursor: pointer;
}
.wt-basket-upsell .basket-upsell .sliding-products button.arrow:before, .wt-basket-upsell .popup-basket-upsell .sliding-products button.arrow:before {
  content: " ";
  width: 26px;
  height: 26px;
  border: 3px solid #7d7d7d;
  display: inline-block;
}
.wt-basket-upsell .basket-upsell .sliding-products button.arrow > i, .wt-basket-upsell .popup-basket-upsell .sliding-products button.arrow > i {
  display: none;
}
.wt-basket-upsell .basket-upsell .sliding-products button.arrow.left, .wt-basket-upsell .popup-basket-upsell .sliding-products button.arrow.left {
  float: left;
}
.wt-basket-upsell .basket-upsell .sliding-products button.arrow.left:before, .wt-basket-upsell .popup-basket-upsell .sliding-products button.arrow.left:before {
  border-top: 0px;
  border-right: 0px;
}
.wt-basket-upsell .basket-upsell .sliding-products button.arrow.right, .wt-basket-upsell .popup-basket-upsell .sliding-products button.arrow.right {
  float: right;
}
.wt-basket-upsell .basket-upsell .sliding-products button.arrow.right:before, .wt-basket-upsell .popup-basket-upsell .sliding-products button.arrow.right:before {
  border-bottom: 0px;
  border-left: 0px;
}
.wt-basket-upsell .basket-upsell .sliding-products button.arrow:hover:before, .wt-basket-upsell .popup-basket-upsell .sliding-products button.arrow:hover:before {
  border-color: #3f3f3f;
}
.wt-basket-upsell .basket-upsell .sliding-products button.arrow:disabled, .wt-basket-upsell .popup-basket-upsell .sliding-products button.arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.wt-basket-upsell .basket-upsell .sliding-products button.arrow:disabled:hover:before, .wt-basket-upsell .popup-basket-upsell .sliding-products button.arrow:disabled:hover:before {
  border-color: #7d7d7d;
}
.wt-basket-upsell .basket-upsell .sliding-products .productColumns, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns {
  border-top: 0;
  display: table;
  margin: 0 42px 30px 42px;
}
.wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product {
  background: #f5f5f5;
  height: 344px;
  width: 180px;
  display: table-cell;
  border: 5px solid #fff;
}
.wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product > span, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product > span {
  text-align: center;
  display: block;
}
.wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product > span.image, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product > span.image {
  position: inherit;
  height: 246px;
}
.wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product > span.image > a, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product > span.image > a {
  margin: 0 auto;
  background-size: 170px 170px;
  background-repeat: no-repeat;
  background-blend-mode: multiply;
  background-color: #f5f5f5;
  display: block;
  height: 240px;
  width: 170px;
  text-align: left;
  padding-top: 170px;
  color: #000;
  text-decoration: none;
}
.wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product > span.price, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product > span.price {
  text-align: left;
  color: #3d70b7;
  font-size: 2em;
  text-indent: 18px;
  padding-bottom: 16px;
}
.wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product > span.add-to-basket, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product > span.add-to-basket {
  padding: 0 18px;
}
.wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product > span.add-to-basket > button.btn, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product > span.add-to-basket > button.btn {
  width: 100%;
  font-size: 0.9em;
  line-height: 2.4em;
}
.wt-basket-upsell .basket-upsell .sliding-product-tabs, .wt-basket-upsell .popup-basket-upsell .sliding-product-tabs {
  text-align: center;
  padding: 4px 0;
}
.wt-basket-upsell .basket-upsell .sliding-product-tabs > button, .wt-basket-upsell .popup-basket-upsell .sliding-product-tabs > button {
  width: 14px;
  height: 14px;
  overflow: hidden;
  display: inline-block;
  border: 0;
  border-radius: 8px;
  background: #e6e6e6;
  text-indent: 14px;
  font-size: 2em;
  cursor: pointer;
  margin-left: 4px;
}
.wt-basket-upsell .basket-upsell .sliding-product-tabs > button.selected, .wt-basket-upsell .popup-basket-upsell .sliding-product-tabs > button.selected {
  background: #4d4d4d;
}
.wt-basket-upsell .popup-basket-upsell {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 920px;
  margin: 0 auto;
}
.wt-basket-upsell .popup-basket-upsell .continue-button {
  text-align: center;
  padding: 20px 0 0;
  font-size: 1.1em;
}
.wt-basket-upsell .popup-basket-upsell .continue-button .btn {
  padding: 0 30px;
}

#popup > div.large-popup {
  width: 1000px;
}

@media screen and (max-width: 980px) {
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns {
    margin: 0 auto;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product {
    height: 340px;
    width: 160px;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product span.image, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product span.image {
    width: 140px;
    height: 244px;
    margin: 0 auto;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product span.image > a, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product span.image > a {
    background-size: 130px 130px;
    width: 130px;
    padding-top: 140px;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product span.price, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product span.price {
    text-indent: 12px;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product span.add-to-basket, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product span.add-to-basket {
    padding: 0 12px;
  }
  .wt-basket-upsell .popup-basket-upsell {
    width: inherit;
    margin: 0 20px;
  }
  .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns {
    margin: 0 auto;
  }
  #popup > div.large-popup {
    width: 100%;
  }
}
@media screen and (max-width: 902px) {
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns {
    margin: 0 42px 30px 42px;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product {
    height: 340px;
    width: 120px;
    border: 2px solid #fff;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product span.image, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product span.image {
    width: 100px;
    height: 244px;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product span.image > a, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product span.image > a {
    background-size: 90px 90px;
    width: 90px;
    padding-top: 90px;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product span.price, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product span.price {
    text-indent: 12px;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product span.add-to-basket, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product span.add-to-basket {
    padding: 0 10px;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product span.add-to-basket > button.btn, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product span.add-to-basket > button.btn {
    line-height: 1.2em;
    padding: 6px 4px;
  }
  .wt-basket-upsell .popup-basket-upsell {
    width: inherit;
    margin: 0 20px;
  }
  .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns {
    margin: 0 auto;
  }
}
@media screen and (max-width: 880px) {
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns {
    margin: 0 auto;
  }
}
@media screen and (max-width: 540px) {
  .wt-basket-upsell .basket-upsell .sliding-products button.arrow, .wt-basket-upsell .popup-basket-upsell .sliding-products button.arrow {
    width: 34px;
  }
  .wt-basket-upsell .basket-upsell .sliding-products button.arrow.right:before, .wt-basket-upsell .popup-basket-upsell .sliding-products button.arrow.right:before {
    margin-left: -8px;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns {
    display: block;
    margin: 0 38px 30px 38px;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product {
    display: table;
    width: 100%;
    height: inherit;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product > span, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product > span {
    display: table-cell;
    vertical-align: top;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product > span.image, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product > span.image {
    height: inherit;
    width: auto;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product > span.image > a, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product > span.image > a {
    background-size: 70px 70px;
    width: inherit;
    padding: 6px 0 6px 80px;
    height: auto;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product > span.price, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product > span.price {
    text-indent: 8px;
    width: 86px;
    font-size: 1.6em;
    padding: 6px 0 0;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product > span.add-to-basket, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product > span.add-to-basket {
    padding: 0;
    width: 68px;
  }
  .wt-basket-upsell .basket-upsell .sliding-products .productColumns > li.product > span.add-to-basket > button.btn, .wt-basket-upsell .popup-basket-upsell .sliding-products .productColumns > li.product > span.add-to-basket > button.btn {
    line-height: 1.2em;
    padding: 6px 0;
    width: 62px;
    font-size: 0.9em;
    margin-top: 6px;
    margin-right: 6px;
  }
}
/*-- Basket upsell - we think you may like  - end --*/
/*-- Customer also viewed product list - start --*/
.wt-customers-bought.infoPage .customer-bought {
  margin: 0 40px;
  border-bottom: 1px solid #bcbec0;
  padding: 20px 0;
}
.wt-customers-bought.infoPage .customer-bought > span.title {
  padding: 14px 0 4px 40px;
  display: block;
  font-size: 1.9em;
  color: #000;
  border: 0;
}
.wt-customers-bought.infoPage .customer-bought .sliding-products button.arrow {
  width: 40px;
  height: 200px;
  overflow: hidden;
  background: none;
  border: 0;
  cursor: pointer;
}
.wt-customers-bought.infoPage .customer-bought .sliding-products button.arrow:before {
  content: " ";
  width: 26px;
  height: 26px;
  border: 3px solid #7d7d7d;
  display: inline-block;
}
.wt-customers-bought.infoPage .customer-bought .sliding-products button.arrow > i {
  display: none;
}
.wt-customers-bought.infoPage .customer-bought .sliding-products button.arrow.left {
  float: left;
}
.wt-customers-bought.infoPage .customer-bought .sliding-products button.arrow.left:before {
  border-top: 0px;
  border-right: 0px;
}
.wt-customers-bought.infoPage .customer-bought .sliding-products button.arrow.right {
  float: right;
}
.wt-customers-bought.infoPage .customer-bought .sliding-products button.arrow.right:before {
  border-bottom: 0px;
  border-left: 0px;
}
.wt-customers-bought.infoPage .customer-bought .sliding-products button.arrow:hover:before {
  border-color: #3f3f3f;
}
.wt-customers-bought.infoPage .customer-bought .sliding-products button.arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.wt-customers-bought.infoPage .customer-bought .sliding-products button.arrow:disabled:hover:before {
  border-color: #7d7d7d;
}
.wt-customers-bought.infoPage .customer-bought .sliding-product-tabs {
  text-align: center;
  padding: 4px 0;
}
.wt-customers-bought.infoPage .customer-bought .sliding-product-tabs > button {
  width: 14px;
  height: 14px;
  overflow: hidden;
  display: inline-block;
  border: 0;
  border-radius: 8px;
  background: #e6e6e6;
  text-indent: 14px;
  font-size: 2em;
  cursor: pointer;
  margin-left: 4px;
}
.wt-customers-bought.infoPage .customer-bought .sliding-product-tabs > button.selected {
  background: #4d4d4d;
}
.wt-customers-bought.infoPage .customer-bought .productColumns {
  border-top: 0;
  display: table;
  margin: 0 42px 30px 42px;
}
.wt-customers-bought.infoPage .customer-bought .productColumns > li {
  width: 240px;
  display: table-cell;
  font-size: 14px;
  box-sizing: border-box;
  vertical-align: top;
}
.wt-customers-bought.infoPage .customer-bought .productColumns > li > a {
  text-decoration: none;
  color: #000;
}
.wt-customers-bought.infoPage .customer-bought .productColumns span.image {
  display: block;
  position: inherit;
  height: 134px;
  width: 134px;
  text-align: center;
}
.wt-customers-bought.infoPage .customer-bought .productColumns span.image > img {
  width: 120px;
  height: 120px;
  margin: 7px auto 0;
}
.wt-customers-bought.infoPage .customer-bought .productColumns .description {
  font-size: 0.85em;
  line-height: 1.45em;
  padding-right: 12px;
}
.wt-customers-bought.infoPage .customer-bought .productColumns .description > span {
  color: #5b5b5b;
}
.wt-customers-bought.infoPage .customer-bought .productColumns .details {
  height: 85px;
  display: block;
  margin-left: 0;
}
.wt-customers-bought.infoPage .customer-bought .productColumns .product .priceAvailability {
  margin-left: 0;
  padding-top: 5px;
}
.wt-customers-bought.infoPage .customer-bought .productColumns .product .priceAvailability .price {
  font-size: 1.8em;
}

@media screen and (max-width: 1180px) {
  .wt-customers-bought.infoPage .customer-bought .productColumns .details {
    height: 106px;
  }
}
@media screen and (max-width: 1050px) {
  .wt-customers-bought.infoPage .customer-bought .productColumns .details {
    height: 126px;
  }
}
@media screen and (max-width: 1000px) {
  .wt-customers-bought.infoPage .customer-bought .productColumns span.image {
    width: 106px;
    height: 106px;
  }
  .wt-customers-bought.infoPage .customer-bought .productColumns span.image > img {
    width: 100px;
    height: 100px;
    margin: 3px auto 0;
  }
}
@media screen and (max-width: 900px) {
  .wt-customers-bought.infoPage .customer-bought .productColumns {
    display: block;
    margin-top: 14px;
  }
  .wt-customers-bought.infoPage .customer-bought .productColumns > li {
    width: 49.4%;
    display: inline-block;
    vertical-align: top;
    height: 70px;
    overflow: hidden;
    margin-bottom: 4px;
    border-bottom: 1px solid #bcbec0;
  }
  .wt-customers-bought.infoPage .customer-bought .productColumns > li > a {
    display: table;
  }
  .wt-customers-bought.infoPage .customer-bought .productColumns > li > a > span {
    display: table-cell;
    vertical-align: top;
    padding-right: 8px;
  }
  .wt-customers-bought.infoPage .customer-bought .productColumns > li > a > span.image {
    display: table-cell;
    width: 78px;
    text-align: left;
  }
  .wt-customers-bought.infoPage .customer-bought .productColumns > li > a > span.image > img {
    width: 70px;
    height: 70px;
    vertical-align: top;
    margin-top: 0;
  }
  .wt-customers-bought.infoPage .customer-bought .productColumns > li:nth-child(odd) {
    border-right: 1px solid #bcbec0;
  }
}
@media screen and (max-width: 780px) {
  .wt-customers-bought.infoPage .customer-bought .productColumns > li {
    width: 100%;
    display: block;
    border-right: 0 !important;
    height: 56px;
  }
  .wt-customers-bought.infoPage .customer-bought .productColumns > li > a > span.image {
    width: 58px;
  }
  .wt-customers-bought.infoPage .customer-bought .productColumns > li > a > span.image > img {
    width: 50px;
    height: 50px;
  }
  .wt-customers-bought.infoPage .customer-bought .productColumns > li > a > span.details .description {
    padding-top: 4px;
    padding-right: 4px;
  }
  .wt-customers-bought.infoPage .customer-bought .productColumns > li > a > span.priceAvailability .price {
    font-size: 1.6em !important;
    padding-top: 8px !important;
  }
  .wt-customers-bought.infoPage .customer-bought .sliding-products .arrow {
    width: 30px !important;
  }
  .wt-customers-bought.infoPage .customer-bought .sliding-products .arrow.right:before {
    margin-left: -14px;
  }
}
/*-- Customer also viewed product list - end --*/
/*-- Guest Checkout with column basket - start --*/
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 {
  border-left: 0;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div {
  margin-left: 0;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div div.totals {
  padding: 20px 22px;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div div.totals table tr.total {
  font-size: 1.7em;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div div.totals table tr.total span.price small {
  font-size: 0.7em;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div div.totals table tr td {
  color: #5b5b5b;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div div.scanProtectBox div.header > span.title {
  font-size: 1em;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div div.scanProtectBox div.header > span.price {
  font-size: 0.85em;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div div.scanProtectBox div.content .check {
  margin-top: -32px;
}

.guestCheckoutContainer .guestCheckout.wt-guest-basket .column1 {
  display: block;
  margin-right: 320px;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 {
  float: right;
  display: block;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 button.basket-mobile-tog {
  display: none;
  background: #f1f2f2;
  border: 0;
  width: 100%;
  text-transform: uppercase;
  padding: 8px 0;
  cursor: pointer;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 button.basket-mobile-tog:after {
  display: inline-block;
  content: " ";
  width: 7px;
  height: 7px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  margin-left: 10px;
  margin-top: 2px;
  vertical-align: top;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 button.basket-mobile-tog.expand:after {
  margin-top: 6px;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket {
  background: #f1f2f2;
  padding: 20px 22px;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.title {
  display: block;
  border-bottom: 1px solid #bdbec0;
  width: 100%;
  padding-bottom: 4px;
  margin-bottom: 12px;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.title > h2 {
  display: inline;
  margin: 0;
  padding: 0;
  font-size: 1.7em;
  color: #000;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.title > span {
  display: inline;
  float: right;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.title > span > strong {
  font-weight: normal;
  font-size: 1.2em;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable {
  margin-right: 0;
  max-height: 280px;
  overflow-y: scroll;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable::-webkit-scrollbar {
  width: 5px;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable::-webkit-scrollbar-track {
  background: #ddd;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable::-webkit-scrollbar-thumb {
  background: #a7a9ac;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul {
  padding: 0 14px 4px 0;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li {
  display: table;
  width: 100%;
  padding: 2px 0 14px;
  border-bottom: 1px solid #d3d5d6;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li:last-child {
  border-bottom: 0;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li > i.image {
  display: table-cell;
  vertical-align: top;
  width: 70px;
  padding-top: 12px;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li > i.image > img {
  height: 52px;
  width: 52px;
  border: 2px solid #fff;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li > span.information {
  display: table-cell;
  vertical-align: top;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li > span.information > span.link-qty {
  display: block;
  font-size: 0.9em;
  padding-bottom: 2px;
  padding-top: 10px;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li > span.information > span.link-qty > span {
  display: inline;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li > span.information > span.link-qty > span.link-no {
  color: #3d70b7;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li > span.information > span.link-qty > span.qty {
  float: right;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li > span.information > span.desc {
  font-size: 0.8em;
  line-height: 1em;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li > span.information > span.price-stock {
  display: block;
  vertical-align: bottom;
  padding-top: 4px;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li > span.information > span.price-stock .price {
  display: inline;
  font-size: 1.3em;
  color: #58595b;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li > span.information > span.price-stock .stock {
  color: #5b5b5b;
  font-size: 0.8em;
  display: inline;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li > span.information > span.price-stock .stock:before {
  content: " | ";
  color: #5b5b5b;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .column-basket > div.basket-none-editable > ul li > span.information > span.price-stock .stock.in {
  color: #3ba936;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .totals {
  background: #e6e7e8;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .totals > h2 {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1.7em;
  color: #000;
  border-bottom: 1px solid #bdbec0;
  padding-bottom: 6px;
}
.guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 .totals > table {
  font-size: 0.8em;
  line-height: 1em;
  margin-top: 8px;
}
@media screen and (max-width: 1100px) {
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 {
    width: 320px;
  }
}
@media screen and (max-width: 1000px) {
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column1 {
    margin-right: 0;
    padding-top: 16px;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 {
    float: none;
    width: inherit;
    border-bottom: 0;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 button.basket-mobile-tog {
    display: block;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div {
    padding: 0;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div.collapsed {
    display: none;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div.expanded {
    display: block;
    border-top: 1px solid #d3d5d6;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.column-basket {
    width: 50%;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.column-basket > div.title {
    border-bottom: 0;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.column-basket > div.title > span {
    display: none;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.totals {
    width: 28%;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.totals > h2 {
    border-bottom: 0;
    font-size: 1.6em;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.totals table tr > td:first-child {
    padding-left: 0;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.totals table tr > td:last-child {
    padding-right: 0;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.scanProtectBox {
    width: 22%;
    background: #f1f2f2;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.scanProtectBox div.header > span.title {
    float: none;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.scanProtectBox div.header > span.price {
    display: block;
  }
}
@media screen and (max-width: 720px) {
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div {
    display: block;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.column-basket {
    width: 100%;
    padding: 20px 0;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.column-basket > div.title {
    padding-left: 22px;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.column-basket > div.basket-none-editable {
    margin: 0 22px;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.totals {
    width: auto;
  }
  .guestCheckoutContainer .guestCheckout.wt-guest-basket .column2 > div > div > div.scanProtectBox {
    width: auto;
  }
}
/*-- Guest Checkout with column basket - end --*/
/*-- Product Info with go to basket - start --*/
.wt-product-goto-basket.buyPanel .buyButton.large {
  display: table;
  width: 100%;
}
.wt-product-goto-basket.buyPanel .buyButton.large > span {
  display: table-cell;
  width: 50%;
}
.wt-product-goto-basket.buyPanel .buyButton.large a.btn.go-to-basket {
  display: table-cell;
  width: 50%;
}

.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large {
  display: table;
  width: 100%;
  height: 52px;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large > span {
  display: table-cell;
  width: 55%;
  vertical-align: top;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large > span > span.controls {
  height: 52px;
  vertical-align: top;
  margin-top: 0;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large > span > span.controls > a {
  width: 21px;
  height: 20px;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large > span > span.controls > a > span {
  width: 10px;
  margin-top: 9px;
  margin-left: 6px;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large > span > span.controls > a.increase {
  margin-right: 34px;
  margin-top: 8px;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large > span > span.controls > a.increase > span > i {
  height: 10px;
  margin-top: -6px;
  margin-left: 4px;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large > span > span.controls > a.decrease {
  margin-top: 8px;
  margin-left: 8px;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large > span > span.qty {
  float: none;
  width: 80%;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large > span > span.qty > input {
  width: 38px;
  font-size: 1.2em;
  height: inherit;
  margin-top: 4px;
  line-height: 1.5em;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large > span > span.qty > span {
  font-size: 1.6em;
  line-height: 1.4em;
  margin: -51px 42px 0;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large > span > span.title {
  display: block;
  float: none;
  width: 120px;
  margin-top: 2px;
  font-size: 0.85em;
  text-align: left;
  padding-left: 8px;
  color: #0c9444;
  text-transform: none;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large a.btn.go-to-basket {
  display: table-cell;
  width: 45%;
  line-height: 1em;
  padding-top: 0;
  vertical-align: top;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .buyButton.large a.btn.go-to-basket > small {
  font-size: 0.8em;
  display: block;
  margin-top: 7px;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.leftColumn {
  width: 40%;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.wishListColumn {
  width: 10%;
}
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.rightColumn {
  width: 55%;
}

@media screen and (max-width: 590px) {
  .wt-product-goto-basket.buyPanel .buyButton.large a.btn {
    height: 52px;
  }
}
@media screen and (max-width: 480px) {
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket {
    padding: 26px 0 30px !important;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn {
    width: 100%;
    height: 40px;
    margin-top: 6px;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large {
    display: table;
    height: 40px;
    padding-top: 0;
    background: #e0efe2;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large:before {
    content: " ";
    border-bottom: 3px solid #008d36;
    border-right: 3px solid #008d36;
    width: 5px;
    height: 12px;
    margin: 10px 12px 0 14px;
    display: block;
    position: absolute;
    display: block;
    transform: rotate(45deg);
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large > span {
    width: 100px;
    padding-right: 8px;
    display: table-cell;
    height: 40px;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large > span:before {
    content: "Added";
    display: block;
    padding: 11px 0 0 0;
    text-indent: 32px;
    float: left;
    width: 80px;
    font-size: 1.2em;
    color: #008d36;
    font-family: "uni_sanssemibold", sans-serif;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large > span > span.controls {
    display: block;
    margin-left: 82px;
    width: inherit;
    height: 40px;
    background: none;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large > span > span.controls > a {
    width: 22px;
    height: 22px;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large > span > span.controls > a > span {
    width: 10px;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large > span > span.controls > a.increase {
    margin-right: 4px;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large > span > span.controls > a.increase > span > i {
    height: 10px;
    margin-top: -6px;
    margin-left: 4px;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large > span > span.qty {
    width: 36px;
    margin-left: 118px;
    text-align: left;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large > span > span.qty > input {
    width: 30px;
    font-size: 1.2em;
    margin: -34px 0 0;
    height: inherit;
    line-height: 1.5em;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large > span > span.qty > span {
    font-size: 1.6em;
    line-height: 1.5em;
    margin: -37px 4px 0 0;
    text-align: center;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large > span > span.title {
    display: none;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large a.btn.go-to-basket {
    height: 40px;
    display: table-cell;
    font-size: 1em;
    line-height: 2.8em;
    width: 50%;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large a.btn.go-to-basket > small {
    font-size: 1em;
    display: inline;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn .buyButton.large a.btn.go-to-basket > small:after {
    content: " ";
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel.wt-product-goto-basket .priceAvailability div.priceWishlistBuy > div.rightColumn span.stock {
    margin-top: 4px;
  }
}
/*-- Product Info with go to basket - end --*/
/*-- Guest Checkout Paypal & Paypal Credit Combined - start --*/
.wt-paypal-combine.guestCheckoutContainer .guestCheckout section.payment .paymentMethod .paypal-paypalcredit {
  width: 26%;
}
.wt-paypal-combine.guestCheckoutContainer .guestCheckout section.payment .paymentMethod .paypal-paypalcredit > i {
  display: inline-block;
  height: 28px;
  margin-top: 8px;
}
.wt-paypal-combine.guestCheckoutContainer .guestCheckout section.payment .paymentMethod .paypal-paypalcredit > i:nth-child(2) {
  background-position: -285px -6px;
  width: 70px;
}
.wt-paypal-combine.guestCheckoutContainer .guestCheckout section.payment .paymentMethod .paypal-paypalcredit > i:nth-child(3) {
  background-position: -559px -40px;
  background-size: 710px 68px;
  width: 74px;
  border-left: 1px solid #bcbec0;
}
.wt-paypal-combine.guestCheckoutContainer .guestCheckout section.payment .paymentMethod > div.genericCentreForm.paypalCreditDetails > p {
  padding-top: 0;
  padding-bottom: 26px;
  font-size: 1.2em;
  text-align: center;
  line-height: 1.5em;
}
.wt-paypal-combine.guestCheckoutContainer .guestCheckout section.payment .paymentMethod > div.genericCentreForm.paypalCreditDetails > p > span {
  font-size: 1.2em;
  color: #3d70b7;
  padding: 0 3px;
}
.wt-paypal-combine.guestCheckoutContainer .guestCheckout section.payment .paymentMethod > div.genericCentreForm.paypalCreditDetails > p.example {
  font-size: 0.9em;
  color: #bcbec0;
  padding-top: 18px;
}
.wt-paypal-combine.guestCheckoutContainer .guestCheckout section.payment .paymentMethod > div.genericCentreForm.paypalCreditDetails .paypalButtonContainer {
  width: 70%;
  margin: 0 auto;
}

@media screen and (max-width: 800px) {
  .guestCheckoutContainer .guestCheckout section.payment .paymentMethod > div > ul.paymentTypes > li.paypal-paypalcredit {
    width: 26% !important;
  }
}
@media screen and (max-width: 620px) {
  .guestCheckoutContainer .guestCheckout section.payment .paymentMethod > div > ul.paymentTypes .or {
    width: 3% !important;
  }
  .guestCheckoutContainer .guestCheckout section.payment .paymentMethod > div > ul.paymentTypes > li.paypal-paypalcredit {
    width: 164px !important;
  }
}
/*-- Guest Checkout Paypal & Paypal Credit Combined - end --*/
/*-- Checkout button in header - start --*/
header.wt-checkout-button.menu > div .toolbar {
  margin: 0 522px 0 200px;
}
header.wt-checkout-button.menu > div .rightCol {
  width: 500px;
}
header.wt-checkout-button.menu .search form > input {
  margin-left: 50px;
}
header.wt-checkout-button.menu div.basket.headerBasket {
  width: 300px;
}
header.wt-checkout-button.menu div.basket.headerBasket a.summary {
  background: #eaeaea;
  width: 180px;
}
header.wt-checkout-button.menu div.basket.headerBasket a.summary > i {
  width: 44px;
}
header.wt-checkout-button.menu div.basket.headerBasket a.summary strong {
  padding-top: 2px;
}
header.wt-checkout-button.menu div.basket.headerBasket a.summary .price {
  width: 86px;
}
header.wt-checkout-button.menu div.basket.headerBasket .items {
  position: absolute;
  margin-left: 27px;
  margin-top: 9px;
  border: 2px solid #fff;
  width: 19px;
  height: 19px;
  font-size: 0.85em;
}
header.wt-checkout-button.menu div.basket.headerBasket > div a.btn {
  height: 36px;
  margin-top: 26px;
  line-height: 2.8em;
}

@media screen and (max-width: 1200px) {
  header.wt-checkout-button.menu .search {
    margin-left: 0;
  }
  header.wt-checkout-button.menu .search form > input {
    margin-left: 0;
  }
}
@media screen and (max-width: 1120px) {
  header.wt-checkout-button.menu > div .toolbar {
    margin: 0 522px 0 176px;
  }
  header.wt-checkout-button.menu > div .logo a {
    margin-left: 26px;
  }
  header.wt-checkout-button.menu .search {
    width: 320px;
  }
  header.wt-checkout-button.menu .search form > input {
    width: 236px;
    padding: 0 10px;
  }
  header.wt-checkout-button.menu .search form > input::placeholder {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 1000px) {
  header.wt-checkout-button.menu > div .myaccount-links {
    width: 30px;
  }
  header.wt-checkout-button.menu > div .myaccount-links > span:first-child {
    height: 32px;
    width: 32px;
    overflow: hidden;
    margin-top: 2px;
  }
  header.wt-checkout-button.menu > div .myaccount-links > span:first-child:before {
    font-family: "scanicons", sans-serif;
    content: "\e90e";
    display: block;
    float: left;
    width: 34px;
    height: 28px;
    font-size: 26px;
    margin-top: 9px;
  }
  header.wt-checkout-button.menu > div .myaccount-links > span:first-child::after {
    display: none;
  }
  header.wt-checkout-button.menu > div .myaccount-links > span:last-child {
    display: none;
  }
  header.wt-checkout-button.menu > div .myaccount-links:before {
    display: none;
  }
  header.wt-checkout-button.menu > div .rightCol {
    width: 348px;
  }
}
@media screen and (max-width: 860px) {
  header.wt-checkout-button.menu .search {
    width: 280px;
  }
  header.wt-checkout-button.menu .search form > input {
    width: 206px;
  }
}
@media screen and (max-width: 820px) {
  header.wt-checkout-button.menu .search {
    width: 260px;
  }
  header.wt-checkout-button.menu .search form > input {
    width: 186px;
  }
}
@media screen and (max-width: 780px) {
  header.wt-checkout-button.menu > div .logo a {
    margin-left: auto;
  }
  header.wt-checkout-button.menu > div .rightCol {
    width: 106px;
  }
}
/*-- Checkout button in header - end --*/
/* @use 'main/scan.trust.message' as trust-message; */
/* @use 'wishlist/scan.wishlist' as wishlist; */
/* @use 'main/scan.header.checkoutbutton' as header-checkout-button;*
/* @use 'main/scan.category' as category; */
/* @use 'main/scan.category.filter' as category-filter; */
/* @use 'main/scan.category.facet.scss' as category-facet; */
/* fonts */
@font-face {
  font-family: uni_sansbold;
  src: url("../images/fonts/Uni-Sans-Bold-130a186c0d.eot?#iefix") format("embedded-opentype");
  src: url("../images/fonts/Uni-Sans-Bold-130a186c0d.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Uni-Sans-Bold-cd3f53d3a3.woff") format("woff"), url("../images/fonts/Uni-Sans-Bold-3e0aefa0b2.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: uni_sansbook;
  src: url("../images/fonts/Uni_Sans_Book-webfont-ffd5ddcf5b.eot");
  src: url("../images/fonts/Uni_Sans_Book-webfont-ffd5ddcf5b.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Uni_Sans_Book-webfont-82c954d1af.woff2") format("woff2"), url("../images/fonts/Uni_Sans_Book-webfont-aec57401f4.woff") format("woff"), url("../images/fonts/Uni_Sans_Book-webfont-961bcce38b.ttf") format("truetype"), url("../images/fonts/Uni_Sans_Book-webfont-043900d5e7.svg#uni_sansbook") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: uni_sanssemibold;
  src: url("../images/fonts/Uni_Sans_SemiBold-webfont-ce6f7e8c61.eot");
  src: url("../images/fonts/Uni_Sans_SemiBold-webfont-ce6f7e8c61.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Uni_Sans_SemiBold-webfont-819ef434a5.woff2") format("woff2"), url("../images/fonts/Uni_Sans_SemiBold-webfont-2e4c1cb3f8.woff") format("woff"), url("../images/fonts/Uni_Sans_SemiBold-webfont-de5f917a57.ttf") format("truetype"), url("../images/fonts/Uni_Sans_SemiBold-webfont-95eaf002a1.svg#uni_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: uni_sans_regular;
  src: url("../images/fonts/Uni_Sans_Regular-webfont-7c105493bb.eot");
  src: url("../images/fonts/Uni_Sans_Regular-webfont-7c105493bb.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Uni_Sans_Regular-webfont-d5bd7e08bf.woff2") format("woff2"), url("../images/fonts/Uni_Sans_Regular-webfont-da6be4d774.woff") format("woff"), url("../images/fonts/Uni_Sans_Regular-webfont-e777f14c46.ttf") format("truetype"), url("../images/fonts/Uni_Sans_Regular-webfont-e66c20afc8.svg#uni_sans_regularregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: scanicons;
  src: url("../images/fonts/scanicons-c7d1fdc1d4.eot");
  src: url("../images/fonts/scanicons-c7d1fdc1d4.eot?#iefix") format("embedded-opentype"), url("../images/fonts/scanicons-ed491e5f46.woff") format("woff"), url("../images/fonts/scanicons-6163838cb0.ttf") format("truetype"), url("../images/fonts/scanicons-e8916df887.svg#scanicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: open_sans;
  src: url("../images/fonts/opensans-regular-webfont-9d1c12b712.eot");
  src: url("../images/fonts/opensans-regular-webfont-9d1c12b712.eot?#iefix") format("embedded-opentype"), url("../images/fonts/opensans-regular-webfont-f2b0ed79b7.woff") format("woff"), url("../images/fonts/opensans-regular-webfont-629a55a7e7.ttf") format("truetype"), url("../images/fonts/opensans-regular-webfont-37a18bdac3.svg#open_sans") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: open_sans-bold;
  src: url("../images/fonts/opensans-bold-webfont-0ba827c0a8.eot");
  src: url("../images/fonts/opensans-bold-webfont-0ba827c0a8.eot?#iefix") format("embedded-opentype"), url("../images/fonts/opensans-bold-webfont-3177f09919.woff") format("woff"), url("../images/fonts/opensans-bold-webfont-5014568504.ttf") format("truetype"), url("../images/fonts/opensans-bold-webfont-97a6a10527.svg#open_sans-bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: open_sans-semibold;
  src: url("../images/fonts/opensans-semibold-webfont-fd9faec008.eot");
  src: url("../images/fonts/opensans-semibold-webfont-fd9faec008.eot?#iefix") format("embedded-opentype"), url("../images/fonts/opensans-semibold-webfont-2432afba5c.woff") format("woff"), url("../images/fonts/opensans-semibold-webfont-33f225b8f5.ttf") format("truetype"), url("../images/fonts/opensans-semibold-webfont-8f4503cf30.svg#open_sans-bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Poppins font start */
@font-face {
  font-family: Poppins-Light;
  src: url("../images/fonts/Poppins-Light-197cace4cf.eot");
  src: url("../images/fonts/Poppins-Light-197cace4cf.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Poppins-Light-e577e3ba5c.woff2") format("woff2"), url("../images/fonts/Poppins-Light-b9a56777a8.woff") format("woff"), url("../images/fonts/Poppins-Light-fcc40ae9a5.ttf") format("truetype"), url("../images/fonts/Poppins-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Poppins-Regular;
  src: url("../images/fonts/Poppins-Regular-8a12a39012.eot");
  src: url("../images/fonts/Poppins-Regular-8a12a39012.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Poppins-Regular-4ca79fd9a4.woff2") format("woff2"), url("../images/fonts/Poppins-Regular-41dd109294.woff") format("woff"), url("../images/fonts/Poppins-Regular-093ee89be9.ttf") format("truetype"), url("../images/fonts/Poppins-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Poppins-Medium;
  src: url("../images/fonts/Poppins-Medium-bbad072474.eot");
  src: url("../images/fonts/Poppins-Medium-bbad072474.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Poppins-Medium-3b48234d19.woff2") format("woff2"), url("../images/fonts/Poppins-Medium-2ba582f707.woff") format("woff"), url("../images/fonts/Poppins-Medium-bf59c687bc.ttf") format("truetype"), url("../images/fonts/Poppins-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Poppins-SemiBold;
  src: url("../images/fonts/Poppins-SemiBold-01ef2d813b.eot");
  src: url("../images/fonts/Poppins-SemiBold-01ef2d813b.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Poppins-SemiBold-a36b89cf7f.woff2") format("woff2"), url("../images/fonts/Poppins-SemiBold-5cd938c7e4.woff") format("woff"), url("../images/fonts/Poppins-SemiBold-6f1520d107.ttf") format("truetype"), url("../images/fonts/Poppins-SemiBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: Poppins-Bold;
  src: url("../images/fonts/Poppins-Bold-e1895c50d7.eot");
  src: url("../images/fonts/Poppins-Bold-e1895c50d7.eot?#iefix") format("embedded-opentype"), url("../images/fonts/Poppins-Bold-72eea25a55.woff2") format("woff2"), url("../images/fonts/Poppins-Bold-b4b76be527.woff") format("woff"), url("../images/fonts/Poppins-Bold-08c20a4879.ttf") format("truetype"), url("../images/fonts/Poppins-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* Poppins font end */
/* Poppins - proper */
@font-face {
  font-family: Poppins;
  src: url("../images/fonts/Poppins-Light-e577e3ba5c.woff2") format("woff2"), url("../images/fonts/Poppins-Light-b9a56777a8.woff") format("woff");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: Poppins;
  src: url("../images/fonts/Poppins-Regular-4ca79fd9a4.woff2") format("woff2"), url("../images/fonts/Poppins-Regular-41dd109294.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Poppins;
  src: url("../images/fonts/Poppins-Medium-3b48234d19.woff2") format("woff2"), url("../images/fonts/Poppins-Medium-2ba582f707.woff") format("woff");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: Poppins;
  src: url("../images/fonts/Poppins-SemiBold-a36b89cf7f.woff2") format("woff2"), url("../images/fonts/Poppins-SemiBold-5cd938c7e4.woff") format("woff");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: Poppins;
  src: url("../images/fonts/Poppins-Bold-72eea25a55.woff2") format("woff2"), url("../images/fonts/Poppins-Bold-b4b76be527.woff") format("woff");
  font-weight: 700;
  font-display: swap;
}
/* Poppins - proper end */
/* header */
body {
  background: #e0e0e0;
  margin: 0;
  font-size: 13px;
  line-height: 1.3em;
  font-variant-ligatures: none;
  min-width: 318px;
}

.container {
  background: #fff;
  margin: 0 auto;
  width: 100%;
}

img {
  border: 0;
}

/* Headings */
.heading {
  font-size: 1em;
  color: #5b5b5b;
  text-decoration: none;
  line-height: 1em;
  display: block;
}

.large.heading {
  font-size: 2.8em;
}

h1 {
  font-size: 2.4em;
  padding: 4px 0;
  margin: 0;
  color: #000000;
}

h2 {
  font-size: 1.7em;
  padding: 16px 0 14px;
  margin: 0;
  color: #5b5b5b;
}

h3 {
  color: #5b5b5b;
}

p {
  padding: 16px 0;
  font-size: 1em;
}

hr {
  border: 0;
  height: 0;
  border-bottom: 1px solid #bcbec0;
}

/* Universal Container */
.contentContainer {
  padding: 30px 30px;
}
.contentContainer.font-icons > p {
  width: 15%;
  display: inline-block;
  border: 1px solid #C2C2C2;
  text-indent: 14px;
  margin-bottom: 14px;
  margin-right: 10px;
  vertical-align: top;
  padding: 0;
}
.contentContainer.font-icons > p > i {
  height: 40px;
  width: 50px;
  display: block;
  text-align: center;
  margin: 10px auto 0;
  color: #000;
  font-size: 30px;
  font-style: normal;
  font-weight: normal;
  overflow: hidden;
}
.contentContainer.font-icons > p > i:before {
  display: block;
  margin-top: 8px;
}
.contentContainer.font-icons > p > span {
  display: table;
  background: #e6e7e8;
  width: 100%;
  padding: 8px 0;
}
.contentContainer.font-icons > p > span > span {
  display: table-cell;
  padding: 3px 10px;
  text-align: left;
  text-indent: 0;
  line-height: 1em;
}
.contentContainer.font-icons > p > span > span:before {
  display: block;
  font-size: 9px;
  padding: 0;
  color: #828282;
}
.contentContainer.font-icons > p > span > span:first-child {
  width: 60%;
  border-right: 1px solid #000;
}
.contentContainer.font-icons > p > span > span:first-child:before {
  content: "class";
}
.contentContainer.font-icons > p > span > span:last-child {
  width: 40%;
}
.contentContainer.font-icons > p > span > span:last-child:before {
  content: "css";
}
.contentContainer.font-icons > p > span > span:hover {
  background: #000;
  color: #fff;
}

/* Price */
.price small {
  font-size: 0.7em;
}

.priceBlock {
  display: block;
  width: 270px;
  height: 70px;
  font-size: 2.2em;
}
.priceBlock .wasPrice {
  display: block;
  text-transform: uppercase;
  font-size: 0.4em;
  color: #9e9e9e;
  padding-bottom: 10px;
}
.priceBlock .wasPrice span {
  font-size: 1.3em;
  padding-left: 4px;
  text-decoration: line-through;
  color: #5b5b5b;
}
.priceBlock .deliveryTag {
  display: block;
  font-size: 0.75em;
  color: #8f8f8f;
  text-transform: uppercase;
  margin-top: 12px;
}
.priceBlock .deliveryTag span {
  color: #3d70b7;
}
.priceBlock .price {
  color: #3d70b7;
  padding-top: 0px;
}
.priceBlock .price .exVat,
.priceBlock .price .incVat {
  font-size: 0.3em;
  text-transform: uppercase;
  margin-top: 10px;
  display: inline-block;
  line-height: 1em;
  width: 20px;
  color: #707070;
}
.priceBlock .stock:before {
  float: left;
  content: "i";
  height: 17px;
  width: 17px;
  font-size: 1.2em;
  overflow: hidden;
  background: #bbbbbb;
  text-transform: lowercase;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  margin-right: 6px;
}
.priceBlock .in.stock {
  color: #3ba936;
}
.priceBlock .out.stock {
  color: #5b5b5b;
}

.hide {
  display: none !important;
}

@media screen and (max-width: 1280px) {
  .container {
    width: 100% !important;
  }
}
/* More Links */
button.more, a.more {
  background: none;
  border: 0;
  text-decoration: none;
  cursor: pointer;
}
button.more:hover, a.more:hover {
  text-decoration: underline;
}
button.arrowDownAfter:after, a.arrowDownAfter:after {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  color: #5b5b5b;
  border-bottom: 1px solid #5b5b5b;
  border-right: 1px solid #5b5b5b;
  margin-left: 10px;
  position: relative;
  top: -3px;
}
button.arrowUpAfter:after, a.arrowUpAfter:after {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  color: #5b5b5b;
  border-top: 1px solid #5b5b5b;
  border-left: 1px solid #5b5b5b;
  margin-left: 10px;
  position: relative;
  top: 0;
}
button.arrowLeftBefore:before, a.arrowLeftBefore:before {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  color: #5b5b5b;
  border-bottom: 1px solid #5b5b5b;
  border-left: 1px solid #5b5b5b;
  margin-right: 10px;
  position: relative;
  top: -1px;
}
button.arrowRightBefore:after, a.arrowRightBefore:after {
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  color: #5b5b5b;
  border-top: 1px solid #5b5b5b;
  border-right: 1px solid #5b5b5b;
  margin-left: 10px;
  position: relative;
  top: -1px;
}
button.secureAfter:after, a.secureAfter:after {
  content: "\e945";
  display: inline-block;
  color: #fff;
  margin-left: 10px;
  position: relative;
  top: 0px;
  border: 0;
  font-size: 1.3em;
}

/* Payment Logos */
.paymentTypes {
  text-align: left;
  vertical-align: middle;
}
.paymentTypes i {
  background: url("../images/payment-logos-a9a2aad57d.svg");
  background-repeat: no-repeat;
  background-size: 851px 84px;
  display: block;
  overflow: hidden;
  text-indent: 33px;
  line-height: 3em;
  height: 36px;
  margin-top: 5px;
}
.paymentTypes .visa > i {
  background-position: 0px -6px;
  width: 48px;
  text-indent: 48px;
}
.paymentTypes .mastercard > i {
  background-position: -86px -6px;
  width: 39px;
  text-indent: 39px;
}
.paymentTypes .maestro > i {
  background-position: -164px -5px;
  width: 41px;
  text-indent: 41px;
}
.paymentTypes .americanexpress > i {
  background-position: -239px -6px;
  width: 52px;
  text-indent: 52px;
}
.paymentTypes .americanexpress.selected > i {
  background-position: -239px -46px;
}
.paymentTypes .paypal > i {
  background-position: -322px -6px;
  width: 87px;
  text-indent: 87px;
}
.paymentTypes .bitcoin > i {
  background-position: -440px -6px;
  width: 75px;
  text-indent: 75px;
}
.paymentTypes .finance > i {
  background-position: -554px -6px;
  width: 82px;
  text-indent: 82px;
}

i.cvv {
  background: url("../images/payment-logos-a9a2aad57d.svg");
  background-repeat: no-repeat;
  background-size: 889px 85px;
  background-position: -708px -6px;
  width: 70px;
  height: 40px;
  display: block;
}

i.nortonSecure {
  background: url("../images/payment-logos-a9a2aad57d.svg");
  background-repeat: no-repeat;
  background-size: 889px 85px;
  background-position: -814px -6px;
  width: 84px;
  height: 46px;
  overflow: hidden;
  line-height: 2em;
  text-indent: 84px;
  font-size: 2em;
  display: inline-block;
}

/* Icons */
i.email {
  display: inline-block;
  width: 22px;
  height: 4px;
  margin-top: 0px;
}
i.email:before {
  content: "\e90d";
  padding-right: 8px;
  display: block;
  line-height: 0;
  font-size: 1.1em;
  position: absolute;
}

i.mobile {
  display: inline-block;
  width: 19px;
  height: 5px;
  margin-top: 0px;
}
i.mobile:before {
  content: "\e938";
  padding-right: 8px;
  display: block;
  line-height: 0;
  font-size: 1.2em;
  position: absolute;
}

i.scanprotect {
  display: inline-block;
  width: 17px;
  height: 5px;
  margin-top: 0px;
}
i.scanprotect:before {
  content: "\e917";
  padding-right: 8px;
  display: block;
  line-height: 0;
  font-size: 1.2em;
  position: absolute;
}

/* Page Loader */
div#loadingPage i.block-loader {
  height: 70px;
  width: 70px;
  background-size: 70px 70px;
  margin: 0 auto;
}

body.popup {
  background: #fff !important;
}

body.popup .financeCalc {
  overflow-y: auto;
}
body.popup .financeCalc::-webkit-scrollbar-track {
  background-color: #e3e3e3;
}
body.popup .financeCalc::-webkit-scrollbar {
  width: 8px;
  background-color: #e3e3e3;
}
body.popup .financeCalc::-webkit-scrollbar-thumb {
  background-color: #6b6b6b;
}

header.menu > div {
  background: #fff;
  height: 88px;
  max-width: 1499px;
  margin: 0 auto;
}
header.menu > div .logo {
  height: 88px;
  float: left;
}
header.menu > div .logo a {
  display: block;
  background: url("../images/scan-logos-svg-b4451de7c5.svg");
  background-position: 0;
  overflow: hidden;
  background-repeat: no-repeat;
  text-indent: 190px;
  font-size: 3em;
  line-height: 3em;
}
header.menu > div .toolbar {
  margin: 0 422px 0 200px;
  padding-top: 23px;
}
header.menu > div .rightCol {
  float: right;
  width: 410px;
}
header.menu > div .headLinks {
  float: left;
  padding-top: 26px;
}
header.menu > div .headLinks > span {
  display: block;
  transition: ease-in-out 0.3s;
  font-size: 0.9em;
  color: #5d5c5c;
  cursor: pointer;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 0 14px 0;
}
header.menu > div .headLinks > span:before {
  font-size: 1.9em;
  margin-left: -29px;
  margin-top: -4px;
  display: block;
  position: absolute;
}
header.menu > div .headLinks > span:hover {
  text-decoration: none;
  color: #333;
}
header.menu > div .headLinks > span:first-child {
  margin-left: 29px;
}
header.menu > div .headLinks span {
  padding: 0 3px;
}
header.menu > div .myaccount-links {
  color: #5b5b5b;
  width: 180px;
}
header.menu > div .myaccount-links:before {
  content: "\e90e";
  color: #343743;
  display: block;
  float: left;
  width: 34px;
  height: 28px;
  font-size: 26px;
  margin-top: 9px;
}
header.menu > div .myaccount-links > span {
  display: block;
}
header.menu > div .myaccount-links > span:first-child {
  text-transform: uppercase;
  padding-bottom: 2px;
  cursor: pointer;
}
header.menu > div .myaccount-links > span:first-child:after {
  content: " ";
  width: 7px;
  height: 7px;
  display: inline-block;
  border-right: 1px solid #5d5c5c;
  border-bottom: 1px solid #5d5c5c;
  margin-left: 8px;
  font-size: 6px;
  margin-top: 2px;
  vertical-align: top;
}
header.menu > div .myaccount-links > span:first-child > i {
  display: none;
}
header.menu > div .myaccount-links > span:last-child {
  font-size: 0.9em;
  text-transform: capitalize;
}
header.menu > div .myaccount-links > span:last-child > a {
  color: #5b5b5b;
  text-decoration: none;
  padding: 0 6px;
  margin: 0;
  display: inline-block;
  line-height: 1em;
  text-transform: none;
}
header.menu > div .myaccount-links > span:last-child > a:hover {
  text-decoration: underline;
}
header.menu > div .myaccount-links > span:last-child > a:first-child {
  border-right: 1px solid #5d5c5c;
  padding-left: 0;
  padding-right: 9px;
}

/* Price Block */
header.menu .price, .basket.headerBasket .price {
  display: block;
  line-height: 1em;
}
header.menu .price .incVat small, .basket.headerBasket .price .incVat small {
  font-weight: normal;
  font-size: 0.6em;
}
header.menu .price .incVat span, .basket.headerBasket .price .incVat span {
  display: inline-block;
  color: #707070;
  text-transform: uppercase;
  font-size: 0.4em;
  width: 20px;
  margin-left: 10px;
  line-height: 1.1em;
}
header.menu .productList > ul > li,
header.menu .itemList > ul > li, .basket.headerBasket .productList > ul > li,
.basket.headerBasket .itemList > ul > li {
  padding: 0 0 12px;
  border-bottom: 1px solid #e2e2e2;
}
header.menu .productList > ul > li:last-child,
header.menu .itemList > ul > li:last-child, .basket.headerBasket .productList > ul > li:last-child,
.basket.headerBasket .itemList > ul > li:last-child {
  border-bottom: 0;
  padding: 0 0 10px;
}
header.menu .productList > ul > li > ul,
header.menu .itemList > ul > li > ul, .basket.headerBasket .productList > ul > li > ul,
.basket.headerBasket .itemList > ul > li > ul {
  display: table;
  padding-top: 12px;
  padding-right: 10px;
}
header.menu .productList > ul > li > ul > li,
header.menu .itemList > ul > li > ul > li, .basket.headerBasket .productList > ul > li > ul > li,
.basket.headerBasket .itemList > ul > li > ul > li {
  display: table-cell;
  vertical-align: top;
}
header.menu .productList > ul > li > ul > li.image,
header.menu .itemList > ul > li > ul > li.icon, .basket.headerBasket .productList > ul > li > ul > li.image,
.basket.headerBasket .itemList > ul > li > ul > li.icon {
  width: 122px;
  vertical-align: middle;
}
header.menu .productList > ul > li > ul > li.image a,
header.menu .itemList > ul > li > ul > li.icon a, .basket.headerBasket .productList > ul > li > ul > li.image a,
.basket.headerBasket .itemList > ul > li > ul > li.icon a {
  display: block;
  border: 1px solid #e2e2e2;
  width: 104px;
  height: 104px;
}
header.menu .productList > ul > li > ul > li.image a img, .basket.headerBasket .productList > ul > li > ul > li.image a img {
  margin-top: 2px;
  margin-left: 2px;
}
header.menu .productList > ul > li > ul > li.description a.titleShort,
header.menu .productList > ul > li > ul > li.description a.titleLong,
header.menu .itemList > ul > li > ul > li.description a.titleLong, .basket.headerBasket .productList > ul > li > ul > li.description a.titleShort,
.basket.headerBasket .productList > ul > li > ul > li.description a.titleLong,
.basket.headerBasket .itemList > ul > li > ul > li.description a.titleLong {
  color: #707070;
  text-decoration: none;
}
header.menu .productList > ul > li > ul > li.description a.titleShort:hover,
header.menu .productList > ul > li > ul > li.description a.titleLong:hover, .basket.headerBasket .productList > ul > li > ul > li.description a.titleShort:hover,
.basket.headerBasket .productList > ul > li > ul > li.description a.titleLong:hover {
  text-decoration: underline;
}
header.menu .productList > ul > li > ul > li.quantity, .basket.headerBasket .productList > ul > li > ul > li.quantity {
  vertical-align: top;
}
header.menu .productList .linkNo, header.menu header.menu .itemList .location, .basket.headerBasket .productList .linkNo, .basket.headerBasket header.menu .itemList .location {
  display: block;
  color: #2b74b2;
  font-size: 0.8em;
  padding: 0 0 3px;
}
header.menu .productList a.titleLong, .basket.headerBasket .productList a.titleLong {
  color: #707070;
  display: block;
  font-size: 1.2em;
  line-height: 1.3em;
  padding-bottom: 2px;
  padding-right: 30px;
  text-decoration: none;
}
header.menu .productList a:hover.titleLong, .basket.headerBasket .productList a:hover.titleLong {
  color: #707070;
  text-decoration: underline;
}
header.menu .productList span.titleShort, .basket.headerBasket .productList span.titleShort {
  display: block;
  font-size: 0.85em;
}
header.menu .productList span.price, .basket.headerBasket .productList span.price {
  color: #2b74b2;
  font-size: 2em;
  padding-top: 5px;
}
header.menu .productList li.quantity .buyButton, .basket.headerBasket .productList li.quantity .buyButton {
  margin-bottom: 6px;
}

div.basket.headerBasket > div.basket-highlight > a.summary {
  background-color: rgba(95, 191, 103, 0.5) !important;
}

header.menu div.basket.headerBasket > div a.btn {
  border-radius: 20px;
  text-decoration: none;
  padding: 0 20px;
}

@media screen and (min-width: 780px) {
  header.menu > div .logo a {
    background-size: 122px 32px;
    width: 140px;
    height: 38px;
    margin: 23px 0 0 50px;
  }
}
@media screen and (max-width: 950px) and (min-width: 780px) {
  header.menu > div .logo a {
    margin-left: 15px;
    width: 130px;
  }
  header.menu > div .toolbar {
    margin-left: 150px;
  }
}
@media screen and (max-width: 860px) and (min-width: 780px) {
  header.menu > div .rightCol .headLinks > span {
    width: auto;
  }
}
@media screen and (max-width: 810px) and (min-width: 781px) {
  header.menu > div .search form > input {
    padding: 0 6px 0 10px !important;
  }
  header.menu > div .headLinks {
    margin-right: 10px;
  }
}
@media screen and (max-width: 780px) {
  body div.container {
    margin-top: 52px;
  }
  /*Popup layout Used to remove menu height in mobile when popup is smaller than screen size*/
  body div.container.popup-layout {
    margin-top: 0;
  }
  /*Popup layout*/
  body[data-isloggedin] .headLinks .myaccount-links > span:first-child {
    height: 22px;
  }
  body[data-isloggedin] .headLinks .myaccount-links > span:first-child > i {
    display: block;
    background: #2172ad;
    width: 22px;
    height: 22px;
    border-radius: 11px;
    position: absolute;
    margin-left: 16px;
    margin-top: -36px;
  }
  body[data-isloggedin] .headLinks .myaccount-links > span:first-child > i:before {
    display: block;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: " ";
    transform: rotate(45deg);
    width: 3px;
    height: 7px;
    margin-left: 9px;
    margin-top: 6px;
  }
  header.menu > div {
    height: 52px;
  }
  header.menu > div .logo {
    margin: 0 110px;
    float: none;
    height: 52px;
    text-align: center;
  }
  header.menu > div .logo a {
    background-size: 100px 26px;
    width: 100px;
    height: 26px;
    margin: 0 auto 0 auto;
    padding-top: 20px;
  }
  header.menu > div .toolbar {
    padding-top: 0;
  }
  header.menu > div div.rightCol {
    width: 106px;
    margin-top: -56px;
  }
  header.menu > div div.rightCol .headLinks {
    width: 38px;
    height: 48px;
    padding-top: 0;
  }
  header.menu > div div.rightCol .headLinks > span {
    height: 48px;
    width: 48px;
    display: block;
    overflow: hidden;
    line-height: 4.2em;
    margin-left: 0;
    padding: 0;
  }
  header.menu > div div.rightCol .headLinks > span:before {
    display: inline-block;
    font-size: 2.1em;
    padding: 0 10px 0 10px;
    margin-left: 0;
    margin-top: 0;
    position: inherit;
  }
  header.menu > div div.rightCol .myaccount-links {
    width: 30px;
    height: 40px;
    overflow: hidden;
  }
  header.menu > div div.rightCol .myaccount-links:before {
    display: none;
  }
  header.menu > div div.rightCol .myaccount-links > span:first-child:before {
    font-family: "scanicons", sans-serif;
    font-style: normal;
    content: "\e90e";
    display: block;
    float: left;
    width: 34px;
    height: 28px;
    font-size: 26px;
    margin-top: 19px;
  }
  header.menu > div div.rightCol .myaccount-links > span:last-child {
    display: none;
  }
  header.menu > div div.rightCol .basket.headerBasket {
    float: left;
    width: 40px;
  }
  header.menu > div div.rightCol .basket.headerBasket a.summary {
    background: none;
    margin-top: 6px;
  }
}
@media screen and (max-width: 460px) {
  header.menu > div .logo a {
    background-size: 80px 21px;
    width: 80px;
    height: 21px;
    padding-top: 27px;
  }
}
@media screen and (max-width: 400px) {
  body div.container {
    margin-top: 40px;
  }
  body div.container.customer-logged-in .myaccount-links > span:first-child > i {
    width: 18px;
    height: 18px;
    border-radius: 11px;
    position: absolute;
    margin-left: 12px;
    margin-top: 1px;
  }
  body div.container.customer-logged-in .myaccount-links > span:first-child > i:before {
    width: 3px;
    height: 7px;
    margin-left: 7px;
    margin-top: 4px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  body[data-isloggedin] .headLinks .myaccount-links > span:first-child > i {
    height: 18px;
    width: 19px;
    margin-left: 12px;
  }
  header.menu > div {
    height: 40px;
  }
  header.menu > div .logo {
    margin: 0 118px;
  }
  header.menu > div .logo a {
    padding-top: 15px;
  }
  header.menu > div div.rightCol {
    margin-top: -60px;
    height: 40px;
    width: 86px !important;
  }
  header.menu > div div.rightCol div.headLinks {
    width: 30px;
    height: 40px;
  }
  header.menu > div div.rightCol div.headLinks > span {
    line-height: 3.5em;
    width: 40px;
    height: 40px;
  }
  header.menu > div div.rightCol div.headLinks > span:before {
    font-size: 1.8em;
  }
  header.menu > div div.rightCol .myaccount-links > span:first-child:before {
    font-size: 18px;
  }
  header.menu > div div.rightCol .myaccount-links > span:first-child > i::before {
    margin-left: 8px;
    margin-top: 5px;
  }
  header.menu > div div.rightCol div.basket.headerBasket {
    width: 44px;
    height: 40px;
  }
  header.menu > div div.rightCol div.basket.headerBasket a.summary {
    height: 40px;
    width: 41px;
    margin-top: 8px;
  }
  header.menu > div div.rightCol div.basket.headerBasket a.summary span.items {
    font-size: 0.85em;
    height: 19px;
    width: 19px;
    margin-top: 4px;
    margin-left: 21px;
  }
  header.menu > div div.rightCol div.basket.headerBasket a.summary span.items strong {
    padding-top: 1px;
    width: 19px;
  }
  header.menu > div div.rightCol div.basket.headerBasket a.summary > i {
    margin-top: 5px;
    margin-left: 2px;
    font-size: 1.6em;
  }
}
div.basket.headerBasket {
  float: right;
  height: 88px;
  width: 210px;
}
div.basket.headerBasket .productList > ul > li > ul > li.image {
  height: 74px;
  width: 85px;
}
div.basket.headerBasket .productList > ul > li > ul > li.image img {
  height: 66px;
  width: 66px;
}
div.basket.headerBasket .productList a.titleLong {
  font-size: 0.9em;
  padding-right: 3px;
}
div.basket.headerBasket a.btn {
  display: inline-block;
  height: 52px;
  margin-top: 40px;
  padding: 0 14px;
}
div.basket.headerBasket a.summary {
  float: left;
  display: inline-block;
  color: #5d5c5c;
  text-decoration: none;
  margin-top: 26px;
  height: 36px;
  transition: ease-in-out 0.3s;
  border-radius: 18px;
}
div.basket.headerBasket a.summary:hover {
  text-decoration: none;
  background: #d4d5d5;
}
div.basket.headerBasket a.summary strong {
  font-weight: normal;
  text-align: center;
  display: block;
  width: 19px;
  margin: 0 auto;
  padding-top: 3px;
  color: #fff;
}
div.basket.headerBasket a.summary .items {
  display: block;
  float: left;
  border-radius: 11px;
  width: 22px;
  height: 22px;
  background: #2172ad;
  margin: 7px 0 0 12px;
}
div.basket.headerBasket a.summary > i {
  display: block;
  float: left;
  width: 31px;
  height: 30px;
  margin-top: 3px;
  margin-left: 8px;
  transition: ease-in-out 0.5s;
  font-size: 2.05em;
}
div.basket.headerBasket a.summary > i:before {
  font-style: normal;
  content: "\e901";
  color: #343743;
  line-height: 1.2em;
}
div.basket.headerBasket a.summary .price {
  margin-left: 8px;
  float: left;
  display: block;
  font-size: 1.5em;
  margin-top: 9px;
}
div.basket.headerBasket a.summary .price small {
  font-size: 0.6em;
  padding-right: 2px;
}
div.basket.headerBasket a.summary span.btn {
  display: block;
  width: 30px;
  float: left;
  padding: 0;
  background: 0;
}
div.basket.headerBasket a.summary span.btn i {
  display: block;
  border-right: 1px solid #5d5c5c;
  border-bottom: 1px solid #5d5c5c;
  height: 8px;
  width: 8px;
  margin: 13px auto 0;
  transform: rotate(45deg);
}
div.basket.headerBasket a.summary span.btn:hover {
  box-shadow: none;
}
div.basket.headerBasket .popup {
  position: absolute;
  width: 650px;
  margin-left: -370px; /* border:6px solid rgba(0, 0, 0, 0.3); */
  z-index: 104;
}
div.basket.headerBasket .popup > div {
  background-color: #fff;
  border-radius: 10px;
  width: 650px;
  color: #707070;
}
div.basket.headerBasket .popup > div .header {
  background: #ebecec;
  height: 75px;
  border-radius: 10px 10px 0 0;
}
div.basket.headerBasket .popup > div .header span.btn {
  display: block;
  width: 75px;
  height: 75px;
  float: right;
  padding: 0;
  cursor: pointer;
  transition: ease-in-out 0.3s;
  background: #ebecec;
}
div.basket.headerBasket .popup > div .header span.btn i {
  display: block;
  border-left: 3px solid #000000;
  border-top: 3px solid #000000;
  height: 13px;
  width: 13px;
  margin: 34px auto 0;
  transform: rotate(45deg);
  background: #ebecec;
}
div.basket.headerBasket .popup > div .header ul {
  display: block;
  list-style: none;
  max-width: 550px;
  height: 100%;
  border-radius: 25px;
}
div.basket.headerBasket .popup > div .header ul li {
  display: block;
  float: left;
  height: auto;
  width: 35%;
  text-transform: uppercase;
  line-height: 3em;
  color: #000000;
  cursor: pointer;
  font-size: 1em;
  transition: ease-in-out 0.3s;
  border-radius: 25px;
  text-align: center;
  margin-top: 17px;
  margin-left: 15px;
}
div.basket.headerBasket .popup > div .header ul li:hover {
  background: #d8d8d8;
}
div.basket.headerBasket .popup > div .header ul li.selected,
div.basket.headerBasket .popup > div .header ul li.selected:hover {
  color: #fff;
  background: grey;
  opacity: 1;
}
div.basket.headerBasket .popup .productList {
  min-height: 132px;
  max-height: 300px;
  overflow-y: auto;
  padding: 0 10px 0 16px;
  color: #707070;
  margin-top: 8px;
  margin-right: 14px;
}
div.basket.headerBasket .popup .productList .basketEmpty {
  text-align: center;
}
div.basket.headerBasket .popup .productList .basketEmpty i {
  font-weight: normal;
  text-transform: uppercase;
  padding-top: 60px;
  display: block;
  color: #cccccc;
  font-size: 1.2em;
}
div.basket.headerBasket .popup .productList ul li ul li.description {
  padding-right: 20px;
}
div.basket.headerBasket .popup .productList ul li ul li.description span.linkNo {
  font-size: 1em;
}
div.basket.headerBasket .popup .productList ul li ul li.description a.titleLong {
  color: #707070;
}
div.basket.headerBasket .popup .productList ul li ul li.description span.price {
  font-size: 1.7em;
}
div.basket.headerBasket .popup .productList ul li ul li.quantity {
  width: 82px;
}
div.basket.headerBasket .popup .productList ul li ul li.quantity .buyButton {
  height: auto;
  background: transparent;
  border: 2px solid #ccc;
  width: 100%;
}
div.basket.headerBasket .popup .productList ul li ul li.quantity .buyButton span.btnctrl {
  opacity: 1;
  line-height: 1em;
  margin: 0;
  padding: 3px 0;
  height: 21px;
  width: 100%;
}
div.basket.headerBasket .popup .productList ul li ul li.quantity .buyButton span.btnctrl span.controls {
  padding-top: 2px;
  width: 100%;
}
div.basket.headerBasket .popup .productList ul li ul li.quantity .buyButton span.btnctrl span.controls span.qty {
  width: 33%;
}
div.basket.headerBasket .popup .productList ul li ul li.quantity .buyButton span.btnctrl span.controls span.qty span {
  width: 100%;
  color: #000;
  font-size: 1em;
  padding: 0;
}
div.basket.headerBasket .popup .productList ul li ul li.quantity .buyButton span.btnctrl span.controls a {
  margin: 0;
  width: 33%;
}
div.basket.headerBasket .popup .productList ul li ul li.quantity .buyButton span.btnctrl span.controls a.increase span {
  margin: 8px auto 0 auto;
  border-top: 1px solid #000;
}
div.basket.headerBasket .popup .productList ul li ul li.quantity .buyButton span.btnctrl span.controls a.increase span i {
  border-left: 1px solid #000;
}
div.basket.headerBasket .popup .productList ul li ul li.quantity .buyButton span.btnctrl span.controls a.decrease span {
  margin: 8px auto 0 auto;
  border-top: 1px solid #000;
}
div.basket.headerBasket .popup .productList ul li ul li.quantity .buyButton span.btnctrl.qty-limit span.qty-limit {
  height: 25px;
  padding: 3px;
  margin: 5px 0 0 0;
  border-radius: 5px;
}
div.basket.headerBasket .popup .productList ul li ul li.quantity .buyButton span.btnctrl > span:first-child {
  display: none;
}
div.basket.headerBasket .popup .subTotals {
  margin: 18px 15px 0;
  border-top: 4px solid #e2e2e2;
}
div.basket.headerBasket .popup .subTotals > ul > li {
  display: table;
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
  height: 50px;
}
div.basket.headerBasket .popup .subTotals > ul > li:last-child {
  border-top: none;
}
div.basket.headerBasket .popup .subTotals > ul > li > span {
  display: table-cell;
  height: 44px;
}
div.basket.headerBasket .popup .subTotals > ul > li > span.title {
  width: 80%;
  font-size: 1em;
}
div.basket.headerBasket .popup .subTotals > ul > li > span.title strong {
  display: block;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 1.15em;
  line-height: 1em;
  padding: 12px 0 2px;
}
div.basket.headerBasket .popup .subTotals > ul > li > span.title p {
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
div.basket.headerBasket .popup .subTotals > ul > li > span.price {
  width: 30%;
  text-align: right;
  vertical-align: top;
  font-size: 2em;
  padding-top: 15px;
}
div.basket.headerBasket .popup .subTotals > ul > li > span.price .incVat {
  padding-top: 16px;
  display: block;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery {
  position: relative;
  /* .changeLocation:after { width:7px; height:7px; margin-left:8px; position: relative; display:inline-block; content:" "; border-bottom:1px solid #2b74b2; border-right:1px solid #2b74b2; @extend %rotate45deg; } */
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery span.title {
  width: 100%;
  font-size: 1em;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery span.price {
  position: absolute;
  right: 0;
  padding-top: 10px;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery span.title strong {
  display: inline-block;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .deliveryLocation {
  display: block;
  background: #f5f5f5;
  padding: 12px;
  margin: 15px 0 18px 0;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .deliveryLocation .title {
  display: block;
  padding-bottom: 8px;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .deliveryLocation .fieldRow {
  display: block;
  padding: 3px 0;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .deliveryLocation .fieldRow label {
  display: inline-block;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .deliveryLocation .fieldRow:last-child {
  padding-top: 10px;
  text-align: left;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .deliveryLocation .fieldRow:last-child input {
  width: auto;
  padding: 0 35px;
  border-radius: 25px;
  background: grey;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .deliveryLocation label {
  width: 75px;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .deliveryLocation input, div.basket.headerBasket .popup .subTotals > ul > li.delivery .deliveryLocation header.menu .basket .popup .subTotals > ul > li.delivery .deliveryLocation select {
  width: 170px;
  border: 1px solid #ccc;
  padding: 2px 0;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .deliveryOptions {
  display: block;
  font-size: 0.9em;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .deliveryOptions span.price {
  padding-top: 5px;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .changeLocation {
  text-transform: uppercase;
  margin-left: 0;
  display: inline-block;
  border: 0;
  background: #fff;
  cursor: pointer;
  outline: none;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .changeLocation:focus {
  outline: none;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .viewDeliveryOptions {
  display: block;
  background: #fff;
  border: 0;
  margin: 0;
  cursor: pointer;
  padding-left: 0;
  text-transform: uppercase;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .viewDeliveryOptions:after {
  font-style: normal;
  content: "\e93d";
  display: inline-block;
  margin-left: 5px;
  font-size: 0.8em;
}
div.basket.headerBasket .popup .subTotals > ul > li.delivery .viewDeliveryOptions.on:after {
  content: "\e942";
}
div.basket.headerBasket .popup .subTotals > ul > li.total .title strong,
div.basket.headerBasket .popup .subTotals > ul > li.total .price {
  color: #2b74b2;
}
div.basket.headerBasket .popup div.scansure {
  margin: 0 15px;
  background: #f5f5f5;
  height: 52px;
}
div.basket.headerBasket .popup div.scansure i {
  color: #5b5b5b;
  float: left;
  width: 35px;
  display: block;
  height: 40px;
  margin: 10px 0 0 8px;
  overflow: hidden;
  text-indent: 40px;
  line-height: 3em;
}
div.basket.headerBasket .popup div.scansure i:before {
  font-style: normal;
  content: "\e917";
  font-size: 2.3em;
  margin-left: -40px;
  padding-right: 10px;
  line-height: 1em;
}
div.basket.headerBasket .popup div.scansure span.title {
  display: block;
  margin-left: 48px;
  color: #5b5b5b;
  padding-top: 8px;
  font-size: 0.9em;
  padding-right: 0;
}
div.basket.headerBasket .popup div.scansure span.title strong {
  display: block;
  font-weight: normal;
  color: #2b74b2;
  text-transform: uppercase;
  font-size: 1.1em;
}
div.basket.headerBasket .popup div.scansure span.title strong span.price {
  display: inline-block;
}
div.basket.headerBasket .popup div.scansure span.title strong span.price small {
  font-size: 1em;
}
div.basket.headerBasket .popup div.total {
  height: 80px;
  overflow: hidden;
  margin: 0 15px;
}
div.basket.headerBasket .popup div.total span.title {
  display: block;
  font-weight: normal;
  color: #2b74b2;
  float: left;
  width: 275px;
  padding-top: 16px;
  font-size: 1em;
  line-height: 1.2em;
  letter-spacing: -0.5px;
}
div.basket.headerBasket .popup div.total span.title strong {
  font-weight: normal;
  color: #5b5b5b;
  display: inline-block;
  text-transform: uppercase;
}
div.basket.headerBasket .popup div.total span.title strong:after {
  content: " -";
  padding-right: 5px;
}
div.basket.headerBasket .popup div.total span.title small:before {
  content: " - ";
}
div.basket.headerBasket .popup div.total a.btn {
  float: right;
  display: block;
  margin-top: 16px !important;
  width: 146px;
  text-align: center;
  line-height: 3.4em !important;
  height: 43px !important;
  color: #fff !important;
  border-radius: 25px;
}
div.basket.headerBasket .popup div.systemBasket .categoryTitle {
  font-size: 1.2em;
  color: #5b5b5b;
  display: block;
  background: #f1f1f1;
  text-indent: 15px;
  padding: 10px 0;
  border-radius: 10px;
}
div.basket.headerBasket .popup div.systemBasket .noItems {
  display: block;
  padding: 10px 15px;
  color: #c51f33;
}
div.basket.headerBasket .popup div.systemBasket.productList > ul > li {
  border: none;
}
div.basket.headerBasket .popup div.systemBasket.productList > ul > li:first-child {
  margin-top: 15px;
}
div.basket.headerBasket .popup div.systemBasket.productList > ul > li > ul {
  padding-top: 10px;
}
div.basket.headerBasket .popup div.systemBasket.productList > ul > li > ul > li {
  display: table;
  border-bottom: 1px solid #cccccc;
}
div.basket.headerBasket .popup div.systemBasket.productList > ul > li > ul > li:last-child {
  border-bottom: none;
}
div.basket.headerBasket .popup div.systemBasket.productList > ul > li > ul > li > ul {
  display: table;
}
div.basket.headerBasket .popup div.systemBasket.productList > ul > li > ul > li > ul > li {
  display: table-cell;
  vertical-align: top;
}
div.basket.headerBasket .popup div.systemBasket.productList > ul > li > ul > li > ul > li.image {
  width: 74px;
  height: 74px;
}
div.basket.headerBasket .popup div.systemBasket.productList > ul > li > ul > li > ul > li.image img {
  width: 70px;
  height: 70px;
}
div.basket.headerBasket .popup div.systemBasket.productList > ul > li > ul > li {
  padding: 15px 0;
}

header.menu .basket .popup div.total span.title {
  font-size: 0.95em !important;
}

.delivery ul.deliveryOptions {
  margin: 10px 0 10px 0;
  padding: 0;
  list-style: none;
}
.delivery ul.deliveryOptions li {
  display: flex;
  margin: 0;
  padding: 5px 0;
  min-height: 16px;
  cursor: pointer;
  vertical-align: top;
}
.delivery ul.deliveryOptions li span {
  display: inline-block;
}
.delivery ul.deliveryOptions li span.option {
  width: 75%;
  text-indent: 10px;
}
.delivery ul.deliveryOptions li span.price {
  width: 25%;
  text-align: right;
  padding: 3px 10px 0 0;
}
.delivery ul.deliveryOptions li.selected {
  background: #2b74b2 !important;
  color: #fff;
}
.delivery ul.deliveryOptions li:hover {
  background: #f5f5f5;
}

.basket.headerBasket .productList .buyButton {
  border: none;
}
.basket.headerBasket .productList .buyButton span.title {
  display: none;
}
.basket.headerBasket .productList .buyButton .btnctrl span:first-child a {
  display: none;
}
.basket.headerBasket .productList .buyButton .btnctrl .controls a.decrease span {
  border-top: 2px solid #CCC;
}
.basket.headerBasket .productList .buyButton .btnctrl .controls .increase span {
  border-top: 2px solid green;
}
.basket.headerBasket .productList .buyButton .btnctrl .controls .increase span i {
  border-left: 2px solid green;
}
.basket.headerBasket .productList .buyButton span.qty {
  width: 40px;
  font-size: 1em;
  color: #5b5b5b;
}
.basket.headerBasket .productList .buyButton span.qty span {
  padding: 2px 0 0;
  display: block;
  width: 40px;
}
.basket.headerBasket .productList .buyButton span.qty input {
  height: 20px;
  padding: 0;
  display: block;
  border: 0;
  width: 40px;
  text-align: center;
}

#headerSearch .productList .buyButton span.title {
  display: none;
}
#headerSearch .productList .buyButton span.qty {
  width: 40px;
  font-size: 1.2em;
  color: #5b5b5b;
}
#headerSearch .productList .buyButton span.qty span {
  padding: 2px 0 0;
  display: block;
  width: 40px;
}
#headerSearch .productList .buyButton span.qty input {
  height: 20px;
  padding: 0;
  display: block;
  border: 0;
  width: 40px;
  text-align: center;
}
#headerSearch .productList .buyButton span.controls {
  float: none;
}
#headerSearch .productList .buyButton span.controls a.increase {
  float: right;
}

/* Level 1 Menu / Sites */
input[type=search] {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

header.menu nav .menuLevel1 {
  border: none;
  background-color: #EEE;
}
header.menu nav .menuLevel1 > ul {
  max-width: 2000px;
  margin: 0 auto;
  height: 60px;
  display: block;
}
header.menu nav .menuLevel1 li {
  display: block;
  float: left;
  height: 60px;
  margin: 0;
  padding: 0;
  list-style: none;
}
header.menu nav .menuLevel1 li:last-child a {
  border-right: 0;
}
header.menu nav .menuLevel1 li a {
  word-spacing: 0;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 0.97em;
  overflow: hidden;
  line-height: 4.8em;
  color: #000;
  border: none;
  height: 60px;
  transition: ease-in-out 0.15s;
  text-transform: uppercase;
}
header.menu nav .menuLevel1 li a:hover {
  background: #cccccc;
  color: #000;
}
header.menu nav .menuLevel1 li.selected {
  background: #d9d9d9;
}
header.menu nav .menuLevel1 li.selected a {
  color: #006fff;
}
header.menu nav .menuLevel1 li.selected a:hover {
  color: #006fff;
}

.menuLevel1 ul .arrow, span.previousList {
  display: none;
}

header.menu nav .desktop .menuLevel1 .audioTab {
  width: 12%;
}
header.menu nav .desktop .menuLevel1 .compTab {
  width: 15%;
}
header.menu nav .desktop .menuLevel1 .gamingTab {
  width: 7%;
}
header.menu nav .desktop .menuLevel1 .videoTab {
  width: 12%;
}
header.menu nav .desktop .menuLevel1 .cadTab {
  width: 9%;
}
header.menu nav .desktop .menuLevel1 .toTab {
  width: 8%;
}
header.menu nav .desktop .menuLevel1 .systemsTab {
  width: 9%;
}
header.menu nav .desktop .menuLevel1 .businessTab {
  width: 10%;
}
header.menu nav .desktop .menuLevel1 .AITab {
  width: 11%;
}
header.menu nav .desktop .menuLevel1 .CloudTab {
  width: 11%;
}

/* TodayOnly Tab */
header.menu nav .menuLevel1 .toTab a:after {
  content: "offers";
  display: block;
  margin: -12px auto 0 auto;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.75em;
  background-color: #ae0202;
  line-height: 2em;
  width: 42px;
}

header.menu nav .menuLevel1 li.toTab a {
  line-height: 3.6em;
  font-size: 0.9em;
  background: #c21733;
  color: #ffffff;
}

header.menu nav .menuLevel1 li.toTab:hover a {
  background: #ccc;
  color: #000;
}

/* TodayOnly Tab */
/* Level 2 Menu / Master Category Groups */
@media screen and (min-width: 780px) {
  header.menu nav {
    /* Level 3 Menu / Master Categories */
  }
  header.menu nav .menuLevel2 {
    background: #343743;
    border-bottom: 4px solid #006fff;
  }
  header.menu nav .menuLevel2 ul {
    margin: 0 auto;
    list-style: none;
    background: #343743;
    width: 100%;
    max-width: 1400px;
    display: table;
    justify-content: space-around;
    padding: 0;
    min-height: auto;
  }
  header.menu nav .menuLevel2 ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table-cell;
    width: auto;
    padding: 7px 0;
  }
  header.menu nav .menuLevel2 ul li:first-child {
    margin-left: 12px;
  }
  header.menu nav .menuLevel2 ul li:last-child {
    margin-right: 12px;
  }
  header.menu nav .menuLevel2 ul li span {
    font-size: 0.97em;
    font-family: "Poppins-SemiBold", sans-serif;
    color: #FFFFFF;
    height: 28px;
    line-height: 2.2em;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 0 18px;
    overflow: hidden;
    transition: ease-in-out 0.3s;
    cursor: pointer;
  }
  header.menu nav .menuLevel2 ul li.selected {
    background-color: #1b1d23;
    color: #fff;
  }
  header.menu nav .menuLevel3_4 {
    max-width: 2034px;
    margin: 0 auto;
  }
  header.menu nav .menuLevel3_4 .rich-content {
    display: none;
  }
  header.menu nav .menuLevel3 {
    display: none;
    margin-bottom: 10px;
  }
  header.menu nav .menuLevel3.visible {
    display: block;
  }
  header.menu nav .menuLevel3 ul {
    margin: 0;
    font-family: "open_sans", sans-serif;
    padding: 12px 12px 5px;
    list-style: none;
    min-height: 50px;
    width: auto;
    display: flex;
    display: -ms-flex;
    flex-flow: row wrap;
    flex-direction: column;
    height: 136px;
  }
  header.menu nav .menuLevel3 ul.visible {
    display: flex;
  }
  header.menu nav .menuLevel3 ul li {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 192px;
    font-family: "open_sans", sans-serif;
    display: block;
    padding: 1px 0;
  }
  header.menu nav .menuLevel3 ul li a {
    color: #707070;
    text-decoration: none;
    display: block;
    padding: 0 0 0 20px;
    overflow: hidden;
    margin: 0;
    transition: ease-in-out 0.3s;
    font-family: "open_sans-semibold", sans-serif;
    font-size: 0.97em;
    line-height: 2.6em;
  }
  header.menu nav .menuLevel3 ul li a:hover {
    background: rgba(0, 0, 0, 0.05);
    color: #105891;
  }
  header.menu nav div.menuLevel4 div.bodyHolder {
    width: 100%;
    display: block;
  }
  header.menu nav div.menuLevel4 div.bodyHolder > div:first-child > ul {
    width: 100%;
  }
  header.menu nav div.menuLevel4 div.bodyHolder > div:first-child > ul > li {
    display: table;
    width: 1400px;
  }
  header.menu nav div.menuLevel4 div.bodyHolder > div:first-child > ul > li > a {
    display: table-cell;
    float: none;
    vertical-align: top;
    width: 275px;
  }
  header.menu nav div.menuLevel4 div.bodyHolder > div:first-child > ul > li > a > span {
    padding: 10px 10px 0 20px;
    font-size: 0.875em;
    font-family: "Poppins-Medium", sans-serif;
    color: #000;
  }
  header.menu nav div.menuLevel4 div.bodyHolder > div:first-child > ul > li > span.rowHolder {
    display: table-cell;
    margin-left: 0;
    background: #fff;
  }
  header.menu nav div.menuLevel4 div.bodyHolder > div:first-child > ul > li > span.rowHolder > ul {
    display: block;
    flex-flow: 0;
    width: 100%;
  }
  header.menu nav div.menuLevel4 div.bodyHolder > div:first-child > ul > li > span.rowHolder > ul > li {
    display: inline-block;
    vertical-align: top;
  }
  header.menu nav div.menuLevel4 div.bodyHolder > div:first-child > ul > li > span.rowHolder > ul > li a {
    font-size: 1em;
    padding: 0 0 2px;
    font-family: "Poppins-Medium", sans-serif;
    color: #000;
  }
  header.menu .basket.headerBasket a.summary.responsive {
    display: none;
  }
}
/* Sub Menu */
@media screen and (max-width: 1400px) {
  header.menu nav .menuLevel1 li a {
    padding: 0 10px;
  }
  header.menu nav .desktop div.menuLevel4 > div {
    width: auto;
  }
  header.menu nav .desktop div.menuLevel4 > div > div {
    width: auto;
  }
  header.menu nav .desktop div.menuLevel4 div.bodyHolder > div:first-child > ul > li {
    width: 100%;
  }
  header.menu nav .desktop div.menuLevel4 div.bodyHolder {
    display: table;
  }
}
@media screen and (max-width: 1200px) and (min-width: 780px) {
  header.menu > div div.rightCol {
    width: 390px;
  }
  header.menu div.basket a.summary {
    margin-top: 28px;
  }
  header.menu div.basket a.summary .items {
    height: 18px;
    width: 18px;
    z-index: 10;
    position: absolute;
    margin-top: 2px;
    margin-left: 24px;
    border: 2px solid #ebecec;
    opacity: 0.8;
  }
  header.menu div.basket a.summary strong {
    width: 16px;
    font-size: 11px;
  }
  header.menu div.basket a.summary > i {
    margin-left: 10px;
  }
  header.menu div.basket a.summary .price {
    width: 90px;
  }
  header.menu nav .menuLevel2 ul li span {
    line-height: 2.7em;
    font-size: 0.8em;
    padding: 0 8px;
  }
  header.menu nav .menuLevel2 ul li:first-child {
    margin-left: 4px;
  }
  header.menu nav .menuLevel2 ul li:last-child {
    margin-right: 4px;
  }
  header.menu nav .menuLevel3 ul {
    padding: 6px;
  }
  header.menu nav .menuLevel3 ul li {
    width: 164px;
  }
  header.menu nav .menuLevel3 ul li a {
    padding-left: 12px;
    letter-spacing: 0;
  }
  header.menu nav div#menuPopup div.menuLevel4 .bodyHolder {
    width: 100%;
  }
  header.menu nav div#menuPopup div.menuLevel4 > div {
    margin-top: 90px;
    width: 100%;
  }
  header.menu nav div#menuPopup div.menuLevel4 > div > div {
    width: 100%;
  }
  header.menu nav div.menuLevel2 ul li {
    height: inherit;
  }
}
@media screen and (max-width: 1000px) and (min-width: 780px) {
  header.menu nav .menuLevel2 ul li:first-child {
    margin-left: 2px;
  }
  header.menu nav .menuLevel2 ul li:last-child {
    margin-right: 2px;
  }
  header.menu nav .menuLevel2 ul li span {
    padding: 0 7px;
  }
  header.menu nav .menuLevel3 ul li {
    width: 150px;
  }
  header.menu nav .menuLevel3 ul li a {
    padding-left: 8px;
  }
  .help .helpAnswers input {
    width: 120px;
  }
  .help .helpLinks a {
    font-size: 0.95em;
  }
  .help .helpLinks {
    padding-right: 10px;
    margin-top: 6px;
  }
  .help .helpAnswers input {
    width: 170px;
  }
  .breadcrumb button.help {
    width: 140px;
  }
  .breadcrumb button.help span:before {
    display: none;
  }
  header.menu nav div#menuPopup div.menuLevel4 .bodyHolder > div > ul > li span.rowHolder > ul > li {
    width: 40%;
  }
  header.menu nav div.menuLevel2 ul li {
    height: inherit;
  }
}
@media screen and (max-width: 900px) and (min-width: 780px) {
  div.basket.headerBasket {
    width: 190px;
  }
  header.menu nav .menuLevel2 ul {
    min-height: 40px;
  }
  header.menu nav .menuLevel2 ul li {
    height: 40px;
  }
  header.menu nav .menuLevel2 ul li span {
    font-size: 0.9em;
    padding: 0 3px;
  }
  header.menu nav .menuLevel3 ul {
    height: 100px;
  }
  header.menu nav .menuLevel3 ul li {
    width: 130px;
  }
  header.menu nav .menuLevel3 ul li a {
    font-size: 0.9em;
  }
  .breadcrumb > ul li:first-child {
    padding-right: 12px;
  }
  .breadcrumb > ul li {
    height: 34px;
  }
  .breadcrumb > ul li i {
    height: 6px;
    width: 6px;
  }
  .breadcrumb > ul li a {
    padding: 12px 10px;
  }
  .breadcrumb button.help {
    display: none;
  }
  header.menu .search {
    width: 310px;
  }
  header.menu .search > input {
    margin-left: 20px;
  }
  header.menu .search > .btn {
    width: 40px;
    overflow: hidden;
  }
  header.menu .search > .btn:before {
    font-family: "scanicons", sans-serif;
    font-style: normal;
    content: "\e918";
    padding: 0 16px 0 13px;
  }
  header.menu > div .toolbar .headLinks a {
    width: 70px;
    padding-top: 2px;
  }
  .help .helpAnswers input {
    width: 160px;
  }
  header.menu nav div#menuPopup div.menuLevel4 .bodyHolder div:first-child > ul > li > a {
    width: 180px;
  }
  header.menu nav div#menuPopup div.menuLevel4 .bodyHolder div:first-child > ul > li > span.rowHolder {
    margin-left: 182px;
  }
  header.menu nav div#menuPopup div.menuLevel4 .bodyHolder div.footer .buttonHolder {
    width: 300px;
    float: none;
    margin: 0 0 0 200px;
  }
  header.menu nav div#menuPopup div.menuLevel4 > div {
    margin-top: 0;
  }
}
@media screen and (min-width: 780px) {
  .leftCol, ul.mobileMenuBreadcrumb {
    display: none;
  }
  header.menu nav div.menuLevel4.visible {
    display: block;
  }
  header.menu nav div.menuLevel4 {
    z-index: 999;
    overflow-x: hidden;
    background-color: rgba(0, 0, 0, 0.6);
    height: 100%;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    display: none;
  }
  header.menu nav div.menuLevel4 > div {
    width: 1400px;
    margin: 40px auto 0;
    border: 6px solid rgba(0, 0, 0, 0.3);
    border-radius: 7px;
    z-index: 10;
  }
  header.menu nav div.menuLevel4 > div.popupBackground {
    border: 0;
    border-radius: 0;
    margin-top: 0;
    width: 100%;
    position: fixed;
    z-index: -10;
  }
  header.menu nav div.menuLevel4 > div > div {
    background-color: #fff;
    border-radius: 0;
    width: 1400px;
    z-index: 10;
  }
  header.menu nav div.menuLevel4 > div > div a:hover {
    text-decoration: underline !important;
  }
  header.menu nav div.menuLevel4 > div > div > span.title {
    display: none;
  }
  header.menu nav div.menuLevel4 .header {
    min-height: 80px;
    border-bottom: 1px solid #dfdede;
  }
  header.menu nav div.menuLevel4 .close {
    float: right;
    text-decoration: none;
    color: #707070;
    text-indent: 46px;
    width: 46px;
    height: 30px;
    overflow: hidden;
    border: 0;
    cursor: pointer;
    background: #fff;
    transition: ease-in-out 0.3s;
    outline: none;
  }
  header.menu nav div.menuLevel4 .close:before {
    margin-left: -40px;
    line-height: 2.4em;
    font-size: 1.3em;
    padding-right: 20px;
  }
  header.menu nav div.menuLevel4 .close:hover {
    color: #505050;
  }
  header.menu nav div.menuLevel4 .header .rightColumn {
    width: 320px;
  }
  header.menu nav div.menuLevel4 .rightColumn .filter {
    display: none;
    clear: right;
  }
  header.menu nav div.menuLevel4 .rightColumn .filter a {
    font-family: "open_sans-bold", sans-serif;
    display: inline-block;
    text-transform: uppercase;
    text-decoration: none;
    transition: ease-in-out 0.3s;
    padding: 16px 0 0 18px;
  }
  header.menu nav div.menuLevel4 .header a.heading {
    display: block;
    padding: 36px 0 22px 20px;
    font-size: 1.8em;
    font-family: "Poppins-Bold", sans-serif;
    color: #000;
  }
  header.menu nav div.menuLevel4 .bodyHolder {
    display: table;
    width: 1100px;
  }
  header.menu nav div.menuLevel4 .bodyHolder a.heading {
    padding: 0;
    text-decoration: none;
    font-size: 1.1em;
    line-height: 1em;
    margin-top: 0;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child {
    display: table-cell;
    background: #f2f2f2;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul {
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li {
    list-style: none;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #dfdede;
    width: 100%;
    clear: left;
    min-height: 40px;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li:hover {
    background: #dadada;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li > span.rowHolder {
    display: block;
    margin-left: 232px;
    padding: 5px 8px;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li > a {
    float: left;
    width: 230px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 42px;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li > a span {
    display: block;
    padding: 0 10px 0 32px;
    line-height: 1.3em;
    font-size: 1em;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li > span.rowHolder > ul {
    list-style: none;
    padding: 8px 0 4px 0;
    margin: 0;
    width: 100%;
    display: flex;
    display: -ms-flex;
    flex-flow: row wrap;
    background: #fff;
    min-height: 24px;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li > span.rowHolder > ul > li {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 33%;
    min-height: 30px;
    font-size: 0.9em;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li > span.rowHolder > ul > li a {
    line-height: 1.4em;
    padding: 2px 0 2px;
    margin-left: 22px;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li > span.rowHolder > ul > li span.checkboxLink .checkbox label {
    width: 18px;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li > span.rowHolder > ul > li span.checkboxLink .checkbox label:after {
    left: 5px;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li:hover > span.rowHolder, header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li:hover > span.rowHolder > ul {
    background: #e6e6e6;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li .checkboxLink {
    display: block;
    margin: 4px 0 0 16px;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li .checkboxLink a {
    margin-left: 23px;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child a {
    text-decoration: none;
    color: #707070;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div.menuBanner {
    background: green;
    display: table-cell;
    width: 220px;
  }
  header.menu nav div.menuLevel4 .bodyHolder div.footer {
    background: #fff;
    width: 100%;
    height: 100px;
  }
  header.menu nav div.menuLevel4 .bodyHolder div.footer .checkboxLink {
    position: absolute;
    margin: 50px 0 0 30px;
    width: 160px;
  }
  header.menu nav div.menuLevel4 .bodyHolder div.footer .checkboxLink span:last-child {
    color: #707070;
    display: block;
    margin-left: 23px;
    font-weight: bold;
  }
  header.menu nav div.menuLevel4 .bodyHolder div.footer .buttonHolder {
    text-align: center;
    padding-top: 30px;
    vertical-align: top;
    width: 284px;
    margin: 0 auto;
  }
  header.menu nav div.menuLevel4 .bodyHolder div.footer .buttonHolder .viewAll {
    width: 100px;
    margin-right: 14px;
    display: block;
    float: left;
  }
  header.menu nav div.menuLevel4 .bodyHolder div.footer .buttonHolder button.btn {
    color: #5d5c5c;
    opacity: 0.5;
    margin-top: 0;
    overflow: hidden;
    width: 140px;
    display: block;
    float: left;
    border-radius: 20px;
    background: #d9dadb;
    padding: 0 15px;
  }
  header.menu nav div.menuLevel4 .bodyHolder div.footer .buttonHolder a.btn {
    color: #fff;
    margin-top: 0;
    display: block;
    float: left;
    background-color: #2777b3;
    border-radius: 20px;
  }
  header.menu nav div.menuLevel4 .bodyHolder div.footer .buttonHolder .btn.on {
    background: #1463a2;
    background: linear-gradient(to top, #1463a2, #3a7fbf);
    color: #fff;
    opacity: 1;
  }
  header.menu nav div.menuLevel4 .bodyHolder div.footer .buttonHolder .btn.on:hover {
    background: #105891;
    background: linear-gradient(to top, #105891, #1463a2);
  }
  header.menu nav div.menuLevel4 span.menuLoader {
    width: 100px;
    margin: 0 auto;
    padding: 0;
    height: 300px;
    display: block;
    background: url("../images/loading-b57376163b.svg");
    background-size: 80px 80px;
    background-position: 0 100px;
    background-repeat: no-repeat;
  }
  header.menu nav div.menuLevel3 > span.title, header.menu nav div.menuLevel2 > span.title {
    display: none;
  }
  .popupBackground {
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    background: #333;
  }
}
header.menu nav div.menuLevel4 .header .rightColumn {
  float: right;
  margin-left: 0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  .subMenu .bodyHolder > div:first-child > ul > li > span.rowHolder > ul {
    width: 750px;
  }
}
.navBackground {
  display: none;
}

@media screen and (max-width: 780px) {
  nav .desktop {
    display: none;
  }
  header.menu > div {
    position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
  }
  .leftCol button.menu {
    display: block;
  }
  .leftCol {
    display: block;
    float: left;
    width: 110px;
  }
  div.search {
    display: none;
  }
  header.menu .searchMobileBar {
    position: fixed;
    display: none;
    top: 0;
    height: 52px;
    width: 100%;
    background: #1766a6;
    z-index: 300;
  }
  header.menu .searchMobileBar form {
    height: 52px;
    width: calc(100% - 60px);
    margin: 0;
    padding: 0;
  }
  header.menu .searchMobileBar span {
    display: block;
    box-sizing: border-box;
    padding-top: 10px;
    padding-left: 10px;
    position: relative;
  }
  header.menu .searchMobileBar span input {
    border: 1px solid #fff;
    margin: 0;
    width: 100%;
    height: 32px;
    text-indent: 10px;
    box-sizing: border-box;
    font-size: 16px;
  }
  header.menu .searchMobileBar span input::placeholder {
    font-size: 13px;
  }
  header.menu .searchMobileBar span button.search {
    position: absolute;
    right: 5px;
    width: 22px;
    margin-top: 2px;
    line-height: 1.8em;
    background: none;
    border: 0;
    font-size: 1.2em;
    color: #575757;
    height: 28px;
    text-align: center;
    cursor: pointer;
    overflow: hidden;
    z-index: 20;
    padding: 0;
  }
  header.menu .searchMobileBar span button.search:before {
    font-family: "scanicons", sans-serif;
    font-style: normal;
    content: "\e918";
    padding-left: 0px;
    padding-right: 12px;
  }
  header.menu .searchMobileBar span button.mic {
    right: 45px;
    margin-top: 0;
    top: 13px;
    background-color: transparent;
    border: none !important;
    color: grey;
    width: 19px;
    height: 28px;
    position: absolute;
    padding: 0;
    cursor: pointer;
  }
  header.menu .searchMobileBar span button.mic:after {
    font-family: "scanicons", sans-serif;
    font-style: normal;
    content: "\e966";
    border: inherit !important;
    font-size: 16px;
  }
  header.menu .searchMobileBar button.x {
    float: right;
    width: 33px;
    overflow: hidden;
    border: 0;
    background: none;
    cursor: pointer;
    display: block;
    height: 40px;
    margin: 6px 5px 0 0;
    font-size: 1.4em;
    padding: 0;
  }
  header.menu .searchMobileBar button.x:before {
    font-family: "scanicons", sans-serif;
    font-style: normal;
    content: "\e910";
    padding: 8px 16px 8px 0;
    color: #fff;
  }
  .leftCol button.menu {
    height: 52px;
    width: 52px;
    border: 0;
    background: #fff;
    overflow: hidden;
    vertical-align: top;
    padding: 0;
    margin: 0;
    text-align: center;
    float: left;
    cursor: pointer;
  }
  .leftCol button.menu span.iconBar {
    border-top: 2px solid #575757;
    display: block;
    height: 6px;
    width: 26px;
    margin: 0 auto;
  }
  .leftCol button.menu span.iconBar:first-child {
    margin-top: 6px;
  }
  .leftCol button.search {
    height: 52px;
    display: block;
    width: 52px !important;
    float: left;
    border: 0;
    line-height: 3.9em;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    position: inherit !important;
  }
  .leftCol button.search:before {
    display: block;
    content: "\e918";
    font-family: "scanicons", sans-serif;
    font-style: normal;
    font-size: 1.4em;
    color: #575757;
  }
  header.menu .basket {
    width: 160px;
    height: 52px;
  }
  header.menu .basket a.summary span.btn {
    display: none;
  }
  header.menu .basket a.summary {
    margin-top: 0;
    height: 52px;
    background: #fff;
  }
  header.menu .basket a.summary > i:before {
    padding: 0 12px 0 6px;
    line-height: 1.5em;
  }
  header.menu .basket a.summary .items {
    margin-left: 28px;
    margin-top: 6px;
  }
  header.menu .basket a.summary .price {
    margin-top: 18px;
  }
  .mobileHide {
    display: none !important;
  }
  header.menu {
    background: #fff;
    top: 0;
    width: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  header.menu > div:first-child {
    border-bottom: 4px solid #1766a6;
    z-index: 3000;
    top: 0;
    right: 0;
    left: 0;
  }
  header.menu nav {
    right: 100%;
    transition: right 0.4s ease-in-out 0s;
    width: 100%;
    height: 100%;
    top: 56px;
    display: block !important;
    box-shadow: 1px 0 2px 0 rgba(228, 228, 228, 0.2);
    z-index: 2000;
    background: #fff;
  }
  header.menu nav.mobileVisible {
    z-index: 1900;
    display: block;
    height: 100%;
    background-color: #fff;
    right: 0;
  }
  header.menu nav > div div.mobileVisible.mobileHideOptions > span.title {
    background: #dcdcdc !important;
    color: #787878 !important;
  }
  header.menu nav > div div.mobileVisible.mobileHideOptions > span.title i {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    right: 30px;
    top: 20px;
  }
  header.menu nav > div div.mobileVisible.mobileHideOptions > span.title i:before {
    border-left: 3px solid #787878;
    border-top: 3px solid #787878;
    transform: rotate(45deg);
    content: " ";
    display: block;
    width: 9px;
    height: 9px;
  }
  header.menu nav > div > div > span.title, header.menu nav > div > div > div span.title {
    background: #f5f5f5;
    display: block;
    height: 48px;
    border-bottom: 1px solid #cdcdcd;
  }
  header.menu nav > div > div > span.title > span, header.menu nav > div > div > div span.title > span {
    display: block;
    font-size: 1em;
    padding: 14px 0 14px 0;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-family: "Poppins-SemiBold", sans-serif;
  }
  header.menu nav > div > div > span.title i, header.menu nav > div > div > div span.title i {
    display: none;
  }
  header.menu nav > div > div > span.title button, header.menu nav > div > div > div span.title button {
    cursor: pointer;
  }
  header.menu .menuLevel2 {
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    display: block !important;
    transform: scale(1, 0);
    padding: 0;
    border-bottom: 1px solid #cdcdcd;
  }
  header.menu .menuLevel2.mobileVisible {
    display: block;
    height: 100%;
    transform: scale(1, 1);
  }
  header.menu .menuLevel2.mobileVisible span.title {
    background: #1766a6;
    color: #fff;
  }
  header.menu .menuLevel3 {
    top: 100%;
    transition: 0.4s ease-in-out 0s;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    display: block !important;
    box-shadow: 1px 0 2px 0 rgba(228, 228, 228, 0.2);
    z-index: 2000;
    transform: scale(1, 0);
  }
  header.menu .menuLevel3.mobileVisible {
    display: block;
    height: 100%;
    top: 140px;
    transform: scale(1, 1);
  }
  header.menu .menuLevel3.mobileVisible span.title {
    background: #1766a6;
    color: #fff;
  }
  header.menu #menuPopup {
    background: #fff;
  }
  header.menu .menuLevel4 {
    top: 100%;
    transition: 0.4s ease-in-out 0s;
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    display: block !important;
    box-shadow: 1px 0 2px 0 rgba(228, 228, 228, 0.2);
    z-index: 2100;
    transform: scale(1, 0);
  }
  header.menu .menuLevel4.mobileVisible {
    display: block;
    height: 100%;
    top: 188px;
    transform: scale(1, 1);
  }
  header.menu .menuLevel4.mobileVisible span.title {
    background: #1766a6;
    color: #fff;
  }
  header.menu .menuLevel4.mobileVisible span.menuLoader {
    width: 100px;
    margin: 0 auto;
    padding: 0;
    height: 200px;
    display: block;
    background: url("../images/loading-b57376163b.svg");
    background-size: 80px 80px;
    background-position: 0 40px;
    background-repeat: no-repeat;
  }
  header.menu .menuLevel4.mobileVisible > div {
    background: #fff;
  }
  header.menu .menuLevel3 > ul, header.menu .menuLevel4 > ul {
    background: #fff;
    padding-bottom: 26px;
  }
  header.menu nav .mobileHideOptions {
    transform: scale(1, 0);
  }
  header.menu nav .mobileHideOptions > ul {
    display: none !important;
  }
  #toolbar > div.breadcrumb ul li:nth-child(2) {
    display: none;
  }
  #toolbar > div.breadcrumb ul li:last-child {
    display: inline-block;
  }
  .navBackground {
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    opacity: 0;
    display: block;
    top: 100%;
    right: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.4s ease-in-out 0s;
  }
  .navBackground:before {
    content: " ";
  }
  .navBackground.mobileVisible {
    display: block;
    opacity: 1;
    top: 0;
  }
  #scrollHelper {
    display: none !important;
  }
  header.menu nav {
    background: #fff;
  }
  #toolbar .help {
    display: none;
  }
  header.menu {
    /* level 1 mobile menu tabs and my account section */
    /* tab icons */
    /* tab icons */
    /* Hello tab layout*/
    /* Hello tab layout*/
    /* My account section for mobile menu */
    /* My account section for mobile menu */
  }
  header.menu .basket {
    width: 52px;
  }
  header.menu .basket a.summary {
    padding: 0;
    display: none;
  }
  header.menu .basket a.summary .price {
    display: none;
  }
  header.menu .basket a.summary > i {
    width: 52px;
  }
  header.menu .basket a.summary.responsive {
    display: block;
  }
  header.menu .basket a.summary.responsive .items {
    position: absolute;
  }
  header.menu nav .menuLevel1 {
    height: 100%;
    background-color: #FFF;
    width: 100%;
    border-bottom: 0;
  }
  header.menu nav .menuLevel1 ul {
    display: block;
    margin: 0;
    background: transparent;
    height: auto;
    width: 100%;
    padding: 0;
  }
  header.menu nav .menuLevel1 ul li {
    float: none;
    height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    width: auto;
  }
  header.menu nav .menuLevel1 ul li a {
    height: 100%;
    width: auto;
    text-align: left;
    border-right: 0;
    font-size: 0.95em;
    line-height: 3.9em;
    letter-spacing: 0.01rem;
    word-spacing: normal;
    color: #000;
    font-family: "Poppins-Bold", sans-serif;
  }
  header.menu nav .menuLevel1 ul li a:before {
    display: block;
    text-align: center;
    margin-right: 8px;
    height: 45px;
    font-family: "scanicons", sans-serif;
    font-style: normal;
    width: 45px;
    font-size: 2em;
    overflow: hidden;
    line-height: 1.9em;
    float: left;
  }
  header.menu nav .menuLevel1 span.arrow {
    height: 90px;
    display: block;
    width: 36px;
    color: #5a5a5a;
    overflow: hidden;
    font-size: 1.6em;
    z-index: 6;
    background: #eaeaea;
  }
  header.menu nav .menuLevel1 span.arrow.previous {
    position: absolute;
    border-right: 1px solid #cdcdcd;
    left: 0;
  }
  header.menu nav .menuLevel1 span.arrow.previous:before {
    content: "\e900";
    transform: rotate(180deg);
  }
  header.menu nav .menuLevel1 span.arrow.next {
    position: absolute;
    right: 0;
    border-left: 1px solid #cdcdcd;
  }
  header.menu nav .menuLevel1 span.arrow.next.next:before {
    content: "\e900";
  }
  header.menu nav .menuLevel1 span.arrow:before {
    font-family: "scanicons", sans-serif;
    font-style: normal;
    position: absolute;
    margin-top: 31px;
    margin-left: 6px;
  }
  header.menu nav .menuLevel1 .compTab a:before {
    content: "\e923";
    margin-top: 1px;
  }
  header.menu nav .menuLevel1 .pcTab a:before {
    content: "\e97e";
  }
  header.menu nav .menuLevel1 .audioTab a:before {
    content: "\e925";
  }
  header.menu nav .menuLevel1 .gamingTab a:before {
    content: "\e926";
    font-size: 2.8em;
    line-height: 1.3em;
  }
  header.menu nav .menuLevel1 .videoTab a:before {
    content: "\e928";
  }
  header.menu nav .menuLevel1 .cadTab a:before {
    content: "\e927";
  }
  header.menu nav .menuLevel1 .digitalhomeTab a:before {
    content: "\e924";
  }
  header.menu nav .menuLevel1 .systemsTab a:before {
    content: "\e922";
    font-size: 3em;
    line-height: 1.3em;
  }
  header.menu nav .menuLevel1 .toTab a:before {
    content: "\e91a";
    color: #c21733;
  }
  header.menu nav .menuLevel1 .AITab a:before {
    font-family: "scanicons";
    content: "\e94d";
  }
  header.menu nav .menuLevel1 .CloudTab a:before {
    font-family: "scanicons";
    content: "\e981";
  }
  header.menu nav .menuLevel1 .businessTab a:before {
    content: "\e986";
    padding-right: 0;
  }
  header.menu nav .menuLevel1 .roboticsTab a:before {
    content: "\e984";
  }
  header.menu nav .menuLevel1 .helloTab a:before {
    content: "\e909";
  }
  header.menu nav .menuLevel1 .accSecLow .myAcc a:before {
    content: "\e90e";
    color: #FFF;
    font-size: 1.8em;
    line-height: 2.1em;
  }
  header.menu nav .menuLevel1 li.toTab a {
    background: #FFF;
    color: #000;
  }
  header.menu nav .menuLevel1 .toTab a:after {
    display: inline-block;
    margin-left: 6px;
    width: auto;
    font-size: 0.95em;
    background-color: transparent;
    color: #c21733;
  }
  header.menu nav .menuLevel1 .helloTab {
    background-color: #000000;
    border-bottom: none;
  }
  header.menu nav .menuLevel1 .helloTab a {
    color: white;
  }
  header.menu nav .menuLevel1 .helloTab a::after {
    content: "";
    display: block;
    float: right;
    width: 42px;
    height: 100%;
    margin-top: 10px;
    margin-right: 5px;
    background: url("../images/homepages/mobile-menu/tech-heart-soul-lockup-stacked-white-f19b88d263.svg") no-repeat;
    background-size: contain;
  }
  header.menu nav .menuLevel1 .accSecLow {
    background-color: #FFFFFF;
  }
  header.menu nav .menuLevel1 .accSecLow ul {
    margin-top: 0;
  }
  header.menu nav .menuLevel1 .accSecLow .myAcc a {
    background-color: #3c3c3c;
    color: #FFF;
  }
  header.menu nav .menuLevel1 .accSecLow .myAcc a:hover, header.menu nav .menuLevel1 .accSecLow .myAcc a:focus-visible {
    background: #6d6d6d;
  }
  header.menu nav .menuLevel1 .accSecLow .myAcc a span {
    float: right;
  }
  header.menu nav .menuLevel1 .accSecLow .myAcc a span:after {
    display: inline-block;
    content: "\e916";
    font-family: "scanicons";
    font-size: 11px;
    margin-left: 3px;
  }
  header.menu nav .menuLevel1 .accSecLow .pref {
    font-family: "Poppins-SemiBold", sans-serif;
    font-size: 0.95em;
    padding: 6px 20px;
    background-color: #EAEBEB;
  }
  header.menu nav .menuLevel1 .accSecLow .currencySwitch {
    display: block;
    width: 100%;
    background-color: #FFF;
    border-bottom: solid 1px #EAEBEB;
  }
  header.menu nav .menuLevel1 .accSecLow .currencySwitch button {
    width: 100%;
    padding: 10px 20px;
    display: block;
    background: none;
    border: none;
    font-family: "Poppins-SemiBold", sans-serif;
    color: #000;
    text-align: left;
    cursor: pointer;
    transition: ease-in-out 0.15s;
  }
  header.menu nav .menuLevel1 .accSecLow .currencySwitch button:hover, header.menu nav .menuLevel1 .accSecLow .currencySwitch button:focus-visible {
    background: #CCC;
  }
  header.menu nav .menuLevel1 .accSecLow .currencySwitch button::before {
    transform: rotate(225deg);
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    width: 6px;
    height: 6px;
    margin-top: 6px;
    float: right;
  }
  header.menu nav .menuLevel1 .accSecLow .currencySwitch button i {
    margin: -1px 3px 0 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    line-height: 1.6em;
    width: 20px;
    height: 20px;
    background: #FFF;
    border: solid 1px #BBB;
    border-radius: 50%;
    text-align: center;
  }
  header.menu nav .menuLevel1 .accSecLow .incExSection {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start;
  }
  header.menu nav .menuLevel1 .accSecLow .incExSection .buttonWrap {
    width: 100%;
    text-align: left;
    padding-left: 20px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 10px;
  }
  header.menu nav .menuLevel1 .accSecLow .incExSection .buttonWrap p {
    font-family: "Poppins-SemiBold", sans-serif;
    padding: 8px 0 5px 0;
    font-size: 0.85em;
  }
  header.menu nav .menuLevel1 .accSecLow .incExSection .buttonWrap button {
    cursor: pointer;
    font-family: "Poppins-Bold", sans-serif;
    font-size: 0.85em;
    border: solid 2px rgba(0, 0, 0, 0.2);
    background-color: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0.2);
    padding: 4px 10px;
    border-radius: 14px;
    margin-left: 10px;
  }
  header.menu nav .menuLevel1 .accSecLow .incExSection .buttonWrap button::before {
    display: none;
  }
  header.menu nav .menuLevel1 .accSecLow .incExSection .buttonWrap button.on {
    font-family: "Poppins-Bold", sans-serif;
    border: solid 2px transparent;
    background-color: rgb(0, 0, 0);
    color: #FFF;
  }
  header.menu nav .menuLevel1 .accSecLow .helpLinkWrap {
    margin-top: 12px;
    border-top: solid 2px #006fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    background: #FFF;
    color: #000;
  }
  header.menu nav .menuLevel1 .accSecLow .helpLinkWrap button {
    display: block;
    font-family: "Poppins-Bold", sans-serif;
    font-size: 1em;
    text-decoration: none;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 12px 0;
    background: #FFF;
    border: none;
    cursor: pointer;
  }
  header.menu nav .menuLevel1 .accSecLow .helpLinkWrap button::before {
    display: none;
  }
  header.menu nav .menuLevel1 .accSecLow .helpLinkWrap button span {
    display: inline-block;
    vertical-align: middle;
  }
  header.menu nav .menuLevel1 .accSecLow .helpLinkWrap button span:first-of-type:before {
    display: inherit;
    vertical-align: inherit;
    content: "?";
    font-family: inherit;
    font-size: 14px;
    margin-right: 5px;
    background-color: #000;
    border-radius: 50%;
    color: white;
    width: 20px;
    height: 20px;
    line-height: 1.3rem;
  }
  header.menu nav .menuLevel1 .accSecLow .helpLinkWrap button span:last-of-type {
    margin-left: 5px;
    color: #006fff;
    line-height: 1;
  }
  header.menu nav .menuLevel1 .accSecLow .helpLinkWrap button span:last-of-type:after {
    display: inherit;
    vertical-align: inherit;
    content: "\e916";
    font-family: "scanicons";
    font-size: 14px;
    margin-left: 2px;
    color: #006fff;
  }
  /* level 1 mobile menu tabs */
  header.menu nav .menuLevel2, header.menu nav .menuLevel3 {
    display: block;
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: "open_sans", sans-serif;
    clear: left;
  }
  header.menu nav .menuLevel2 ul, header.menu nav .menuLevel3 ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    color: #707070;
  }
  header.menu nav .menuLevel2 ul li, header.menu nav .menuLevel3 ul li {
    list-style: none;
    display: block;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  header.menu nav .menuLevel2 ul li {
    padding: 0;
    border-bottom: 1px solid #cdcdcd;
  }
  header.menu nav .menuLevel2 ul li span,
  header.menu nav .menuLevel3 ul li a {
    display: block;
    cursor: pointer;
    padding: 0 30px;
    height: 44px;
    overflow: hidden;
    border-bottom: 1px solid #cdcdcd;
    font-size: 1.1em;
    line-height: 2.9em;
    text-decoration: none;
    color: #707070;
  }
  header.menu nav .mobile .menuLevel2 ul li span {
    color: #000000;
    font-size: 1em;
    line-height: 3.5em;
    height: 44px;
    font-family: "Poppins-SemiBold", sans-serif;
  }
  header.menu nav .menuLevel2 ul li span:after, header.menu nav .menuLevel3 ul li a:after, header.menu nav .menuLevel4 .rowHolder ul li a:after {
    display: block;
    display: inline-block;
    width: 9px;
    height: 9px;
    margin-top: 14px;
    margin-right: 30px;
    content: " ";
    font-size: 2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 3px solid #787878;
    border-right: 3px solid #787878;
    position: absolute;
    right: 0;
  }
  header.menu nav .mobile .menuLevel2 ul li.selected {
    background: none;
  }
  /* button title blue */
  header.menu nav .mobile .menuLevel2 button {
    float: left;
    border: 0;
    line-height: 6em;
    overflow: hidden;
    height: 48px;
    background-color: #1766a6;
    padding-top: 15px;
    width: 45px;
  }
  /* button title blue */
  /* country buttons */
  header.menu nav .mobile .menuLevel2.countrySelect .currencySwitch button {
    float: none;
    line-height: normal;
    height: auto;
    background-color: #FFF;
    border-bottom: 1px solid #cdcdcd;
    padding: 12px 20px;
    width: 100%;
    font-family: "Poppins-SemiBold", sans-serif;
    color: #000;
    text-align: left;
    cursor: pointer;
    transition: ease-in-out 0.15s;
  }
  header.menu nav .mobile .menuLevel2.countrySelect .currencySwitch button:hover, header.menu nav .mobile .menuLevel2.countrySelect .currencySwitch button:focus-visible {
    background: #CCC;
  }
  header.menu nav .mobile .menuLevel2.countrySelect .currencySwitch button::before {
    transform: rotate(225deg);
    border-left: 2px solid #000;
    border-bottom: 2px solid #000;
    width: 8px;
    height: 8px;
    margin-top: 4px;
    float: right;
  }
  /* country buttons */
  header.menu nav .menuLevel3 span.previousList,
  header.menu nav .menuLevel4 span.previousList {
    display: table-cell;
    width: 52px;
    height: 70px;
    vertical-align: top;
  }
  header.menu nav .menuLevel3 span.previousList button,
  header.menu nav .menuLevel4 span.previousList button {
    display: block;
    width: 52px;
    height: 52px;
    overflow: hidden;
    line-height: 4em;
    background: none;
    padding-left: 0;
    padding-right: 0;
  }
  header.menu nav .menuLevel3 span.previousList button:before,
  header.menu nav .menuLevel4 span.previousList button:before {
    display: block;
    width: 13px;
    height: 13px;
    margin-top: 18px;
    margin-left: 28px;
    margin-right: 20px;
    content: " ";
    font-size: 2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 3px solid #5b5b5b;
    border-left: 3px solid #5b5b5b;
  }
  header.menu nav .menuLevel4 div.header, header.menu nav .menuLevel4 .rowHolder span.checkbox {
    display: none;
  }
  header.menu nav .menuLevel4 > div > div > div > div {
    display: table;
    width: 100%;
  }
  header.menu nav .menuLevel4 div > ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  header.menu nav .menuLevel4 div > ul > li {
    padding: 16px 0 0;
  }
  header.menu nav .menuLevel4 div > ul > li a.heading {
    color: #000;
    font-family: "open_sans-bold", sans-serif;
    text-transform: none;
    padding: 10px 0 10px 30px;
    font-size: 1em;
  }
  header.menu nav .menuLevel4 .rowHolder ul {
    margin: 0;
    padding: 0 !important;
    list-style: none;
  }
  header.menu nav .menuLevel4 .rowHolder ul li {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  header.menu nav .menuLevel4 .rowHolder ul li a {
    display: block;
    cursor: pointer;
    padding: 18px 30px;
    overflow: hidden;
    border-bottom: 1px solid #cdcdcd;
    font-size: 0.9em;
    line-height: 1.2em;
    text-decoration: none;
    color: #000000;
    font-family: "Poppins-SemiBold", sans-serif;
  }
  header.menu nav .menuLevel4 .rowHolder ul li a:after {
    margin-top: 0;
    border-top: 3px solid #787878;
    border-bottom: 0;
  }
  header.menu nav .menuLevel4 .bodyHolder .footer {
    display: none;
  }
  ul.mobileMenuBreadcrumb {
    display: block;
    background: #f2f2f2;
    margin: 0;
    padding: 18px 30px 20px;
    border-top: 1px solid #cdcdcd;
    list-style: none;
    font-family: "open_sans", sans-serif;
    font-size: 1.1em;
    color: #575757;
  }
  ul.mobileMenuBreadcrumb button.btn {
    display: block !important;
    width: 52px;
    height: 52px;
    overflow: hidden;
    line-height: 4em;
    background: none;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    margin-left: -36px;
    margin-top: -18px;
  }
  ul.mobileMenuBreadcrumb button.btn:before {
    display: block;
    width: 13px;
    height: 13px;
    margin-top: 18px;
    margin-left: 28px;
    margin-right: 20px;
    content: " ";
    font-size: 2em;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 3px solid #5b5b5b;
    border-left: 3px solid #5b5b5b;
  }
  ul.mobileMenuBreadcrumb > li {
    list-style: none;
    margin: 0;
    padding: 0 0 0 22px;
    display: inline-block;
    text-transform: uppercase;
    line-height: 1em;
  }
  ul.mobileMenuBreadcrumb > li:first-child {
    padding: 0;
  }
  ul.mobileMenuBreadcrumb > li:first-child:before {
    display: none;
  }
  header.menu .basket a.summary {
    display: none;
  }
  header.menu .basket a.summary.responsive {
    display: block !important;
  }
  div.page-overlay.zoom-view-close {
    top: 56px;
  }
  .promoBannerWrapper {
    background-color: #f2f2f2;
    display: block;
    /* AI block overwrites for marketing banner */
    /* AI block overwrites for marketing banner */
  }
  .promoBannerWrapper .proBlock {
    display: table;
    width: 100%;
  }
  .promoBannerWrapper .introBlock {
    display: table-cell;
    padding: 30px 0 30px 0;
    vertical-align: middle;
  }
  .promoBannerWrapper .introBlock span {
    height: 15px;
    width: 118px;
    display: block;
    margin-left: 30px;
    background: url(../images/homepage/pods/pro-logos-57a23e1465.png) no-repeat;
    background-size: 553px 15px;
  }
  .promoBannerWrapper .introBlock p {
    padding: 8px 30px;
    font-size: 0.875em;
    font-family: "Poppins-Regular", sans-serif;
    max-width: 325px;
  }
  .promoBannerWrapper .introBlock a {
    font-family: "Poppins-SemiBold", sans-serif;
    padding: 10px 0;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 0.875em;
    color: #333333;
    margin-left: 30px;
    display: inline-block;
    line-height: 1.1em;
  }
  .promoBannerWrapper .introBlock a:after {
    content: "\e900";
    width: 15px;
    height: 15px;
    display: inline-block;
    margin-left: 8px;
    font-family: "scanicons", sans-serif;
    font-size: 1.5em;
    position: absolute;
  }
  .promoBannerWrapper .imageBlock {
    width: 150px;
    display: table-cell;
  }
  .promoBannerWrapper .computerHardwareBlock .imageBlock {
    background: url("../images/homepages/mobile-menu/BU-mobile-menu-images-compHardware-2aea21a191.webp") no-repeat left bottom;
    background-size: cover;
  }
  .promoBannerWrapper .computerHardwareBlock .introBlock span {
    background: none;
    width: auto;
  }
  .promoBannerWrapper .computerHardwareBlock .introBlock span:before {
    content: "COMPUTER HARDWARE";
    display: block;
    width: 100%;
    color: #2777b3;
    font-family: "Poppins-Bold", sans-serif;
    font-size: 1.1em;
  }
  .promoBannerWrapper .computerHardwareBlock .introBlock a {
    width: 150px;
  }
  .promoBannerWrapper .computerHardwareBlock .introBlock a:after {
    margin-top: -6px;
  }
  .promoBannerWrapper .gamingBlock .imageBlock {
    background: url("../images/homepages/mobile-menu/BU-mobile-menu-images-gaming-6890be45e3.webp") no-repeat left bottom;
    background-size: cover;
  }
  .promoBannerWrapper .gamingBlock .introBlock span {
    background-position: -125px 0;
    width: 138px;
  }
  .promoBannerWrapper .audioBlock .imageBlock {
    background: url("../images/homepages/mobile-menu/BU-mobile-menu-images-audio-v2-b45da4a08d.webp") no-repeat left bottom;
    background-size: cover;
  }
  .promoBannerWrapper .audioBlock .introBlock span {
    background-position: 0 0;
    width: 110px;
  }
  .promoBannerWrapper .videoBlock .imageBlock {
    background: url("../images/homepages/mobile-menu/BU-mobile-menu-images-video-7a2c3da2bd.webp") no-repeat left bottom;
    background-size: cover;
  }
  .promoBannerWrapper .videoBlock .introBlock span {
    background-position: -266px 0;
    width: 110px;
  }
  .promoBannerWrapper .graphicsBlock .imageBlock {
    background: url("../images/homepages/mobile-menu/BU-mobile-menu-images-graphics-v2-3a91b25d6c.webp") no-repeat left bottom;
    background-size: cover;
  }
  .promoBannerWrapper .graphicsBlock .introBlock span {
    background-position: -388px 0;
    width: 155px;
  }
  .promoBannerWrapper .aiBlock {
    height: 160px;
    background: url("../images/homepages/mobile-menu/Ai-Banner/scan-ai-menu-banner-780px-bg-v1-3de7651e13.webp") no-repeat center bottom;
    background-size: cover;
  }
  .promoBannerWrapper .aiBlock .imageBlock {
    background: url("../images/homepages/mobile-menu/Ai-Banner/ai-mobile-tab-server-img-e21a443415.webp") no-repeat -22px bottom;
    background-size: 270px 145px;
    width: 45%;
  }
  .promoBannerWrapper .aiBlock .introBlock span {
    background: none;
    width: auto;
  }
  .promoBannerWrapper .aiBlock .introBlock span:before {
    content: "SCAN AI";
    display: block;
    width: 100%;
    color: #FFF;
    font-family: "Poppins-Bold", sans-serif;
    font-size: 1.3em;
  }
  .promoBannerWrapper .aiBlock .introBlock p {
    color: #FFF;
    font-size: 1em;
    max-width: 190px;
  }
  .promoBannerWrapper .aiBlock .introBlock a {
    background-color: #FFF;
    color: #000;
    padding: 6px 10px;
    box-sizing: border-box;
    border-radius: 20px;
  }
  .promoBannerWrapper .aiBlock .introBlock a:after {
    display: none;
  }
  .promoBannerWrapper .cloudBlock .imageBlock {
    background: url("../images/homepages/mobile-menu/BU-mobile-menu-images-cloud-74ae010cbc.webp") no-repeat left bottom;
    background-size: cover;
  }
  .promoBannerWrapper .cloudBlock .introBlock span {
    background: none;
    width: auto;
  }
  .promoBannerWrapper .cloudBlock .introBlock span:before {
    content: "Cloud Solutions";
    display: block;
    width: 100%;
    color: #000;
    font-family: "Poppins-Bold", sans-serif;
    font-size: 1.3em;
  }
}
@media screen and (max-height: 790px) {
  header.menu .basket .popup div.scansure {
    display: none;
  }
}
@media screen and (max-height: 760px) {
  header.menu .basket .popup .productList {
    height: 200px;
  }
}
@media screen and (max-width: 600px) {
  header.menu .mobileVisible {
    display: block !important;
  }
}
@media screen and (max-width: 400px) {
  header.menu nav {
    top: 42px;
  }
  header.menu .leftCol {
    width: 90px;
  }
  header.menu .leftCol button.menu {
    width: 42px;
    height: 40px;
  }
  header.menu .leftCol button.menu span.iconBar {
    width: 22px;
    height: 5px;
  }
  header.menu .leftCol button.menu span.iconBar:first-child {
    margin-top: 4px;
  }
  header.menu .leftCol button.search {
    margin: 0;
    width: 40px !important;
    height: 40px;
  }
  header.menu .leftCol button.search:before {
    line-height: 2.2em;
  }
  .promoBannerWrapper .introBlock {
    padding: 25px 0 25px 0;
  }
  .promoBannerWrapper .imageBlock {
    width: 120px;
    display: table-cell;
  }
  .promoBannerWrapper .computerHardwareBlock .imageBlock,
  .promoBannerWrapper .gamingBlock .imageBlock,
  .promoBannerWrapper .audioBlock .imageBlock,
  .promoBannerWrapper .videoBlock .imageBlock,
  .promoBannerWrapper .graphicsBlock .imageBlock {
    background-size: 150px;
  }
}
@media screen and (max-width: 366px) {
  header.menu .searchMobileBar form {
    margin-right: 60px;
    margin-left: 12px;
    display: block;
  }
  header.menu .searchMobileBar form span {
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    padding-left: 0;
    margin-top: 10px;
  }
  header.menu .searchMobileBar form span button {
    position: inherit;
    width: 30px;
    display: block;
    margin-left: 0;
    float: right;
    z-index: 100;
    margin-top: 2px;
  }
  header.menu .searchMobileBar form span button.mic {
    right: 40px;
    top: 3px;
  }
  header.menu .searchMobileBar form span input {
    padding-left: 0;
    padding-right: 0;
    display: block;
    float: none;
    width: inherit;
    margin-right: 60px;
    position: relative;
    top: 0;
    z-index: 2;
  }
  header.menu .searchMobileBar form span input::-webkit-input-placeholder {
    font-size: 10px;
  }
  header.menu .searchMobileBar form span input:-moz-placeholder {
    font-size: 10px;
  }
  header.menu .searchMobileBar form span input:-ms-input-placeholder {
    font-size: 10px;
  }
}
@media screen and (max-width: 320px) {
  header.menu nav .menuLevel1 .accSecLow .buttonSection {
    flex-direction: column;
    align-items: flex-start;
  }
  header.menu nav .menuLevel1 .accSecLow .buttonSection .buttonWrap:last-child {
    margin: 0;
  }
}
/* header and menu styles - hiten - start */
/* Hide mobile menu on desktop */
nav#mainMenu .mobile {
  display: none;
}

/* Mobile Menu */
@media screen and (max-width: 780px) {
  nav#mainMenu .mobile {
    display: block;
  }
  .mobile > div {
    right: 100%;
    position: absolute;
    transition: right 0.4s ease-in-out 0s;
    width: 100%;
    z-index: 2000;
    height: 100%;
    top: 56px;
  }
  .mobile .mobileVisible {
    right: 0;
    display: block;
    height: 100%;
  }
  header.menu .menuLevel3.mobileVisible {
    top: 48px;
  }
  header.menu .menuLevel4.mobileVisible {
    top: 96px;
  }
  header.menu nav .menuLevel4 .rowHolder {
    padding: 10px 0;
  }
  header.menu nav .mobile div.menuLevel4 > div {
    width: auto;
  }
  header.menu nav .mobile div.menuLevel4 > div > div {
    width: auto;
  }
  header.menu nav div.menuLevel4 div.bodyHolder > div:first-child > ul > li > span.rowHolder {
    padding: 0;
  }
  header.menu nav div.menuLevel4 div.bodyHolder > div:first-child > ul > li {
    width: auto;
  }
  header.menu nav .mobile .menuLevel4 .rowHolder ul li {
    display: block;
  }
  header.menu nav .mobile .menuLevel3 > ul {
    height: auto !important;
  }
  header.menu nav .mobile .mobileVisible button:before {
    content: "";
    display: block;
    width: 11px;
    height: 11px;
    margin: 0 auto;
    transform: rotate(45deg);
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
  }
  header.menu nav div.menuLevel4 .bodyHolder > div:first-child > ul > li > span.rowHolder > ul > li {
    width: auto;
  }
  header.menu nav div.menuLevel4 div.bodyHolder > div:first-child > ul > li > span.rowHolder {
    padding: 0;
  }
  header.menu nav .menuLevel3 ul li a {
    height: 44px;
    color: #000000;
    font-family: "Poppins-SemiBold", sans-serif;
    font-size: 0.9em;
    height: 44px;
    color: #000;
    line-height: 3.8em;
  }
  header.menu nav .menuLevel4 div > ul > li a.heading {
    padding: 8px 0 18px 30px;
    border-bottom: 1px solid #000;
    font-family: "Poppins-bold", "open_sansbold", sans-serif;
  }
}
/* ipad / smaller screen fixes */
@media screen and (min-width: 780px) and (max-width: 1150px) {
  header.menu nav .menuLevel1 li a {
    font-size: 0.75em;
    line-height: 3.5rem;
  }
  header.menu nav .menuLevel1 li.businessTab a {
    line-height: 5.5em;
  }
  header.menu nav .menuLevel1 li.businessTab a:after {
    margin-top: -43px;
  }
  header.menu nav .menuLevel1 li.toTab a {
    line-height: 5em;
    font-size: 0.75em;
  }
  header.menu nav .menuLevel1 li.toTab a:after {
    margin: -12px auto 0 auto;
    font-size: 0.75em;
    line-height: 2em;
  }
  header.menu nav .menuLevel2 ul li span {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 1300px) and (min-width: 780px) {
  header.menu nav .menuLevel1 > ul {
    display: flex;
  }
  header.menu nav .menuLevel1 li {
    display: inline-table;
    float: none;
  }
  header.menu nav .menuLevel1 li a {
    display: table-cell;
    vertical-align: middle;
  }
  .container header.menu nav .menuLevel1 li a {
    line-height: 1.4em !important;
    height: auto;
    font-size: 0.8em !important;
  }
  header.menu nav .menuLevel1 .businessTab a:before {
    display: block;
  }
  header.menu nav .menuLevel1 .toTab a:after {
    margin: 0 auto !important;
  }
  header.menu nav .menuLevel1 .businessTab a:before {
    height: auto;
  }
  header.menu nav .menuLevel1 li.businessTab a:after {
    margin: 0;
  }
}
@media screen and (max-width: 400px) {
  header.menu > div:first-child {
    height: 40px;
  }
  .mobile > div {
    top: 40px;
  }
  header.menu > div .leftCol button.menu {
    width: 36px;
  }
  header.menu > div .leftCol button.search {
    width: 36px !important;
  }
  header.menu > div .logo a {
    background-size: 70px 20px;
    height: 20px;
    width: 70px;
  }
}
/*usp and business link bar */
.usp-busBar {
  background: #EEE;
  height: 38px;
  width: 100%;
}
.usp-busBar .contain {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
}
.usp-busBar .contain .linkWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0;
  /* Currency Drop down */
  /* Show the drop down list by adding open class */
  /* Show the drop down list by adding open class */
  /* Currency Drop down */
  /* Toggle switch for inc ex vat */
  /* The slider */
  /* Rounded sliders */
  /* Toggle on */
}
.usp-busBar .contain .linkWrap .ths a,
.usp-busBar .contain .linkWrap .busHelp a, .usp-busBar .contain .linkWrap button {
  margin: 0;
  text-align: center;
  font-size: 0.9em;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  padding: 11px 8px 0 8px;
  height: 38px;
  color: #000;
  background: transparent;
  transition: ease-out 200ms all;
  border: none;
  line-height: normal;
  cursor: pointer;
}
.usp-busBar .contain .linkWrap .ths a:after,
.usp-busBar .contain .linkWrap .busHelp a:after, .usp-busBar .contain .linkWrap button:after {
  content: "\e916";
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: inherit;
  width: auto;
  margin-left: 4px;
  margin-top: -1px;
}
.usp-busBar .contain .linkWrap .ths a#techHeartSoul,
.usp-busBar .contain .linkWrap .busHelp a#techHeartSoul, .usp-busBar .contain .linkWrap button#techHeartSoul {
  border-right: solid 1px #d8d8d8;
}
.usp-busBar .contain .linkWrap .ths a#techHeartSoul i,
.usp-busBar .contain .linkWrap .busHelp a#techHeartSoul i, .usp-busBar .contain .linkWrap button#techHeartSoul i {
  background: url("../images/logos/scan/black-hex-amp-v2-df5964cf71.svg") no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  width: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
.usp-busBar .contain .linkWrap .ths a#fullFeedbackLink,
.usp-busBar .contain .linkWrap .busHelp a#fullFeedbackLink, .usp-busBar .contain .linkWrap button#fullFeedbackLink {
  margin-left: -4px;
}
.usp-busBar .contain .linkWrap .ths a#busLink,
.usp-busBar .contain .linkWrap .busHelp a#busLink, .usp-busBar .contain .linkWrap button#busLink {
  display: inline-block;
  border-left: solid 1px #d8d8d8;
}
.usp-busBar .contain .linkWrap .ths a#helpLink,
.usp-busBar .contain .linkWrap .busHelp a#helpLink, .usp-busBar .contain .linkWrap button#helpLink {
  border-left: solid 1px #d8d8d8;
  float: right;
  background: #EEE;
  color: #000;
  cursor: pointer;
  padding-top: 1px;
}
.usp-busBar .contain .linkWrap .ths a#helpLink:after,
.usp-busBar .contain .linkWrap .busHelp a#helpLink:after, .usp-busBar .contain .linkWrap button#helpLink:after {
  content: "\e915";
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  color: inherit;
  width: 16px;
  height: 16px;
  /* color: #3372b8; */
  margin-right: 5px;
  margin-top: -3px;
}
.usp-busBar .contain .linkWrap .ths a#helpLink::before,
.usp-busBar .contain .linkWrap .busHelp a#helpLink::before, .usp-busBar .contain .linkWrap button#helpLink::before {
  display: none;
}
.usp-busBar .contain .linkWrap .ths a#helpLink:hover, .usp-busBar .contain .linkWrap .ths a#helpLink:focus,
.usp-busBar .contain .linkWrap .busHelp a#helpLink:hover,
.usp-busBar .contain .linkWrap .busHelp a#helpLink:focus, .usp-busBar .contain .linkWrap button#helpLink:hover, .usp-busBar .contain .linkWrap button#helpLink:focus {
  background: #DDD;
}
.usp-busBar .contain .linkWrap .ths a:hover, .usp-busBar .contain .linkWrap .ths a:focus,
.usp-busBar .contain .linkWrap .busHelp a:hover,
.usp-busBar .contain .linkWrap .busHelp a:focus, .usp-busBar .contain .linkWrap button:hover, .usp-busBar .contain .linkWrap button:focus {
  color: #3372b8;
  background: #DDD;
}
.usp-busBar .contain .linkWrap .busHelp {
  display: -moz-box;
  display: -webkit-flex;
  display: flex;
  justify-content: flex-end;
  min-width: 300px;
}
.usp-busBar .contain .linkWrap .currencySwitch {
  position: relative;
  display: inline-block;
}
.usp-busBar .contain .linkWrap .currencySwitch .dropbtn {
  font-size: 1em;
  border-right: solid 1px #DDD;
  padding-top: 1px;
}
.usp-busBar .contain .linkWrap .currencySwitch .dropbtn::after {
  transform: rotate(90deg);
}
.usp-busBar .contain .linkWrap .currencySwitch .dropbtn:focus,
.usp-busBar .contain .linkWrap .currencySwitch .dropbtn:focus-visible {
  background-color: #DDD;
  color: #3372b8;
}
.usp-busBar .contain .linkWrap .currencySwitch .dropdown-content {
  display: none;
  width: 100%;
  max-width: 300px;
  min-width: 166px;
  position: absolute;
  background-color: #FFF;
  border: solid 1px #DDD;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1001;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px; /* set to outer list */
  scrollbar-width: thin;
  scrollbar-color: darkgrey transparent;
}
.usp-busBar .contain .linkWrap .currencySwitch .dropdown-content::-webkit-scrollbar {
  width: 10px;
}
.usp-busBar .contain .linkWrap .currencySwitch .dropdown-content::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  border-radius: 10px;
}
.usp-busBar .contain .linkWrap .currencySwitch .dropdown-content::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
.usp-busBar .contain .linkWrap .currencySwitch .dropdown-content button {
  padding: 8px 8px;
  font-size: 0.8em;
  height: auto;
  border-bottom: solid 1px #DDD;
  width: 100%;
  text-align: left;
}
.usp-busBar .contain .linkWrap .currencySwitch .dropdown-content button::after {
  display: none;
}
.usp-busBar .contain .linkWrap .currencySwitch .dropdown-content button:hover {
  background-color: #DDD;
  color: #3372b8;
}
.usp-busBar .contain .linkWrap .currencySwitch .dropbtn i,
.usp-busBar .contain .linkWrap .currencySwitch .dropdown-content i {
  margin-top: -1px;
  display: inline-block;
  vertical-align: middle;
  font-size: 1em;
  line-height: 1.6em;
  width: 20px;
  height: 20px;
  background: #FFF;
  border: solid 1px #DDD;
  border-radius: 50%;
  text-align: center;
}
.usp-busBar .contain .linkWrap .currencySwitch .dropdown-content i {
  font-size: 1.2em;
}
.usp-busBar .contain .linkWrap .currencySwitch.currency .dropdown-content {
  min-width: 90px;
}
.usp-busBar .contain .linkWrap .currencySwitch .dropdown-content.open {
  display: block;
}
.usp-busBar .contain .linkWrap .togSwitch {
  background: none;
  border: none;
  position: relative;
  display: inline-block;
  width: 38px;
  height: 20px;
  margin-right: 35px;
  margin-left: 9px;
  margin-top: 9px;
  margin-bottom: 9px;
}
.usp-busBar .contain .linkWrap .togSwitch:hover, .usp-busBar .contain .linkWrap .togSwitch:focus {
  background: none;
}
.usp-busBar .contain .linkWrap .togSwitch::after {
  display: none;
}
.usp-busBar .contain .linkWrap .togSwitch span:first-of-type {
  padding: 0;
  display: inline-block;
  position: absolute;
  right: -28px;
  font-family: "Poppins-Bold";
  width: 22px;
  font-size: 0.8em;
  line-height: 9px;
  top: 1px;
}
.usp-busBar .contain .linkWrap .togSwitch span:first-of-type:hover {
  color: #343743;
}
.usp-busBar .contain .linkWrap .togSwitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #343743;
  -webkit-transition: 0.4s;
  transition: ease-in-out all 400ms;
}
.usp-busBar .contain .linkWrap .togSwitch .slider.round {
  border-radius: 24px;
}
.usp-busBar .contain .linkWrap .togSwitch .slider.round:before {
  border-radius: 50%;
}
.usp-busBar .contain .linkWrap .togSwitch .slider:before {
  position: absolute;
  content: "";
  background: #eeeeee;
  background-size: contain;
  border: none;
  box-sizing: border-box;
  height: 15px;
  width: 15px;
  left: 2px;
  bottom: 2px;
  transition: inherit;
}
.usp-busBar .contain .linkWrap .togSwitch.on .slider:before {
  /* background:url("../images/logos/scan/scan-hex-white-a3211e30d1.svg") no-repeat; */
  background: #eeeeee;
  background-size: contain;
  -webkit-transform: translateX(18px);
  -ms-transform: translateX(18px);
  transform: translateX(18px);
}
.usp-busBar .contain .linkWrap .ths a:first-child:hover, .usp-busBar .contain .linkWrap .ths a:first-child:focus {
  color: #000;
}
.usp-busBar .contain .linkWrap .ths a img {
  margin-top: -2px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  object-fit: contain;
}
.usp-busBar .contain .linkWrap .usp .sliding-banner-pages div a {
  margin: 0;
  font-size: 0.95em;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  padding: 0;
  color: #000;
  border: none;
}
.usp-busBar .contain .linkWrap .usp .sliding-banner-pages div a i {
  background: #FFF url("../images/usp-bar-sprite-34b63918ef.png") no-repeat;
  background-size: 156px 26px;
  background-repeat: no-repeat;
  border: solid 1px #DDD;
  overflow: hidden;
  display: inline-block;
  text-indent: -999px;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 8px;
}
.usp-busBar .contain .linkWrap .usp .sliding-banner-pages div a.block1 i {
  background-position: -29px -1px;
}
.usp-busBar .contain .linkWrap .usp .sliding-banner-pages div a.block2 i {
  background-position: -3px -1px;
}
.usp-busBar .contain .linkWrap .usp .sliding-banner-pages div a.block3 i {
  background-position: -60px -1px;
}

.popover.helpCentreFrame {
  max-width: 500px;
}
.popover.helpCentreFrame .header {
  width: 100%;
  box-sizing: border-box;
  background-color: #343743;
  border-bottom: solid 2px #006fff;
}
.popover.helpCentreFrame .header button.close {
  color: #FFF;
  margin: 12px;
}
.popover.helpCentreFrame .header h3 {
  text-transform: none;
  text-align: left;
  font-size: 1.2em;
  color: #FFF;
  padding: 12px 12px;
  width: 100%;
  margin: 0 auto 0 10px;
  box-sizing: border-box;
}
.popover.helpCentreFrame .body {
  display: -moz-grid;
  display: grid;
  grid-template-rows: auto 1fr auto;
}
.popover.helpCentreFrame .body h4 {
  text-transform: none;
  text-align: center;
  font-size: 1.4em;
  color: #000;
  padding: 12px 12px;
}
.popover.helpCentreFrame .body h4 a {
  background: url("../images/svgicons/black-link-arrow-49f3ca5b6d.svg") no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  position: absolute;
  left: 15px;
  overflow: hidden;
  width: 30px;
  height: 18px;
  text-indent: -999px;
  transform: rotate(-180deg);
  z-index: 1;
}
.popover.helpCentreFrame .body p {
  text-align: center;
  font-size: 1em;
  color: #000;
  padding: 2px 12px;
}
.popover.helpCentreFrame .body .askBlock {
  background: #f3f3f3;
  width: 100%;
  box-sizing: border-box;
  padding: 10px 2px;
  max-height: 225px;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch {
  padding: 20px 20px 20px 20px;
  background: #f1f1f1;
  text-align: center;
  /* Search input styles to stop overwrites from other pages */
  /* Search input styles to stop overwrites from other pages */
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont:before {
  content: "Ask us a question";
  font-size: 1.4em;
  display: block;
  padding-bottom: 20px;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch form {
  display: flex;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch form .searchField {
  width: 100%;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch form .searchField input {
  width: 100%;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d9dadb;
  color: #333;
  font-size: 1.1em;
  overflow: hidden;
  transition: all 0.3s ease-in-out 0s;
  text-indent: 15px;
  height: 46px;
  box-sizing: border-box;
  font-size: 16px !important;
  border-radius: 4px;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch form .searchField label {
  display: none;
  float: left;
  padding-top: 15px;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch form button {
  height: 46px;
  width: 46px;
  background: transparent;
  color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  line-height: 2.2em;
  font-size: 0;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch form button:hover {
  background: transparent;
  color: #1766a6;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch form button:before {
  content: "\e918";
  font-size: 1.5rem;
  color: #343743;
  padding-right: 0;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: color ease-out 200ms;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch .results {
  text-align: left;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #ffffff;
  position: absolute;
  width: 100%;
  max-width: 450px;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch .results p {
  padding: 10px;
  background-color: #ebecec;
  color: #5b5b5b;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch .results a {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 10px;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch .results a:hover {
  background-color: #ebecec;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch .results label {
  font-size: 1.5em;
  padding-right: 20px;
}
.popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont .helpCentreLiveSearch .results ul li.selected {
  background-color: rgba(61, 112, 183, 0.3882352941);
}
.popover.helpCentreFrame .body .askBlock #viewHelp {
  margin: 0 auto;
  text-align: center;
  font-size: 0.95em;
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  padding: 12px 15px;
  color: #000;
  background: none;
  transition: ease-out 200ms all;
  border: none;
}
.popover.helpCentreFrame .body .askBlock #viewHelp:hover, .popover.helpCentreFrame .body .askBlock #viewHelp:focus {
  color: #3188c9;
}
.popover.helpCentreFrame .body .askBlock #viewHelp:after {
  content: "\e916";
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: inherit;
  width: auto;
  height: 14px;
  margin-top: -2px;
  margin-left: 5px;
}
.popover.helpCentreFrame .body .contactBlock h4 {
  margin-top: 18px;
}
.popover.helpCentreFrame .body .contactBlock iframe {
  height: calc(100vh - 110px);
  overflow: hidden;
}
.popover.helpCentreFrame .body .contactBlock .contactLinks {
  font-size: 1.2em;
  line-height: 1.5em;
  margin: 30px auto;
  text-align: center;
  width: 100%;
  max-width: 400px;
}
.popover.helpCentreFrame .body .contactBlock .contactLinks a {
  color: #000;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  width: 130px;
  margin: 10px 20px;
}
.popover.helpCentreFrame .body .contactBlock .contactLinks a span {
  display: block;
  margin-top: 10px;
}
.popover.helpCentreFrame .body .contactBlock .contactLinks a i {
  color: #006fff;
}
.popover.helpCentreFrame .body .contactBlock .contactLinks a:before {
  display: block;
  font-size: 35px;
  color: inherit;
  height: 20px;
}
.popover.helpCentreFrame .body .contactBlock .contactLinks a.email::before {
  content: "\e90d";
}
.popover.helpCentreFrame .body .contactBlock .contactLinks a.chat::before {
  content: "\e908";
}
.popover.helpCentreFrame .body .contactBlock .contactLinks a.callBack::before {
  content: "\e964";
}
.popover.helpCentreFrame .body .contactBlock .contactLinks a.call::before {
  content: "\e919";
}
.popover.helpCentreFrame .body .helpFooter {
  width: 100%;
  box-sizing: border-box;
}
.popover.helpCentreFrame .body .helpFooter .grey {
  min-height: 120px;
  background: #f3f3f3;
  padding: 20px;
  box-sizing: border-box;
  color: #000;
}
.popover.helpCentreFrame .body .helpFooter .grey .title {
  text-transform: uppercase;
  flex: none;
}
.popover.helpCentreFrame .body .helpFooter .grey ul {
  float: right;
  margin-top: -70px;
}
.popover.helpCentreFrame .body .helpFooter .grey ul li {
  padding: 10px 0;
}
.popover.helpCentreFrame .body .helpFooter .grey ul li a {
  text-decoration: none;
  color: #000;
}
.popover.helpCentreFrame .body .helpFooter .grey ul li a:hover {
  text-decoration: underline;
  color: #3188c9;
}
.popover.helpCentreFrame .body .helpFooter .blue {
  height: 90px;
  background: #194182;
  background: linear-gradient(to top, rgb(29, 105, 174), rgb(25, 65, 130));
}
.popover.helpCentreFrame .body .helpFooter .blue img {
  padding: 35px 0 0 0;
  margin: 0 auto;
  display: block;
  text-align: center;
}

@media screen and (max-width: 1220px) {
  .usp-busBar .contain .linkWrap .ths a,
  .usp-busBar .contain .linkWrap .busHelp a,
  .usp-busBar .contain .linkWrap button {
    font-size: 0.8em;
  }
  .usp-busBar .contain .linkWrap .ths a#techHeartSoul {
    padding: 10px 10px;
    line-height: 1.9em;
  }
  .usp-busBar .contain .linkWrap .ths #fullFeedbackLink {
    display: none;
  }
  .usp-busBar .contain .linkWrap .ths,
  .usp-busBar .contain .linkWrap .busHelp {
    min-width: 155px;
  }
  .usp-busBar .contain .linkWrap button#currencySwitch span {
    line-height: 1.6em;
  }
  .usp-busBar .contain .linkWrap .usp .sliding-banner-pages div a {
    font-size: 10px;
    padding-top: 2px;
  }
  .usp-busBar .contain .linkWrap button#helpLink:before {
    font-size: 17px;
    width: 17px;
    height: 17px;
  }
}
@media screen and (max-width: 1024px) {
  .usp-busBar .contain .linkWrap #fullwidthFeedbackLink {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  .usp-busBar .contain .linkWrap .usp {
    padding-left: 10px;
  }
  .usp-busBar .contain .linkWrap .ths {
    display: none;
  }
}
@media screen and (max-width: 850px) {
  .usp-busBar .contain .linkWrap {
    justify-content: flex-end;
  }
  .usp-busBar .contain .linkWrap .usp {
    display: none !important;
  }
}
@media screen and (max-width: 781px) {
  .usp-busBar {
    display: none !important;
  }
}
/* Help Center Mobile **************************/
@media screen and (max-width: 500px) {
  .popover.helpCentreFrame .body .helpFooter {
    position: unset;
    font-size: 11px;
  }
}
@media screen and (max-width: 380px) {
  .popover.helpCentreFrame .header h3 {
    margin: 0px auto 0 20px;
    font-size: 1.2em;
  }
  .popover.helpCentreFrame .body .askBlock .support .supportSearch .helpSearchCont:before {
    font-size: 1.2em;
  }
  .popover.helpCentreFrame .body .contactBlock .contactLinks {
    font-size: 1em;
  }
  .popover.helpCentreFrame .body .contactBlock .contactLinks a {
    width: 95px;
  }
  .popover.helpCentreFrame .body .contactBlock .contactLinks a:before {
    font-size: 24px;
  }
  .popover.helpCentreFrame .body .helpFooter .grey ul {
    margin-top: -95px;
  }
  .popover.helpCentreFrame .body .helpFooter .grey address {
    max-width: 150px;
  }
}
/* new usp business bar and help link */
header.menu .search {
  width: 100%;
  max-width: 640px;
  position: absolute;
}
header.menu .search form > label {
  display: none;
}
header.menu .search form > input {
  vertical-align: top;
  border: 2px solid #e7e7e7;
  height: 36px;
  width: 550px;
  background: #e7e7e7;
  overflow: hidden;
  padding: 0 16px;
  font-size: 1em;
  color: #333;
  float: left;
  transition: ease-out all 100ms;
  margin-left: 50px;
  margin-top: 1px;
  border-radius: 20px;
}
header.menu .search form > input:focus {
  background: #e3eefd;
  outline: none;
  border: solid 2px #000;
}
header.menu .search form input.speech-available + button.mic {
  background: none;
  border: 0;
  border-radius: 50%;
  width: 19px;
  height: 28px;
  display: block;
  position: absolute;
  right: 160px;
  margin: 7px 0 0 0;
  font-size: 18px;
  transition: ease-in-out color 0.3s;
  color: gray;
  text-align: left;
  padding: 0;
  cursor: pointer;
  border: none !important;
}
header.menu .search form input.speech-available + button.mic:after {
  padding-left: 1px;
  font-family: "scanicons", sans-serif;
  font-style: normal;
  content: "\e966";
  border: inherit !important;
}
header.menu .search form .btn {
  display: inline-block;
  vertical-align: top;
  height: 39px;
  width: 142px;
  margin-top: 1px;
  border: none;
  overflow: hidden;
  padding: 0;
  border-radius: 20px;
  text-align: center;
  line-height: 1.2em;
  font-size: 1em;
  background: #343743;
  margin-left: -141px;
}
header.menu .search form .btn:before {
  content: "\e918";
  color: #ffffff;
  font-size: 15px;
  margin: 7px 10px 12px 0;
  display: inline-block;
  padding-top: 2px;
}
header.menu .search .popupShown > form {
  position: relative;
  z-index: 20;
}
header.menu .search .popup {
  position: absolute;
  width: 680px;
  margin-top: 0;
  z-index: 20;
}
header.menu .search .popup > div {
  background-color: #fff;
  border-radius: 0;
  width: 680px;
  height: 580px;
  font-family: "open_sans", sans-serif;
  color: #707070;
  border-radius: 4px;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
}
header.menu .search .popup .header {
  background: #ebecec;
  height: 50px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
header.menu .search .popup .header span.close {
  float: right;
  height: 50px;
  width: 50px;
  display: block;
  text-indent: 50px;
  overflow: hidden;
  text-decoration: none;
  color: #5b5b5b;
  font-size: 1.1em;
  line-height: 3.1em;
  cursor: pointer;
}
header.menu .search .popup .header span.close:before {
  margin-left: -30px;
  margin-right: 20px;
}
header.menu .search .popup .header span.close:hover {
  color: #333;
}
header.menu .search .popup .header > span.title {
  list-style: none;
  transition: ease-in-out 0.2s;
  font-size: 1.1em;
  display: inline-block;
  cursor: pointer;
  padding: 3px 30px 0;
  color: #b3b3b3;
  height: 50px;
  line-height: 3.2em;
}
header.menu .search .popup .header > span.title span {
  font-size: 0.7em;
}
header.menu .search .popup .header > span.title:hover {
  color: #707070;
}
header.menu .search .popup .header > span.title.selected {
  color: #333;
}
header.menu .search .popup .results {
  overflow-y: auto;
  height: 480px;
  margin-right: 14px;
  margin-top: 20px;
  padding: 0 30px;
  scrollbar-width: thin;
}
header.menu .search .popup .results .moreResults {
  border-top: 4px solid #f5f5f5;
  display: block;
  text-align: center;
}
header.menu .search .popup .results .moreResults button:hover {
  background: none;
}
header.menu .search .popup .results .moreResults button:before {
  border-right: 2px solid #2b74b2;
  border-bottom: 2px solid #2b74b2;
  content: " ";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  margin-bottom: 2px;
}
header.menu .search .popup .group {
  padding-bottom: 10px;
  font-size: 0.9em;
}
header.menu .search .popup .group > span.title {
  color: #000;
  display: block;
  padding: 4px 8px;
  font-size: 0.9em;
  border-bottom: solid 1px #000;
}
header.menu .search .popup .group > ul > li {
  display: table;
  width: 100%;
  border-bottom: 1px solid #e4e4e4;
}
header.menu .search .popup .group > ul > li:last-child {
  border-bottom: 0;
}
header.menu .search .popup .group > ul > li span.itemImage,
header.menu .search .popup .group > ul > li span.itemDescription {
  display: table-cell;
  vertical-align: middle;
  height: 46px;
}
header.menu .search .popup .group.manufacturer span.itemImage {
  width: 80px;
}
header.menu .search .popup .group.manufacturer span.itemImage img {
  width: 70px;
  height: 15px;
}
header.menu .search .popup .group.manufacturer span.itemDescription {
  color: #b3b3b3;
}
header.menu .search .popup .group.category span.itemCategorys {
  vertical-align: middle;
  height: 46px;
  display: table-cell;
}
header.menu .search .popup .group.category span.itemCategorys a {
  display: inline-block;
  padding-left: 8px;
  text-decoration: none;
  color: #b3b3b3;
}
header.menu .search .popup .group.category span.itemCategorys a:last-child {
  color: #5b5b5b;
}
header.menu .search .popup .group.category span.itemCategorys a:hover {
  text-decoration: underline;
}
header.menu .search .popup .group.product span.image,
header.menu .search .popup .group.product span.details,
header.menu .search .popup .group.product span.priceAvailability {
  display: table-cell;
  vertical-align: middle;
  height: 70px;
}
header.menu .search .popup .group.product span.image {
  width: 80px;
}
header.menu .search .popup .group.product span.image img {
  width: 60px;
  height: 60px;
}
header.menu .search .popup .group.product span.image {
  margin-left: 0;
  position: inherit;
  height: 60px;
}
header.menu .search .popup .group.product span.details .description {
  display: block;
  color: #5b5b5b;
  text-decoration: none;
  height: 32px;
  overflow: hidden;
  padding-right: 6px;
}
header.menu .search .popup .group.product span.details .description:hover {
  text-decoration: underline;
}
header.menu .search .popup .group.product span.details .linkNo {
  display: block;
  color: #3d70b7;
  padding: 2px 0 0;
}
header.menu .search .popup .group.product span.priceAvailability {
  margin-left: 0;
  width: 230px;
  padding-top: 7px;
}
header.menu .search .popup .group.product span.priceAvailability .stock {
  display: none;
}
header.menu .search .popup .group.product span.priceAvailability .leftColumn {
  width: 120px;
  display: inline-block;
  vertical-align: middle;
}
header.menu .search .popup .group.product span.priceAvailability .leftColumn .price {
  font-size: 1.8em;
  font-family: "Poppins-SemiBold";
  color: #000;
}
header.menu .search .popup .group.product span.priceAvailability .leftColumn .price span.exVat, header.menu .search .popup .group.product span.priceAvailability .leftColumn .price span.incVat {
  display: none;
}
header.menu .search .popup .group.product span.priceAvailability .rightColumn {
  width: 110px;
  display: inline-block;
  vertical-align: middle;
}
header.menu .search .popup .group.product span.priceAvailability .rightColumn .buyButton {
  position: relative;
}
header.menu .search .popup .group.product span.priceAvailability .rightColumn .buyButton a.btn {
  font-size: 1em;
}
header.menu .search .popup .group.product span.priceAvailability .rightColumn .buyButton span.controls {
  display: none;
}
header.menu .search .popup .group.article span.itemImage {
  width: 65px;
  height: 55px;
}
header.menu .search .popup .group.article span.itemImage img {
  width: 45px;
  height: 45px;
}
header.menu .search .popup .productList,
header.menu .search .popup .itemList {
  height: inherit;
  padding: 0 20px 0 20px;
  color: #707070;
  margin-top: 0;
}
header.menu .search .popup .productList > ul > li > ul > li.image,
header.menu .search .popup .itemList > ul > li > ul > li.image {
  width: 102px;
}
header.menu .search .popup .productList > ul > li > ul > li.image a {
  border: 0;
  width: 84px;
  height: 84px;
}
header.menu .search .popup .productList > ul > li > ul > li.image a img {
  border: 0;
  width: 80px;
  height: 80px;
}
header.menu .search .popup .productList > ul > li > ul > li.price {
  width: 130px;
  padding-top: 28px;
}
header.menu .search .popup .productList > ul > li > ul > li.price .incVat {
  font-size: 2.2em;
  color: #2b74b2;
  margin-top: 33px;
  vertical-align: top;
  display: block;
}
header.menu .search .popup .productList > ul > li > ul > li.description .titleShort {
  padding-right: 30px;
}
header.menu .search .popup .productList > ul > li > ul > li.addToBasket {
  vertical-align: top;
}
header.menu .search .popup .productList > ul > li > ul > li.addToBasket .buyButton {
  margin-top: 37px;
}
header.menu .search .popup .productList > ul > li > ul,
header.menu .search .popup .itemList > ul > li > ul {
  padding-top: 6px;
}
header.menu .search .popup .productList > ul > li,
header.menu .search .popup .itemList > ul > li {
  padding-bottom: 6px;
}
header.menu .search .popup .productList span.linkNo {
  padding-bottom: 0;
  padding-top: 2px;
}
header.menu .search .popup > div a.more {
  display: block;
  text-align: center;
  padding: 4px 0 6px;
  font-size: 1.1em;
  text-transform: uppercase;
  margin: 0 auto;
}
header.menu .search .popup > div a.more:after {
  width: 7px;
  height: 7px;
  margin-left: 8px;
  margin-bottom: 3px;
  position: relative;
  display: inline-block;
  content: " ";
  border-bottom: 2px solid #2b74b2;
  border-right: 2px solid #2b74b2;
}
header.menu .search .popup .itemList > ul > li > ul > li.icon {
  width: 78px;
}
header.menu .search .popup .itemList > ul > li > ul > li.icon a {
  font-size: 4em;
  border: 0;
  overflow: hidden;
  text-decoration: none;
  text-indent: 70px;
  width: 70px;
  height: 70px;
  color: #b3b3b3;
  transition: ease-in-out 0.2s;
}
header.menu .search .popup .itemList > ul > li > ul > li.icon a:hover {
  color: #707070;
}
header.menu .search .popup .itemList > ul > li > ul > li.icon a:before {
  font-family: "scanicons", sans-serif;
  font-style: normal;
  content: "\e91e";
  margin-left: -66px;
  margin-right: 10px;
}
header.menu .search .popup .itemList span.location {
  font-size: 1em;
  color: #2b74b2;
  padding-top: 3px;
}
header.menu .search .popup .itemList span.location a {
  color: #2b74b2;
  text-decoration: none;
}
header.menu .search .popup .itemList span.location a:hover {
  text-decoration: underline;
}
header.menu .search .popup .itemList span.location a:after {
  width: 7px;
  height: 7px;
  margin-left: 8px;
  margin-right: 8px;
  margin-bottom: 1px;
  position: relative;
  display: inline-block;
  content: " ";
  border-top: 1px solid #2b74b2;
  border-right: 1px solid #2b74b2;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
header.menu .search .popup .itemList span.location a:last-child:after {
  display: none;
}
header.menu .search .popup .itemList > ul > li > ul > li.description a.titleLong {
  display: block;
  font-size: 1.2em;
  padding-top: 12px;
  transition: ease-in-out 0.3s;
}
header.menu .search .popup .itemList > ul > li > ul > li.description a.titleLong:hover {
  color: #333;
}
header.menu .search .popup .itemList > ul > li > ul > li.image a {
  border: 0;
  width: 79px;
  height: 79px;
}
header.menu .search .popup .itemList > ul > li > ul > li.image a img {
  border: 0;
  width: 75px;
  height: 75px;
}

.searchMobileBar {
  display: none;
}

.search .popup .searchResultsList {
  margin-left: 26px;
}
.search .popup .searchResultsList li {
  padding: 4px 0;
}
.search .popup .searchResultsList li strong {
  min-width: 150px;
  display: inline-block;
}

/* Change popup scale after 1920px up */
@media screen and (min-width: 1920px) {
  header.menu .search .popup {
    width: 800px;
  }
  header.menu .search .popup > div {
    width: 100%;
  }
}
/* Change popup scale after 1920px up */
@media screen and (max-width: 1360px) and (min-width: 780px) {
  header.menu .search {
    margin-left: 10px;
    width: 40vw;
    max-width: none;
  }
  header.menu .search form > input {
    width: calc(100% - 40px);
    transition: none !important;
    margin-left: 0;
    font-size: 1em;
  }
  header.menu .search form > input:focus {
    margin-left: 0;
  }
  header.menu .search form > button.btn.confirm {
    width: 39px;
    overflow: hidden;
    transition: none;
    margin-left: -39px;
  }
  header.menu .search form > button.btn.confirm:before {
    font-family: "scanicons", sans-serif;
    font-style: normal;
    content: "\e918";
    font-size: 1.2em;
    padding: 0;
    line-height: 0;
    margin: 18px 0px 20px 0;
  }
  header.menu .search form input.speech-available + button.mic {
    right: 65px;
  }
  header.menu .search form > input,
  header.has-checkoutbutton.menu .search form > input {
    margin-left: 0;
  }
}
@media screen and (max-width: 1080px) and (min-width: 780px) {
  header.menu .search,
  header.has-checkoutbutton.menu .search {
    width: 30vw;
  }
  header.menu .search form > input::placeholder,
  header.has-checkoutbutton.menu .search form > input::placeholder {
    opacity: 0;
    text-overflow: ellipsis;
  }
}
.siteBg #toolbar.fixedTop {
  width: 100%;
  background: #ffffff;
}
.siteBg #toolbar.fixedTop .breadcrumb {
  max-width: 1480px;
  margin: 0 auto;
  height: 50px;
}
.siteBg #toolbar.fixedTop .breadcrumb > ul {
  padding: 8px 36px 10px;
}
.siteBg #toolbar.fixedTop .breadcrumb .helpBasket div.basket {
  margin-top: 7px;
}

.breadcrumb {
  height: 40px;
  background: #fff;
  display: table;
  width: 100%;
  max-width: 2200px;
  margin: auto;
}
.breadcrumb > ul {
  list-style: none;
  padding: 2px 36px 10px;
  padding-left: 0;
  line-height: 1em;
  margin: 0;
  display: table-cell;
  float: left;
}
.breadcrumb > ul > li {
  display: inline-block;
  float: left;
  height: 25px;
}
.breadcrumb > ul > li > span {
  display: inline-block;
  color: #5b5b5b;
  padding: 10px 18px 12px 18px;
}
.breadcrumb > ul > li strong {
  display: inline-block;
  color: #000000;
  padding: 12px 18px;
  font-weight: normal;
}
.breadcrumb > ul > li a {
  display: inline-block;
  text-decoration: none;
  transition: ease-in-out 0.2s;
  color: #5b5b5b;
  padding: 12px 12px;
}
.breadcrumb > ul > li a strong {
  padding: 0;
}
.breadcrumb > ul > li a:hover {
  color: #0d5ba3;
}
.breadcrumb > ul > li:first-child {
  padding-right: 6px;
}
.breadcrumb > ul > li:first-child a {
  overflow: hidden;
  display: block;
  padding: 0;
  font-size: 1.4em;
  width: 17px;
  height: 30px;
  line-height: 1.8em;
  color: #8e8e8e;
}
.breadcrumb > ul > li:first-child a:before {
  content: "\e909";
  font-family: "scanicons", sans-serif;
  font-style: normal;
}
.breadcrumb > ul > li:first-child a:hover {
  color: #0d5ba3;
}
.breadcrumb > ul > li > i {
  width: 7px;
  height: 7px;
  border-top: 1px solid #8e8e8e;
  border-right: 1px solid #8e8e8e;
}
.breadcrumb > ul > li > a {
  padding: 10px 10px;
  font-size: 0.9em;
  color: #a6a6a6;
}
.breadcrumb > ul > li:last-child {
  font-size: 0.9em;
}
.breadcrumb > ul > li strong {
  padding: 10px 10px;
  color: #8e8e8e;
}
.breadcrumb > ul i {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  transform: rotate(45deg);
}
.breadcrumb > ul:first-child:before {
  content: "";
}
.breadcrumb .helpBasket {
  display: table-cell;
  width: 210px;
  vertical-align: top;
}
.breadcrumb .helpBasket button.help {
  height: 45px;
  border: 0;
  cursor: pointer;
  color: #3d70b7;
  outline: 0;
  background: none;
  display: block;
  float: left;
  margin-top: 18px;
}
.breadcrumb .helpBasket button.help span {
  display: block;
  text-transform: uppercase;
  font-family: "uni_sanssemibold", sans-serif;
  font-size: 1.1em;
  padding: 0;
  margin-top: -8px;
}
.breadcrumb .helpBasket button.help span:before {
  font-family: "scanicons", sans-serif;
  font-weight: normal;
  content: "\e915";
  font-size: 0.95em;
  padding-right: 10px;
  padding-left: 10px;
}
.breadcrumb .helpBasket .basket {
  display: none;
  float: left;
  width: 210px;
  margin-top: 6px;
  margin-left: 18px;
  height: inherit;
  opacity: 0;
}
.breadcrumb .helpBasket .basket a.summary {
  float: left;
  display: inline-block;
  font-family: "open_sans", sans-serif;
  color: #5d5c5c;
  text-decoration: none;
  margin-top: 0;
  height: 36px;
  transition: ease-in-out 0.3s;
}
.breadcrumb .helpBasket .basket a.summary.responsive {
  display: none;
}
.breadcrumb .helpBasket .basket a.summary:hover {
  text-decoration: none;
  background: #d4d5d5;
}
.breadcrumb .helpBasket .basket a.summary strong {
  font-weight: normal;
  text-align: center;
  display: block;
  width: 20px;
  margin: 0 auto;
  padding-top: 3px;
  color: #fff;
}
.breadcrumb .helpBasket .basket a.summary .items {
  display: block;
  float: left;
  border-radius: 11px;
  width: 22px;
  height: 22px;
  background: #2172ad;
  margin: 7px 0 0 12px;
}
.breadcrumb .helpBasket .basket a.summary > i {
  display: block;
  float: left;
  width: 31px;
  height: 30px;
  margin-top: 3px;
  margin-left: 6px;
  transition: ease-in-out 0.5s;
  font-size: 2.05em;
}
.breadcrumb .helpBasket .basket a.summary > i:before {
  font-family: "scanicons", sans-serif;
  font-style: normal;
  content: "\e901";
  color: #5d5c5c;
  line-height: 1.2em;
}
.breadcrumb .helpBasket .basket a.summary .price {
  margin-left: 8px;
  float: left;
  display: block;
  font-size: 1.5em;
  margin-top: 9px;
}
.breadcrumb .helpBasket .basket a.summary .price small {
  font-size: 0.6em;
  padding-right: 2px;
}
.breadcrumb .helpBasket .basket a.summary span.btn {
  display: block;
  width: 30px;
  float: left;
  padding: 0;
  background: 0;
}
.breadcrumb .helpBasket .basket a.summary span.btn i {
  display: block;
  border-right: 1px solid #5d5c5c;
  border-bottom: 1px solid #5d5c5c;
  width: 8px;
  height: 8px;
  margin: 13px auto 0;
  transform: rotate(45deg);
}
.breadcrumb .helpBasket .basket a.summary span.btn:hover {
  box-shadow: none;
}

#toolbar.fixedTop {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  border-bottom: 4px solid #006fff;
  box-shadow: 0 -4px 15px #333333;
  background: #ffffff;
}
#toolbar.fixedTop .breadcrumb .helpBasket > ul li a {
  color: #1766a6;
}
#toolbar.fixedTop .breadcrumb .helpBasket div.basket {
  display: block;
  opacity: 1;
  margin-top: 4px;
}
#toolbar.fixedTop .breadcrumb .helpBasket div.basket a.summary {
  height: 34px;
}
#toolbar.fixedTop .breadcrumb .helpBasket div.basket a.summary span.btn i {
  margin-top: 11px;
}
#toolbar.fixedTop .breadcrumb .helpBasket div.basket a.summary .price {
  margin-top: 8px;
}
#toolbar.fixedTop .breadcrumb .helpBasket div.basket a.summary .items {
  margin-top: 6px;
}
#toolbar.fixedTop .breadcrumb .helpBasket div.basket > div .popup {
  margin-left: -450px;
  top: 0;
}

#toolbar.noLinks {
  display: none;
}

#toolbar.noLinks.fixedTop {
  display: block;
}

#toolbar.hideFixed.fixedTop {
  display: none;
}

#toolbar {
  border-top: 1px solid #dddddd;
}

@media screen and (max-width: 2400px) {
  .breadcrumb > ul {
    padding-left: 30px;
  }
}
@media screen and (max-width: 1200px) {
  #toolbar.fixedTop {
    width: 100%;
  }
  .breadcrumb ul {
    padding: 2px 20px 10px;
  }
}
@media screen and (max-width: 800px) {
  body.productinfo #toolbar div.breadcrumb li:last-child {
    display: none;
  }
  #toolbar div.breadcrumb li a {
    padding-left: 8px;
    padding-right: 6px;
  }
  #toolbar div.breadcrumb li:first-child {
    padding-right: 4px;
  }
  #toolbar div.breadcrumb li:first-child a {
    width: 16px;
  }
}
@media screen and (max-width: 780px) {
  #toolbar div.breadcrumb > ul {
    padding-left: 20px;
  }
  #toolbar div.breadcrumb > ul > li:first-child {
    display: none;
  }
  #toolbar div.breadcrumb > ul > li:nth-child(3) i {
    display: none;
  }
  #toolbar div.breadcrumb > ul > li:nth-child(3) a {
    padding-left: 1px;
  }
  #toolbar div.breadcrumb > ul > li span {
    padding: 10px 10px 12px 0px;
  }
  #toolbar.fixedTop {
    display: none !important;
  }
}
@media screen and (max-width: 700px) {
  div.breadcrumb ul {
    float: none;
    width: 100%;
  }
}
/*-- Checkout button in header - start --*/
@media screen and (max-width: 8000px) and (min-width: 780px) {
  .siteBg header.has-checkoutbutton.menu > div .rightCol {
    width: 345px;
  }
  header.has-checkoutbutton.menu > div .toolbar {
    margin: 0 522px 0 200px;
  }
  header.has-checkoutbutton.menu > div .rightCol {
    width: 500px;
  }
  header.has-checkoutbutton.menu div.basket.headerBasket {
    width: 300px;
  }
  header.has-checkoutbutton.menu div.basket.headerBasket a.summary {
    width: 180px;
  }
  header.has-checkoutbutton.menu div.basket.headerBasket a.summary > i {
    width: 44px;
  }
  header.has-checkoutbutton.menu div.basket.headerBasket a.summary strong {
    padding-top: 2px;
  }
  header.has-checkoutbutton.menu div.basket.headerBasket a.summary .price {
    width: 86px;
  }
  header.has-checkoutbutton.menu div.basket.headerBasket .items {
    position: absolute;
    margin-left: 27px;
    margin-top: 9px;
    border: 2px solid #fff;
    width: 19px;
    height: 19px;
    font-size: 0.85em;
  }
  header.has-checkoutbutton.menu div.basket.headerBasket > div a.btn {
    height: 36px;
    margin-top: 26px;
    line-height: 2.8em;
  }
}
@media screen and (max-width: 1260px) and (min-width: 780px) {
  header.has-checkoutbutton.menu div.basket a.summary {
    margin-top: 26px;
  }
  header.has-checkoutbutton.menu > div .toolbar {
    margin: 0 522px 0 155px;
  }
  header.has-checkoutbutton.menu > div .logo a {
    margin-left: 26px;
  }
  header.has-checkoutbutton.menu .search {
    margin-left: 0;
  }
  header.has-checkoutbutton.menu .search form > input {
    padding: 0 10px;
    margin-left: 0;
  }
  header.has-checkoutbutton.menu .search form > input::placeholder {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 1100px) {
  .siteBg header.has-checkoutbutton.menu > div .rightCol {
    width: 161px;
  }
  header.has-checkoutbutton.menu > div .toolbar {
    margin: 0 600px 0 155px;
  }
  header.has-checkoutbutton.menu > div .logo a {
    margin-left: 15px;
  }
  header.has-checkoutbutton.menu > div .myaccount-links {
    width: 30px;
  }
  header.has-checkoutbutton.menu > div .myaccount-links > span:first-child {
    height: 38px;
    width: 40px;
    overflow: hidden;
    margin-top: 2px;
  }
  header.has-checkoutbutton.menu > div .myaccount-links > span:first-child:before {
    font-family: "scanicons", sans-serif;
    content: "\e90e";
    display: block;
    float: left;
    width: 34px;
    height: 28px;
    font-size: 26px;
    margin-top: 9px;
  }
  header.has-checkoutbutton.menu > div .myaccount-links > span:first-child::after {
    display: none;
  }
  header.has-checkoutbutton.menu > div .myaccount-links > span:last-child {
    display: none;
  }
  header.has-checkoutbutton.menu > div .myaccount-links:before {
    display: none;
  }
  header.has-checkoutbutton.menu > div .rightCol {
    width: 348px;
  }
}
@media screen and (max-width: 780px) {
  header.has-checkoutbutton.menu > div .logo a {
    margin-left: auto;
  }
  header.has-checkoutbutton.menu > div .rightCol {
    width: 106px;
  }
  header.has-checkoutbutton.menu > div a.btn.buyAction {
    display: none;
  }
}
/*-- Checkout button in header - end --*/
#toolbar.fixedTop .breadcrumb .helpBasket > div.basket.headerBasket > div > a.btn.buyAction {
  display: none;
}

button[data-action=navigate-back] {
  display: none;
  background: none;
  float: left;
  border: 0;
  overflow: hidden;
  cursor: pointer;
}
button[data-action=navigate-back].force-visible {
  display: block;
}
button[data-action=navigate-back]:before {
  content: " ";
  display: block;
  border-bottom: 2px solid #5b5b5b;
  border-left: 2px solid #5b5b5b;
  line-height: 1px;
}
button[data-action=navigate-back] > i {
  display: none;
}

@media screen and (max-width: 780px) {
  button[data-action=navigate-back] {
    width: 40px;
    height: 52px;
  }
  button[data-action=navigate-back]:before {
    width: 13px;
    height: 13px;
    margin-left: 14px;
  }
}
@media screen and (max-width: 400px) {
  button[data-action=navigate-back] {
    width: 34px;
    height: 40px;
  }
  button[data-action=navigate-back]:before {
    width: 9px;
    height: 9px;
    margin-left: 10px;
  }
}
@media screen and (min-width: 780px) {
  button[data-action=navigate-back] {
    display: none !important;
  }
}
@media (display-mode: standalone), (display-mode: fullscreen) {
  button[data-action=navigate-back] {
    display: block !important;
  }
}
footer > div:first-child {
  background: #d9dadb;
  background: linear-gradient(to top, #1d69ae, #194182);
}
footer > div .footExpBtn {
  display: none;
  border: 0 !important;
  background: transparent;
  font-size: 1.1em;
  text-transform: uppercase;
  color: #FFF;
  position: relative;
  cursor: pointer;
  width: 100%;
  text-align: left;
  margin: 0 auto;
  padding: 20px 0;
}
footer > div .footExpBtn::after {
  content: " ";
  height: 10px;
  width: 10px;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
  transition: all 0.2s ease-in-out;
  position: absolute;
  top: auto;
  right: 5px;
  transform: rotate(45deg);
}
footer > div .footExpBtn:focus, footer > div .footExpBtn:focus-visible {
  outline: none !important;
  background: transparent;
  border: 0 !important;
}
footer .footer-links {
  margin: 0 auto;
  padding: 20px 0 0 0;
  width: 100%;
  box-sizing: border-box;
}
footer .footer-links .logo {
  display: block;
  text-align: center;
  padding: 20px 0 40px 0;
}
footer .footer-links .logo:before {
  content: " ";
  display: block;
  height: 28px;
  width: 120px;
  background: url("../images/svgicons/scan-logos-svg-8b45f39feb.svg");
  background-size: 120px 43px;
  background-repeat: no-repeat;
  margin: 0 auto;
}
footer .footer-links .links {
  color: #fff;
  display: table;
  padding: 0 30px 25px 30px;
  box-sizing: border-box;
  width: 100%;
  max-width: 1480px;
  margin: 0 auto;
}
footer .footer-links .links > div {
  display: table-cell;
  vertical-align: top;
  padding: 0 10px;
}
footer .footer-links .links > div.col1 {
  width: 28%;
}
footer .footer-links .links > div.col1 span {
  display: block;
}
footer .footer-links .links > div.col1 address {
  line-height: 1.6em;
  padding-right: 20px;
}
footer .footer-links .links > div.col1 span.title {
  padding: 8px 0 8px 0;
  display: block;
}
footer .footer-links .links > div.col2, footer .footer-links .links > div.col3, footer .footer-links .links > div.col4, footer .footer-links .links > div.col5 {
  width: 18%;
}
footer .footer-links .links > div .social > li a {
  display: block;
  float: left;
  height: 22px;
  width: 22px;
  overflow: hidden;
  line-height: 3em;
  font-size: 2em;
  color: #fff;
  text-decoration: none;
  transition: ease-in-out 0.3s;
  margin-right: 6px;
}
footer .footer-links .links > div .social > li a:last-child {
  margin-right: 0;
}
footer .footer-links .links > div .social > li a:hover, footer .footer-links .links > div .social > li a:focus {
  text-decoration: none;
}
footer .footer-links .links > div .social > li a:hover.facebook, footer .footer-links .links > div .social > li a:focus.facebook {
  color: #4b98fa;
}
footer .footer-links .links > div .social > li a:hover.instagram, footer .footer-links .links > div .social > li a:focus.instagram {
  background: -webkit-linear-gradient(#5456da, #d10470, #f5af00);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
footer .footer-links .links > div .social > li a:hover.youTube, footer .footer-links .links > div .social > li a:focus.youTube {
  color: #cd201f;
}
footer .footer-links .links > div .social > li a:hover.twitter, footer .footer-links .links > div .social > li a:focus.twitter {
  color: #38b4f4;
}
footer .footer-links .links > div .social > li a:hover.reddit, footer .footer-links .links > div .social > li a:focus.reddit {
  color: #ff4500;
}
footer .footer-links .links > div .social > li a:hover.discord, footer .footer-links .links > div .social > li a:focus.discord {
  color: #7f28d6;
}
footer .footer-links .links > div .social > li a.googlePlus {
  width: 22px;
}
footer .footer-links .links > div .social > li a.youTube {
  width: 38px;
}
footer .footer-links .links > div .social > li a.instagram {
  width: 22px;
}
footer .footer-links .links > div .social > li a.twitter {
  width: 22px;
}
footer .footer-links .links > div .social > li a.facebook {
  width: 22px;
}
footer .footer-links .links > div .social > li a.reddit {
  width: 22px;
}
footer .footer-links .links > div .social > li a.discord {
  width: 28px;
}
footer .footer-links .links > div .social > li a i {
  display: block;
  height: 22px;
  width: 22px;
  font-size: 0.81em;
  line-height: 1em;
}
footer .footer-links .links > div .social > li a i.facebook {
  font-size: 0.8em;
}
footer .footer-links .links > div .social > li a i.googlePlus {
  font-size: 0.77em;
  line-height: 0.83em;
  width: 38px;
  margin-left: 3px;
}
footer .footer-links .links > div .social > li a i.youTube {
  font-size: 1.4em;
  line-height: 0.65em;
  width: 38px;
}
footer .footer-links .links > div .social > li a i.discord {
  width: 28px;
  font-size: 0.9em;
}
footer .footer-links .links > div .social > li a:last-child {
  margin-right: 5px;
}
footer .footer-links .links > div .store {
  padding: 20px 0 5px 0;
}
footer .footer-links .links > div .store li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .footer-links .links > div .store > li > a {
  display: block;
  float: left;
  padding-right: 16px;
}
footer .footer-links .links > div span.title {
  padding: 6px 0 10px;
  display: block;
  text-transform: uppercase;
  font-size: 1.1em;
}
footer .footer-links .links > div ul > li > a {
  padding: 0 0 8px 0;
  display: block;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
}
footer .footer-links .links > div ul > li > a:hover, footer .footer-links .links > div ul > li > a:focus {
  text-decoration: underline;
  text-underline-offset: 5px;
}
footer .footer-links .call-action {
  border-top: 1px solid #5482b4;
  border-bottom: 1px solid #5482b4;
  text-align: center;
  padding: 20px 0 16px;
}
footer .footer-links .call-action ul {
  display: block;
}
footer .footer-links .call-action ul li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .footer-links .call-action ul a {
  display: block;
  cursor: pointer;
  vertical-align: top;
  color: #fff;
  margin: 0 20px;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.3em;
}
footer .footer-links .call-action ul a i {
  display: inline-block;
  width: 20px;
  height: 18px;
  vertical-align: top;
}
footer .footer-links .call-action ul a.tel > i:before {
  content: "\e919";
}
footer .footer-links .call-action ul a.call-me-back > i {
  font-size: 1.2em;
}
footer .footer-links .call-action ul a.call-me-back > i:before {
  content: "\e964";
}
footer .footer-links .call-action ul a.live-chat > i:before {
  content: "\e908";
}
footer .footer-links .call-action ul a i {
  margin-right: 4px;
}
footer .footer-links .payment-logos {
  padding: 20px 0;
  text-align: center;
  background: #FFF;
}
footer .footer-links .payment-logos .securePaymentLogos {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  gap: 10px;
  flex-wrap: wrap;
}
footer .footer-links .payment-logos .securePaymentLogos li {
  width: 70px;
  height: 40px;
  overflow: hidden;
  font-size: 1em;
  line-height: 10em;
}
footer .footer-links .payment-logos .securePaymentLogos li.Visa {
  background: url("../images/logos/payments-footer/visa-3ca6afdd5f.webp") no-repeat;
  background-size: contain;
  background-position: center;
}
footer .footer-links .payment-logos .securePaymentLogos li.MasterCard {
  background: url("../images/logos/payments-footer/mastercard-4ac80c458e.webp") no-repeat;
  background-size: contain;
  background-position: center;
}
footer .footer-links .payment-logos .securePaymentLogos li.AmericanExpress {
  background: url("../images/logos/payments-footer/american-express-82801d1ba9.webp") no-repeat;
  background-size: contain;
  background-position: center;
}
footer .footer-links .payment-logos .securePaymentLogos li.AmazonPaymentLogo {
  background: url("../images/logos/payments-footer/amazon-pay-18bd9b1124.webp") no-repeat;
  background-size: contain;
  background-position: center;
}
footer .footer-links .payment-logos .securePaymentLogos li.PayPal {
  background: url("../images/logos/payments-footer/paypal-742f7b0e70.webp") no-repeat;
  background-size: contain;
  background-position: center;
}
footer .footer-links .payment-logos .securePaymentLogos li.ApplePay {
  background: url("../images/logos/payments-footer/apple-pay-95433179e0.webp") no-repeat;
  background-size: contain;
  background-position: center;
}
footer .footer-links .payment-logos .securePaymentLogos li.Bitcoin {
  background: url("../images/logos/payments-footer/bitcoin-be46dec3c5.webp") no-repeat;
  background-size: contain;
  background-position: center;
}
footer .footer-links .payment-logos .securePaymentLogos li.GooglePay {
  background: url("../images/google-pay-logo-dbedf61cf9.svg") no-repeat;
  width: 64px;
  background-size: contain;
  background-position: center;
}
footer .footer-links .payment-logos .securePaymentLogos li.Maestro {
  display: none;
}
footer .footer-links .payment-logos .securePaymentLogos li.VisaDebit {
  display: none;
}
footer .footer-links .payment-logos .securePaymentLogos li.VisaElectron {
  display: none;
}
footer .footer-delivery {
  background-color: rgba(0, 0, 0, 0.3);
  margin: 0 auto;
  padding: 10px 0;
  box-sizing: border-box;
}
footer .footer-delivery > div {
  display: table;
  width: 100%;
  max-width: 1480px;
  margin: 0 auto;
  padding: 10px 30px;
  box-sizing: border-box;
}
footer .footer-delivery > div > div {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
footer .footer-delivery > div > div.estimated-delivery {
  width: 40%;
  padding-top: 30px;
  box-sizing: border-box;
}
footer .footer-delivery > div > div.estimated-delivery > p {
  display: table;
  padding: 0 30px 5px 0;
}
footer .footer-delivery > div > div.estimated-delivery > p > i {
  display: table-cell;
  vertical-align: top;
  line-height: 1em;
}
footer .footer-delivery > div > div.estimated-delivery > p > span {
  display: table-cell;
  vertical-align: top;
}
footer .footer-delivery > div > div.estimated-delivery > p > i {
  height: 30px;
  width: 30px;
  color: #fff;
  font-size: 29px;
  color: #65c1e9;
  text-align: center;
  vertical-align: middle;
}
footer .footer-delivery > div > div.estimated-delivery > p > i:before {
  content: "\e95e";
  height: 30px;
  width: 30px;
  display: block;
}
footer .footer-delivery > div > div.estimated-delivery > p > span {
  color: #fff;
  line-height: 1.6em;
  padding-left: 10px;
  vertical-align: middle;
}
footer .footer-delivery > div > div.estimated-delivery > p > span > strong {
  font-size: 1.05em;
}
footer .footer-delivery > div > div.estimated-delivery > p > span > .weekendOptions {
  display: block;
  font-size: 0.8em;
}
footer .footer-delivery > div > div.estimated-delivery > p > span > .weekendOptions strong {
  font-size: 1.05em;
}
footer .footer-delivery > div > div.estimated-delivery a.deliveryPage {
  text-decoration: none;
  color: #FFF;
  line-height: 1.3em;
  font-size: 1em;
  display: block;
  padding-left: 42px;
  width: 120px;
  color: #65c1e9;
  transition: ease-out width 200ms;
}
footer .footer-delivery > div > div.estimated-delivery a.deliveryPage:after {
  content: "";
  display: block;
  margin-top: 1px;
  height: 2px;
  width: 1px;
  background-color: transparent;
  transition: inherit;
}
footer .footer-delivery > div > div.estimated-delivery a.deliveryPage:hover:after {
  height: 2px;
  width: 120px;
  background-color: #65c1e9;
}
footer .footer-delivery > div > div.tracking {
  background-color: rgba(255, 255, 255, 0.06);
  width: 60%;
  border-radius: 6px;
  box-sizing: border-box;
}
footer .footer-delivery > div > div.tracking .title {
  display: table-cell;
  vertical-align: top;
  color: #fff;
  width: 25%;
  padding: 54px 20px 0 30px;
  text-transform: uppercase;
  font-size: 1.2em;
}
footer .footer-delivery > div > div.tracking > div {
  display: table-cell;
  vertical-align: top;
}
footer .footer-delivery > div > div.tracking > div:last-child {
  width: 72%;
  padding: 16px 0;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-nav {
  width: 85%;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-nav > ul {
  display: table;
  width: 100%;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-nav > ul li {
  display: table-cell;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-nav > ul > li {
  width: 33%;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-nav > ul button {
  background: none;
  border: 0;
  display: block;
  margin: 0 2px 0 0;
  width: 97%;
  border-bottom: 2px solid #fff;
  color: #fff;
  opacity: 0.3;
  cursor: pointer;
  padding: 8px 0;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-nav > ul button.selected {
  opacity: 1;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-nav > ul button:focus, footer .footer-delivery > div > div.tracking > div:last-child .tracking-nav > ul button:focus-visible {
  outline: none !important;
  background: transparent;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-nav > ul.selected {
  opacity: 1;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-form {
  padding-top: 12px;
  padding-bottom: 6px;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form {
  width: 100%;
  padding: 6px 0 0;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form button {
  float: right;
  margin-top: -28px;
  margin-right: 20px;
  border: none;
  background: none;
  color: #FFF;
  font-size: 1.1em;
  text-transform: uppercase;
  cursor: pointer;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form button:hover, footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form button:focus, footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form button:focus-visible {
  text-decoration: underline;
  text-underline-offset: 5px;
  outline: none;
  background: transparent;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form > span {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 75%;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form > span label {
  display: none;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form > span input {
  padding: 10px;
  border: none;
  margin-right: 10px;
  width: 50%;
}
footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form > span input:last-of-type {
  margin-right: 0;
}
footer .footer-security-info {
  text-align: center;
}
footer .footer-security-info .trust {
  border-right: 1px solid #bcbec0;
  display: inline-block;
  vertical-align: top;
  margin: 20px 0;
}
footer .footer-security-info .trust > a {
  width: 124px;
  height: 38px;
  background: url(../images/sprite-certified-e0df2d3a33.png);
  background-size: 120px 117px;
  display: inline-block;
  background-repeat: no-repeat;
  text-indent: 124px;
  line-height: 3em;
  overflow: hidden;
  margin: 0 10px;
}
footer .footer-security-info .trust > a.iso-certified {
  background-position: 0 -36px;
}
footer .footer-security-info .trust > a.ecovadisBronze {
  background: url(../images/ecovadis-bronze-cfceeeab88.png) no-repeat;
  background-position: left center;
  background-size: 41px;
  text-decoration: none;
  width: 112px;
  cursor: pointer;
}
footer .footer-security-info .trust > a.ecovadisBronze span {
  display: block;
  font-size: 1.1em;
  color: #000;
  text-indent: 0;
  text-decoration: none;
  line-height: 8px;
  text-align: left;
  padding-left: 48px;
  padding-top: 3px;
}
footer .footer-security-info .trust > a.ecovadisBronze span small {
  font-size: 0.56em;
  font-family: "open_sans-bold", sans-serif;
}
footer .footer-security-info .security {
  text-align: center;
  padding: 20px 0;
  display: inline-block;
  vertical-align: top;
}
footer .footer-security-info .security .securityLogos {
  display: inline-block;
  vertical-align: top;
  height: 38px;
  background: url("../images/sprite-footer-logos-53fd4b074d.png");
  background-repeat: no-repeat;
  background-size: 180px 285px;
  overflow: hidden;
  line-height: 5em;
  font-size: 3em;
  margin: 0 10px;
}
footer .footer-security-info .security .securityLogos.weee i {
  display: inline-block;
  height: 52px;
  background: url("../images/sprite-footer-logos-53fd4b074d.png");
  background-repeat: no-repeat;
  background-size: 180px 285px;
  overflow: hidden;
  line-height: 5em;
  font-size: 3em;
  margin: 0 20px;
}
footer .footer-security-info .security .securityLogos.mcafee {
  background-position: 0 -94px;
  width: 90px;
}
footer .footer-security-info .security .securityLogos.norton {
  background-position: -97px -94px;
  width: 78px;
}
footer .footer-security-info .security .securityLogos.visa {
  background-position: -10px -136px;
  width: 72px;
}
footer .footer-security-info .security .securityLogos.mastercard {
  background-position: -95px -136px;
  width: 80px;
}
footer .footer-security-info .security .securityLogos.rohs {
  background-position: -23px -178px;
  width: 50px;
}
footer .footer-security-info .security .securityLogos.modernslavery {
  background-position: -111px -230px;
  width: 50px;
}
footer .footer-security-info .security .securityLogos.weee {
  width: 200px;
  display: inline-block;
  line-height: 0.8em;
  font-size: 1em;
  background: none;
  text-decoration: none;
}
footer .footer-security-info .security .securityLogos.weee i {
  background-position: -123px -178px;
  width: 26px;
  font-size: 1em;
  display: block;
  float: left;
  margin: 0 10px;
}
footer .footer-security-info .security .securityLogos.weee span {
  margin-left: 36px;
  display: block;
  color: #5b5b5b;
  font-size: 0.7em;
  padding-top: 10px;
  text-align: left;
}
footer .footer-security-info .copyright {
  padding-top: 16px;
  padding-bottom: 10px;
  border-top: 1px solid #bcbec0;
  margin: 0 110px;
  color: #5b5b5b;
  font-size: 0.85em;
}
footer .footer-security-info .finance-disclosure {
  padding-bottom: 30px;
  margin: 0 110px;
}

/* Small Screen */
@media screen and (max-width: 900px) {
  footer .footer-delivery > div > div.estimated-delivery {
    padding-top: 10px;
  }
  footer .footer-delivery > div > div.tracking > div:first-child > span {
    padding: 35px 20px 0 20px;
    font-size: 1em;
  }
  footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form button {
    margin-right: 10px;
    font-size: 1em;
  }
  footer .footer-security-info .copyright {
    margin: 0 30px;
  }
  footer .footer-security-info .finance-disclosure {
    margin: 0;
  }
  footer .footer-security-info .security {
    display: block;
  }
  footer .footer-security-info .security .securityLogos.weee {
    margin: 20px auto 0 auto;
    display: block;
  }
}
/* iPad - Tablet */
@media screen and (max-width: 769px) {
  footer > div .footExpBtn {
    display: block;
  }
  footer > div .footExpBtn.expanded::after {
    transform: rotate(225deg);
  }
  footer .footer-links .links {
    color: #fff;
    display: table;
    padding: 0 2em 0 2em;
    box-sizing: border-box;
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
  }
  footer .footer-links .links > div {
    display: block;
    padding: 0;
  }
  footer .footer-links .links > div.col1, footer .footer-links .links > div.col2, footer .footer-links .links > div.col3, footer .footer-links .links > div.col4, footer .footer-links .links > div.col5 {
    width: 100%;
    border-bottom: solid 1px rgba(255, 255, 255, 0.5);
  }
  footer .footer-links .links > div.col1 .expands {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    box-sizing: border-box;
  }
  footer .footer-links .links > div.col1 .expands .storeInfo, footer .footer-links .links > div.col1 .expands .socialInfo {
    width: 50%;
  }
  footer .footer-links .links > div span.title {
    display: none;
  }
  footer .footer-links .links > div ul {
    margin-bottom: 10px;
  }
  footer .footer-links .call-action {
    text-align: left;
    border: none;
    padding: 0 2em;
  }
  footer .footer-links .call-action ul {
    margin-bottom: 20px;
  }
  footer .footer-links .call-action ul li {
    display: block;
    padding: 10px 0;
  }
  footer .footer-links .call-action ul li a {
    margin: 0;
  }
  footer .footer-delivery {
    padding: 0;
  }
  footer .footer-delivery > div {
    max-width: 100%;
    padding: 0;
  }
  footer .footer-delivery > div > div {
    display: block;
  }
  footer .footer-delivery > div > div.estimated-delivery {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0;
  }
  footer .footer-delivery > div > div.estimated-delivery p {
    font-size: 0.9em;
    padding: 0 0 0 20px;
  }
  footer .footer-delivery > div > div.estimated-delivery a.deliveryPage {
    padding: 0 0 0 10px;
    margin-right: 20px;
    text-align: center;
  }
  footer .footer-delivery > div > div.tracking {
    width: 100%;
    border-radius: 0;
    background: #1d69ae;
    padding: 0 2em;
  }
  footer .footer-delivery > div > div.tracking .title {
    display: none;
  }
  footer .footer-delivery > div > div.tracking > div {
    display: block;
  }
  footer .footer-delivery > div > div.tracking > div:first-child {
    width: 100%;
    text-align: center;
  }
  footer .footer-delivery > div > div.tracking > div:first-child > span {
    padding: 20px 0 10px 0;
  }
  footer .footer-delivery > div > div.tracking > div:last-child {
    width: 100%;
    padding: 0;
  }
  footer .footer-delivery > div > div.tracking > div:last-child .tracking-nav {
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    max-width: 400px;
    margin: 0 auto;
  }
  footer .footer-delivery > div > div.tracking > div:last-child .tracking-form {
    box-sizing: border-box;
    padding: 20px;
  }
  footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form button {
    float: none;
    margin: 20px auto 0 auto;
    text-align: center;
    display: block;
  }
  footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form > span {
    margin: 0 auto;
  }
  footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form > span input {
    padding: 10px;
    border: none;
    margin-right: 10px;
    width: 50%;
  }
  footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form > span input:last-of-type {
    margin-right: 0;
  }
  footer .footer-security-info .trust {
    border-right: none;
    margin-bottom: 5px;
  }
  footer .footer-security-info .trust > a {
    width: 100px;
    height: 38px;
    background-size: 100px 104px;
  }
  footer .footer-security-info .trust > a.iso-certified {
    height: 32px;
    background-position: 0 -34px;
  }
  footer .footer-security-info .trust > a.investors-in-people {
    background-position: 0 2px;
    height: 35px;
  }
  footer .footer-security-info .trust > a.ecovadisBronze {
    height: 37px;
  }
  footer .footer-security-info .security .securityLogos {
    display: inline-block;
    vertical-align: top;
    height: 38px;
    background-size: 144px 255px;
  }
  footer .footer-security-info .security .securityLogos.mcafee {
    background-position: -2px -87px;
    width: 70px;
  }
  footer .footer-security-info .security .securityLogos.norton {
    background-position: -78px -79px;
    width: 60px;
  }
  footer .footer-security-info .security .securityLogos.visa {
    background-position: -2px -118px;
    width: 60px;
  }
  footer .footer-security-info .security .securityLogos.mastercard {
    background-position: -77px -116px;
    width: 60px;
  }
  footer .footer-security-info .security .securityLogos.rohs {
    background-position: -13px -154px;
    width: 50px;
  }
  footer .footer-security-info .security .securityLogos.modernslavery {
    background-position: -83px -202px;
    width: 50px;
  }
}
@media screen and (max-width: 480px) {
  footer .footer-links .links > div.col1 .expands {
    display: block;
  }
  footer .footer-links .links > div.col1 .expands .storeInfo {
    width: 100%;
  }
  footer .footer-links .links > div.col1 .expands .socialInfo {
    display: table;
    padding: 10px 0;
    width: 100%;
  }
  footer .footer-links .links > div.col1 .expands .socialInfo .title {
    display: table-cell;
    vertical-align: middle;
    width: 90px;
  }
  footer .footer-links .links > div.col1 .expands .socialInfo .social {
    display: table-cell;
    vertical-align: middle;
  }
  footer .footer-delivery > div > div.estimated-delivery p {
    max-width: 200px;
  }
  footer .footer-delivery > div > div.estimated-delivery a.deliveryPage:after {
    display: none;
  }
  footer .footer-delivery > div > div.tracking > div:last-child .tracking-nav {
    padding: 0;
  }
  footer .footer-delivery > div > div.tracking > div:last-child .tracking-form {
    padding: 10px 0 25px 0;
  }
  footer .footer-delivery > div > div.tracking > div:last-child .tracking-form > form > span {
    width: 100%;
  }
}
@media screen and (max-width: 410px) {
  footer .footer-delivery > div > div.estimated-delivery {
    flex-direction: column;
  }
  footer .footer-delivery > div > div.estimated-delivery p {
    max-width: none;
    padding: 0 20px;
    text-align: center;
    margin: 0 auto;
  }
  footer .footer-delivery > div > div.estimated-delivery p > span {
    padding: 0;
  }
  footer .footer-delivery > div > div.estimated-delivery p i {
    display: none;
  }
  footer .footer-delivery > div > div a.deliveryPage {
    margin-top: 20px;
    padding: 0;
  }
  .footer-security-info .trust > a {
    margin: 0 3px;
  }
  .footer-security-info .security .securityLogos {
    margin: 0 3px;
  }
}
body[data-page=category] div.main {
  background: #f3f3f3;
}
body[data-page=category].fw-on .content-container {
  display: block !important;
}

.categoryPage > div.master-cat-header {
  padding: 20px 30px 20px 30px;
}
.categoryPage > div.master-cat-header > div {
  display: table;
  width: 100%;
  padding: 0;
}
.categoryPage > div.master-cat-header > div .buyingGuide .buyingGuidePrefix {
  text-align: right;
}
.categoryPage > div.master-cat-header > div .buyingGuide a.link {
  float: right;
}

.masterCategory {
  transition: width 0.5s ease;
  vertical-align: top;
  display: block;
  width: 100%;
}

.master-cat-header {
  background: #fff;
}
.master-cat-header > div {
  padding: 20px 30px 20px 30px;
  max-width: 2200px;
  margin: 0 auto;
  display: table;
}
.master-cat-header > div > div {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.master-cat-header > div .header {
  width: 84%;
  vertical-align: middle;
}
.master-cat-header > div .header > h1 {
  display: inline-block;
  line-height: 28px;
  font-size: 1.8em;
}
.master-cat-header > div .header p {
  line-height: 24px;
  font-size: 12px;
  padding-right: 30px;
}
.master-cat-header > div .header > div {
  padding-top: 8px;
}
.master-cat-header > div .header > div p {
  padding: 6px 30px 6px 0;
  margin: 0;
  line-height: 18px;
}
.master-cat-header > div .buyingGuide {
  width: 16%;
  border-left: 1px solid #bcbec0;
  padding-left: 30px;
  vertical-align: middle;
  font-size: 14px;
}
.master-cat-header > div .buyingGuide .buyingGuidePrefix {
  display: block;
}
.master-cat-header > div .buyingGuide a.link {
  background-color: transparent;
  transition: background-color 0.3s ease;
  color: #2777b3;
  display: inline-flex;
  align-items: center;
  text-align: left;
  padding: 0;
  text-transform: uppercase;
  border-radius: 50px;
  margin-top: 8px;
  vertical-align: top;
  text-decoration: none;
}
.master-cat-header > div .buyingGuide a.link:before {
  content: "\e955";
  margin-right: 8px;
  font-size: 17px;
  text-decoration: none;
  color: inherit;
}

.content-container {
  padding: 0 30px;
  max-width: 2200px;
  margin: 0 auto;
}
.content-container h2 {
  border-bottom: 1px solid #bcbec0;
}
.content-container h2 a {
  font-family: inherit;
  color: #000;
  text-decoration: none;
}

.productColumns {
  display: table;
}
.productColumns li {
  display: table-cell;
}
.productColumns .product .description {
  display: block;
  overflow: hidden;
  line-height: 1.4em;
}
.productColumns .product .description a {
  color: #212121;
  text-decoration: none;
}
.productColumns .product .description a:hover {
  text-decoration: underline;
}
.productColumns .product .price {
  color: #000;
  font-size: 2.3em;
  padding-top: 0px;
  letter-spacing: -1px;
}
.productColumns .product .price.call {
  font-size: 1.5em;
  text-transform: uppercase;
}

.category-page {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.category-page #productFilter {
  display: block;
  vertical-align: top;
}
.category-page #productFilter .field-block {
  margin: 0 14px 0 18px;
}
.category-page #productFilter > div {
  background: #fff;
  border-radius: 6px;
  margin-top: 30px;
  border: 1px solid #bcbec0;
}
.category-page #productFilter > div > div ul {
  margin: 10px 0 0 0;
  padding-right: 10px;
}
.category-page .overlayLoader {
  position: absolute;
  width: 60%;
  text-align: center;
  padding: 100px 0;
  z-index: 100;
  display: none;
}
.category-page .categories {
  padding: 30px 0 30px 0;
  display: block;
}
.category-page .categories > div {
  padding: 0;
}
.category-page .categories .categoryTitle {
  border-bottom: 1px solid #bcbec0;
  margin-bottom: 16px;
  margin-left: 0;
}
.category-page .categories .categoryTitle > h2 {
  border: 0;
  display: inline-block;
  color: #000;
}
.category-page .categories .categoryTitle > button.link {
  display: inline-block;
}
.category-page .categories .categoryTitle > div > p {
  padding: 8px 0;
  line-height: 20px;
}
.category-page .categories .categoryTitle > div > p:last-child {
  padding-bottom: 22px;
}

.master-cat-header {
  display: block;
  background: #fff;
}
.master-cat-header > div {
  text-align: left;
  display: block;
}

/*-- List - start --*/
.products-cont.list .category-toolbar .view button.list {
  opacity: 1;
}
.products-cont.list .category-toolbar .view:before {
  margin-left: 177px;
  opacity: 1;
}
.products-cont.list .product-group {
  background: #fff;
  border-radius: 6px;
  border: 1px solid #bcbec0;
  width: 100%;
  display: flex;
  flex-flow: wrap;
  box-sizing: border-box;
}
.products-cont.list .product-group .product {
  width: 100%;
}
.products-cont.list .product-group .product > div {
  min-height: 120px;
  overflow: hidden;
  margin-top: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-radius: 0;
  display: flex;
  flex-wrap: nowrap;
}
.products-cont.list .product-group .product > div > div.ratings {
  display: none;
}
.products-cont.list .product-group .product > div:hover .image.has-multiple-images > div img.image-std {
  opacity: 0;
}
.products-cont.list .product-group .product > div:hover .image.has-multiple-images > div img.image-xl-b {
  opacity: 1;
}
.products-cont.list .product-group .product .wishlistheart {
  margin-top: -2px;
  margin-left: 4px;
}
.products-cont.list .product-group .product.featured .featuredIcon {
  height: 96px;
  width: 18px;
  text-align: center;
  margin: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  position: absolute;
  left: -18px;
  top: 20px;
}
.products-cont.list .product-group .product.featured .featuredIcon:before {
  text-indent: 20px;
  content: "Featured";
}
.products-cont.list .product-group .product .details {
  vertical-align: top;
  padding-top: 16px;
  order: 2;
  flex: auto;
  padding-right: 14px;
  padding-bottom: 10px;
}
.products-cont.list .product-group .product .details .description {
  font-size: 18px;
}
.products-cont.list .product-group .product .compare {
  display: block;
  position: absolute;
  right: 0;
  margin-right: 14px;
  margin-top: 4px;
  height: 26px;
  width: 120px;
}
.products-cont.list .product-group .product .compare > span .checkbox {
  margin-top: 3px;
  margin-right: 4px;
}
.products-cont.list .product-group .product .image {
  height: 130px;
  width: 140px;
  order: 1;
  min-width: 140px;
  text-align: center;
}
.products-cont.list .product-group .product .image > div {
  height: 110px;
  width: 110px;
  margin-top: 10px;
  margin-left: 20px;
  position: relative;
}
.products-cont.list .product-group .product .image > div img {
  height: 100%;
  width: 100%;
}
.products-cont.list .product-group .product .image > div img.image-xl {
  display: none;
}
.products-cont.list .product-group .product .image > div img.image-std {
  transition: opacity 0.3s ease-in-out;
}
.products-cont.list .product-group .product .image > div img.image-xl-b {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  transition: opacity 0.3s ease-in-out;
}
.products-cont.list .product-group .product button.quickview {
  top: 96px;
  margin-left: 25px;
  padding: 3px 12px;
  line-height: 11px;
}
.products-cont.list .product-group .product .btn.icon.wishlist {
  position: absolute;
}
.products-cont.list .product-group .product .manufacturerLogo {
  display: none;
}
.products-cont.list .product-group .product .tags {
  padding: 0 0 3px 0;
  font-size: 12px;
}
.products-cont.list .product-group .product .priceAvailability {
  order: 3;
  min-width: 380px;
  padding-right: 20px;
  border-left: 1px solid #bcbec0;
}
.products-cont.list .product-group .product .priceAvailability > span:nth-child(2) {
  margin-left: 90px;
}
.products-cont.list .product-group .product .priceAvailability .savingTag {
  margin-top: -1px;
  margin-left: 18px;
}
.products-cont.list .product-group .product .priceAvailability .priceWishlistBuy {
  display: table;
  margin: 0 0 0 20px;
  padding-top: 12px;
  width: 360px;
}
.products-cont.list .product-group .product .priceAvailability .priceWishlistBuy > div {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn {
  width: 200px;
  vertical-align: middle;
  /* div[data-app="notify-when-in-stock"] button { @include base.hw(44px, 100%); } */
}
.products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton {
  height: 44px;
  width: 100%;
}
.products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span {
  height: 44px;
  width: 100%;
}
.products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span a.btn {
  height: 44px;
  width: 100%;
  font-size: 1em;
  line-height: 3.2em;
}
.products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .delivery-date {
  display: none;
}
.products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn span.stock {
  margin-top: 3px;
}
.products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .price, .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .description, .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag {
  display: none;
}
.products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .deliveryTag {
  padding: 3px 20px 0 0;
}
.products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .wishlistheart {
  display: none;
}
.products-cont.list .product-group .product .priceAvailability .wasPrice {
  margin-left: 26px;
  margin-top: 0;
}
.products-cont.list .product-group .product .priceAvailability .leftColumn {
  height: 52px;
}
.products-cont.list .product-group .product .priceAvailability .price {
  font-size: 2.6em;
  display: block;
  padding-top: 18px;
}
.products-cont.list .product-group .product .priceAvailability .price.call {
  font-size: 1.6em;
}
.products-cont.list .product-group .product .description {
  font-size: 1.2em;
  padding-bottom: 3px;
}
.products-cont.list .product-group .product .linkNo {
  font-size: 1.1em;
  padding-right: 16px;
  padding-top: 12px;
  display: inline-block;
}
.products-cont.list .product-group .product .review-score .reviewscore {
  margin-top: 12px;
}
.products-cont.list .product-group .product .ratings {
  margin-top: 4px;
  display: inline-block;
  height: 32px;
  font-size: 0.9em;
  border-radius: 6px;
  background: #f5f5f5;
  padding: 0;
  text-indent: 10px;
}
.products-cont.list .product-group .product .ratings > span {
  display: inline-block;
  vertical-align: top;
}
.products-cont.list .product-group .product .ratings > span:first-child {
  padding-left: 0 !important;
}
.products-cont.list .product-group .product .ratings .delivery-date {
  padding-top: 9px;
  padding-left: 14px;
  margin-right: 14px;
  font-size: 12px;
}
.products-cont.list .product-group .product .ratings .quick-replacement {
  padding-left: 16px;
  padding-top: 3px;
  margin-right: 16px;
}
.products-cont.list .product-group .product .ratings .quick-replacement > i:before {
  text-indent: 0;
}
.products-cont.list .product-group .product .ratings .quick-replacement.tooltip-hover:after {
  top: 6px;
  max-width: 360px;
  font-size: 11px;
}
.products-cont.list .product-group > li:last-child > div {
  border-bottom: 0;
}

/*-- List - end --*/
/*-- Super List - start --*/
.products-cont.superList .category-toolbar .view button.superList {
  opacity: 1;
}
.products-cont.superList .category-toolbar .view:before {
  margin-left: 229px;
  opacity: 1;
}
.products-cont.superList .product-group, .products-cont.superList .productColumns {
  border-radius: 6px;
  border: 1px solid #bcbec0;
  background: #fff;
  display: flex;
  flex-flow: wrap;
}
.products-cont.superList .product-group .product, .products-cont.superList .productColumns .product {
  padding-bottom: 0;
  width: 100%;
}
.products-cont.superList .product-group .product > div, .products-cont.superList .productColumns .product > div {
  height: 174px;
  overflow: hidden;
  margin-top: 0;
  border-radius: 0;
  border: 0;
  border-bottom: 1px solid #bcbec0;
}
.products-cont.superList .product-group .product > div:hover .image.has-multiple-images > div img.image-std, .products-cont.superList .productColumns .product > div:hover .image.has-multiple-images > div img.image-std {
  opacity: 0;
}
.products-cont.superList .product-group .product > div:hover .image.has-multiple-images > div img.image-xl-b, .products-cont.superList .productColumns .product > div:hover .image.has-multiple-images > div img.image-xl-b {
  opacity: 1;
}
.products-cont.superList .product-group .product.featured .featuredIcon, .products-cont.superList .productColumns .product.featured .featuredIcon {
  height: 160px;
  width: 18px;
  text-align: center;
  margin: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  position: absolute;
  left: -18px;
  top: 20px;
}
.products-cont.superList .product-group .product.featured .featuredIcon:before, .products-cont.superList .productColumns .product.featured .featuredIcon:before {
  text-indent: 20px;
}
.products-cont.superList .product-group .product .details, .products-cont.superList .productColumns .product .details {
  margin-left: 210px;
  margin-right: 340px;
  height: 200px;
  vertical-align: top;
  padding-top: 20px;
}
.products-cont.superList .product-group .product .compare, .products-cont.superList .productColumns .product .compare {
  display: block;
  float: right;
  margin-right: 14px;
  margin-top: 14px;
  height: 26px;
  width: 120px;
  position: relative;
}
.products-cont.superList .product-group .product .compare > span button.btn, .products-cont.superList .productColumns .product .compare > span button.btn {
  position: absolute;
  left: 0;
  margin-right: 0;
  padding-left: 14px;
}
.products-cont.superList .product-group .product .compare > span .checkbox, .products-cont.superList .productColumns .product .compare > span .checkbox {
  margin-top: 3px;
  right: 2px;
  top: 2px;
  margin-right: 0;
  display: block;
}
.products-cont.superList .product-group .product .image, .products-cont.superList .productColumns .product .image {
  position: absolute;
  height: 200px;
  width: 200px;
  /* button.quickview { top:-34px;  margin-left: 49px;  font-size: 12px; padding: 3px 12px; line-height: 13px;  } */
}
.products-cont.superList .product-group .product .image > div, .products-cont.superList .productColumns .product .image > div {
  height: 170px;
  width: 170px;
  margin: 3px 0 0 15px;
  position: relative;
}
.products-cont.superList .product-group .product .image > div img, .products-cont.superList .productColumns .product .image > div img {
  height: 100%;
  width: 100%;
}
.products-cont.superList .product-group .product .image > div img.image-xl, .products-cont.superList .productColumns .product .image > div img.image-xl {
  display: none;
}
.products-cont.superList .product-group .product .image > div img.image-std, .products-cont.superList .productColumns .product .image > div img.image-std {
  transition: opacity 0.3s ease-in-out;
}
.products-cont.superList .product-group .product .image > div img.image-xl-b, .products-cont.superList .productColumns .product .image > div img.image-xl-b {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  transition: opacity 0.3s ease-in-out;
}
.products-cont.superList .product-group .product button.quickview, .products-cont.superList .productColumns .product button.quickview {
  top: 136px;
  font-size: 12px;
  margin-left: 45px;
  padding: 3px 12px;
  line-height: 13px;
}
.products-cont.superList .product-group .product button.quickview:before, .products-cont.superList .productColumns .product button.quickview:before {
  font-size: 11px;
}
.products-cont.superList .product-group .product .manufacturerLogo img, .products-cont.superList .productColumns .product .manufacturerLogo img {
  height: 15px;
  width: 70px;
}
.products-cont.superList .product-group .product .tags, .products-cont.superList .productColumns .product .tags {
  padding: 3px 0;
  font-size: 1.1em;
}
.products-cont.superList .product-group .product .priceAvailability, .products-cont.superList .productColumns .product .priceAvailability {
  float: right;
  display: block;
  height: 136px;
  width: 320px;
  margin-top: -212px;
  border-left: 1px solid #bcbec0;
}
.products-cont.superList .product-group .product .priceAvailability > span:nth-child(2), .products-cont.superList .productColumns .product .priceAvailability > span:nth-child(2) {
  margin-left: 90px;
  margin-top: -13px;
}
.products-cont.superList .product-group .product .priceAvailability .savingTag, .products-cont.superList .productColumns .product .priceAvailability .savingTag {
  margin-top: -14px;
  margin-left: 26px;
}
.products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy, .products-cont.superList .productColumns .product .priceAvailability .priceWishlistBuy {
  margin: 0 26px;
  padding-top: 18px;
}
.products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .products-cont.superList .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton {
  height: 44px;
  width: 100%;
}
.products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span, .products-cont.superList .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span {
  height: 44px;
  width: 100%;
}
.products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span a.btn, .products-cont.superList .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span a.btn {
  height: 44px;
  width: 100%;
  font-size: 1em;
  line-height: 3.2em;
}
.products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.btnctrl, .products-cont.superList .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.btnctrl {
  height: 44px;
  width: 100%;
}
.products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.btnctrl > span:first-child a.btn, .products-cont.superList .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.btnctrl > span:first-child a.btn {
  height: 44px;
  padding-right: 4px;
}
.products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .price, .products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .description, .products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag, .products-cont.superList .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .price, .products-cont.superList .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .description, .products-cont.superList .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag {
  display: none;
}
.products-cont.superList .product-group .product .priceAvailability .wishListColumn, .products-cont.superList .productColumns .product .priceAvailability .wishListColumn {
  display: none;
}
.products-cont.superList .product-group .product .priceAvailability .wasPrice, .products-cont.superList .productColumns .product .priceAvailability .wasPrice {
  margin-left: 26px;
  margin-top: -8px;
  font-size: 12px;
}
.products-cont.superList .product-group .product .priceAvailability .leftColumn, .products-cont.superList .productColumns .product .priceAvailability .leftColumn {
  height: 46px;
}
.products-cont.superList .product-group .product .priceAvailability .price, .products-cont.superList .productColumns .product .priceAvailability .price {
  font-size: 2.6em;
}
.products-cont.superList .product-group .product .priceAvailability .price.call, .products-cont.superList .productColumns .product .priceAvailability .price.call {
  font-size: 1.6em;
}
.products-cont.superList .product-group .product .priceAvailability .delivery-date, .products-cont.superList .productColumns .product .priceAvailability .delivery-date {
  margin-top: 6px;
  float: left;
  line-height: 14px;
}
.products-cont.superList .product-group .product .priceAvailability .stock, .products-cont.superList .productColumns .product .priceAvailability .stock {
  font-size: 10px;
  line-height: 14px;
}
.products-cont.superList .product-group .product .description, .products-cont.superList .productColumns .product .description {
  padding-bottom: 3px;
  font-size: 19px;
}
.products-cont.superList .product-group .product .linkNo, .products-cont.superList .productColumns .product .linkNo {
  font-size: 1.1em;
  padding-right: 16px;
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
}
.products-cont.superList .product-group .product .review-score, .products-cont.superList .productColumns .product .review-score {
  white-space: nowrap;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
}
.products-cont.superList .product-group .product .review-score .reviewscore, .products-cont.superList .productColumns .product .review-score .reviewscore {
  margin-top: 5px;
}
.products-cont.superList .product-group .product .ratings, .products-cont.superList .productColumns .product .ratings {
  margin-top: 8px;
  border-radius: 6px;
  background: #f5f5f5;
  height: auto;
}
.products-cont.superList .product-group .product .ratings > span, .products-cont.superList .productColumns .product .ratings > span {
  display: inline-block;
  vertical-align: top;
}
.products-cont.superList .product-group .product .ratings > span:first-child, .products-cont.superList .productColumns .product .ratings > span:first-child {
  padding-left: 0 !important;
}
.products-cont.superList .product-group .product .ratings .delivery-date, .products-cont.superList .productColumns .product .ratings .delivery-date {
  padding-top: 15px;
  padding-left: 16px;
  display: none;
}
.products-cont.superList .product-group .product .ratings .quick-replacement, .products-cont.superList .productColumns .product .ratings .quick-replacement {
  padding-left: 8px;
  margin-top: 8px;
}
.products-cont.superList .product-group .product .btn.wishlist, .products-cont.superList .productColumns .product .btn.wishlist {
  position: absolute;
  margin-top: 2px;
  font-size: 1.3em;
  line-height: 2.6em;
}
.products-cont.superList .product-group > li:last-child > div, .products-cont.superList .productColumns > li:last-child > div {
  border-bottom: 0;
}

/*-- Super List - end --*/
/*-- Gallery - start --*/
.products-cont.gallery .category-toolbar .view button.gallery {
  opacity: 1;
}
.products-cont.gallery .category-toolbar .view:before {
  margin-left: 125px;
  opacity: 1;
}
.products-cont.gallery .product-group, .products-cont.gallery .productColumns {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.products-cont.gallery .product-group .product, .products-cont.gallery .productColumns .product {
  width: 25%;
  margin-top: 0;
  margin-bottom: 18px;
}
.products-cont.gallery .product-group .product > div, .products-cont.gallery .productColumns .product > div {
  margin: 18px 12px 0 12px;
  padding: 0 24px;
  width: auto;
  position: relative;
  height: 476px;
}
.products-cont.gallery .product-group .product > div > div.ratings, .products-cont.gallery .productColumns .product > div > div.ratings {
  display: block;
}
.products-cont.gallery .product-group .product > div:hover .image.has-multiple-images > div img.image-std, .products-cont.gallery .productColumns .product > div:hover .image.has-multiple-images > div img.image-std {
  opacity: 0;
}
.products-cont.gallery .product-group .product > div:hover .image.has-multiple-images > div img.image-xl-b, .products-cont.gallery .productColumns .product > div:hover .image.has-multiple-images > div img.image-xl-b {
  opacity: 1;
}
.products-cont.gallery .product-group .product span.details .tags, .products-cont.gallery .productColumns .product span.details .tags {
  font-size: 0.9em;
}
.products-cont.gallery .product-group .product span.details .description, .products-cont.gallery .productColumns .product span.details .description {
  padding-top: 4px;
  height: 80px;
}
.products-cont.gallery .product-group .product span.details > div.ratings, .products-cont.gallery .productColumns .product span.details > div.ratings {
  display: none;
}
.products-cont.gallery .product-group .product span.details .review-score, .products-cont.gallery .productColumns .product span.details .review-score {
  padding-top: 0;
}
.products-cont.gallery .product-group .product span.details .review-score span.reviewscore, .products-cont.gallery .productColumns .product span.details .review-score span.reviewscore {
  margin-top: 2px;
}
.products-cont.gallery .product-group .product.featured .featuredIcon, .products-cont.gallery .productColumns .product.featured .featuredIcon {
  height: 160px;
  width: 18px;
  text-align: center;
  margin: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  position: absolute;
  left: -6px;
  top: 38px;
}
.products-cont.gallery .product-group .product.featured .featuredIcon:before, .products-cont.gallery .productColumns .product.featured .featuredIcon:before {
  text-indent: 20px;
}
.products-cont.gallery .product-group .product.featured > div, .products-cont.gallery .productColumns .product.featured > div {
  margin-top: 18px;
}
.products-cont.gallery .product-group .product.featured span.details .description, .products-cont.gallery .productColumns .product.featured span.details .description {
  padding-top: 3px;
}
.products-cont.gallery .product-group .product .compare, .products-cont.gallery .productColumns .product .compare {
  display: block;
  position: absolute;
  right: 10px;
  margin-top: 14px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 1;
}
.products-cont.gallery .product-group .product .review-score, .products-cont.gallery .productColumns .product .review-score {
  float: right;
  width: 76px;
  padding-top: 0;
}
.products-cont.gallery .product-group .product .review-score span.reviewscore, .products-cont.gallery .productColumns .product .review-score span.reviewscore {
  margin-top: 2px;
}
.products-cont.gallery .product-group .product .image, .products-cont.gallery .productColumns .product .image {
  display: block;
  height: 155px;
  width: 100%;
  margin: 0 auto;
}
.products-cont.gallery .product-group .product .image > div, .products-cont.gallery .productColumns .product .image > div {
  height: 135px;
  width: 135px;
  margin: 20px auto 0 auto;
  position: relative;
}
.products-cont.gallery .product-group .product .image > div img, .products-cont.gallery .productColumns .product .image > div img {
  height: 100%;
  width: 100%;
  mix-blend-mode: multiply;
}
.products-cont.gallery .product-group .product .image > div img.image-xl, .products-cont.gallery .productColumns .product .image > div img.image-xl {
  display: none;
}
.products-cont.gallery .product-group .product .image > div img.image-std, .products-cont.gallery .productColumns .product .image > div img.image-std {
  transition: opacity 0.3s ease-in-out;
}
.products-cont.gallery .product-group .product .image > div img.image-xl-b, .products-cont.gallery .productColumns .product .image > div img.image-xl-b {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  transition: opacity 0.3s ease-in-out;
}
.products-cont.gallery .product-group .product button.quickview, .products-cont.gallery .productColumns .product button.quickview {
  top: -8px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-size: 11px;
  padding: 3px 12px;
  line-height: 13px;
}
.products-cont.gallery .product-group .product .priceAvailability, .products-cont.gallery .productColumns .product .priceAvailability {
  padding-top: 24px;
}
.products-cont.gallery .product-group .product .priceAvailability .savingTag, .products-cont.gallery .productColumns .product .priceAvailability .savingTag {
  margin-top: -20px;
}
.products-cont.gallery .product-group .product .priceAvailability > span:nth-child(2), .products-cont.gallery .productColumns .product .priceAvailability > span:nth-child(2) {
  margin-left: 0;
}
.products-cont.gallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn, .products-cont.gallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn {
  height: 70px;
}
.products-cont.gallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .products-cont.gallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton {
  height: 40px;
  width: 100%;
}
.products-cont.gallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span, .products-cont.gallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span {
  height: 40px;
  width: 100%;
}
.products-cont.gallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span a.btn, .products-cont.gallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span a.btn {
  height: 40px;
  width: 100%;
  font-size: 14px;
  line-height: 37px;
}
.products-cont.gallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .products-cont.gallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .delivery-date {
  display: none;
}
.products-cont.gallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .price, .products-cont.gallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .description, .products-cont.gallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag, .products-cont.gallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .price, .products-cont.gallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .description, .products-cont.gallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag {
  display: none;
}
.products-cont.gallery .product-group .product .priceAvailability .priceWishlistBuy .leftColumn, .products-cont.gallery .productColumns .product .priceAvailability .priceWishlistBuy .leftColumn {
  text-align: center;
  height: 50px;
}
.products-cont.gallery .product-group .product .priceAvailability .wasPrice, .products-cont.gallery .productColumns .product .priceAvailability .wasPrice {
  text-align: center;
  padding-bottom: 4px;
  position: inherit;
  font-size: 1em;
}
.products-cont.gallery .product-group .product .ratings, .products-cont.gallery .productColumns .product .ratings {
  padding: 4px 0 6px;
  border-top: 1px solid #d8d8d8;
  margin-top: 4px;
  background: none;
  border-radius: 0;
}
.products-cont.gallery .product-group .product .ratings .delivery-date, .products-cont.gallery .productColumns .product .ratings .delivery-date {
  font-size: 10px;
  vertical-align: top;
  padding-top: 6px;
  margin-right: 12px;
}
.products-cont.gallery .product-group .product .ratings .quick-replacement, .products-cont.gallery .productColumns .product .ratings .quick-replacement {
  font-size: 10px;
}
.products-cont.gallery .product-group .product .ratings .quick-replacement > i, .products-cont.gallery .productColumns .product .ratings .quick-replacement > i {
  font-size: 20px;
  height: 19px;
  width: 24px;
}
.products-cont.gallery .product-group .product .ratings .quick-replacement > span, .products-cont.gallery .productColumns .product .ratings .quick-replacement > span {
  padding-top: 1px;
}
.products-cont.gallery .product-group .product .manufacturerLogo, .products-cont.gallery .productColumns .product .manufacturerLogo {
  display: none;
}
.products-cont.gallery .product-group .product .btn.wishlist, .products-cont.gallery .productColumns .product .btn.wishlist {
  position: absolute;
  top: 4px;
  left: -6px;
  font-size: 1.3em;
  line-height: 2.6em;
}
.products-cont.gallery .product-group .product .wishlistheart, .products-cont.gallery .productColumns .product .wishlistheart {
  top: 0;
  left: 0;
}
.products-cont.gallery .product-group .product.compare .compare, .products-cont.gallery .productColumns .product.compare .compare {
  background-color: #002c6d;
}

/*-- Gallery - end --*/
/*-- Large Gallery View - start --*/
.products-cont.old-largeGallery .category-toolbar .view button.old-largeGallery {
  opacity: 1;
}
.products-cont.old-largeGallery .category-toolbar .view:before {
  margin-left: 73px;
  opacity: 1;
}
.products-cont.old-largeGallery .product-group, .products-cont.old-largeGallery .productColumns {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.products-cont.old-largeGallery .product-group .product > div, .products-cont.old-largeGallery .productColumns .product > div {
  margin: 18px 10px 0 16px;
  padding: 0 24px;
  width: auto;
  position: relative;
  height: 328px;
}
.products-cont.old-largeGallery .product-group .product > div > div.ratings, .products-cont.old-largeGallery .productColumns .product > div > div.ratings {
  display: block;
}
.products-cont.old-largeGallery .product-group .product span.details, .products-cont.old-largeGallery .productColumns .product span.details {
  margin-left: 230px;
  height: 154px;
  margin-top: 20px;
  padding-top: 16px;
}
.products-cont.old-largeGallery .product-group .product span.details .manufacturerLogo, .products-cont.old-largeGallery .productColumns .product span.details .manufacturerLogo {
  display: block;
  padding-bottom: 3px;
}
.products-cont.old-largeGallery .product-group .product span.details .manufacturerLogo > img, .products-cont.old-largeGallery .productColumns .product span.details .manufacturerLogo > img {
  height: 20px;
  width: 90px;
}
.products-cont.old-largeGallery .product-group .product span.details .linkNo, .products-cont.old-largeGallery .productColumns .product span.details .linkNo {
  padding-top: 6px;
  display: block;
  float: left;
}
.products-cont.old-largeGallery .product-group .product span.details .description, .products-cont.old-largeGallery .productColumns .product span.details .description {
  padding-top: 4px;
}
.products-cont.old-largeGallery .product-group .product span.details > div.ratings, .products-cont.old-largeGallery .productColumns .product span.details > div.ratings {
  display: none;
}
.products-cont.old-largeGallery .product-group .product span.details .review-score, .products-cont.old-largeGallery .productColumns .product span.details .review-score {
  width: 86px;
}
.products-cont.old-largeGallery .product-group .product.featured .featuredIcon, .products-cont.old-largeGallery .productColumns .product.featured .featuredIcon {
  height: 160px;
  width: 18px;
  text-align: center;
  margin: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  position: absolute;
  left: -2px;
  top: 34px;
}
.products-cont.old-largeGallery .product-group .product.featured .featuredIcon:before, .products-cont.old-largeGallery .productColumns .product.featured .featuredIcon:before {
  text-indent: 20px;
}
.products-cont.old-largeGallery .product-group .product.featured span.details .description, .products-cont.old-largeGallery .productColumns .product.featured span.details .description {
  padding-top: 3px;
}
.products-cont.old-largeGallery .product-group .product .compare, .products-cont.old-largeGallery .productColumns .product .compare {
  display: block;
  position: absolute;
  right: 10px;
  margin-top: 14px;
}
.products-cont.old-largeGallery .product-group .product .review-score, .products-cont.old-largeGallery .productColumns .product .review-score {
  float: right;
  width: 76px;
  padding-top: 6px;
}
.products-cont.old-largeGallery .product-group .product .image, .products-cont.old-largeGallery .productColumns .product .image {
  display: block;
  height: 250px;
  width: 210px;
  margin: 0 auto;
  position: absolute;
}
.products-cont.old-largeGallery .product-group .product .image > div, .products-cont.old-largeGallery .productColumns .product .image > div {
  height: 210px;
  width: 210px;
  margin: 18px auto 0 auto;
}
.products-cont.old-largeGallery .product-group .product .image > div img, .products-cont.old-largeGallery .productColumns .product .image > div img {
  height: 100%;
  width: 100%;
}
.products-cont.old-largeGallery .product-group .product .image > div img.image-std, .products-cont.old-largeGallery .productColumns .product .image > div img.image-std {
  display: none;
}
.products-cont.old-largeGallery .product-group .product .image button.quickview, .products-cont.old-largeGallery .productColumns .product .image button.quickview {
  top: -14px;
  margin-left: 58px;
  font-size: 12px;
  padding: 3px 12px;
  line-height: 13px;
}
.products-cont.old-largeGallery .product-group .product .wishlistheart, .products-cont.old-largeGallery .productColumns .product .wishlistheart {
  margin-left: -12px;
}
.products-cont.old-largeGallery .product-group .product .priceAvailability, .products-cont.old-largeGallery .productColumns .product .priceAvailability {
  padding-top: 16px;
  margin-left: 230px;
  position: relative;
}
.products-cont.old-largeGallery .product-group .product .priceAvailability > span:nth-child(2), .products-cont.old-largeGallery .productColumns .product .priceAvailability > span:nth-child(2) {
  margin-top: -18px;
}
.products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy, .products-cont.old-largeGallery .productColumns .product .priceAvailability .priceWishlistBuy {
  display: table;
  width: 100%;
}
.products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy > div, .products-cont.old-largeGallery .productColumns .product .priceAvailability .priceWishlistBuy > div {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn, .products-cont.old-largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn {
  height: 70px;
  width: 60%;
}
.products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .products-cont.old-largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton {
  height: 40px;
  width: 100%;
}
.products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span, .products-cont.old-largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span {
  height: 40px;
  width: 100%;
  /* &.btnctrl span.controls > span.qty input { height: 22px; } */
}
.products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span a.btn, .products-cont.old-largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span a.btn {
  height: 40px;
  width: 100%;
  font-size: 14px;
}
.products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .products-cont.old-largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .delivery-date {
  display: none;
}
.products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .price, .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .description, .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag, .products-cont.old-largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .price, .products-cont.old-largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .description, .products-cont.old-largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag {
  display: none;
}
.products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .leftColumn, .products-cont.old-largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .leftColumn {
  text-align: left;
  padding-top: 12px;
  width: 40%;
}
.products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .leftColumn .deliveryTag, .products-cont.old-largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .leftColumn .deliveryTag {
  padding-right: 16px;
}
.products-cont.old-largeGallery .product-group .product .priceAvailability .wasPrice, .products-cont.old-largeGallery .productColumns .product .priceAvailability .wasPrice {
  text-align: left;
  width: 100%;
  position: absolute;
  margin-top: -12px;
  padding-bottom: 4px;
  font-size: 12px;
}
.products-cont.old-largeGallery .product-group .product .priceAvailability .wishlistheart, .products-cont.old-largeGallery .productColumns .product .priceAvailability .wishlistheart {
  display: none !important;
}
.products-cont.old-largeGallery .product-group .product .ratings, .products-cont.old-largeGallery .productColumns .product .ratings {
  display: inline-block;
  font-size: 0.9em;
  padding: 4px 0 6px;
  border-top: 1px solid #d8d8d8;
  margin-top: 4px;
  background: none;
  border-radius: 0;
}
.products-cont.old-largeGallery .product-group .product .ratings > span, .products-cont.old-largeGallery .productColumns .product .ratings > span {
  display: inline-block;
  vertical-align: top;
}
.products-cont.old-largeGallery .product-group .product .ratings > span:first-child, .products-cont.old-largeGallery .productColumns .product .ratings > span:first-child {
  padding-left: 0 !important;
}
.products-cont.old-largeGallery .product-group .product .ratings .delivery-date, .products-cont.old-largeGallery .productColumns .product .ratings .delivery-date {
  padding-top: 12px;
  padding-left: 16px;
}
.products-cont.old-largeGallery .product-group .product .ratings .quick-replacement, .products-cont.old-largeGallery .productColumns .product .ratings .quick-replacement {
  padding-left: 16px;
  padding-top: 6px;
}
.products-cont.old-largeGallery .product-group .product .btn.wishlist, .products-cont.old-largeGallery .productColumns .product .btn.wishlist {
  position: absolute;
  top: 4px;
  left: -6px;
  font-size: 1.3em;
  line-height: 2.6em;
}

/*-- Large Gallery View - end --*/
/*-- Super Gallery View - start --*/
.products-cont.largeGallery .category-toolbar .view button.largeGallery {
  opacity: 1;
}
.products-cont.largeGallery .category-toolbar .view:before {
  margin-left: 73px;
  opacity: 1;
}
.products-cont.largeGallery .product-group, .products-cont.largeGallery .productColumns {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.products-cont.largeGallery .product-group .product > div, .products-cont.largeGallery .productColumns .product > div {
  margin: 18px 0 0 0;
  padding: 0;
  width: auto;
  position: relative;
  overflow: hidden;
  transition: background 0.3s ease-in-out;
}
.products-cont.largeGallery .product-group .product > div > div.ratings, .products-cont.largeGallery .productColumns .product > div > div.ratings {
  display: none;
}
.products-cont.largeGallery .product-group .product > div:hover, .products-cont.largeGallery .product-group .product > div:focus, .products-cont.largeGallery .productColumns .product > div:hover, .products-cont.largeGallery .productColumns .product > div:focus {
  background: #bfbfbf;
}
.products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy, .products-cont.largeGallery .product-group .product > div:focus .priceAvailability .priceWishlistBuy, .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy, .products-cont.largeGallery .productColumns .product > div:focus .priceAvailability .priceWishlistBuy {
  text-align: center;
  display: block;
  width: 100%;
}
.products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn, .products-cont.largeGallery .product-group .product > div:focus .priceAvailability .priceWishlistBuy .rightColumn, .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn, .products-cont.largeGallery .productColumns .product > div:focus .priceAvailability .priceWishlistBuy .rightColumn {
  background: rgba(0, 0, 0, 0.85);
  bottom: 10px;
  min-height: 218px;
  text-align: left;
  display: block;
  /*
  .description { order: 1; padding:0 20px; display:block; height: 76px; 
      > a { @extend %Poppins-Regular; color: #fff; opacity: 0.9; transition: opacity 0.2s ease-in-out;
          &:hover { text-decoration: none; opacity:1; text-decoration: underline; } 
      }
  }
  */
}
.products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .price, .products-cont.largeGallery .product-group .product > div:focus .priceAvailability .priceWishlistBuy .rightColumn .price, .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .price, .products-cont.largeGallery .productColumns .product > div:focus .priceAvailability .priceWishlistBuy .rightColumn .price {
  opacity: 1;
  margin-top: 74px;
  position: absolute;
  bottom: 40px;
}
.products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock, .products-cont.largeGallery .product-group .product > div:focus .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .products-cont.largeGallery .product-group .product > div:focus .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock, .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock, .products-cont.largeGallery .productColumns .product > div:focus .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .products-cont.largeGallery .productColumns .product > div:focus .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock {
  order: 5;
  position: absolute;
  bottom: 30px;
}
.products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .products-cont.largeGallery .product-group .product > div:focus .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .products-cont.largeGallery .productColumns .product > div:focus .priceAvailability .priceWishlistBuy .rightColumn .delivery-date {
  display: none;
}
.products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy .leftColumn .price, .products-cont.largeGallery .product-group .product > div:focus .priceAvailability .priceWishlistBuy .leftColumn .price, .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy .leftColumn .price, .products-cont.largeGallery .productColumns .product > div:focus .priceAvailability .priceWishlistBuy .leftColumn .price {
  display: block;
  opacity: 1;
  position: absolute;
  z-index: 2;
  color: #fff;
  bottom: 94px;
  animation: fadeIn 0.8s ease-in-out;
  margin-left: 12px;
  padding-right: 12px;
}
.products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy .leftColumn .price span.exVat, .products-cont.largeGallery .product-group .product > div:focus .priceAvailability .priceWishlistBuy .leftColumn .price span.exVat, .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy .leftColumn .price span.exVat, .products-cont.largeGallery .productColumns .product > div:focus .priceAvailability .priceWishlistBuy .leftColumn .price span.exVat {
  display: block;
  padding: 5px 0 0 0;
  line-height: 0;
}
.products-cont.largeGallery .product-group .product > div:hover span.details .linkNo, .products-cont.largeGallery .product-group .product > div:focus span.details .linkNo, .products-cont.largeGallery .productColumns .product > div:hover span.details .linkNo, .products-cont.largeGallery .productColumns .product > div:focus span.details .linkNo {
  position: absolute;
  bottom: 132px;
  z-index: 2;
  opacity: 1;
  animation: fadeIn 0.8s ease-in-out;
  padding-left: 12px;
  color: #0095e8;
}
.products-cont.largeGallery .product-group .product > div:hover span.details .tags, .products-cont.largeGallery .product-group .product > div:focus span.details .tags, .products-cont.largeGallery .productColumns .product > div:hover span.details .tags, .products-cont.largeGallery .productColumns .product > div:focus span.details .tags {
  position: absolute;
  bottom: 214px;
  z-index: 2;
  opacity: 1;
  animation: fadeIn 0.8s ease-in-out;
  padding-left: 12px;
  padding-right: 12px;
}
.products-cont.largeGallery .product-group .product > div:hover span.details .description, .products-cont.largeGallery .product-group .product > div:focus span.details .description, .products-cont.largeGallery .productColumns .product > div:hover span.details .description, .products-cont.largeGallery .productColumns .product > div:focus span.details .description {
  z-index: 2;
  position: absolute;
  bottom: 150px;
  opacity: 1;
  animation: fadeIn 0.5s ease-in-out;
  padding-left: 12px;
  padding-right: 12px;
  height: 60px;
  overflow: hidden;
}
.products-cont.largeGallery .product-group .product > div:hover span.details .description > a, .products-cont.largeGallery .product-group .product > div:focus span.details .description > a, .products-cont.largeGallery .productColumns .product > div:hover span.details .description > a, .products-cont.largeGallery .productColumns .product > div:focus span.details .description > a {
  color: #fff;
}
.products-cont.largeGallery .product-group .product > div:hover span.details .ratings, .products-cont.largeGallery .product-group .product > div:focus span.details .ratings, .products-cont.largeGallery .productColumns .product > div:hover span.details .ratings, .products-cont.largeGallery .productColumns .product > div:focus span.details .ratings {
  display: flex;
  left: 40%;
  position: absolute;
  bottom: 90px;
  height: 50px;
  width: 60%;
  z-index: 2;
  text-align: left;
  align-items: flex-end;
  flex-direction: column-reverse;
  padding: 0;
}
.products-cont.largeGallery .product-group .product > div:hover span.details .ratings .delivery-date, .products-cont.largeGallery .product-group .product > div:focus span.details .ratings .delivery-date, .products-cont.largeGallery .productColumns .product > div:hover span.details .ratings .delivery-date, .products-cont.largeGallery .productColumns .product > div:focus span.details .ratings .delivery-date {
  display: block;
  z-index: 2;
  opacity: 1;
  animation: fadeIn 0.8s ease-in-out;
  width: 100%;
  height: 16px;
  margin-top: 6px;
}
.products-cont.largeGallery .product-group .product > div:hover span.details .ratings .delivery-date > strong, .products-cont.largeGallery .product-group .product > div:focus span.details .ratings .delivery-date > strong, .products-cont.largeGallery .productColumns .product > div:hover span.details .ratings .delivery-date > strong, .products-cont.largeGallery .productColumns .product > div:focus span.details .ratings .delivery-date > strong {
  padding-left: 0;
}
.products-cont.largeGallery .product-group .product > div:hover span.details .ratings .quick-replacement, .products-cont.largeGallery .product-group .product > div:focus span.details .ratings .quick-replacement, .products-cont.largeGallery .productColumns .product > div:hover span.details .ratings .quick-replacement, .products-cont.largeGallery .productColumns .product > div:focus span.details .ratings .quick-replacement {
  display: block;
  z-index: 2;
  opacity: 1;
  animation: fadeIn 0.8s ease-in-out;
  width: 100%;
  height: 20px;
}
.products-cont.largeGallery .product-group .product > div:hover span.stock, .products-cont.largeGallery .product-group .product > div:focus span.stock, .products-cont.largeGallery .productColumns .product > div:hover span.stock, .products-cont.largeGallery .productColumns .product > div:focus span.stock {
  position: absolute;
  bottom: 10px;
  margin: 0 auto;
}
.products-cont.largeGallery .product-group .product > div:hover .image.has-multiple-images > div img.image-xl, .products-cont.largeGallery .product-group .product > div:focus .image.has-multiple-images > div img.image-xl, .products-cont.largeGallery .productColumns .product > div:hover .image.has-multiple-images > div img.image-xl, .products-cont.largeGallery .productColumns .product > div:focus .image.has-multiple-images > div img.image-xl {
  opacity: 0;
}
.products-cont.largeGallery .product-group .product > div:hover .image.has-multiple-images > div img.image-xl-b, .products-cont.largeGallery .product-group .product > div:focus .image.has-multiple-images > div img.image-xl-b, .products-cont.largeGallery .productColumns .product > div:hover .image.has-multiple-images > div img.image-xl-b, .products-cont.largeGallery .productColumns .product > div:focus .image.has-multiple-images > div img.image-xl-b {
  opacity: 1;
}
.products-cont.largeGallery .product-group .product > div:hover button.quickview, .products-cont.largeGallery .product-group .product > div:focus button.quickview, .products-cont.largeGallery .productColumns .product > div:hover button.quickview, .products-cont.largeGallery .productColumns .product > div:focus button.quickview {
  top: -80px;
  background: #1b1b1b;
  color: #fff;
}
.products-cont.largeGallery .product-group .product .wishlistheart, .products-cont.largeGallery .productColumns .product .wishlistheart {
  position: unset;
}
.products-cont.largeGallery .product-group .product span.details, .products-cont.largeGallery .productColumns .product span.details {
  height: 106px;
  margin-top: 0;
  padding: 2px 18px 0 18px;
}
.products-cont.largeGallery .product-group .product span.details .manufacturerLogo, .products-cont.largeGallery .productColumns .product span.details .manufacturerLogo {
  padding-top: 24px;
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  margin-left: -18px;
}
.products-cont.largeGallery .product-group .product span.details .manufacturerLogo > img, .products-cont.largeGallery .productColumns .product span.details .manufacturerLogo > img {
  height: 13px;
  width: 60px;
  margin: 0 auto;
  display: block;
  mix-blend-mode: multiply;
}
.products-cont.largeGallery .product-group .product span.details .linkNo, .products-cont.largeGallery .productColumns .product span.details .linkNo {
  padding-top: 6px;
  display: block;
  float: left;
}
.products-cont.largeGallery .product-group .product span.details .description, .products-cont.largeGallery .productColumns .product span.details .description {
  padding-top: 4px;
}
.products-cont.largeGallery .product-group .product span.details .review-score, .products-cont.largeGallery .productColumns .product span.details .review-score {
  width: 86px;
}
.products-cont.largeGallery .product-group .product span.details .delivery-date, .products-cont.largeGallery .productColumns .product span.details .delivery-date {
  color: #fff;
  display: block;
  text-transform: capitalize;
  text-indent: 30px;
  font-size: 11px;
}
.products-cont.largeGallery .product-group .product span.details .delivery-date > strong, .products-cont.largeGallery .productColumns .product span.details .delivery-date > strong {
  text-transform: capitalize;
  padding-left: 4px;
}
.products-cont.largeGallery .product-group .product span.details .delivery-date:before, .products-cont.largeGallery .productColumns .product span.details .delivery-date:before {
  display: block;
  position: absolute;
  height: 20px;
  width: 30px;
  content: "\e983";
  font-size: 22px;
  margin-left: -30px;
}
.products-cont.largeGallery .product-group .product span.details .deliveryTag, .products-cont.largeGallery .productColumns .product span.details .deliveryTag {
  display: block;
  bottom: 98px;
  color: #fff;
  font-size: 11px;
  text-transform: capitalize;
  border: 1px solid green;
}
.products-cont.largeGallery .product-group .product span.details .deliveryTag > span, .products-cont.largeGallery .productColumns .product span.details .deliveryTag > span {
  color: #fff;
  display: inline;
  padding-left: 30px;
}
.products-cont.largeGallery .product-group .product span.details .deliveryTag:before, .products-cont.largeGallery .productColumns .product span.details .deliveryTag:before {
  position: absolute;
  display: block;
  height: 20px;
  width: 32px;
  content: "\e982";
  font-size: 22px;
}
.products-cont.largeGallery .product-group .product span.details .quick-replacement > i, .products-cont.largeGallery .productColumns .product span.details .quick-replacement > i {
  color: #fff;
  font-size: 22px;
}
.products-cont.largeGallery .product-group .product span.details .quick-replacement > i:before, .products-cont.largeGallery .productColumns .product span.details .quick-replacement > i:before {
  color: #fff;
}
.products-cont.largeGallery .product-group .product span.details .quick-replacement > span, .products-cont.largeGallery .productColumns .product span.details .quick-replacement > span {
  text-transform: capitalize;
  font-size: 11px;
  color: #fff;
}
.products-cont.largeGallery .product-group .product div.ratings, .products-cont.largeGallery .productColumns .product div.ratings {
  display: none;
  font-size: 11px;
}
.products-cont.largeGallery .product-group .product.featured .featuredIcon, .products-cont.largeGallery .productColumns .product.featured .featuredIcon {
  height: 160px;
  width: 18px;
  text-align: center;
  margin: 0;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  position: absolute;
  left: -2px;
  top: 34px;
}
.products-cont.largeGallery .product-group .product.featured .featuredIcon:before, .products-cont.largeGallery .productColumns .product.featured .featuredIcon:before {
  text-indent: 20px;
}
.products-cont.largeGallery .product-group .product.featured span.details .description, .products-cont.largeGallery .productColumns .product.featured span.details .description {
  padding-top: 3px;
}
.products-cont.largeGallery .product-group .product .compare, .products-cont.largeGallery .productColumns .product .compare {
  display: block;
  position: absolute;
  right: 10px;
  margin-top: 14px;
  z-index: 1;
}
.products-cont.largeGallery .product-group .product .compare > span > span:first-child, .products-cont.largeGallery .productColumns .product .compare > span > span:first-child {
  display: none;
}
.products-cont.largeGallery .product-group .product .review-score, .products-cont.largeGallery .productColumns .product .review-score {
  float: right;
  width: 76px;
  padding-top: 6px;
}
.products-cont.largeGallery .product-group .product .image, .products-cont.largeGallery .productColumns .product .image {
  display: block;
  height: auto;
  width: 100%;
  margin: 0 auto;
  /* button.quickview { top:-14px;  margin-left: 58px;  font-size: 12px; padding: 3px 12px; line-height: 13px;  } */
}
.products-cont.largeGallery .product-group .product .image > div, .products-cont.largeGallery .productColumns .product .image > div {
  height: auto;
  width: 100%;
  margin: 18px auto 0 auto;
}
.products-cont.largeGallery .product-group .product .image > div img, .products-cont.largeGallery .productColumns .product .image > div img {
  height: 100%;
  width: 100%;
  mix-blend-mode: multiply;
}
.products-cont.largeGallery .product-group .product .image > div img.image-std, .products-cont.largeGallery .productColumns .product .image > div img.image-std {
  display: none;
}
.products-cont.largeGallery .product-group .product .image > div img.image-xl, .products-cont.largeGallery .productColumns .product .image > div img.image-xl {
  transition: opacity 0.3s ease-in-out;
}
.products-cont.largeGallery .product-group .product .image > div img.image-xl-b, .products-cont.largeGallery .productColumns .product .image > div img.image-xl-b {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
  height: auto;
  transition: opacity 0.3s ease-in-out;
}
.products-cont.largeGallery .product-group .product button.quickview, .products-cont.largeGallery .productColumns .product button.quickview {
  top: -8px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  font-size: 11px;
  padding: 3px 12px;
  line-height: 13px;
}
.products-cont.largeGallery .product-group .product .priceAvailability, .products-cont.largeGallery .productColumns .product .priceAvailability {
  padding-top: 16px;
}
.products-cont.largeGallery .product-group .product .priceAvailability > span:nth-child(2), .products-cont.largeGallery .productColumns .product .priceAvailability > span:nth-child(2) {
  margin-top: -18px;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy {
  width: 100%;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn {
  width: 94%;
  margin-left: 3%;
  position: absolute;
  transition: bottom 0.3s ease-in-out;
  bottom: -100px;
  border-radius: 8px;
  padding-top: 20px;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton {
  height: 40px;
  width: 90%;
  margin-left: 5%;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span {
  height: 40px;
  width: 100%;
  /* &.btnctrl span.controls > span.qty input { height: 22px; } */
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span a.btn, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span a.btn {
  height: 40px;
  width: 100%;
  font-size: 14px;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock {
  height: 40px;
  width: 90%;
  margin-left: 5%;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock button, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock button {
  border: 1px solid #666666;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .description > a, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .description > a {
  color: #fff;
  opacity: 0;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .price, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .price {
  order: 2;
  color: #fff;
  display: block;
  padding: 12px 18px;
  opacity: 0;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .price.call, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .price.call {
  text-align: center;
  font-size: 16px;
  padding: 6px 18px;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .in, .products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .out, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .in, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .out {
  display: block;
  padding: 0px;
  text-align: center;
  width: 100%;
  float: none;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .out, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .out {
  color: #147fd4;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .leftColumn, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .leftColumn {
  text-align: left;
  padding-top: 12px;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .leftColumn .deliveryTag, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .leftColumn .deliveryTag {
  display: none;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .leftColumn .price, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .leftColumn .price {
  padding-left: 18px;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .leftColumn .price.call, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .leftColumn .price.call {
  text-align: left;
  font-size: 16px;
}
.products-cont.largeGallery .product-group .product .priceAvailability .priceWishlistBuy .leftColumn .price span.exVat, .products-cont.largeGallery .productColumns .product .priceAvailability .priceWishlistBuy .leftColumn .price span.exVat {
  font-size: 8px;
}
.products-cont.largeGallery .product-group .product .priceAvailability .wasPrice, .products-cont.largeGallery .productColumns .product .priceAvailability .wasPrice {
  text-align: left;
  width: 100%;
  position: absolute;
  margin-top: -12px;
  padding-bottom: 4px;
  font-size: 12px;
  padding-left: 18px;
}
.products-cont.largeGallery .product-group .product .priceAvailability .wishlistheart, .products-cont.largeGallery .productColumns .product .priceAvailability .wishlistheart {
  display: none !important;
}
.products-cont.largeGallery .product-group .product .btn.wishList, .products-cont.largeGallery .productColumns .product .btn.wishList {
  position: absolute;
  top: 4px;
  left: 8px;
  font-size: 16px;
  line-height: 2.6em;
  z-index: 1;
}

.device-android .products-cont.largeGallery .product-group .product > div, .device-android .products-cont.largeGallery .productColumns .product > div, .device-ios .products-cont.largeGallery .product-group .product > div, .device-ios .products-cont.largeGallery .productColumns .product > div, .device-mobile .products-cont.largeGallery .product-group .product > div, .device-mobile .products-cont.largeGallery .productColumns .product > div {
  transition: 0;
}
.device-android .products-cont.largeGallery .product-group .product > div:hover, .device-android .products-cont.largeGallery .productColumns .product > div:hover, .device-ios .products-cont.largeGallery .product-group .product > div:hover, .device-ios .products-cont.largeGallery .productColumns .product > div:hover, .device-mobile .products-cont.largeGallery .product-group .product > div:hover, .device-mobile .products-cont.largeGallery .productColumns .product > div:hover {
  background: #fff;
}
.device-android .products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy div.leftColumn .price, .device-android .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy div.leftColumn .price, .device-ios .products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy div.leftColumn .price, .device-ios .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy div.leftColumn .price, .device-mobile .products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy div.leftColumn .price, .device-mobile .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy div.leftColumn .price {
  color: #000;
  position: relative;
  width: inherit;
}
.device-android .products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn, .device-android .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn, .device-ios .products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn, .device-ios .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn, .device-mobile .products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn, .device-mobile .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn {
  background: #fff;
  display: block;
}
.device-android .products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .device-android .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .device-ios .products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .device-ios .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .device-mobile .products-cont.largeGallery .product-group .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .device-mobile .products-cont.largeGallery .productColumns .product > div:hover .priceAvailability .priceWishlistBuy .rightColumn .delivery-date {
  display: none;
}
.device-android .products-cont.largeGallery .product-group .product > div:hover span.details .description, .device-android .products-cont.largeGallery .product-group .product > div:hover span.details .tags, .device-android .products-cont.largeGallery .productColumns .product > div:hover span.details .description, .device-android .products-cont.largeGallery .productColumns .product > div:hover span.details .tags, .device-ios .products-cont.largeGallery .product-group .product > div:hover span.details .description, .device-ios .products-cont.largeGallery .product-group .product > div:hover span.details .tags, .device-ios .products-cont.largeGallery .productColumns .product > div:hover span.details .description, .device-ios .products-cont.largeGallery .productColumns .product > div:hover span.details .tags, .device-mobile .products-cont.largeGallery .product-group .product > div:hover span.details .description, .device-mobile .products-cont.largeGallery .product-group .product > div:hover span.details .tags, .device-mobile .products-cont.largeGallery .productColumns .product > div:hover span.details .description, .device-mobile .products-cont.largeGallery .productColumns .product > div:hover span.details .tags {
  opacity: 1;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability {
  padding-top: 30px;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .wasPrice, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .wasPrice, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .wasPrice, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .wasPrice, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .wasPrice, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .wasPrice {
  text-align: center;
  padding-left: 0;
  text-indent: -16px;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .wasPrice > span, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .wasPrice > span, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .wasPrice > span, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .wasPrice > span, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .wasPrice > span, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .wasPrice > span {
  padding-left: 0;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .leftColumn, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .leftColumn, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .leftColumn, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .leftColumn, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .leftColumn, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .leftColumn {
  display: block;
  padding-top: 20px;
  padding-bottom: 6px;
  height: inherit;
  text-align: center;
  width: 100%;
  margin-left: 0;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .leftColumn .price, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .leftColumn .price, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .leftColumn .price, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .leftColumn .price, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .leftColumn .price, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .leftColumn .price {
  opacity: 1;
  position: inherit;
  z-index: 1;
  color: #000;
  bottom: inherit;
  margin-left: 0;
  padding-left: 0;
  bottom: 0;
  animation: 0;
  display: block;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .leftColumn .price span.exVat, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .leftColumn .price span.exVat, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .leftColumn .price span.exVat, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .leftColumn .price span.exVat, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .leftColumn .price span.exVat, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .leftColumn .price span.exVat {
  display: inline-block;
  padding-left: 4px;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .leftColumn .price.call, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .leftColumn .price.call, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .leftColumn .price.call, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .leftColumn .price.call, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .leftColumn .price.call, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .leftColumn .price.call {
  text-align: center;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn {
  position: inherit;
  transition: 0;
  bottom: inherit;
  min-height: 76px;
  height: inherit;
  width: 100%;
  margin-left: 0;
  padding-top: 0;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .description, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .description, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .description, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .description, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .description, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .description {
  display: none;
  color: #000;
  padding: 0;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .price, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .price, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .price, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .price, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .price, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .price {
  color: #000;
  opacity: 1;
  padding: 0 18px 12px 18px;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .delivery-date, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .delivery-date {
  color: #000;
  top: 27px;
  display: none;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag {
  color: #000;
  display: table-cell;
  top: 2px;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag:before, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag:before, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag:before, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag:before, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag:before, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag:before {
  font-size: 20px;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag > span, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag > span, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag > span, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag > span, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag > span, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .deliveryTag > span {
  color: #000;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn .notify-when-in-stock {
  position: inherit;
  bottom: inherit;
}
.device-android .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn span.stock, .device-android .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn span.stock, .device-ios .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn span.stock, .device-ios .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn span.stock, .device-mobile .products-cont.largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn span.stock, .device-mobile .products-cont.largeGallery .productColumns .product > div .priceAvailability .priceWishlistBuy .rightColumn span.stock {
  position: inherit;
  bottom: inherit;
  margin-top: 4px;
}
.device-android .products-cont.largeGallery .product-group .product > div span.details, .device-android .products-cont.largeGallery .productColumns .product > div span.details, .device-ios .products-cont.largeGallery .product-group .product > div span.details, .device-ios .products-cont.largeGallery .productColumns .product > div span.details, .device-mobile .products-cont.largeGallery .product-group .product > div span.details, .device-mobile .products-cont.largeGallery .productColumns .product > div span.details {
  height: inherit;
}
.device-android .products-cont.largeGallery .product-group .product > div span.details .description, .device-android .products-cont.largeGallery .product-group .product > div span.details .tags, .device-android .products-cont.largeGallery .productColumns .product > div span.details .description, .device-android .products-cont.largeGallery .productColumns .product > div span.details .tags, .device-ios .products-cont.largeGallery .product-group .product > div span.details .description, .device-ios .products-cont.largeGallery .product-group .product > div span.details .tags, .device-ios .products-cont.largeGallery .productColumns .product > div span.details .description, .device-ios .products-cont.largeGallery .productColumns .product > div span.details .tags, .device-mobile .products-cont.largeGallery .product-group .product > div span.details .description, .device-mobile .products-cont.largeGallery .product-group .product > div span.details .tags, .device-mobile .products-cont.largeGallery .productColumns .product > div span.details .description, .device-mobile .products-cont.largeGallery .productColumns .product > div span.details .tags {
  opacity: 1;
}
.device-android .products-cont.largeGallery .product-group .product > div span.details .linkNo, .device-android .products-cont.largeGallery .productColumns .product > div span.details .linkNo, .device-ios .products-cont.largeGallery .product-group .product > div span.details .linkNo, .device-ios .products-cont.largeGallery .productColumns .product > div span.details .linkNo, .device-mobile .products-cont.largeGallery .product-group .product > div span.details .linkNo, .device-mobile .products-cont.largeGallery .productColumns .product > div span.details .linkNo {
  position: inherit;
  bottom: inherit;
  z-index: 1;
  opacity: 1;
  animation: fadeIn 0.8s ease-in-out;
  padding-left: 12px;
  color: #0095e8;
}
.device-android .products-cont.largeGallery .product-group .product > div span.details .tags, .device-android .products-cont.largeGallery .productColumns .product > div span.details .tags, .device-ios .products-cont.largeGallery .product-group .product > div span.details .tags, .device-ios .products-cont.largeGallery .productColumns .product > div span.details .tags, .device-mobile .products-cont.largeGallery .product-group .product > div span.details .tags, .device-mobile .products-cont.largeGallery .productColumns .product > div span.details .tags {
  position: inherit;
  bottom: inherit;
  z-index: 1;
  opacity: 1;
  animation: fadeIn 0.8s ease-in-out;
  padding-left: 12px;
  padding-right: 12px;
}
.device-android .products-cont.largeGallery .product-group .product > div span.details .description, .device-android .products-cont.largeGallery .productColumns .product > div span.details .description, .device-ios .products-cont.largeGallery .product-group .product > div span.details .description, .device-ios .products-cont.largeGallery .productColumns .product > div span.details .description, .device-mobile .products-cont.largeGallery .product-group .product > div span.details .description, .device-mobile .products-cont.largeGallery .productColumns .product > div span.details .description {
  z-index: 2;
  position: inherit;
  bottom: inherit;
  opacity: 1;
  animation: fadeIn 0.5s ease-in-out;
  padding-left: 12px;
  padding-right: 12px;
  height: 60px;
  overflow: hidden;
}
.device-android .products-cont.largeGallery .product-group .product > div span.details .description > a, .device-android .products-cont.largeGallery .productColumns .product > div span.details .description > a, .device-ios .products-cont.largeGallery .product-group .product > div span.details .description > a, .device-ios .products-cont.largeGallery .productColumns .product > div span.details .description > a, .device-mobile .products-cont.largeGallery .product-group .product > div span.details .description > a, .device-mobile .products-cont.largeGallery .productColumns .product > div span.details .description > a {
  color: #000;
}
.device-android .products-cont.largeGallery .product-group .product > div span.details .ratings, .device-android .products-cont.largeGallery .productColumns .product > div span.details .ratings, .device-ios .products-cont.largeGallery .product-group .product > div span.details .ratings, .device-ios .products-cont.largeGallery .productColumns .product > div span.details .ratings, .device-mobile .products-cont.largeGallery .product-group .product > div span.details .ratings, .device-mobile .products-cont.largeGallery .productColumns .product > div span.details .ratings {
  display: none;
  left: inherit;
  position: inherit;
  bottom: 90px;
  height: 50px;
  width: 60%;
  z-index: 2;
  text-align: left;
  align-items: flex-end;
  flex-direction: column-reverse;
  padding: 0;
}
.device-android .products-cont.largeGallery .product-group .product > div span.details .ratings .delivery-date, .device-android .products-cont.largeGallery .productColumns .product > div span.details .ratings .delivery-date, .device-ios .products-cont.largeGallery .product-group .product > div span.details .ratings .delivery-date, .device-ios .products-cont.largeGallery .productColumns .product > div span.details .ratings .delivery-date, .device-mobile .products-cont.largeGallery .product-group .product > div span.details .ratings .delivery-date, .device-mobile .products-cont.largeGallery .productColumns .product > div span.details .ratings .delivery-date {
  display: block;
  z-index: 2;
  opacity: 1;
  animation: fadeIn 0.8s ease-in-out;
  width: 100%;
  height: 16px;
  margin-top: 6px;
}
.device-android .products-cont.largeGallery .product-group .product > div span.details .ratings .delivery-date > strong, .device-android .products-cont.largeGallery .productColumns .product > div span.details .ratings .delivery-date > strong, .device-ios .products-cont.largeGallery .product-group .product > div span.details .ratings .delivery-date > strong, .device-ios .products-cont.largeGallery .productColumns .product > div span.details .ratings .delivery-date > strong, .device-mobile .products-cont.largeGallery .product-group .product > div span.details .ratings .delivery-date > strong, .device-mobile .products-cont.largeGallery .productColumns .product > div span.details .ratings .delivery-date > strong {
  padding-left: 0;
}
.device-android .products-cont.largeGallery .product-group .product > div span.details .ratings .quick-replacement, .device-android .products-cont.largeGallery .productColumns .product > div span.details .ratings .quick-replacement, .device-ios .products-cont.largeGallery .product-group .product > div span.details .ratings .quick-replacement, .device-ios .products-cont.largeGallery .productColumns .product > div span.details .ratings .quick-replacement, .device-mobile .products-cont.largeGallery .product-group .product > div span.details .ratings .quick-replacement, .device-mobile .products-cont.largeGallery .productColumns .product > div span.details .ratings .quick-replacement {
  display: block;
  z-index: 2;
  opacity: 1;
  animation: fadeIn 0.8s ease-in-out;
  width: 100%;
  height: 20px;
}

/*-- Super Gallery View - end --*/
.product-group, .productsCont {
  padding: 10px 0 30px;
}
.product-group li, .productsCont li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.product-group .category-toolbar .view button, .productsCont .category-toolbar .view button {
  vertical-align: top;
}
.product-group .category-toolbar .view button.superList, .productsCont .category-toolbar .view button.superList {
  opacity: 1;
}
.product-group .category-toolbar .view:before, .productsCont .category-toolbar .view:before {
  margin-left: 229px;
  opacity: 1;
}
.product-group .product, .productsCont .product {
  position: relative;
  box-sizing: border-box;
}
.product-group .product > div, .productsCont .product > div {
  border: 1px solid #bcbec0;
  margin-top: 18px;
  background: #fff;
  border-radius: 6px;
}
.product-group .product > div > div.ratings, .productsCont .product > div > div.ratings {
  display: none;
}
.product-group .product .image, .productsCont .product .image {
  height: 200px;
  display: block;
  width: 200px;
  margin-left: 0;
  overflow: hidden;
  text-decoration: none;
}
.product-group .product .image button.quickview, .productsCont .product .image button.quickview {
  border: 1px solid #999999;
  display: block;
  position: relative;
  cursor: pointer;
  color: #999999;
  text-transform: uppercase;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.8);
  transition: ease-in-out 0.2s;
}
.product-group .product .image button.quickview:hover, .productsCont .product .image button.quickview:hover {
  border: 1px solid #666666;
  background-color: rgba(0, 0, 0, 0.95);
  color: #fff;
  box-shadow: 0px 0px 10px #999999;
}
.product-group .product button.quickview, .productsCont .product button.quickview {
  border: 1px solid #999999;
  display: block;
  position: absolute;
  cursor: pointer;
  color: #999999;
  text-transform: uppercase;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.9);
  transition: ease-in-out 0.2s;
  font-size: 10px;
  z-index: 2;
}
.product-group .product button.quickview:before, .productsCont .product button.quickview:before {
  font-size: 10px;
  content: "\e961";
  padding-right: 4px;
  display: inline-block;
}
.product-group .product button.quickview:hover, .productsCont .product button.quickview:hover {
  border: 1px solid #666666;
  background-color: rgba(0, 0, 0, 0.95);
  color: #fff;
  box-shadow: 0px 0px 10px #999999;
}
.product-group .product .details, .productsCont .product .details {
  display: block;
}
.product-group .product .tags, .productsCont .product .tags {
  display: block;
  /* .tag:last-child { padding-right: 0; } */
}
.product-group .product .tags .tag, .productsCont .product .tags .tag {
  padding: 2px 10px;
  display: inline-block;
  font-size: 11px;
}
.product-group .product .description, .productsCont .product .description {
  display: block;
  overflow: hidden;
  line-height: 1.4em;
  word-wrap: break-word;
}
.product-group .product .description a, .productsCont .product .description a {
  color: #212121;
  text-decoration: none;
  word-wrap: break-word;
}
.product-group .product .description a:hover, .productsCont .product .description a:hover {
  text-decoration: underline;
}
.product-group .product .linkNo, .productsCont .product .linkNo {
  color: #3d70b7;
}
.product-group .product .review-score, .productsCont .product .review-score {
  white-space: nowrap;
  font-size: 0;
  display: inline-block;
  vertical-align: top;
}
.product-group .product .review-score .reviewscore, .productsCont .product .review-score .reviewscore {
  margin-top: 5px;
}
.product-group .product .review-score, .productsCont .product .review-score {
  padding-top: 0;
  width: 110px;
}
.product-group .product .review-score > a > span, .productsCont .product .review-score > a > span {
  float: left;
}
.product-group .product .ratings, .productsCont .product .ratings {
  height: 44px;
  font-size: 0.95em;
  padding: 0 20px;
  vertical-align: top;
}
.product-group .product .ratings .delivery-date, .productsCont .product .ratings .delivery-date {
  display: inline-block;
}
.product-group .product .ratings .quick-replacement:after, .productsCont .product .ratings .quick-replacement:after {
  z-index: 3;
}
.product-group .product .ratings .hexusReview, .productsCont .product .ratings .hexusReview {
  display: none !important;
}
.product-group .product .compare, .productsCont .product .compare {
  display: block;
  margin-right: 0;
  text-align: right;
  background-color: none;
  transition: background-color 0.5s ease;
  border-radius: 25px;
  height: 26px;
  width: 120px;
  position: relative;
}
.product-group .product .compare > span, .productsCont .product .compare > span {
  width: 100px;
}
.product-group .product .compare > span button.btn, .productsCont .product .compare > span button.btn {
  background: none;
  color: #fff;
  font-size: 11px;
  display: inline-block;
  padding: 2px 0 0 0;
  word-spacing: 5px;
  position: absolute;
  left: 0;
  margin-right: 0;
  padding-left: 14px;
}
.product-group .product .compare > span > span, .productsCont .product .compare > span > span {
  float: none;
  display: inline-block;
  margin-right: 36px;
  text-align: left;
  text-transform: uppercase;
  color: #b1b1b1;
  vertical-align: top;
  padding: 5px 6px 0 0;
  font-size: 11px;
}
.product-group .product .compare > span .checkbox, .productsCont .product .compare > span .checkbox {
  display: block;
  position: absolute;
  border: 0;
  padding-top: 0;
  margin-top: 3px;
  right: 2px;
  top: 2px;
  margin-right: 0;
}
.product-group .product .priceAvailability, .productsCont .product .priceAvailability {
  display: block;
  padding-top: 23px;
  /*
  div[data-app="notify-when-in-stock"] { 
      button {  }
  }
  */
}
.product-group .product .priceAvailability > span:nth-child(2), .productsCont .product .priceAvailability > span:nth-child(2) {
  margin-left: 74px;
}
.product-group .product .priceAvailability .leftColumn, .productsCont .product .priceAvailability .leftColumn {
  display: block;
  height: 40px;
}
.product-group .product .priceAvailability .rightColumn, .productsCont .product .priceAvailability .rightColumn {
  display: block;
  height: 40px;
}
.product-group .product .priceAvailability .wishlistheart, .productsCont .product .priceAvailability .wishlistheart {
  display: none;
}
.product-group .product .priceAvailability .stock, .productsCont .product .priceAvailability .stock {
  font-size: 0.75em;
  text-transform: uppercase;
  margin-top: 6px;
  display: block;
  line-height: 1.6em;
  float: right;
}
.product-group .product .priceAvailability .stock.in, .productsCont .product .priceAvailability .stock.in {
  color: #3ba936;
}
.product-group .product .priceAvailability .stock.out, .productsCont .product .priceAvailability .stock.out {
  color: #5b5b5b;
}
.product-group .product .priceAvailability .deliveryTag, .productsCont .product .priceAvailability .deliveryTag {
  display: block;
  font-size: 0.75em;
  color: #8f8f8f;
  line-height: 1.2em;
  text-transform: uppercase;
  padding-top: 2px;
}
.product-group .product .priceAvailability .deliveryTag span, .productsCont .product .priceAvailability .deliveryTag span {
  color: #3d70b7;
}
.product-group .product .priceAvailability .wasPrice, .productsCont .product .priceAvailability .wasPrice {
  display: block;
  position: absolute;
  font-size: 1.1em;
  color: #9e9e9e;
  text-decoration: line-through;
  margin-top: -18px;
}
.product-group .product .priceAvailability .wasPrice > span, .productsCont .product .priceAvailability .wasPrice > span {
  font-size: 0.8em;
  padding-left: 4px;
  text-decoration: none !important;
}
.product-group .product .priceAvailability .savingTag, .productsCont .product .priceAvailability .savingTag {
  background: #fcd205;
  display: inline-block;
  position: absolute;
  margin-top: -18px;
  padding: 0 6px;
  line-height: 18px;
  font-size: 11px;
}
.product-group .product .priceAvailability .retailPrice, .productsCont .product .priceAvailability .retailPrice {
  display: block;
  position: absolute;
  font-size: 1.1em;
  color: #9e9e9e;
  padding-left: 9px;
  padding-bottom: 4px;
  margin-top: -23px;
}
.product-group .product .priceAvailability .retailPrice > span, .productsCont .product .priceAvailability .retailPrice > span {
  font-size: 0.8em;
  padding-left: 4px;
  text-decoration: none !important;
}
.product-group .product .priceAvailability .price, .productsCont .product .priceAvailability .price {
  color: #000;
  font-size: 2.3em;
  padding-top: 0px;
  letter-spacing: -1px;
}
.product-group .product .priceAvailability .price.call, .productsCont .product .priceAvailability .price.call {
  font-size: 1.6em;
  line-height: 1.3em;
  text-transform: uppercase;
}
.product-group .product .priceAvailability .price span.exVat, .productsCont .product .priceAvailability .price span.exVat {
  font-size: 0.4em;
  padding-left: 4px;
}
.product-group .product .priceAvailability .buyButton, .productsCont .product .priceAvailability .buyButton {
  position: relative;
  z-index: 2;
}
.product-group .product .priceAvailability .buyButton > span a.btn, .productsCont .product .priceAvailability .buyButton > span a.btn {
  border-radius: 22px;
}
.product-group .product .btn.icon.wishlist, .productsCont .product .btn.icon.wishlist {
  border: 0;
  background: none;
  cursor: pointer;
}
.product-group .product .btn.icon.wishlist:before, .productsCont .product .btn.icon.wishlist:before {
  display: block;
  height: 34px;
  width: 34px;
  color: #979797;
  transition: ease-in-out 0.2s;
}
.product-group .product .btn.icon.wishlist:after, .productsCont .product .btn.icon.wishlist:after {
  display: block;
  height: 34px;
  width: 34px;
  transition: ease-in-out 0.2s;
}
.product-group .product .btn.icon.wishlist:hover:before, .productsCont .product .btn.icon.wishlist:hover:before {
  color: #3d70b7;
  opacity: 0;
}
.product-group .product .btn.icon.wishlist:hover:after, .productsCont .product .btn.icon.wishlist:hover:after {
  color: #3d70b7;
  opacity: 1;
}
.product-group .product .wishlistheart, .productsCont .product .wishlistheart {
  z-index: 2;
  position: absolute;
  margin-left: 14px;
}
.product-group .product .wishlistheart .btn.wishList.added:before, .productsCont .product .wishlistheart .btn.wishList.added:before {
  content: "\e973";
}
.product-group .product .wishlistheart .btn.wishList, .productsCont .product .wishlistheart .btn.wishList {
  border: 0;
  background: none;
  cursor: pointer;
  font-size: 1.3em;
  line-height: 2.3em;
  padding: 0;
}
.product-group .product .wishlistheart .btn.wishList:before, .productsCont .product .wishlistheart .btn.wishList:before {
  display: block;
  height: 34px;
  width: 34px;
  color: #979797;
  transition: ease-in-out 0.2s;
  content: "\e972";
  position: absolute;
}
.product-group .product .wishlistheart .btn.wishList:after, .productsCont .product .wishlistheart .btn.wishList:after {
  display: block;
  height: 34px;
  width: 34px;
  transition: ease-in-out 0.2s;
  font-style: normal;
  content: "\e973";
  position: relative;
  opacity: 0;
}
.product-group .product .wishlistheart .btn.wishList.selected:before, .product-group .product .wishlistheart .btn.wishList:hover:before, .productsCont .product .wishlistheart .btn.wishList.selected:before, .productsCont .product .wishlistheart .btn.wishList:hover:before {
  color: #3d70b7;
  opacity: 0;
}
.product-group .product .wishlistheart .btn.wishList.selected:after, .product-group .product .wishlistheart .btn.wishList:hover:after, .productsCont .product .wishlistheart .btn.wishList.selected:after, .productsCont .product .wishlistheart .btn.wishList:hover:after {
  color: #3d70b7;
  opacity: 1;
}
.product-group .product.compare > div, .productsCont .product.compare > div {
  border: 1px solid #002c6d;
  background-color: #e1eff6;
  background-blend-mode: multiply;
}
.product-group .product.compare .image img, .product-group .product.compare .manufacturerLogo img, .productsCont .product.compare .image img, .productsCont .product.compare .manufacturerLogo img {
  mix-blend-mode: multiply;
}
.product-group .product.compare div.ratings, .productsCont .product.compare div.ratings {
  background: none;
}
.product-group .product.compare .compare, .productsCont .product.compare .compare {
  background-color: #002c6d;
}
.product-group .product.compare .compare > span > span, .productsCont .product.compare .compare > span > span {
  display: none;
}
.product-group .product.compare .compare > span > span.checkbox, .productsCont .product.compare .compare > span > span.checkbox {
  display: inline-block;
}
.product-group .product.featured .featuredIcon, .productsCont .product.featured .featuredIcon {
  display: block;
  background: #3d70b7;
  color: #fff;
  font-style: normal;
  font-size: 10px;
}
.product-group .product.featured .featuredIcon:before, .productsCont .product.featured .featuredIcon:before {
  content: "Featured product";
  text-transform: uppercase;
  padding-top: 2px;
  display: block;
  letter-spacing: 1px;
  text-align: center;
  text-wrap: nowrap;
}

.category-page > div[data-app=recently-viewed-products] {
  display: block !important;
}

/* key frame animations - start */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* key frame animations - end */
@media screen and (max-width: 2200px) {
  body.product-filter-hidden .products-cont.old-largeGallery .product > div {
    height: 366px;
  }
  body.product-filter-hidden .products-cont.old-largeGallery .product .priceAvailability .priceWishlistBuy {
    display: block;
  }
  body.product-filter-hidden .products-cont.old-largeGallery .product .priceAvailability .priceWishlistBuy .leftColumn {
    display: block;
    width: inherit;
  }
  body.product-filter-hidden .products-cont.old-largeGallery .product .priceAvailability .priceWishlistBuy .rightColumn {
    display: block;
    width: inherit;
  }
}
@media screen and (max-width: 2100px) {
  body.product-filter-visible .products-cont.superList .product-group .product > div {
    height: 190px;
  }
  body.product-filter-visible .products-cont.superList .product-group .product .description {
    font-size: 18px;
  }
  body .products-cont.list .product-group .product .details .description {
    font-size: 16px;
  }
}
@media screen and (max-width: 1900px) {
  body.product-filter-hidden .products-cont.old-largeGallery .product > div {
    height: 386px;
  }
  body.product-filter-hidden .products-cont.old-largeGallery .product span.details {
    height: 160px;
  }
  body.product-filter-visible div.products-cont.largeGallery .product-group .product {
    width: 33.3%;
  }
}
@media screen and (max-width: 1820px) {
  body.product-filter-visible .products-cont.gallery .product-group .product > div {
    height: 496px;
  }
  body.product-filter-hidden div.products-cont.largeGallery .product-group .product {
    width: 25%;
  }
}
@media screen and (max-width: 1800px) {
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product > div {
    height: 374px;
  }
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy {
    display: block;
  }
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy > div {
    display: block;
    width: inherit;
  }
}
@media screen and (max-width: 1620px) {
  body.product-filter-visible .products-cont.superList .product-group .product > div {
    height: 214px;
  }
  body.product-filter-visible .products-cont.superList .product-group .product .description {
    font-size: 18px;
  }
}
@media screen and (max-width: 1600px) {
  body.product-filter-visible {
    /*
    .products-cont.list .product-group .product {
        > div { height:140px; }
        .priceAvailability { height: 96px; }
    }
    */
  }
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product > div {
    height: 374px;
  }
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product > div span.details {
    height: 190px;
  }
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product .priceAvailability {
    margin-left: 0;
  }
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy {
    display: table;
  }
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy > div {
    display: table-cell;
  }
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .leftColumn {
    width: 40%;
  }
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn {
    width: 60%;
  }
  body.product-filter-visible .products-cont.gallery .product-group .product > div {
    height: 500px;
  }
}
@media screen and (max-width: 1560px) {
  body.product-filter-visible {
    /*
    .products-cont.list .product-group .product {
        > div { height:160px; }
        .priceAvailability { height: 116px; }
    }
    */
  }
}
@media screen and (max-width: 1460px) {
  .products-cont.superList .product-group .product .details {
    height: inherit;
    margin-right: 260px;
  }
  .products-cont.superList .product-group .product .ratings {
    margin-bottom: 12px;
    padding: 0 20px 0 20px;
  }
  .products-cont.superList .product-group .product .priceAvailability {
    width: 240px;
    margin-top: -202px;
  }
  .products-cont.superList .product-group .product span.compare {
    margin-top: 8px;
  }
  body.product-filter-visible .productColumns.related {
    height: 260px;
  }
  body.product-filter-visible .productColumns.related .product > div {
    height: auto;
  }
  body.product-filter-visible .productColumns.related .product > div > a {
    float: none;
    text-align: center;
  }
  body.product-filter-visible .productColumns.related .product > div .image {
    width: inherit;
  }
  body.product-filter-visible .productColumns.related .product > div .image img {
    height: 100px;
    width: 100px;
  }
  body.product-filter-visible .productColumns.related .product > div span.details {
    padding: 0 16px;
  }
  body.product-filter-visible .productColumns.related .product > div span.details .manufacturerLogo {
    padding-top: 0;
  }
  body.product-filter-visible .productColumns.related .product > div span.details .description {
    padding-right: 0;
  }
  body.product-filter-visible .productColumns.related .product > div .priceAvailability {
    padding: 0 16px;
  }
  body.product-filter-visible .relatedProducts > button {
    margin-top: 100px;
  }
  body.product-filter-visible .relatedProducts span.title {
    top: 116px;
  }
  body.product-filter-visible .products-cont.list .product-group .product .priceAvailability {
    min-width: 260px;
  }
  body.product-filter-visible .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy {
    display: block;
    width: auto;
  }
  body.product-filter-visible .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .leftColumn {
    display: block;
    width: 100%;
    padding-bottom: 4px;
  }
  body.product-filter-visible .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn {
    display: block;
    width: 100%;
  }
  body.product-filter-visible div.products-cont.largeGallery .product-group .product {
    width: 50%;
  }
  body.product-filter-hidden .products-cont.superList .product-group .product > div {
    height: 194px;
  }
  body.product-filter-hidden div.products-cont.largeGallery .product-group .product {
    width: 33%;
  }
}
@media screen and (max-width: 1380px) {
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product > div {
    height: 394px;
  }
}
@media screen and (max-width: 1360px) {
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product > div {
    height: 414px;
  }
}
@media screen and (max-width: 1330px) {
  body.product-filter-visible .products-cont {
    /*
    &.list .product-group .product {
        > div { height:180px; }
        .description { height:63px; overflow: hidden; }
        .priceAvailability { height: 136px; }
    }
    */
  }
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product > div {
    height: 454px;
  }
  body.product-filter-visible .products-cont.superList .product-group .product > div {
    height: 264px;
  }
}
@media screen and (max-width: 1300px) {
  .master-cat-header > div .header {
    width: 100%;
    display: block;
  }
  .master-cat-header > div .header p {
    padding-right: 0;
  }
  .master-cat-header > div .buyingGuide {
    display: block;
    width: 100%;
    border-left: none;
    border-top: solid 1px #ccc;
    padding: 10px 0;
  }
  .master-cat-header > div .buyingGuide .buyingGuidePrefix {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    font-size: 1em;
    padding-right: 10px;
    margin-top: 10px;
  }
  .master-cat-header > div .buyingGuide a.link {
    width: auto;
    margin-top: 0;
    font-size: 0.9em;
    vertical-align: middle;
    margin-top: 10px;
  }
  .products-cont.old-largeGallery .product-group .product .image > div img {
    height: 160px;
    width: 160px;
  }
  .products-cont.old-largeGallery .product-group .product span.details {
    margin-left: 170px;
  }
  .products-cont.old-largeGallery .product-group .product .priceAvailability {
    margin-left: 0;
  }
  body .category-toolbar span.sort {
    width: 190px;
  }
  body .category-toolbar span.sort:before {
    content: "Sort";
    padding: 10px 16px 10px 20px;
  }
  body .category-toolbar span.sort > select {
    width: 100px;
    padding: 10px 10px 10px 12px;
  }
  body.product-filter-visible .products-cont.list .product-group .product {
    /*
    .ratings { background: none; border-top:1px solid colours.$standard-border; border-radius: 0; text-indent: 0; display:block;
        .delivery-date { margin-right: 18px; }
        .quick-replacement { padding-left:0; }
    }
    */
  }
  body.product-filter-visible .products-cont.list .product-group .product .priceAvailability {
    min-width: 202px;
  }
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product > div {
    height: 380px;
  }
}
@media screen and (max-width: 1250px) {
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product > div {
    height: 414px;
  }
}
@media screen and (max-width: 1220px) {
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product > div {
    height: 434px;
  }
}
@media screen and (max-width: 1210px) {
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product > div {
    height: 454px;
  }
}
@media screen and (max-width: 1200px) {
  body .products-cont.old-largeGallery .product-group .product > div {
    height: 440px;
  }
  body .products-cont.old-largeGallery .product-group .product > div div.ratings {
    display: none;
  }
  body .products-cont.old-largeGallery .product-group .product > div .compare {
    z-index: 2;
  }
  body .products-cont.old-largeGallery .product-group .product .wishlistheart {
    top: 10px;
    margin-left: 0px;
  }
  body .products-cont.old-largeGallery .product-group .product .image {
    float: none;
    text-align: center;
    height: 160px;
    position: inherit;
  }
  body .products-cont.old-largeGallery .product-group .product .image > div {
    margin-top: 10px;
  }
  body .products-cont.old-largeGallery .product-group .product span.details {
    margin-left: 0;
    margin-top: 0;
    height: auto;
    padding-top: 0;
  }
  body .products-cont.old-largeGallery .product-group .product span.details .manufacturerLogo {
    text-align: center;
  }
  body .products-cont.old-largeGallery .product-group .product span.details .manufacturerLogo > img {
    height: 12px;
    width: 54px;
    margin-top: 6px;
  }
  body .products-cont.old-largeGallery .product-group .product span.details .description {
    height: 58px;
  }
  body .products-cont.old-largeGallery .product-group .product .priceAvailability {
    margin-top: 20px;
  }
  body .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy {
    display: block;
  }
  body .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .leftColumn {
    text-align: center;
    width: inherit;
    height: 50px;
    display: block;
  }
  body .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn {
    display: block;
    width: inherit;
  }
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product > div {
    height: 390px;
  }
  body.product-filter-visible .products-cont.old-largeGallery .product-group .product > div span.details {
    height: 110px;
  }
  body .products-cont.superList .product-group .product .image {
    height: 170px;
    width: 170px;
  }
  body .products-cont.superList .product-group .product .image > div {
    height: 160px;
    width: 160px;
  }
  body .products-cont.superList .product-group .product .details {
    margin-left: 196px;
  }
  body .products-cont.superList .product-group .product .details .description {
    font-size: 14px;
  }
  body .products-cont.superList .product-group .product .priceAvailability .wasPrice {
    margin-top: -10px;
  }
  body .products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy .rightColumn {
    padding-right: 30px;
  }
  body .products-cont.list .product-group .product .priceAvailability {
    margin-top: 8px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .leftColumn {
    height: inherit;
  }
  body .products-cont .product-group .product .priceAvailability .priceWishlistBuy .leftColumn > span.price.call {
    font-size: 1.4em;
  }
  body.product-filter-visible div.products-cont.largeGallery .product-group .product {
    width: 33%;
  }
  body.product-filter-visible div.products-cont.largeGallery .product-group .product > div {
    margin: 18px 10px 0 16px;
  }
  body.product-filter-hidden div.products-cont.largeGallery .product-group .product > div {
    margin: 18px 10px 0 16px;
  }
}
@media screen and (min-width: 1200px) {
  #productFilter .header {
    display: none;
  }
}
@media screen and (max-width: 1060px) {
  body .products-cont.list .product-group .product .compare {
    margin-top: 2px;
  }
  body .products-cont.list .product-group .product .priceAvailability {
    min-width: 280px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy {
    display: block;
    width: 260px;
    padding-top: 0;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .leftColumn {
    text-align: center;
    width: inherit;
    height: 64px;
    display: block;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .leftColumn .price {
    font-size: 2.3em;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn {
    display: block;
    width: inherit;
  }
  body.product-filter-hidden div.products-cont.largeGallery .product-group .product {
    width: 50%;
  }
}
@media screen and (max-width: 1000px) {
  .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy {
    display: block;
  }
  .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .leftColumn {
    display: block;
    width: 100%;
    text-align: center;
  }
  .products-cont.old-largeGallery .product-group .product .priceAvailability .priceWishlistBuy .rightColumn {
    display: block;
    width: 100%;
  }
  .products-cont.old-largeGallery .product-group .product.featured .featuredIcon {
    height: 20px;
    width: 100%;
    top: 3px;
    z-index: 1;
    border-radius: 0;
    background: none;
    text-align: center;
    font-size: 9px;
  }
  .products-cont.old-largeGallery .product-group .product.featured .featuredIcon:before {
    transform: rotate(0deg);
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    background: #3d70b7;
    color: #fff;
    height: 16px;
    width: 160px;
    margin: 0 auto;
    text-indent: 0;
    padding-top: 0;
  }
  div.relatedProducts > div {
    margin: 0 36px;
  }
  div.relatedProducts .productColumns.related {
    height: 290px;
  }
  div.relatedProducts .productColumns.related .product > div {
    margin-top: 10px;
    height: 240px;
  }
  div.relatedProducts .productColumns.related .product > div > a {
    float: none;
  }
  div.relatedProducts .productColumns.related .product > div .image {
    width: auto;
  }
  div.relatedProducts .productColumns.related .product > div span.details .manufacturerLogo {
    text-align: center;
  }
  div.relatedProducts .productColumns.related .product > div span.details .manufacturerLogo > img {
    height: 12px;
    width: 54px;
    margin-top: 6px;
  }
  div.relatedProducts .productColumns.related .product > div span.details .description {
    height: 86px;
    padding: 0 16px;
    font-size: 12px;
  }
  div.relatedProducts .productColumns.related .product > div .priceWishlistBuy {
    padding-top: 6px;
  }
  div.relatedProducts .productColumns.related .product > div .priceWishlistBuy .leftColumn {
    text-align: center;
  }
}
@media screen and (max-width: 920px) {
  .products-cont.superList .product-group .product > div {
    height: auto;
  }
  .products-cont.superList .product-group .product .details {
    margin-right: 0;
    height: auto;
    padding-right: 20px;
  }
  .products-cont.superList .product-group .product .priceAvailability {
    float: none;
    height: 90px;
    width: 520px;
    margin-top: 10px;
    padding-top: 0;
    border-left: 0;
    position: relative;
  }
  .products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy {
    display: table;
    vertical-align: top;
    width: 100%;
    padding-top: 0;
    margin: 0;
  }
  .products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy > div {
    display: table-cell;
    margin: 0;
    padding: 0;
    vertical-align: top;
  }
  .products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy .leftColumn {
    vertical-align: middle;
    width: 204px;
  }
  .products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy .leftColumn .price, .products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy .leftColumn .deliveryTag {
    padding-left: 16px;
  }
  .products-cont.superList .product-group .product .priceAvailability .priceWishlistBuy .price {
    padding-top: 20px;
  }
  .products-cont.superList .product-group .product .priceAvailability .wasPrice {
    margin-top: 0;
    padding-bottom: 8px;
  }
  body .products-cont.list .product-group .product .ratings {
    text-indent: 0;
  }
  body .products-cont.list .product-group .product .ratings .delivery-date {
    font-size: 10px;
    margin-right: 0;
    padding-left: 12px !important;
  }
  body .products-cont.list .product-group .product .ratings .quick-replacement {
    font-size: 10px;
  }
  .category-page .categories .categoryTitle > h2 {
    line-height: 1.1em;
  }
  body.product-filter-hidden .products-cont.superList .product-group .product > div {
    height: auto;
  }
  body.product-filter-visible div.products-cont.largeGallery .product-group .product {
    width: 50%;
  }
}
@media screen and (max-width: 830px) {
  div.category-toolbar span.sort {
    width: 110px;
    margin-left: 0;
  }
  div.category-toolbar span.sort:before {
    display: none;
  }
  div.category-toolbar .view {
    width: 160px;
    padding-left: 4px;
  }
  div.category-toolbar .view span.title {
    display: none;
  }
  div.category-toolbar .view button.old-largeGallery {
    margin-left: 9px;
  }
  div.category-toolbar span.view > button.gallery {
    display: none;
  }
  div.category-toolbar div[data-component=product-filter-toggle] {
    width: 88px;
  }
  div.category-toolbar div[data-component=product-filter-toggle] button.filter-toggle {
    text-transform: capitalize;
    font-family: "Poppins-Regular", sans-serif;
    overflow: hidden;
    vertical-align: top;
    padding-top: 0;
    width: 120px;
    display: flex;
    line-height: 52px;
  }
  div.category-toolbar div[data-component=product-filter-toggle] button.filter-toggle:after {
    padding-right: 6px;
    padding-left: 8px;
    margin-left: 0;
    border-left: 0;
    margin-top: 0px;
    order: 2;
    background: #fff;
  }
  div.category-toolbar div[data-component=product-filter-toggle] button.filter-toggle:before {
    margin-left: -36px;
    margin-right: 0;
    order: 1;
    background: #fff;
    width: 140px;
  }
  /*
  .products-cont {
      &.superList .category-toolbar .view:before { margin-left: 108px;  }
      &.list .category-toolbar .view:before {  margin-left: 55px; }
      &.gallery .category-toolbar .view:before { display:none;}
      &.old-largeGallery .category-toolbar .view:before { margin-left: 4px; }
  }
  */
  .products-cont.superList .category-toolbar .view:before {
    margin-left: 108px;
  }
  .products-cont.list .category-toolbar .view:before {
    margin-left: 56px;
  }
  .products-cont.gallery .category-toolbar .view:before {
    display: none;
  }
  .products-cont.largeGallery .category-toolbar .view:before {
    margin-left: 4px;
  }
  .category-page .categories > div {
    padding: 0 12px;
  }
  .category-page .categories .categoryTitle, .category-page .categories .category-toolbar {
    margin-left: 8px;
    margin-right: 8px;
  }
  .master-cat-header > div {
    padding-left: 20px;
    padding-right: 20px;
  }
  .category .products-cont .product-group .product.featured .featuredIcon {
    left: 0;
    border-radius: 0;
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
    z-index: 1;
  }
  div.categoryPage .masterCategory {
    margin: 0;
  }
  body .products-cont.old-largeGallery .category-toolbar {
    margin-left: 4px;
    margin-right: 4px;
  }
  div.products-cont.largeGallery .product-group .product.featured .featuredIcon {
    top: 64px;
  }
  div.products-cont.largeGallery .product-group .product > div {
    margin-left: 0;
  }
}
@media screen and (max-width: 800px) {
  body .products-cont .product button.quickview {
    display: none;
  }
  body .products-cont.list .product-group .product .image {
    height: 100px;
    width: 100px;
    min-width: 120px;
  }
  body .products-cont.list .product-group .product .image > div {
    height: 90px;
    width: 90px;
  }
  body .products-cont.list .product-group .product .details .description {
    font-size: 1.1em;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy {
    width: 180px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .leftColumn {
    text-align: left;
    height: 70px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .leftColumn .price {
    font-size: 2em;
    padding-top: 22px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton {
    height: 34px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span {
    height: 34px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span a.btn {
    height: 34px;
    line-height: 2.6em;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.added {
    line-height: 2.6em;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.added > i {
    margin: 2px 0 0 0;
  }
}
@media screen and (max-width: 780px) {
  .category-page .categories {
    padding: 30px 0;
  }
}
@media screen and (max-width: 740px) {
  body .products-cont.list .product-group .product .tags {
    font-size: 10px;
    padding: 0;
  }
  body .products-cont.list .product-group .product .details {
    padding-bottom: 12px;
  }
  body .products-cont.list .product-group .product .details .description {
    font-size: 1em;
  }
  body .products-cont.list .product-group .product .details .description .ratings .delivery-date {
    font-size: 10px;
  }
  body .products-cont.list .product-group .product .details .description .ratings .quick-replacement {
    font-size: 10px;
  }
  body .products-cont.list .product-group .product .details .review-score {
    margin-top: -7px;
  }
  body .products-cont.list .product-group .product .linkNo {
    font-size: 1em;
    padding-top: 6px;
  }
  body .products-cont.list .product-group .product .priceAvailability {
    min-width: 160px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy {
    margin-left: 16px;
    width: 136px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .leftColumn .price {
    font-size: 1.8em;
    padding-bottom: 3px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton {
    height: 28px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span {
    height: 28px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span a.btn {
    height: 28px;
    line-height: 2.7em;
    font-size: 10px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.added {
    line-height: 1em;
    font-size: 0.85em;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.added > i {
    margin: 0;
    height: 18px;
  }
  body .products-cont.list .product-group .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.btnctrl span.controls {
    padding-top: 2px;
  }
  body .products-cont.list .product-group .product .priceAvailability .wasPrice {
    font-size: 10px;
  }
  body .products-cont.list .product-group .product .priceAvailability .deliveryTag {
    font-size: 9px;
    line-height: 1.1em;
    padding-top: 2px;
    padding-bottom: 3px;
  }
}
@media screen and (max-width: 720px) {
  /*
  body .products-cont {
      &.list .product-group .product {
          > div { height: 166px; }
      }
  }
  */
}
@media screen and (max-width: 680px) {
  div.relatedProducts > div {
    margin: 40px 0 0;
  }
  div.relatedProducts span.title {
    left: calc(50vw - 68px);
    top: -18px;
    transform: rotate(0);
    border-radius: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  div.relatedProducts > button {
    height: 30px;
    margin-top: 12px;
  }
  div.relatedProducts > button.LIB-arrow-prev-sm {
    margin-left: 40%;
  }
  div.relatedProducts > button.LIB-arrow-next-sm {
    margin-right: 40%;
  }
  div.relatedProducts .productColumns.related {
    width: calc(100% + 1px);
  }
  div.relatedProducts .productColumns.related .product > div .image {
    margin: 0 16px;
  }
  div.relatedProducts .productColumns.related .product > div > a img {
    width: 100px;
    height: auto;
  }
  div.relatedProducts .productColumns.related .product:first-child > div {
    border-left: 0;
  }
  body .products-cont.superList .product-group .product > div .compare {
    float: none;
    position: absolute;
    right: 0;
    margin-top: 6px;
  }
  body .products-cont.superList .product-group .product > div .details {
    padding-top: 20px;
    min-height: 124px;
  }
  body .products-cont.superList .product-group .product > div .priceAvailability {
    width: auto;
  }
  body.product-filter-hidden div.products-cont.largeGallery .product-group .product {
    width: 100%;
  }
  body.product-filter-hidden div.products-cont.largeGallery .product-group li.product > div {
    margin-right: 0;
  }
}
@media screen and (max-width: 600px) {
  body.product-filter-visible .products-cont.list .product-group .product .priceAvailability {
    min-width: 160px;
  }
  body .products-cont.list .product-group .product > div .details .review-score {
    margin-top: -7px;
    width: 90px;
    margin-left: -10px;
  }
  body .products-cont.list .product-group .product > div .details .ratings {
    height: inherit;
  }
}
@media screen and (max-width: 560px) {
  body .products-cont .product-group .product > div .compare {
    height: 22px;
    margin-right: 6px;
    width: 114px;
  }
  body .products-cont .product-group .product > div .compare > span .checkbox {
    padding-top: 1px;
    margin-top: 0;
  }
  body .products-cont .product-group .product > div .compare > span > span {
    font-size: 10px;
    padding-top: 4px;
  }
  body .products-cont .product-group .product > div .compare > span button.btn {
    font-size: 10px;
  }
  body div.products-cont.old-largeGallery {
    padding-left: 4px;
    padding-right: 4px;
  }
  body div.products-cont.old-largeGallery .product-group .product > div {
    margin: 10px 6px 10px 6px;
  }
  body div.products-cont.old-largeGallery .product-group .product .image {
    width: 170px;
  }
  body div.products-cont.old-largeGallery .product-group .product .image > div {
    width: 160px;
  }
  body div.products-cont.old-largeGallery .product-group .product.featured .featuredIcon {
    top: -5px;
  }
  body .products-cont.old-largeGallery .product-group .product > div {
    height: 460px;
  }
  body .products-cont.list .product-group .product > div .wishlistheart .wishList {
    font-size: 14px;
  }
  body .products-cont.list .product-group .product > div .compare {
    height: 22px;
    margin-right: 6px;
    width: 114px;
  }
  body .products-cont.list .product-group .product > div .compare > span .checkbox {
    padding-top: 1px;
    margin-top: 0;
  }
  body .products-cont.list .product-group .product > div .compare > span > span {
    font-size: 10px;
    padding-top: 4px;
  }
  body .products-cont.list .product-group .product > div .compare > span button.btn {
    font-size: 10px;
  }
  body .products-cont.list .product-group .product > div .image {
    height: 90px;
    width: 70px;
    vertical-align: top;
    min-width: 82px;
  }
  body .products-cont.list .product-group .product > div .image > div {
    height: 70px;
    width: 70px;
    margin-left: 8px;
    margin-top: 20px;
  }
  body .products-cont.list .product-group .product > div .details {
    margin-left: 0;
    margin-right: 0;
    padding-top: 12px;
  }
  body .products-cont.list .product-group .product > div .details .tags .tag {
    line-height: 1em;
  }
  body .products-cont.list .product-group .product > div .details .description {
    font-size: 12px;
    line-height: 1.3em;
    word-wrap: break-word;
  }
  body .products-cont.list .product-group .product > div .details .linkNo {
    padding-right: 0;
  }
  body .products-cont.list .product-group .product > div .details .review-score {
    margin-top: -3px;
    margin-left: -6px;
    transform: scale(0.65);
  }
  body .products-cont.list .product-group .product > div .linkNo {
    font-size: 11px;
    padding-top: 4px;
  }
  body .products-cont.list .product-group .product > div .priceAvailability {
    min-width: 146px;
    vertical-align: top;
    /*
    .priceWishlistBuy { margin-left: 16px; width:136px;
        .leftColumn .price { font-size:1.8em; padding-bottom: 3px; }
        .rightColumn { 
            .buyButton { height: 28px; 
                > span { height: 28px; 
                    a.btn {  height: 28px; line-height: 2.7em; font-size: 10px; }
                    &.added > i { margin: 0; }
                    &.btnctrl { 
                        span.controls { padding-top: 2px; }
                    }
                }
            }
        }
    }
    .wasPrice { font-size:10px; }
    .deliveryTag { font-size:9px; line-height: 1.1em; padding-top:2px; padding-bottom:3px; }
    */
  }
  body .products-cont.list .product-group .product > div .ratings {
    display: none;
  }
  body .products-cont.list .product-group .product.featured .featuredIcon {
    top: 36px;
    z-index: 1;
    text-align: center;
    font-size: 8px;
    height: 66px;
    width: 12px;
  }
  body .products-cont.list .product-group .product.featured .featuredIcon:before {
    text-indent: 6px;
    padding-top: 3px;
  }
  body .products-cont.superList .product-group .product > div {
    height: inherit;
  }
  body .products-cont.superList .product-group .product > div .compare > span .checkbox {
    margin-top: 1px;
  }
  body .products-cont.superList .product-group .product > div .image {
    height: 150px;
    width: 150px;
  }
  body .products-cont.superList .product-group .product > div .image > div {
    height: 140px;
    width: 140px;
    margin-left: 10px;
    margin-top: 8px;
  }
  body .products-cont.superList .product-group .product > div .wishlistheart {
    margin-left: 6px;
  }
  body .products-cont.superList .product-group .product > div .details {
    margin-left: 168px;
    padding-top: 16px;
  }
  body .products-cont.superList .product-group .product > div .details .tags {
    font-size: 11px;
  }
  body .products-cont.superList .product-group .product > div .details .description {
    font-size: 13px;
  }
  body .products-cont.superList .product-group .product.featured .featuredIcon {
    top: 56px;
    z-index: 1;
    text-align: center;
    font-size: 9px;
    height: 136px;
    width: 15px;
  }
  body .products-cont.superList .product-group .product.featured .featuredIcon:before {
    text-indent: 12px;
    padding-top: 3px;
  }
  body.product-filter-visible div.products-cont.largeGallery .product-group .product {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  body.product-filter-visible .products-cont.list .product-group .product .priceAvailability {
    min-width: 130px;
  }
  .master-cat-header > div .header h1 {
    font-size: 1.6em;
    line-height: 25px;
  }
  .master-cat-header > div .header .link {
    padding: 12px 0 0 0;
  }
  .master-cat-header > div .buyingGuide {
    display: block;
    width: 100%;
    padding: 10px 0 0 0;
  }
  .master-cat-header > div .buyingGuide .buyingGuidePrefix {
    display: block;
    width: 100%;
    text-align: left;
    padding: 0;
  }
  .master-cat-header > div .buyingGuide a.link {
    display: block;
    margin: 10px auto;
  }
  .category .relatedProducts {
    display: none;
  }
  .products-cont.largeGallery .product-group .product span.details {
    height: 120px;
  }
}
@media screen and (max-width: 460px) {
  body .products-cont.old-largeGallery .product-group .product > div, body .products-cont.gallery .product-group .product > div {
    padding: 0 14px;
  }
  body .products-cont.old-largeGallery .product-group .product > div .image, body .products-cont.gallery .product-group .product > div .image {
    height: 150px;
    width: 150px;
    margin-top: 6px;
  }
  body .products-cont.old-largeGallery .product-group .product > div .image > div, body .products-cont.gallery .product-group .product > div .image > div {
    height: 140px;
    width: 140px;
  }
  body .products-cont.old-largeGallery .product-group .product > div .image > div img, body .products-cont.gallery .product-group .product > div .image > div img {
    height: 140px;
    width: 140px;
  }
  body .products-cont.old-largeGallery .product-group .product > div .details .review-score, body .products-cont.gallery .product-group .product > div .details .review-score {
    padding-top: 0;
    width: 82px;
  }
  body .products-cont.old-largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span a.btn, body .products-cont.gallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span a.btn {
    font-size: 13px;
  }
  body .products-cont.old-largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.btnctrl > span a.btn, body .products-cont.gallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.btnctrl > span a.btn {
    width: 60px;
    line-height: 14px;
    height: auto;
    padding-top: 6px;
  }
  body .products-cont.old-largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.added, body .products-cont.gallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.added {
    color: #009444;
    text-indent: 6px;
  }
  body .products-cont.old-largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.added > i, body .products-cont.gallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span.added > i {
    height: 19px;
    margin: 4px 0 0 -6px;
  }
  body .products-cont.old-largeGallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span > span.controls, body .products-cont.gallery .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span > span.controls {
    padding-left: 0;
  }
  body .products-cont.old-largeGallery .product-group .product > div .compare, body .products-cont.gallery .product-group .product > div .compare {
    margin-top: 6px;
    right: 0;
  }
  body .products-cont.old-largeGallery .product-group .product > div .wishlistheart, body .products-cont.gallery .product-group .product > div .wishlistheart {
    top: 0;
    margin-left: -6px;
  }
}
@media screen and (max-width: 440px) {
  div.category-toolbar div[data-component=product-filter-toggle] {
    width: 56px;
  }
  div.category-toolbar div[data-component=product-filter-toggle] button.filter-toggle {
    width: 80px;
    color: #fff;
  }
  div.category-toolbar div[data-component=product-filter-toggle] button.filter-toggle:after {
    display: none;
  }
  div.category-toolbar div[data-component=product-filter-toggle] button.filter-toggle:before {
    color: #000;
    margin-left: -33px;
  }
  .category-page .categories > div {
    padding: 0 8px;
  }
  div.relatedProducts > button > i {
    height: 15px;
    width: 15px;
  }
  div.relatedProducts .productColumns.related .product > div > a img {
    width: 80px;
  }
  div.relatedProducts .productColumns.related .product > div .wishListColumn {
    top: 4px;
  }
  div.relatedProducts .productColumns.related .product > div .wishListColumn .wishList {
    font-size: 14px;
  }
  div.relatedProducts .productColumns.related .product > div .manufacturerLogo {
    padding-top: 4px;
  }
  div.relatedProducts .productColumns.related .product > div span.details {
    padding-bottom: 6px;
  }
  body .products-cont.superList .product-group .product > div .image {
    position: inherit;
    margin: 0 auto;
    height: 220px;
    width: 220px;
  }
  body .products-cont.superList .product-group .product > div .image > div {
    height: 220px;
    width: 220px;
  }
  body .products-cont.superList .product-group .product > div .wishlistheart {
    top: 0;
  }
  body .products-cont.superList .product-group .product > div .details {
    margin-left: 0;
    padding: 0 22px;
  }
}
@media screen and (max-width: 410px) {
  body .products-cont.superList .product-group .product > div .priceAvailability {
    height: 134px;
  }
  body .products-cont.superList .product-group .product > div .priceAvailability .priceWishlistBuy {
    display: block;
    padding-top: 8px;
  }
  body .products-cont.superList .product-group .product > div .priceAvailability .priceWishlistBuy .leftColumn {
    display: block;
    width: 100%;
    text-align: center;
  }
  body .products-cont.superList .product-group .product > div .priceAvailability .priceWishlistBuy .rightColumn {
    display: block;
    padding: 0 22px;
  }
  body .products-cont.superList .product-group .product > div .priceAvailability .priceWishlistBuy .wishlistheart {
    display: none;
  }
  body .products-cont.list .product-group .product > div .image {
    height: 80px;
    width: 80px;
    min-width: 76px;
  }
  body .products-cont.list .product-group .product > div .image > div {
    height: 66px;
    width: 66px;
  }
  body .products-cont.list .product-group .product > div .details {
    padding-right: 12px;
  }
  body .products-cont.list .product-group .product > div .details .linkNo {
    top: 0;
    position: inherit;
  }
  body .products-cont.list .product-group .product > div .details .description {
    font-size: 11px;
  }
  body .products-cont.list .product-group .product > div .details .review-score {
    position: inherit;
    margin-top: -4px;
  }
  body .products-cont.list .product-group .product > div .wishlistheart {
    top: 0;
  }
  body .products-cont.old-largeGallery .product-group .product > div .image {
    height: 120px;
    width: 120px;
  }
  body .products-cont.old-largeGallery .product-group .product > div .image > div {
    height: 120px;
    width: 120px;
  }
  body .products-cont.old-largeGallery .product-group .product > div .image > div img {
    height: 120px;
    width: 120px;
  }
}
@media screen and (max-width: 380px) {
  /*
  body .products-cont.list .product-group .product {
      > div { height:216px;
          .image { margin-left: 60px; }
      }
  }
  */
}
@media screen and (max-width: 360px) {
  /*
  body .products-cont.list .product-group .product {
      > div { height:236px;
          .image { margin-left: 50px; }
      }
  }
  */
  .products-cont.largeGallery .product-group .product span.details {
    height: 126px;
  }
}
@media screen and (max-width: 360px) {
  /*
  body .products-cont.list .product-group .product {
      > div { height:236px;
          .image { margin-left: 50px; }
          .priceAvailability { height: 170px; margin-top:-280px;}
      }
  }
  */
}
/*-- Product filter visible - Gallery View products per row - start --*/
@media screen and (max-width: 8000px) and (min-width: 2100px) {
  body.product-filter-visible div.products-cont.gallery .product-group .product {
    width: 16.6%;
    /* &:nth-child(6n) > div { margin-right:0; } */
  }
  body.product-filter-visible div.products-cont.gallery .product-group .product:nth-child(6n-5) {
    /* > div { margin-left:0; } */
  }
  body.product-filter-visible div.products-cont.gallery .product-group .product:nth-child(6n-5).featured .featuredIcon {
    left: -6px;
  }
}
@media screen and (max-width: 2100px) and (min-width: 1740px) {
  body.product-filter-visible div.products-cont.gallery .product-group .product {
    width: 20%;
    /* &:nth-child(5n) > div { margin-right:0; } */
  }
  body.product-filter-visible div.products-cont.gallery .product-group .product:nth-child(5n-4) {
    /* > div { margin-left:0; } */
  }
  body.product-filter-visible div.products-cont.gallery .product-group .product:nth-child(5n-4).featured .featuredIcon {
    left: -6px;
  }
}
@media screen and (max-width: 1740px) and (min-width: 1300px) {
  body.product-filter-visible div.products-cont.gallery .product-group .product {
    width: 25%;
    /* &:nth-child(4n) > div { margin-right:0; } */
  }
  body.product-filter-visible div.products-cont.gallery .product-group .product:nth-child(4n-3) {
    /* > div { margin-left:0; } */
  }
  body.product-filter-visible div.products-cont.gallery .product-group .product:nth-child(4n-3).featured .featuredIcon {
    left: -6px;
  }
}
@media screen and (max-width: 1300px) and (min-width: 820px) {
  body.product-filter-visible div.products-cont.gallery .product-group .product {
    width: 33%;
    /*  &:nth-child(3n) > div { margin-right:0; } */
  }
  body.product-filter-visible div.products-cont.gallery .product-group .product:nth-child(3n-2) {
    /* > div { margin-left:0; } */
  }
  body.product-filter-visible div.products-cont.gallery .product-group .product:nth-child(3n-2).featured .featuredIcon {
    left: -6px;
  }
}
@media screen and (max-width: 820px) {
  body.product-filter-visible div.products-cont.gallery .product-group .product {
    width: 50%;
  }
  body.product-filter-visible div.products-cont.gallery .product-group .product > div {
    margin: 18px 10px 0 16px;
  }
}
/*-- Product filter visible - Gallery View products per row - end --*/
/*-- Product filter hidden - Gallery View products per row - start --*/
@media screen and (max-width: 8000px) and (min-width: 2100px) {
  div.products-cont.gallery .product-group .product {
    width: 14.2%;
    /* &:nth-child(7n) > div { margin-right:0; } */
  }
  div.products-cont.gallery .product-group .product:nth-child(7n-6) {
    /* > div { margin-left:0; } */
  }
  div.products-cont.gallery .product-group .product:nth-child(7n-6).featured .featuredIcon {
    left: -6px;
  }
}
@media screen and (max-width: 2100px) and (min-width: 1800px) {
  div.products-cont.gallery .product-group .product {
    width: 16.6%;
    /* &:nth-child(6n) > div { margin-right:0; } */
  }
  div.products-cont.gallery .product-group .product:nth-child(6n-5) {
    /* > div { margin-left:0; } */
  }
  div.products-cont.gallery .product-group .product:nth-child(6n-5).featured .featuredIcon {
    left: -6px;
  }
}
@media screen and (max-width: 1800px) and (min-width: 1500px) {
  div.products-cont.gallery .product-group .product {
    width: 20%;
    /* &:nth-child(5n) > div { margin-right:0; } */
  }
  div.products-cont.gallery .product-group .product:nth-child(5n-4) {
    /* > div { margin-left:0; } */
  }
  div.products-cont.gallery .product-group .product:nth-child(5n-4).featured .featuredIcon {
    left: -6px;
  }
}
@media screen and (max-width: 1500px) and (min-width: 1200px) {
  .products-cont.gallery .product-group .product {
    width: 25%;
    /* &:nth-child(4n) > div { margin-right:0; } */
  }
  .products-cont.gallery .product-group .product:nth-child(4n-3) {
    /* > div { margin-left:0; } */
  }
  .products-cont.gallery .product-group .product:nth-child(4n-3).featured .featuredIcon {
    left: -6px;
  }
}
@media screen and (max-width: 1200px) and (min-width: 900px) {
  div.products-cont.gallery .product-group .product {
    width: 33%;
    /*  &:nth-child(3n) > div { margin-right:0; } */
  }
  div.products-cont.gallery .product-group .product:nth-child(3n-2) {
    /* > div { margin-left:0; } */
  }
  div.products-cont.gallery .product-group .product:nth-child(3n-2).featured .featuredIcon {
    left: -6px;
  }
}
@media screen and (max-width: 900px) {
  div.products-cont.gallery .product-group .product {
    width: 50%;
  }
  div.products-cont.gallery .product-group .product > div {
    margin: 18px 6px 0 6px;
  }
  div.products-cont.gallery .product-group .product:nth-child(3n-2).featured .featuredIcon {
    left: -6px;
  }
}
/*-- Product filter hidden - Gallery View products per row - end --*/
/*-- Product filter visible - Large Gallery View products per row - start --*/
@media screen and (max-width: 8000px) and (min-width: 2200px) {
  body.product-filter-visible div.products-cont.old-largeGallery .product-group .product {
    width: 33%;
    /* &:nth-child(3n) > div { margin-right:0;} */
  }
  body.product-filter-visible div.products-cont.old-largeGallery .product-group .product > div {
    margin: 18px 10px 0 16px;
  }
  body.product-filter-visible div.products-cont.old-largeGallery .product-group .product:nth-child(3n-2) {
    /* > div { margin-left:0; } */
  }
}
@media screen and (max-width: 2200px) {
  body.product-filter-visible div.products-cont.old-largeGallery .product-group .product {
    width: 50%;
    /* &:nth-child(2n) > div { margin-right: 0;  } */
  }
  body.product-filter-visible div.products-cont.old-largeGallery .product-group .product > div {
    margin: 18px 10px 0 16px;
  }
  body.product-filter-visible div.products-cont.old-largeGallery .product-group .product:nth-child(2n-1) {
    /* > div { margin-left:0; } */
  }
}
/*-- Product filter visible - Large Gallery View products per row - end --*/
/*-- Product filter hidden - Large Gallery View products per row - start --*/
@media screen and (max-width: 8000px) and (min-width: 2200px) {
  /*
  .products-cont.largeGallery .product-group .product { width:25%;
      > div { margin: 18px 10px 0 16px; }
      &:nth-child(3) > div { margin-top:0; }
      &:nth-child(4) > div { margin-top:0; }
      &:nth-child(4n) > div { margin-right:0; }
      &:nth-child(4n-3) > div { margin-left:0; }
  }
  */
}
@media screen and (max-width: 8000px) and (min-width: 1200px) {
  div.products-cont.old-largeGallery .product-group .product {
    width: 50%;
  }
  div.products-cont.old-largeGallery .product-group .product > div {
    margin: 18px 10px 0 16px;
  }
  body.product-filter-hidden div.products-cont.old-largeGallery .product-group .product {
    width: 33%;
  }
  body.product-filter-hidden div.products-cont.old-largeGallery .product-group .product > div {
    margin: 18px 10px 0 16px;
  }
  div.products-cont.largeGallery .product-group .product {
    width: 25%;
  }
  div.products-cont.largeGallery .product-group .product > div {
    margin: 18px 10px 0 16px;
  }
  body.product-filter-hidden .products-cont.largeGallery .product-group .product {
    width: 20%;
  }
  body.product-filter-hidden .products-cont.largeGallery .product-group .product > div {
    margin: 18px 10px 0 16px;
  }
}
@media screen and (max-width: 1200px) {
  div.products-cont.old-largeGallery .product-group .product {
    width: 50%;
    /* &:nth-child(2) > div { margin-top:0; } */
    /* &:nth-child(2n) > div { margin-right:0; } */
  }
  div.products-cont.old-largeGallery .product-group .product > div {
    margin: 18px 10px 0 16px;
  }
  div.products-cont.old-largeGallery .product-group .product:nth-child(2n-1) {
    /* > div { margin-left:0; } */
  }
}
@media screen and (max-width: 1700px) and (min-width: 1200px) {
  body.product-filter-hidden div.products-cont.old-largeGallery .product-group .product {
    width: 50%;
  }
  body.product-filter-hidden div.products-cont.old-largeGallery .product-group .product > div {
    margin: 18px 10px 0 16px;
  }
}
/*-- Product filter hidden - Large Gallery View products per row - end --*/
.relatedProducts {
  background: #fff;
  margin-bottom: 30px;
  margin-top: 30px;
  border-radius: 6px;
  border: 1px solid #bcbec0;
  position: relative;
  margin-left: 10px;
}
.relatedProducts span.title {
  height: 18px;
  width: 136px;
  text-align: center;
  margin: 0;
  background: #4d4d4d;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  position: absolute;
  left: -78px;
  top: 80px;
  overflow: hidden;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 20px;
  letter-spacing: 1px;
}
.relatedProducts > button {
  display: block;
  height: 60px;
  width: 30px;
  background: none;
  margin-top: 56px;
}
.relatedProducts > button.LIB-arrow-prev-sm {
  float: left;
}
.relatedProducts > button.LIB-arrow-prev-sm > i {
  margin-left: 8px;
}
.relatedProducts > button.LIB-arrow-next-sm {
  float: right;
}
.relatedProducts > button.LIB-arrow-next-sm > i {
  margin-left: -12px;
}
.relatedProducts > button.hide {
  display: block !important;
  opacity: 0.4;
}
.relatedProducts > div {
  margin: 0 60px;
}

.productColumns.related {
  height: 180px;
}
.productColumns.related .product {
  position: relative;
}
.productColumns.related .product > div {
  border-right: 1px solid #bcbec0;
  height: 140px;
  margin-top: 20px;
}
.productColumns.related .product > div > a {
  float: left;
}
.productColumns.related .product > div > a img {
  height: 120px;
  width: 120px;
}
.productColumns.related .product > div > a img.image-xl {
  display: none;
}
.productColumns.related .product > div .image {
  width: 150px;
  margin-top: 10px;
  text-align: center;
}
.productColumns.related .product > div .manufacturerLogo {
  padding: 10px 0 4px 0;
  display: block;
}
.productColumns.related .product > div .manufacturerLogo > img {
  height: 17px;
  width: 80px;
}
.productColumns.related .product > div span.details {
  display: block;
}
.productColumns.related .product > div span.details .description {
  line-height: 16px;
  font-size: 13px;
  padding-right: 20px;
  height: 72px;
}
.productColumns.related .product > div span.details .linkNo {
  display: none;
}
.productColumns.related .product > div .priceAvailability .wasPrice {
  display: none;
}
.productColumns.related .product > div .priceAvailability .price {
  font-size: 2em;
}
.productColumns.related .product > div .priceAvailability .price span.exVat {
  font-size: 0.4em;
  padding-left: 4px;
}
.productColumns.related .product > div .wishListColumn {
  position: absolute;
  top: 20px;
  left: 10px;
}
.productColumns.related .product > div .wishListColumn .wishList {
  height: 22px;
  width: 22px;
  font-size: 1.4em;
}
.productColumns.related .product .ratings, .productColumns.related .product .rightColumn, .productColumns.related .product .deliveryTag, .productColumns.related .product .tags {
  display: none;
}
.productColumns.related .product:first-child > div {
  border-left: 1px solid #bcbec0;
}

#productFilter {
  display: table-cell;
}
#productFilter > div {
  display: none;
}
#productFilter > div > span.title {
  display: none;
}
#productFilter > div.visible {
  display: block;
  padding: 8px 0 0;
  vertical-align: top;
  width: 340px;
  margin-right: 32px;
}
#productFilter > div.visible .masterCategory .masterCategoryHeading > h1 {
  width: 830px;
}

.categoryPage #productFilter > div > div > div > button {
  padding: 16px 4px 8px;
}

#productFilter > div > div {
  border-bottom: 1px solid #dddddd;
  margin-right: 16px;
  padding: 16px 0 4px;
}
#productFilter > div > div:first-child {
  padding-top: 0;
}
#productFilter > div > div span.title {
  display: block;
  font-weight: normal;
  color: #5b5b5b;
  text-transform: uppercase;
  padding: 4px 0 12px;
}
#productFilter > div > div ul {
  padding: 0 0 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin: 10px 0 0;
}
#productFilter > div > div ul li {
  clear: left;
  float: none;
  display: block;
  padding: 3px 0;
  margin-bottom: 5px;
}
#productFilter > div > div ul::-webkit-scrollbar-track {
  background-color: #e3e3e3;
}
#productFilter > div > div ul::-webkit-scrollbar {
  width: 8px;
  background-color: #e3e3e3;
}
#productFilter > div > div ul::-webkit-scrollbar-thumb {
  background-color: #6b6b6b;
}
#productFilter > div > div > button {
  border: 0;
  display: block;
  font-weight: normal;
  color: #000;
  padding: 4px 0 12px;
  background: none;
  width: 100%;
  text-align: left;
  text-decoration: none;
  font-size: 1.3em;
  border-bottom: 1px solid #bcbec0;
}
#productFilter > div > div > button:before {
  float: right;
  color: #000;
}
#productFilter > div > div > button.collapsed {
  padding: 4px 0 2px;
}
#productFilter > div > div > button.collapsed:before {
  content: "\e93d";
}
#productFilter > div > div > button.expanded:before {
  content: "\e942";
}
#productFilter > div > div.category {
  margin-bottom: 0;
}
#productFilter > div > div.category ul {
  max-height: 320px;
  margin-top: 12px;
}
#productFilter > div > div.category ul > li {
  padding: 3px 0 5px;
}
#productFilter > div > div.category ul > li .checkboxWithText label > span {
  margin-top: -18px;
}
#productFilter > div > div.brand ul {
  max-height: 160px;
}
#productFilter > div > div > div {
  /*
  &.availability, &.price, &.newHotSale, &.scanRating { padding: 16px 0 8px;
      > button { padding:4px 0 12px 0; }
  }
  */
}
#productFilter > div > div > div > button {
  border: 0;
  display: block;
  font-weight: normal;
  font-size: 16px;
  color: #5b5b5b;
  padding: 0;
  background: none;
  width: 100%;
  text-align: left;
  text-decoration: none;
  padding: 12px 0;
  border-bottom: 1px solid #ddd;
}
#productFilter > div > div > div > button:before {
  float: right;
  color: #000;
}
#productFilter > div > div > div > button.close-filters {
  border-bottom: 0;
}
#productFilter > div > div > div > button.show-more, #productFilter > div > div > div > button.show-less {
  color: #3d70b7;
  font-size: 0.9em;
  display: block;
  padding: 3px 0;
  text-indent: 12px;
  margin-bottom: 16px;
  margin-left: 1px;
  cursor: pointer;
  border-radius: 3px;
  padding: 0;
  border: 0;
}
#productFilter > div > div > div > button.show-more:before, #productFilter > div > div > div > button.show-less:before {
  display: block;
  float: left;
  content: " " !important;
  width: 8px;
  height: 8px;
  margin-left: 3px;
  margin-top: 5px;
  border-top: 2px solid #3d70b7;
  border-left: 2px solid #3d70b7;
  transition: margin-top 0.1s ease-in;
}
#productFilter > div > div > div > button.show-more:hover, #productFilter > div > div > div > button.show-less:hover {
  text-decoration: underline;
}
#productFilter > div > div > div > button.show-more:hover:before, #productFilter > div > div > div > button.show-less:hover:before {
  margin-top: 3px;
}
#productFilter > div > div > div.availability {
  padding: 16px 0 4px;
}
#productFilter > div > div > div.price > div > span.min {
  margin-right: 10px;
}
#productFilter > div > div > div.price > div > span.min, #productFilter > div > div > div.price > div > span.max {
  display: inline-block;
  width: 80px;
  color: #afafaf;
  height: 60px;
  overflow: hidden;
}
#productFilter > div > div > div.price > div > span.min span.title, #productFilter > div > div > div.price > div > span.max span.title {
  font-size: 0.8em;
  color: #afafaf;
  padding: 8px 0 2px;
}
#productFilter > div > div > div.price > div > span.min i, #productFilter > div > div > div.price > div > span.max i {
  width: 20px;
  display: block;
  position: absolute;
  margin: 7px 0 0 55px;
  border-bottom: 1px solid #5b5b5b;
  border-right: 1px solid #5b5b5b;
  width: 6px;
  height: 6px;
  cursor: pointer;
  visibility: auto;
}
#productFilter > div > div > div.price > div > span input {
  border: 1px solid #d9d9d9;
  color: #5b5b5b;
  font-size: 0.9em;
  margin: 0;
  padding: 5px 0;
  text-indent: 6px;
  width: 74px;
}
#productFilter > div > div > div.price > div > span input.error {
  border: 1px solid #c10000;
  background: #ffecec;
  color: #c10000;
}
#productFilter > div > div > div.price > div > span option {
  border: 0;
}
#productFilter > div > div > div.newHotSale {
  line-height: 1.1em;
  padding: 16px 0 4px;
}
#productFilter > div > div > div.keywords {
  margin: 0 14px 0 18px;
}
#productFilter > div > div > div.keywords > span {
  display: block;
  padding: 14px 0;
}
#productFilter > div > div > div.keywords > span input {
  border: 1px solid #d9d9d9;
  margin: 0;
  font-size: 0.9em;
  color: #5b5b5b;
  padding: 6px 0;
  text-indent: 6px;
  width: 99%;
}
#productFilter > div > div > div.filterButton button {
  text-align: center;
  width: 98%;
}
#productFilter > div > div:last-child {
  border-bottom: 0;
  padding: 0;
}
#productFilter > div > div:last-child > div {
  border-bottom: 1px solid #ddd;
}
#productFilter > div .field-block > button:before {
  content: "\e93d";
}
#productFilter > div .field-block > div {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.15s ease-out;
}
#productFilter > div .field-block.expanded > button:before {
  content: "\e942";
}
#productFilter > div .field-block.expanded > div {
  max-height: 700px;
  overflow-y: auto;
  transition: max-height 0.25s ease-in;
  margin-top: 5px;
}
#productFilter > div .field-block.expanded > div.group-category {
  overflow-y: hidden;
}
#productFilter > div .field-block.expanded > div::-webkit-scrollbar {
  width: 4px;
}
#productFilter > div .field-block.expanded > div::-webkit-scrollbar-track {
  background: #f1f1f1;
}
#productFilter > div .field-block.expanded > div::-webkit-scrollbar-thumb {
  background: #999;
  height: 20px;
}
#productFilter > div .field-block ul {
  padding: 12px 0;
}
#productFilter .checkboxLink {
  border: 1px solid green;
  height: inherit;
  display: block;
}
#productFilter .checkboxLink > span:last-child {
  font-size: 0.9em;
  color: #5b5b5b;
}
#productFilter .checkboxLink > span:last-child i {
  font-style: normal;
}
#productFilter .checkboxLink label span {
  display: block;
  line-height: 1em;
  margin-left: 21px;
  font-size: 1em;
  color: #5b5b5b;
  width: 118px;
  z-index: 20;
}
#productFilter span.checkbox {
  margin: 1px 0;
  overflow: inherit;
  display: block;
  border: 1px solid black;
}
#productFilter span.checkbox label {
  height: 12px;
  min-height: 16px;
}
#productFilter span.checkbox label:before {
  height: 12px;
  width: 12px;
}
#productFilter span.checkbox label:after {
  width: 5px;
  height: 2px;
  border-width: medium medium 2px 2px;
}
#productFilter span.checkbox input[type=checkbox] {
  margin-left: -14px;
}

#productFilterHeader .filterLaunch {
  display: none;
}
#productFilterHeader .filters-applied {
  padding: 20px 0 0;
}
#productFilterHeader .filters-applied > div {
  display: inline-block;
}
#productFilterHeader .filters-applied > div > button {
  vertical-align: top;
  display: inline-block;
  border: 1px solid #bcbec0;
  background: #efefef;
  margin-right: 7px;
  margin-top: 8px;
  padding: 6px 28px 6px 12px;
  cursor: pointer;
  font-size: 11px;
  position: relative;
  transition: ease-in-out 0.2s;
  border-radius: 4px;
}
#productFilterHeader .filters-applied > div > button.clear {
  padding: 6px 4px;
  text-decoration: underline;
  border: 0;
  background: none;
}
#productFilterHeader .filters-applied > div > button.clear:hover {
  background: none;
  border: 0;
}
#productFilterHeader .filters-applied > div > button > i {
  display: block;
  position: absolute;
  right: 10px;
  top: 11px;
  width: 9px;
  height: 9px;
}
#productFilterHeader .filters-applied > div > button > i:before {
  display: block;
  content: " ";
  border-bottom: 1px solid #000;
  width: 9px;
  height: 4px;
}
#productFilterHeader .filters-applied > div > button > i:after {
  display: block;
  content: " ";
  border-right: 1px solid #000;
  width: 4px;
  height: 9px;
  margin-top: -5px;
}
#productFilterHeader .filters-applied > div > button:hover {
  border: 1px solid #000;
}
#productFilterHeader .filters-applied > div > button.colour {
  padding-left: 30px;
}
#productFilterHeader .filters-applied .title {
  font-size: 12px;
  vertical-align: top;
  padding: 11px 16px 0 0;
  display: block;
}
#productFilterHeader .filters-applied .title > span {
  font-size: 0.8em;
}

@media screen and (max-width: 1200px) {
  /*
  #productFilter { width: 100% !important; display: table; margin-bottom:20px; 
      > div { width:100%; vertical-align:top; margin: 0; padding:12px 0 14px; z-index: 100; border-bottom: 0; position: absolute; left:100%; display: block; transition:ease-in-out 0.3s; 
          &.visible { display: block; left:0; }
          > span.title { padding-left:22px; color: #000; display:block; font-family:"uni_sanssemibold", sans-serif; font-style:normal; font-size: 1.8em; }
          ul { padding:0 18px;  }
          .checkboxWithText label > span { letter-spacing:-1px; margin-left: 21px; }
      }
  }

  .content-container {
      .filter-background { background: rgba(0, 0, 0, 0.4); position: fixed; width: 100%; top:0; bottom:0; left:0; right:0; display:block; transition:background 0.15s ease-out; z-index: 100; }
      #productFilter { transition:ease-in-out 0.3s; background: rgba(0, 0, 0, 0.3); padding-top: 20px;
          > div { left:0%; z-index: 110; position: fixed; top:140px; bottom:0; }
      }
      &.productFilterHidden {
          .filter-background { background: rgba(0, 0, 0, 0); position: fixed; width: 100%; top:0; bottom:0; left:0; right:0; display:block; z-index: 0; }
          #productFilter { background: rgba(0, 0, 0, 0);
              > div { left:100%; height: auto; z-index: 0;  }
          }
      }
  }
  */
  #productFilter > div .field-block.expanded > div {
    max-height: 100%;
  }
}
@media screen and (max-width: 1200px) and (min-width: 300px) {
  .categoryPage {
    margin: 0 !important;
    padding-top: 0 !important;
  }
  .categoryPage > div,
  .categoryPage .category {
    display: block;
  }
  .categoryPage .masterCategory {
    margin: 0 24px 0 22px;
  }
  .content-container {
    padding: 0;
  }
  .category-page #productFilter { /* position: absolute; top:0; right:0; min-height: 100vh; z-index: 6; */
    background: rgba(0, 0, 0, 0);
  }
  .category-page #productFilter .facet {
    margin-top: 0;
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    height: auto;
  }
  .category-page .masterCategory {
    display: block;
  }
  .category-page #productFilter {
    background: none;
  }
  .category-page #productFilter .facet {
    right: 100%;
    transition: right 0.25s ease-in;
  }
  .category-page #productFilter .facet.visible {
    right: 0;
    top: 0;
    position: absolute;
    margin-right: 0;
  }
  .product-filter-visible .category-page #productFilter {
    background: rgba(0, 0, 0, 0.4);
    display: block;
    position: fixed;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3001;
  }
}
@media screen and (max-width: 830px) {
  #productFilterHeader .filters-applied {
    padding: 20px 22px 14px;
  }
}
@media screen and (max-width: 670px) {
  #productFilter > div > div.category ul, #productFilter > div > div.brand ul {
    max-height: 160px;
  }
  .main .filterLaunch {
    border-bottom: 0;
  }
  .filters-applied {
    border-top: 2px solid #ccc;
  }
  .categoryPage #productFilter {
    border-bottom: 2px solid #ccc;
  }
  .categoryPage #productFilter > div span.title {
    padding-top: 12px;
  }
  #productFilter > div > div.category > button, #productFilter > div > div.brand > button {
    padding-left: 22px !important;
  }
  #productFilter > div > div.category > button:before, #productFilter > div > div.brand > button:before {
    margin-right: 20px;
  }
  #productFilter > div > div.category > div, #productFilter > div > div.brand > div {
    margin: 0 22px;
  }
  #productFilter > div > div > div.availability > button, #productFilter > div > div > div.price > button, #productFilter > div > div > div.newHotSale > button, #productFilter > div > div > div.scanRating > button, #productFilter > div > div > div.keywords > button {
    padding-left: 8px !important;
  }
  #productFilter > div > div > div.availability > button:before, #productFilter > div > div > div.price > button:before, #productFilter > div > div > div.newHotSale > button:before, #productFilter > div > div > div.scanRating > button:before, #productFilter > div > div > div.keywords > button:before {
    margin-right: 10px;
  }
  #productFilter > div > div > div.availability > div, #productFilter > div > div > div.price > div, #productFilter > div > div > div.newHotSale > div, #productFilter > div > div > div.scanRating > div, #productFilter > div > div > div.keywords > div {
    margin: 0 8px;
  }
  #productFilter > div > div {
    display: block;
    padding-bottom: 10px;
    border-right: 0;
    border-bottom: 1px solid #ccc;
  }
  #productFilter > div > div > ul {
    width: 100%;
    display: block;
    margin-left: 0;
  }
  #productFilter > div > div > ul > li {
    width: 160px;
    float: left;
    clear: none;
  }
  #productFilter > div > div.category {
    width: 100%;
  }
  #productFilter > div > div.brand {
    width: 100%;
  }
  #productFilter > div > div.price {
    width: 100%;
  }
  #productFilter > div > div.price span.min,
  #productFilter > div > div.price span.max {
    margin-right: 0;
    padding-left: 0;
    height: inherit;
  }
  #productFilter > div > div.price span.min span.title,
  #productFilter > div > div.price span.max span.title {
    display: none;
  }
  #productFilter > div > div.newHotSale {
    width: 100%;
  }
  #productFilter > div > div.newHotSale > ul {
    margin-left: 0;
  }
  #productFilter > div > div.availability {
    width: 100%;
  }
  #productFilter > div > div.availability > ul {
    margin-left: 0;
  }
  #productFilter > div > div > div.keywords {
    padding: 16px 8px 12px;
    border-bottom: 0;
  }
  #productFilter > div > div > span.title {
    margin-left: 0;
  }
}
@media screen and (max-width: 600px) {
  .filters-applied {
    padding: 16px 16px 8px;
  }
  .filterLaunch {
    padding: 0 12px;
  }
}
/* Default Category Banner CSS for advert banners */
.skinButton {
  display: none !important;
}

.banners {
  background-color: #FFF;
}

.adwrapBanners {
  width: 100%;
  max-width: 2160px;
  margin: 0 auto;
  padding: 10px 30px;
  box-sizing: border-box;
  position: relative;
}

.adBannerLayout {
  background-color: #FFF;
  width: 100%;
  height: 125px;
  box-sizing: inherit;
  padding: 0;
  margin: 0 auto;
  border: solid 1px #CCC;
  border-radius: 8px;
  overflow: hidden;
}

.adBannerLayout a {
  display: block;
  width: 100% !important;
  height: 100% !important;
  text-decoration: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
}

.adBannerLayout a > span {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.adBannerLayout a > span .adImage {
  display: block;
  width: 50%;
  background-size: cover !important;
  background-position: center center !important;
  height: 125px;
}

.adBannerLayout a > span .adImage::after {
  content: "";
  height: 100%;
  width: 5px;
  background-color: #CCC;
  float: right;
}

.adBannerLayout a > span h4 {
  text-transform: none;
  color: #111;
  font-size: 2.2em;
  font-size: clamp(1.2em, 1.8vw, 1.6em);
  padding: 0 0 8px 0;
  text-align: left;
  line-height: 1.1em;
  text-decoration: none;
  position: relative;
}

.adBannerLayout a > span h4::before {
  content: "";
  display: block;
  position: absolute;
  left: -25px;
  width: 5px;
  height: 75px;
  background-color: #000;
}

.adBannerLayout a > span h4.default::before {
  background-color: #2172ad;
}

.adBannerLayout a > span h4.nvidia::before {
  background-color: #6dc40a;
}

.adBannerLayout a > span h4.intel::before {
  background-color: #2172ad;
}

.adBannerLayout a > span h4.corsair::before {
  background-color: #f2e400;
}

.adBannerLayout a > span h4.amd::before {
  background-color: #e46c0a;
}

.adBannerLayout a > span h4.black3xs::before {
  background-color: #111;
}

.adBannerLayout a > span p {
  color: #111;
  font-size: 1em;
  padding: 0;
  text-align: left;
  line-height: 1.4em;
  text-decoration: none;
  max-width: 25vw;
}

.adBannerLayout a > span p.subText {
  font-size: clamp(0.8em, 1vw, 0.875em);
}

.adBannerLayout a > span .findOut {
  margin: 0;
  font-size: 0.9em;
  padding: 7px 0;
  display: block;
  text-align: left;
  color: #2777b3;
  width: 125px;
  transition: ease-out background-color 200ms;
}

.adBannerLayout a > span .banLogo {
  display: block;
  text-align: center;
  margin: 0 auto;
  width: 85px;
}

.adBannerLayout a > span span:nth-child(2) {
  display: block;
  width: 40%;
  padding: 10px 25px 5px 4%;
  box-sizing: inherit;
}

.adBannerLayout a > span span:nth-child(3) {
  display: block;
  width: 135px;
  padding: 20px;
  box-sizing: inherit;
  border-left: solid 1px #CCC;
  text-align: center;
}

.adwrapBanners .sliding-banner-previous,
.adwrapBanners .sliding-banner-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 22px;
  width: 32px !important;
  height: 32px !important;
  display: unset !important;
  text-indent: -1000px;
  overflow: hidden;
  color: transparent;
  font-size: 0;
  background: #FFF url("https://www.scan.co.uk/images/homepages/proaudio/Full-width-page/black-link-arrow.svg") no-repeat;
  background-position: center center;
  background-size: 8px;
  border: solid 1px #CCC;
  transition: ease-out background-color 200ms;
  box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
}

.adwrapBanners .sliding-banner-previous:hover,
.adwrapBanners .sliding-banner-next:hover {
  background-color: rgb(236, 236, 236);
}

.adwrapBanners .sliding-banner-previous {
  left: 14px;
  transform: translateY(-50%) rotate(180deg);
}

.adwrapBanners .sliding-banner-next {
  right: 12px;
}

@media screen and (max-width: 1800px) {
  .adBannerLayout a > span .adImage {
    width: 45%;
  }
  .adBannerLayout a > span span:nth-child(2) {
    width: 38%;
    padding: 1em 25px 1em 50px;
  }
}
@media screen and (max-width: 1200px) {
  .adBannerLayout a > span .adImage {
    background-position: -145px center !important;
  }
}
@media screen and (max-width: 900px) {
  .adwrapBanners {
    display: none !important;
  }
}
/* Category banner styles global */
@keyframes slideinBar {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.productInfoHelper {
  height: auto;
  border-bottom: 3px solid #3d70b7;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background: #FFF;
  width: 100%;
  overflow: hidden;
  box-shadow: 0px 0px 12px #333;
  box-sizing: border-box;
  border-bottom: solid 2px #333;
  transition: ease-out opacity 200ms;
  animation: slideinBar 200ms forwards;
  display: none; /* hide by default - show with JS */
}
.productInfoHelper.show {
  display: block;
}
.productInfoHelper > div {
  width: 100%;
  max-width: 1440px;
  display: table;
  margin: 0 auto;
  height: 90px;
  padding: 0 30px;
  box-sizing: inherit;
}
.productInfoHelper > div > div {
  display: table-cell;
}
.productInfoHelper > div > div.stLogo {
  vertical-align: middle;
  width: 100px;
  background: url("../images/scan-logos-svg-b4451de7c5.svg") no-repeat;
  background-size: contain;
  background-position: center center;
}
.productInfoHelper > div > div.image {
  vertical-align: top;
  width: 110px;
}
.productInfoHelper > div > div.image > img {
  width: 80px;
  height: 80px;
  margin: 10px auto;
  text-align: center;
  display: block;
}
.productInfoHelper > div > div.description {
  vertical-align: middle;
  height: inherit;
  width: 50%;
}
.productInfoHelper > div > div.description > div.title {
  font-size: 1.1em;
  line-height: 1.1em;
  padding-top: 3px;
  padding-right: 10px;
}
.productInfoHelper > div > div.description span.tags {
  padding-bottom: 7px;
}
.productInfoHelper > div > div.description span.tags span.tag {
  padding-right: 6px;
}
.productInfoHelper > div > div.description .linkModelNo {
  padding-top: 3px;
  font-size: 0.9em;
}
.productInfoHelper > div > div.description .linkModelNo .linkNo {
  text-transform: uppercase;
  color: #3d70b7;
  font-size: inherit;
}
.productInfoHelper > div > div.description .linkModelNo .manufacturerCode {
  text-transform: uppercase;
  font-size: inherit;
  color: #808080;
}
.productInfoHelper > div > div.description .linkModelNo .manufacturerCode::before {
  content: "|";
  display: inline;
  margin-right: 2px;
}
.productInfoHelper > div > div.priceAvailability {
  width: auto;
  padding-top: 24px;
  float: right;
}
.productInfoHelper > div > div.priceAvailability span.wasPrice {
  display: block;
  color: #808080;
  text-decoration: line-through;
  display: block;
  height: auto;
  position: initial;
  font-size: 0.9em;
  padding-left: 0;
  margin: 0;
}
.productInfoHelper > div > div.priceAvailability span.wasPrice > span {
  font-weight: bold;
  font-size: 0.8em;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy .leftColumn {
  padding-right: 10px;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy .leftColumn .price {
  color: #111;
  font-size: 2em;
  padding-right: 25px;
  padding-top: 5px;
  display: inline-block;
  vertical-align: top;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy .leftColumn .price span.exVat, .productInfoHelper > div > div.priceAvailability .priceWishlistBuy .leftColumn .price span.incVat {
  font-size: 0.3em;
  color: #000;
  position: absolute;
  margin-top: 6px;
  padding-left: 3px;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy .leftColumn span.stockStatus {
  display: block;
  font-size: 0.8em;
  padding: 0;
  font-family: inherit;
  line-height: 1.2em;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy .rightColumn {
  float: none;
  height: auto;
  margin-right: 10px;
  box-sizing: border-box;
  min-width: 150px;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy .rightColumn span.stock {
  display: none;
  text-transform: uppercase;
  text-align: left;
  padding-left: 24px;
  width: 70px;
  height: 24px;
  margin: 0;
  font-size: 0.8em;
  position: inherit;
  margin-top: -64px;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy .rightColumn span.stock:before {
  content: "i";
  display: block;
  position: absolute;
  height: 17px;
  width: 17px;
  font-size: 1em;
  overflow: hidden;
  margin-left: -24px;
  background: #bbbbbb;
  text-transform: lowercase;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  margin-right: 6px;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy .rightColumn span.stock.in {
  color: #3ba936;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy .rightColumn span.stock.out {
  color: #5b5b5b;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy .rightColumn .delivery-date {
  display: none;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy .rightColumn .price, .productInfoHelper > div > div.priceAvailability .priceWishlistBuy .rightColumn .description {
  display: none;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy .buyButton.medium {
  display: inline-block;
}
.productInfoHelper > div > div.priceAvailability .priceWishlistBuy .buyButton.medium > span.btnctrl span.controls {
  display: none;
}
.productInfoHelper .psTabLinks {
  display: block;
  width: 100%;
  max-width: none;
  background-color: #f9f9f9;
  font-size: 0.9em;
  line-height: 1;
  padding: 5px 30px 0 30px;
  box-sizing: border-box;
  height: auto;
}
.productInfoHelper .psTabLinks .pstWrap {
  display: block;
  margin: 0 auto;
  padding: 5px 0 10px 0;
  width: auto;
  max-width: 1380px;
  height: auto;
}
.productInfoHelper .psTabLinks .pstWrap button {
  text-decoration: none;
  color: #333;
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  padding: 5px 10px 5px 0px;
}
.productInfoHelper .psTabLinks .pstWrap button:hover, .productInfoHelper .psTabLinks .pstWrap button:focus, .productInfoHelper .psTabLinks .pstWrap button.selected {
  color: #3d70b7;
}
.productInfoHelper .psTabLinks .pstWrap button::after {
  content: "|";
  color: #333;
  width: 2px;
  height: auto;
  display: inline-block;
  vertical-align: top;
  margin: 0 0 0 12px;
  line-height: inherit;
}
.productInfoHelper .psTabLinks .pstWrap button[data-showtab=related]::after {
  display: none;
}
.productInfoHelper .psTabLinks .pstWrap button[data-showtab=buying-guide] {
  display: none;
}
.productInfoHelper .psTabLinks .pstWrap button[data-showtab=reviews] {
  display: none;
}
.productInfoHelper .psTabLinks .pstWrap button[data-showtab=questions] {
  display: none;
}

@media screen and (max-width: 992px) {
  .productInfoHelper > div {
    margin: 0;
  }
  .productInfoHelper > div > div.stLogo {
    display: none;
  }
  .productInfoHelper > div > div.image {
    width: 90px;
  }
  .productInfoHelper > div > div.image > img {
    width: 75px;
    height: 75px;
  }
  .productInfoHelper > div > div.description {
    padding: 0 10px;
  }
  .productInfoHelper > div > div.description > div.title {
    line-height: 1.05em;
    padding-right: 6px;
  }
  .productInfoHelper > div > div.priceAvailability .rightColumn .price {
    font-size: 1.8em;
    padding-right: 15px;
  }
  .productInfoHelper span.tag {
    font-size: 11px;
  }
}
@media screen and (max-width: 780px) {
  .productInfoHelper {
    bottom: 0 !important;
    border-bottom: 0;
    border-top: 3px solid #111;
    top: inherit !important;
    height: 110px;
  }
  .productInfoHelper > div {
    padding: 0 20px;
    height: auto;
  }
  .productInfoHelper > div > div.image {
    vertical-align: top;
  }
  .productInfoHelper > div > div.description {
    display: block;
    border-bottom: 1px solid #bcbec0;
    margin: 0;
    height: 35px;
    overflow: hidden;
    width: 100%;
    box-sizing: inherit;
  }
  .productInfoHelper > div > div.description span.tags {
    display: none;
  }
  .productInfoHelper > div > div.description > div.title {
    font-size: 1em;
    padding: 8px 0;
    line-height: 1.7em;
    text-align: center;
  }
  .productInfoHelper > div > div.priceAvailability {
    display: block;
    width: 100%;
    display: table;
    margin: 0;
    padding: 10px 0;
  }
  .productInfoHelper > div > div.priceAvailability span.wasPrice {
    display: none;
  }
  .productInfoHelper > div > div.priceAvailability .priceWishlistBuy {
    justify-content: space-between;
  }
  .productInfoHelper > div > div.priceAvailability .priceWishlistBuy .rightColumn {
    display: block;
    float: none;
    width: 50%;
    margin: 0;
    text-align: right;
  }
  .productInfoHelper > div > div.priceAvailability .priceWishlistBuy .rightColumn .price {
    font-size: 1.8em;
    padding-right: 15px;
  }
  .productInfoHelper > div > div.priceAvailability span.stock {
    display: none;
  }
  .productInfoHelper .psTabLinks {
    display: none;
  }
}
@media screen and (max-width: 576px) {
  .productInfoHelper > div > div.image {
    display: none;
  }
}
/* Sticky helper bar product info */
.popover {
  background-color: #FFF;
  box-sizing: border-box;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  top: 0;
  height: 100vh;
  position: fixed;
  left: -100vw;
  width: 50vw;
  max-width: 620px;
  transition: all 0.5s ease;
  display: none;
  flex-flow: column;
  border-right: solid 2px #EEE;
  border-top: solid 2px #EEE;
  margin: 0;
  padding: 0;
  z-index: 1001;
  border: none;
}
.popover.load {
  display: flex;
}
.popover.open {
  left: 0;
  top: 0;
}
.popover.popover-right {
  left: auto;
  right: -100vw;
}
.popover.popover-right.open {
  left: auto;
  right: 0;
}
.popover .header {
  flex: 0 1 auto;
  padding: 0;
  margin: 0;
  text-align: right;
  position: sticky;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  background-color: #EEE;
}
.popover .header h3 {
  text-transform: none;
  text-align: left;
  font-size: 1.5em;
  color: rgb(0, 0, 0);
  margin: 0 18px;
  padding-top: 20px;
}
.popover .header button.close {
  display: block;
  float: right;
  margin: 20px;
  padding: 0;
  background: none;
  border: 0;
  color: rgb(0, 0, 0);
  cursor: pointer;
  height: 16px;
  outline: medium none;
  overflow: hidden;
  text-decoration: none !important;
  transition: all 0.3s ease-in-out 0s;
  width: 22px;
  text-align: center;
}
.popover .header button.close:before {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 17px;
  line-height: 1;
  height: 20px;
  font-family: "scanicons", sans-serif;
  content: "\e903";
}
.popover .header button.close:hover, .popover .header button.close:focus-visible {
  color: #8a8a8a;
}
.popover .body {
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}
.popover .body > iframe {
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: auto;
  height: 100%;
}
.popover .body .contentContainer .pageContent {
  padding: 0;
}
.popover .body .contentContainer .pageContent form .oneColumnContainer {
  padding: 0;
}
.popover .body .contentContainer .pageContent form .oneColumnContainer .row {
  height: auto;
  margin-bottom: 20px;
}
.popover .body .contentContainer .pageContent form .oneColumnContainer .row label {
  width: 100%;
  display: block;
  color: #000000;
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1em;
}
.popover .body .contentContainer .pageContent form .oneColumnContainer .row input, .popover .body .contentContainer .pageContent form .oneColumnContainer .row select {
  font-family: "Poppins-Regular", sans-serif;
  box-sizing: border-box;
  padding-left: 5px;
  width: 100%;
  display: block;
  border: 1px solid #c1c1c1;
  color: #000000;
  text-indent: initial;
  font-size: 1em;
}
.popover .body .contentContainer .pageContent form .oneColumnContainer .row input {
  font-size: 16px;
}
.popover .body .contentContainer .pageContent form .oneColumnContainer .row select {
  background-color: #f1f1f1;
  color: #000000;
}
.popover .body .contentContainer .pageContent form .oneColumnContainer .row .field-validation-error {
  padding-left: 0;
  margin-top: 3px;
  display: block;
  font-family: "Poppins-Regular", sans-serif;
}
.popover .body .contentContainer .pageContent form .oneColumnContainer .row textarea {
  padding: 1em;
  box-sizing: border-box;
  color: #000000;
}
.popover .body .contentContainer .pageContent form .buttonContainer {
  padding: 0 !important;
  background: transparent;
  text-align: left;
}
.popover .body .contentContainer .pageContent form .buttonContainer button {
  padding: 12px 30px;
  border-radius: 30px;
  color: #ffffff;
  background: #000000;
  border: none;
  font-family: "Poppins-Bold", sans-serif;
  font-size: 1.2em;
  cursor: pointer;
  transition: ease-in-out background 100ms;
}
.popover .body .contentContainer .pageContent form .buttonContainer button:hover, .popover .body .contentContainer .pageContent form .buttonContainer button:focus {
  background: #000000;
}
.popover.cloud-form .header, .popover.ai-form .header {
  background-color: #000000;
  flex: none;
  box-sizing: border-box;
}
.popover.cloud-form .header h3, .popover.ai-form .header h3 {
  font-family: "Poppins-Bold", sans-serif;
  color: #ffffff;
}
.popover.cloud-form .header button.close:before, .popover.ai-form .header button.close:before {
  color: #ffffff;
}

body.popover-open {
  overflow-y: hidden;
}

body.popover-open #popover-background {
  background-color: black;
  height: 100vh;
  left: 0;
  opacity: 0.5;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 99;
}

@media screen and (max-width: 780px) {
  .popover {
    margin-top: 54px;
    width: 100vw;
    height: calc(100vh - 54px);
  }
}
@media screen and (max-width: 400px) {
  .popover {
    margin-top: 40px;
    height: calc(100vh - 40px);
  }
  .popover .body {
    width: 100%;
    min-width: 100%;
  }
}
/** Scan Finance pop up **/
/* New slide in popup / popover */
/*-- Product Delivery Date --*/
.product span.delivery-date {
  color: #3d70b7;
  line-height: 1em;
}
.product span.delivery-date > strong {
  text-transform: uppercase;
}

.quick-replacement {
  color: #8f8f8f;
  display: inline-block;
  margin-top: 2px;
}
.quick-replacement > i {
  display: inline-block;
  height: 22px;
  width: 28px;
  overflow: hidden;
  font-size: 26px;
}
.quick-replacement > i:before {
  display: block;
  content: "\e958";
  color: #3d70b7;
  height: 26px;
  width: 33px;
  line-height: 0.9em;
}
.quick-replacement > span {
  color: #8f8f8f;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
}

/* buttons */
button:focus {
  outline: 0;
}

a.btn, button.btn, input.btn {
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.2em;
  overflow: hidden;
  line-height: 3em;
  border: 0;
  padding: 0 14px;
  font-size: 1em;
  /* button colurs - start */
  /* button colurs - end */
}
a.btn.blue, button.btn.blue, input.btn.blue {
  background: #1463a2;
  background: linear-gradient(to top, #1463a2, #3a7fbf);
  color: #fff;
}
a.btn.blue:hover, button.btn.blue:hover, input.btn.blue:hover {
  background: #004a93;
  background: linear-gradient(to top, #004a93, #1969b4);
}

a.btn:hover, button.btn:hover {
  text-decoration: none;
}

.btn.large {
  padding: 0 14px;
  font-size: 1.6em;
}

.btn.medium {
  padding: 0 14px;
  font-size: 1em;
}

.btn.small {
  padding: 0 14px;
  font-size: 1em;
  line-height: 2em;
}

.btn {
  background: #707070;
  color: #fff;
}
.btn:hover {
  background: #707070;
  background: linear-gradient(to top, #858484, #737373);
}
.btn.confirm {
  background: #1463a2;
  background: linear-gradient(to top, #1463a2, #3a7fbf);
  color: #fff;
}
.btn.confirm:hover, .btn.confirm:focus {
  background: #105891;
  background: linear-gradient(to top, #105891, #1463a2);
}
.btn.confirm:focus {
  text-decoration: underline;
}

.btn.buyAction {
  background: #00853D;
  color: #fff;
}

.btn.buyAction:hover, .btn.buyAction:focus {
  background: #00853D;
}

.btn.buyAction:focus {
  text-decoration: underline;
}

.btn.cancel {
  background: #d9dadb;
  background: linear-gradient(to top, #858484, #a0a0a0);
  color: #fff;
}

.btn.cancel:hover {
  background: #707070;
  background: linear-gradient(to top, #858484, #737373);
}

/* Link text */
.link {
  text-decoration: none;
  color: #3d70b7;
  transition: ease-in-out 0.3s;
  background: none;
  border: 0;
  cursor: pointer;
}
.link:hover {
  text-decoration: underline;
}
.link.blue {
  color: #3d70b7;
}
.link.uppercase {
  text-transform: uppercase;
}

/* buy buttons */
.buyButton {
  display: block;
  border: 2px solid #00853D;
  background: #00853D;
  border-radius: 24px;
  text-align: center;
}
.buyButton > span {
  display: block;
  /*
  &.btnctrl { background: #c3dfc6; border-radius: 28px;
      > span:first-child { padding:8px 8px 0px; display:block;
          a.btn { background: #fff; color:#3ba936; }
      }
      .controls { padding-top: 4px; border:1px solid red; margin: 0 auto;
          > a {  }
      }
  } */
}
.buyButton > span span.qty {
  color: #000;
  text-align: center;
}
.buyButton > span span.controls {
  display: block;
}
.buyButton > span span.title {
  color: #707070;
  position: relative;
  text-transform: uppercase;
  text-align: center;
  float: left;
  display: block;
  padding: 0;
  margin: 0;
  overflow: hidden;
  display: none;
}
.buyButton > span a.decrease, .buyButton > span a.increase {
  overflow: hidden;
  display: inline-block;
  float: left;
  color: #00853D;
  text-align: center;
  text-decoration: none;
  font-size: 1.2em;
  line-height: 1em;
  cursor: pointer;
}
.buyButton > span a.decrease i, .buyButton > span a.increase i {
  text-indent: 20px;
  overflow: hidden;
  height: 15px;
  display: block;
  font-style: normal;
}
.buyButton > span a.decrease span, .buyButton > span a.increase span {
  width: 11px;
  margin-top: 11px;
  margin-left: 2px;
  border-top: 1px solid #000;
  display: block;
}
.buyButton > span a.increase {
  line-height: 1.2em;
}
.buyButton > span a.increase span i {
  margin-top: -6px;
  margin-left: 5px;
  height: 11px;
  width: 11px;
  border-left: 1px solid #000;
  overflow: hidden;
}
.buyButton > span input {
  float: left;
  border: 0;
  border: 1px solid #ccc;
  background: #f5f5f5;
  text-align: center;
  margin: 0;
  padding: 0;
}
.buyButton > span.added {
  color: #55a952;
  text-transform: uppercase;
  line-height: 3.2em;
  text-align: center;
  position: absolute;
  background: #fff;
  text-indent: 14px;
  border-radius: 24px;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  z-index: 3;
}
.buyButton > span.added > i {
  height: 20px;
  width: 16px;
  display: inline-block;
  margin: 6px 0 0 0;
}
.buyButton > span.added > i:before {
  height: 12px;
  width: 5px;
  display: block;
  border-bottom: 2px solid #0c9444;
  border-right: 2px solid #0c9444;
  content: " ";
  margin-top: 5px;
}
.buyButton > span.added.fade-out {
  opacity: 0;
}
.buyButton > span.btnctrl {
  background: #fff;
  border-radius: 24px;
  /*
  > span:first-child { display:table; border:2px solid #55a952; border-radius: 24px; vertical-align: top; 
      a.btn { background: #fff; border:0; color: #55a952; display:table-cell; vertical-align: top;}
      span.controls { display:table-cell; padding-top:8px; 
          > a { display: table-cell; float: none; vertical-align: top; margin:0; padding:0; }
          > span.qty { display: table-cell; vertical-align: top;}
      }
  }
  */
}
.buyButton > span.btnctrl > span:first-child {
  display: inline-flex;
  vertical-align: top;
}
.buyButton > span.btnctrl > span:first-child a.btn {
  background: #fff;
  border: 0;
  color: #00853D;
  display: table-cell;
  vertical-align: top;
}
.buyButton > span.btnctrl span.controls {
  display: inline-flex;
  padding-top: 8px;
}
.buyButton > span.btnctrl span.controls > a {
  display: table-cell;
  float: none;
  vertical-align: top;
  margin: 0;
  padding: 0;
}
.buyButton > span.btnctrl span.controls > span.qty {
  display: table-cell;
  vertical-align: top;
}
.buyButton > span.btnctrl span.controls > span.qty input {
  width: 20px;
  margin-left: 1px;
  height: 22px;
}
.buyButton > span.btnctrl.qty-limit span.qty-limit {
  background: #c4e8cd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  font-size: 10px;
  margin: 2px 23px 0;
  display: block;
  text-align: center;
  height: 1px;
  transition: ease-in-out 0.2s;
  opacity: 0;
}
.buyButton > span.btnctrl.hover.qty-limit span.qty-limit {
  opacity: 1;
  height: 18px;
}
.buyButton .btn {
  display: block;
  overflow: hidden;
  padding: 0;
  width: 76px;
  font-size: 0.85em;
  height: 23px;
  line-height: 2em;
  background: #00853D;
  color: #fff;
  text-align: center;
}
.buyButton .btn:hover {
  background: #00853D;
  text-decoration: none;
}
.buyButton.medium {
  height: 40px;
  width: 100%;
  position: relative;
  z-index: 2;
}
.buyButton.medium > span {
  height: 40px;
  width: 100%;
}
.buyButton.medium > span a.btn {
  height: 40px;
  width: 100%;
  font-size: 14px;
  line-height: 38px;
  border-radius: 22px;
}
.buyButton.medium > span span.qty {
  width: 22px;
}
.buyButton.medium > span span.qty > span {
  font-size: 16px;
  display: block;
  line-height: 1.6em;
}
.buyButton.medium > span span.qty > span input {
  display: block;
  width: 22px;
  height: auto;
  border: 0;
  outline: none;
  font-size: inherit;
  color: #111;
  line-height: 1;
}
.buyButton.medium > span span.qty > span input:focus, .buyButton.medium > span span.qty > span input:focus-visible {
  border: 0;
}
.buyButton.medium > span span.controls {
  padding-left: 6px;
  padding-top: 7px;
}
.buyButton.small {
  height: 24px;
  width: 100%;
  position: relative;
  z-index: 2;
}
.buyButton.small > span {
  height: 24px;
  width: 100%;
}
.buyButton.small > span a.btn {
  height: 24px;
  width: 100%;
  font-size: 14px;
  line-height: 30px;
  border-radius: 18px;
}
.buyButton.small > span span.qty {
  width: 22px;
}
.buyButton.small > span span.qty > span {
  font-size: 16px;
  display: block;
  line-height: 1.4em;
}
.buyButton.small > span span.controls {
  padding-left: 0;
  padding-top: 0;
}

/*
.buyButton.small { height:21px; width:82px;
    .btn { height: 21px; }
    input { height:21px; width:30px; }
    a.decrease { width:21px; height:21px; }
    a.increase { width:21px; height:21px; }
    a.decrease span, a.increase span { width:11px; margin-top:10px; margin-left:5px; }
    a.increase span i { margin-top:-6px; margin-left:5px; height:11px; width:11px; }
}

.buyButton.medium { height:35px; width:110px;
    .btn { height: 35px; width:110px; }
    > span { height:35px; width:110px;
        span.qty { width:22px;
            > span { font-size:16px; display:block; line-height:1.6em; }
        } 
        span.controls { }
    }
    span.title {line-height:1em; padding-top:7px; width:50px; font-size:0.7em; }
    input { height:33px; width:34px; margin-left: 2px; font-size:1.7em; }
    a.btn { height: 35px; line-height:2.9em; }
    a.increase { margin-bottom:1px; }
}
*/
.buyButton.large {
  height: 42px;
  width: 180px;
}
.buyButton.large .btn {
  height: 42px;
  width: 180px;
}
.buyButton.large > span {
  height: 42px;
  width: 180px;
}
.buyButton.large > span span.qty {
  width: 84px;
}
.buyButton.large > span span.qty > span {
  font-size: 2.2em;
  display: block;
  line-height: 1.4em;
}
.buyButton.large > span span.controls {
  width: 180px;
  margin-top: 3px;
}
.buyButton.large span.title {
  line-height: 1em;
  padding-top: 0;
  width: 180px;
  font-size: 0.8em;
  margin-top: -50px;
}
.buyButton.large input {
  height: 40px;
  width: 78px;
  margin-left: 2px;
  font-size: 1.7em;
}
.buyButton.large a.btn {
  height: 42px;
  width: 180px;
  color: #fff;
  line-height: 2.5em;
  font-size: 1.25em;
}
.buyButton.large a.decrease,
.buyButton.large a.increase {
  width: 48px;
  height: 42px;
}
.buyButton.large a.increase {
  margin-bottom: 2px;
}
.buyButton.large a.decrease span, .buyButton.large a.increase span {
  width: 20px;
  margin-top: 19px;
  margin-left: 14px;
  border-top: 2px solid #fff;
}
.buyButton.large a.increase span i {
  margin-top: -10px;
  margin-left: 9px;
  height: 20px;
  width: 20px;
  border-left: 2px solid #fff;
}

.buyButton.preOrder {
  border: 2px solid #1463a2;
  background: #1463a2;
}
.buyButton.preOrder > span.added {
  color: #1463a2;
}
.buyButton.preOrder > span.btnctrl > span:first-child a.btn {
  color: #1463a2;
}
.buyButton.preOrder > span.btnctrl.hover.qty-limit span.qty-limit {
  background: #bdcfe1;
}
.buyButton.preOrder a.btn {
  background: #1463a2;
  color: #fff;
}
.buyButton.preOrder a.btn:hover {
  background: #004a93;
}

.btn:disabled, .btn:disabled:hover {
  background: #d9dadb;
  background: linear-gradient(to top, #858484, #a0a0a0);
  color: #bebebe;
  cursor: not-allowed;
  user-select: none;
}

.btn.applePay {
  background: #000;
  border-radius: 4px;
  color: #fff;
  line-height: 1.6em;
  vertical-align: top;
  padding: 10px 32px 8px;
  margin-top: 14px;
}
.btn.applePay > i {
  width: 18px;
  overflow: hidden;
  display: inline-block;
}
.btn.applePay > i:before {
  background: none;
  content: "\e94e";
  font-size: 1.6em;
  line-height: 1.2em;
  padding-right: 20px;
}
.btn.applePay > span {
  display: inline-block !important;
  text-transform: none;
  color: #fff;
  margin: 0 !important;
  opacity: 1 !important;
  line-height: 1em !important;
}
.btn.applePay > span:first-child {
  padding-bottom: 2px;
  padding-right: 2px;
}
.btn.applePay > span:last-child {
  font-size: 1.9em;
  padding-bottom: 1px;
}

.btn.googlePay {
  background: #000;
  border-radius: 4px;
  color: #fff;
  line-height: 1.6em;
  vertical-align: top;
  padding: 14px 32px 4px;
  margin-top: 14px;
  box-shadow: 0px 1px 4px #888888;
  vertical-align: top;
  transition: ease-in-out 0.3s;
}
.btn.googlePay > i {
  width: 46px;
  overflow: hidden;
  display: inline-block;
  line-height: 2em;
  font-size: 1em;
  padding: 0;
  height: 21px;
  margin-left: 4px;
}
.btn.googlePay > i:before {
  background: url(../images/google-pay-black-logo-199a92887e.svg);
  background-repeat: no-repeat;
  content: " ";
  background-size: 46px 18px;
  font-size: 1.6em;
  padding-left: 61px;
  width: 46px;
  display: block;
  height: 21px;
}
.btn.googlePay > span {
  display: inline-block !important;
  text-transform: none;
  color: #fff;
  margin: 0 !important;
  opacity: 1 !important;
  line-height: 1em !important;
  padding-bottom: 2px;
  padding-right: 2px;
  vertical-align: top;
}
.btn.googlePay:hover {
  background: #222222;
}
.btn.googlePay:disabled {
  background: #d9dadb;
  color: white;
  background: repeating-linear-gradient(45deg, #d9dadb, #d9dadb 10px, #e3e3e3 10px, #e3e3e3 20px);
  box-shadow: none;
}
.btn.googlePay:disabled > i {
  opacity: 0.4;
}

/* Notify me button - start */
/*
div[data-app="notify-when-in-stock"] button { @extend %Poppins-SemiBold; display:block; border:2px solid colours.$dark-button; background: colours.$dark-button; border-radius: 24px; text-align: center;  overflow:hidden; padding:0; font-size:1em; line-height:2em; color:#fff;
    > strong { display: block; 
        > i { display: inline-block;  @include base.hw(18px, 18px); background: #c6c6c6; border-radius:12px; color: colours.$dark-button; margin-right: 8px; position: relative; 
            &:before { @extend %scanIcoFont; content: "\e97f"; }
        }
    }
    > span { display: block; @extend %Poppins-Regular; text-transform: uppercase; font-size: 10px; line-height: 1em; }
}
*/
/* Notify me button - end */
@media screen and (max-width: 500px) {
  .btn.applePay {
    padding: 10px 0 8px;
    width: 88% !important;
  }
}
.btn.applePay2 {
  background: #000;
  border-radius: 4px;
  color: #fff;
  line-height: 1.3em;
  vertical-align: top;
  padding: 10px 32px 8px;
  margin-top: 14px;
  font-size: 1.2em;
  width: 100%;
}
.btn.applePay2 > i {
  width: 21px;
  display: inline-block;
  font-size: 1.4em;
  overflow: hidden;
  height: 24px;
  vertical-align: top;
}
.btn.applePay2 > i:before {
  background: none;
  content: "\e94e";
  padding-right: 20px;
  display: inline-block;
  line-height: 1.1em;
}
.btn.applePay2 > span {
  height: 100%;
  display: inline-block !important;
  text-transform: none;
  color: #fff;
  margin: 0 !important;
  opacity: 1 !important;
  padding-top: 6px;
  vertical-align: top;
}
.btn.applePay2 > span:first-child {
  padding-bottom: 2px;
  padding-right: 2px;
}
.btn.applePay2 > span:last-child {
  padding-bottom: 0px;
  font-size: 1.4em;
  padding-top: 3px;
  vertical-align: top;
}
.btn.applePay2:disabled {
  background: #d9dadb;
  color: white;
  background: repeating-linear-gradient(45deg, #d9dadb, #d9dadb 10px, #e3e3e3 10px, #e3e3e3 20px);
}

.btn.paypalCredit {
  background: #fff;
  border-radius: 4px;
  color: #fff;
  border: 1px solid #bcbec0;
  padding: 0;
}
.btn.paypalCredit > span {
  background: #0e3182;
  display: block;
  margin-left: 46px;
  padding: 10px 0;
}
.btn.paypalCredit > span > i {
  display: block;
  background: url(../images/payment-logos-a9a2aad57d.svg);
  background-repeat: no-repeat;
  background-size: 1000px 96px;
  background-position: -370px -8px;
  width: 38px;
  height: 38px;
  position: absolute;
  margin-left: -42px;
  overflow: hidden;
  text-indent: 38px;
  line-height: 3em;
  margin-top: -8px;
}
.btn.paypalCredit > span > span {
  display: block;
  height: 22px;
  background: url(../images/paypal-credit-logo-white-04ef76e98b.svg);
  background-repeat: no-repeat;
  background-size: 163px 22px;
  background-position: 0px 0px;
  width: 163px;
  margin: 0 auto;
  overflow: hidden;
  text-decoration: 163px;
  line-height: 3em;
  font-size: 2em;
}

@media screen and (max-width: 500px) {
  .btn.applePay2 {
    padding: 10px 0 8px;
  }
}
/* Wishlist Buttons */
.save-as-wishlist {
  padding-left: 0;
  display: block;
  vertical-align: middle;
  padding-top: 14px;
  padding-bottom: 6px;
}
.save-as-wishlist > i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  height: 16px;
}
.save-as-wishlist > i:before {
  content: "\e94c";
  width: 26px;
  height: 26px;
  font-size: 2em;
  margin-top: -8px;
}

/* Button arrow */
.btn-arrow {
  background: none;
  border: 0;
  display: block;
}
.btn-arrow > span {
  width: 22px;
  height: 32px;
  text-indent: 22px;
  display: block;
  line-height: 2em;
  cursor: pointer;
  overflow: hidden;
}
.btn-arrow > span:before {
  content: "";
  border: 2px solid #808080;
  display: block;
  width: 20px;
  height: 20px;
  transform: rotate(45deg);
  background: none;
  margin-top: 5px;
  transition: ease-in-out 0.3s;
}
.btn-arrow.left > span:before, .btn-arrow.left:hover > span:before {
  border-right: 0;
  border-top: 0;
  margin-left: 6px;
}
.btn-arrow.right > span:before, .btn-arrow.right:hover > span:before {
  border-left: 0;
  border-bottom: 0;
  margin-left: -6px;
}
.btn-arrow:hover > span:before {
  border: 2px solid #000;
}

.checkboxWithText {
  margin: 1.5em 0;
  padding: 0;
}
.checkboxWithText input[type=checkbox] {
  display: none;
}
.checkboxWithText input[type=checkbox] + label:before {
  background: #fff;
  content: " ";
  display: inline-block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  padding: 0;
  vertical-align: top;
  border: 1px solid #9d9d9d;
}
.checkboxWithText input[type=checkbox]:checked + label:before {
  background: #fff;
  background: linear-gradient(to bottom, #ffffff, #f6f6f6);
  color: #000000;
  content: "\e92f";
  text-align: center;
  font-size: 0.8em;
  line-height: 1.6em;
  text-indent: 1px;
  border: 1px solid #000;
}
.checkboxWithText input[type=checkbox]:checked + label:after {
  font-weight: bold;
  width: 2px;
  height: 10px;
  display: block;
  position: absolute;
  margin: 0;
}
.checkboxWithText input[type=checkbox]:checked + label span {
  color: #000;
}
.checkboxWithText label {
  cursor: pointer;
  font-weight: normal;
  line-height: 1.1em;
  color: #7C7C7C;
  font-size: 0.95em;
}
.checkboxWithText label > span {
  display: block;
  margin-top: -16px;
  margin-left: 24px;
  line-height: 1.3em;
}

.review-score {
  color: #8f8f8f;
  text-transform: uppercase;
  font-size: 0.8em;
  width: 210px;
  display: inline-block;
  height: 18px;
  padding-top: 17px;
  line-height: 1.4em;
}
.review-score .reviewscore {
  display: block;
  width: 82px;
  overflow: hidden;
  height: 38px;
  font-size: 14px;
  letter-spacing: 3px;
  line-height: 1em;
  padding: 0;
  float: right;
  margin-right: 14px;
  color: #adacac;
  white-space: nowrap;
}
.review-score .reviewscore:before {
  content: "\e976\e976\e976\e976\e976";
  display: block;
  height: 18px;
  padding: 0 10px 0 0;
}
.review-score .reviewscore span {
  display: block;
  width: 0%;
  color: #f29312;
  height: 15px;
  margin-top: -18px;
  overflow: hidden;
  letter-spacing: 3px;
  line-height: 1em;
  padding: 0;
}
.review-score .reviewscore span:before {
  content: "\e976\e976\e976\e976\e976";
}
.review-score .reviewscore-0_1 span {
  width: 2%;
}
.review-score .reviewscore-0_2 span {
  width: 4%;
}
.review-score .reviewscore-0_3 span {
  width: 6%;
}
.review-score .reviewscore-0_4 span {
  width: 8%;
}
.review-score .reviewscore-0_5 span {
  width: 10%;
}
.review-score .reviewscore-0_6 span {
  width: 12%;
}
.review-score .reviewscore-0_7 span {
  width: 14%;
}
.review-score .reviewscore-0_8 span {
  width: 16%;
}
.review-score .reviewscore-0_9 span {
  width: 18%;
}
.review-score .reviewscore-1_0 span {
  width: 20%;
}
.review-score .reviewscore-1_1 span {
  width: 22%;
}
.review-score .reviewscore-1_2 span {
  width: 24%;
}
.review-score .reviewscore-1_3 span {
  width: 26%;
}
.review-score .reviewscore-1_4 span {
  width: 28%;
}
.review-score .reviewscore-1_5 span {
  width: 30%;
}
.review-score .reviewscore-1_6 span {
  width: 32%;
}
.review-score .reviewscore-1_7 span {
  width: 34%;
}
.review-score .reviewscore-1_8 span {
  width: 36%;
}
.review-score .reviewscore-1_9 span {
  width: 38%;
}
.review-score .reviewscore-2_0 span {
  width: 40%;
}
.review-score .reviewscore-2_1 span {
  width: 42%;
}
.review-score .reviewscore-2_2 span {
  width: 44%;
}
.review-score .reviewscore-2_3 span {
  width: 46%;
}
.review-score .reviewscore-2_4 span {
  width: 48%;
}
.review-score .reviewscore-2_5 span {
  width: 50%;
}
.review-score .reviewscore-2_6 span {
  width: 52%;
}
.review-score .reviewscore-2_7 span {
  width: 54%;
}
.review-score .reviewscore-2_8 span {
  width: 56%;
}
.review-score .reviewscore-2_9 span {
  width: 58%;
}
.review-score .reviewscore-3_0 span {
  width: 60%;
}
.review-score .reviewscore-3_1 span {
  width: 62%;
}
.review-score .reviewscore-3_2 span {
  width: 64%;
}
.review-score .reviewscore-3_3 span {
  width: 66%;
}
.review-score .reviewscore-3_4 span {
  width: 68%;
}
.review-score .reviewscore-3_5 span {
  width: 70%;
}
.review-score .reviewscore-3_6 span {
  width: 72%;
}
.review-score .reviewscore-3_7 span {
  width: 74%;
}
.review-score .reviewscore-3_8 span {
  width: 76%;
}
.review-score .reviewscore-3_9 span {
  width: 78%;
}
.review-score .reviewscore-4_0 span {
  width: 80%;
}
.review-score .reviewscore-4_1 span {
  width: 82%;
}
.review-score .reviewscore-4_2 span {
  width: 84%;
}
.review-score .reviewscore-4_3 span {
  width: 86%;
}
.review-score .reviewscore-4_4 span {
  width: 88%;
}
.review-score .reviewscore-4_5 span {
  width: 90%;
}
.review-score .reviewscore-4_6 span {
  width: 92%;
}
.review-score .reviewscore-4_7 span {
  width: 94%;
}
.review-score .reviewscore-4_8 span {
  width: 96%;
}
.review-score .reviewscore-4_9 span {
  width: 98%;
}
.review-score .reviewscore-5_0 span {
  width: 100%;
}

.radio-dropdown-icons {
  position: relative;
  overflow: hidden;
  display: block;
  text-align: left;
  margin: auto;
  height: 100%;
  width: 330px;
  border-bottom: 0px;
  border-radius: 3px;
  font-size: 12px;
  border: 1px solid #bcbec0;
}
.radio-dropdown-icons > i.toggle {
  position: absolute;
  z-index: 4;
  right: 1.5em;
  top: 1.3em;
  color: #ccc;
}
.radio-dropdown-icons .title, .radio-dropdown-icons .placeholder {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding: 1.2em 2em;
  background: rgb(255, 255, 255);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.radio-dropdown-icons > input {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  cursor: pointer;
}
.radio-dropdown-icons > input:checked ~ i.toggle.arrow-down {
  display: none;
}
.radio-dropdown-icons > input:checked ~ i.toggle.arrow-up {
  display: block;
}
.radio-dropdown-icons > input:checked div.options label.option .title {
  display: none !important;
}
.radio-dropdown-icons > input:not(:checked) {
  z-index: 4;
}
.radio-dropdown-icons > input:not(:checked) ~ label.option > span.title {
  display: none;
}
.radio-dropdown-icons > input:not(:checked) ~ i.toggle.arrow-up {
  display: none;
}
.radio-dropdown-icons > input:not(:checked) ~ i.toggle.arrow-down {
  display: block;
}
.radio-dropdown-icons > input:disabled {
  cursor: no-drop;
}
.radio-dropdown-icons > span.placeholder {
  position: relative;
  z-index: 0;
  display: inline-block;
  width: 100%;
  color: #999;
  border-top: 0px;
}
.radio-dropdown-icons label.option {
  display: block;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  transition: all 1s ease-out;
}
.radio-dropdown-icons label.option span.title {
  position: relative;
  z-index: 2;
  transition: background 0.3s ease-out;
}
.radio-dropdown-icons label.option span.title i.icon {
  padding-right: 8px;
  color: #bcbec0;
  font-size: 1.2em;
}
.radio-dropdown-icons label.option span.title:hover {
  color: #fff;
  background: #bcbec0;
  box-shadow: inset 0px 1px 0px rgba(0, 0, 0, 0.1);
}
.radio-dropdown-icons label.option span.title:hover i.icon {
  color: #fff;
}
.radio-dropdown-icons label.option input {
  display: none;
}
.radio-dropdown-icons label.option input:checked ~ span.title {
  position: absolute;
  display: block;
  z-index: 3;
  top: 0px;
  font-size: 12px;
  background: #fff;
  border-top: 0px;
  box-shadow: none;
  color: inherit;
  width: 100%;
}
.radio-dropdown-icons label.option input:disabled ~ span.title {
  background: #f9f9f9 !important;
  color: #aaa;
}
.radio-dropdown-icons label.option input:disabled ~ span.title:hover {
  color: #aaa;
  background: none;
  cursor: no-drop;
}

/* Tag text */
a.tag, span.tag {
  text-transform: capitalize;
  color: #fff;
  padding-left: 6px;
  padding-right: 6px;
  margin-right: 5px;
  /*
  	&.offer-blackfriday { color:#fff; background:linear-gradient(to top, #bf152b, #df0e34);  text-indent: 10px; display: inline-block; font-size: 0.8em;  padding-top: 0px; padding-bottom: 0px; padding-right: 0 !important;
  		&:before { background:url("../images/offer-tag-end-0e3ad565fd.svg?v=1"); background-repeat:no-repeat; background-size:120px 23px; background-position: left top; margin-left: 81px;  height: 22px; width: 10px; content: " "; display: block; position: absolute; margin-top: -3px;} 
  		&:after { content:"OFFER"; color:#df0e34; background:#fff;  display: inline;  padding-left:6px; padding-right: 10px; margin-left: 16px; padding-top: 0px; padding-bottom: 0px; font-size: 1.2em; line-height: 1em;border-bottom: 2px solid #fff; border-top: 2px solid #fff; }
  	}
  }



  .productsCont {
  	&.gallery span.tags .tag.offer-blackfriday { padding-right: 16px !important;
  		&:before { margin-left: 93px; margin-top: -4px; }
  		&:after { display:none; }
  	}
  }
  .infoPage .details .tags .tag {
  	&.offer-blackfriday { font-size: 0.95em; vertical-align: top;
  		&:before { margin-left: 102px; background-size: 126px 24px; height: 24px; width: 12px; }
  		&:after { font-size: 1.3em;}
  	}
  }






  header.menu .search .results .tags .tag { 
  	&.offer-blackfriday { padding-right: 0 !important; padding-top: 0px; padding-bottom: 0px; width: 96px; 
  		&:before { margin-left: 0; float:right; position: inherit; height: 20px;}
  		&:after { display: none;}
  	}
  }

  @media screen and (max-width: 1150px) {
  	.productsCont {
  		&.largeGallery span.tags .tag.offer-blackfriday { padding-right: 16px !important;
  			&:before { margin-left: 79px; margin-top: -4px; }
  			&:after { display:none; }
  		}
  	}
  }
  @media screen and (max-width: 500px) {
  	.productsCont span.tags .tag.offer-blackfriday { padding-right: 16px !important;
  		&:after { display:none; }
  	}
  */
}
a.tag.new, span.tag.new {
  background-color: #3671b6 !important;
}
a.tag.hot, span.tag.hot {
  background-color: #f59523 !important;
}
a.tag.sale, span.tag.sale {
  background-color: #e72330 !important;
}
a.tag.bundle, span.tag.bundle {
  background-color: #9726c3 !important;
}
a.tag.refurbished, span.tag.refurbished {
  background-color: #8f8f8f !important;
}
a.tag.offer, span.tag.offer {
  background-color: #df0e34 !important;
}
a.tag.eol, span.tag.eol {
  background-color: #e72330 !important;
}
a.tag.offer-blackfriday, span.tag.offer-blackfriday {
  color: #000 !important;
}
a.tag.offer-blackfriday:after, span.tag.offer-blackfriday:after {
  color: #df0e34;
  content: " offer";
}
a.tag.offer-xmas, span.tag.offer-xmas {
  color: #c1272d !important;
}
a.tag.offer-xmas:before, span.tag.offer-xmas:before {
  content: "\e952";
  padding-right: 4px;
}
a.tag.offer-xmas:after, span.tag.offer-xmas:after {
  color: #4d4d4d;
  content: " offer";
}
a.tag.offer-todayonly, span.tag.offer-todayonly {
  color: #c21733;
}
a.tag.offer-todayonly:after, span.tag.offer-todayonly:after {
  color: #000;
  content: " deal";
}

.support h1, .support h2, .support h3 {
  font-size: 1.5em;
  line-height: 1.3em;
}
.support h1 {
  display: inline-block;
  float: none;
}
.support h2 {
  padding: 10px 0 35px 0;
  text-align: center;
  color: #000000;
}
.support h3 {
  padding: 20px 0;
  text-transform: none;
}
.support a {
  text-decoration: none;
}
.support .supportSearch {
  text-align: center;
  padding: 75px 20px 20px 20px;
  background: #f1f1f1;
}
.support .supportSearch .query {
  margin: 0 auto;
}
.support .supportSearch .contC {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
.support .supportSearch .contC:before {
  content: "Ask us a question";
  font-size: 2em;
  display: block;
  padding-bottom: 30px;
}
.support .supportSearch .contC .helpCentreLiveSearch {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.support .supportSearch .contC .helpCentreLiveSearch form {
  display: flex;
}
.support .supportSearch .contC .helpCentreLiveSearch form .searchField {
  width: 100%;
}
.support .supportSearch .contC .helpCentreLiveSearch form .searchField input {
  width: 100%;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d9dadb;
  color: #333;
  font-size: 1.1em;
  overflow: hidden;
  transition: all 0.3s ease-in-out 0s;
  text-indent: 15px;
  height: 46px;
  box-sizing: border-box;
  font-size: 16px !important;
}
.support .supportSearch .contC .helpCentreLiveSearch form .searchField label {
  display: none;
  float: left;
  padding-top: 15px;
}
.support .supportSearch .contC .helpCentreLiveSearch form button {
  height: 46px;
  width: 75px;
  background: transparent;
  color: transparent;
  position: absolute;
  right: 0;
  top: 0;
  padding-bottom: 10px;
  line-height: 2.2em;
  font-size: 0;
}
.support .supportSearch .contC .helpCentreLiveSearch form button:hover {
  background: transparent;
  color: #1766a6;
}
.support .supportSearch .contC .helpCentreLiveSearch form button:before {
  content: "\e918";
  font-size: 1.5rem;
  color: #1766a6;
  padding-right: 0;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: color ease-out 200ms;
}
.support .supportSearch .contC .helpCentreLiveSearch .results {
  text-align: left;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background-color: #ffffff;
  position: absolute;
  width: 100%;
  max-width: 450px;
}
.support .supportSearch .contC .helpCentreLiveSearch .results p {
  padding: 10px;
  background-color: #ebecec;
  color: #5b5b5b;
}
.support .supportSearch .contC .helpCentreLiveSearch .results a {
  color: #000000;
  text-decoration: none;
  display: block;
  padding: 10px;
}
.support .supportSearch .contC .helpCentreLiveSearch .results a:hover {
  background-color: #ebecec;
}
.support .supportSearch .contC .helpCentreLiveSearch .results label {
  font-size: 1.5em;
  padding-right: 20px;
}
.support .supportSearch .contC .helpCentreLiveSearch .results ul li.selected {
  background-color: rgba(61, 112, 183, 0.3882352941);
}
.support .supportFormNav {
  background-color: #f1f1f1;
  padding: 25px 0;
}
.support .supportFormNav .contC {
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
.support .supportFormNav .contC a {
  display: table-cell;
  text-align: center;
  transition: background-color 1s ease 0s;
  width: 240px;
  color: #5b5b5b;
  text-decoration: none;
  border-left: 1px solid #dddddd;
  padding: 15px 0;
}
.support .supportFormNav .contC a:hover {
  background-color: #e9e9e9;
}
.support .supportFormNav .contC a span {
  margin: 0 auto;
  display: block;
}
.support .supportFormNav .contC a span.icon {
  width: 80px;
  height: 80px;
  background: url("../images/support-icons-48d8bbaa76.svg?v=2") no-repeat;
  background-size: 600px 276px;
}
.support .supportFormNav .contC a.track {
  border-left: none;
}
.support .supportFormNav .contC a.track .icon {
  background-position: -10px -5px;
}
.support .supportFormNav .contC a.returns .icon {
  background-position: -110px -5px;
}
.support .supportFormNav .contC a.technical .icon {
  background-position: -210px -5px;
}
.support .supportFormNav .contC a.cs .icon {
  background-position: -310px -5px;
}
.support .supportFormNav .contC a.system .icon {
  background-position: -410px -5px;
}
.support .supportFormNav .contC a.sales .icon {
  background-position: -510px -5px;
}
.support .supportFormNav .contC a span.title {
  font-size: 1.1em;
  padding-top: 15px;
}
.support .helpCentre {
  padding: 30px 0;
}
.support .helpCentre span {
  color: #4072b5;
  font-size: 0.7em;
}
.support .helpCentre .contC {
  border: 1px solid #cccccc;
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
.support .helpCentre .contC .showResult {
  padding: 25px;
  background-color: #f5f5f5;
  /*response to form equire - contact customer service*/
  /*response to form equire - contact customer service*/
}
.support .helpCentre .contC .showResult h2 {
  text-align: left;
  color: #5b5b5b;
  padding: 20px 0 5px 0;
}
.support .helpCentre .contC .showResult h3 {
  padding-bottom: 5px;
  font-size: 1.3em;
}
.support .helpCentre .contC .showResult p {
  color: #5b5b5b;
  padding: 5px 0;
  font-size: 1em;
  line-height: 18px;
}
.support .helpCentre .contC .showResult p a {
  color: #4072b5;
  text-transform: uppercase;
}
.support .helpCentre .contC .showResult ol {
  list-style: none;
}
.support .helpCentre .contC .showResult ol li {
  counter-increment: item;
  margin-bottom: 5px;
  margin-left: 32px;
  padding: 3px 0;
}
.support .helpCentre .contC .showResult ol li:before {
  margin-right: 10px;
  content: counter(item);
  color: #3d70b7;
  position: absolute;
  margin-left: -30px;
  text-align: center;
  display: inline-block;
  font-size: 1.2em;
}
.support .helpCentre .contC .showResult ul {
  padding-top: 20px;
}
.support .helpCentre .contC .showResult ul li input, .support .helpCentre .contC .showResult ul li textarea {
  width: 100%;
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d9dadb;
  color: #333;
  font-size: 1em;
  overflow: hidden;
  transition: all 0.3s ease-in-out 0s;
  padding: 0.8em;
  box-sizing: border-box;
}
.support .helpCentre .contC .showResult ul li input {
  height: 46px;
  box-sizing: border-box;
}
.support .helpCentre .contC .showResult ul li textarea {
  height: 100px;
  padding-top: 10px;
  resize: vertical;
  width: 100%;
  box-sizing: border-box;
}
.support .helpCentre .contC .showResult ul li label {
  font-size: 1.1em;
  display: inline-block;
  width: 175px;
  color: #5b5b5b;
  vertical-align: top;
  padding-top: 20px;
  padding-bottom: 10px;
}
.support .helpCentre .contC .showResult button {
  padding: 0 45px;
  border-radius: 25px;
  background: #1766a6;
  margin-top: 15px;
}
.support .helpCentre .contC .showResult button:before {
  content: none;
}
.support .helpCentre .contC .showResult dd a {
  font-size: 1.1em;
}
.support .helpCentre .contC .showResult .articleSummary {
  padding: 15px 0;
  border-bottom: 1px solid #cccccc;
}
.support .helpCentre .contC .showResult .articleSummary a {
  color: #5b5b5b;
  font-family: "open_sans", sans-serif;
}
.support .helpCentre .contC .showResult .articleSummary .breadCrumb a {
  font-family: "open_sans-bold", sans-serif;
  text-transform: uppercase;
  color: #4072b5;
  display: inline-block;
  padding: 10px 0;
  font-size: 0.85em;
}
.support .helpCentre .contC .showResult .articleSummary .breadCrumb span {
  margin: 0 6px 0 5px;
  transform: rotate(45deg);
  display: inline-block;
  width: 5px;
  height: 5px;
  border-right: 2px solid #4072b5;
  border-top: 2px solid #4072b5;
}
.support .helpCentre .contC .showResult .articleForm div.response {
  padding: 20px 12px;
  font-size: 1.2em;
  line-height: 1.4em;
  font-family: "Poppins-Regular";
  background: rgba(61, 112, 183, 0.18);
  border-radius: 4px;
  margin: 25px auto;
  text-align: center;
}
.support .helpCentre .contC .comment {
  padding: 25px;
  border-top: 1px solid #ccc;
  background-color: #f5f5f5;
}
.support .helpCentre .contC .comment .articleFeedback p {
  color: #5b5b5b;
  padding-top: 10px;
}
.support .helpCentre .contC .comment .articleFeedback span {
  color: #bbbbbb;
}
.support .helpCentre .contC .comment .articleFeedback a {
  color: #ffffff;
  background-color: #cccccc;
  padding: 5px;
  display: inline-block;
  margin: 5px 5px 0 0;
  border-radius: 4px;
}
.support .helpCentre .contC .comment button {
  margin-left: 8px;
  padding: 0 25px;
  border-radius: 25px;
  background: grey;
}
.support .helpCentre .contC .comment button:before {
  content: none;
}
.support .helpCentre .contC .comment p {
  font-size: 1em;
  color: #bbbbbb;
  text-transform: uppercase;
}
.support .helpCentre .contC .comment .question {
  padding: 20px 0;
}
.support .helpCentre .contC .comment .question span {
  font-size: 1em;
  color: #5b5b5b;
}
.support .helpCentre .contC .errors {
  background-color: #4072b5;
  padding: 10px;
  color: #ffffff;
  border-radius: 4px;
}
.support .helpCentre .contC .errors span {
  font-size: 1em;
  color: #ffffff;
}
.support .helpCentre .shortList, .support .helpCentre .expandList, .support .helpCentre .fullList {
  padding: 25px;
}
.support .helpCentre .shortList {
  display: flex;
  flex-wrap: wrap;
}
.support .helpCentre .shortList h2 {
  width: 100%;
}
.support .helpCentre .shortList dl {
  width: 20%;
  display: table-cell;
}
.support .helpCentre .shortList dl dt {
  text-align: center;
  background: #f1f1f1;
  margin: 10px;
  padding: 10px 0;
  border-radius: 10px;
}
.support .helpCentre .shortList dl dt a {
  font-size: 1.2em;
  padding: 6px 0;
  color: #000000;
}
.support .helpCentre .shortList dl dd {
  text-align: center;
  background: #fafafa;
  margin: 10px;
  border-radius: 10px;
  padding: 8px 0;
  color: #5b5b5b;
  font-size: 1em;
  line-height: 18px;
}
.support .helpCentre .shortList dl dd a {
  font-size: 1em;
  color: #5b5b5b;
}
.support .helpCentre .shortList dl dd span {
  font-size: 0.8em;
}
.support .helpCentre .expandList {
  background-color: #f5f5f5;
}
.support .helpCentre .expandList dt {
  padding: 10px 0;
}
.support .helpCentre .expandList.fullList dl {
  width: auto;
}
.support .helpCentre .expandList.fullList dt {
  font-size: 1.2em;
}
.support .helpCentre .expandList.fullList dd {
  padding: 12px 0;
  border-bottom: 1px solid #cccccc;
  font-size: 1.1em;
  line-height: 18px;
  color: #5b5b5b;
}
.support .helpCentre .expandList.fullList dd a {
  color: #5b5b5b;
}
.support .helpCentre .expandList .showAll {
  font-size: 0.8em;
  display: block;
  color: #4072b5;
}
.support .helpCentre .expandList .showAll:after {
  content: " ";
  margin: -13px 0 0 58px;
  transform: rotate(225deg);
  display: block;
  width: 5px;
  height: 5px;
  border-left: 2px solid #4072b5;
  border-bottom: 2px solid #4072b5;
}
.support .helpCentre .expandList .listItems {
  display: inline-table;
  width: 230px;
  margin: 0 35px 25px 0;
}
.support .helpCentre .expandList .listItems dl dt {
  padding: 10px 0;
}
.support .helpCentre .expandList .listItems dl dt a {
  font-size: 1.2em;
  padding: 6px 0;
  color: #000000;
}
.support .helpCentre .expandList .listItems dl dt span {
  font-size: 0.8em;
}
.support .helpCentre .expandList .listItems dl dd {
  padding: 8px 0;
  color: #5b5b5b;
  font-size: 1em;
  line-height: 18px;
}
.support .helpCentre .expandList .listItems dl dd a {
  font-size: 1em;
  color: #5b5b5b;
}
.support .helpCentre .backLink {
  display: inline-block;
  padding: 0 0 0 10px;
  font-size: 0.9em;
  color: #4072b5;
  text-transform: uppercase;
}
.support .helpCentre .backLink:before {
  content: " ";
  margin: 0 0 -11px -10px;
  transform: rotate(45deg);
  display: block;
  width: 5px;
  height: 5px;
  border-left: 2px solid #4072b5;
  border-bottom: 2px solid #4072b5;
}
.support .helpCentre .tags {
  padding-top: 5px;
}
.support .helpCentre .tags span {
  font-size: 0.85em;
  color: #5b5b5b;
  text-transform: uppercase;
  padding-right: 4px;
}
.support .helpCentre .tags a {
  padding: 1px 5px;
  background-color: #e3e4e4;
  border-radius: 3px;
  margin-right: 4px;
  font-size: 0.85em;
  color: #5b5b5b;
}
.support .helpCentre .tags a:hover {
  background-color: #cccccc;
}
.support .complete {
  padding: 20px 0;
  color: #5b5b5b;
}
.support .leaveComment button {
  display: block;
  margin: 12px 0 0 0;
}

@media screen and (max-width: 1200px) {
  .support .helpCentre .contC {
    border: none;
  }
}
@media screen and (max-width: 1050px) {
  .support .helpCentre .shortList, .support .helpCentre .expandList, .support .helpCentre .fullList {
    padding: 10px;
  }
  .support .helpCentre .shortList dl dt a {
    font-size: 1em;
  }
  .support .helpCentre .shortList dl dd a {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 900px) {
  .support .supportSearch {
    padding: 50px 20px 0 20px;
  }
  .support .supportFormNav .contC {
    text-align: center;
  }
  .support .supportFormNav .contC a {
    width: 32%;
    display: inline-block;
    border-left: none;
    background-color: #e9e9e9;
    margin-bottom: 3px;
  }
  .support .helpCentre .expandList h3 {
    text-align: center;
  }
  .support .helpCentre .expandList .listItems {
    width: 100%;
    margin: 0 0 25px 0;
    display: block;
    text-align: center;
  }
  .support .helpCentre .expandList .showAll:after {
    display: none;
  }
}
@media screen and (max-width: 800px) {
  .support .helpCentre .shortList dl {
    display: block;
    width: 100%;
  }
  .support .helpCentre .shortList dl dt {
    padding-top: 15px;
  }
  .support .helpCentre .shortList dl dd {
    display: inline-block;
    padding: 3px 10px;
  }
  .support .helpCentre .contC .showResult ul li label {
    padding: 15px 0;
  }
  .support .helpCentre .contC .showResult ul li input {
    font-size: 16px;
  }
  .support .helpCentre .contC .showResult ul li textarea {
    font-size: 16px;
  }
}
@media screen and (max-width: 650px) {
  .support .supportSearch {
    padding: 50px 20px 0 20px;
  }
  .support .supportSearch .contC:before {
    font-size: 1.7em;
  }
  .support .supportFormNav .contC a {
    width: 49%;
  }
}
@media screen and (max-width: 600px) {
  .support h2, .support h3 {
    font-size: 1.3em;
  }
  .support .supportSearch {
    padding: 50px 20px 0 20px;
  }
  .support .supportFormNav {
    padding: 15px 0;
  }
  .support .supportFormNav .contC a {
    width: 32%;
    display: inline-block;
    border-left: none;
    background-color: #e9e9e9;
    margin-bottom: 3px;
  }
  .support .supportFormNav .contC a span.icon {
    width: 30px;
    height: 30px;
    background-size: 233px 122px;
  }
  .support .supportFormNav .contC a.track .icon {
    background-position: -2px -10px;
  }
  .support .supportFormNav .contC a.returns .icon {
    background-position: -44px -10px;
  }
  .support .supportFormNav .contC a.technical .icon {
    background-position: -82px -10px;
  }
  .support .supportFormNav .contC a.cs .icon {
    background-position: -121px -10px;
  }
  .support .supportFormNav .contC a.system .icon {
    background-position: -158px -10px;
  }
  .support .supportFormNav .contC a.sales .icon {
    background-position: -197px -10px;
  }
  .support .supportFormNav .contC a span.title {
    font-size: 1em;
  }
  .support .helpCentre .contC .comment button {
    margin-left: 8px;
  }
  .support .helpCentre .contC .showResult .articleForm div.response {
    font-size: 1em;
  }
}
@media screen and (max-width: 400px) {
  .support .supportFormNav .contC a {
    width: 49%;
  }
}
.help {
  background: #fff;
  height: 90px;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.help .helpLinks {
  border-right: 1px solid #dddddd;
  padding: 16px 22px 16px 32px;
  margin-top: 15px;
  float: left;
}
.help .helpLinks a {
  display: inline-block;
  padding: 0 30px;
  text-transform: uppercase;
}
.help .helpLinks a:before {
  font-family: "scanicons", sans-serif;
  font-style: normal;
  font-size: 1.4em;
  position: absolute;
  margin-left: -26px;
}
.help .helpLinks a.call:before {
  content: "\e919";
}
.help .helpLinks a.OLQ:before {
  content: "\e91f";
}
.help .helpLinks a.liveChat:before {
  content: "\e908";
  margin-left: -29px;
}
.help .helpLinks a.liveChat {
  padding-right: 20px;
}
.help .contactLinks {
  float: left;
  padding: 0 10px 0 30px;
  margin-top: 22px;
}
.help .contactLinks a {
  float: left;
  display: block;
  padding: 0 50px 0 30px;
  color: #bbbdc0;
  text-decoration: none;
}
.help .contactLinks a i:before {
  font-family: "scanicons", sans-serif;
  font-style: normal;
  font-size: 1.4em;
  position: absolute;
  margin-left: -28px;
}
.help .contactLinks a i {
  font-family: "open_sans-bold", sans-serif;
  font-weight: normal;
  text-transform: uppercase;
  font-style: normal;
}
.help .contactLinks a.callUs i:before {
  content: "\e919";
}
.help .contactLinks a.emailUs i:before {
  content: "\e90d";
  font-size: 1.6em;
  margin-left: -31px;
}
.help .contactLinks a span {
  display: block;
  color: #5b5b5b;
  font-size: 1.1em;
}
.help .contactLinks a:hover span {
  text-decoration: underline;
}
.help .helpAnswers {
  float: left;
  padding-top: 23px;
}
.help .helpAnswers input {
  border: 1px solid #dddddd;
  font-size: 16px;
  height: 34px;
  margin: 0;
  padding: 0;
  text-indent: 16px;
  width: 200px;
}
.help .helpAnswers button {
  float: right;
  height: 36px;
}
.help .helpAnswers .results {
  width: 200px;
}

@media screen and (max-width: 1200px) {
  .help .contactLinks a.emailUs {
    display: none;
  }
  .help .helpLinks {
    padding-left: 20px;
  }
  .help .helpLinks a {
    width: 50px;
  }
  .help .helpLinks a.liveChat {
    width: 70px;
  }
  .help .contactLinks a {
    padding: 0 20px 0 18px;
  }
  .help .helpAnswers input {
    width: 140px;
  }
  .help .helpAnswers .btn.small {
    padding: 0 8px;
  }
}
.facetedColumn {
  display: table-cell;
  padding: 0;
  vertical-align: top;
  width: 310px;
}
.facetedColumn > div {
  padding: 16px 30px 20px 0;
  border-right: 1px solid #dddddd;
  margin-left: 4px;
  margin-right: 0;
  /*--
  &.yourSelections { margin-left: 0; padding-left:4px;
      > ul { 
          > li {  
              > button.title {  }
              > div { 
                  > button { border:0; background: #f3f3f3; color:#000; display: block; padding: 6px 10px; margin-bottom: 6px; cursor: pointer;
                      > i { float: right; border-right: 1px solid colours.$scan-blue; display: block; height:11px; width:11px; @extend %rotate45deg; margin-left: 8px; 
                          &:before { content: " "; height:5px; width:11px; border-bottom: 1px solid colours.$scan-blue; display:block; margin-left: 6px; }
                      }
                      &.clear-filters { background:none; color: colours.$scan-blue; font-size: 0.85em; text-transform: uppercase; padding-left: 0;}
                  }
              }
          }
      }
  }
  --*/
}

.categoryPage #productFilter .facet .facets .header > button.close-filters {
  width: 100px;
  font-size: 0.6em;
  text-align: right;
  float: right;
  padding-top: 0;
  cursor: pointer;
}
.categoryPage #productFilter .facet .facets .header > button.close-filters:after {
  content: "\e910";
  display: block;
  float: right;
  padding-left: 6px;
}

.facet .facets .header {
  height: 20px;
}
.facet .facets .header > span {
  display: none;
}
.facet .facets .footer {
  display: none;
}
.facet .facets .checkboxWithText input[type=checkbox]:checked + label:before {
  background: #000;
  color: #fff;
}
.facet .facets .checkboxWithText input[type=checkbox]:checked + label span > i {
  color: #3d70b7;
}
.facet .facets .checkboxWithText label > span {
  color: #000;
}
.facet .facets .checkboxWithText.disabled {
  opacity: 0.3;
}
.facet .facets .checkboxWithText.disabled label:before {
  background: #999;
  color: #fff;
}
.facet .facets .field-block .checkboxWithText span.tag {
  display: inline-block;
  color: #fff;
}
.facet .facets .field-block .checkboxWithText span.tag.free {
  color: #000;
  padding-left: 0;
  padding-right: 0;
  margin-right: 0;
}
.facet .facets .field-block .checkboxWithText span.tag.hot, .facet .facets .field-block .checkboxWithText span.tag.new, .facet .facets .field-block .checkboxWithText span.tag.sale {
  padding-right: 0;
  padding-left: 8px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-size: 11px;
  margin-left: 12px;
}
.facet .facets .field-block .checkboxWithText span.tag.hot > i, .facet .facets .field-block .checkboxWithText span.tag.new > i, .facet .facets .field-block .checkboxWithText span.tag.sale > i {
  background-color: #fff;
  padding: 2px 0 2px 6px;
  font-size: 11px;
}
.facet .facets .field-block .link {
  padding: 6px 0;
}
.facet .facets .field-block .price-range-bar {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 6px;
}
.facet .facets .field-block .price-range-bar > div {
  transform: scale(1);
  cursor: ew-resize;
  height: 36px;
  display: flex;
  width: 100%;
}
.facet .facets .field-block .price-range-bar > div > div {
  height: 5px;
  width: 100%;
  border-radius: 4px;
  background: #3d70b7;
  align-self: center;
}
.facet .facets .field-block .price-range-bar .drag-handle {
  position: absolute;
  cursor: grab;
  user-select: none;
  touch-action: none;
  height: 18px;
  width: 18px;
  border-radius: 11px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgb(170, 170, 170) 0px 1px 3px;
  border: 1px solid #dddddd;
}
.facet .facets .field-block .price-range-bar .drag-handle > div:first-child {
  z-index: 0;
}
.facet .facets .field-block .price-range-bar .drag-handle > div:first-last {
  z-index: 1;
}
.facet .facets .field-block .price-range-bar .drag-handle.is-dragged {
  background: #3d70b7;
  border: 1px solid #3d70b7;
}
.facet .facets .field-block ul.price {
  display: table;
  width: 100%;
  background: #fff;
  border-radius: 3px;
}
.facet .facets .field-block ul.price > li {
  display: table-cell !important;
  width: 50%;
}
.facet .facets .field-block ul.price > li > span {
  display: block;
  padding: 4px 12px 14px;
}
.facet .facets .field-block ul.price > li > span span.title {
  padding-bottom: 4px !important;
}
.facet .facets .field-block ul.price > li > span > input {
  width: 90%;
}
.facet .facets .field-block ul.colour {
  padding: 0 3px !important;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText input[type=checkbox] + label:before {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 1px solid #bcbec0;
  margin-left: 3px;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText input[type=checkbox] + label span {
  margin-left: 30px;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText input[type=checkbox] + label:after {
  display: block !important;
  content: " ";
  margin-left: 3px;
  margin-top: -15px;
  width: 14px;
  height: 14px;
  position: relative;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText input[type=checkbox]:checked + label:before {
  border: 1px solid #000;
  line-height: 2em;
  box-shadow: 0 0 0 2px #fff, 0 0 0 3px #888;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText input[type=checkbox]:checked + label:after {
  transform: rotate(0deg);
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.black input[type=checkbox] + label:before {
  background: #000;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.black input[type=checkbox]:checked + label:before {
  border: 1px solid #000;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.silver input[type=checkbox] + label:before {
  background: #999 linear-gradient(to bottom, #999999, #f3f3f3);
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.silver input[type=checkbox]:checked + label:before {
  border: 1px solid #999999;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.transparent input[type=checkbox] + label:before {
  background: #E2ECF2 linear-gradient(to bottom, #E2ECF2, #ffffff);
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.transparent input[type=checkbox]:checked + label:before {
  border: 1px solid #E2ECF2;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.white input[type=checkbox] + label:before {
  background: #FFFFFF;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.white input[type=checkbox]:checked + label:before {
  border: 1px solid #bcbec0;
  color: #000000;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.cream input[type=checkbox] + label:before {
  background: #FFE4C4;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.cream input[type=checkbox]:checked + label:before {
  border: 1px solid #FFE4C4;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.grey input[type=checkbox] + label:before {
  background: #B8860B;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.grey input[type=checkbox]:checked + label:before {
  border: 1px solid #B8860B;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.grey input[type=checkbox] + label:before {
  background: #999;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.grey input[type=checkbox]:checked + label:before {
  border: 1px solid #999;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.grey-pale input[type=checkbox] + label:before {
  background: #D3D3D3;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.grey-pale input[type=checkbox]:checked + label:before {
  border: 1px solid #D3D3D3;
  color: #000000;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.space-grey input[type=checkbox] + label:before {
  background: #4D4D4D;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.space-grey input[type=checkbox]:checked + label:before {
  border: 1px solid #4D4D4D;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.red input[type=checkbox] + label:before {
  background: #DC143C;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.red input[type=checkbox]:checked + label:before {
  border: 1px solid #DC143C;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.red-dark input[type=checkbox] + label:before {
  background: #800000;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.red-dark input[type=checkbox]:checked + label:before {
  border: 1px solid #800000;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.orange input[type=checkbox] + label:before {
  background: #FF8C00;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.orange input[type=checkbox]:checked + label:before {
  border: 1px solid #FF8C00;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.orange-pale input[type=checkbox] + label:before {
  background: #FFCF83;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.orange-pale input[type=checkbox]:checked + label:before {
  border: 1px solid #FFCF83;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.orange-dark input[type=checkbox] + label:before {
  background: #C64922;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.orange-dark input[type=checkbox]:checked + label:before {
  border: 1px solid #C64922;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.yellow input[type=checkbox] + label:before {
  background: #FFD700;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.yellow input[type=checkbox]:checked + label:before {
  border: 1px solid #FFD700;
  color: #000000;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.yellow-pale input[type=checkbox] + label:before {
  background: #FFFFE0;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.yellow-pale input[type=checkbox]:checked + label:before {
  border: 1px solid #FFFFE0;
  color: #000000;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.gold input[type=checkbox] + label:before {
  background: #FBB03B;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.gold input[type=checkbox]:checked + label:before {
  border: 1px solid #FBB03B;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.rose-gold input[type=checkbox] + label:before {
  background: #B5868F;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.rose-gold input[type=checkbox]:checked + label:before {
  border: 1px solid #B5868F;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.pink-gold input[type=checkbox] + label:before {
  background: #D7B7AF;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.pink-gold input[type=checkbox]:checked + label:before {
  border: 1px solid #D7B7AF;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.green input[type=checkbox] + label:before {
  background: #09B509;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.green input[type=checkbox]:checked + label:before {
  border: 1px solid #09B509;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.green-pale input[type=checkbox] + label:before {
  background: #90EE90;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.green-pale input[type=checkbox]:checked + label:before {
  border: 1px solid #90EE90;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.green-dark input[type=checkbox] + label:before {
  background: #006400;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.green-dark input[type=checkbox]:checked + label:before {
  border: 1px solid #006400;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.cyan input[type=checkbox] + label:before {
  background: #00B4D8;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.cyan input[type=checkbox]:checked + label:before {
  border: 1px solid #00B4D8;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.blue input[type=checkbox] + label:before {
  background: #0071BC;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.blue input[type=checkbox]:checked + label:before {
  border: 1px solid #0071BC;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.blue-pale input[type=checkbox] + label:before {
  background: #B0E0E6;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.blue-pale input[type=checkbox]:checked + label:before {
  border: 1px solid #B0E0E6;
  color: #000000;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.blue-dark input[type=checkbox] + label:before {
  background: #000080;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.blue-dark input[type=checkbox]:checked + label:before {
  border: 1px solid #000080;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.purple input[type=checkbox] + label:before {
  background: #8A2BE2;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.purple input[type=checkbox]:checked + label:before {
  border: 1px solid #8A2BE2;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.purple-pale input[type=checkbox] + label:before {
  background: #D8BFD8;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.purple-pale input[type=checkbox]:checked + label:before {
  border: 1px solid #D8BFD8;
  color: #000000;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.purple-dark input[type=checkbox] + label:before {
  background: #4B0082;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.purple-dark input[type=checkbox]:checked + label:before {
  border: 1px solid #4B0082;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.pink input[type=checkbox] + label:before {
  background: #FF69B4;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.pink input[type=checkbox]:checked + label:before {
  border: 1px solid #FF69B4;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.pink-pale input[type=checkbox] + label:before {
  background: #F7BCF1;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.pink-pale input[type=checkbox]:checked + label:before {
  border: 1px solid #F7BCF1;
  color: #000000;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.pink-dark input[type=checkbox] + label:before {
  background: #8B008B;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.pink-dark input[type=checkbox]:checked + label:before {
  border: 1px solid #8B008B;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.magenta input[type=checkbox] + label:before {
  background: #EF018D;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.magenta input[type=checkbox]:checked + label:before {
  border: 1px solid #EF018D;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.brown input[type=checkbox] + label:before {
  background: #A0522D;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.brown input[type=checkbox]:checked + label:before {
  border: 1px solid #A0522D;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.brown-pale input[type=checkbox] + label:before {
  background: #C69C6D;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.brown-pale input[type=checkbox]:checked + label:before {
  border: 1px solid #C69C6D;
  color: #000000;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.brown-dark input[type=checkbox] + label:before {
  background: #603813;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.brown-dark input[type=checkbox]:checked + label:before {
  border: 1px solid #603813;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.beige input[type=checkbox] + label:before {
  background: #F1DCC1;
}
.facet .facets .field-block ul.colour > li span.checkboxWithText.beige input[type=checkbox]:checked + label:before {
  border: 1px solid #F1DCC1;
}
.facet .facets .group-category {
  padding: 10px 0;
}
.facet .facets .group-category span {
  display: inline-block;
  padding-top: 8px;
  color: #5b5b5b;
  font-size: 16px;
}
.facet .facets .group-category input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.facet .facets .group-category label {
  cursor: pointer;
  text-indent: -9999px;
  width: 40px;
  height: 20px;
  background: grey;
  display: block;
  border-radius: 20px;
  position: relative;
  float: right;
  margin-top: 6px;
}
.facet .facets .group-category label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 16px;
  height: 16px;
  background: #fff;
  border-radius: 16px;
  transition: 0.2s;
}
.facet .facets .group-category input:checked + label {
  background: #343743;
}
.facet .facets .group-category input:checked + label:after {
  left: calc(100% - 2px);
  transform: translateX(-100%);
}
.facet .facets .group-category label:active:after {
  width: 16px;
}

.filters-applied .filters > button.colour.orange:before {
  background: #FF8C00;
}
.filters-applied .filters > button.colour.black:before {
  background: #000;
}
.filters-applied .filters > button.colour.silver:before {
  background: linear-gradient(to bottom, #999999, #f3f3f3);
}
.filters-applied .filters > button.colour.transparent:before {
  background: #E2ECF2 linear-gradient(to bottom, #E2ECF2, #ffffff);
}
.filters-applied .filters > button.colour.white:before {
  background: #FFFFFF;
}
.filters-applied .filters > button.colour.cream:before {
  background: #FFE4C4;
}
.filters-applied .filters > button.colour.grey:before {
  background: #B8860B;
}
.filters-applied .filters > button.colour.grey:before {
  background: #999;
}
.filters-applied .filters > button.colour.grey-pale:before {
  background: #D3D3D3;
}
.filters-applied .filters > button.colour.space-grey:before {
  background: #4D4D4D;
}
.filters-applied .filters > button.colour.red:before {
  background: #DC143C;
}
.filters-applied .filters > button.colour.red-dark:before {
  background: #800000;
}
.filters-applied .filters > button.colour.orange:before {
  background: #FF8C00;
}
.filters-applied .filters > button.colour.orange-pale:before {
  background: #FFCF83;
}
.filters-applied .filters > button.colour.orange-dark:before {
  background: #C64922;
}
.filters-applied .filters > button.colour.yellow:before {
  background: #FFD700;
}
.filters-applied .filters > button.colour.yellow-pale:before {
  background: #FFFFE0;
}
.filters-applied .filters > button.colour.gold:before {
  background: #FBB03B;
}
.filters-applied .filters > button.colour.rose-gold:before {
  background: #B5868F;
}
.filters-applied .filters > button.colour.pink-gold:before {
  background: #D7B7AF;
}
.filters-applied .filters > button.colour.green:before {
  background: #09B509;
}
.filters-applied .filters > button.colour.green-pale:before {
  background: #90EE90;
}
.filters-applied .filters > button.colour.green-dark:before {
  background: #006400;
}
.filters-applied .filters > button.colour.cyan:before {
  background: #00B4D8;
}
.filters-applied .filters > button.colour.blue:before {
  background: #0071BC;
}
.filters-applied .filters > button.colour.blue-pale:before {
  background: #B0E0E6;
}
.filters-applied .filters > button.colour.blue-dark:before {
  background: #000080;
}
.filters-applied .filters > button.colour.purple:before {
  background: #8A2BE2;
}
.filters-applied .filters > button.colour.purple-pale:before {
  background: #D8BFD8;
}
.filters-applied .filters > button.colour.purple-dark:before {
  background: #4B0082;
}
.filters-applied .filters > button.colour.pink:before {
  background: #FF69B4;
}
.filters-applied .filters > button.colour.pink-pale:before {
  background: #F7BCF1;
}
.filters-applied .filters > button.colour.pink-dark:before {
  background: #8B008B;
}
.filters-applied .filters > button.colour.magenta:before {
  background: #EF018D;
}
.filters-applied .filters > button.colour.brown:before {
  background: #A0522D;
}
.filters-applied .filters > button.colour.brown-pale:before {
  background: #C69C6D;
}
.filters-applied .filters > button.colour.brown-dark:before {
  background: #603813;
}
.filters-applied .filters > button.colour.beige:before {
  background: #F1DCC1;
}
.filters-applied .filters > button.colour:before {
  content: " ";
  display: block;
  height: 12px;
  width: 12px;
  margin-left: -18px;
  margin-top: 2px;
  border-radius: 50%;
  position: absolute;
}

.categoryPage #productFilter > div > div:last-child {
  padding-bottom: 0 !important;
}

/*
@media screen and (max-width: 1100px) {
    .categoryPage #productFilter .facet .facets .header > button.close-filters { display: inline-block;  }
    .categoryPage #productFilter { 
        .facet { top:100%; background: rgba(0, 0, 0, 0); width:100%; height: 100vh; left:0; right:0; z-index: 3001; position: fixed; display:block; transition: top 1s ease-in-out; transition: background 0.3s ease-in-out; will-change: bottom; 
            &.visible { top:0;bottom: 0; background: rgba(0, 0, 0, 0.7); 
                .facets { overflow-y: auto !important;
                    .footer { display: block; position: fixed; bottom:0; }
                }
            }
            .facets { background: #f3f3f3; bottom: 85px; left:0; right:0;position: absolute; height: 100vh;
                .header { border-bottom: 2px solid colours.$scan-blue;
                    > span { display:inline-block;}
                    > button.clear-filters { display:inline-block; position: inherit; text-indent: 20px; }
                    > button.close-filters { display:inline-block; text-align: right; }
                }
                .footer { background: colours.$background-light-grey; text-align: center; position: relative; bottom:0; left:0; right:0; display:none; width: 100%; height: 52px; margin-left:0; box-shadow: 10px 10px 8px 10px #666666; padding-top:16px;
                    > button { display:inline-block; width: 120px; cursor: pointer; border: 1px solid colours.$scan-blue; background: colours.$scan-blue; color: #fff; padding: 4px 8px; line-height: 1.6em; text-align: center; font-size: 0.9em;
                        &.clear-filters { background: none; color: colours.$scan-blue; margin-right: 8px; }
                    }
                }
                > div { 
                    ul { 
                        li {  }
                    }
                }
            }
            > div { width:100%; display: block; padding:10px 0 !important; margin-left: 0;
                ul { display: flex; flex-wrap: wrap; width: 100%;
                    li {  font-size: 1.1em; width: 25%; flex-shrink: 0;
                    }
                    &.colour { 
                        .checkboxWithText label > span { margin-left: 26px; }
                        span.checkboxWithText input[type=checkbox] + label:before { margin-left:0; }
                    }
                }
            }
        }
        li.colour .checkboxWithText label > span { margin-left: 30px !important; }
    }
}

@media screen and (max-width: 930px) {
    .categoryPage #productFilter .facet .facets > div ul li { width: 33%; }
}
@media screen and (max-width: 570px) {
    .categoryPage #productFilter .facet .facets > div ul li { width: 50%; }
}
@media screen and (max-width: 360px) {
    .categoryPage #productFilter .facet .facets > div ul li { width: 100%; }
}
*/
.categoryPage #productFilter > div .field-block > div {
  margin-bottom: 10px;
  padding: 0 5px 0 2px;
}

.categoryPage #productFilter > div .field-block > div.group-category {
  padding: 5px 5px 20px 2px;
}

.categoryPage #productFilter > div > div > div:last-child {
  border: 0px;
}

.facet.visible {
  position: sticky;
  top: 45px;
  height: calc(90vh - 15px);
}
.facet .facets {
  border: 0;
  margin: 6px 0;
  border-radius: 5px;
  overflow-y: auto;
  max-height: calc(90vh - 45px);
  padding: 10px !important;
}
.facet .facets::-webkit-scrollbar {
  width: 4px;
}
.facet .facets::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.facet .facets::-webkit-scrollbar-thumb {
  background: #999;
  height: 20px;
}
.facet .facets::-webkit-scrollbar-thumb:hover {
  background: #666;
}
.facet .header {
  border-bottom: 0 !important;
  font-size: 1.6em;
  padding: 5px 0 8px !important;
  position: relative;
}
.facet .header .clear-filters {
  display: inline-block !important;
  padding: 0 !important;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 10px;
  width: auto !important;
}
.facet .header .clear-filters:hover {
  cursor: pointer;
  text-decoration: underline;
}
.facet span, .facet label, .facet i {
  caret-color: transparant;
}
.facet button.link i {
  font-size: 0.8em;
  color: #3d70b7;
}
.facet .scrollable .expands {
  display: block;
  max-height: 85px !important;
  overflow-y: scroll !important;
}
.facet .scrollable.expanded .expands {
  max-height: none !important;
  overflow-y: hidden !important;
}
.facet .scrollable .expands::-webkit-scrollbar {
  width: 5px;
}
.facet .scrollable .expands::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.facet .scrollable .expands::-webkit-scrollbar-thumb {
  background: #999;
  height: 20px;
}
.facet .scrollable .expands::-webkit-scrollbar-thumb:hover {
  background: #666;
}
.facet .checkboxWithText input[type=checkbox] + label:before {
  border-radius: 2px;
  border-color: #888;
}
.facet .checkboxWithText input[type=checkbox] {
  font-size: 1em;
  color: #555;
  caret-color: transparent;
}
.facet .checkboxWithText input[type=checkbox]::checked {
  color: #000;
}
.facet i {
  color: #999;
  font-size: 0.9em;
  margin-left: 5px;
}

/* icons */
.libraryHolder {
  margin-top: 300px;
  background: #fff;
  height: 600px;
}

.libraryHolder > div {
  width: 800px;
  margin: 0 auto;
}

.libraryHolder > div > div {
  padding: 30px 0;
}

/*
.LIB-arrow-prev-sm, .LIB-arrow-next-sm { height:100px; text-decoration:none; position:relative; width:20px; display:block; background:none; border:0; outline: 0; cursor:pointer; }
.LIB-arrow-prev-sm { }
.LIB-arrow-prev-sm span, .LIB-arrow-next-sm span { display:block; font-size:3em; line-height:3em; text-indent:20px; overflow:hidden; height:100px; }
.LIB-arrow-prev-sm i, .LIB-arrow-next-sm i { font-family:"scanicons", sans-serif; font-style:normal; height:20px; width:20px; background:#707070; display:block; color:#fff; top:50%; margin-top:-10px; position:absolute; font-size:1em; line-height:1em; }
.LIB-arrow-prev-sm i { border-bottom-left-radius:10px; border-top-left-radius:10px;  }
.LIB-arrow-prev-sm i:before { content: "\e90b";  }
.LIB-arrow-next-sm { border-left:1px solid #707070; }
.LIB-arrow-next-sm i { border-bottom-right-radius:10px; border-top-right-radius:10px; }
.LIB-arrow-next-sm i:before { content: "\e916"; }
*/
.LIB-arrow-prev-sm, .LIB-arrow-next-sm {
  cursor: pointer;
  border: 0;
}
.LIB-arrow-prev-sm > i, .LIB-arrow-next-sm > i {
  display: block;
  height: 20px;
  width: 20px;
}

.LIB-arrow-prev-sm > i {
  border-left: 2px solid #bcbec0;
  border-bottom: 2px solid #bcbec0;
}

.LIB-arrow-next-sm > i {
  border-right: 2px solid #bcbec0;
  border-top: 2px solid #bcbec0;
}

.arrow-up:before {
  content: "\e90b";
}

.arrow-down:before {
  content: "\e916";
}

/* icons */
.icon:before {
  font-family: "scanicons", sans-serif;
  font-style: normal;
}
.icon.login:before {
  content: "\e90e";
}
.icon.help:before {
  content: "\e908";
}
.icon.location:before {
  content: "\e90c";
}
.icon.telephone:before {
  content: "\e919";
}
.icon.twitter:before {
  content: "\e91b";
}
.icon.googlePlus:before {
  content: "\e907";
}
.icon.facebook:before {
  content: "\e905";
}
.icon.instagram:before {
  content: "\e946";
}
.icon.linkedin:before {
  content: "\e935";
}
.icon.youTube:before {
  content: "\e947";
}
.icon.reddit:before {
  content: "\e949";
}
.icon.close:before {
  content: "\e903";
}
.icon.bin:before {
  content: "\e94b";
}
.icon.sort-a-z:before {
  content: "\e96e";
}
.icon.sort-z-a:before {
  content: "\e971";
}
.icon.sort-price-low:before {
  content: "\e96f";
}
.icon.sort-price-high:before {
  content: "\e970";
}
.icon.share:before {
  content: "\e974";
}
.icon.mic:before {
  content: "\e966";
}
.icon.credit-card:before {
  content: "\e965";
}
.icon.system-laptop:before {
  content: "\e97e";
}
.icon.bell:before {
  content: "\e97f";
}
.icon.filter:before {
  content: "\e97d";
}
.icon.ico-view-gallery:before {
  content: "\e979";
}
.icon.ico-view-largegallery:before {
  content: "\e97a";
}
.icon.ico-view-largelist:before {
  content: "\e97b";
}
.icon.ico-view-list:before {
  content: "\e97c";
}
.icon.delivery-van:before {
  content: "\e978";
}
.icon.ico-nv-cart:before {
  content: "\e977";
}
.icon.ico-star-sharp:before {
  content: "\e976";
}
.icon.zoom-reverse:before {
  content: "\e975";
}
.icon.share:before {
  content: "\e974";
}
.icon.wishlist-off:before {
  content: "\e972";
}
.icon.wishlist-on:before {
  content: "\e973";
}
.icon.hex-pro-audio:before {
  content: "\e967";
}
.icon.hex-pro-cloud:before {
  content: "\e968";
}
.icon.hex-pro-deeplearning:before {
  content: "\e969";
}
.icon.hex-pro-gaming:before {
  content: "\e96a";
}
.icon.hex-pro-graphics:before {
  content: "\e96b";
}
.icon.hex-pro-IT:before {
  content: "\e96c";
}
.icon.hex-pro-video:before {
  content: "\e96d";
}
.icon.sort-A-Z:before {
  content: "\e96e";
}
.icon.sort-price-high:before {
  content: "\e96f";
}
.icon.sort-price-low:before {
  content: "\e970";
}
.icon.sort-Z-A:before {
  content: "\e971";
}
.icon.icon-mic:before {
  content: "\e966";
}
.icon.credit-card:before {
  content: "\e965";
}
.icon.callmeback:before {
  content: "\e964";
}
.icon.ios-share:before {
  content: "\e962";
}
.icon.andriod-share:before {
  content: "\e963";
}
.icon.ZoomPlus:before {
  content: "\e961";
}
.icon.date-time:before {
  content: "\e960";
}
.icon.logo-3XS:before {
  content: "\e95f";
}
.icon.clock:before {
  content: "\e95e";
}
.icon.pound-badge:before {
  content: "\e95b";
}
.icon.Trophies:before {
  content: "\e95c";
}
.icon.tag-outline:before {
  content: "\e95d";
}
.icon.clock7pm:before {
  content: "\e95a";
}
.icon.Arrow:before {
  content: "\e900";
}
.icon.Basket:before {
  content: "\e901";
}
.icon.Beabloo:before {
  content: "\e902";
}
.icon.Close:before {
  content: "\e903";
}
.icon.DPD:before {
  content: "\e904";
}
.icon.Facebook:before {
  content: "\e905";
}
.icon.Finance:before {
  content: "\e906";
}
.icon.GooglePlus:before {
  content: "\e907";
}
.icon.Help:before {
  content: "\e908";
}
.icon.Hex-S:before {
  content: "\e909";
}
.icon.InStock:before {
  content: "\e90a";
}
.icon.LeftArrow:before {
  content: "\e90b";
}
.icon.LocationPin:before {
  content: "\e90c";
}
.icon.Mail:before {
  content: "\e90d";
}
.icon.MyAccount:before {
  content: "\e90e";
}
.icon.Pintrest:before {
  content: "\e90f";
}
.icon.PreOrder:before {
  content: "\e910";
}
.icon.ProAudio:before {
  content: "\e911";
}
.icon.ProGaming:before {
  content: "\e912";
}
.icon.ProGraphics:before {
  content: "\e913";
}
.icon.ProVideo:before {
  content: "\e914";
}
.icon.QuestionMark:before {
  content: "\e915";
}
.icon.RightArrow:before {
  content: "\e916";
}
.icon.ScanSure:before {
  content: "\e917";
}
.icon.Search:before {
  content: "\e918";
}
.icon.Telephone:before {
  content: "\e919";
}
.icon.TodayOnly:before {
  content: "\e91a";
}
.icon.Twitter:before {
  content: "\e91b";
}
.icon.Zoom:before {
  content: "\e91c";
}
.icon.hex-3XS:before {
  content: "\e91d";
}
.icon.Folder:before {
  content: "\e91e";
}
.icon.Pointer:before {
  content: "\e91f";
}
.icon.Blog:before {
  content: "\e920";
}
.icon.Social:before {
  content: "\e921";
}
.icon.systems-3xs:before {
  content: "\e922";
}
.icon.ico-ComputerHardware:before {
  content: "\e923";
}
.icon.ico-DigiSignage:before {
  content: "\e924";
}
.icon.ico-ProAudio:before {
  content: "\e925";
}
.icon.ico-ProGaming:before {
  content: "\e926";
}
.icon.ico-ProGraphics:before {
  content: "\e927";
}
.icon.ico-ProVideo:before {
  content: "\e928";
}
.icon.menuIco:before {
  content: "\e929";
}
.icon.ico-Star:before {
  content: "\e92a";
}
.icon.View-OneGallery:before {
  content: "\e92b";
}
.icon.View-ThreeGallery:before {
  content: "\e92c";
}
.icon.View-TwoGallery:before {
  content: "\e92d";
}
.icon.ico-Tekspek:before {
  content: "\e92e";
}
.icon.Tick:before {
  content: "\e92f";
}
.icon.store:before {
  content: "\e933";
}
.icon.UPS:before {
  content: "\e934";
}
.icon.linkedin:before {
  content: "\e935";
}
.icon.view-360:before {
  content: "\e936";
}
.icon.Warning:before {
  content: "\e937";
}
.icon.MobilePhone:before {
  content: "\e938";
}
.icon.ico-info:before {
  content: "\e939";
}
.icon.ico-print:before {
  content: "\e93a";
}
.icon.backgroundTab:before {
  content: "\e93b";
}
.icon.ico-equals:before {
  content: "\e93c";
}
.icon.ico-plus:before {
  content: "\e93d";
}
.icon.PO:before {
  content: "\e93e";
}
.icon.mobile-gallery:before {
  content: "\e93f";
}
.icon.mobile-list:before {
  content: "\e940";
}
.icon.pdf:before {
  content: "\e941";
}
.icon.minus:before {
  content: "\e942";
}
.icon.scan-store:before {
  content: "\e943";
}
.icon.very-truck:before {
  content: "\e944";
}
.icon.ico-padlock:before {
  content: "\e945";
}
.icon.instagram:before {
  content: "\e946";
}
.icon.youtube:before {
  content: "\e947";
}
.icon.stylish-tick:before {
  content: "\e948";
}
.icon.Reddit:before {
  content: "\e949";
}
.icon.pickup:before {
  content: "\e94a";
}
.icon.Bin:before {
  content: "\e94b";
}
.icon.wishlist:before {
  content: "\e94c";
}
.icon.deep-ai:before {
  content: "\e94d";
}
.icon.apple:before {
  content: "\e94e";
}
.icon.Duplicate:before {
  content: "\e94f";
}
.icon.edit2:before {
  content: "\e950";
}
.icon.ico-openbox:before {
  content: "\e951";
}
.icon.present:before {
  content: "\e952";
}
.icon.snowflake:before {
  content: "\e953";
}
.icon.xmas-tree:before {
  content: "\e954";
}
.icon.ico-info:before {
  content: "\e955";
}
.icon.update:before {
  content: "\e956";
}
.icon.MyAccount-cir:before {
  content: "\e957";
}
.icon.replacement-48hr:before {
  content: "\e958";
}
.icon.replacement-48hr-bold:before {
  content: "\e959";
}
.icon.scan-logo:before {
  content: "\e9c9";
}
.icon.discord:before {
  content: "\e980";
}
.icon.wishlist:before {
  content: "\e972";
  position: absolute;
}
.icon.wishlist:after {
  font-family: "scanicons", sans-serif;
  font-style: normal;
  content: "\e973";
  position: relative;
  opacity: 0;
}
.icon.wishlist.added:before {
  content: "\e973";
}

i.inline-loader {
  background: url("../images/loading-b57376163b.svg");
  display: inline-block;
}

i.block-loader {
  background: url("../images/loading-b57376163b.svg");
  display: block;
}

.dots-nav {
  position: fixed;
  left: 35px;
  bottom: 0;
  transform: translateY(-30%);
  z-index: 99;
}
.dots-nav:before {
  content: "";
  position: absolute;
  width: 32px;
  right: -8px;
  height: 100%;
  border-radius: 20px;
  top: -24px;
}
.dots-nav ul {
  list-style: none;
}
.dots-nav ul li {
  text-align: right;
  padding: 0px;
  width: 10px;
  height: 10px;
  margin-bottom: 9px;
  background-color: #818181;
  border-radius: 50%;
  transform: scale(0.6);
  transition: transform 0.3s, background-color 0.5s;
}
.dots-nav ul li:hover {
  background-color: #fff;
  transform: scale(1);
}
.dots-nav ul li.current {
  background-color: #fff;
}
.dots-nav ul li.current:before {
  border: 1px solid #fff;
  display: block;
  content: " ";
  width: 22px;
  height: 22px;
  border-radius: 24px;
  margin-left: -6px;
  margin-top: -6px;
  position: absolute;
  transition: ease-in 0.5s;
}
.dots-nav ul li a {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 1.5;
  border-radius: 50%;
  left: -14px;
  top: -14px;
}
.dots-nav ul li a span {
  position: absolute;
  width: auto;
  top: 8px;
  left: 40px;
  white-space: nowrap;
  margin-right: 14px;
  font-size: 12px;
  font-weight: 800;
  color: #ffffff;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
  transform-origin: 100% 50%;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 100px;
  line-height: 26px;
  padding: 0 12px;
  text-transform: uppercase;
}
.dots-nav ul li a:hover:before {
  transform: scale(1);
  background-color: #fff;
}
.dots-nav ul li a:hover > span {
  opacity: 1;
  transform: scale(1);
}

body > div.compare {
  display: block;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
  left: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 199;
}
body > div.compare > div {
  border: 6px solid rgba(0, 0, 0, 0.3);
  position: relative;
  border-radius: 7px;
  margin: 30px auto 0 auto;
  width: 95%;
  max-width: 1480px;
}
body > div.compare > div > div {
  background-color: #fff;
  border-radius: 0;
  width: auto;
  min-height: 240px;
  position: static;
  height: 90vh;
  overflow-y: scroll;
}
body > div.compare > div > div p.loading {
  width: 100%;
  background: url("../images/loading-b57376163b.svg");
  background-repeat: no-repeat;
  background-size: 120px 120px;
  height: 160px;
  background-position: center 50px;
  text-indent: 30px;
}
body > div.compare > div > div > div {
  padding: 30px;
}
body > div.compare > div > div > div > span.title {
  text-transform: none;
  font-size: 2em;
  padding: 12px 0;
  display: block;
}
body > div.compare > div > div > div > div > span.subTitle {
  text-transform: none;
  font-size: 1.7em;
  padding: 6px 0 16px;
  display: block;
}
body > div.compare > div > div > div button.close {
  float: right;
  cursor: pointer;
  background: none;
  border: 0;
  outline: none;
  width: 40px;
  overflow: hidden;
  text-indent: 50px;
  color: #707070;
  height: 30px;
}
body > div.compare > div > div > div button.close:before {
  font-size: 1.3em;
  line-height: 1em;
  margin-left: -40px;
  padding-right: 20px;
}
body > div.compare > div > div > div button.popupRemoveAndClose {
  border-radius: 25px;
  background: grey;
  line-height: 2.2em;
  margin-left: 300px;
  margin-top: -34px;
  position: relative;
  float: left;
}
body > div.compare > div > div > div div#noProducts {
  background: #f5f5f5;
  margin: 20px 0 10px 0;
  padding: 20px 30px;
  font-size: 1.2em;
}
body > div.compare > div > div > div div#noProducts ul {
  font-size: 0.8em;
  padding-top: 6px;
}
body > div.compare > div > div > div button.popupClose {
  position: absolute;
  top: 35px;
  right: 47px;
  background: grey;
  border-radius: 15px;
}
body > div.compare > div > div > div button.popupClose:before {
  margin: 4px 0 0 0;
  line-height: 1;
  color: #fff;
  display: block;
  font-size: 20px;
  text-indent: 0;
  padding: 0;
}
body > div.compare > div > div > div .compareTemplate {
  padding: 20px 0;
  vertical-align: middle;
}

.compareTemplate .compareTable {
  width: max-content;
}
.compareTemplate .compareTable table {
  border: 0;
  border-spacing: 0;
}
.compareTemplate .compareTable table tr:nth-child(even) {
  background: #f3f3f3;
}
.compareTemplate .compareTable table tr td:first-child {
  width: 180px !important;
  font-size: 1em;
}
.compareTemplate .compareTable table td {
  width: 225px;
  padding: 8px 16px;
  border-right: 1px solid #ddd;
}
.compareTemplate .compareTable table td span.image {
  display: block;
  text-align: center;
}
.compareTemplate .compareTable table td span.image img {
  height: 170px;
  width: 170px;
}
.compareTemplate .compareTable table td span.description {
  display: block;
  line-height: 1.4em;
}
.compareTemplate .compareTable table td span.linkNo {
  display: block;
  padding: 8px 0;
  color: #3d70b7;
}
.compareTemplate .compareTable table td span.yes {
  width: 20px;
  overflow: hidden;
  display: inline-block;
  color: #52aa4d;
  line-height: 1.2em;
}
.compareTemplate .compareTable table td span.yes:before {
  content: "\e92f";
  font-size: 1.6em;
  margin-right: 10px;
}
.compareTemplate .compareTable table td span.no {
  width: 20px;
  overflow: hidden;
  display: inline-block;
  color: #e6232f;
  line-height: 1.2em;
}
.compareTemplate .compareTable table td span.no:before {
  content: "\e903";
  font-size: 1.4em;
  margin-right: 10px;
}
.compareTemplate .compareTable table td span.stock {
  padding-left: 5px;
  text-transform: uppercase;
}
.compareTemplate .compareTable table td span.stock:before {
  content: "";
  width: 20px;
  line-height: 0em;
  height: 12px;
  display: block;
  float: left;
  margin-top: 8px;
}
.compareTemplate .compareTable table td span.stock.in {
  color: #52aa4d;
}
.compareTemplate .compareTable table td span.stock.in:before {
  background: #52aa4d;
  display: block;
  padding: 0;
  position: static;
  margin: 2px 5px 0 0;
  width: 12px;
  height: 12px;
  border-radius: 25px;
}
.compareTemplate .compareTable table td span.stock.out {
  color: #3d70b7;
}
.compareTemplate .compareTable table td span.stock.out:before {
  content: "";
  background: #3d70b7;
  display: block;
  padding: 0;
  position: static;
  margin: 2px 5px 0 0;
  width: 12px;
  height: 12px;
  border-radius: 25px;
}
.compareTemplate .compareTable table td span.deliveryTag {
  font-size: 1em;
  font-family: inherit;
}
.compareTemplate .compareTable table td span.review-score {
  margin-left: 0;
  padding-top: 0;
}
.compareTemplate .compareTable table td span.review-score span {
  height: 14px;
}
.compareTemplate .compareTable table td div.priceAvailability {
  display: block;
}
.compareTemplate .compareTable table td div.priceAvailability .wasPrice {
  color: #5b5b5b;
  text-decoration: line-through;
}
.compareTemplate .compareTable table td div.priceAvailability .leftColumn {
  display: block;
  height: 40px;
  padding-top: 10px;
}
.compareTemplate .compareTable table td div.priceAvailability .leftColumn span.deliveryTag {
  display: none;
}
.compareTemplate .compareTable table td div.priceAvailability .rightColumn {
  display: block;
  height: 37px;
  padding-bottom: 15px;
  /* -
  .buyButton.medium {
      height: 39px;
      width: 133px;
  }

  .buyButton.medium>span.btnctrl {
      height: 37px;
      width: 130px;
  }
  .buyButton.medium>span.btnctrl.hover {
      height: 70px;
      width: 130px;
  }

  .buyButton.medium>span.btnctrl span.controls {
      height: 32px;
      width: 133px;
  }

  .buyButton>span.added>i {
      margin: 2px 0 0 25px;
  }

  a.btn {width: 130px; line-height: 3em;}
  --*/
}
.compareTemplate .compareTable table td div.priceAvailability .rightColumn .stock {
  display: none;
}
.compareTemplate .compareTable table td div.priceAvailability .rightColumn .delivery-date {
  display: none;
}
.compareTemplate .compareTable table td div.priceAvailability .rightColumn .price, .compareTemplate .compareTable table td div.priceAvailability .rightColumn .description {
  display: none;
}
.compareTemplate .compareTable table td div.priceAvailability .rightColumn .wishListColumn .wishlistheart .btn.wishList:hover {
  background: none;
}
.compareTemplate .compareTable table td div.priceAvailability .price {
  color: #3d70b7;
  font-size: 2.2em;
  padding-top: 0px;
}
.compareTemplate .compareTable table td div.priceAvailability .price .exVat {
  font-size: 0.4em;
  margin-left: 5px;
}
.compareTemplate .compareTable table th.groups {
  font-size: 1.4em;
  text-transform: none;
  font-weight: normal;
  padding: 20px 15px;
  text-align: left;
  background: #cccccc;
}

@media screen and (max-width: 1200px) {
  body > div.compare {
    background-color: rgba(0, 0, 0, 0);
  }
  body > div.compare > div {
    width: 100%;
    border-radius: 0;
    border: 0;
  }
  body > div.compare > div > div > div span.title {
    padding: 16px 0 16px 10px;
  }
}
@media screen and (max-width: 1000px) {
  body > div.compare {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    top: 86px;
  }
  body > div.compare > div {
    margin-top: 0;
    width: 100%;
    border-radius: 0;
    border: 0;
    border-bottom: 6px solid rgba(0, 0, 0, 0.6);
  }
  body > div.compare > div > div > div {
    padding-top: 40px;
  }
  body > div.compare > div > div > div > span.title {
    padding-left: 16px;
    font-size: 1.9em;
  }
  body > div.compare > div > div > div button.popupRemoveAndClose {
    position: inherit;
    margin-left: 0;
    margin-top: 0;
    text-transform: none;
    background: none;
    color: #a80002;
    padding-left: 16px;
    padding-top: 0;
    line-height: 1em;
    float: none;
  }
  body > div.compare > div > div > div button.popupRemoveAndClose:before {
    font-family: "scanicons", sans-serif;
    content: "\e903";
    font-size: 0.8em;
    padding-right: 6px;
    text-decoration: none;
  }
  body > div.compare > div > div > div button.popupRemoveAndClose:before:hover {
    text-decoration: underline;
  }
  body > div.compare > div > div > div button.popupRemoveAndClose:after {
    content: " Products";
  }
  body > div.compare > div > div > div button.popupRemoveAndClose:hover {
    text-decoration: underline;
  }
  body > div.compare > div > div > div button.popupRemoveAndClose:hover:before {
    text-decoration: none;
  }
  body > div.compare > div > div > div > div.compareTemplate > span.subTitle {
    padding-left: 16px;
    text-transform: none;
    padding-top: 14px;
  }
  body > div.compare > div > div > div > div.compareTemplate table td {
    width: 160px;
  }
  body > div.compare > div > div > div > div.compareTemplate table td span.description {
    min-height: 90px;
  }
  body > div.compare > div > div > div > div.compareTemplate table td span.image img {
    width: 120px;
    height: 120px;
  }
  body > div.compare > div > div > div > div.compareTemplate table td .review-score {
    width: 110px;
  }
  body > div.compare > div > div > div > div.compareTemplate table td .review-score .reviewscore {
    margin-right: 0;
    float: none;
    margin-top: 4px;
  }
  body > div.compare > div > div > div > div.compareTemplate table td:first-child {
    font-size: 1em;
    font-family: "Poppins-Regular", sans-serif;
    color: #3d70b7;
    width: 90px !important;
  }
}
@media screen and (max-width: 800px) {
  body > div.compare > div > div > div {
    padding: 20px 0 30px;
  }
  .compareTable table tr td:first-child {
    width: 100px !important;
  }
}
@media screen and (max-width: 780px) {
  body > div.compare {
    top: 46px;
  }
  body > div.compare > div {
    margin-top: 10px;
  }
  body > div.compare > div > div > div button.popupClose {
    top: 20px;
    right: 35px;
    opacity: 1;
    z-index: 301;
  }
}
@media screen and (max-width: 400px) {
  body > div.compare > div > div > div button.popupClose {
    top: 42px;
  }
}
/* Wishlist Button */
.btn.wishList {
  background: none;
  padding: 0;
  height: 32px;
  width: 33px;
  vertical-align: top;
  line-height: 1.1em;
  font-size: 1.9em;
  margin: 0 auto;
}
.btn.wishList:before {
  content: "\e972";
  color: #bcbec0;
  padding-left: 2px;
  transition: ease-in-out 0.3s;
}
.btn.wishList:hover:before {
  color: #a0a0a0;
}
.btn.wishList.selected:before {
  color: #3d70b7;
}

/* Wishlist Category */
.productsCont .productColumns .product .priceAvailability .wishListColumn {
  width: 36px;
  overflow: hidden;
}
.productsCont.list .productColumns .product .details {
  margin-right: 330px;
}
.productsCont.list .productColumns .product .priceAvailability {
  width: 330px;
}
.productsCont.list .productColumns .product .priceAvailability .wishListColumn {
  margin-left: 163px;
  margin-right: 120px;
}
.productsCont.list .productColumns .product .priceAvailability .wishListColumn .btn.wishList {
  margin-top: 2px;
  margin-left: 0px;
}
.productsCont.gallery .productColumns .product .priceAvailability .leftColumn {
  width: 144px;
}
.productsCont.gallery .productColumns .product .priceAvailability .wishListColumn {
  width: 32px;
}
.productsCont.gallery .productColumns .product .priceAvailability .wishListColumn .btn.wishList {
  font-size: 1.75em;
  margin-top: 4px;
}
.productsCont.largeGallery .productColumns .product .priceAvailability .rightColumn .buyButton > span > a {
  line-height: 1.2em;
  display: table-cell;
  vertical-align: middle;
}
.productsCont.largeGallery .productColumns .product .priceAvailability .wishListColumn .btn.wishList {
  font-size: 1.75em;
  margin-top: 4px;
}

.featured .productColumns .product .image img {
  width: 190px;
  height: 190px;
}
.featured .productColumns .product .details {
  margin-left: 200px;
}
.featured .productColumns .product .priceAvailability {
  margin-left: 200px;
}
.featured .productColumns .product .priceAvailability .priceWishlistBuy .leftColumn {
  width: 132px;
}
.featured .productColumns .product .priceAvailability .priceWishlistBuy .price {
  font-size: 1.95em;
}
.featured .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn {
  width: 92px;
  height: 40px;
}
.featured .productColumns .product .priceAvailability .priceWishlistBuy .rightColumn .buyButton > span > a {
  line-height: 1.2em;
  vertical-align: middle;
  display: table-cell;
  cursor: pointer;
}
.featured .productColumns .product .priceAvailability .priceWishlistBuy .wishListColumn {
  width: 28px;
  overflow: hidden;
}
.featured .productColumns .product .priceAvailability .priceWishlistBuy .wishListColumn .btn.wishList {
  margin-left: 0;
  font-size: 1.75em;
  margin-top: 3px;
  width: 28px;
}
.featured .productColumns .product > div:first-child {
  padding: 0 16px;
}
.featured .productColumns .product .review-score {
  margin-left: 20px;
}

/* Wishlist Popup */
#wishListPopUp #popup-container > div a.close {
  right: 1px;
}

.add-to-wishlist {
  min-height: 300px;
  padding: 30px;
}
.add-to-wishlist > span.heading {
  color: #111;
  font-size: 1.4em;
}
.add-to-wishlist > span.heading:before {
  content: "\e94c";
  padding-right: 10px;
  font-size: 1.3em;
  display: block;
  float: left;
}
.add-to-wishlist .product {
  padding-top: 16px;
  display: table;
}
.add-to-wishlist .product .image {
  width: 84px;
  height: auto;
  display: table-cell;
  vertical-align: middle;
}
.add-to-wishlist .product .image > img {
  width: 100%;
  object-fit: contain;
}
.add-to-wishlist .product .details {
  display: table-cell;
  vertical-align: middle;
  padding-left: 12px;
}
.add-to-wishlist .product .details > span.description {
  color: #000;
  font-size: 1.15em;
}
.add-to-wishlist .product .details > span.price {
  color: #111;
  font-size: 1.6em;
  display: block;
  padding-top: 5px;
}
.add-to-wishlist .product .details > span.price.call {
  color: #3d70b7;
  text-transform: uppercase;
  font-size: 1.25em;
}
.add-to-wishlist .add-list {
  min-height: 30px;
  margin-top: 8px;
}
.add-to-wishlist .add-list > button.new-list {
  background: none;
  border: 0;
  float: right;
  cursor: pointer;
  text-transform: uppercase;
  color: #3d70b7;
  margin-top: 6px;
  padding: 4px 10px 4px 6px;
  transition: ease-in-out 0.3s;
  border-radius: 4px;
}
.add-to-wishlist .add-list > button.new-list > i {
  width: 9px;
  display: block;
  height: 9px;
  overflow: hidden;
  padding: 0;
  float: left;
  margin-top: 3px;
  margin-right: 5px;
}
.add-to-wishlist .add-list > button.new-list > i:before, .add-to-wishlist .add-list > button.new-list > i:after {
  display: block;
  content: " - ";
  text-indent: 20px;
  position: absolute;
  overflow: hidden;
}
.add-to-wishlist .add-list > button.new-list > i:before {
  border-right: 1px solid #3d70b7;
  width: 4px;
  height: 9px;
}
.add-to-wishlist .add-list > button.new-list > i:after {
  content: " ";
  border-bottom: 1px solid #3d70b7;
  width: 9px;
  height: 4px;
}
.add-to-wishlist .add-list > button.new-list:hover {
  background: #dce8f2;
}
.add-to-wishlist .add-list.expanded > button.new-list > i:before {
  display: none;
}
.add-to-wishlist .add-list.expanded > div.expands {
  clear: right;
  display: table;
  width: 100%;
  padding: 16px 0;
}
.add-to-wishlist .add-list.expanded > div.expands > div {
  display: table-cell;
  vertical-align: top;
}
.add-to-wishlist .add-list.expanded > div.expands > div:first-child {
  width: 76%;
}
.add-to-wishlist .add-list.expanded > div.expands > div:first-child > label {
  color: #3d70b7;
  display: inline-block;
  width: 40%;
}
.add-to-wishlist .add-list.expanded > div.expands > div:first-child > input {
  height: 24px;
  display: inline-block;
  width: 52%;
  padding: 0 4px;
}
.add-to-wishlist .add-list.expanded > div.expands > div:last-child {
  width: 24%;
}
.add-to-wishlist .add-list.expanded > div.expands > div:last-child > button {
  width: 100%;
  line-height: 2.3em;
  border-radius: 22px;
}
.add-to-wishlist .login-to-wishlist {
  padding: 50px 0;
  text-align: center;
}
.add-to-wishlist .login-to-wishlist > button.btn {
  margin: 0 auto;
  width: 330px;
}
.add-to-wishlist .login-to-wishlist > p {
  padding-top: 10px;
}
.add-to-wishlist .recent-list {
  border-top: 1px solid #bcbec0;
  border-bottom: 1px solid #bcbec0;
  padding: 6px 0 2px;
  margin-top: 2px;
}
.add-to-wishlist .recent-list > ul {
  overflow-y: auto;
  max-height: 174px;
}
.add-to-wishlist .recent-list > ul > li {
  padding: 6px 0 6px 6px;
  border-bottom: 1px solid #cecece;
  min-height: 22px;
}
.add-to-wishlist .recent-list > ul > li:last-child {
  border-bottom: 0;
}
.add-to-wishlist .recent-list > ul > li > span {
  display: inline-block;
  vertical-align: top;
}
.add-to-wishlist .recent-list > ul > li > span.checkbox {
  width: 24px;
}
.add-to-wishlist .recent-list > ul > li > span.checkbox label {
  width: 18px;
}
.add-to-wishlist .recent-list > ul > li > span.checkbox label:after {
  left: 6px;
}
.add-to-wishlist .recent-list > ul > li > span.description {
  width: 266px;
  color: #000;
}
.add-to-wishlist .recent-list > ul > li > span.description > span.items {
  font-size: 0.8em;
  color: #5b5b5b;
}
.add-to-wishlist .recent-list > ul > li > span.value-qty {
  text-align: right;
  width: 136px;
  display: inline-block;
}
.add-to-wishlist .recent-list > ul > li > span.value-qty > span.list-value {
  width: 74px;
  text-align: right;
  vertical-align: top;
}
.add-to-wishlist .recent-list > ul > li > span.value-qty > span.qty {
  display: none;
  width: 66px;
}
.add-to-wishlist .recent-list > ul > li > span.value-qty > span.qty > button.increase, .add-to-wishlist .recent-list > ul > li > span.value-qty > span.qty > button.decrease {
  display: block;
  float: left;
  background: #fff;
  border: 0;
  width: 17px;
  height: 17px;
  padding: 0;
  overflow: hidden;
  cursor: pointer;
  transition: ease-in-out 0.2s;
}
.add-to-wishlist .recent-list > ul > li > span.value-qty > span.qty > button.increase > i, .add-to-wishlist .recent-list > ul > li > span.value-qty > span.qty > button.decrease > i {
  width: 9px;
  height: 4px;
  border-top: 1px solid #3d70b7;
  display: block;
  margin-left: 4px;
  margin-top: 4px;
  overflow: hidden;
  text-indent: 9px;
}
.add-to-wishlist .recent-list > ul > li > span.value-qty > span.qty > button.increase:hover, .add-to-wishlist .recent-list > ul > li > span.value-qty > span.qty > button.decrease:hover {
  background: #a3c7e4;
}
.add-to-wishlist .recent-list > ul > li > span.value-qty > span.qty > button.decrease {
  margin-left: 8px;
}
.add-to-wishlist .recent-list > ul > li > span.value-qty > span.qty > button.increase > i {
  position: relative;
  top: -5px;
}
.add-to-wishlist .recent-list > ul > li > span.value-qty > span.qty > button.increase:before {
  border-left: 1px solid #3d70b7;
  content: " ";
  float: left;
  display: block;
  height: 9px;
  margin-left: 8px;
  margin-top: 4px;
}
.add-to-wishlist .recent-list > ul > li > span.value-qty > span.qty > span {
  display: block;
  float: left;
  text-align: center;
  width: 24px;
  color: #3d70b7;
}
.add-to-wishlist .recent-list > ul > li > span.value-qty > span.add-to-list {
  display: inline-block;
  width: 62px;
}
.add-to-wishlist .recent-list > ul > li > span.value-qty > span.add-to-list > button {
  width: 58px;
  height: 17px;
  border: 1px solid #3d70b7;
  background: #3d70b7;
  color: #fff;
  font-size: 0.85em;
  text-transform: uppercase;
}
.add-to-wishlist .recent-list > ul > li.selected {
  background: #dce8f2;
}
.add-to-wishlist .recent-list > ul > li.selected > span.value-qty > span.qty {
  display: inline-block;
}
.add-to-wishlist .recent-list.loading {
  height: 160px;
}
.add-to-wishlist .recent-list.loading:before {
  background: url("../images/images/loading-b57376163b.svg");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 50px 50px;
  content: " ";
  margin: 50px auto 0;
  display: block;
  width: 50px;
  height: 50px;
  opacity: 0.9;
}
.add-to-wishlist .recent-list.no-lists {
  height: 160px;
  background: #f5f5f5;
}
.add-to-wishlist .recent-list.no-lists:before {
  content: "You currently have no wish lists, please create a new wish list";
  text-align: center;
  display: block;
  padding-top: 64px;
}
.add-to-wishlist div.add-to-list {
  text-align: center;
  padding: 18px 0;
}
.add-to-wishlist div.add-to-list a.link {
  text-transform: uppercase;
}

/* Are you sure popup */
.are-you-sure {
  height: 170px;
  padding: 30px;
}
.are-you-sure > span {
  display: block;
}
.are-you-sure > span.heading {
  color: #3d70b7;
  font-size: 1.3em;
  text-align: center;
  padding-top: 35px;
}
.are-you-sure > span.sub-heading {
  display: block;
  color: #000;
  padding: 15px 0 8px 0;
  margin: 0;
  font-size: 1em;
  text-align: center;
}
.are-you-sure > span.confirmation {
  text-align: center;
  padding-top: 10px;
}
.are-you-sure > span.confirmation > button {
  border-radius: 25px;
  padding: 0 35px;
  margin: 0 15px;
  background: #1463a2;
}
.are-you-sure > span.confirmation > button.BtnNo {
  background: grey;
}

/* Your Wishlist */
ul.list-reorderable {
  padding: 10px 0;
}
ul.list-reorderable > li {
  border: 1px solid #bcbec0;
  width: 100%;
  display: table;
  height: 90px;
  margin-top: 15px;
}
ul.list-reorderable > li .list-promote, ul.list-reorderable > li .list-total, ul.list-reorderable > li .list-remove, ul.list-reorderable > li .list-description {
  display: table-cell;
  height: 90px;
  vertical-align: middle;
}
ul.list-reorderable > li .list-promote {
  width: 50px;
  background: #e6e6e6;
}
ul.list-reorderable > li .list-promote > button {
  padding: 0;
  margin: 0;
}
ul.list-reorderable > li .list-promote > button > i {
  display: block;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  width: 12px;
  height: 12px;
  margin-left: 17px;
}
ul.list-reorderable > li .list-description {
  padding: 6px 20px;
}
ul.list-reorderable > li .list-description > a {
  text-decoration: none;
}
ul.list-reorderable > li .list-description > a > span {
  display: block;
}
ul.list-reorderable > li .list-description > a > span.title {
  color: #000;
  font-size: 1.3em;
  line-height: 1.1em;
  padding: 4px 0 3px;
}
ul.list-reorderable > li .list-description > a > span.title .items {
  font-size: 0.6em;
  color: #5b5b5b;
  padding-left: 4px;
}
ul.list-reorderable > li .list-description > a > span.last-edited {
  display: inline-block;
  color: #000;
  padding: 0 12px 1px 0;
  font-size: 0.9em;
  border-right: 1px solid #bcbec0;
}
ul.list-reorderable > li .list-description > a > span.last-edited span:last-child {
  display: none;
}
ul.list-reorderable > li .list-description > a > span.last-edited sup {
  font-size: 0.7em;
}
ul.list-reorderable > li .list-description > a > span.date-created {
  display: inline-block;
  color: #5b5b5b;
  padding: 1px 0 0 12px;
  font-size: 0.9em;
}
ul.list-reorderable > li .list-description > a > span.date-created span:last-child {
  display: none;
}
ul.list-reorderable > li .list-description > a > span.date-created sup {
  font-size: 0.7em;
}
ul.list-reorderable > li .list-description > a:hover > span.title {
  text-decoration: underline;
  color: #3d70b7;
}
ul.list-reorderable > li .list-total {
  width: 156px;
  color: #5b5b5b;
  background: none;
}
ul.list-reorderable > li .list-total .price {
  display: block;
  color: #3d70b7;
  font-size: 2.1em;
  padding-top: 9px;
}
ul.list-reorderable > li .list-total .price .exVat, ul.list-reorderable > li .list-total .price .incVat {
  font-size: 0.45em;
}
ul.list-reorderable > li .list-remove {
  width: 30px;
  overflow: hidden;
}
ul.list-reorderable > li .list-remove > button.remove {
  width: 50px;
  height: 90px;
  border: 0;
  background: none;
  overflow: hidden;
  font-size: 1.9em;
  cursor: pointer;
  line-height: 2.2em;
  vertical-align: top;
}
ul.list-reorderable > li .list-remove > button.remove:before {
  content: "\e94b";
  color: #5b5b5b;
  padding-right: 12px;
  padding-left: 7px;
  margin-top: 20px;
  display: block;
  overflow: hidden;
}
ul.list-reorderable > li .list-remove > button.remove:hover:before {
  color: #a80002;
}
ul.list-reorderable > li:nth-child(-n+5) .list-promote {
  background: #1766a6;
}
ul.list-reorderable > li:nth-child(-n+5) .list-promote > button {
  vertical-align: middle;
}
ul.list-reorderable > li:nth-child(-n+5) .list-promote > button > i {
  border-left: 0;
  border-top: 0;
  color: #fff;
  font-size: 1.8em;
  margin-top: -20px;
}
ul.list-reorderable > li:nth-child(1) .list-promote > button > i:before {
  content: "1";
}
ul.list-reorderable > li:nth-child(2) .list-promote > button > i:before {
  content: "2";
}
ul.list-reorderable > li:nth-child(3) .list-promote > button > i:before {
  content: "3";
}
ul.list-reorderable > li:nth-child(4) .list-promote > button > i:before {
  content: "4";
}
ul.list-reorderable > li:nth-child(5) .list-promote > button > i:before {
  content: "5";
}

/* Wishlist rename / duplicate */
.rename-duplicate {
  display: block;
  padding-top: 3px;
}
.rename-duplicate > button {
  background: none;
  color: #3d70b7;
  border: 0;
  padding: 0 2px 0 0;
  margin: 0;
  margin-right: 12px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 0.87em;
}
.rename-duplicate > button:before {
  color: #3d70b7;
  padding-right: 6px;
}
.rename-duplicate > button.rename:before {
  content: "\e950";
}
.rename-duplicate > button.duplicate:before {
  content: "\e94f";
}
.rename-duplicate > button.on {
  border-bottom: 2px solid #3d70b7;
}
.rename-duplicate .change-title {
  display: block;
  padding: 6px 0;
  margin-top: 6px;
}
.rename-duplicate .change-title input {
  line-height: 1.9em;
  width: 70%;
  display: inline-block;
  vertical-align: top;
}
.rename-duplicate .change-title button {
  line-height: 2.4em;
  width: 17%;
  display: inline-block;
  vertical-align: top;
}
.wishlist-cont h1 {
  line-height: 1.1em;
}
.wishlist-cont h1:before {
  display: inline-block;
  content: "\e94c";
  color: #3d70b7;
  padding-right: 12px;
}
.wishlist-cont h1 span.items {
  font-size: 0.45em;
  color: #707070;
}

.pageContent.wishlist-cont div.title h1 {
  padding-bottom: 10px;
  padding-top: 6px;
}
.pageContent.wishlist-cont div.title .last-edited, .pageContent.wishlist-cont div.title .date-created {
  padding-bottom: 16px;
  display: inline-block;
}
.pageContent.wishlist-cont div.title .last-edited > span:last-child, .pageContent.wishlist-cont div.title .date-created > span:last-child {
  display: none;
}
.pageContent.wishlist-cont div.title .last-edited > span > sup, .pageContent.wishlist-cont div.title .date-created > span > sup {
  font-size: 0.6em;
}
.pageContent.wishlist-cont div.title .date-created:before {
  content: "|";
  padding-left: 6px;
  padding-right: 10px;
}

/* Wishlist Product table */
.wishlist-cont .productTableExpanded {
  padding-top: 26px;
  margin: 0;
}
.wishlist-cont .productTableExpanded li.header .image {
  text-align: center;
}
.wishlist-cont .productTableExpanded > li > span {
  vertical-align: middle;
}
.wishlist-cont .productTableExpanded > li > span.qty {
  text-align: center;
  width: 45px;
}
.wishlist-cont .productTableExpanded > li > span.lnStock {
  display: none;
}
.wishlist-cont .productTableExpanded > li > span.lnStock .stock {
  text-transform: uppercase;
  font-size: 0.9em;
}
.wishlist-cont .productTableExpanded > li > span.lnStock .stock.in {
  color: #54a851;
}
.wishlist-cont .productTableExpanded > li > span.image {
  width: 100px;
}
.wishlist-cont .productTableExpanded > li > span.image > img {
  display: block;
  width: 64px;
  height: 64px;
  margin: 0 auto;
}
.wishlist-cont .productTableExpanded > li > span.desc > span {
  margin-top: 0;
  padding-right: 16px;
}
.wishlist-cont .productTableExpanded > li > span.desc > span > span {
  margin-top: 0;
  font-size: 0.9em;
}
.wishlist-cont .productTableExpanded > li > span.desc .productNotAvailable {
  color: #a80002;
  text-transform: uppercase;
  padding-top: 3px;
  display: block;
  font-size: 0.95em;
}
.wishlist-cont .productTableExpanded > li > span.desc .ln {
  display: block;
  padding-top: 3px;
  color: #3d70b7;
  font-size: 0.9em;
  margin-top: 0;
}
.wishlist-cont .productTableExpanded > li > span.item-price {
  width: 156px;
  vertical-align: middle;
}
.wishlist-cont .productTableExpanded > li > span.item-price .price {
  font-size: 1.5em;
  color: #3d70b7;
}
.wishlist-cont .productTableExpanded > li > span.item-price .price .exVat {
  font-size: 0.45em;
  display: inline-block;
  margin-top: 0;
}
.wishlist-cont .productTableExpanded > li > span.remove {
  width: 30px;
  vertical-align: middle;
}
.wishlist-cont .productTableExpanded > li > span.remove button.remove {
  width: 40px;
  height: 30px;
  border: 0;
  background: none;
  margin: 0;
  overflow: hidden;
  font-size: 1.9em;
  cursor: pointer;
}
.wishlist-cont .productTableExpanded > li > span.remove button.remove:before {
  content: "\e94b";
  color: #5b5b5b;
  padding-right: 12px;
  padding-left: 7px;
}
.wishlist-cont .productTableExpanded > li > span.remove button.remove:hover:before {
  color: #a80002;
}
.wishlist-cont .productTableExpanded > li.notAvailable > span.qty > span, .wishlist-cont .productTableExpanded > li.notAvailable > span.image > img, .wishlist-cont .productTableExpanded > li.notAvailable > span.desc > span, .wishlist-cont .productTableExpanded > li.notAvailable > span.item-price > .price {
  opacity: 0.3;
}
.wishlist-cont .productTableExpanded > li.notAvailable > span.desc > span .ln {
  color: #707070;
}
.wishlist-cont .productTableExpanded > li.notAvailable > span.item-price .price {
  color: #707070;
}
.wishlist-cont .list-total {
  background: #f2f2f2;
  margin: 0 0 20px;
  height: 160px;
  position: relative;
}
.wishlist-cont .list-total > div.total {
  width: 238px;
  position: absolute;
  right: 0;
  top: 0;
}
.wishlist-cont .list-total > div.total .price {
  font-size: 2.3em;
  color: #3d70b7;
}
.wishlist-cont .list-total > div.total .price .exVat {
  font-size: 0.45em;
  display: inline-block;
  margin-top: 0;
}
.wishlist-cont .list-total .action-row {
  display: flex;
  padding: 80px 30px 0 30px;
}
.wishlist-cont .list-total .action-row > form {
  display: block;
  width: 50%;
  margin-top: -25px;
}
.wishlist-cont .list-total .action-row > div {
  display: block;
  text-align: right;
  width: 50%;
}
.wishlist-cont .list-total .action-row > div > a.btn {
  display: inline-block;
  vertical-align: top;
  padding: 0 35px;
  background: grey;
  border-radius: 25px;
  margin: 0 15px;
}
.wishlist-cont .list-total .action-row > div > form {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}
.wishlist-cont .list-total .action-row > div > form .btn {
  padding: 0 35px;
  margin: 0 15px;
  border-radius: 25px;
}
.wishlist-cont .list-total .action-row .quickAdd {
  float: left;
  padding: 12px;
}
.wishlist-cont .list-total .action-row .quickAdd > label {
  display: block;
  color: #5b5b5b;
  font-size: 1.1em;
  font-size: 1.1em;
  height: 18px;
  padding: 0;
  margin-bottom: 5px;
}
.wishlist-cont .list-total .action-row .quickAdd > input {
  height: 36px;
  width: 270px;
  border: 1px solid #bcbec0;
  text-indent: 12px;
  border: 1px solid #d4d4d4;
  color: #4d4d4d;
  display: block;
  margin: 0;
  padding: 0;
  float: left;
  line-height: 1.4em;
  font-size: 1.2em;
}
.wishlist-cont .list-total .action-row .quickAdd > button.btn {
  width: 40px;
  vertical-align: top;
  margin-left: -3px;
  border: 1px solid #d4d4d4;
  background: #e8e8e8;
  color: #4d4d4d;
  display: block;
  height: 38px;
  width: 36px;
  margin: 0 0 0 -1px;
  padding: 0;
  float: left;
  line-height: 2.2em;
  border-radius: 0;
  overflow: hidden;
  font-size: 1.3em;
}
.wishlist-cont .list-total .action-row .quickAdd > button.btn:before {
  content: "\e93d";
  padding-right: 10px;
  display: inline-block;
  padding: 0 16px 0 9px;
}

div#wishListPopUp #popup {
  padding: 0;
}
div#wishListPopUp #popup > div {
  width: 540px;
}

/* Wishlist Product Info */
.infoPage > div.productPageActionColumn > div:last-child div.buyPanel div.priceAvailability div.wishListColumn > button {
  margin-top: 2px;
}

.siteShopCategory .productsCont.gallery .productColumns > li.product .priceAvailability .wishListColumn {
  position: inherit;
}

@media screen and (max-width: 1200px) {
  .siteShopCategory .productsCont.gallery .productColumns > li.product .priceAvailability .wishListColumn {
    float: left;
  }
}
@media screen and (max-width: 600px) {
  .siteShopCategory .productsCont.gallery .productColumns > li.product .priceAvailability .wishListColumn {
    float: right;
  }
}
@media screen and (max-width: 1200px) {
  .productsCont.largeGallery .productColumns .product .priceAvailability .wishListColumn {
    width: 40px;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .rightColumn span.stock {
    float: none;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .rightColumn .buyButton {
    width: 110px;
  }
  .productsCont.gallery .productColumns > li.product > div:first-child {
    height: 460px;
  }
}
@media screen and (max-width: 996px) and (min-width: 20px) {
  div#wishListPopUp #popup {
    min-width: auto;
    width: 100%;
  }
  div#wishListPopUp #popup > div {
    border: 0;
    width: 540px;
    margin: 70px auto 0;
    padding: 0;
  }
}
@media screen and (max-width: 965px) {
  .wishlist-cont .list-total {
    height: auto;
  }
  .wishlist-cont .list-total .action-row {
    flex-wrap: wrap;
    padding: 45px 15px 0 15px;
  }
  .wishlist-cont .list-total .action-row > form {
    margin-bottom: 10px;
    width: 100%;
  }
  .wishlist-cont .list-total .action-row > div {
    width: 100%;
    text-align: left;
    padding-bottom: 25px;
  }
  .wishlist-cont .list-total .action-row > div > a.btn {
    margin: 0;
  }
}
@media screen and (max-width: 860px) {
  .productsCont.largeGallery .productColumns .product > div:first-child {
    height: 520px;
  }
  ul.list-reorderable > li .list-description > a > span.last-edited {
    border-right: 0;
  }
  ul.list-reorderable > li .list-description > a > span.date-created {
    padding-left: 0;
  }
  .productsCont.list .productColumns .product .details {
    margin-right: 130px;
  }
  .productsCont.list .productColumns .product .priceAvailability {
    width: auto;
  }
  .productsCont.list .productColumns .product .priceAvailability .wishListColumn {
    width: auto;
    margin-right: 124px;
  }
  .productsCont.list .productColumns .product .priceAvailability .wishListColumn .btn.wishList {
    float: right;
  }
}
@media screen and (max-width: 740px) {
  .productsCont.largeGallery .productColumns .product .priceAvailability .rightColumn .stock {
    margin-left: 0;
  }
  .wishlist-cont ul.list-reorderable > li .list-total {
    width: 130px;
  }
  .wishlist-cont ul.list-reorderable > li .list-total .price .exVat {
    display: block;
  }
  .wishlist-cont ul.list-reorderable > li .list-remove {
    width: 30px;
  }
  .wishlist-cont ul.list-reorderable > li .list-remove > button {
    width: 30px;
    padding: 0;
  }
  .wishlist-cont ul.list-reorderable > li .list-remove > button:before {
    padding-left: 2px;
  }
}
@media screen and (max-width: 780px) and (min-width: 10px) {
  body.popup div#wishListPopUp #popup {
    top: 42px !important;
  }
  body.popup div#wishListPopUp #popup > div {
    border-radius: 7px;
    width: auto !important;
    margin-top: 20px !important;
  }
}
@media screen and (max-width: 680px) and (min-width: 10px) {
  .wishlist-cont .productTableExpanded > li > span.lnStock span {
    margin-top: 40px !important;
  }
  .wishlist-cont .productTableExpanded > li > span.desc span {
    margin-top: 0;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .wishlist-cont .productTableExpanded > li > span.item-price {
    width: 110px;
  }
  .wishlist-cont .productTableExpanded > li > span.item-price .price > span.exVat {
    display: block;
  }
  .wishlist-cont .productTableExpanded > li.header > span {
    border-bottom: 0;
    padding-bottom: 6px;
  }
}
@media screen and (max-width: 650px) {
  .wishlist-cont .list-total {
    height: auto;
  }
  .wishlist-cont .list-total div.total {
    width: 175px;
  }
  .wishlist-cont .list-total .action-row .quickAdd {
    padding-left: 0;
  }
  .wishlist-cont .list-total .action-row .quickAdd > input {
    width: 200px;
  }
}
@media screen and (max-width: 600px) {
  .productsCont.list .productColumns .product .details {
    margin-right: 0;
  }
  .productsCont.list .productColumns .product .priceAvailability .wishListColumn {
    margin-right: 120px;
  }
  .productsCont.gallery .productColumns > li.product > div:first-child {
    height: 500px;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability {
    height: 60px;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .leftColumn {
    width: 160px;
    float: left;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .rightColumn {
    float: right;
    width: 100px;
    margin-left: 6px;
    margin-right: 0;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .rightColumn > span.stock {
    padding-left: 0;
    margin-left: 0;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .wishListColumn {
    position: inherit;
    margin-top: 0;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .wishListColumn .btn.wishList {
    float: right;
  }
}
@media screen and (max-width: 600px) and (min-width: 100px) {
  .pageContent.wishlist-cont ul.list-reorderable > li {
    height: inherit;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li span.list-promote {
    display: block;
    float: left;
    height: 40px;
    width: 40px;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li span.list-promote > i {
    font-size: 1.6em;
    margin-top: 11px;
    margin-left: 15px;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li .list-description {
    display: block;
    height: inherit;
    padding-top: 12px;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li .list-description span.last-edited, .pageContent.wishlist-cont ul.list-reorderable > li .list-description span.date-created {
    font-size: 12px;
    display: inline-block;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li .list-description span.last-edited span:last-child, .pageContent.wishlist-cont ul.list-reorderable > li .list-description span.date-created span:last-child {
    display: inline-block;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li .list-description span.last-edited span:first-child, .pageContent.wishlist-cont ul.list-reorderable > li .list-description span.date-created span:first-child {
    display: none;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li .list-description span.last-edited {
    margin-right: 10px;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li .list-description span.last-edited:after {
    content: "|";
    padding-left: 10px;
    display: inline-block;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li span.list-total {
    display: block;
    height: inherit;
    margin-left: 20px;
    width: auto;
    padding-top: 6px;
    margin-bottom: 0;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li span.list-total .price {
    display: inline-block;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li span.list-total .price .exVat {
    display: inline-block;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li span.list-remove {
    display: block;
    height: inherit;
    width: auto;
    margin-left: 20px;
    margin-bottom: 14px;
    margin-top: 10px;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li span.list-remove > button {
    height: inherit;
    width: inherit;
    font-size: 12px;
    padding-right: 20px;
    line-height: 1em;
  }
  .pageContent.wishlist-cont ul.list-reorderable > li span.list-remove > button:before {
    padding-right: 6px;
    display: inline-block;
    margin-top: 0;
  }
  .pageContent.wishlist-cont > div.title span.last-edited, .pageContent.wishlist-cont > div.title span.date-created {
    font-size: 12px;
    display: inline-block;
  }
  .pageContent.wishlist-cont > div.title span.last-edited span:last-child, .pageContent.wishlist-cont > div.title span.date-created span:last-child {
    display: inline-block;
  }
  .pageContent.wishlist-cont > div.title span.last-edited span:first-child, .pageContent.wishlist-cont > div.title span.date-created span:first-child {
    display: none;
  }
}
@media screen and (max-width: 560px) and (min-width: 20px) {
  div#wishListPopUp #popup > div {
    margin: 70px 16px 0;
    width: auto !important;
  }
  div#wishListPopUp #popup > div .recent-list {
    padding: 6px 0;
  }
  div#wishListPopUp #popup > div .recent-list > ul {
    max-height: 220px;
  }
  div#wishListPopUp #popup > div .recent-list > ul > li {
    padding-top: 6px;
    padding-bottom: 8px;
  }
  div#wishListPopUp #popup > div .recent-list > ul > li > span.checkbox {
    display: block;
    float: left;
  }
  div#wishListPopUp #popup > div .recent-list > ul > li > span.description {
    margin-left: 24px;
    width: inherit;
    vertical-align: top;
    display: block;
    padding-bottom: 4px;
  }
  div#wishListPopUp #popup > div .recent-list > ul > li > span.value-qty {
    display: block;
    clear: left;
    text-align: left;
    width: 100%;
    height: 20px;
  }
  div#wishListPopUp #popup > div .recent-list > ul > li > span.value-qty span.list-value {
    padding-left: 24px;
    font-family: "open_sans-bold", sans-serif;
    font-style: normal;
    color: #3d70b7;
  }
  div#wishListPopUp #popup > div .recent-list > ul > li > span.value-qty span.qty {
    display: none;
    float: right;
    width: 76px;
  }
  div#wishListPopUp #popup > div .recent-list > ul > li.selected > span.value-qty span.qty {
    display: block;
  }
  .add-to-wishlist {
    height: inherit;
    padding: 22px;
  }
  .add-to-wishlist > span.heading {
    font-size: 1.4em;
  }
  .add-to-wishlist .product .details {
    margin-left: 74px;
  }
  .add-to-wishlist .product .details > span.description {
    font-size: 1.05em;
  }
  .add-to-wishlist .product .image {
    width: 60px;
  }
  .add-to-wishlist .product .image > img {
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 490px) {
  .productsCont.largeGallery .productColumns .product .priceAvailability div.rightColumn {
    width: 90px;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .wishListColumn {
    position: inherit;
    width: 32px;
    margin-top: 0;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .wishListColumn .btn.wishList {
    float: right;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .leftColumn {
    width: 150px;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel .priceAvailability div.priceWishlistBuy {
    display: block;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel .priceAvailability div.priceWishlistBuy > div.wishListColumn {
    display: block;
    padding-top: 0;
    float: right;
    margin-top: -40px;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel .priceAvailability div.priceWishlistBuy > div.rightColumn {
    display: block;
  }
  .infoPage > div.productPageActionColumn > div:last-child div.buyPanel .priceAvailability div.priceWishlistBuy > span.wasPrice {
    position: inherit;
    display: block;
  }
  .wishlist-cont .productTableExpanded {
    display: block;
  }
  .wishlist-cont .productTableExpanded > li {
    border-top: 1px solid #bcbec0 !important;
    display: block;
    min-width: inherit;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .wishlist-cont .productTableExpanded > li.header {
    display: none;
  }
  .wishlist-cont .productTableExpanded > li > span {
    display: block;
    height: inherit;
    border-bottom: 0;
  }
  .wishlist-cont .productTableExpanded > li > span.qty {
    display: inline-block;
  }
  .wishlist-cont .productTableExpanded > li > span.image {
    margin-left: 20px;
    display: inline-block;
  }
  .wishlist-cont .productTableExpanded > li > span.lnStock {
    display: inline-block;
  }
  .wishlist-cont .productTableExpanded > li > span.lnStock span {
    margin-top: 0px !important;
    margin-left: 0 !important;
  }
  .wishlist-cont .productTableExpanded > li > span.remove {
    width: 30px;
    float: right;
    margin-top: -40px;
  }
  .wishlist-cont .productTableExpanded > li:last-child {
    border-bottom: 1px solid #bcbec0 !important;
  }
  .wishlist-cont .productTableExpanded > li:last-child > span {
    border-bottom: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  .wishlist-cont .list-total .action-row {
    padding-top: 75px;
  }
  .wishlist-cont .list-total .action-row > div > a.btn {
    width: 75px;
    display: block;
    text-align: center;
  }
  .wishlist-cont .list-total .action-row > div > form {
    margin-left: 0;
  }
  .wishlist-cont .list-total .action-row > div > form .btn {
    margin: 15px 0 0 0;
  }
}
@media screen and (max-width: 400px) and (min-width: 20px) {
  .pageContent.wishlist-cont > div.title span.last-edited, .pageContent.wishlist-cont > div.title span.date-created {
    display: block;
    padding-bottom: 4px;
  }
  .pageContent.wishlist-cont > div.title span.last-edited:before, .pageContent.wishlist-cont > div.title span.date-created:before {
    display: none;
  }
}
@media screen and (max-width: 370px) {
  .productsCont.gallery .productColumns .product div.priceAvailability div.leftColumn {
    width: 120px;
  }
}
@media screen and (max-width: 360px) {
  .productsCont.gallery .productColumns > li.product .priceAvailability .leftColumn {
    width: 120px;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .rightColumn {
    width: 80px;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .rightColumn .buyButton {
    width: 80px;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .rightColumn .buyButton > span {
    width: 80px;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .rightColumn .buyButton > span > a {
    width: 80px;
    line-height: 1.2em;
    padding-top: 4px;
  }
  .productsCont.gallery .productColumns > li.product .priceAvailability .rightColumn span.stock {
    font-size: 0.7em;
  }
}
.address-pca input {
  font-size: 1.2em;
  margin: 8px 5px !important;
  height: 28px;
  width: 98%;
}

/* Bug fix to override flags not being displayed */
.pca div:empty {
  display: block !important;
}

.loginArea {
  font-size: 1em;
  /* RUPEN NEEDS TO FIX THIS .check-out-loggedout .Basket-step1 div.step-body { margin:0 0 0 0 !important;  }*/
  /*Styles for screen 1130px and lower*/
}
.loginArea.checkoutContainer {
  display: block;
}
.loginArea form.tradeLoginForm {
  width: inherit;
  float: none;
  margin-right: 390px;
}
.loginArea form.tradeLoginForm .row input {
  width: 60%;
}
.loginArea form.tradeLoginForm div.row {
  height: 60px;
}
.loginArea form.tradeLoginForm div.row span.error {
  margin-left: 90px;
  font-size: 0.8em;
}
.loginArea .changeDateButtonContainer {
  color: #00BF00;
  display: inline-block;
  font-size: 1.4em;
  font-weight: bold;
  margin: 0 3px;
  padding: 5px 6px;
  border: 0 none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.loginArea .Basket2-cont {
  width: 100%;
}
.loginArea .Basket-Summary h1 {
  display: none;
}
.loginArea .Basket-Summary h2 {
  font-size: 1.9em;
  line-height: 1em;
  color: #000;
  display: block;
  margin: 0;
  padding: 12px 0;
}
.loginArea .open-check-out {
  display: block;
  min-height: 74px;
  padding-top: 18px;
  text-align: center;
}
.loginArea .checkout-paypal {
  background: none repeat scroll 0 0 #D9F9D9;
}
.loginArea .checkout-paypal span {
  padding: 7px 80px 8px 25px;
}
.loginArea .checkout-paypal strong {
  background: url("../images/ico_basket-sprite-45ea545fcb.png") no-repeat scroll 0 -458px transparent;
  display: inline-block;
  height: 20px;
  line-height: 3em;
  margin: -2px 0 0 4px;
  overflow: hidden;
  position: absolute;
  text-indent: 61px;
  width: 62px;
}
.loginArea .open-check-out p {
  line-height: 1.3em;
  margin: 0;
  padding: 6px 0 12px;
}
.loginArea .checkout-summary {
  padding: 0 6px;
}
.loginArea .checkout-summary ul {
  border-bottom: 1px solid #DFE2E4;
  clear: left;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.loginArea .checkout-summary li {
  float: left;
  height: 44px;
  margin: 0;
  padding: 0;
}
.loginArea .checkout-summary .qty {
  color: #4D4D4D;
  float: left;
  font-size: 0.9em;
  width: 22px;
}
.loginArea .checkout-summary .qty span {
  padding: 12px 0 0;
  line-height: 2.4em;
}
.loginArea .checkout-summary .qty span span {
  font-weight: bold;
}
.loginArea .checkout-summary .bas-image {
  padding: 2px 2px 0;
}
.loginArea .checkout-summary .bas-image a {
  margin: 0;
}
.loginArea .checkout-summary .description {
  font-size: 0.9em;
  margin: 0;
  width: 136px;
}
.loginArea .checkout-summary .description a {
  color: #4D4D4D;
  display: block;
  height: 28px;
  margin: 8px 0 0 4px;
  overflow: hidden;
  padding: 0 4px 0 0;
  text-decoration: none;
}
.loginArea .checkout-summary .inc-vat span {
  color: #4D4D4D;
  display: block;
  padding: 12px 0 0;
}
.loginArea .collapse-basket {
  background: none repeat scroll 0 0 #EEF4F9;
  clear: left;
  color: #2A81C1;
  display: block;
  font-size: 0.8em;
  padding: 7px 0;
  text-align: center;
}
.loginArea .collapse-basket:hover {
  background: none repeat scroll 0 0 #CFE3F4;
  color: #2A81C1;
  text-decoration: none;
}
.loginArea .basket-prod-table td.description .freeOff li {
  background: none repeat scroll 0 0 transparent;
  list-style: none outside none;
  margin: 0;
  padding: 2px 0 3px;
}
.loginArea .basket-prod-table td.description .freeOff span {
  display: inline-block;
  margin-right: 4px;
  padding: 1px 3px 0;
}
.loginArea .step-summary {
  list-style: none outside none;
  margin: 6px 0 0;
  padding: 0 0 30px;
  font-size: 1em;
  border-top: 4px solid #e2e2e2;
}
.loginArea .step-summary li {
  border-bottom: 1px solid #DFE2E4;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  color: #2A81C1;
  line-height: 1.8em;
}
.loginArea .step-summary li a {
  color: #5b5b5b;
  display: block;
  text-decoration: none;
  margin-left: 22px;
}
.loginArea .step-summary li a:hover {
  text-decoration: none;
}
.loginArea .step-summary li:first-child a {
  padding: 12px 0 16px;
  margin-left: 0;
}
.loginArea .step-summary .complete-tick {
  display: none;
}
.loginArea .step-summary .complete .complete-tick {
  display: block;
  height: 20px;
  margin: 10px 0 0 -20px;
  padding: 0;
  overflow: hidden;
  position: absolute;
  width: 20px;
  border-radius: 20px;
  background: #3d70b7;
  overflow: hidden;
}
.loginArea .step-summary .complete .complete-tick:before {
  content: "\e92f";
  color: #fff;
  font-size: 1.1em;
  padding: 0 10px 0 4px;
  line-height: 1.6em;
}
.loginArea .step-summary .complete strong {
  color: #3d70b7;
  display: block;
  padding-top: 14px;
}
.loginArea .step-summary .complete span strong {
  color: #707070;
}
.loginArea .step-summary li.notComplete {
  padding: 5px 0;
}
.loginArea .step-summary li.notComplete a {
  color: #ccc;
}
.loginArea .step-summary strong {
  font-weight: normal;
  margin: 0;
  padding: 6px 8px 2px 10px;
  line-height: 1.1em;
  text-transform: uppercase;
}
.loginArea .step-summary span {
  color: #68717A;
  font-size: 0.9em;
  margin: 0;
  padding: 3px 0 6px 10px;
  display: block;
  line-height: 1.3em;
}
.loginArea .step-summary span span {
  font-size: 1em;
}
.loginArea .step-summary span strong {
  color: #68717A;
  font-size: 1em;
  font-weight: bold;
  padding-left: 0;
}
.loginArea .step-summary li.notComplete a span,
.loginArea .step-summary .step-summary li.notComplete span {
  padding: 0 0 6px 10px !important;
}
.loginArea .step-summary li.notComplete a span span {
  padding-left: 0 !important;
}
.loginArea .step-summary li:first-child {
  border-left: 0;
}
.loginArea .step-summary li:first-child strong {
  padding: 6px 0 0 0;
  display: block;
  text-transform: uppercase;
}
.loginArea .step-summary li:first-child span {
  padding: 1px 0 0 0;
}
.loginArea .step-summary li:first-child span strong {
  display: inline-block;
  font-size: 1.2em;
  padding: 0;
  font-weight: normal;
}
.loginArea .step-summary span.when-complete strong {
  display: inline;
  font-weight: normal;
  text-transform: none;
}
.loginArea .step-summary .inlineRight,
.loginArea .step-summary .inlineRight:hover {
  position: absolute;
  margin: -25px 0 0 200px;
  background: none;
  border: 0;
  color: #2A81C1;
  text-decoration: underline;
  font-size: 0.9em;
  padding: 0;
  box-shadow: none;
}
.loginArea .checkout-ready {
  background: none repeat scroll 0 0 #EEF4F9;
}
.loginArea .step-summary .complete .when-not-complete {
  display: none;
}
.loginArea .step-summary .notComplete .when-complete {
  display: none;
}
.loginArea .step-summary .not-complete strong, .loginArea .step-summary .not-complete, .loginArea .step-summary .notComplete {
  color: #68717A;
}
.loginArea .step-summary .notComplete a, .loginArea .step-summary .notComplete span, .loginArea .step-summary .notComplete span span {
  padding: 0 !important;
  color: #68717A;
}
.loginArea .basket-cont .Basket-steps-container {
  margin-right: 0;
}
.loginArea .Basket-steps-container input {
  height: 32px;
}
.loginArea .Basket-step1, .loginArea .Basket-step2, .loginArea .Basket-step3, .loginArea .Basket-step4 {
  margin: 30px auto 0;
  padding: 6px 0;
  position: relative;
}
.loginArea .Basket-step-holder .step {
  color: #000;
  display: block;
  text-align: left;
  font-size: 1.9em;
  line-height: 1em;
  padding: 18px 0 12px;
  border-bottom: 4px solid #e4e4e4;
}
.loginArea .Basket-step1 span.step-name, .loginArea .Basket-step2 span.step-name, .loginArea .Basket-step3 span.step-name, .loginArea .Basket-step4 span.step-name {
  color: #2A81C1;
  font-size: 0.65em;
  text-align: center;
}
.loginArea #passwordReset {
  border: 1px solid #B1B1B1;
  border-radius: 6px 6px 6px 6px;
  margin-bottom: 36px;
  background: #E4E9EB;
}
.loginArea #passwordReset h1 {
  color: #2A81C1;
  font-size: 1.07em;
  font-weight: normal;
  margin: 0;
  padding: 10px 0 0 20px;
}
.loginArea #passwordReset p {
  color: #4d4d4d;
  margin: 0;
  font-size: 0.8em;
  padding: 5px 0 15px 20px;
}
.loginArea #passwordReset label {
  display: block;
  float: left;
  padding: 5px 4px 0px 20px;
  width: 150px;
  font-size: 0.85em;
  color: #4d4d4d;
}
.loginArea #passwordReset input {
  border: 1px solid #cccccc;
  color: #4d4d4d;
  font-size: 1.25em;
  margin: 0;
  padding: 4px 0px 4px 8px;
  width: 270px;
}
.loginArea #passwordReset .passwordReset-cont {
  background-color: #ffffff;
  border: 2px solid #2a81c1;
  margin: 10px 10px 10px 70px;
}
.loginArea #passwordReset button {
  margin: 0 0 12px 175px;
}
.loginArea #passwordReset .field-validation-error {
  display: block;
  color: #8C0F0F;
  margin-left: 180px;
  font-size: 0.8em;
  padding: 1px 0 3px 0;
}
.loginArea #passwordReset .input-validation-error {
  background: #fcdedf !important;
  border: 1px solid #8C0F0F !important;
  box-shadow: 0 0 8px #c1c1c1 !important;
}
.loginArea #passwordReset .row {
  height: 44px;
}
.loginArea .Basket-step1 .step-body, .loginArea .Basket-step2 .step-body {
  padding-bottom: 8px;
}
.loginArea #splitBasket .step-body {
  padding-bottom: 0;
}
.loginArea .step-body h3 {
  background: none repeat scroll 0 0 #EEF4F9;
  border-top-right-radius: 4px;
  color: #2A81C1;
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: 12px 0;
  text-align: center;
}
.loginArea .step-body h3 span {
  font-size: 1.2em;
  font-weight: bold;
}
.loginArea .step-body .login .row button {
  display: block;
}
.loginArea .login .field-email button.grey {
  display: inline-block;
}
.loginArea .step-body .login .loginCont-EmailPassword div:last-child .row:last-child {
  padding-bottom: 16px;
}
.loginArea .step-body .login .loginCont-EmailPassword .error-message {
  color: #bc0707;
  display: block;
  background: #feeaea;
  padding: 10px 10px;
  margin-bottom: 16px;
}
.loginArea .step-body .login label {
  display: block;
  float: left;
  padding: 5px 4px 0 0;
}
.loginArea .Basket-step1 .login {
  min-height: 170px;
}
.loginArea .Basket-step1 .login .step-information {
  padding-top: 0;
}
.loginArea .step-information {
  margin: 0;
  padding: 0 20px;
  text-align: right;
}
.loginArea .step-information a {
  color: #000;
  padding: 10px 10px 10px 0;
  cursor: help;
  display: inline-block;
}
.loginArea .step-body {
  background: none repeat scroll 0 0 #FFFFFF;
  margin: 0;
  font-size: 1em;
}
.loginArea .step-body .tabs {
  margin: 30px auto 0;
  display: table;
}
.loginArea .step-body .tabs a {
  display: table-cell;
  font-size: 1.1em;
  color: #999;
  text-decoration: none;
  padding: 18px 15px 13px;
  line-height: 1em;
  background: #e1e1e1;
  opacity: 0.5;
  border-left: 2px solid #fff;
}
.loginArea .step-body .tabs a:hover {
  color: #707070;
}
.loginArea .step-body .tabs a.on {
  border-bottom: 1px solid #3d70b7;
  color: #000;
  text-decoration: none;
  opacity: 1;
}
.loginArea .step-body .tabs a.on:hover {
  font-weight: normal;
}
.loginArea .login {
  border-top: 1px solid #e4e4e4;
  color: #4D4D4D;
  font-size: 1em;
  padding: 20px 0;
}
.loginArea .login p {
  margin: 0;
  padding: 16px 0;
}
.loginArea .login p span {
  border-bottom: 1px solid #BCD6E9;
  color: #2A81C1;
  display: inline-block;
  font-size: 1.4em;
  margin: 0 6px;
  padding: 0 2px;
}
.loginArea .address-details .clean {
  clear: left;
}
.loginArea .field-telephone .help {
  padding: 5px 0 0 10px;
  color: #2A81C1;
  display: inline-block;
}
.loginArea .login .field-telephone {
  height: 50px;
  margin-top: 6px;
}
.loginArea #login-complete .Basket-step1 .step-body {
  margin: 0;
}
.loginArea .Basket-step2 .step-body, .loginArea .Basket-step3 .step-body {
  margin: 0;
}
.loginArea .amazonCheckoutSteps .Basket-step4 .step-body {
  margin: 0;
}
.loginArea .Basket-step2 .step {
  top: 27%;
}
.loginArea .basket-login-cont {
  padding: 16px 0;
}
.loginArea .login-central {
  margin: 0 auto;
  width: 360px;
}
.loginArea .login-central .row1 {
  height: 38px;
  width: 360px;
}
.loginArea .login-central .row1 label {
  color: #4D4D4D;
  display: block;
  float: left;
  font-size: 0.9em;
  padding: 4px 0 0;
  width: 76px;
}
.loginArea .login-central .row1 input {
  border: 1px solid #999999;
  border-radius: 3px 3px 3px 3px;
  float: left;
  font-size: 0.9em;
  padding: 3px 4px;
  width: 220px;
}
.loginArea .login-central .row1 input:focus, .loginArea .payment-purchaseorder .row input:focus {
  background: #EEF4F9;
  border: 1px solid #2A81C1;
  box-shadow: 0 0 3px 4px #EBEBEB;
}
.loginArea .login-central .row1 .validation-check {
  color: #CC0000;
  display: block;
  font-size: 0.75em;
  line-height: 1em;
  margin: 9px 0 0 316px;
  position: absolute;
}
.loginArea .login-central .row2 {
  width: 310px;
}
.loginArea .login-central .row2 a {
  margin-left: 71px;
}
.loginArea .basket-scansure-cont {
  display: table;
  width: 100%;
}
.loginArea .basket-scansure-cont .row {
  display: table-row;
}
.loginArea .basket-scansure-cont .col1 {
  background: none repeat scroll 0 0 #99CC00;
  display: table-cell;
  width: 70%;
}
.loginArea .basket-scansure-cont .col2 {
  background: none repeat scroll 0 0 #0099CC;
  display: table-cell;
  width: 30%;
}
.loginArea .btn-basket {
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  display: block;
  margin-top: 6px;
  padding: 6px 0;
  text-align: center;
}
.loginArea .btn-basket:hover {
  box-shadow: 0 0 7px #888888;
  color: #FFFFFF;
  transition-duration: 0.6s;
}
.loginArea .btn-blue {
  background: none repeat scroll 0 0 #2A81C1;
  border: 1px solid #186197;
}
.loginArea .btn-blue:hover {
  background: none repeat scroll 0 0 #1172BA;
}
.loginArea .btn-lightblue {
  background: none repeat scroll 0 0 #8AB7D9;
  border: 1px solid #5FACE0;
}
.loginArea .btn-lightblue:hover {
  background: none repeat scroll 0 0 #88BFE5;
}
.loginArea .scansure-btn {
  height: 50px;
}
.loginArea .scansure-btn a {
  float: left;
  margin-right: 20px;
  width: 184px;
}
.loginArea p.scansure-btn button.grey {
  width: 164px;
  padding: 4px 0;
}
.loginArea .btn-mid {
  width: 184px;
}
.loginArea p.scansure-btn button.danger {
  width: 204px;
}
.loginArea .Basket-step2 .on {
  height: 160px;
}
.loginArea .Basket-step2 .scansure-notavailable {
  min-height: 120px;
}
.loginArea .basket-no-tab .on {
  background: none repeat scroll 0 0 #FFFFFF;
  border-right: 240px solid #DFE1E3;
}
.loginArea .basket-no-tab p {
  color: #4D4D4D;
  margin: 0;
  padding: 6px 18px 6px 0;
}
.loginArea .basket-no-tab .dont-want {
  height: 160px;
  position: absolute;
  right: 0;
  width: 240px;
}
.loginArea .basket-no-tab .dont-want h4 {
  background: url("../images/ico_basket-sprite-45ea545fcb.png") no-repeat scroll 20px -224px transparent;
  color: #666666;
  font-size: 1.1em;
  font-weight: normal;
  margin: 0;
  padding: 20px 18px 6px 56px;
}
.loginArea .basket-no-tab p.insured span {
  font-size: 1.1em;
  font-weight: bold;
  color: #000;
}
.loginArea .basket-no-tab .step-information {
  margin: 0;
  padding-top: 6px;
}
.loginArea .btn-basket-option {
  background: none repeat scroll 0 0 #2A81C1;
  border: 1px solid #186197;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  display: block;
  margin-top: 6px;
  padding: 6px 0;
  text-align: center;
  width: 184px;
}
.loginArea .btn-basket-option:hover {
  background: none repeat scroll 0 0 #208EDE;
  box-shadow: 0 0 7px #888888;
  color: #FFFFFF;
  transition-duration: 0.6s;
}
.loginArea .btn-basket-sub-option {
  background: none repeat scroll 0 0 #707D85;
  border: 1px solid #61696D;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  display: block;
  margin-top: 6px;
  padding: 4px 0;
  text-align: center;
  width: 184px;
}
.loginArea .btn-basket-sub-option:hover {
  box-shadow: 0 0 7px #888888;
  color: #FFFFFF;
}
.loginArea .basket-no-tab .off {
  background: none repeat scroll 0 0 #DFE1E3;
  border-right: 500px solid #FFFFFF;
  height: 160px;
}
.loginArea .basket-no-tab .off .dont-want {
  height: 160px;
  position: absolute;
  right: 0;
  width: 500px;
}
.loginArea .basket-no-tab .off h4 {
  background: url("../images/ico_basket-sprite-45ea545fcb.png") no-repeat scroll 20px -224px transparent;
  color: #666666;
  font-size: 1.1em;
  font-weight: normal;
  margin: 0;
  padding: 20px 18px 6px 56px;
}
.loginArea .basket-no-tab .off .dont-want h4 {
  background: url("../images/ico_basket-sprite-45ea545fcb.png") no-repeat scroll 20px -182px transparent;
  color: #2A81C1;
  font-size: 1.1em;
  font-weight: normal;
  margin: 0;
  padding: 20px 18px 8px 60px;
}
.loginArea .basket-no-tab .off .btn-basket-option {
  margin-top: 0;
}
.loginArea .scansure-yes-step, .loginArea .scansure-no-step, .loginArea .delivery-yes-step, .loginArea .delivery-no-step {
  overflow: hidden;
  width: 100%;
}
.loginArea .scansure-yes-step .left-col, .loginArea .scansure-no-step .left-col, .loginArea .delivery-yes-step .left-col, .loginArea .delivery-no-step .left-col {
  float: left;
  width: 69%;
}
.loginArea .scansure-yes-step .right-col, .loginArea .scansure-no-step .right-col, .loginArea .delivery-yes-step .right-col, .loginArea .delivery-no-step .right-col {
  background: none repeat scroll 0 0 #ecf0f1;
  float: right;
  width: 31%;
}
.loginArea .scansure-yes-step, .loginArea .scansure-yes-step .left-col, .loginArea .scansure-yes-step .right-col {
  height: 170px;
}
.loginArea .scansure-no-step, .loginArea .scansure-no-step .left-col, .loginArea .scansure-no-step .right-col {
  height: 200px;
}
.loginArea .delivery-yes-step, .loginArea .delivery-yes-step .left-col, .loginArea .delivery-yes-step .right-col {
  height: 460px;
}
.loginArea .delivery-no-step, .loginArea .delivery-no-step .left-col, .loginArea .delivery-no-step .right-col {
  height: 160px;
}
.loginArea .delivery-steps {
  overflow: hidden;
  width: 100%;
  font-size: 0.9em;
}
.loginArea .delivery-steps .left-col {
  float: left;
  width: 69%;
}
.loginArea .delivery-steps .right-col {
  background: none repeat scroll 0 0 #ecf0f1;
  float: right;
  width: 31%;
}
.loginArea .delivery-steps .step-information {
  display: none;
}
.loginArea .Basket-step3 .step-body.undeliverable {
  min-height: 175px;
}
.loginArea .Basket-step3 .step-body .basket-no-tab h4 {
  padding: 15px 18px 4px 20px;
}
.loginArea .Basket-step3 .dont-want h4 {
  padding: 15px 18px 4px 56px;
}
.loginArea .Basket-step3 .dont-want h4 span {
  display: block;
  font-size: 0.8em;
}
.loginArea .basket-no-tab li a {
  color: #2A81C1;
  display: block;
  font-size: 0.8em;
  padding-top: 2px;
}
.loginArea .delivery-information1 {
  border-bottom: 1px solid #CCCCCC;
  height: 60px;
  margin: 0 18px;
}
.loginArea .delivery-information2 {
  margin: 0 18px;
}
.loginArea .Basket-step3 .step-information {
  padding-bottom: 16px;
}
.loginArea .Basket-step3 .delivery-information {
  margin: 0 18px;
}
.loginArea .Basket-step3 .delivery-information h4 {
  background: none repeat scroll 0 0 transparent;
  padding: 15px 18px 4px 0;
}
.loginArea .Basket-step3 .address-list {
  padding: 10px 18px 0 18px;
}
.loginArea .Basket-step3 .address-list ul {
  color: #4D4D4D;
  font-size: 0.8em;
  list-style: none outside none;
  margin: 0;
  padding: 6px 0 0;
}
.loginArea .Basket-step3 .address-list li {
  border-bottom: 1px solid #CCCCCC;
  line-height: 1em;
  list-style: none outside none;
  margin: 0;
  padding: 8px 8px;
  text-align: left;
  cursor: pointer;
  cursor: pointer;
}
.loginArea .Basket-step3 .address-list li:hover, .loginArea .Basket-step3 li div:hover {
  color: #00BF00;
}
.loginArea .Basket-step3 li.selected div {
  background: none repeat scroll 0 0 #EBFBE8;
  color: #00BF00;
  background: #EBFBE8 url("../images/ico_basket-sprite-45ea545fcb.png") no-repeat 7px -575px;
}
.loginArea .Basket-step3 li.selected div span, .loginArea .Basket-step3 li.selected div strong {
  margin-left: 27px;
}
.loginArea .Basket-step3 div.address-list li.selected {
  color: #00BF00;
  font-weight: bold;
  padding: 12px 10px 10px 34px !important;
  background: #EBFBE8 url("../images/ico_basket-sprite-45ea545fcb.png") no-repeat 7px -575px;
}
.loginArea .Basket-step3 .address-list li .small {
  float: right;
  background: url("../images/ico_basket-sprite-45ea545fcb.png") no-repeat -168px -489px;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  overflow: hidden;
  border: 0;
  text-indent: 18px;
  font-size: 1.4em;
  margin: 0;
}
.loginArea .Basket-step3 .address-list li button:hover {
  background: #E4E9EB url("../images/ico_basket-sprite-45ea545fcb.png") no-repeat -168px -489px;
}
.loginArea .Basket-step3 .address-list li span {
  padding-right: 24px;
}
.loginArea .amazonCheckout #delivery-dpd > div {
  padding: 0 20px;
}
.loginArea .when-chosen section, .loginArea .amazonCheckout #delivery-dpd section {
  border: 1px solid #a8a8a8;
  margin: 6px 0 24px 0;
  min-height: 122px;
}
.loginArea .deliveryTitle {
  margin: 0;
  padding: 12px 18px 6px 18px;
  line-height: 1.2em;
  font-size: 0.9em;
  color: #4D4D4D;
}
.loginArea .select-service {
  padding: 0 18px 12px 18px;
}
.loginArea .select-service p {
  padding: 8px 0 6px 0 !important;
}
.loginArea .service-type {
  padding-top: 6px;
  display: inline-table;
  margin: 0 auto;
}
.loginArea .service-type ul {
  display: table-row;
  list-style: none outside none;
  width: 100%;
}
.loginArea .service-type li {
  display: table-cell;
  vertical-align: middle;
  width: 16%;
}
.loginArea .service-type li div {
  border: 1px solid #CCCCCC;
  color: #4D4D4D;
  display: block;
  font-size: 0.75em;
  min-height: 78px;
  padding: 6px 0;
  text-align: left;
  width: 94%;
  cursor: pointer;
  cursor: pointer;
  transition: all 0.2s ease-in-out 0s;
}
.loginArea .service-type li span {
  font-size: 1em;
  padding: 0 10px;
  display: block;
  min-height: 40px;
}
.loginArea .service-type li strong {
  display: block;
  font-size: 1.3em;
  padding: 0 10px;
}
.loginArea .delivery-steps span.dpd {
  background-image: url("../images/ico_basket-sprite-45ea545fcb.png");
  background-position: right -426px;
  border: 0 none;
  line-height: 2.7em;
  overflow: hidden;
  padding: 0;
  display: inline-block;
  text-indent: 102px;
  width: 102px;
  margin-bottom: -14px;
}
.loginArea .bas-opt-link {
  background: none repeat scroll 0 0 #2A81C1;
  border: 1px solid #999999;
  border-radius: 4px 4px 4px 4px;
  color: #2B80C0;
  display: block;
  font-size: 0.8em;
  height: 20px;
  transition: all 0.6s ease-in-out 0s;
  width: 20px;
}
.loginArea .bas-opt-link span {
  padding: 2px 0 0 30px;
  position: absolute;
}
.loginArea .bas-opt-link:hover {
  color: #FFFFFF;
  width: 180px;
}
.loginArea .Basket-step3 .select-address .bas-opt-link {
  margin: 8px 0 0;
}
.loginArea .deliver-instore .title-off {
  background: none repeat scroll 0 0 transparent !important;
  padding: 20px 18px 6px 20px !important;
}
.loginArea .delivery-step .left-col {
  float: left;
}
.loginArea .delivery-step .right-col {
  float: right;
}
.loginArea .deliver-dpd {
  background: none repeat scroll 0 0 #FFFFFF;
  border-right: 240px solid #DFE1E3;
}
.loginArea .bas-add-btn {
  height: 52px;
  text-align: center;
}
.loginArea .bas-add-btn button {
  float: none;
  margin: 12px auto 0 auto;
}
.loginArea .bas-date-btn {
  border: 0 none !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
}
.loginArea .btn-green:hover {
  box-shadow: 0 0 5px #888888;
  color: #FFFFFF;
}
.loginArea .btn-green {
  background: none repeat scroll 0 0 #00BF00;
  border: 1px solid #1C8E34;
  border-radius: 4px 4px 4px 4px;
  color: #FFFFFF;
  transition: all 0.6s ease-in-out 0s;
}
.loginArea .btn-add-address {
  float: right;
  font-size: 0.8em;
  margin: 8px 0 12px;
  padding: 2px 10px;
}
.loginArea .btn-change-date {
  display: block;
  float: right;
  font-size: 0.5em;
  font-weight: normal;
  margin: 5px 0 6px;
  padding: 2px 10px;
}
.loginArea .Basket-step4 .step-body {
  overflow: hidden;
}
.loginArea .Basket-step4 .tabs a {
  line-height: 1em;
  overflow: hidden;
}
.loginArea .Basket-step4 .tabs a span:before {
  background-repeat: no-repeat;
  background-size: 130px 26px;
  background-image: url("../images/sprite-icons-payment-d4240445be.png");
  height: 26px;
  width: 26px;
  display: inline-block;
  content: " ";
  float: left;
  margin-top: -7px;
  margin-right: 10px;
}
.loginArea .Basket-step4 .tabs a.payment-tab-plastic span:before {
  background-position: -104px 0;
}
.loginArea .Basket-step4 .tabs a.payment-tab-paypal span:before {
  background-position: -52px 0;
  margin-right: 8px;
}
.loginArea .Basket-step4 .tabs a.payment-tab-paybreak span:before {
  background-position: -78px 0;
}
.loginArea .Basket-step4 .tabs a.payment-tab-finance {
  width: 150px;
}
.loginArea .Basket-step4 .tabs a.payment-tab-po {
  width: 120px;
}
.loginArea .Basket-step4 .tabs a.payment-tab-bitpay span:before {
  background-position: -26px 0;
  margin-right: 8px;
}
.loginArea .payment-options {
  border: 1px solid #e4e4e4;
}
.loginArea .payment-options .payment-option.payment-plastic, .loginArea .payment-options .payment-option.payment-finance {
  padding: 30px 30px 0;
}
.loginArea .payment-options .payment-option h4 {
  font-size: 1.2em;
  font-weight: normal;
  margin: 0;
  padding: 12px 0 20px;
}
.loginArea .payment-option {
  padding: 30px;
}
.loginArea .payment-option p {
  color: #4D4D4D;
  font-size: 1em;
  margin: 0;
  padding: 6px 18px 12px 0;
}
.loginArea .payment-option .paymentAmount {
  font-size: 1.1em;
}
.loginArea .payment-option .paymentAmount .paymentAmount-price {
  font-size: 1.3em;
  color: #2A81C1;
}
.loginArea .payment-carddetails {
  padding: 0 30px 20px;
}
.loginArea .payment-carddetails .cardtype {
  height: 66px;
  margin: 0;
  width: 300px;
  display: block;
  vertical-align: top;
}
.loginArea .payment-carddetails .cardtype input {
  border: 1px solid #CCCCCC;
  color: #4D4D4D;
  font-size: 1.25em;
  margin: 0;
  padding: 4px 52px 4px 6px;
  width: 244px;
}
.loginArea .payment-carddetails .cardtype .cardLogo {
  font-size: 1.6em;
  height: 19px;
  line-height: 2.6em;
  margin: 10px 0 0 265px;
  overflow: hidden;
  position: absolute;
  padding: 1px;
  display: none;
  z-index: 2;
}
.loginArea .payment-carddetails .cardtype span.visa {
  background: #FFF url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat 1px 1px;
  width: 28px;
  display: block;
}
.loginArea .payment-carddetails .cardtype span.mastercard {
  background: #FFFFFF url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat scroll -29px 1px;
  width: 31px;
  display: block;
}
.loginArea .payment-carddetails .cardtype span.visaelectron {
  background: #FFFFFF url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat scroll -63px 1px;
  width: 31px;
  display: block;
}
.loginArea .payment-carddetails .cardtype span.americanexpress {
  background: #FFFFFF url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat scroll -145px 1px;
  width: 35px;
  display: block;
  margin: 6px 0 0 257px;
}
.loginArea .payment-carddetails .cardtype span.maestro {
  background: #FFFFFF url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat scroll -184px 1px;
  width: 30px;
  display: block;
}
.loginArea .payment-carddetails .cardtype span.solo {
  background: #FFFFFF url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat scroll -216px top;
  width: 15px;
  display: block;
}
.loginArea .payment-carddetails .cardtype span.switch {
  background: #FFFFFF url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat scroll -241px top;
  width: 15px;
  display: block;
}
.loginArea .payment-carddetails .cardtype span.visadebit {
  background: #FFFFFF url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat scroll -258px top;
  width: 32px;
  display: block;
}
.loginArea .payment-carddetails .error {
  font-size: 0.8em;
  padding-top: 2px;
}
.loginArea .payment-carddetails .cardholder {
  min-height: 200px;
}
.loginArea .payment-carddetails .cardholder .hasCardTypeSelection {
  min-height: 210px;
}
.loginArea .payment-carddetails .cardholder .col1 {
  float: left;
  width: 360px;
}
.loginArea .payment-carddetails .cardholder .col2 {
  float: left;
  width: 330px;
}
.loginArea .payment-carddetails .cardfield {
  height: 64px;
  margin: 0;
  padding: 0;
}
.loginArea .payment-carddetails .cardfield p {
  line-height: 1em;
  margin: 0;
  padding: 6px 0 0;
}
.loginArea .payment-carddetails .cardfield label {
  color: #4D4D4D;
  display: block;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  padding: 6px 0 0;
  position: absolute;
}
.loginArea .payment-carddetails .cardfield input {
  border: 1px solid #CCCCCC;
  color: #4D4D4D;
  margin-left: 100px;
  padding: 4px 0 4px 12px;
  position: absolute;
  width: 190px;
}
.loginArea .payment-carddetails .cardfield select {
  border: 1px solid #CCCCCC;
  color: #4D4D4D;
  margin-left: 90px;
  padding: 4px;
  line-height: 2.6em;
  font-size: 1.25em;
  position: absolute;
}
.loginArea .payment-carddetails .cardfield span.error {
  margin: 42px 0 0 100px;
  font-weight: normal;
}
.loginArea .payment-carddetails .cardfield .month {
  border: 1px solid #CCCCCC;
  margin-left: 90px !important;
  padding: 3px;
  position: absolute;
}
.loginArea .payment-carddetails .cardfield .year {
  border: 1px solid #CCCCCC;
  margin-left: 150px !important;
  padding: 3px;
  position: absolute;
}
.loginArea .payment-carddetails .cvv {
  width: 50px !important;
}
.loginArea .payment-carddetails .fieldCompleteTick {
  background: url("../images/ico_basket-sprite-45ea545fcb.png") no-repeat scroll -170px top transparent;
  display: block;
  width: 23px;
  height: 23px;
  text-indent: 23px;
  overflow: hidden;
}
.loginArea .payment-carddetails .cardtype .fieldCompleteTick {
  position: absolute;
  z-index: 2;
  margin: -27px 0 0 310px;
}
.loginArea .payment-carddetails .cardfield .fieldCompleteTick {
  position: absolute;
  z-index: 2;
  margin: 3px 0 0 310px;
}
.loginArea .payment-carddetails .cardfield:last-child .fieldCompleteTick {
  margin: 3px 0 0 159px;
}
.loginArea .payment-carddetails .col2 .fieldCompleteTick {
  margin: 3px 0 0 220px;
}
.loginArea .payment-carddetails .cardfield a {
  color: #2A81C1;
  display: block;
  font-size: 0.8em;
  margin-left: 178px;
  padding: 5px 0 0;
  position: absolute;
}
.loginArea .cardType label {
  display: block;
  margin: 10px 0 20px 0;
  line-height: 1em;
}
.loginArea .cardType-button {
  margin: 30px 0 0 0;
}
.loginArea .cardType {
  height: 75px !important;
}
.loginArea .payment-finance ul .selected,
.loginArea .payment-paybreak ul .selected {
  color: #09C;
}
.loginArea .payment-finance ul,
.loginArea .payment-paybreak ul {
  margin: 0;
  padding: 8px 20px;
  list-style: none;
  background: #eef4f9;
  font-size: 1em;
  line-height: 1.2em;
  color: #4d4d4d;
}
.loginArea .payment-finance ul li,
.loginArea .payment-paybreak ul li {
  margin: 0;
  padding: 6px 0;
  list-style: none;
  border-bottom: 1px dashed #ccc;
}
.loginArea .payment-finance ul li:last-child,
.loginArea .payment-paybreak ul li:last-child {
  border-bottom: 0;
}
.loginArea #financeOptions ul {
  background: #FFF;
  font-size: 1em;
}
.loginArea #financeOptions ul li {
  border-bottom: 0;
}
.loginArea .payment-carddetails .helpPanel {
  font-size: 1em;
  float: right;
  width: 49%;
  background: #f5f5f5;
}
.loginArea .payment-carddetails .helpPanel p {
  padding: 12px;
  margin: 0 14px;
  color: #4d4d4d;
  font-size: 1.1em;
  line-height: 1.1em;
}
.loginArea .payment-carddetails .helpPanel:before {
  display: block;
  width: 16px;
  height: 16px;
  background: #f5f5f5;
  position: absolute;
  margin-left: -8px;
  margin-top: 17px;
  content: " ";
}
.loginArea .step-body h4 {
  display: block;
  color: #000;
  text-decoration: none;
  padding: 15px 0;
  line-height: 1em;
  font-size: 1.2em;
}
.loginArea .scansure-select-step > div {
  border: 1px solid #e4e4e4;
  font-size: 1em;
  padding: 20px 30px;
}
.loginArea .scansure-select-step p {
  line-height: 1.3em;
}
.loginArea .scansure-select-step .helpPanel {
  background: #f5f5f5;
  margin: 8px 0 0;
}
.loginArea .scansure-select-step .helpPanel p {
  padding: 12px;
}
.loginArea p.alternateAddressWarning {
  background: #dce9f4 url("../images/ico_basket-sprite-45ea545fcb.png") no-repeat 20px -791px;
  padding: 12px 6px 8px 56px;
  font-size: 1.05em;
  margin: 4px 0;
}
.loginArea .step-body input:focus {
  background: none repeat scroll 0 0 #EAF3FB;
  border: 1px solid #2A81C1;
  box-shadow: 0 0 3px 4px #EBEBEB;
  transition-duration: 0.8s;
}
.loginArea .step-body input[placeholder] {
  color: #999999;
}
.loginArea .bas-step-complete {
  background: url("../images/trans-white-80-percent.png") repeat scroll left top transparent;
  border-radius: 6px 6px 6px 6px;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.loginArea .Basket-steps-container .complete {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #00BF00;
  border-image: none;
  border-style: solid;
  border-width: 2px 2px 2px 60px;
}
.loginArea .step-complete {
  margin: 50px auto 0;
  width: 400px;
}
.loginArea .step-complete p {
  border-bottom: 1px solid #FFFFFF;
  color: #FFFFFF;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 1em;
  margin: 0 10px 0 60px;
  padding: 15px 0 5px;
}
.loginArea .step-complete span {
  color: #FFFFFF;
  display: block;
  font-size: 0.9em;
  line-height: 1.3em;
  padding: 3px 10px 8px 60px;
}
.loginArea p.step {
  text-align: center;
}
.loginArea p.step span.stepCompleteTick {
  display: none;
  height: 40px;
  float: right;
  color: #38c538 !important;
}
.loginArea p.step.stepComplete span.stepCompleteTick {
  display: block !important;
}
.loginArea p.step.stepComplete span.stepCompleteTick:before {
  display: block;
  height: 20px;
  margin: 4px 0 0 -30px;
  padding: 0;
  overflow: hidden;
  position: absolute;
  width: 20px;
  border-radius: 20px;
  background: #38c538;
  line-height: 1.5em;
  text-align: center;
  overflow: hidden;
  font-weight: normal;
  content: "\e92f";
  color: #fff;
  font-size: 0.5em;
}
.loginArea .Basket-steps-container .step-signout {
  font-size: 0.8em;
  text-align: right;
}
.loginArea .Basket-steps-container .step-signout a {
  color: #A8FF6B;
  display: block;
  padding: 8px 10px;
}
.loginArea .test {
  border: 2px solid #2A81C1;
  border-radius: 6px 6px 6px 6px;
  height: 50px;
}
.loginArea .head {
  background: none repeat scroll 0 0 #E6E6E6;
  border: 1px solid #2A81C1;
  border-radius: 6px 6px 6px 6px;
}
.loginArea div:empty {
  display: none;
}
.loginArea .checkout-ready > a, .loginArea .checkout-ready > div {
  display: none;
}
.loginArea .checkout-ready.payment-card > .complete-card,
.loginArea .checkout-ready.payment-payPal > .complete-payPal,
.loginArea .checkout-ready.payment-bitPay > .complete-bitPay,
.loginArea .checkout-ready.payment-v12 > .complete-v12,
.loginArea .checkout-ready.payment-payBreak > .complete-payBreak,
.loginArea .checkout-ready.payment-purchaseOrder > .complete-purchaseOrder,
.loginArea .checkout-ready.payment-amazon > .complete-amazon {
  display: block;
}
.loginArea .checkout-ready a:focus {
  box-shadow: 0 0 8px #666;
  text-decoration: underline;
}
.loginArea .amazonCheckout section#delivery-dpd h4 {
  padding-left: 20px;
}
.loginArea .amazonCheckout .delivery-steps .left-col {
  width: 100%;
  padding-bottom: 20px;
}
.loginArea #AmazonAddressWidget {
  margin-left: 20px;
}
.loginArea .amazonCheckout #AmazonAddressWidget iframe {
  width: 100%;
}
.loginArea .amazonCheckout .payment-amazon {
  padding: 20px;
}
.loginArea .checkout-ready .complete-amazon {
  display: block;
}
.loginArea .payment-amazon div.complete-amazon .paymentlogo {
  background: url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat 19px -81px;
  margin: 0 auto;
  display: block;
  width: 200px;
  height: 36px;
  text-indent: 200px;
  font-size: 2em;
  line-height: 3em;
  overflow: hidden;
}
.loginArea div.complete-amazon {
  line-height: 1.5em;
}
.loginArea .payment-amazon a {
  margin: 6px 16px;
  padding: 10px 12px 10px 12px;
  height: 50px;
  color: #000000;
  background-color: #f5bb33;
  background: -webkit-linear-gradient(top, #d8a629, #fee19d);
  background: -moz-linear-gradient(top, #d8a629, #fee19d);
  border: 1px solid #aa7f21;
}
.loginArea .payment-amazon a:hover {
  border: 1px solid #000;
  color: #000000;
}
.loginArea .payment-amazon a.complete-amazon .paymentlogo {
  background: url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat left -81px;
  position: absolute;
  margin: 0 0 0 10px;
  display: block;
  width: 200px;
  height: 36px;
  text-indent: 200px;
  font-size: 2em;
  line-height: 3em;
  overflow: hidden;
}
.loginArea #completeOrder .payment-amazon a.complete-amazon .paymentlogo {
  margin: 0 0 0 30px;
}
.loginArea .step-body .payment-paypal h4 {
  background: url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat -216px -83px;
  display: block;
  width: 94px;
  height: 28px;
  overflow: hidden;
  text-indent: 94px;
  line-height: 2.5em;
  padding: 0;
  margin: 0;
}
.loginArea .step-body .payment-paybreak h4 {
  background: url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat -208px -32px;
  display: block;
  width: 118px;
  height: 25px;
  overflow: hidden;
  text-indent: 118px;
  line-height: 2.5em;
  padding: 0;
  margin: 22px 0 6px 0;
}
.loginArea .step-body .payment-bitpay h4 {
  background: url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat -216px -475px;
  display: block;
  width: 120px;
  height: 30px;
  overflow: hidden;
  text-indent: 120px;
  line-height: 2.5em;
  padding: 0;
  margin: 22px 0 6px 0;
}
.loginArea .step-body .payment-bitpay {
  min-height: 130px;
}
.loginArea .checkout-ready .complete-bitPay {
  padding: 10px 86px 10px 4px;
}
.loginArea .checkout-ready a.complete-bitPay .paymentlogo {
  background: url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat left -515px;
  display: inline-block;
  font-size: 1.4em;
  height: 20px;
  line-height: 2em;
  margin: 0 0 0 6px;
  overflow: hidden;
  position: absolute;
  text-indent: 80px;
  width: 78px;
}
.loginArea .fixedPanelContainer {
  position: relative;
}
.loginArea .highlightPreOrder .preOrderBasketLine .qty, .loginArea .highlightPreOrder .preOrderBasketLine .unit-price, .loginArea .highlightPreOrder .preOrderBasketLine .bas-image, .loginArea .highlightPreOrder .preOrderBasketLine .link-no, .loginArea .highlightPreOrder .preOrderBasketLine .scansure, .loginArea .highlightPreOrder .preOrderBasketLine .ex-vat, .loginArea .highlightPreOrder .preOrderBasketLine .inc-vat, .loginArea .highlightPreOrder .preOrderBasketLine td.description {
  background: #D6DADC;
  opacity: 0.5;
}
.loginArea .highlightPreOrder .preOrderBasketLine .description a {
  opacity: 1;
}
.loginArea .highlightPreOrder .preOrderBasketLine .description a:before {
  content: "Remove this item - ";
  color: #2A81C1;
}
.loginArea #delivery-qcollect .help-map {
  background: url("../images/ico_PaymentLogos-ec22e302ac.png") no-repeat left -279px;
  display: block;
  width: 215px;
  height: 181px;
  overflow: hidden;
  text-indent: 215px;
  font-size: 3em;
  line-height: 4em;
  opacity: 0.7;
  margin-top: 22px;
  transition: all 0.2s ease-in-out 0s;
}
.loginArea #delivery-qcollect .help-map:hover {
  opacity: 1;
}
.loginArea .mobileInputArea p {
  display: inline-block;
}
.loginArea .mobileInputArea button {
  margin-left: 6px;
}
.loginArea .mobileInput {
  display: inline-block;
  height: 40px;
}
.loginArea .mobileInput input {
  border: 1px solid #CCCCCC;
  color: #2A81C1;
  font-size: 1.2em;
  margin: 0 12px 0 0;
  padding: 2px 6px 2px 30px;
  width: 140px;
}
.loginArea .mobileInput .mobileIco {
  display: block;
  position: absolute;
  margin: 7px 0 0 2px;
  width: 28px;
  height: 28px;
  overflow: hidden;
  line-height: 1em;
  font-size: 1.8em;
  color: #5b5b5b;
}
.loginArea .mobileInput .mobileIco:before {
  content: "\e938";
  padding-right: 10px;
}
.loginArea .mobileInput .error {
  font-size: 0.8em;
  color: #cc0000;
}
.loginArea .mobileInput .fieldCompleteTick {
  background: url("../images/ico_basket-sprite-45ea545fcb.png") no-repeat scroll -170px top transparent;
  display: block;
  width: 23px;
  height: 23px;
  text-indent: 23px;
  overflow: hidden;
  position: absolute;
  z-index: 2;
  margin: -25px 0 0 181px;
}
.loginArea .helpMobile {
  padding-top: 18px;
  background: #e4e4e4;
  border: 0 !important;
}
.loginArea .helpMobile .helpCont p {
  padding: 14px 20px 8px 48px !important;
}
.loginArea .helpMobile .helpCont ul {
  margin: 0 20px 12px 48px;
  padding: 0;
  list-style: none;
  border-top: 1px solid #cfd1d2;
}
.loginArea .helpMobile .helpCont li {
  display: inline-block;
  font-size: 0.9em;
  color: #4D4D4D;
  margin: 0;
  padding: 8px 20px 8px 0;
  list-style: none;
}
.loginArea .helpMobile .helpCont li span {
  font-weight: bold;
}
.loginArea .helpMobile .helpCont .WarningNote {
  display: block;
  position: absolute;
  width: 38px;
  height: 38px;
  margin: 6px 0 0 0px;
  overflow: hidden;
  font-size: 2.6em;
}
.loginArea .helpMobile .helpCont .WarningNote:before {
  content: "\e937";
  padding-right: 10px;
  color: #5b5b5b;
}
.loginArea .helpMobile .helpCont .MobileNote {
  display: block;
  position: absolute;
  width: 38px;
  height: 38px;
  margin: 6px 0 0 0px;
  overflow: hidden;
  font-size: 2.6em;
}
.loginArea .helpMobile .helpCont .MobileNote:before {
  content: "\e938";
  padding-right: 10px;
  color: #5b5b5b;
}
.loginArea .Basket-step1 p strong {
  font-weight: normal;
}
.loginArea section#login .basket-no-tab > div {
  border: 1px solid #e4e4e4;
  padding: 20px 30px;
}
.loginArea section#login .basket-no-tab p {
  padding: 12px 0 18px;
}
.loginArea section .greyOutPanel {
  display: none;
}
.loginArea section.disabled .greyOutPanel {
  display: block;
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: not-allowed;
  z-index: 3;
  opacity: 0.9;
  overflow: hidden;
  top: 0;
}
.loginArea section.disabled .greyOutPanel div:empty {
  display: block;
}
.loginArea section.disabled .greyOutPanel div {
  height: 100%;
  margin: 70px 0 0;
  background: #fff;
  overflow: hidden;
}
.loginArea .step-body p.splitTitle {
  color: #2A81C1;
  font-size: 0.9em;
}
.loginArea .check-out-loggedin .Basket-step1 div.step-body {
  margin: 0;
}
.loginArea .Basket-step-holder .checkout-ready {
  font-size: 0.95em;
}
.loginArea .Basket-step-holder .checkout-ready div {
  width: 258px;
}
.loginArea .splitbasket-checkout {
  width: 100%;
  display: inline-table;
  border: 1px solid #e4e4e4;
  margin-top: 45px;
  line-height: 1.2em;
}
.loginArea .splitbasket-checkout div {
  display: table-cell;
  width: 50%;
  padding: 20px 30px;
  vertical-align: top;
}
.loginArea .splitbasket-checkout div.col1 {
  border-right: 1px solid #e4e4e4;
}
.loginArea .splitbasket-checkout div h4 {
  margin-top: -67px;
  margin-left: -30px;
  position: absolute;
}
.loginArea .splitbasket-checkout div h4 span {
  display: none;
  width: 24px;
  height: 22px;
  overflow: hidden;
  background: url("../images/ico_basket-sprite-45ea545fcb.png") no-repeat left -581px;
  line-height: 2em;
  position: absolute;
  margin-left: -26px;
}
.loginArea .splitbasket-checkout div p:last-child {
  padding-bottom: 15px;
}
.loginArea .splitbasket-checkout div.selected {
  background: #eef4f9;
  padding-left: 70px;
}
.loginArea .splitbasket-checkout div.selected:before {
  display: block;
  height: 30px;
  margin: 4px 0 0 -40px;
  padding: 0;
  overflow: hidden;
  position: absolute;
  width: 26px;
  line-height: 1.3em;
  text-align: center;
  font-weight: normal;
  content: "\e92f";
  color: #3d70b7;
  font-size: 1.9em;
}
.loginArea .splitbasket-checkout div.selected h4 {
  color: #3d70b7;
  margin-left: -70px;
}
.loginArea .splitbasket-checkout div.selected h4 span {
  display: none;
}
.loginArea #splitBasket p.step {
  top: 20% !important;
}
.loginArea .approvedHolder {
  border-radius: 6px;
  border: 1px solid #b1b1b1;
  min-height: 200px;
  padding-bottom: 20px;
}
.loginArea .approvedHolder h2 {
  background: #e5e9ec;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  margin: 0;
  line-height: 1em;
  height: 50px;
}
.loginArea .approvedHolder p {
  font-size: 0.85em;
  padding: 18px 26px 0 26px;
  margin: 0;
}
.loginArea .approvedHolder #loading {
  padding: 18px 26px 0 26px;
}
.loginArea .payBreakApp h2 span {
  display: block;
  background: url("https://www.scan.co.uk/images/ico_PaymentLogos-ec22e302ac.png?2") no-repeat -207px -32px;
  width: 119px;
  height: 25px;
  text-indent: 119px;
  overflow: hidden;
  position: absolute;
  margin: 15px 0 0 26px;
}
.loginArea .declinedHolder h2 span {
  display: block;
  font-size: 0.8em;
  font-weight: normal;
  position: absolute;
  margin: 15px 0 0 26px;
}
.loginArea .scanFinanceApp h2 span {
  display: block;
  background: url("https://www.scan.co.uk/images/ico_PaymentLogos-ec22e302ac.png?3") no-repeat left -511px;
  width: 99px;
  height: 41px;
  text-indent: 99px;
  line-height: 3em;
  overflow: hidden;
  position: absolute;
  margin: 5px 0 0 26px;
}
@media screen and (max-width: 1130px) {
  .loginArea #payment .tabs .payment-tab-plastic {
    width: 134px;
    background-position: 6px -26px;
  }
  .loginArea #payment .tabs .payment-tab-paypal {
    width: 70px;
  }
  .loginArea #payment .tabs .payment-tab-paybreak {
    width: 104px;
  }
  .loginArea #payment .tabs .payment-tab-finance {
    width: 134px;
  }
  .loginArea #payment .tabs .payment-tab-bitpay {
    width: 86px;
  }
}
.loginArea .invalidCardType {
  border: dashed 1px #8C0F0F;
  color: #8C0F0F;
  margin: 20px;
  padding: 10px;
  text-align: center;
}
.loginArea .payment-option.payment-plastic .invalidCardType p {
  font-size: 1em;
  color: #8C0F0F;
  padding: 0;
}

.checkoutArea.loginArea.checkoutContainer {
  padding-top: 0;
}
.checkoutArea.loginArea.checkoutContainer .Basket-steps-container .Basket-step1 {
  margin-top: 0;
}

#passwordReset .passwordReset-cont .row {
  height: 52px;
}
#passwordReset .passwordReset-cont .row label {
  display: block;
  float: left;
  padding: 5px 4px 0 0;
  width: 140px;
}
#passwordReset .passwordReset-cont .row input {
  border: 1px solid #ccc;
  color: #999;
  font-size: 1.25em;
  margin: 0;
  padding: 2px 0 2px 8px;
  width: 270px;
  height: 32px;
}
#passwordReset .passwordReset-cont .row input.input-validation-error {
  border: 1px solid #8C0F0F;
  background: #FFE1E1;
}
#passwordReset .passwordReset-cont .row span.field-validation-error {
  color: #8C0F0F;
  padding-left: 10px;
}

.showLegacyLoginForm p {
  font-size: 1.05em;
}

.showLegacyLoginForm p button.link {
  padding-left: 0;
}

.legacyLogin .row {
  height: 60px !important;
}
.legacyLogin .row.field-fullname label {
  width: 90px;
}
.legacyLogin .row.field-postcode span.error, .legacyLogin .row.field-security1 span.error {
  margin-left: 94px;
  font-size: 0.8em;
}
.legacyLogin div.error-message {
  color: #8C0F0F;
  padding-bottom: 24px;
  padding-top: 4px;
}

.step-body .field-email {
  width: 490px;
}
.step-body .field-email input {
  border: 1px solid #CCCCCC;
  color: #4D4D4D;
  font-size: 1.25em;
  margin: 0;
  padding: 2px 0 2px 8px;
  width: 270px;
}
.step-body .field-email label {
  width: 80px;
}
.step-body .field-email p {
  display: none;
}
.step-body .field-email input:focus + p {
  color: #2A81C1;
  display: block !important;
  margin: -37px 0 0 340px;
  position: absolute;
}
.step-body .field-email span.error {
  margin-left: 86px;
  font-size: 0.8em;
}
.step-body .field-fullname {
  height: 50px;
}
.step-body .field-fullname.required label:after {
  content: "*";
  padding: 0 4px;
  display: inline-block;
}
.step-body .field-fullname label {
  display: block;
  float: left;
  width: 70px;
}
.step-body .field-fullname input {
  border: 1px solid #CCCCCC;
  color: #4D4D4D;
  font-size: 1.25em;
  margin: 0;
  padding: 2px 0 2px 8px;
  width: 180px;
}
.step-body .field-fullname select {
  border: 1px solid #CCCCCC;
  color: #4D4D4D;
  font-size: 1.25em;
  margin: 0;
  padding: 4px;
  width: 130px;
}
.step-body .field-fullname span.error {
  display: inline-block;
  margin: 36px 0 0 -190px;
  font-size: 0.8em;
}
.step-body .field-fullname span.error:nth-child(3) {
  margin-left: -130px;
}
.step-body .field-telephone input {
  border: 1px solid #CCCCCC;
  color: #4D4D4D;
  float: left;
  font-size: 1.25em;
  margin: 0;
  padding: 4px 0 4px 8px;
  width: 149px;
}
.step-body .field-security {
  height: 30px;
  padding: 4px 0 0;
}
.step-body .field-security input {
  border: 1px solid #CCCCCC;
  color: #4D4D4D;
  float: left;
  font-size: 1.25em;
  margin: 0;
  padding: 4px 0 4px 8px;
  width: 270px;
}
.step-body .field-security label {
  width: 80px;
}
.step-body .field-security span.error {
  margin-top: 43px;
  margin-left: 86px;
  font-size: 0.8em;
}
.step-body .field-security1 input, .step-body .step-body .field-security2 input, .step-body .step-body .field-postcode input {
  border: 1px solid #CCCCCC;
  color: #4D4D4D;
  font-size: 1.25em;
  margin: 0;
  padding: 4px 0 4px 8px;
  width: 180px;
}
.step-body .field-row.required label:after {
  content: "*";
  padding: 0 4px;
  display: inline-block;
}
.step-body .address-container .address-details .row button.link.small {
  font-size: 1.1em !important;
  padding: 0 8px;
}
.step-body .address-container .address-details .row.required label:after {
  content: "*";
  padding: 0 4px;
  display: inline-block;
}

@media screen and (max-width: 900px) {
  .checkoutContainer .showLegacyLoginForm {
    float: none;
    margin: 0;
    background-color: #eef4f9;
    width: 100%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 780px) {
  .checkoutContainer .legacyLogin div.showLegacyLoginForm {
    float: none;
    width: inherit;
    margin: 0;
  }
  .checkoutContainer .legacyLogin .row {
    min-height: 72px;
  }
  .checkoutContainer .legacyLogin .row.field-fullname input {
    display: inline-block;
    margin: 0;
  }
  .checkoutContainer .legacyLogin .row.field-fullname span.error {
    margin-left: -110px;
  }
  .checkoutContainer .legacyLogin .row.field-fullname span.error:nth-child(3) {
    margin-left: -110px;
  }
  .checkoutContainer .legacyLogin .row.field-postcode span.error, .checkoutContainer .legacyLogin .row.field-security1 span.error {
    margin-left: 0;
  }
  .checkoutContainer .legacyLogin .row button.btn {
    margin-left: 0;
    margin-top: 16px;
  }
}
@media screen and (max-width: 600px) {
  .checkoutContainer #managedAccountDetails {
    float: none;
    width: auto;
    margin-right: 0;
  }
  .checkoutContainer #managedAccountDetails .btn {
    margin: 0 auto;
    width: 90px;
    text-align: center;
    display: block;
  }
  .checkoutContainer form.tradeLoginForm {
    width: 100%;
  }
  .checkoutContainer form.tradeLoginForm div.row {
    height: inherit;
  }
  .checkoutContainer form.tradeLoginForm div.row input {
    width: 99%;
    padding-left: 0;
    text-indent: 8px;
  }
  .checkoutContainer form.tradeLoginForm div.row button.btn {
    width: 90px;
    margin: 0 auto;
    text-align: center;
    margin-top: 12px;
  }
  .checkoutContainer .login .row.field-email {
    width: 100%;
  }
  .checkoutContainer .login .row.field-email input {
    width: 70%;
    padding-left: 0;
    text-indent: 8px;
  }
  .checkoutContainer .login .row.field-email button#checkLoginTypeButton {
    width: 46px;
    border: 0;
  }
  .checkoutContainer .login .row.field-email button#checkLoginTypeButton:before {
    font-family: "scanicons", sans-serif;
    font-style: normal;
    content: "\e916";
    padding-right: 20px;
    padding-left: 5px;
  }
  .checkoutContainer .loginCont-EmailPassword .row.field-security {
    display: block;
    height: 72px;
  }
  .checkoutContainer .loginCont-EmailPassword .row button {
    margin: 8px auto 0;
    width: 90px;
  }
  .checkoutContainer .loginCont-EmailPassword .error-message {
    margin-bottom: 6px;
  }
  .checkoutContainer .showLegacyLoginForm p {
    margin: 0 !important;
  }
}
@media screen and (max-width: 550px) {
  .loginArea .step-body .field-fullname input {
    display: block;
  }
  .loginArea .step-body .field-fullname {
    height: auto;
  }
  .checkoutContainer .step-body .field-fullname {
    height: auto;
  }
  .loginArea .step-body .field-fullname select {
    margin: 15px 0;
  }
  .loginArea .step-body .field-fullname input {
    margin: 15px 0;
  }
  .step-body .field-row .field {
    display: block;
  }
  .step-body .field-row span.help {
    margin: 0;
  }
  .loginArea .step-body .field-fullname label {
    float: none;
  }
  .loginArea .step-body .login label {
    float: none;
  }
  .checkoutContainer .step-body .field-fullname label {
    float: none;
  }
  .checkoutContainer .step-body .login label {
    float: none;
  }
}
/* login box form mobile width */
@media screen and (max-width: 440px) {
  .loginArea .Basket-steps-container .accountFormContainer form {
    width: calc(100% - 2em);
    box-sizing: border-box;
    margin: 0 auto;
    display: block;
  }
}
/* login box form mobile width */
.accountFormContainer, .genericCentreForm {
  max-width: 400px;
  margin: auto;
  padding: 40px 0;
}
.accountFormContainer h2, .genericCentreForm h2 {
  text-align: center;
  font-size: 2.4em;
  padding: 6px 0 2px;
  line-height: 1em;
  text-transform: none;
  color: #000;
}
.accountFormContainer h3, .genericCentreForm h3 {
  padding: 20px 0;
  font-size: 1.1em;
}
.accountFormContainer p, .genericCentreForm p {
  text-align: center;
}
.accountFormContainer p a, .genericCentreForm p a {
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  color: #1766a6;
}
.accountFormContainer label, .genericCentreForm label {
  text-align: left;
  display: block;
  padding-bottom: 4px;
  color: #5b5b5b;
}
.accountFormContainer form > div:not(.invisibleContainer), .accountFormContainer form > div.invisibleContainer > div, .genericCentreForm form > div:not(.invisibleContainer), .genericCentreForm form > div.invisibleContainer > div {
  margin-top: 10px;
  padding-bottom: 5px;
}
.accountFormContainer .fieldLink, .genericCentreForm .fieldLink {
  display: block;
  text-align: right;
  text-decoration: none;
  padding: 3px 0;
  color: #5b5b5b;
}
.accountFormContainer .fieldLink:hover, .genericCentreForm .fieldLink:hover {
  text-decoration: underline;
}
.accountFormContainer div.twoColumn, .genericCentreForm div.twoColumn {
  width: 100%;
  display: table;
}
.accountFormContainer div.twoColumn > div, .genericCentreForm div.twoColumn > div {
  display: table-cell;
}
.accountFormContainer div.multipleSelection, .genericCentreForm div.multipleSelection {
  height: 120px;
}
.accountFormContainer div.checkBoxOption, .genericCentreForm div.checkBoxOption {
  width: 100%;
  display: table;
}
.accountFormContainer div.checkBoxOption.rightCheck > label, .genericCentreForm div.checkBoxOption.rightCheck > label {
  display: table-cell;
  width: 90%;
  vertical-align: middle;
  font-weight: normal;
}
.accountFormContainer div.checkBoxOption.rightCheck > span, .genericCentreForm div.checkBoxOption.rightCheck > span {
  display: table-cell;
  width: 10%;
  text-align: right;
}
.accountFormContainer div.checkBoxOption.rightCheck > span > input, .genericCentreForm div.checkBoxOption.rightCheck > span > input {
  width: 50%;
}
.accountFormContainer div p.addressText, .genericCentreForm div p.addressText {
  background: #f5f5f5;
  padding: 14px 16px;
}
.accountFormContainer div p.addressText:before, .genericCentreForm div p.addressText:before {
  content: "\e92f";
  color: #3d70b7;
  padding-right: 6px;
}
.accountFormContainer div.invisibleContainer > div button:first-child, .genericCentreForm div.invisibleContainer > div button:first-child {
  margin-left: 0;
  padding-left: 0;
}
.accountFormContainer > div.addressSelection, .genericCentreForm > div.addressSelection {
  height: auto;
}
.accountFormContainer input, .genericCentreForm input {
  width: 100%;
  border: 1px solid #ddd;
  height: 38px;
  text-indent: 8px;
  padding: 0;
  transition: all 0.3s ease-in-out 0s;
}
.accountFormContainer input:focus, .genericCentreForm input:focus {
  background: #e6eef9;
}
.accountFormContainer input.validationElement:focus, .genericCentreForm input.validationElement:focus {
  background: #fff !important;
}
.accountFormContainer select, .genericCentreForm select {
  height: 38px;
  width: 100%;
  border: 1px solid #ddd;
  text-indent: 0;
  padding: 0 6px;
}
.accountFormContainer select.validationElement:focus, .genericCentreForm select.validationElement:focus {
  background: #fff !important;
}
.accountFormContainer select[multiple], .genericCentreForm select[multiple] {
  height: 120px;
}
.accountFormContainer p.information, .genericCentreForm p.information {
  background: #f5f5f5;
  padding: 16px 20px;
}
.accountFormContainer button, .genericCentreForm button {
  border-radius: 25px;
  width: 200px;
  margin: 0 auto;
  display: block;
  background: #1463a2;
}
.accountFormContainer button.link.blue, .genericCentreForm button.link.blue {
  border-radius: 0;
  background: none;
  font-size: 12px;
  text-decoration: none;
  color: #3d70b7;
}
.accountFormContainer span.inputFieldInfo, .genericCentreForm span.inputFieldInfo {
  display: none;
  padding: 6px 0;
  color: #fff;
  margin-left: 0;
  margin-top: 10px;
  text-align: left;
  position: absolute;
  width: 360px;
  background: #5b5b5b;
  padding: 12px 10px 12px 30px;
  opacity: 1;
  z-index: 4;
}
.accountFormContainer span.inputFieldInfo:before, .genericCentreForm span.inputFieldInfo:before {
  background: #5b5b5b;
  width: 10px;
  height: 10px;
  content: " ";
  margin-top: -17px;
  margin-left: -18px;
  position: absolute;
}
.accountFormContainer span.inputFieldInfo i, .genericCentreForm span.inputFieldInfo i {
  display: block;
  position: absolute;
  margin-left: -20px;
}
.accountFormContainer span.inputFieldInfo i:before, .genericCentreForm span.inputFieldInfo i:before {
  content: "\e939";
  margin-top: 1px;
  padding-right: 10px;
}
.accountFormContainer input:focus ~ span.inputFieldInfo, .genericCentreForm input:focus ~ span.inputFieldInfo {
  display: block;
}
.accountFormContainer .formCheckboxText, .genericCentreForm .formCheckboxText {
  display: block;
}
.accountFormContainer .formCheckboxText input, .genericCentreForm .formCheckboxText input {
  display: inline-block;
  width: 20px;
  vertical-align: middle;
  cursor: pointer;
  margin-top: -3px;
}
.accountFormContainer .formCheckboxText label, .genericCentreForm .formCheckboxText label {
  display: inline-block;
  padding-left: 10px;
  line-height: 1.4em;
  font-weight: bold;
}
.accountFormContainer .formCheckboxText p, .genericCentreForm .formCheckboxText p {
  padding: 0 0 8px;
}
.accountFormContainer ul, .genericCentreForm ul {
  padding-top: 5px;
}
.accountFormContainer ul > li, .genericCentreForm ul > li {
  padding-bottom: 5px;
}
.accountFormContainer .helpLinks, .genericCentreForm .helpLinks {
  border-top: 1px solid #ddd;
  padding: 10px 0;
  margin-top: 26px;
}
.accountFormContainer .helpLinks p, .genericCentreForm .helpLinks p {
  text-align: center;
}
.accountFormContainer .required > label:before, .genericCentreForm .required > label:before {
  content: "*";
  padding-right: 5px;
}
.accountFormContainer span.error, .genericCentreForm span.error {
  color: #C00;
  display: inline-block;
  padding-top: 1px;
  position: inherit !important;
  font-size: 0.85em;
}
.accountFormContainer button.inline, .genericCentreForm button.inline {
  display: inline;
  width: auto;
}
.accountFormContainer div.message, .genericCentreForm div.message {
  font-size: 0.75em;
  padding-bottom: 0 !important;
  min-height: inherit;
}
.accountFormContainer div.message > div, .genericCentreForm div.message > div {
  height: inherit;
  padding: 6px 16px;
}
.accountFormContainer div.message > div:before, .genericCentreForm div.message > div:before {
  width: 16px;
  font-size: 1.5em;
}
.accountFormContainer div.message > div p, .genericCentreForm div.message > div p {
  margin: 0 0 0 30px;
}
.accountFormContainer .field-validation-error, .genericCentreForm .field-validation-error {
  color: #C00;
  display: block;
  padding: 3px 0;
  font-size: 0.9em;
}

.myAccountArea {
  padding: 0 40px;
}
.myAccountArea .accountFormContainer {
  padding-bottom: 60px;
}
.myAccountArea .accountFormContainer div.twoColumn > div {
  vertical-align: top;
  padding-top: 10px;
}
.myAccountArea .accountFormContainer div.twoColumn > div:first-child {
  padding-right: 6px;
}
.myAccountArea .accountFormContainer div.twoColumn > div:last-child {
  padding-left: 6px;
}
.myAccountArea .accountFormContainer div.twoColumn > div:last-child .btn {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li {
  height: 50px;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li span.cardSelector i {
  margin-top: 16px;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li span.cardLogo > i {
  background-size: 240px 51px;
  width: 39px;
  height: 26px;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li span.cardLogo > i.visa {
  background-position: 0 0;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li span.cardLogo > i.mastercard {
  background-position: -41px 0;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li span.cardLogo > i.maestro {
  background-position: -81px 0;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li span.cardLogo > i.visadebit {
  background-position: -1px -24px;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li span.cardLogo > i.americanexpress {
  background-position: -120px 0;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li span.cardRemove {
  overflow: hidden;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li span.cardRemove button:before {
  padding-left: 4px;
  padding-right: 14px;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li span.cardName, .myAccountArea .accountFormContainer ul.savedCardsTable > li span.cardExpiry, .myAccountArea .accountFormContainer ul.savedCardsTable > li span.cardNo {
  padding-top: 17px;
  font-size: 0.9em;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li span.deleteConfirm {
  width: auto;
  text-align: left;
  margin-left: 0;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li span.deleteConfirm > button {
  width: inherit;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li span.deleteConfirm > form {
  width: auto;
  display: inline-block;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li.selected.deleting {
  height: 96px !important;
}
.myAccountArea .accountFormContainer ul.savedCardsTable > li.selected.deleting span.cardName, .myAccountArea .accountFormContainer ul.savedCardsTable > li.selected.deleting span.cardExpiry, .myAccountArea .accountFormContainer ul.savedCardsTable > li.selected.deleting span.cardNo {
  padding-top: 7px;
}

.myAccountArea ul.savedCardsTable > li.deleting, .savedCards ul.savedCardsTable > li.deleting {
  background: #eef4f9;
}
.myAccountArea ul.savedCardsTable > li.deleting span.deleteConfirm, .savedCards ul.savedCardsTable > li.deleting span.deleteConfirm {
  text-align: left;
}
.myAccountArea ul.savedCardsTable > li.deleting span.deleteConfirm > button, .savedCards ul.savedCardsTable > li.deleting span.deleteConfirm > button {
  display: inline-block;
}
.myAccountArea ul.savedCardsTable > li.deleting span.deleteConfirm > form, .savedCards ul.savedCardsTable > li.deleting span.deleteConfirm > form {
  width: auto;
  display: inline-block;
}

@media screen and (max-width: 400px) {
  .Basket-steps-container .accountFormContainer .error {
    padding-left: 0;
  }
  .accountFormContainer span.inputFieldInfo {
    width: auto;
  }
}
/* Track your item page styles */
.pageDisplay .displayText {
  text-align: center;
}
.pageDisplay .displayText h1 {
  font-size: 1.8em;
  line-height: 1.3em;
  text-transform: none;
  color: #000;
  text-align: center;
  padding: 40px 30px 40px 30px;
}

.trackNav {
  padding-bottom: 30px;
  margin-bottom: 20px;
}
.trackNav h2 {
  color: #000000;
  text-transform: none;
  font-size: 1.8em;
  padding: 20px 0;
}
.trackNav .contC {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  text-align: center;
  padding: 0 0 20px 0;
  box-sizing: border-box;
}
.trackNav a {
  display: inline-block;
  vertical-align: middle;
  width: 33.333%;
  max-width: 160px;
  margin: 0 auto;
  text-decoration: none;
  color: #000000;
  transition: all ease-out 100ms;
}
.trackNav a i {
  display: block;
  height: 100px;
  margin: 0 auto;
  width: 100px;
  border-radius: 50%;
  box-sizing: border-box;
  border: solid 1px #eaebef;
  box-shadow: 0 0 6px #ededed;
  transition: inherit;
}
.trackNav a.track i {
  background: url("../images/homepages/Order-Tracking/order-packaged-blue-761b9e43c8.svg") no-repeat;
  background-position: center;
  background-size: 65%;
}
.trackNav a.returns i {
  background: url("../images/homepages/Order-Tracking/Returns-icons/return-requested-0da434dca3.svg") no-repeat;
  background-position: center;
  background-size: 65%;
}
.trackNav a.system i {
  background: url("../images/homepages/Order-Tracking/3xs-icons/3xs-system-built-5403e09244.svg") no-repeat;
  background-position: center;
  background-size: 42%;
}
.trackNav a .title {
  padding-top: 15px;
  display: block;
  font-size: 1.1em;
  line-height: 1.3em;
}
.trackNav a:hover i {
  border: solid 1px #0072c3;
  box-shadow: 0 0 6px #adcbf1;
}

@media screen and (max-width: 530px) {
  .trackNav a {
    max-width: 120px;
    margin: 0 auto 20px auto;
  }
  .trackNav a i {
    height: 75px;
    width: 75px;
  }
  .trackNav a .title {
    font-size: 1em;
  }
}
/* ORDER / RETURNS / SYSTEMS TRACKING FORMS */
.pageContent.trackingForm {
  background-color: #FFF;
  padding: 0;
  margin: 0 auto;
  width: 100%;
  max-width: 1440px;
}
.pageContent.trackingForm h1 {
  font-size: 1.8em;
  line-height: 1.3em;
  text-transform: none;
  color: #000;
  text-align: left;
  padding: 40px 30px 10px 30px;
}
.pageContent.trackingForm p.info {
  padding: 0 30px 10px 30px;
}
.pageContent.trackingForm .validation-summary-errors {
  padding: 20px 30px;
  margin-bottom: 10px;
}
.pageContent.trackingForm form .oneColumnContainer, .pageContent.trackingForm form .twoColumnContainer {
  background: #f6f6f6;
}
.pageContent.trackingForm form .oneColumnContainer .row, .pageContent.trackingForm form .twoColumnContainer .row {
  display: block;
  height: auto;
}
.pageContent.trackingForm form .oneColumnContainer .row input, .pageContent.trackingForm form .twoColumnContainer .row input {
  width: 50%;
}
.pageContent.trackingForm form .oneColumnContainer .row label, .pageContent.trackingForm form .twoColumnContainer .row label {
  display: block;
}
.pageContent.trackingForm form .oneColumnContainer .row span.field-validation-error, .pageContent.trackingForm form .twoColumnContainer .row span.field-validation-error {
  padding: 5px 0;
  display: block;
}
.pageContent.trackingForm form .oneColumnContainer {
  margin: 0;
  width: 100%;
  padding: 10px 30px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.pageContent.trackingForm form .oneColumnContainer .row {
  position: relative;
}
.pageContent.trackingForm form .oneColumnContainer .row span.hint-right, .pageContent.trackingForm form .oneColumnContainer .row span.hint {
  float: left;
  left: 52% !important;
  margin-top: 0 !important;
  position: absolute;
  top: 30px;
}
.pageContent.trackingForm form .oneColumnContainer .row span.hint {
  width: 200px;
}
.pageContent.trackingForm form .oneColumnContainer .row span.hint i {
  left: 0;
  margin-left: -6px;
  margin-top: 4px;
}
.pageContent.trackingForm form .oneColumnContainer .row:last-child {
  margin: 25px 0 15px 0;
}
.pageContent.trackingForm form .twoColumnContainer {
  padding: 10px 30px;
  box-sizing: border-box;
}
.pageContent.trackingForm form .twoColumnContainer > div {
  border-left: 0;
}
.pageContent.trackingForm form .twoColumnContainer span {
  padding: 5px 0 12px 0;
  display: block;
}
.pageContent.trackingForm form .buttonContainer {
  background: none;
  text-align: left;
  padding: 20px 15px 40px 15px !important;
}
.pageContent.trackingForm form .buttonContainer button {
  border-radius: 25px;
  background: #1766a6;
  padding: 0 45px;
}

@media screen and (max-width: 930px) {
  .pageContent.trackingForm form .oneColumnContainer .row input, .pageContent.trackingForm form .twoColumnContainer .row input {
    width: 100%;
  }
}
@media screen and (max-width: 678px) {
  .pageContent.trackingForm h1 {
    font-size: 1.6em;
    padding: 30px 15px 10px 15px;
  }
  .pageContent.trackingForm p.info {
    padding: 0 15px 10px 15px;
  }
  .pageContent.trackingForm form .oneColumnContainer, .pageContent.trackingForm form .twoColumnContainer {
    padding: 10px 15px;
  }
  .pageContent.trackingForm form .oneColumnContainer .row input, .pageContent.trackingForm form .oneColumnContainer .row label, .pageContent.trackingForm form .twoColumnContainer .row input, .pageContent.trackingForm form .twoColumnContainer .row label {
    text-indent: 0;
    font-size: 1em;
  }
  .pageContent.trackingForm form .buttonContainer {
    padding: 20px 15px 35px 15px !important;
  }
  .pageContent.trackingForm form .oneColumnContainer .row span.hint-right, .pageContent.trackingForm form .oneColumnContainer .row span.hint {
    display: none;
  }
}
/* ORDER / RETURNS / SYSTEMS TRACKING PAGES */
.tracking {
  margin: 0 auto;
  max-width: inherit;
  box-sizing: border-box;
  padding: 0 10px 50px 10px;
  /* 3XS System Icons Delivery Collection Repair */
  /* 3XS System Icons Delivery Collection Repair */
  /* SCAN Icons Delivery Collection */
  /* SCAN Icons Delivery Collection */
  /* Returns Icons */
  /* Returns Icons */
  /* loader spin animation */
  /* loader spin animation */
}
.tracking h2, .tracking h3, .tracking h4 {
  font-size: 1.3em;
  text-transform: none;
  color: #000000;
}
.tracking h2 span {
  font-size: 0.7em;
  display: block;
  margin-top: 4px;
  color: #707070;
}
.tracking h3 {
  padding: 8px 0 25px 0;
}
.tracking a {
  text-transform: uppercase;
  font-size: 0.9em;
  text-decoration: none;
  color: #0072c3;
}
.tracking.threeXs-systems > h2 {
  padding-left: 20px;
}
.tracking .trackProgress {
  text-align: center;
  margin: 0;
  padding: 20px 10px 40px 10px;
  box-sizing: border-box;
}
.tracking .trackProgress ul {
  margin: 0 auto;
}
.tracking .trackProgress ul li {
  display: inline-block;
  text-align: right;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.tracking .trackProgress ul li p {
  color: #000000;
  line-height: 16px;
  padding-bottom: 10px;
  font-size: 1em;
  text-align: center;
  display: inline-block;
  margin: 0 10px;
  width: 110px;
  opacity: 0.3;
}
.tracking .trackProgress ul li:before {
  content: " ";
  background: url("../images/homepages/Order-Tracking/link-arrow-left-f6cb5275dc.svg") no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  width: 10px;
  height: 10px;
  opacity: 0.3;
  padding: 4px;
  margin-top: 50px;
  vertical-align: top;
  line-height: 1rem;
}
.tracking .trackProgress ul li.on p,
.tracking .trackProgress ul li.on:before {
  opacity: 1;
}
.tracking .trackProgress ul li:first-child:before {
  display: none;
}
.tracking .trackProgress span {
  padding-top: 10px;
  display: block;
  text-align: center;
}
.tracking .trackProgress a {
  display: block;
  padding-top: 10px;
}
.tracking .trackProgress i {
  display: block;
  height: 100px;
  margin: 0 auto;
  width: 100px;
  border-radius: 50%;
  opacity: 0.3;
  filter: grayscale(1);
  box-sizing: border-box;
  border: solid 2px #eaebef;
  box-shadow: 0 0 6px #ededed;
}
.tracking .trackProgress .date {
  display: block;
  color: #000000;
  font-size: 0.8em;
  line-height: 16px;
}
.tracking.order .trackProgress ul li p {
  width: 200px !important;
}
.tracking.returns .trackProgress ul li span {
  display: inline-block;
}
.tracking.returns .trackProgress ul li.scansure::before {
  display: none;
}
.tracking.threeXs-systems .trackProgress ul li:before {
  content: " ";
  background: url("../images/homepages/Order-Tracking/3xs-icons/3xs-arrow-left-54413a0310.svg") no-repeat;
  background-position: center;
  background-size: contain;
  display: inline-block;
  width: 10px;
  height: 10px;
  opacity: 0.3;
  padding: 4px;
  margin-top: 50px;
  vertical-align: top;
  line-height: 1rem;
}
.tracking.threeXs-systems .trackProgress ul li.on p,
.tracking.threeXs-systems .trackProgress ul li.on:before {
  opacity: 1;
}
.tracking.threeXs-systems .trackProgress ul li:first-child:before {
  display: none;
}
.tracking .trackProgress .sysorder i {
  background: url("../images/homepages/Order-Tracking/check-main-green-01847a4b6c.svg") no-repeat;
  background-position: center;
  background-size: 45%;
}
.tracking .trackProgress .sysorder.on i {
  background-position: center;
  background-size: 45%;
  opacity: 1;
  filter: none;
}
.tracking .trackProgress .awaiting i {
  background: url("../images/homepages/Order-Tracking/3xs-icons/3xs-awaiting-build-f1d1c331cf.svg") no-repeat;
  background-position: center;
  background-size: 70%;
}
.tracking .trackProgress .awaiting.on i {
  background-position: center;
  background-size: 70%;
  opacity: 1;
  filter: none;
}
.tracking .trackProgress .received i {
  background: url("../images/homepages/Order-Tracking/3xs-icons/system-recieved-black-7fbfeae5e9.svg") no-repeat;
  background-position: center;
  background-size: 60%;
}
.tracking .trackProgress .received.on i {
  background-position: center;
  background-size: 60%;
  opacity: 1;
  filter: none;
}
.tracking .trackProgress .build i, .tracking .trackProgress .repair i {
  background: url("../images/homepages/Order-Tracking/3xs-icons/3xs-build-in-progress-5bbc178ab3.svg") no-repeat;
  background-position: center;
  background-size: 65%;
}
.tracking .trackProgress .build.on i, .tracking .trackProgress .repair.on i {
  background-position: center;
  background-size: 65%;
  opacity: 1;
  filter: none;
}
.tracking .trackProgress .test i {
  background: url("../images/homepages/Order-Tracking/3xs-icons/3xs-mem-testing-8f22e5a651.svg") no-repeat;
  background-position: center;
  background-size: 65%;
}
.tracking .trackProgress .test.on i {
  background-position: center;
  background-size: 65%;
  opacity: 1;
  filter: none;
}
.tracking .trackProgress .software i {
  background: url("../images/homepages/Order-Tracking/3xs-icons/3xs-software-efd7a5f28e.svg") no-repeat;
  background-position: center;
  background-size: 60%;
}
.tracking .trackProgress .software.on i {
  background-position: center;
  background-size: 60%;
  opacity: 1;
  filter: none;
}
.tracking .trackProgress .burn24 i, .tracking .trackProgress .burntest i {
  background: url("../images/homepages/Order-Tracking/3xs-icons/3xs-24burn-f480c4db3c.svg") no-repeat;
  background-position: center;
  background-size: 55%;
}
.tracking .trackProgress .burn24.on i, .tracking .trackProgress .burntest.on i {
  background-position: center;
  background-size: 55%;
  opacity: 1;
  filter: none;
}
.tracking .trackProgress .qc i {
  background: url("../images/homepages/Order-Tracking/3xs-icons/3xs-quality-control-2071f30cf9.svg") no-repeat;
  background-position: center;
  background-size: 55%;
}
.tracking .trackProgress .qc.on i {
  background-position: center;
  background-size: 55%;
  opacity: 1;
  filter: none;
}
.tracking .trackProgress .system i, .tracking .trackProgress .sysrepair i {
  background: url("../images/homepages/Order-Tracking/3xs-icons/3xs-system-built-5403e09244.svg") no-repeat;
  background-position: center;
  background-size: 42%;
}
.tracking .trackProgress .system.on i, .tracking .trackProgress .sysrepair.on i {
  background-position: center;
  background-size: 42%;
  opacity: 1;
  filter: none;
}
.tracking .trackProgress .complete i {
  background: url("../images/homepages/Order-Tracking/check-main-green-01847a4b6c.svg") no-repeat;
  background-position: center;
  background-size: 45%;
}
.tracking .trackProgress .complete.on i {
  background-position: center;
  background-size: 45%;
  opacity: 1;
  filter: none;
}
.tracking.order .trackProgress .ordered i {
  background: url("../images/homepages/Order-Tracking/check-main-green-01847a4b6c.svg") no-repeat;
  background-position: center;
  background-size: 55%;
}
.tracking.order .trackProgress .ordered.on i {
  background-position: center;
  background-size: 55%;
  opacity: 1;
  filter: none;
}
.tracking.order .trackProgress .payment i {
  background: url("../images/homepages/Order-Tracking/payment-card-blue-39c90ef58c.svg") no-repeat;
  background-position: center;
  background-size: 55%;
}
.tracking.order .trackProgress .payment.on i {
  background-position: center;
  background-size: 55%;
  opacity: 1;
  filter: none;
}
.tracking.order .trackProgress .picked i {
  background: url("../images/homepages/Order-Tracking/order-packaged-blue-761b9e43c8.svg") no-repeat;
  background-position: center;
  background-size: 65%;
}
.tracking.order .trackProgress .picked.on i {
  background-position: center;
  background-size: 65%;
  opacity: 1;
  filter: none;
}
.tracking.order .trackProgress .dispatch i {
  background: url("../images/homepages/Order-Tracking/order-dispatched-blue-e2d088ed7a.svg") no-repeat;
  background-position: center;
  background-size: 65%;
}
.tracking.order .trackProgress .dispatch.on i {
  background-position: center;
  background-size: 65%;
  opacity: 1;
  filter: none;
}
.tracking.returns .trackProgress .requested i {
  background: url("../images/homepages/Order-Tracking/Returns-icons/return-requested-0da434dca3.svg") no-repeat;
  background-position: center;
  background-size: 65%;
}
.tracking.returns .trackProgress .requested.on i {
  background-position: center;
  background-size: 65%;
  opacity: 1;
  filter: none;
}
.tracking.returns .trackProgress .authorised i {
  background: url("../images/homepages/Order-Tracking/check-main-green-01847a4b6c.svg") no-repeat;
  background-position: center;
  background-size: 55%;
}
.tracking.returns .trackProgress .authorised.on i {
  background-position: center;
  background-size: 55%;
  opacity: 1;
  filter: none;
}
.tracking.returns .trackProgress .received i {
  background: url("../images/homepages/Order-Tracking/order-packaged-blue-761b9e43c8.svg") no-repeat;
  background-position: center;
  background-size: 65%;
}
.tracking.returns .trackProgress .received.on i {
  background-position: center;
  background-size: 65%;
  opacity: 1;
  filter: none;
}
.tracking.returns .trackProgress .partstest i {
  background: url("../images/homepages/Order-Tracking/Returns-icons/return-tested-711e2fb9e4.svg") no-repeat;
  background-position: center;
  background-size: 65%;
}
.tracking.returns .trackProgress .partstest.on i {
  background-position: center;
  background-size: 65%;
  opacity: 1;
  filter: none;
}
.tracking.returns .trackProgress .replacement i {
  background: url("../images/homepages/Order-Tracking/Returns-icons/return-credit-replacement-cbc922907e.svg") no-repeat;
  background-position: center;
  background-size: 70%;
}
.tracking.returns .trackProgress .replacement.on i {
  background-position: center;
  background-size: 70%;
  opacity: 1;
  filter: none;
}
.tracking.returns .trackProgress .credit i {
  background: url("../images/homepages/Order-Tracking/Returns-icons/return-credit-auth-b22073c0c9.svg") no-repeat;
  background-position: center;
  background-size: 70%;
}
.tracking.returns .trackProgress .credit.on i {
  background-position: center;
  background-size: 70%;
  opacity: 1;
  filter: none;
}
.tracking.returns .trackProgress .complete i {
  background: url("../images/homepages/Order-Tracking/check-main-green-01847a4b6c.svg") no-repeat;
  background-position: center;
  background-size: 55%;
}
.tracking.returns .trackProgress .complete.on i {
  background-position: center;
  background-size: 55%;
  opacity: 1;
  filter: none;
}
.tracking.returns .trackProgress .scansure i {
  background: url("../images/homepages/Order-Tracking/Returns-icons/return-scansure-c4625fc232.svg") no-repeat;
  background-position: center;
  background-size: 70%;
}
.tracking.returns .trackProgress .scansure.on i {
  background-position: center;
  background-size: 70%;
  opacity: 1;
  filter: none;
}
.tracking.returns .trackProgress .rejected {
  display: none;
}
.tracking.returns .trackProgress .rejected.on {
  display: inline-block;
}
.tracking.returns .trackProgress .rejected.on i {
  background: url("../images/homepages/Order-Tracking/Returns-icons/return-rejected-d5d9dc6b73.svg") no-repeat;
  background-position: center;
  background-size: 50%;
  background-position: center;
  background-size: 50%;
  opacity: 1;
  filter: none;
}
@-webkit-keyframes spinLoader {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spinLoader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.tracking .liveTrack {
  position: relative;
  width: 100%;
  padding: 25px;
  box-sizing: border-box;
  background-color: #f6f6f6;
  border-radius: 10px;
}
.tracking .liveTrack .trackTwrap {
  padding: 0 0 10px 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.tracking .liveTrack #liveTrackingButton {
  display: block;
  border: none;
  border-radius: 24px;
  color: white;
  background: #0072c3;
  padding: 8px 15px;
  cursor: pointer;
  font-size: 0.9em;
  margin-left: auto;
  margin-right: 0;
}
.tracking .liveTrack #liveTrackingButton.hide {
  display: none;
}
.tracking .liveTrack #liveTrackingButton:hover {
  background: #00528d;
}
.tracking .liveTrack #trackLoader {
  position: absolute;
  right: 50px;
  top: 22px;
  z-index: 1;
  width: 42px;
  height: 42px;
  margin: 0 auto;
  border: 8px solid #dddddd;
  border-radius: 50%;
  border-top: 8px solid #0072c3;
  -webkit-animation: spinLoader 900ms linear infinite;
  animation: spinLoader 900ms linear infinite;
}
.tracking .liveTrack #trackLoader.hide {
  display: none;
}
.tracking .liveTrack .trackProg {
  padding: 10px 20px 20px 20px;
  border-radius: 5px;
  margin-top: 12px;
  background-color: #FFF;
}
.tracking .liveTrack .trackProg.hide {
  display: none;
}
.tracking .liveTrack .trackProg p {
  color: #000;
  font-size: 1em;
  padding: 10px 0;
}
.tracking .liveTrack .trackProg p span {
  color: #0072c3;
}
.tracking .liveTrack .trackProg p.barSub {
  font-size: 0.75em;
  color: #707070;
  max-width: 90%;
  padding-bottom: 0;
}
.tracking .liveTrack .trackProg dl {
  padding-top: 0;
}
.tracking .liveTrack .trackProg dl dt {
  color: #000000;
  padding-top: 10px;
  padding-right: 10px;
  display: inline-block;
}
.tracking .liveTrack .trackProg dl dd {
  color: #707070;
  font-size: 1em;
  line-height: 20px;
  width: auto;
  display: inline-block;
  padding-right: 10px;
}
.tracking .liveTrack .trackProg .prog-border {
  background-color: #dddddd;
  border-radius: 4px;
}
.tracking .liveTrack .trackProg .prog-border .prog-bar {
  border-radius: 4px;
  height: 24px;
  font-size: 0em;
  color: transparent;
  line-height: 0;
  transition: ease-in-out all 600ms;
  width: 0%;
  background: rgb(0, 82, 141);
  background: linear-gradient(90deg, rgb(0, 82, 141) 0%, rgb(0, 114, 195) 100%);
}
.tracking .liveTrack .trackProg .prog-border .prog-bar.complete {
  background: rgb(8, 154, 59);
  background: linear-gradient(90deg, rgb(8, 154, 59) 0%, rgb(10, 205, 78) 100%);
}
.tracking .trackingDetails {
  display: flex;
  width: 100%;
  margin-top: 25px;
  padding: 0;
  flex-wrap: nowrap;
  box-sizing: border-box;
}
.tracking .trackingDetails > div {
  background-color: #f6f6f6;
  padding: 25px 25px 25px 25px;
  box-sizing: border-box;
  position: relative;
  border-radius: 10px;
}
.tracking .trackingDetails .order {
  width: 100%;
  min-width: 400px;
}
.tracking .trackingDetails .delivery {
  margin-left: 10px;
  width: 10%;
  min-width: 225px;
}
.tracking .trackingDetails a {
  font-size: 0.9em;
  text-decoration: none;
  color: #0072c3;
  line-height: 1em;
  padding: 10px 0 0 0;
  display: block;
}
.tracking .trackingDetails a::after {
  display: inline-block;
  vertical-align: top;
  content: "\e916";
  height: 20px;
  width: 20px;
  font-size: 1em;
  margin-left: 5px;
}
.tracking .trackingDetails a#openTimes {
  vertical-align: top;
  padding: 20px 0 0 0;
  max-width: 250px;
}
.tracking .trackingDetails a#openTimes::before {
  content: "\e95a";
  display: inline-block;
  vertical-align: top;
  color: #000000;
  height: 20px;
  width: 25px;
  font-size: 2em;
  margin-right: 10px;
}
.tracking .trackingDetails a#findUs {
  vertical-align: top;
  padding: 20px 0 0 0;
  max-width: 250px;
}
.tracking .trackingDetails a#findUs::before {
  content: "\e90c";
  display: inline-block;
  vertical-align: top;
  color: #000000;
  height: 20px;
  width: 25px;
  font-size: 2em;
  margin-right: 10px;
}
.tracking .trackingDetails dt {
  color: #000000;
  padding-top: 18px;
}
.tracking .trackingDetails dd {
  color: #707070;
  font-size: 1em;
  line-height: 20px;
}
.tracking .trackingDetails span {
  display: block;
  padding-bottom: 2px;
}
.tracking.threeXs-systems .trackingDetails .order {
  width: 100%;
  margin-left: 0;
}
.tracking.returns .trackingDetails {
  flex-wrap: wrap;
}
.tracking.returns .trackingDetails .return {
  order: 1;
  width: 49%;
  flex-grow: 1;
  margin-right: 1%;
}
.tracking.returns .trackingDetails .customer {
  order: 2;
  width: 49%;
  flex-grow: 1;
  margin-left: 1%;
}
.tracking.returns .trackingDetails .product {
  width: 49%;
  order: 3;
  flex-grow: 1;
  margin-top: 20px;
  margin-right: 1%;
}
.tracking.returns .trackingDetails .credit {
  width: 49%;
  order: 4;
  flex-grow: 1;
  margin-top: 20px;
  margin-left: 1%;
}
.tracking .contactHelp {
  width: 100%;
  display: flex;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-direction: row;
  margin-top: 25px;
  box-sizing: border-box;
}
.tracking .contactHelp .faqs {
  background-color: #f6f6f6;
  width: 75%;
  padding: 25px;
  box-sizing: border-box;
  height: 300px;
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.tracking .contactHelp .faqs h4 {
  display: inline-block;
  vertical-align: top;
  padding: 10px 10px 15px 0;
  box-sizing: border-box;
  border-bottom: solid 1px #eaebef;
}
.tracking .contactHelp .faqs h4::after {
  display: inline-block;
  vertical-align: top;
  content: "";
  width: 30px;
  height: 25px;
  background: url("../images/homepages/Order-Tracking/faq-icon-black-2b0094c6c2.png") no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: 10px;
  margin-top: -5px;
}
.tracking .contactHelp .faqs ul {
  margin-top: 10px;
  overflow-y: scroll;
  height: 200px;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.tracking .contactHelp .faqs ul::-webkit-scrollbar {
  width: 3px;
}
.tracking .contactHelp .faqs ul::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.tracking .contactHelp .faqs ul::-webkit-scrollbar-thumb {
  background: #888;
}
.tracking .contactHelp .faqs ul::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.tracking .contactHelp .faqs ul li {
  font-size: 1.2em;
  padding: 10px 0;
}
.tracking .contactHelp .faqs ul li a {
  color: #707070;
  text-decoration: none;
  text-transform: none;
  font-size: 0.85em;
  padding-right: 15px;
}
.tracking .contactHelp .faqs ul li a:hover, .tracking .contactHelp .faqs ul .contactHelp .faqs ul li a:focus {
  color: #0072c3;
  text-decoration: underline;
}
.tracking .contactHelp .faqs .helplink {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 0.9em;
  text-decoration: none;
  color: #0072c3;
  display: block;
  padding: 10px 0 0 25px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.tracking .contactHelp .faqs .helplink::after {
  display: inline-block;
  vertical-align: top;
  content: "\e916";
  height: 20px;
  width: 20px;
  font-size: 1em;
  margin-left: 5px;
}
.tracking .contactHelp .spacer {
  width: 10px;
}
.tracking .contactHelp .contact {
  width: 25%;
  background-color: #f6f6f6;
  box-sizing: border-box;
  height: 300px;
  padding-top: 20px;
  border-radius: 10px;
}
.tracking .contactHelp .contact h4 {
  display: inline-block;
  vertical-align: top;
  padding: 10px 10px 15px 20px;
}
.tracking .contactHelp .contact h4::after {
  display: inline-block;
  vertical-align: top;
  content: "";
  width: 30px;
  height: 25px;
  background: url("../images/homepages/Order-Tracking/contact-icon-521c5de422.svg") no-repeat;
  background-position: center;
  background-size: contain;
  margin-left: 10px;
  margin-top: -5px;
}
.tracking .contactHelp .contact ul {
  padding-bottom: 15px;
  margin: 0 25px;
}
.tracking .contactHelp .contact ul li {
  padding: 15px 0 10px 0;
  line-height: 25px;
  display: block;
  height: 20px;
}
.tracking .contactHelp .contact .linkTitle {
  margin: -32px 0 0 35px;
  display: block;
}
.tracking .contactHelp .contact a:before {
  display: inline-block;
  height: 20px;
  width: 35px;
  font-family: "scanicons", sans-serif;
  font-size: 2em;
  color: #000000;
}
.tracking .contactHelp .contact .livechat a:before {
  content: "\e908";
}
.tracking .contactHelp .contact .callback a:before {
  content: "\e964";
}
.tracking .contactHelp .contact .callus {
  border-top: 1px solid #cccccc;
}
.tracking .contactHelp .contact .callus a:before {
  content: "\e919";
}
.tracking .contactHelp a {
  text-decoration: none;
  color: #0072c3;
  display: inline-block;
}
.tracking .contactHelp strong {
  display: block;
  color: #0072c3;
}
.tracking .contactHelp .telno {
  color: #0072c3;
  font-size: 1.1em;
  margin: 0;
}
.tracking .contactHelp i {
  display: inline-block;
  width: 40px;
  height: 40px;
}
.tracking .notification {
  background-color: #2777b3;
  padding: 15px 25px;
  margin-bottom: 30px;
}
.tracking .notification p {
  color: #ffffff;
  font-size: 1.5em;
}
.tracking .notification p:before {
  font-family: "scanicons", sans-serif;
  content: "\e939";
  color: #ffffff;
  padding-right: 10px;
}
.tracking .expandTab {
  background-color: #f6f6f6;
  position: relative;
  margin-top: 30px;
  box-sizing: border-box;
  border-radius: 10px;
  padding: 25px;
}
.tracking .expandTab button.link {
  text-decoration: none;
  text-indent: -9999px;
  font-size: 0.01em;
  color: transparent;
  background: url("../images/homepages/Order-Tracking/plus-icon-7af92d0b7b.svg") no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0;
  position: absolute;
  top: 30px;
  right: 25px;
}
.tracking .expandTab button.link.expanded {
  transform: rotate(-45deg);
}
.tracking .galleryPhotos {
  background-color: #f6f6f6;
  margin-top: 30px;
  box-sizing: border-box;
  padding: 25px;
  border-radius: 10px;
}
.tracking .galleryPhotos ul {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.tracking .galleryPhotos ul li {
  display: inline-block;
  padding-right: 5px;
}
.tracking .galleryPhotos ul li img {
  width: 200px;
  height: 113px;
  border: 1px solid #707070;
}
.tracking .galleryPhotos ul li:before {
  display: block;
  position: absolute;
  z-index: 1;
  content: "\e909";
  font-family: "scanicons", sans-serif;
  font-size: 2em;
  margin: 80px 0 0 8px;
  color: rgba(255, 255, 255, 0.5);
}
.tracking .systemSpec {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 12px 12px;
}
.tracking .systemSpec li {
  display: block;
  width: 33%;
  padding: 20px 0;
  line-height: 20px;
}
.tracking .systemSpec li:last-of-type {
  width: auto;
  flex: 3;
}
.tracking .systemSpec li span {
  display: inline-block;
  padding: 0 20px;
  color: #000000;
  font-size: 1em;
}
.tracking .systemSpec li span:nth-child(3) {
  border: none;
}
.tracking .systemSpec li:nth-child(3n+1), .tracking .systemSpec li:nth-child(3n+2) {
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 1401px) {
  .tracking h3, .tracking h4 {
    font-size: 1.4em;
    padding: 8px 0 20px 0;
  }
}
@media screen and (max-width: 1100px) {
  .tracking h3, .tracking h4 {
    font-size: 1.4em;
    padding: 8px 0 20px 0;
  }
  .tracking .trackingDetails {
    flex-wrap: wrap;
    justify-content: center;
  }
  .tracking .trackingDetails .order {
    width: 100%;
    margin-left: 0;
    flex: 1;
    min-width: auto;
  }
}
@media screen and (max-width: 700px) {
  .tracking .trackingDetails .delivery {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    min-width: auto;
  }
}
@media screen and (max-width: 800px) {
  .tracking .trackingDetails .customer {
    border-right: 0;
  }
  .tracking .tracking.sysRepair .customer {
    border-bottom: 0;
  }
  .tracking .contactHelp {
    flex-direction: column;
  }
  .tracking .contactHelp div {
    width: 100%;
    display: block;
  }
  .tracking .contactHelp .faqs {
    width: 100%;
  }
  .tracking .contactHelp .contact {
    width: 100%;
    height: 250px;
    padding: 20px 0;
    margin-top: 10px;
  }
  .tracking .trackProgress ul li:before {
    display: none;
  }
  .tracking .trackProgress ul li {
    padding: 15px;
  }
  .tracking .trackProgress span:before {
    display: inline-block;
    padding-right: 6px;
    font-weight: 700;
    color: #0072c3;
    margin-left: -15px;
  }
  .tracking .trackProgress .payment .date:before, .tracking .trackProgress .complete .date:before, .tracking .trackProgress .picked .date:before, .tracking .trackProgress .dispatch .date:before {
    display: none;
  }
  .tracking.order .ordered .date:before {
    display: none;
  }
  .tracking.order .ordered span:before {
    content: "1.";
  }
  .tracking.order .payment span:before {
    content: "2.";
  }
  .tracking.order .picked span:before {
    content: "3.";
  }
  .tracking.order .dispatch span:before {
    content: "4.";
  }
  .tracking.sysRepair .authorised span:before {
    content: "1.";
  }
  .tracking.sysRepair .return span:before {
    content: "2.";
  }
  .tracking.sysRepair .received span:before {
    content: "3.";
  }
  .tracking.sysRepair .repair span:before {
    content: "4.";
  }
  .tracking.sysRepair .burntest span:before {
    content: "5.";
  }
  .tracking.sysRepair .qc span:before {
    content: "6.";
  }
  .tracking.sysRepair .sysrepair span:before {
    content: "7.";
  }
  .tracking.sysRepair .complete span:before {
    content: "8.";
  }
  .tracking.returns .trackProgress span:before {
    display: none;
  }
  .tracking.returns .trackProgress span p:before {
    display: inline-block;
    padding-right: 6px;
    font-weight: 700;
    color: #0072c3;
    margin-left: -15px;
  }
  .tracking.returns .trackProgress .requested span p:before {
    content: "1. ";
  }
  .tracking.returns .trackProgress .authorised span p:before {
    content: "2. ";
  }
  .tracking.returns .trackProgress .received span p:before {
    content: "3. ";
  }
  .tracking.returns .trackProgress .partstest span p:before {
    content: "4. ";
  }
  .tracking.returns .trackProgress .replacement span p:before {
    content: "5. ";
  }
  .tracking.returns .trackProgress .credit span p:before {
    content: "6. ";
  }
  .tracking.returns .trackProgress .complete span p:before {
    content: "7. ";
  }
  .tracking.threeXs-systems .trackProgress ul li:before {
    display: none;
  }
  .tracking.threeXs-systems .trackProgress .sysorder span:before {
    content: "1.";
  }
  .tracking.threeXs-systems .trackProgress .sysorder .date:before {
    display: none;
  }
  .tracking.threeXs-systems .trackProgress .awaiting span:before {
    content: "2.";
  }
  .tracking.threeXs-systems .trackProgress .build span:before {
    content: "3.";
  }
  .tracking.threeXs-systems .trackProgress .test span:before {
    content: "4.";
  }
  .tracking.threeXs-systems .trackProgress .software span:before {
    content: "5.";
  }
  .tracking.threeXs-systems .trackProgress .burn24 span:before {
    content: "6.";
  }
  .tracking.threeXs-systems .trackProgress .qc span:before {
    content: "7.";
  }
  .tracking.threeXs-systems .trackProgress .system span:before {
    content: "8.";
  }
  .tracking.threeXs-systems .trackProgress .complete span:before {
    content: "9.";
  }
}
@media screen and (max-width: 650px) {
  .tracking h2, .tracking h3, .tracking h4 {
    font-size: 1.2em;
    padding: 8px 0;
  }
  .tracking .trackingDetails {
    display: block;
  }
  .tracking .trackingDetails div {
    width: 100%;
  }
  .tracking .trackingDetails .order {
    margin-right: 0;
  }
  .tracking .trackingDetails .delivery {
    margin-left: 0;
  }
  .tracking.returns .trackingDetails {
    flex-wrap: wrap;
  }
  .tracking.returns .trackingDetails .return {
    width: 100%;
    margin-right: 0;
  }
  .tracking.returns .trackingDetails .customer {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .tracking.returns .trackingDetails .product {
    width: 100%;
    margin-right: 0;
  }
  .tracking.returns .trackingDetails .credit {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  .tracking .systemSpec {
    display: block;
    padding: 0;
  }
  .tracking .systemSpec li {
    width: 100%;
  }
  .tracking .systemSpec li:nth-child(3n+1), .tracking .tracking .systemSpec li:nth-child(3n+2) {
    border: 0;
  }
  .tracking .galleryPhotos ul li img {
    width: 110px;
    height: 62px;
  }
  .tracking .galleryPhotos li::before {
    margin: 40px 0 0 40px;
  }
  .tracking.sysRepair .trackingDetails div {
    width: 100%;
  }
}
@media screen and (max-width: 530px) {
  .tracking {
    /* Threexs tracking stage line and spots for mobile */
    /* Threexs tracking stage line and spots for mobile */
    /* Returns tracking stage line and spots for mobile */
    /* Returns tracking stage line and spots for mobile */
    /* Normal Order tracking stage line and spots for mobile */
    /* Normal Order tracking stage line and spots for mobile */
  }
  .tracking.threeXs-systems > h2 {
    padding-left: 5px;
    padding-top: 0;
  }
  .tracking.threeXs-systems .trackProgress ul li {
    display: block;
    text-align: left;
    margin: 0 10px 0 auto;
    padding: 0;
    border-right: 2px solid #E1E1E1;
    border-style: dashed;
    position: relative;
  }
  .tracking.threeXs-systems .trackProgress ul li.on::after {
    content: "\e900";
    font-family: "scanicons", sans-serif;
    font-size: 1.5em;
    color: #000000;
    display: block;
    right: -10px;
    position: absolute;
    top: 30px;
    line-height: 1em;
    width: 20px;
    height: 20px;
    background-color: #FFF;
    transform: rotate(90deg);
  }
  .tracking.threeXs-systems .trackProgress ul li.on:last-of-type {
    border: none;
  }
  .tracking.threeXs-systems .trackProgress ul li.on:last-of-type:after {
    position: absolute;
    display: block;
    content: "";
    right: -10px;
    top: 20px;
    width: 25px;
    height: 30px;
    background: #FFF url("/images/homepages/Order-Tracking/check-main-green-01847a4b6c.svg") no-repeat;
    background-position: center;
    background-size: contain;
    transform: none;
  }
  .tracking.threeXs-systems .trackProgress ul li p {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: left;
    box-sizing: border-box;
    padding: 14px 10px 14px 0;
    font-size: 0.9em;
  }
  .tracking.threeXs-systems .trackProgress span {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-top: 0;
  }
  .tracking.threeXs-systems .trackProgress span::before {
    display: none;
  }
  .tracking.returns .trackProgress ul li {
    display: block;
    text-align: left;
    margin: 0 10px 0 auto;
    padding: 0;
    border-right: 2px solid #E1E1E1;
    border-style: dashed;
    position: relative;
  }
  .tracking.returns .trackProgress ul li.on::after {
    content: "\e900";
    font-family: "scanicons", sans-serif;
    font-size: 1.5em;
    color: #0072c3;
    display: block;
    right: -10px;
    position: absolute;
    top: 30px;
    line-height: 1em;
    width: 20px;
    height: 20px;
    background-color: #FFF;
    transform: rotate(90deg);
  }
  .tracking.returns .trackProgress ul li.rejected.on {
    display: block;
  }
  .tracking.returns .trackProgress ul li p {
    width: auto !important;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    box-sizing: border-box;
    padding: 12px 0;
    font-size: 0.9em;
  }
  .tracking.returns .trackProgress span {
    text-align: left;
    width: 100%;
    padding: 14px 10px 14px 0;
    display: block;
    height: 55px;
  }
  .tracking.returns .trackProgress span p::before {
    display: none;
  }
  .tracking.returns .trackProgress .rejected.on {
    display: inline-block;
  }
  .tracking.threeXs-systems .trackProgress i, .tracking.returns .trackProgress i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5% 0 auto;
    width: 50px;
    height: 50px;
  }
  .tracking.threeXs-systems .trackProgress .date, .tracking.returns .trackProgress .date {
    display: none;
  }
  .tracking.order .trackProgress ul li {
    display: block;
    text-align: left;
    margin: 0 10px 0 auto;
    padding: 0;
    border-right: 2px solid #E1E1E1;
    border-style: dashed;
    position: relative;
  }
  .tracking.order .trackProgress ul li.on::after {
    content: "\e900";
    font-family: "scanicons", sans-serif;
    font-size: 1.5em;
    color: #0072c3;
    display: block;
    right: -10px;
    position: absolute;
    top: 30px;
    line-height: 1em;
    width: 20px;
    height: 20px;
    background-color: #FFF;
    transform: rotate(90deg);
  }
  .tracking.order .trackProgress ul li.on:last-of-type {
    border: none;
  }
  .tracking.order .trackProgress ul li.on:last-of-type:after {
    position: absolute;
    display: block;
    content: "";
    right: -10px;
    top: 20px;
    width: 25px;
    height: 30px;
    background: #FFF url("/images/homepages/Order-Tracking/check-main-green-01847a4b6c.svg") no-repeat;
    background-position: center;
    background-size: contain;
    transform: none;
  }
  .tracking.order .trackProgress ul li p {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: left;
    box-sizing: border-box;
    padding: 14px 10px 14px 0;
    font-size: 0.9em;
    width: 100% !important;
  }
  .tracking.order .trackProgress span {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    padding-top: 0;
  }
  .tracking.order .trackProgress span::before {
    display: none;
  }
  .tracking.order .trackProgress span:last-child {
    width: 50px;
    margin-left: 10px;
  }
  .tracking.order .trackProgress i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5% 0 auto;
    width: 50px;
    height: 50px;
  }
  .tracking.order .trackProgress .date {
    color: #707070;
  }
  .tracking .trackingDetails a#dpdTrackLink {
    position: initial;
    padding-top: 20px;
  }
  .tracking .contactHelp .faqs {
    height: auto;
  }
  .tracking .contactHelp .faqs h4::after {
    display: none;
  }
  .tracking .contactHelp .faqs ul li {
    font-size: 1em;
  }
  .tracking .contactHelp .faqs .helplink {
    padding: 20px 0;
    position: initial;
  }
}
@media screen and (max-width: 500px) {
  .tracking h2.liveTitle {
    width: 120px;
  }
  .tracking h2.liveTitle span {
    display: none;
  }
  .tracking .liveTrack .trackProg dl dt,
  .tracking .liveTrack .trackProg dl dd {
    display: block;
  }
  .tracking .liveTrack .trackProg p {
    font-size: 0.875em;
    line-height: 1.3em;
  }
}
@media screen and (max-width: 280px) {
  .tracking {
    padding: 0 0 30px;
  }
  .tracking .trackingDetails {
    padding: 0 10px;
  }
  .tracking .contactHelp {
    padding: 0 10px;
  }
  .tracking.order .trackProgress span:last-child {
    display: block;
    margin-top: 5px;
    margin-left: 0;
    text-align: center;
  }
}
.category-toolbar {
  height: 80px;
  display: block;
}
.category-toolbar div[data-component=product-filter-toggle] {
  height: 56px;
  width: 180px;
  display: inline-flex;
}
.category-toolbar div[data-component=product-filter-toggle] button.filter-toggle {
  vertical-align: top;
  border: 1px solid #bcbec0;
  color: #000;
  border-radius: 6px;
  background: #fff;
  text-transform: uppercase;
  cursor: pointer;
  line-height: 40px;
  padding-left: 20px;
  padding-right: 20px;
}
.category-toolbar div[data-component=product-filter-toggle] button.filter-toggle:after {
  border-left: 1px solid #bcbec0;
  vertical-align: top;
  display: inline-block;
  margin-left: 14px;
  padding-left: 15px;
  text-transform: capitalize;
}
.category-toolbar div[data-component=product-filter-toggle] button.filter-toggle.is-visible:after {
  content: "Hide";
}
.category-toolbar div[data-component=product-filter-toggle] button.filter-toggle.not-visible:after {
  content: "Show";
}
.category-toolbar div[data-component=product-filter-toggle] button.filter-toggle:before {
  content: "\e97d";
  margin-left: 12px;
  font-size: 20px;
  text-indent: 0;
  float: right;
  display: block;
}
.category-toolbar span.sort {
  height: 54px;
  width: 280px;
  padding: 0;
  vertical-align: top;
  border: 1px solid #bcbec0;
  color: #000;
  border-radius: 6px;
  background: #fff;
  margin-left: 7px;
}
.category-toolbar span.sort:before {
  display: inline-block;
  margin-top: 8px;
  vertical-align: top;
  text-transform: uppercase;
  padding: 10px 20px 10px 20px;
  border-right: 1px solid #bcbec0;
  content: "Sort By";
}
.category-toolbar span.sort select {
  display: inline-block;
  border: 0;
  margin-top: 5px;
  vertical-align: top;
  padding: 13px 20px 10px 16px;
  border: 0;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
  background-color: #fff;
  color: #000;
}
.category-toolbar span.sort option {
  appearance: none;
  -webkit-appearance: none;
  background-color: #fff;
}
.category-toolbar span.sort:after {
  content: " ";
  height: 10px;
  width: 10px;
  border-bottom: 1px solid #000;
  border-right: 1px solid #000;
  position: absolute;
  margin-top: 16px;
  margin-left: -16px;
  pointer-events: none;
}
.category-toolbar .view {
  height: 56px;
  width: 300px;
  display: table;
  float: right;
  background: #fff;
  border: 1px solid #bcbec0;
  border-radius: 6px;
}
.category-toolbar .view span.title {
  text-transform: uppercase;
  width: 70px;
  text-indent: 22px;
  font-size: 14px;
  vertical-align: top;
  padding-top: 19px;
  display: table-cell;
}
.category-toolbar .view > button {
  background: 0;
  height: 47px;
  width: 47px;
  overflow: hidden;
  border: 0;
  padding: 0;
  cursor: pointer;
  margin-right: 5px;
  opacity: 0.2;
  border-radius: 3px;
  display: table-cell;
  padding-top: 5px;
  vertical-align: middle;
  color: #000;
}
.category-toolbar .view > button:before {
  font-size: 30px;
  background-repeat: no-repeat;
  content: " ";
  display: block;
  height: 28px;
  width: 28px;
  margin: 15px 0 6px 8px;
}
.category-toolbar .view > button.list:before {
  content: "\e97c";
}
.category-toolbar .view > button.gallery:before {
  content: "\e979";
}
.category-toolbar .view > button.largeGallery:before {
  content: "\e97a";
}
.category-toolbar .view > button.superList:before {
  content: "\e97b";
}
.category-toolbar .view:before {
  border: 1px solid #000;
  content: " ";
  height: 36px;
  width: 37px;
  display: block;
  position: absolute;
  margin-left: -50px;
  opacity: 0;
  margin-top: 8px;
  transition: ease-in-out 0.2s;
}
.category-toolbar .sort {
  background: #fff;
  display: inline-block;
}

@media screen and (max-width: 560px) {
  body .category-toolbar span.sort {
    position: relative;
  }
  body .category-toolbar span.sort > select {
    margin-top: 8px;
    display: block;
    padding: 10px 0 10px 12px;
    width: 80px;
  }
  body .category-toolbar span.sort:after {
    top: 0;
    margin-left: 0;
    right: 12px;
  }
}
@media screen and (max-width: 390px) {
  body .category-toolbar {
    height: 130px;
  }
  body .category-toolbar .view {
    float: none;
    margin-top: 4px;
  }
}
/* USP bar styles */
.trustHeader {
  min-height: 52px;
  background-color: #3f3f3f;
}
.trustHeader > div {
  display: table;
  width: 100%;
  border: 0;
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}
.trustHeader > div.mobileVersion {
  display: none !important;
}
.trustHeader > div > div {
  display: table-cell;
  width: 33.333%;
}
.trustHeader > div > div > a {
  margin: 11px 0 0;
  padding: 0;
  display: block;
  border: 0;
  height: 32px;
  text-decoration: none;
}
.trustHeader > div > div > a > i {
  background: url(../images/usp-bar-sprite-34b63918ef.png);
  background-size: 205px 36px;
  float: left;
  background-repeat: no-repeat;
  font-size: 1.4em;
  line-height: 6em;
  overflow: hidden;
  display: block;
}
.trustHeader > div > div > a > span {
  display: block;
  margin-left: 44px;
  line-height: 1em;
  color: #D4D4D4;
  font-size: 0.8em;
}
.trustHeader > div > div > a > span strong {
  font-style: normal !important;
  display: block;
  padding: 5px 0 3px;
  color: #D4D4D4;
  font-size: 1.1em;
}
.trustHeader > div > div > a.block1 {
  margin-left: 120px;
}
.trustHeader > div > div > a.block1 > i {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-indent: 32px;
  background-color: #4a4a4a;
  background-position: -40px -2px;
}
.trustHeader > div > div > a.block2 {
  width: 290px;
  margin: 11px auto 0 auto;
}
.trustHeader > div > div > a.block2 > i {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-indent: 32px;
  background-position: -1px -2px;
  background-size: 170px 35px;
  background-color: #4a4a4a;
  margin-top: 0;
}
.trustHeader > div > div > a.block2 > span {
  margin-left: 45px;
}
.trustHeader > div > div > a.block3 {
  margin-left: 75px;
}
.trustHeader > div > div > a.block3 > i {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-indent: 32px;
  background-position: -81px -3px;
  background-color: #4a4a4a;
}
.trustHeader > div > div > a.block3 > span {
  margin-left: 45px;
}

.social-bar .social {
  width: 294px;
  margin: 0 auto;
  padding: 25px 0;
}
.social-bar .social > span {
  font-size: 1.45em;
  padding-right: 10px;
  font-family: "uni_sanssemibold", sans-serif;
}
.social-bar .social a {
  display: inline-block;
  height: 22px;
  width: 22px;
  overflow: hidden;
  line-height: 3em;
  font-size: 2.7em;
  color: #333;
  text-decoration: none;
  transition: ease-in-out 0.3s;
  margin-right: 6px;
  margin-bottom: -3px;
}
.social-bar .social a.facebook, .social-bar .social a.reddit {
  width: 23px;
}
.social-bar .social a.instagram {
  width: 26px;
}
.social-bar .social a.twitter {
  width: 24px;
}
.social-bar .social a.youTube {
  width: 45px;
}
.social-bar .social a i {
  display: block;
  height: 22px;
  width: 22px;
  font-size: 0.6em;
  line-height: 1em;
}
.social-bar .social a i:before {
  font-family: "scanicons", sans-serif;
  font-style: normal;
}
.social-bar .social a i.youTube {
  font-size: 1.1em;
  line-height: 0.58em;
}
.social-bar .social a i.facebook {
  font-size: 0.55em;
}

@media screen and (max-width: 1400px) {
  .trustHeader > div > div > a.block1 {
    margin-left: 100px;
    margin-right: auto;
  }
  .trustHeader > div > div > a.block3 {
    margin-left: 50px;
    margin-right: auto;
  }
}
@media screen and (max-width: 1000px) {
  .trustHeader > div > div > a.block1 {
    margin-left: 20px;
  }
  .trustHeader > div > div > a.block2 {
    width: auto;
  }
  .trustHeader > div > div > a.block3 {
    margin-left: 30px;
  }
}
@media screen and (max-width: 781px) {
  .trustHeader div.mobileVersion {
    display: table !important;
  }
  .trustHeader div.mobileVersion > div {
    display: block;
    width: 290px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px !important;
  }
  .trustHeader div.mobileVersion > div a {
    margin-left: 0 !important;
  }
  .trustHeader div.mobileVersion > div:first-child {
    width: 212px;
  }
  .trustHeader div.mobileVersion > div:first-child a {
    width: 212px;
  }
  .trustHeader div.mobileVersion > div:nth-child(2) {
    width: 250px;
  }
  .trustHeader div.mobileVersion > div:nth-child(2) a {
    margin: 11px auto 0;
  }
  .trustHeader div.mobileVersion > div:last-child {
    width: 236px;
  }
  .trustHeader div.mobileVersion > div:last-child > span {
    width: 236px;
    margin-left: 0 !important;
  }
  .trustHeader div.desktopVersion {
    display: none !important;
  }
}
/***** SITESHOP INCLUDE *****/
.siteShopCategory {
  max-width: 2200px;
  width: 100%;
  margin: auto;
}
.siteShopCategory .categoryTitle h2 {
  font-size: 1.5em;
  padding: 45px 0 20px 0;
}
.siteShopCategory .products-cont .category-toolbar {
  display: none;
}
.siteShopCategory .products-cont .category-toolbar div[data-component=product-filter-toggle] {
  display: none;
}
.siteShopCategory .products-cont .category-toolbar span.sort {
  margin-left: 0;
}

/***** SITESHOP PAGE *****/
body[data-page=site-shop].product-filter-visible .content-container .category-page .categories {
  padding: 30px 0;
}
body[data-page=site-shop].product-filter-visible .content-container .category-page .categories > div {
  padding: 0 30px;
}
body[data-page=site-shop].product-filter-hidden .content-container .category-page .categories {
  padding: 30px 0;
}
body[data-page=site-shop].product-filter-hidden .content-container .category-page .categories > div {
  padding: 0 30px;
}
body[data-page=site-shop] .content-container .category-page #productFilter div.visible {
  margin-left: 30px;
}
body[data-page=site-shop] .content-container.siteShopPage {
  max-width: 2200px;
  padding: 0 0 45px 0;
  margin: 0 auto;
}
body[data-page=site-shop] .content-container.siteShopPage h1 {
  line-height: 1.2em;
}
body[data-page=site-shop] .content-container.siteShopPage p {
  line-height: 1.6em;
}
body[data-page=site-shop] .content-container.siteShopPage .siteShopCategory:first-child .categoryTitle {
  border-bottom: 1px solid #bcbec0;
}
body[data-page=site-shop] .content-container.siteShopPage .siteShopCategory:first-child .categoryTitle h2 {
  padding: 0 0 20px 0;
}
body[data-page=site-shop] .content-container.siteShopPage .siteShopCategory:first-child .products-cont .category-toolbar {
  margin-left: 0;
  display: block;
}
body[data-page=site-shop] .content-container.siteShopPage .siteShopCategory:first-child .products-cont .category-toolbar div[data-component=product-filter-toggle] {
  display: inline-flex;
}
body[data-page=site-shop] .content-container.siteShopPage .siteShopCategory:first-child .products-cont .category-toolbar span.sort {
  margin-left: 0;
}
body[data-page=site-shop] .content-container.siteShopPage .siteShopCategory .categoryTitle {
  margin-left: 0;
  border-bottom: none;
}
body[data-page=site-shop] .content-container.siteShopPage .siteShopCategory .categoryTitle h2 {
  font-size: 1.5em;
  padding: 45px 0 20px 0;
}
body[data-page=site-shop] .content-container.siteShopPage .siteShopCategory .products-cont .category-toolbar {
  display: none;
}

@media screen and (max-width: 1200px) {
  body[data-page=site-shop] .content-container .category-page .masterCategory {
    margin: 0;
  }
  body[data-page=site-shop] .content-container .category-page #productFilter {
    margin-left: 0;
  }
  body[data-page=site-shop] .content-container .category-page #productFilter div.visible {
    margin-right: 0;
  }
  body[data-page=site-shop] .content-container .category-page #productFilter > div {
    margin-right: 0;
  }
  body[data-page=site-shop] .content-container .category-page #productFilter .facet.visible {
    height: 100%;
  }
}
@media screen and (max-width: 830px) {
  body[data-page=site-shop].product-filter-visible .content-container .category-page .categories > div {
    padding: 0 20px;
  }
  body[data-page=site-shop].product-filter-hidden .content-container .category-page .categories > div {
    padding: 0 20px;
  }
  body[data-page=site-shop] .content-container.siteShopPage {
    padding: 0 0 35px 0;
  }
}
@media screen and (max-width: 780px) {
  body[data-page=site-shop] .content-container.siteShopPage h1 {
    font-size: 1.8em;
  }
  body[data-page=site-shop] .content-container.siteShopPage p {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 440px) {
  body[data-page=site-shop] .content-container .category-page .categories > div {
    padding: 0;
  }
}
@media screen and (max-width: 360px) {
  body[data-page=site-shop].product-filter-visible .content-container .category-page #productFilter {
    margin-left: 0;
  }
}
.categoryPage.siteHotSellers .masterCategory {
  padding: 35px 0;
}
.categoryPage.siteHotSellers .masterCategory .master-category {
  padding: 0 30px 30px 30px;
}
.categoryPage.siteHotSellers .masterCategory .master-category h2 {
  margin-left: 10px;
  font-size: 2em;
  border-bottom: 4px solid #bcbec0;
}
.categoryPage.siteHotSellers .masterCategory .master-category button.link {
  display: none;
}
.categoryPage.siteHotSellers .masterCategory .master-category div.expands {
  display: none;
}
.categoryPage.siteHotSellers .masterCategory .categories {
  display: block;
  padding: 0;
}
.categoryPage.siteHotSellers .masterCategory .categories div div.category {
  padding: 0 0 30px 0;
}
.categoryPage.siteHotSellers .masterCategory .categories div div.category div.categoryTitle h2 {
  font-size: 1.5em;
}

.categoryPage.siteNewArrivals .masterCategory .categories div div.category {
  padding: 0 0 30px 0;
}
.categoryPage.siteNewArrivals .masterCategory .categories div div.category div.categoryTitle h2 {
  font-size: 1.5em;
}

@media screen and (max-width: 830px) {
  .categoryPage.siteHotSellers .masterCategory {
    padding: 25px 0;
  }
  .categoryPage.siteHotSellers .masterCategory .master-category {
    padding: 0 20px 20px 20px;
  }
  .categoryPage.siteHotSellers .masterCategory .master-category h2 {
    margin-left: 0;
    font-size: 1.7em;
  }
  .categoryPage.siteHotSellers .masterCategory .categories {
    padding: 0;
  }
  .categoryPage.siteHotSellers .masterCategory .categories div div.category {
    padding: 0 0 20px 0;
  }
  .categoryPage.siteHotSellers .masterCategory .categories div div.category div.categoryTitle h2 {
    font-size: 1.3em;
  }
}
.recently-viewed-panel {
  background-color: #f3f3f3;
  padding: 10px 0 0 0;
  margin-top: 50px;
}

div[data-app=recently-viewed-products] {
  text-align: center;
  padding: 26px 0;
}

.recently-viewed-products {
  margin: 0 auto;
}
.recently-viewed-products h2 {
  color: #000000;
  font-size: 20px;
  padding: 0 0 14px 0;
  border: 0; /* border-bottom: 1px solid colours.$standard-border; */
  margin-bottom: 10px;
}
.recently-viewed-products ul {
  display: flex;
  justify-content: center;
}
.recently-viewed-products ul li {
  padding: 16px 0 10px;
  margin: 0 10px;
  position: relative;
  width: 260px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #bcbec0;
}
.recently-viewed-products ul li p {
  color: #000000;
  padding: 12px 12px 0;
  text-align: left;
}
.recently-viewed-products ul li a {
  text-decoration: none;
}
.recently-viewed-products ul li .image {
  border-radius: 6px;
  float: left;
  width: 126px;
  text-align: left;
}
.recently-viewed-products ul li .image img {
  height: 100px;
  width: 100px;
  margin-left: 16px;
  mix-blend-mode: multiply;
}
.recently-viewed-products ul li .price p {
  color: #000000;
  font-size: 1.7em;
  font-weight: bold;
}
.recently-viewed-products ul li .price p span {
  font-size: 0.8em;
}
.recently-viewed-products ul li button {
  cursor: pointer;
  position: absolute;
  right: 8px;
  top: 8px;
  height: 16px;
  width: 16px;
  overflow: hidden;
  text-indent: 17px;
  border: 0;
  background: none;
  padding: 0;
}
.recently-viewed-products ul li button:after {
  content: "\e903";
  height: 20px;
  width: 20px;
  display: block;
  margin-left: -16px;
  margin-top: -18px;
}

/*-- category page recently viewed - start --*/
body[data-page=category] .recently-viewed-products {
  padding: 10px 0;
}
body[data-page=category] .recently-viewed-products ul li {
  background-color: #e9ecec;
  width: 160px;
  padding: 20px 0;
}
body[data-page=category] .recently-viewed-products ul li .image {
  text-align: center;
  float: none;
  width: 120px;
  margin: 0 auto;
}
body[data-page=category] .recently-viewed-products ul li .image img {
  height: 120px;
  width: 120px;
  margin-left: 0;
  margin-top: 10px;
}
body[data-page=category] .recently-viewed-products ul li p {
  text-align: center;
}

/*-- category page recently viewed - end --*/
@media screen and (max-width: 1300px) {
  .recently-viewed-products ul li .image {
    float: none;
    margin: 0 auto;
  }
  .recently-viewed-products ul li p {
    text-align: center;
  }
}
@media screen and (max-width: 780px) {
  .recently-viewed-panel {
    display: none;
  }
  div[data-app=recently-viewed-products] {
    display: none;
  }
}
/* Pagination for multi page */
.pageContent .paging .numbers {
  margin: 0 auto;
  text-align: center;
}
.pageContent .paging .numbers button {
  width: 20px;
  height: 45px;
  font-size: 1.2em;
  border: none;
  border-radius: 0;
}

.pageContent .paging > div {
  width: 100%;
  max-width: 320px;
  height: 60px;
  margin: 0 auto;
  display: block;
}
.pageContent .paging > div .prev {
  width: 60px;
  float: left;
  padding-left: 25px;
}
.pageContent .paging > div .prev button {
  width: 20px;
  height: 20px;
  margin-top: 12px;
}
.pageContent .paging > div .prev button.first {
  float: left;
  margin-top: 14px;
  margin-right: 16px;
  width: 16px;
  height: 16px;
}
.pageContent .paging > div .prev button.first i {
  width: 16px;
  height: 16px;
  margin: 0px 0 0 -10px;
}
.pageContent .paging > div .next {
  width: 80px;
  float: right;
}
.pageContent .paging > div .next button {
  width: 20px;
  height: 20px;
  margin-top: 12px;
  margin-right: 25px;
}
.pageContent .paging > div .next button.last {
  float: left;
  margin-top: 14px;
  margin-right: 16px;
  width: 16px;
  height: 16px;
}
.pageContent .paging > div .next button.last i {
  width: 16px;
  height: 16px;
  margin: 0px 0 0 -10px;
}

.myAccountCont, .privacydashboardCont {
  padding: 0;
  background: #f6f6f6;
}
.myAccountCont .pageContent, .privacydashboardCont .pageContent {
  max-width: 1440px;
  width: auto;
  margin: 0 auto;
  background: #ffffff;
  padding: 30px;
}
.myAccountCont .pageContent h1, .privacydashboardCont .pageContent h1 {
  font-size: 2em;
  padding: 45px 30px 10px 30px;
}
.myAccountCont .pageContent h2, .privacydashboardCont .pageContent h2 {
  font-size: 1.5em;
  padding: 40px 0 5px 0;
}
.myAccountCont .pageContent p a, .privacydashboardCont .pageContent p a {
  color: #3d70b7;
  text-decoration: none;
  text-transform: uppercase;
}
.myAccountCont .pageContent p a:hover, .privacydashboardCont .pageContent p a:hover {
  text-decoration: underline;
}
.myAccountCont .pageContent .pageBack, .privacydashboardCont .pageContent .pageBack {
  height: 24px;
  margin-top: 10px;
}
.myAccountCont .pageContent span.clean, .privacydashboardCont .pageContent span.clean {
  clear: both;
  width: 100%;
  display: block;
}

.myAccountCont .pageContent div.title h1 {
  padding: 15px 0 10px 0;
}
.myAccountCont .pageContent.myAccount div.clean {
  clear: both;
  width: 100%;
}
.myAccountCont .pageContent.myAccount h1 {
  padding: 15px 0 10px 0;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer {
  max-width: 1440px;
  width: auto;
  margin: 0 auto;
  background: #ffffff;
  padding: 30px 0 0 0;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column {
  border: 0;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .title h2 {
  font-size: 1.7em;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body dl dt {
  font-size: 0.9em;
  padding-top: 8px;
  padding-bottom: 2px;
  color: #9f9f9f;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body dl dd {
  font-size: 1em;
  color: #4d4d4d;
  margin: 0;
  padding: 2px 0 10px;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body table thead tr th {
  text-transform: uppercase;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body table thead tr:hover {
  background-color: transparent;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body table tr:hover {
  background-color: transparent;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body table tr td {
  font-size: 0.9em;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body table tr td a {
  text-transform: uppercase;
  color: #3d70b7;
  text-decoration: none;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body table tr td a:hover {
  color: #3d70b7;
  text-decoration: underline;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .options {
  text-align: left;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .options a, .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .options .btn.confirm {
  border-radius: 25px;
  background: #1463a2;
  width: auto;
  padding: 0 35px;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.orders .body table td:last-child {
  position: relative;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.orders .body table td:last-child a {
  width: 25px;
  height: 21px;
  overflow: hidden;
  text-indent: 0;
  line-height: 2em;
  font-size: 3em;
  display: block;
  opacity: 0.7;
  transition: all 0.2s ease-in-out 0s;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.orders .body table td:last-child a:hover {
  opacity: 1;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.orders .body table td:last-child a:before {
  content: "\e941";
  color: #5b5b5b;
  font-size: 20px;
  position: absolute;
  top: -17px;
  left: 14px;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.communications {
  padding-bottom: 10px;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.communications input[type=checkbox] {
  display: none;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.communications label {
  cursor: pointer;
  display: block;
  position: absolute;
  font-size: 1.3em;
  width: 20px;
  height: 20px;
  overflow: hidden;
  border: 1px solid #ccc;
  text-indent: 20px;
  font-size: 1.4em;
  line-height: 2em;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.communications input[type=checkbox]:checked + label:before {
  content: "\e92f";
  color: #3d70b7;
  position: absolute;
  display: block;
  margin-left: -19px;
  width: 18px;
  height: 18px;
  line-height: 1em;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.communications div div span {
  padding-left: 32px;
  padding-top: 6px;
  color: #4d4d4d;
  font-size: 0.9em;
  display: block;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.communications .body > div > p {
  background-image: url("../images/loading_exa-87fb2413dd.gif");
  background-repeat: no-repeat;
  display: block;
  background-size: 40px 38px;
  padding-left: 50px;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.communications .body > div {
  min-height: 40px;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.communications .body li {
  background: #FFF url("../images/blue-bullet.png") no-repeat left 15px;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.communications .body button {
  border: 0;
  display: inline-block;
  width: 27px;
  height: 27px;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.savedBaskets table td:last-child {
  width: 34px;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.savedBaskets table td:last-child a {
  display: block;
  overflow: hidden;
  width: 20px;
  height: 19px;
  font-size: 1.2em;
  margin: 0 auto;
  text-decoration: none;
}
.myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock.savedBaskets table td:last-child a:before {
  content: "\e918";
  color: #707070;
  padding-right: 20px;
  display: inline-block;
}
.myAccountCont .pageContent.orderHistory form .twoColumnContainer {
  background: #f5f5f5;
  margin-top: 22px;
}
.myAccountCont .pageContent.orderHistory form .twoColumnContainer .column {
  padding: 30px;
}
.myAccountCont .pageContent.orderHistory form .twoColumnContainer .column .search.row {
  margin-right: 2px;
}
.myAccountCont .pageContent.orderHistory form .twoColumnContainer .column .search.row input {
  overflow: hidden;
  line-height: 2em;
  margin: 0;
  border: 1px solid #b1b1b1;
  position: relative;
  float: left;
  width: 100%;
  outline: 0;
  color: #4d4d4d;
}
.myAccountCont .pageContent.orderHistory form .twoColumnContainer .column .search.row button {
  position: absolute;
  overflow: hidden;
  font-size: 2em;
  text-indent: 0px;
  line-height: 1.7em;
  display: inline-block;
  height: 44px;
  padding: 0;
  margin: 0 0 0 -44px;
  width: 44px;
  border: 1px solid #b1b1b1;
  outline: 0;
  cursor: pointer;
  background: #f3f3f3;
  border-radius: 0;
}
.myAccountCont .pageContent.orderHistory form .twoColumnContainer .column .search.row button:before {
  content: "\e918";
  color: #707070;
  font-size: 0.75em;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview {
  border: 1px solid #cccccc;
  padding: 12px 13px;
  margin-bottom: 36px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header {
  background: #f3f3f3;
  height: 108px;
  overflow: hidden;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header h2 {
  font-size: 1.3em;
  padding: 0;
  color: #007CC3;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header h3 {
  font-size: 1.1em;
  margin: 0;
  padding: 0 0 15px;
  color: #4d4d4d;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header h3 span {
  color: #007CC3;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header > div {
  float: left;
  padding: 26px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header .InvoiceNoPlaced p {
  font-size: 1em;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header .InvoiceNoPlaced p span {
  color: #007CC3;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header .OrderedBy a {
  padding: 8px 0;
  display: block;
  text-decoration: none;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header .OrderedBy a:after {
  content: "˅";
  color: #007CC3;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header .OrderedBy a:hover:after {
  content: "˄";
  color: #007CC3;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header .OrderedBy span.orderAddress {
  transition: ease-in-out 0.4s;
  display: none;
  position: absolute;
  width: 200px;
  background: #FFF;
  padding: 10px 14px;
  opacity: 0.8;
  border-radius: 0;
  margin-top: 6px;
  box-shadow: 0px 0px 4px #666;
  color: #007CC3;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header .OrderedBy:hover span.orderAddress {
  display: block;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header .orderStatus {
  float: right;
  text-align: right;
  padding: 20px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header .orderStatus a {
  width: 150px;
  margin-top: 8px;
  text-decoration: none;
  color: #007CC3;
  text-transform: uppercase;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header .orderStatus a:hover {
  text-decoration: underline;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .header .orderStatus .btn-tracking, .myAccountCont .pageContent.orderHistory .invoiceOverview .header .orderStatus .btn-cancel-order {
  width: 100%;
  margin-top: 4px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed {
  display: table;
  list-style: none;
  margin: 14px 250px 20px 0;
  padding: 0;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li {
  display: table-row;
  margin: 6px 0;
  list-style: none;
  min-width: 1300px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li:first-child > span {
  border-top: 0;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span {
  border-top: 1px solid #d4d4d4;
  display: table-cell;
  vertical-align: top;
  color: #969696;
  height: 100px;
  margin: 0;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.image {
  width: 106px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.image img {
  border: 1px solid #d4d4d4;
  display: block;
  margin: 10px auto 0 auto;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.ln {
  width: 120px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.ln span {
  font-size: 1em;
  text-align: center;
  display: block;
  margin-top: 26px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.qty {
  width: 80px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.qty span {
  font-size: 1em;
  margin-top: 26px;
  display: block;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.qty span:after {
  content: "x";
  font-size: 0.7em;
  margin-left: 3px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.descPrice {
  display: block;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.descPrice .desc {
  font-size: 1.2em;
  display: block;
  margin-top: 26px;
  min-width: 700px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.descPrice .desc a {
  display: block;
  margin-top: 26px;
  color: #969696;
  text-decoration: none;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.descPrice .desc a:hover {
  text-decoration: underline;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.descPrice .price {
  font-size: 1.3em;
  display: block;
  color: #1C75BC;
  padding-top: 8px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.descPrice .price small {
  font-size: 0.6em;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body .invoiceDetails {
  float: right;
  padding-right: 26px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body .invoiceDetails a {
  width: 60px;
  height: 60px;
  display: block;
  margin-top: 16px;
  font-size: 3.8em;
  line-height: 1.2em;
  overflow: hidden;
  text-decoration: none;
  color: #969696;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body .invoiceDetails a:before {
  content: "\e941";
  display: block;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body .invoiceDetails a:hover {
  color: #4d4d4d;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .body .invoiceDetails a:first-child i {
  display: inline-block;
  width: 35px;
  height: 21px;
  position: absolute;
  margin-top: -2px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .footer {
  border-top: 1px solid #b1b1b1;
  min-height: 110px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total {
  background: #FFF;
  float: right;
  width: 600px;
  padding-top: 18px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total > span {
  color: #969696;
  padding: 0 20px;
  display: block;
  box-sizing: border-box;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.net {
  width: auto;
  border-right: 1px solid #b1b1b1;
  margin-top: 20px;
  display: inline-block;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.carriage {
  width: auto;
  display: inline-block;
  border-right: 1px solid #b1b1b1;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.invoice {
  display: inline-block;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.invTotal {
  display: block;
  font-size: 1em;
  padding-bottom: 3px;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.totalInc {
  color: #007CC3;
  font-size: 1.8em;
}
.myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.totalInc small {
  font-size: 0.5em;
}
.myAccountCont .pageContent.orderHistory .pageFilter {
  min-height: 90px;
}
.myAccountCont .pageContent.orderHistory .pageFilter label {
  display: block;
  padding: 6px 0;
  color: #4d4d4d;
}
.myAccountCont .pageContent.orderHistory .customSelect {
  float: left;
}
.myAccountCont .pageContent.orderHistory .customSelect select {
  border: 1px solid #b1b1b1;
  color: #4d4d4d;
  width: 200px;
}
.myAccountCont .pageContent.personalDetails form h2 {
  color: #5b5b5b;
  padding: 20px 0;
}
.myAccountCont .pageContent.personalDetails form .twoColumnContainer {
  padding: 30px 0;
  background: #f5f5f5;
}
.myAccountCont .pageContent.personalDetails form .twoColumnContainer .column {
  width: 47%;
}
.myAccountCont .pageContent.personalDetails form .twoColumnContainer .column .row select, .myAccountCont .pageContent.personalDetails form .twoColumnContainer .column .row input {
  font-size: 1.1em;
}
.myAccountCont .pageContent.personalDetails form .twoColumnContainer .column:first-child {
  padding-left: 30px;
}
.myAccountCont .pageContent.personalDetails form .buttonContainer {
  margin-top: 20px;
}
.myAccountCont .pageContent.personalDetails form .buttonContainer button {
  background: #1463a2;
  border-radius: 25px;
  margin: 0 15px;
  padding: 0 35px;
}
.myAccountCont .pageContent.personalDetails form .buttonContainer button:hover {
  text-decoration: none !important;
  box-shadow: none !important;
}
.myAccountCont .pageContent.personalDetails form .buttonContainer a {
  background: grey;
  border-radius: 25px;
  margin: 0 15px;
  padding: 0 35px;
}
.myAccountCont .pageContent.savedCards .savedCardsTable {
  width: 50%;
}
.myAccountCont .pageContent.savedCards .savedCardsTable li.savedCard {
  cursor: pointer;
}
.myAccountCont .pageContent.savedCards .savedCardsTable li.deleting span.cardNo, .myAccountCont .pageContent.savedCards .savedCardsTable li.deleting span.cardName, .myAccountCont .pageContent.savedCards .savedCardsTable li.deleting span.cardExpiry {
  line-height: 1.5em;
}
.myAccountCont .pageContent.savedCards .savedCardsTable li.deleting .deleteConfirm button {
  border-radius: 25px;
}
.myAccountCont .pageContent.savedCards .savedCardsTable .row.heading span {
  background: #f6f6f6;
}
.myAccountCont .pageContent.savedBasket p a {
  text-transform: none;
  font-size: 1.1em;
  line-height: 1.4em;
  padding: 15px 10px;
}
.myAccountCont .pageContent.savedBasket form .emailAddresses > div .row {
  padding: 6px 0;
}
.myAccountCont .pageContent.savedBasket form .emailAddresses > div .row label {
  width: 25px;
}
.myAccountCont .pageContent.savedBasket form .emailAddresses > div .row input[type=text] {
  width: 50%;
}
.myAccountCont .pageContent.savedBasket form .emailAddresses > div .row input[type=text]:focus {
  border: 1px solid #007CC3;
  box-shadow: 0px 0px 4px #666;
}
.myAccountCont .pageContent.savedBasket form .row.message {
  background: none;
}
.myAccountCont .pageContent.savedBasket form .row.message label {
  display: none;
}
.myAccountCont .pageContent.savedBasket form .row.message textarea {
  width: 50%;
}
.myAccountCont .pageContent.savedBasket form .buttonContainer {
  margin-top: 20px;
}
.myAccountCont .pageContent.savedBasket form .buttonContainer button {
  background: #1463a2;
  border-radius: 25px;
  margin: 0 15px;
  padding: 0 35px;
}
.myAccountCont .pageContent.savedBasket form .buttonContainer button:hover {
  text-decoration: none !important;
  box-shadow: none !important;
}
.myAccountCont .pageContent.savedBasket form .buttonContainer a {
  background: grey;
  border-radius: 25px;
  margin: 0 15px;
  padding: 0 35px;
}
.myAccountCont form .pageContent.emailPreferences .oneColumnContainer .row {
  height: auto;
  padding: 15px 20px;
  border-bottom: 1px solid #f1f1f1;
  border-top: 1px solid #f1f1f1;
}
.myAccountCont form .pageContent.emailPreferences .oneColumnContainer .row:first-child {
  border-top: 2px solid #f1f1f1;
}
.myAccountCont form .pageContent.emailPreferences .oneColumnContainer .row:last-child {
  border-bottom: 2px solid #f1f1f1;
}
.myAccountCont form .pageContent.emailPreferences .oneColumnContainer .row:after {
  display: none;
}
.myAccountCont form .pageContent.emailPreferences .oneColumnContainer .row label {
  color: #3d70b7;
  font-size: 1.1em;
  padding: 20px 0;
}
.myAccountCont form .pageContent.emailPreferences .oneColumnContainer .row input {
  margin: 18px 0;
}
.myAccountCont form .pageContent.emailPreferences .buttonContainer button {
  border-radius: 25px;
  margin: 0 15px;
  padding: 0 35px;
  background: #1463a2;
}
.myAccountCont form .pageContent.emailPreferences .buttonContainer button:hover {
  text-decoration: none !important;
}
.myAccountCont form .pageContent.securityDetails .oneColumnContainer .row {
  width: 60%;
}
.myAccountCont form .pageContent.securityDetails .oneColumnContainer .row .passwordComplexity {
  min-height: 2px;
  border: 0;
  margin-top: 7px;
  width: 98%;
  position: relative;
  background: #f5f5f5;
}
.myAccountCont form .pageContent.securityDetails .oneColumnContainer .row .passwordComplexity .bar {
  margin-top: 10px;
  height: 6px;
  width: 100%;
  background: #ccc;
}
.myAccountCont form .pageContent.securityDetails .oneColumnContainer .row .passwordComplexity .bar:before {
  display: block;
  height: 6px;
  content: " ";
}
.myAccountCont form .pageContent.securityDetails .oneColumnContainer .row .passwordComplexity .message {
  width: auto;
  background: none;
  margin-bottom: 10px;
  padding: 20px;
  line-height: 1.4em;
  font-size: 1em;
  color: #000;
}
.myAccountCont form .pageContent.securityDetails .oneColumnContainer .row .passwordComplexity.weak div.bar:before {
  background: #9e0000;
  width: 25%;
}
.myAccountCont form .pageContent.securityDetails .oneColumnContainer .row .passwordComplexity.ok div.bar:before {
  background: #f7941d;
  width: 50%;
}
.myAccountCont form .pageContent.securityDetails .oneColumnContainer .row .passwordComplexity.good div.bar:before {
  background: #39b54a;
  width: 75%;
}
.myAccountCont form .pageContent.securityDetails .oneColumnContainer .row .passwordComplexity.strong div.bar:before {
  background: #009444;
  width: 100%;
}
.myAccountCont form .pageContent.securityDetails .oneColumnContainer .row:nth-of-type(2) {
  height: auto;
  min-height: 86px;
  transition: all 0.3s ease-in-out 0s;
}
.myAccountCont form .pageContent.securityDetails .oneColumnContainer .row:nth-of-type(2) span.hint {
  margin-top: -175px !important;
}
.myAccountCont .buttonContainer button {
  background: #1463a2;
  border-radius: 25px;
  margin: 0 15px;
  padding: 0 35px;
}
.myAccountCont .buttonContainer a {
  background: grey;
  border-radius: 25px;
  margin: 0 15px;
  padding: 0 35px;
}

@media screen and (max-width: 1320px) {
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li span.desc {
    min-width: inherit;
  }
}
@media screen and (max-width: 1000px) {
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span.descPrice .desc {
    min-width: inherit;
  }
  .myAccountCont .pageContent.savedCards .savedCardsTable {
    width: 75%;
  }
  .myAccountCont .pageContent.savedCards .savedCardsTable li.deleting span.deleteConfirm {
    margin: 6px 0 0 20px;
    width: 100%;
  }
  .hexOverviewBlock.orders .body {
    overflow-x: auto;
  }
}
@media screen and (max-width: 930px) {
  .myAccountCont .pageContent.orderHistory form .twoColumnContainer .column {
    width: 70%;
  }
  .myAccountCont .pageContent.orderHistory form .twoColumnContainer .column:first-child {
    width: 30%;
  }
  .myAccountCont .pageContent.orderHistory form .twoColumnContainer .column .required label {
    width: 100%;
  }
}
@media screen and (max-width: 880px) {
  .myAccountCont .pageContent.orderHistory .invoiceOverview .header {
    height: inherit;
    padding-bottom: 10px;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .header > div {
    padding-bottom: 12px;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .header .orderStatus {
    float: none;
    clear: left;
    padding-top: 0;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed {
    margin-right: 0;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body .invoiceDetails {
    float: none;
    padding: 0;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body .invoiceDetails a {
    margin: 0;
    position: inherit;
    background: #3d70b7;
    width: 100%;
    color: #fff;
    text-align: center;
    overflow: inherit;
    font-size: 1.1em;
    text-transform: uppercase;
    height: inherit;
    padding: 8px 0;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body .invoiceDetails a:before {
    display: inline-block;
    font-size: 1.7em;
    padding-right: 10px;
    position: absolute;
    margin-left: -30px;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body .invoiceDetails a:hover {
    color: #fff;
    text-decoration: underline;
  }
  .hexOverviewBlock.orders .body table th:first-child, .hexOverviewBlock.orders .body table td:first-child {
    padding-left: 0;
  }
}
@media screen and (max-width: 780px) {
  .myAccountCont .pageContent.orderHistory form .twoColumnContainer .column div.search {
    display: block;
  }
}
@media screen and (max-width: 760px) {
  .myAccountCont .pageContent.orderHistory .invoiceOverview .footer {
    padding-bottom: 20px;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total {
    float: none;
    width: inherit;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.invoice {
    float: none;
    clear: left;
  }
  .myAccountCont .pageContent.savedBasket .saveBasketSummary .body .basketTotal {
    width: 100px;
  }
  .myAccountCont .pageContent.savedBasket .saveBasketSummary .body .basketTotal .shareAdd a {
    width: inherit;
  }
  .myAccountCont .pageContent.savedBasket .saveBasketSummary .body .basketTotal .total small {
    display: none;
  }
  .myAccountCont .pageContent.savedBasket .saveBasketSummary .body .basketTotal .total small.grey {
    display: block;
    padding: 3px 0;
    font-size: 0.5em;
  }
  .myAccountCont .pageContent.savedBasket .saveBasketSummary .body dl dt {
    display: block;
    float: none !important;
    border-bottom: 0 !important;
  }
  .myAccountCont .pageContent.savedBasket .saveBasketSummary .body dl dd {
    display: block;
    float: none !important;
    border-bottom: 0 !important;
  }
  .myAccount .twoColumnContainer > div {
    float: none;
    width: 100%;
  }
  .myAccount .twoColumnContainer > div:first-child {
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 678px) {
  .myAccountCont .pageContent.orderHistory form .twoColumnContainer {
    display: block;
  }
  .myAccountCont .pageContent.orderHistory form .twoColumnContainer .column {
    width: auto;
    display: block;
    padding: 0 10px 30px 10px;
  }
  .myAccountCont .pageContent.orderHistory form .twoColumnContainer .column:first-child {
    width: auto;
    padding: 30px 10px 0 10px;
  }
  .myAccountCont .pageContent.personalDetails form h2 {
    padding: 15px 20px;
  }
  .myAccountCont .pageContent.personalDetails form .twoColumnContainer {
    padding: 12px 0px;
  }
  .myAccountCont .pageContent.personalDetails form .twoColumnContainer .column {
    width: 50%;
  }
  .myAccountCont .pageContent.personalDetails form .twoColumnContainer .column .row {
    padding: 0;
  }
  .myAccountCont .pageContent.personalDetails form .twoColumnContainer .column:first-child {
    padding-left: 15px;
  }
  .myAccountCont .pageContent.savedBasket h2 {
    padding: 15px 0;
  }
  .myAccountCont .pageContent.savedBasket form .emailAddresses > div .row input[type=text] {
    width: 95%;
  }
  .myAccountCont .pageContent.savedBasket form .row.message textarea {
    width: 95%;
  }
  .myAccountCont form .pageContent.securityDetails .oneColumnContainer {
    padding: 12px 0px;
  }
  .myAccountCont form .pageContent.securityDetails .oneColumnContainer .row {
    width: 100%;
  }
  .myAccountCont form .pageContent.securityDetails .oneColumnContainer .row .hint {
    display: none;
  }
  .myAccountCont form .pageContent.emailPreferences .oneColumnContainer .row label {
    width: 60%;
  }
  .myAccountCont form .pageContent.emailPreferences .oneColumnContainer .row input {
    width: 20px;
  }
}
@media screen and (max-width: 650px) {
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed span.qty {
    width: inherit;
    padding-right: 6px;
  }
  .myAccountCont .pageContent.savedCards .savedCardsTable {
    width: 100%;
  }
}
@media screen and (max-width: 580px) {
  .myAccountCont .pageContent.orderHistory .invoiceOverview .header div.OrderedBy {
    clear: left;
    padding-top: 0 !important;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .header > div {
    float: none;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .header div.InvoiceNoPlaced p, .myAccountCont .pageContent.orderHistory .invoiceOverview .header div.OrderedBy p {
    border-bottom: 1px solid #007cc3;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableExpanded > li.header > span.lnStock {
    visibility: hidden;
    font-size: 0.5em;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableExpanded > li span.lnStock {
    width: 2px;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableExpanded > li span.lnStock span {
    position: absolute;
    margin: 70px 0 0 -78px !important;
    font-size: 0.85em;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableExpanded > li span.image {
    width: 100px;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableExpanded > li.header span.qty {
    width: 18px !important;
    visibility: hidden;
    font-size: 0.5em;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableExpanded > li.header span.qty, .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableExpanded > li span.qty {
    width: 18px !important;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableExpanded > li span.image img {
    margin: 0 0 0 12px;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableExpanded > li span.desc span {
    margin-top: 15px;
  }
  .pageContent div.title h1 {
    clear: left;
    padding-top: 50px;
    padding-left: 20px;
  }
  .pageContent p {
    padding: 12px 20px;
  }
  .pageContent .pageBack {
    margin-right: 15px;
    height: 20px;
  }
}
@media screen and (max-width: 580px) {
  .myAccountCont .pageContent p, .privacydashboardCont .pageContent p {
    padding: 12px 0;
  }
}
@media screen and (max-width: 550px) {
  .myAccountCont .pageContent, .privacydashboardCont .pageContent {
    padding: 10px;
  }
}
@media screen and (max-width: 530px) {
  .myAccount .twoColumnContainer {
    padding: 30px 20px;
  }
}
@media screen and (max-width: 510px) {
  .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .title {
    padding: 0 15px 20px;
  }
  .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .title h2 {
    padding: 30px 0 5px 0;
  }
  .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .body {
    padding: 0 15px 20px;
  }
  .myAccountCont .pageContent.myAccount .twoColumnContainer .column .hexOverviewBlock .options {
    margin: 0 15px;
  }
  .myAccountCont .pageContent.orderHistory form .twoColumnContainer .column .row label {
    width: 100%;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li span.ln {
    width: 4px;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li span.ln span {
    position: absolute;
    margin: 96px 0 0 -84px;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li > span, .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed ul.productTableExpanded > li > span {
    height: 126px;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li span.qty, .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed ul.productTableExpanded > li span.qty {
    width: 30px;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .body ul.productTableCondensed > li span.image {
    width: 90px;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.net, .myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.carriage, .myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.invoice {
    width: 100%;
    border-right: none;
    padding: 15px 20px;
  }
  .myAccountCont .pageContent.orderHistory .invoiceOverview .footer .total span.carriage {
    border-top: 1px solid #b1b1b1;
    border-bottom: 1px solid #b1b1b1;
  }
  .myAccountCont .pageContent.personalDetails form .twoColumnContainer .column {
    display: table-row;
  }
}
@media screen and (max-width: 400px) {
  .myAccountCont .pageContent div.title h1 {
    font-size: 1.7em;
  }
  .myAccountCont .pageContent.myAccount h1 {
    font-size: 1.7em;
  }
}
/***** OLD CODE *****/
ul.productTableExpanded {
  display: table;
  list-style: none;
  margin: 8px 0 10px;
  padding: 0;
  width: 100%;
  font-size: 1.1em;
}
ul.productTableExpanded > li {
  display: table-row;
  margin: 6px 0;
  list-style: none;
  min-width: 1300px;
}
ul.productTableExpanded > li.header {
  color: #707070;
}
ul.productTableExpanded > li.header > span {
  height: 26px;
  overflow: hidden;
  line-height: 1.7em;
  font-size: 0.85em;
  border-bottom: 4px solid #e2e2e2;
  margin-top: 0;
  vertical-align: top !important;
}
ul.productTableExpanded > li.header span {
  color: #000;
}
ul.productTableExpanded > li > span {
  border-bottom: 1px solid #d4d4d4;
  display: table-cell;
  vertical-align: top;
  color: #707070;
  height: 100px;
  margin: 0;
}
ul.productTableExpanded > li:last-child > span {
  border-bottom: 4px solid #e2e2e2;
}
ul.productTableExpanded > li span.lnStock {
  width: 110px;
  vertical-align: middle;
}
ul.productTableExpanded > li span.lnStock > span {
  display: block;
}
ul.productTableExpanded > li span.image {
  width: 126px;
}
ul.productTableExpanded > li span.image img {
  margin: 10px 0 0 20px;
}
ul.productTableExpanded > li span.qty {
  width: 50px;
  vertical-align: middle;
}
ul.productTableExpanded > li span.qty span {
  display: block;
  font-size: 1.2em;
}
ul.productTableExpanded > li span.qty span input {
  width: 30px;
  border: 1px solid #d8d8d8;
  text-align: center;
  color: #969696;
  font-size: 1.1em;
}
ul.productTableExpanded > li span.product-instock,
ul.productTableExpanded > li span.product-lowstock,
ul.productTableExpanded > li span.product-preorder {
  font-size: 0.75em;
  text-transform: uppercase;
  margin-top: 10px;
  display: block;
  line-height: 1.8em;
}
ul.productTableExpanded > li span.product-instock:before,
ul.productTableExpanded > li span.product-lowstock:before,
ul.productTableExpanded > li span.product-preorder:before {
  float: left;
  content: "i";
  height: 17px;
  width: 17px;
  font-size: 1.2em;
  overflow: hidden;
  background: #bbbbbb;
  text-transform: lowercase;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  margin-right: 6px;
}
ul.productTableExpanded > li span.product-instock,
ul.productTableExpanded > li span.product-lowstock {
  color: #3ba936;
}
ul.productTableExpanded > li span.product-preorder {
  color: #5b5b5b;
}
ul.productTableExpanded > li span.desc span {
  margin-top: 34px;
  display: block;
}
ul.productTableExpanded > li span.desc span a {
  line-height: 1.2em;
  color: #5b5b5b;
  text-decoration: none;
}
ul.productTableExpanded > li span.price span {
  margin-top: 34px;
  display: block;
  padding: 0 12px 0 0;
}
ul.productTableExpanded > li span.remove {
  text-align: center;
  width: 80px;
  vertical-align: top;
}
ul.productTableExpanded > li span.remove button {
  display: block;
  margin: 30px auto 0;
  overflow: hidden;
  text-align: left;
  width: 24px;
  height: 22px;
  color: #707070;
  font-size: 1.4em;
  line-height: 1.1em;
  border: 0;
  padding: 0;
  cursor: pointer;
  background: none;
}
ul.productTableExpanded > li span.remove button:before {
  content: "\e910";
  padding-right: 20px;
  padding-left: 2px;
}
ul.productTableExpanded > li span.remove button:hover {
  color: #9e0000;
}
ul.productTableExpanded > li span.priceExVat,
ul.productTableExpanded > li span.priceIncVat {
  width: 100px;
}
ul.productTableExpanded > li span.priceExVat span,
ul.productTableExpanded > li span.priceIncVat span {
  display: block;
}
ul.productTableExpanded > li span.price {
  color: #007CC3;
  margin-top: 34px;
}
ul.productTableExpanded > li span.was {
  display: none;
}
ul.productTableExpanded > li.priceChanged span.was {
  text-decoration: line-through;
  color: #bcbcbc;
  display: block;
}
ul.productTableExpanded > li.priceChanged span.priceExVat span.priceTag {
  display: block;
  background: #E6E7E8;
  padding: 2px 6px;
  color: #007CC3;
  font-size: 0.8em;
  position: absolute;
  margin-top: 12px;
}
ul.productTableExpanded > li.priceChanged span.priceExVat span.priceTag:after {
  content: "NEW PRICE";
}
ul.productTableExpanded > li span.buyDelete button[type=submit] {
  border: 0 !important;
  background: #FFFFFF;
  width: 90px;
  height: 30px;
  text-indent: 90px;
  overflow: hidden;
}
ul.productTableExpanded > li span.buy-button {
  padding-left: 6px;
}
ul.productTableExpanded > li span.buy-button a {
  margin-top: 12px !important;
}
ul.productTableExpanded > li span.buy span {
  padding-top: 18px !important;
  display: block;
}

.totalAddLn {
  min-height: 100px;
  padding: 10px 0;
  width: 100%;
}

.basketTotal {
  float: right;
  margin-right: 10px;
}

.basketTotal .total {
  display: block;
  text-align: right;
  font-size: 2em;
  color: #007CC3;
  padding-top: 15px;
  padding-bottom: 12px;
  overflow: hidden;
  margin: 0;
}

.basketTotal .total small {
  font-size: 0.6em;
}

.basketTotal .shareAdd button,
.basketTotal .shareAdd a.button {
  display: inline-block;
}

.basketTotal .shareAdd form {
  display: inline-block;
  vertical-align: top;
}

.basketTotal button.addToBasket {
  width: 170px;
}

.saveBasketSummary {
  border: 1px solid #cccccc;
  width: 100%;
  margin: 6px 0 20px;
}
.saveBasketSummary .header {
  background: #f3f3f3;
  height: 38px;
}
.saveBasketSummary .header button.btn {
  display: block;
  float: right;
  background: none;
  border: 0;
  padding: 0;
  overflow: hidden;
  border: 0 none;
  color: #707070;
  cursor: pointer;
  display: block;
  font-size: 1.4em;
  height: 22px;
  line-height: 1.1em;
  margin: 8px 14px 0;
  overflow: hidden;
  padding: 0;
  text-align: left;
  width: 24px;
}
.saveBasketSummary .header button.btn:before {
  content: "\e910";
  padding-left: 2px;
  padding-right: 20px;
}
.saveBasketSummary .body {
  padding: 18px;
  min-height: 84px;
}
.saveBasketSummary .body .basketTotal {
  background: #fff;
  margin-right: 0;
  width: 330px;
  text-align: right;
}
.saveBasketSummary .body .basketTotal .total {
  padding-top: 0;
}
.saveBasketSummary .body dl {
  margin: 0;
}
.saveBasketSummary .body dt {
  float: left;
  width: 110px;
  color: #666;
  padding: 24px 0 8px;
  clear: left;
}
.saveBasketSummary .body dd {
  border-bottom: 1px solid #cccccc;
  color: #007CC3;
  padding: 3px 0 8px;
}
.saveBasketSummary .body dd:last-child {
  border-bottom: 0;
  font-size: 1.4em;
  padding-top: 20px;
}
.saveBasketSummary .body dd:last-child a {
  color: #007CC3;
  text-decoration: underline;
}
.saveBasketSummary .body dt:first-child {
  padding-top: 5px;
}
.saveBasketSummary .shareAdd a.button {
  width: 170px;
}
.saveBasketSummary .basketTotal {
  height: 40px;
}
.saveBasketSummary .basketTotal .total {
  height: 30px;
  font-size: 1.8em;
}

.pageContent.updateComplete .buttonContainer {
  margin-top: 40px;
}

.pageContent.updateComplete i.success {
  display: block;
  margin: 20px auto 5px auto;
  width: 110px;
  height: 110px;
  border-radius: 78px;
  border: 4px solid #1FC12E;
}

.pageContent.updateComplete i.success span {
  display: block;
  width: 58px;
  height: 30px;
  padding: 0;
  transform: rotate(-45deg);
  border-bottom: 6px solid #1fc12e;
  border-left: 6px solid #1fc12e;
  overflow: hidden;
  text-indent: 72px;
  margin: 26px 0 0 22px;
}

.pageContent.updateComplete p {
  text-align: center;
  padding: 14px 0;
  font-size: 1.1em;
}

.pageContent.updateComplete a.button {
  font-size: 0.9em;
  padding: 10px 25px;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
}

.pageContent.outstandingProducts ul.productTableExpanded {
  margin-top: 20px;
}

.pageContent.outstandingProducts span.image img {
  padding: 0;
  font-size: 1.1em;
  height: 80px;
  width: 80px;
}

.hexOverviewBlock.accountEvents table tr span.small {
  font-size: 0.8em;
  color: #3d70b7;
}

.hexOverviewBlock.accountEvents table {
  border-collapse: inherit;
}

.order-cancellation {
  height: 420px;
  padding: 30px;
  background: #fff;
}
.order-cancellation span.heading {
  text-align: center;
  font-size: 1.9em;
  color: #000;
  padding-top: 14px;
  padding-bottom: 20px;
}
.order-cancellation p {
  padding: 6px 0;
  color: #404040;
  font-size: 1.2em;
  line-height: 1.5em;
}
.order-cancellation p:nth-child(3) > strong {
  display: block;
}
.order-cancellation .form-item.textarea {
  min-height: 100px;
}
.order-cancellation .form-row.cancel {
  text-align: center;
}
.order-cancellation .form-row.cancel > button {
  margin: 12px auto 0;
}
.order-cancellation.requested span.heading {
  color: #3d70b7;
  text-align: center;
  padding-top: 70px;
}
.order-cancellation.requested span.heading > i {
  display: block;
  border: 3px solid #3d70b7;
  height: 70px;
  width: 70px;
  border-radius: 50%;
  margin: 0 auto 12px;
}
.order-cancellation.requested span.heading > i:before {
  content: " ";
  display: block;
  border-bottom: 7px solid #404040;
  border-right: 7px solid #404040;
  width: 13px;
  height: 27px;
  margin-left: 26px;
  margin-top: 15px;
}
.order-cancellation.requested p {
  text-align: center;
}

.contentContainer #passwordReset {
  max-width: 1440px;
  width: auto;
  margin: 0 auto;
  background: #f6f6f6;
  padding: 30px;
}
.contentContainer #passwordReset .passwordReset-cont h1 {
  font-size: 2em;
  padding: 15px 0 10px 0;
}
.contentContainer #passwordReset .passwordReset-cont form .row {
  height: auto;
  padding: 5px 0;
}
.contentContainer #passwordReset .passwordReset-cont form .row label {
  padding: 11px 4px 0 0;
}
.contentContainer #passwordReset .passwordReset-cont form .btn {
  background: #1463a2;
  border-radius: 25px;
  margin: 15px 0 0 0;
  padding: 0 35px;
}

@media screen and (max-width: 900px) {
  .contentContainer #passwordReset .passwordReset-cont form .row .field-validation-error {
    display: block;
    padding: 5px 0;
  }
}
.return-loader .spinner {
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border: 5px solid #bcbec0;
  margin: 10% auto;
  position: relative;
  z-index: 1;
}
.return-loader .spinner:before {
  content: "";
  height: 100px;
  width: 100px;
  border-radius: 50%;
  border-top: 5px solid #2777b3;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  position: absolute;
  z-index: 9;
  top: -5px;
  left: -5px;
  animation: rt 2s linear infinite;
}
@keyframes rt {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.return-loader .spinner .logo {
  text-align: center;
  display: block;
  margin: 25% 0;
}
.return-loader .logo::after {
  content: "\e909";
  color: #3d70b7;
  font-size: 50px;
  line-height: normal;
}

.stepper-wrapper {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.stepper-wrapper .stepper-item::before {
  border-bottom: 2px solid #bcbec0;
  position: absolute;
  content: "";
  width: 100%;
  top: 20px;
  left: -50%;
  z-index: 2;
}
.stepper-wrapper .stepper-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}
@media (max-width: 768px) {
  .stepper-wrapper .stepper-item {
    font-size: 12px;
  }
}
.stepper-wrapper .stepper-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #000;
}
.stepper-wrapper .stepper-item .step-counter {
  height: 40px;
  width: 40px;
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #bcbec0;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 6px;
}
.stepper-wrapper .stepper-item .step-name {
  font-weight: bold;
}
.stepper-wrapper .stepper-item::after {
  height: 1px;
  width: 100%;
  border-bottom: 2px solid #bcbec0;
  position: absolute;
  content: "";
  top: 20px;
  left: 50%;
  z-index: 2;
}
.stepper-wrapper .stepper-item.active .step-counter {
  background: #ffffff;
}
.stepper-wrapper .stepper-item.active .step-counter:after {
  content: "\e909";
  color: #3d70b7;
  font-size: 40px;
  line-height: normal;
}
.stepper-wrapper .stepper-item.completed .step-counter {
  background: #ffffff;
}
.stepper-wrapper .stepper-item.completed .step-counter {
  color: #ffffff;
  background-color: #002c6d;
}
.stepper-wrapper .stepper-item.completed::after {
  border-bottom: 2px solid #2777b3;
  position: absolute;
  content: "";
  width: 100%;
  top: 20px;
  left: 50%;
  z-index: 3;
}
.stepper-wrapper .stepper-item:first-child::before,
.stepper-wrapper .stepper-item:last-child::after {
  content: none;
}

.returns .tooltip-label {
  position: relative;
}
.returns .tooltip-label i::before {
  position: relative;
  font-weight: normal;
  content: "\e915";
  font-size: 0.95em;
  padding-right: 5px;
  padding-left: 5px;
  color: #bebebe;
}
.returns .tooltip-label div.tooltip-scil {
  display: none;
}
.returns .tooltip-label div.tooltip-scil div {
  display: flex;
}
.returns .tooltip-label div.tooltip-scil div h2 {
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
}
.returns .tooltip-label div.label-img {
  height: 140px;
  width: 250px;
  background-image: url("../images/Label-SCIL-92d4ddbb3b.svg");
  background-size: cover;
}
.returns .tooltip-label:hover div.tooltip-scil,
.returns .tooltip-label:focus div.tooltip-scil {
  transition: display 0.4s ease-in-out;
  display: flex;
  position: absolute;
  top: 1rem;
  flex-direction: column;
  font-size: 12px;
  text-align: left;
  background: #f3f3f3;
  padding: 10px 14px;
  margin-top: 6px;
  box-shadow: 0px 0px 4px #bcbec0;
  z-index: 5;
}
@media screen and (max-width: 1280px) {
  .returns .tooltip-label:hover div.tooltip-scil,
  .returns .tooltip-label:focus div.tooltip-scil {
    transform: scale(0.8);
    top: -0.5rem;
    left: 0rem;
  }
}

.returns.pageContent {
  display: flex;
  flex-direction: column;
}
.returns.pageContent div.title h1 {
  color: #000;
  text-align: center;
}
.returns.pageContent p.intro {
  font-weight: bold;
}
.returns.pageContent .linkNo {
  display: block;
  font-weight: bold;
  color: #3d70b7;
  padding: 6px 0 4px;
}
.returns.pageContent .returnCard {
  border: 1px solid #bcbec0;
  padding: 12px 13px;
  margin-bottom: 36px;
}
.returns.pageContent .returnCard .header {
  padding: 25px;
  background: #f3f3f3;
}
.returns.pageContent .returnCard .header span {
  font-size: 1.2em;
  font-weight: bold;
  color: #3d70b7;
}
.returns.pageContent .returnCard .edit {
  text-wrap: nowrap;
  text-decoration: underline;
  font-weight: bold;
  color: #000;
}
.returns.pageContent .returnCard .footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 12px 13px;
  border-top: 1px solid #bcbec0;
}
.returns.pageContent .returnCard .footer button {
  margin-left: 12px;
  margin-bottom: 5px;
  margin-top: 5px;
}
@media screen and (max-width: 425px) {
  .returns.pageContent .returnCard .footer button {
    float: right;
  }
}
.returns.pageContent .returnCard .footer span.invTotal {
  font-size: 1.3em;
  padding-bottom: 3px;
  display: block;
}
.returns.pageContent .returnCard .footer > div:first-child {
  display: flex;
  flex-direction: column;
}
.returns.pageContent .returnCard .footer > div:first-child a {
  margin-top: 5px;
}

/* Returns - Page 1 (myaccount-returns-select-advanced-fullwidth.html) */
.returnCard.select ul li {
  border-bottom: 2px solid #d8d8d8;
  padding: 10px;
}
.returnCard.select ul li div {
  display: flex;
}
@media (max-width: 425px) {
  .returnCard.select ul li div {
    display: block;
  }
}
.returnCard.select ul li div span.image {
  padding: 10px 20px;
}
.returnCard.select ul li div div.summary {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.returnCard.select ul li div div.summary div.product {
  margin: 16px 18px;
  flex-direction: column;
  width: 100%;
}
.returnCard.select ul li div div.summary div.serial-selection {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin: 16px 18px;
  width: 100%;
}
@media (max-width: 960px) {
  .returnCard.select ul li div div.summary div.serial-selection {
    flex-direction: column;
  }
}
.returnCard.select ul li div div.summary div.serial-selection div.serial {
  display: block;
  margin-right: 30px;
  margin-bottom: 18px;
  width: auto;
}
.returnCard.select ul li div div.summary div.serial-selection div.serial span {
  vertical-align: middle;
}
.returnCard.select ul li div div.summary div.serial-selection div.serial label:first-child {
  display: inline;
  font-weight: bold;
  color: #707070;
}
.returnCard.select ul li div div.summary div.serial-selection div.serial div.serial-checkbox {
  display: flex;
  align-items: center;
  padding-top: 15px;
  cursor: pointer;
}
.returnCard.select ul li div div.summary div.serial-selection div.serial div.serial-checkbox label {
  padding-left: 10px;
  padding-bottom: 0;
}
.returnCard.select ul li div div.summary div.serial-selection div.serial div.serial-checkbox input[type=checkbox] {
  height: 20px;
  width: 20px;
  box-shadow: none;
}
.returnCard.select ul li div div.summary div.serial-selection div.reason,
.returnCard.select ul li div div.summary div.serial-selection div.reimbursement,
.returnCard.select ul li div div.summary div.serial-selection div.serial-not-available {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-right: 30px;
  margin-bottom: 18px;
  flex-shrink: 1;
  flex-grow: 1;
  width: 100%;
}
.returnCard.select ul li div div.summary div.serial-selection div.reason label,
.returnCard.select ul li div div.summary div.serial-selection div.reimbursement label,
.returnCard.select ul li div div.summary div.serial-selection div.serial-not-available label {
  display: inline;
  font-weight: bold;
  color: #707070;
  padding-bottom: 10px;
  vertical-align: middle;
  width: auto;
}
.returnCard.select ul li div div.summary div.serial-selection div.reason select,
.returnCard.select ul li div div.summary div.serial-selection div.reimbursement select,
.returnCard.select ul li div div.summary div.serial-selection div.serial-not-available select {
  cursor: pointer;
  width: 100%;
  max-width: 400px;
}
.returnCard.select ul li div div.summary div.serial-selection div.reason select:not(.input-validation-error),
.returnCard.select ul li div div.summary div.serial-selection div.reimbursement select:not(.input-validation-error),
.returnCard.select ul li div div.summary div.serial-selection div.serial-not-available select:not(.input-validation-error) {
  background: #f3f3f3;
}
.returnCard.select ul li div div.summary div.serial-selection div.reason .field-validation-error,
.returnCard.select ul li div div.summary div.serial-selection div.reimbursement .field-validation-error,
.returnCard.select ul li div div.summary div.serial-selection div.serial-not-available .field-validation-error {
  padding-left: 0;
}
.returnCard.select ul li div div.summary div.serial-selection div.reason textarea,
.returnCard.select ul li div div.summary div.serial-selection div.reimbursement textarea,
.returnCard.select ul li div div.summary div.serial-selection div.serial-not-available textarea {
  height: 60px;
  width: auto;
  padding: 10px;
}
.returnCard.select ul li div div.summary div.serial-selection div.description {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 400px;
  margin-top: 20px;
}
/* Returns - Page 2 (myaccount-returns-shipping-fullwidth.html) */
.returnCard.shipping h3 {
  margin-bottom: 20px;
}
.returnCard.shipping div.body {
  display: flex;
  flex-direction: column;
  margin: 20px 10px;
}
.returnCard.shipping div.body div.optionsSelect {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 20px;
}
.returnCard.shipping div.body div.optionsSelect ul li {
  display: flex;
  align-items: flex-start;
  padding: 20px;
  margin-bottom: 20px;
}
.returnCard.shipping div.body div.optionsSelect ul li input {
  margin-right: 20px;
  border: 1px solid #ddd;
}
.returnCard.shipping div.body div.optionsSelect ul li label,
.returnCard.shipping div.body div.optionsSelect ul li .price {
  font-weight: bold;
}
.returnCard.shipping div.body div.optionsSelect ul li .tick {
  height: 14px;
  width: 14px;
  margin-right: 20px;
  border-radius: 10px;
  cursor: pointer;
  background: linear-gradient(#ffffff, #f3f3f3);
  padding-top: 1px;
  padding-left: 1px;
}
.returnCard.shipping div.body div.optionsSelect ul li.selected {
  background: #eef4f9;
  color: #3372b8;
}
.returnCard.shipping div.body div.optionsSelect ul li.selected input::before {
  height: 12px;
  width: 12px;
  background: #5b5b5b;
  border-radius: 6px;
  content: " ";
  display: block;
  padding-top: 1px;
  padding-left: 1px;
}
.returnCard.shipping div.body div.optionsSelect ul li.selected .tick {
  border: 1px solid #5b5b5b;
}
.returnCard.shipping div.body div.optionsSelect span.disableSelect {
  color: #3d70b7;
  margin: 10px 0;
}
.returnCard.shipping div.body div.optionsSelect div.oneColumnContainer {
  width: 96%;
  padding: 25px;
  background: #f3f3f3;
}

/* Returns - Page 3 (myaccount-returns-review-fullwidth.html) */
.returnCard.review ul li {
  border-bottom: 2px solid #d8d8d8;
  padding: 10px;
}
.returnCard.review ul li div {
  display: flex;
}
@media (max-width: 650px) {
  .returnCard.review ul li div {
    display: block;
  }
}
.returnCard.review ul li div span.image {
  padding: 10px 20px;
}
.returnCard.review ul li div div.summary {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.returnCard.review ul li div div.summary div.product {
  margin: 16px 18px;
  flex-direction: column;
}
.returnCard.review ul li div div.summary div.review-selected {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin: 16px 18px;
  width: 100%;
}
@media (max-width: 900px) {
  .returnCard.review ul li div div.summary div.review-selected {
    flex-direction: column;
  }
}
.returnCard.review ul li div div.summary div.review-selected span.tooltip-label {
  font-weight: bold;
  color: #707070;
  margin-top: 10px;
  padding: 10px 20px 10px 0;
  vertical-align: middle;
}
.returnCard.review ul li div div.summary div.review-selected div.serial {
  display: block !important;
  margin-right: 30px;
  margin-bottom: 18px;
}
.returnCard.review ul li div div.summary div.review-selected div.serial span {
  padding-right: 0;
  padding-left: 0;
  vertical-align: middle;
}
.returnCard.review ul li div div.summary div.review-selected div.serial .serial-review {
  display: flex;
  margin: 10px 0px;
}
.returnCard.review ul li div div.summary div.review-selected .title {
  display: inline;
  font-weight: bold;
  color: #707070;
  padding-bottom: 10px;
  vertical-align: middle;
}
.returnCard.review ul li div div.summary div.review-selected div.serial,
.returnCard.review ul li div div.summary div.review-selected div.reason,
.returnCard.review ul li div div.summary div.review-selected div.reimbursement {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-right: 30px;
  margin-bottom: 25px;
}
.returnCard.review ul li div div.summary div.review-selected div.serial .description,
.returnCard.review ul li div div.summary div.review-selected div.reason .description,
.returnCard.review ul li div div.summary div.review-selected div.reimbursement .description {
  min-width: 300px;
  max-width: 300px;
}
@media (max-width: 900px) {
  .returnCard.review ul li div div.summary div.review-selected div.serial .description,
  .returnCard.review ul li div div.summary div.review-selected div.reason .description,
  .returnCard.review ul li div div.summary div.review-selected div.reimbursement .description {
    min-width: unset;
    max-width: unset;
  }
}
.returnCard.review div.review-shipping {
  display: flex;
  flex-direction: column;
  padding: 20px 10px;
  margin-left: 100px;
}
@media (max-width: 650px) {
  .returnCard.review div.review-shipping {
    margin-left: 10px;
  }
}
.returnCard.review div.review-shipping div {
  display: flex;
  flex-direction: column;
  margin: 10px;
  align-items: flex-start;
}
.returnCard.review div.review-shipping div a {
  text-wrap: wrap;
}
.returnCard.review div.review-shipping div span {
  padding: 0;
}

/* Returns - Page 4 (myaccount-returns-confirmation-fullwidth.html) */
@media (max-width: 768px) {
  .returnCard.confirmation .body > div:first-child {
    align-items: center;
  }
}
.returnCard.confirmation .body {
  display: flex;
  flex-direction: column;
}
.returnCard.confirmation .body div {
  display: flex;
  flex-direction: row;
}
@media (max-width: 768px) {
  .returnCard.confirmation .body div {
    flex-direction: column;
  }
}
.returnCard.confirmation .body div div.reference {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  background: #f3f3f3;
  padding: 12px 13px;
  margin: 16px;
}
@media (max-width: 768px) {
  .returnCard.confirmation .body div div.reference {
    width: 100%;
    padding: 0;
    margin: 16px 0 0 0;
  }
}
.returnCard.confirmation .body div div.reference div {
  flex-direction: column;
  color: #000;
  padding: 14px 20px;
}
@media (max-width: 768px) {
  .returnCard.confirmation .body div div.reference div {
    padding: 14px 12px;
  }
}
.returnCard.confirmation .body div div.reference div span {
  color: #000;
  padding: 0 20px;
  min-width: 200px;
}
@media (max-width: 768px) {
  .returnCard.confirmation .body div div.reference div span {
    padding: 0 12px;
  }
}
.returnCard.confirmation .body div div.reference > div:first-child {
  align-self: center;
}
@media (max-width: 768px) {
  .returnCard.confirmation .body div div.reference > div:first-child {
    align-self: flex-start;
    margin: 10px;
  }
}
.returnCard.confirmation .body div div.reference > div:first-child div.RMA-OLQ {
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  background: #3d70b7;
  color: #ffffff;
  cursor: text;
  padding: 0 26px;
  overflow: hidden;
  line-height: 3em;
  border: 0;
  font-size: 1em;
  font-weight: bold;
}
.returnCard.confirmation .body div div.whats-next {
  flex-direction: column;
  margin: 16px;
}
.returnCard.confirmation .body div div.whats-next h3 {
  font-weight: bold;
  padding: 8px;
}
.returnCard.confirmation .body div div.whats-next p {
  padding: 8px;
}
.returnCard.confirmation .body div div.whats-next div.description {
  display: flex;
  flex-direction: column;
}

/* Contact Page (myaccount-returns-contact-fullwidth.html) */
.returnCard.contact {
  border: unset !important;
}
.returnCard.contact a {
  color: #3d70b7;
  text-decoration: none;
}
.returnCard.contact .body {
  display: flex;
  padding: 50px;
  padding-top: 0;
  flex-direction: column;
}
.returnCard.contact .body p {
  padding: 10px 0 0 0;
}
.returnCard.contact .body h3 {
  font-size: 1.6em;
  line-height: 1.3em;
  color: #000;
  text-align: start;
  text-transform: none;
}
.returnCard.contact .body .oneColumnContainer {
  background: #f5f5f5;
  padding: 35px;
  margin-bottom: 25px;
  width: auto;
}
.returnCard.contact .body .oneColumnContainer form {
  padding: 50px 25px 0px;
}
.returnCard.contact .body .oneColumnContainer p.submitted-success {
  margin: 20px 0;
  font-weight: bold;
  color: #3d70b7;
}
.returnCard.contact .body .waysCont {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 25px auto 0 auto;
  text-align: center;
}
@media (max-width: 425px) {
  .returnCard.contact .body .waysCont {
    flex-direction: column;
  }
}
.returnCard.contact .body .waysCont a {
  width: 30%;
  background: #f3f3f3;
  border-radius: 10px;
  text-decoration: none;
}
@media (max-width: 425px) {
  .returnCard.contact .body .waysCont a {
    width: unset;
    margin-bottom: 1rem;
  }
}
.returnCard.contact .body .waysCont .waysBlock {
  padding: 20px;
}
.returnCard.contact .body .waysCont .waysBlock img {
  display: block;
  width: 75px;
  margin: 0 auto;
}
.returnCard.contact .body .waysCont .waysBlock p {
  color: #5b5b5b;
}

/* Not Found Page (myaccount-returns-contact-not-found-fullwidth.html) */
.returnCard.not-found {
  border: none !important;
  display: flex;
  justify-content: center;
}
.returnCard.not-found .body {
  padding: 24px;
  text-align: center;
  background: #eef4f9;
}
.returnCard.not-found .body h3 {
  font-weight: bold;
  color: #3d70b7;
}

#BVSubmissionContainer {
  width: auto !important;
}
#BVSubmissionContainer .BVPage {
  width: auto !important;
}

@media screen and (max-width: 650px) {
  .main .BVMEFieldHelper {
    margin-left: 0;
  }
  .main .BVProductPickerField {
    margin-left: 0;
  }
  .main .BVPageQuestion .BVMERequiredFieldIndicatorSectionHeade {
    margin-bottom: 10px;
  }
  .main .BVMEPopinTip {
    right: 0;
    left: auto;
  }
  .main .BVMEPopinTip .BVMEPopinContent {
    width: 300px;
  }
  .main .BVPageEdit .BVFieldAgreedtotermsandconditions {
    margin-left: 0;
  }
  .main .BVPageEdit .BVModuleButtons {
    margin-left: 0;
  }
  .main .BVModuleFooterLinks {
    float: none;
    text-align: left;
  }
  .main .BVModuleFooterLinks a {
    margin-left: 0;
    margin-right: 0;
  }
}
@media screen and (max-width: 500px) {
  .main .BVCheckboxField {
    margin-left: 0;
  }
  .main .BVFieldTextArea, .main .BVFieldText {
    width: auto;
  }
  .main .BVSectionSubjectInformation .BVSubjectName, .main .BVSectionSubjectInformation .BVSubjectBrand, .main .BVSectionSubjectInformation .BVSubjectDescription {
    margin-left: 0;
  }
}
/*bazzar override main SCAN site deployment*/
/* Review Button */
.bv-cv2-cleanslate .bv-shared .bv-content-list-container .bv-header .bv-action-bar button, .bv-cv2-cleanslate .bv-shared .bv-content-list-container .bv-header .bv-action-bar button:hover,
.bv-cv2-cleanslate .bv-content-placeholder .bv-write-review-label button,
.bv-cv2-cleanslate .bv-content-placeholder .bv-write-review-label button:hover,
.bv-cv2-cleanslate .bv-content-placeholder .bv-ask-question-label button,
.bv-cv2-cleanslate .bv-content-placeholder .bv-ask-question-label button:hover {
  font-weight: normal !important;
  border-radius: 30px !important;
  height: 35px !important;
  padding: 0 16px !important;
  text-transform: none !important;
  font-size: 13px !important;
  font-family: "Poppins-SemiBold", sans-serif !important;
  background: #808080 !important;
}

/* Review Button */
/* Reviews Header */
.bv-cv2-cleanslate .bv-shared .bv-focusable {
  font-family: "Poppins-SemiBold", sans-serif !important;
  color: #111 !important;
}

/* Reviews Header */
/* Review Header bar graph titles */
.bv-cv2-cleanslate .bv-shared .bv-section-summary .bv-inline-histogram .bv-inline-histogram-ratings .bv-inline-histogram-header .bv-content-title,
.bv-cv2-cleanslate .bv-shared .bv-section-summary .bv-secondary-rating-summary .bv-secondary-rating-summary-header .bv-content-title {
  font-family: "Poppins-SemiBold", sans-serif !important;
}

/* Review Header bar graph titles */
/* Avatar Remove and font change */
.bv-cv2-cleanslate .bv-shared .bv-content-item-avatar-offset-on .bv-content-header .bv-author-avatar {
  display: none !important;
}

.bv-cv2-cleanslate .bv-author .bv-avatar-popup-target,
.bv-cv2-cleanslate .bv-popup-profull .bv-content-item .bv-content-author-name .bv-author .bv-avatar-popup-target,
.bv-cv2-cleanslate .bv-author .bv-avatar-author-name,
.bv-cv2-cleanslate .bv-popup-profull .bv-content-item .bv-content-author-name .bv-author .bv-avatar-author-name {
  color: #000 !important;
  font-family: "Poppins-SemiBold", sans-serif !important;
}

/* Avatar Remove */
/* Review wrap padding */
.bv-cv2-cleanslate .bv-shared .bv-content-list-container > ol > li > .bv-content-item-avatar-offset-on {
  padding-left: 10px !important;
}

/* Review wrap padding */
/* Review bar graph float */
.bv-cv2-cleanslate .bv-shared .bv-content-container .bv-content-core .bv-content-details-container {
  float: none !important;
  width: 200px !important;
}

.bv-cv2-cleanslate .bv-shared .bv-content-container .bv-content-core .bv-content-details-container .bv-secondary-ratings {
  padding: 0 !important;
}

/* Review bar graph float */
/* Review test full width */
.bv-cv2-cleanslate .bv-shared .bv-content-container .bv-content-core .bv-content-details-offset-on {
  float: none !important;
  width: 95% !important;
}

/* Review test full width */
/* Review Title Line up */
.bv-cv2-cleanslate .bv-shared .bv-content-item-avatar-offset-on .bv-content-header {
  margin-left: -5px !important;
}

/* Review Title Line up */
/* Border seperation for each review */
.bv-cv2-cleanslate .bv-shared .bv-content-item.bv-content-review {
  border: 0 !important;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  border-bottom: solid 1px #bcbec0 !important;
}

/* Border seperation for each review */
/* Review Title  */
.bv-cv2-cleanslate .bv-shared .bv-content-header .bv-content-data-summary .bv-content-title-container .bv-content-title {
  font-family: "Poppins-SemiBold", sans-serif !important;
  margin-bottom: 0 !important;
  padding-top: 12px !important;
  line-height: 1.2em !important;
  font-size: 16px !important;
}

/* Review Title  */
/* Review Content  */
.bv-cv2-cleanslate .bv-content-summary {
  padding-top: 0 !important;
}

.bv-cv2-cleanslate .bv-content-summary-body-text p {
  font-family: "open_sans-regular", sans-serif;
  font-size: 13px !important;
}

/* Review Content  */
/* Filter buttons and title  */
.bv-cv2-cleanslate .bv-content-filter .bv-active-filters {
  font-family: "Poppins-SemiBold", sans-serif !important;
}

.bv-cv2-cleanslate .bv-content-filter .bv-active-filters > ul > li > button {
  font-family: "open_sans-bold", sans-serif !important;
}

.bv-cv2-cleanslate .bv-shared .bv-control-bar .bv-dropdown {
  font-family: "Poppins-SemiBold", sans-serif !important;
  font-size: 1em !important;
}

/* Filter buttons and title  */
/* Pop up H1 font */
.bv-cv2-cleanslate .bv-shared .bv-mbox .bv-mbox-breadcrumb span.bv-mbox-breadcrumb-item {
  font-family: "Poppins-SemiBold", sans-serif !important;
}

/* Pop up H1 font */
/* Mobile ***********************************************************************************************************************/
@media screen and (max-width: 736px) {
  /* Avatar Remove mobile */
  .bv-cv2-cleanslate .bv-shared .bv-content-list-container > ol > li > .bv-content-item-avatar-offset .bv-content-container .bv-content-core .bv-content-header .bv-content-data-summary .bv-content-header-meta {
    margin-bottom: 0 !important;
    padding-left: 0 !important;
    min-height: 0 !important;
  }
  /* Avatar Remove mobile */
  /* Review Title  */
  .bv-cv2-cleanslate .bv-shared .bv-content-header .bv-content-data-summary .bv-content-title-container .bv-content-title {
    font-size: 1.2em !important;
  }
  /* Review Title  */
  /* QA Helpful buttons */
  .bv-cv2-cleanslate .bv-shared .bv-content-item .bv-content-item-avatar-offset-on .bv-secondary-content-item .bv-content-actions-container.bv-active-feedback {
    margin-left: 10px !important;
  }
  /* QA Helpful buttons */
}
@media screen and (max-width: 375px) {
  /* Review bar graph float */
  .bv-cv2-cleanslate .bv-shared .bv-content-container .bv-content-core .bv-content-details-container {
    width: 95% !important;
  }
  /* Review bar graph float */
}
/* BV styles by simon */
/* Bazzaa Voice styling */
.full-width-toggle {
  display: block;
  top: 25px;
  bottom: auto;
  right: 15px;
  z-index: 999;
  opacity: 1;
  position: fixed;
  background: #ececec;
  border-radius: 25px;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px #888;
}
.full-width-toggle form button {
  padding: 4px 10px;
  border-radius: 25px;
  line-height: 1em;
  background: transparent;
  border: none;
}
.full-width-toggle form button:before {
  content: "\e909";
  font-size: 1.6em;
  padding: 0;
  background: #000;
  padding: 9px 6px;
  border-radius: 15px;
  color: #797979;
  display: inline-block;
}
.full-width-toggle form button:after {
  content: "NEW SITE VIEW";
  font-size: 0.8em;
  display: inline-block;
  width: 50px;
  line-height: 1em;
  text-align: center;
  padding-left: 5px;
  color: #000;
}
.full-width-toggle form button:hover, .full-width-toggle form button:focus {
  background: transparent;
}
.full-width-toggle.is-full-width form button:after {
  content: "CLASSIC VIEW";
  font-size: 0.8em;
  display: inline-block;
  width: 50px;
  line-height: 1em;
  text-align: center;
  padding-left: 0;
  color: #000;
  float: left;
  padding-top: 5px;
  padding-right: 5px;
}

@media screen and (max-width: 1750px) {
  .full-width-toggle {
    right: auto;
    left: 30px;
    top: auto;
    bottom: 25px;
  }
}
@media screen and (max-width: 770px) {
  .full-width-toggle {
    top: auto;
    bottom: 15px;
    right: 15px;
    z-index: 999;
    opacity: 1;
    left: auto;
  }
  .full-width-toggle form button:after {
    display: none;
  }
  .full-width-toggle.is-full-width form button:after {
    display: none;
  }
}
div[data-popover-key=quick-view-popover] {
  max-width: 900px;
  z-index: 100;
}
div[data-popover-key=quick-view-popover] .header {
  background: none;
  position: absolute;
  right: 0;
  width: 70px;
  border: 0;
}
div[data-popover-key=quick-view-popover] .header button.close {
  background: none;
  height: 30px;
  width: 30px;
  margin: 14px;
  line-height: 30px;
  border-radius: 4px;
}
div[data-popover-key=quick-view-popover] .header button.close:before {
  margin-top: 5px;
}
div[data-popover-key=quick-view-popover] .header button.close:hover {
  background: #f3f3f3;
}

.popover.popover-quickview {
  max-width: 1500px;
}
.quickview-modal .details-container {
  display: flex;
  width: 100%;
  height: 640px;
  overflow: hidden;
}
.quickview-modal .details-container > div {
  width: 50%;
}
.quickview-modal .details-container .image-gallery {
  background-color: #f2f2f2;
  padding-top: 0;
  margin: 0;
  position: relative;
}
.quickview-modal .details-container .image-gallery > ul {
  padding: 0 0 80px 0;
  margin: 0 auto;
  width: 100%;
  overflow-y: auto;
  height: 600px;
}
.quickview-modal .details-container .image-gallery > ul li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.quickview-modal .details-container .image-gallery > ul > li {
  padding: 2px 20px 2px 30px;
  margin: 0;
}
.quickview-modal .details-container .image-gallery > ul > li img {
  width: 96%;
  mix-blend-mode: multiply;
}
.quickview-modal .details-container .image-gallery:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(242, 242, 242) 100%);
  display: block;
  content: " ";
  width: 100%;
  position: absolute;
  height: 60px;
  bottom: 0px;
  z-index: 1;
}
.quickview-modal .details-container .product-details {
  padding: 30px 32px 10px;
}
.quickview-modal .details-container .product-details > span {
  display: block;
}
.quickview-modal .details-container .product-details .manufacturerLogo {
  display: block;
}
.quickview-modal .details-container .product-details .manufacturerLogo img {
  height: 15px;
  width: 70px;
}
.quickview-modal .details-container .product-details .tags {
  padding: 10px 0 8px;
}
.quickview-modal .details-container .product-details .tags .tag {
  color: #fff !important;
  text-transform: capitalize;
  font-size: 13px;
  padding-left: 12px;
  padding-right: 12px;
  line-height: 20px;
}
.quickview-modal .details-container .product-details .tags .tag.hot {
  background-color: #f59523 !important;
}
.quickview-modal .details-container .product-details .tags .tag.new {
  background-color: #3671b6 !important;
}
.quickview-modal .details-container .product-details .description {
  font-size: 21px;
  line-height: 28px;
}
.quickview-modal .details-container .product-details .description > a {
  text-decoration: none;
  color: #000;
}
.quickview-modal .details-container .product-details .review-score {
  padding-top: 9px;
}
.quickview-modal .details-container .product-details .linkModelNo {
  padding: 10px 0;
}
.quickview-modal .details-container .product-details .linkModelNo > span {
  font-size: 12px;
  color: #808080;
  padding: 3px 0;
  display: block;
}
.quickview-modal .details-container .product-details .linkModelNo > span > strong {
  font-size: 19px;
  line-height: 28px;
  color: #000;
  display: block;
}
.quickview-modal .details-container .product-details .further-info-links li {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.quickview-modal .details-container .product-details .further-info-links a.btn {
  border-radius: 22px;
  font-size: 11px;
  padding: 8px 25px;
  line-height: 13px;
  margin-bottom: 2px;
  margin-right: 6px;
}
.quickview-modal .details-container .product-details .further-info-links a.btn.spec {
  background: #000;
}
.quickview-modal .details-container .product-details .further-info-links a.btn.info {
  background: #808080;
}
.quickview-modal .details-container .product-details .product-prices {
  height: 86px;
  border: 1px solid #fff;
  vertical-align: top;
  position: relative;
}
.quickview-modal .details-container .product-details .product-prices span {
  display: block;
}
.quickview-modal .details-container .product-details .product-prices span.wasPrice {
  position: absolute;
  margin-top: 6px;
  color: #9e9e9e;
  text-decoration: line-through;
}
.quickview-modal .details-container .product-details .product-prices span.wasPrice > span {
  display: inline;
}
.quickview-modal .details-container .product-details .product-prices span.wasPrice > span.savingTag {
  background: #fcd205;
  display: inline-block;
  text-decoration: none;
  margin-top: -18px;
  margin-right: 6px;
  padding: 0 8px;
  line-height: 18px;
  font-size: 12px;
}
.quickview-modal .details-container .product-details .product-prices span.price {
  color: #111;
  font-size: 46px;
  margin-top: 40px;
}
.quickview-modal .details-container .product-details .product-prices span.price.call, .quickview-modal .details-container .product-details .product-prices span.price.eol {
  font-size: 28px;
}
.quickview-modal .details-container .product-details .product-prices span.price .exVat {
  font-size: 0.3em;
  display: inline-block;
  margin-left: 5px;
}
.quickview-modal .details-container .product-details span.deliveryTag {
  width: 100%;
  margin-top: 5px;
  text-indent: 12px;
  text-align: center;
  display: block;
  color: #28a333;
  padding: 10px 18px;
  font-size: 13px;
  position: relative;
}
.quickview-modal .details-container .product-details span.deliveryTag:before {
  content: "\e978";
  font-size: 24px;
  position: absolute;
  margin-left: -40px;
  text-indent: 0;
  z-index: 0;
}
.quickview-modal .details-container .product-details .freeItemToggle {
  width: 100%;
  vertical-align: top;
  margin-bottom: 10px;
  border-radius: 6px;
}
.quickview-modal .details-container .product-details .freeItemToggle button.freeTag {
  text-indent: 25px;
  text-align: left;
  display: block;
  color: #3d70b7;
  padding: 14px 20px;
  font-size: 1.05em;
  background: #f5f5f5;
  border: none;
  width: 100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  cursor: pointer;
  line-height: 1.1em;
  position: relative;
}
.quickview-modal .details-container .product-details .freeItemToggle button.freeTag:before {
  content: "";
  background: url("../images/svgicons/free-gift-icon-b56d25b928.svg");
  background-size: contain;
  width: 18px;
  height: 18px;
  position: absolute;
  margin-left: -33px;
  margin-top: -4px;
  text-indent: 0;
}
.quickview-modal .details-container .product-details .freeItemToggle button.freeTag:after {
  content: " ";
  float: right;
  height: 10px;
  width: 10px;
  border-right: 2px solid #3d70b7;
  border-bottom: 2px solid #3d70b7;
  transition: all 0.2s ease-out;
  transform: rotate(45deg);
}
.quickview-modal .details-container .product-details .freeItemToggle button.freeTag.expanded:after {
  transform: rotate(225deg);
  margin-top: 5px;
}
.quickview-modal .details-container .product-details .freeItemToggle .expands {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}
.quickview-modal .details-container .product-details .freeItemToggle .freeOfferList {
  background-color: #f5f5f5;
  padding-bottom: 20px;
}
.quickview-modal .details-container .product-details .freeItemToggle .freeOfferList li {
  padding: 6px 15px;
}
.quickview-modal .details-container .product-details .freeItemToggle .freeOfferList li:first-of-type {
  padding-top: 0;
}
.quickview-modal .details-container .product-details .freeItemToggle .freeOfferList li a, .quickview-modal .details-container .product-details .freeItemToggle .freeOfferList li > span {
  text-decoration: none;
  color: #111;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: nowrap;
  height: 48px;
  background: #FFF;
  font-size: 0.9em;
  line-height: 1.1rem;
  box-sizing: border-box;
  text-align: left;
  padding: 0 10px;
}
.quickview-modal .details-container .product-details .freeItemToggle .freeOfferList li a span:hover, .quickview-modal .details-container .product-details .freeItemToggle .freeOfferList li a span:focus, .quickview-modal .details-container .product-details .freeItemToggle .freeOfferList li > span span:hover, .quickview-modal .details-container .product-details .freeItemToggle .freeOfferList li > span span:focus {
  text-decoration: underline;
  color: #3d70b7;
}
.quickview-modal .details-container .product-details .freeItemToggle .freeOfferList li a {
  cursor: pointer;
}
.quickview-modal .details-container .product-details div.addtobasket-panel {
  background: #edf5ec;
  padding: 14px 20px 24px 20px;
  text-align: center;
  min-height: 100px;
  margin-bottom: 4px;
  border-radius: 6px;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .buyButton {
  height: 44px;
  width: 100%;
  font-size: 16px;
  border-radius: 28px;
  position: relative;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .buyButton > span {
  height: 44px;
  width: 100%;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .buyButton > span a.btn {
  height: 44px;
  width: 100%;
  border-radius: 28px;
  line-height: 2.8em;
  font-size: 16px;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .buyButton > span.added {
  border-radius: 28px;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .buyButton > span.btnctrl {
  border-radius: 28px;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .buyButton > span.btnctrl span.controls {
  padding-top: 10px;
  margin-left: 10px;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .buyButton > span.btnctrl span.controls > span.qty {
  padding: 4px 8px;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .stock {
  font-size: 12px;
  text-transform: uppercase;
  padding-top: 7px;
  display: block;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .stock.in {
  color: #00853D;
}
.quickview-modal .details-container .product-details div.addtobasket-panel span.delivery-date,
.quickview-modal .details-container .product-details div.addtobasket-panel .leftColumn {
  display: none;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .priceAvailability.eol .leftColumn {
  display: block;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .priceAvailability.eol .leftColumn span {
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1.1em;
  line-height: 1.6em;
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  padding: 0;
  display: block;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .priceAvailability.eol .leftColumn span a.link {
  text-decoration: none;
  text-transform: uppercase;
  color: #3d70b7;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .priceAvailability.eol .leftColumn span a.link:hover, .quickview-modal .details-container .product-details div.addtobasket-panel .priceAvailability.eol .leftColumn span a.link:focus {
  text-decoration: none;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .wishlistheart {
  float: left;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .wishlistheart .wishList {
  font-size: 12px;
  width: inherit;
  background: none;
  color: #4d4d4d;
  position: relative;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .wishlistheart .wishList:before {
  font-size: 16px;
  position: absolute;
  content: "\e972";
  font-family: "scanicons", sans-serif;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .wishlistheart .wishList:after {
  content: "Add to Wish list";
  padding-left: 26px;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .wishlistheart .wishList.selected:after {
  content: "Added to Wish list";
}
.quickview-modal .details-container .product-details div.addtobasket-panel span.stock {
  float: right;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .orderBefore {
  padding: 1px 0 4px;
  font-size: 12px;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .orderBefore i {
  display: inline;
  font-size: 2em;
  width: 20px;
  vertical-align: middle;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .orderBefore i:before {
  display: inline-block;
  content: "\e95e";
  font-size: 18px;
  height: 20px;
  width: 20px;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .orderBefore .cutoffCountdown .date-part.days {
  display: none !important;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .orderBefore .cutoffCountdown .date-part.hours:after {
  content: "hrs ";
}
.quickview-modal .details-container .product-details div.addtobasket-panel .orderBefore .cutoffCountdown .date-part.minutes:after {
  content: "mins ";
}
.quickview-modal .details-container .product-details div.addtobasket-panel .orderBefore .cutoffCountdown .date-part.seconds {
  display: none !important;
}
.quickview-modal .details-container .product-details div.addtobasket-panel .orderBefore .cutoffCountdown .date-part.seconds:after {
  content: "secs ";
}
.quickview-modal .details-container .product-details .notification-panel {
  padding: 12px 16px;
}
.quickview-modal .details-container .product-details .notification-panel > div {
  width: 70%;
  position: relative;
}
.quickview-modal .details-container .product-details .notification-panel > div:before {
  font-size: 13px;
  height: 20px;
  width: 20px;
}
.quickview-modal .details-container .product-details .notification-panel p {
  font-size: 10px;
  padding: 6px 0;
  line-height: 13px;
}
.quickview-modal .details-container .product-details .notification-panel button {
  width: 30%;
  font-size: 11px;
}
.quickview-modal .specifications {
  padding: 16px 40px;
}
.quickview-modal .specifications .compareTable {
  margin: 0 auto;
  display: block;
  width: 100%;
  max-width: 1480px;
  padding-bottom: 25px;
}
.quickview-modal .specifications .compareTable table {
  font-size: 1em;
  line-height: 1.3em;
  color: #000;
  width: 100%;
}
.quickview-modal .specifications .compareTable table tr {
  border: none;
}
.quickview-modal .specifications .compareTable table tr:nth-child(even) {
  background: rgba(0, 0, 0, 0.05);
}
.quickview-modal .specifications .compareTable table tr:hover {
  background: #d8f0fa;
}
.quickview-modal .specifications .compareTable table th {
  padding: 30px 16px 30px 0;
  font-size: 1.8em;
  text-align: left;
  color: #000;
  width: 100%;
  background: #fff;
}
.quickview-modal .specifications .compareTable table th:hover {
  background: #fff;
}
.quickview-modal .specifications .compareTable table td {
  padding: 7px 0;
  text-align: left;
  width: 50%;
  vertical-align: middle;
  border: none;
}
.quickview-modal .specifications .compareTable table td:first-child {
  min-width: 266px;
  padding-left: 16px;
  padding-right: 16px;
  vertical-align: top;
}

/*usp and business link bar - mobile menu flag for language / delivery options */
/* containing divs */
header.menu nav .menuLevel1 .accSecLow,
header.menu nav .mobile .countrySelect,
.usp-busBar .contain .linkWrap {
  /* containing divs */
  /* Set initial state of delivery country in usp and mobile menu */
}
header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag,
header.menu nav .mobile .countrySelect .currencySwitch .cFlag,
.usp-busBar .contain .linkWrap .currencySwitch .cFlag {
  display: inline-block;
  margin-top: -2px;
  margin-right: 5px;
  width: 20px;
  height: 20px;
  text-indent: -999px;
  font-size: 0.1em;
  color: transparent;
  line-height: 0;
  vertical-align: middle;
}
header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag.gb,
header.menu nav .mobile .countrySelect .currencySwitch .cFlag.gb,
.usp-busBar .contain .linkWrap .currencySwitch .cFlag.gb {
  background: url("../images/Country-Flags/britain-03c1654db3.webp") no-repeat;
  background-position: center;
  background-size: 20px 14px;
}
header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag.eu,
header.menu nav .mobile .countrySelect .currencySwitch .cFlag.eu,
.usp-busBar .contain .linkWrap .currencySwitch .cFlag.eu {
  background: url("../images/Country-Flags/euro-be37217db2.webp") no-repeat;
  background-position: center;
  background-size: 20px 14px;
}
header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag.ie,
header.menu nav .mobile .countrySelect .currencySwitch .cFlag.ie,
.usp-busBar .contain .linkWrap .currencySwitch .cFlag.ie {
  background: url("../images/Country-Flags/ireland-5d9f44dad7.webp") no-repeat;
  background-position: center;
  background-size: 20px 14px;
}
header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag.je,
header.menu nav .mobile .countrySelect .currencySwitch .cFlag.je,
.usp-busBar .contain .linkWrap .currencySwitch .cFlag.je {
  background: url("../images/Country-Flags/jersey-cff7e79fc9.webp") no-repeat;
  background-position: center;
  background-size: 20px 14px;
}
header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag.gg,
header.menu nav .mobile .countrySelect .currencySwitch .cFlag.gg,
.usp-busBar .contain .linkWrap .currencySwitch .cFlag.gg {
  background: url("../images/Country-Flags/guernsey-147540f282.webp") no-repeat;
  background-position: center;
  background-size: 20px 14px;
}
header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag.im,
header.menu nav .mobile .countrySelect .currencySwitch .cFlag.im,
.usp-busBar .contain .linkWrap .currencySwitch .cFlag.im {
  background: url("../images/Country-Flags/isle-of-man-b1c39e15e9.webp") no-repeat;
  background-position: center;
  background-size: 20px 14px;
}
header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag.fr,
header.menu nav .mobile .countrySelect .currencySwitch .cFlag.fr,
.usp-busBar .contain .linkWrap .currencySwitch .cFlag.fr {
  background: url("../images/Country-Flags/france-8d03a179c8.webp") no-repeat;
  background-position: center;
  background-size: 20px 14px;
}
header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag.de,
header.menu nav .mobile .countrySelect .currencySwitch .cFlag.de,
.usp-busBar .contain .linkWrap .currencySwitch .cFlag.de {
  background: url("../images/Country-Flags/germany-c87a0ae0b2.webp") no-repeat;
  background-position: center;
  background-size: 20px 14px;
}
header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag.es,
header.menu nav .mobile .countrySelect .currencySwitch .cFlag.es,
.usp-busBar .contain .linkWrap .currencySwitch .cFlag.es {
  background: url("../images/Country-Flags/spain-8f92222d85.webp") no-repeat;
  background-position: center;
  background-size: 20px 14px;
}
header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag.it,
header.menu nav .mobile .countrySelect .currencySwitch .cFlag.it,
.usp-busBar .contain .linkWrap .currencySwitch .cFlag.it {
  background: url("../images/Country-Flags/italy-82e31507e2.webp") no-repeat;
  background-position: center;
  background-size: 20px 14px;
}
header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag.usa,
header.menu nav .mobile .countrySelect .currencySwitch .cFlag.usa,
.usp-busBar .contain .linkWrap .currencySwitch .cFlag.usa {
  background: url("../images/Country-Flags/usa-e2c0adeca8.webp") no-repeat;
  background-position: center;
  background-size: 20px 14px;
}
header.menu nav .menuLevel1 .accSecLow .currencySwitch.country .cFlag.initial,
header.menu nav .mobile .countrySelect .currencySwitch.country .cFlag.initial,
.usp-busBar .contain .linkWrap .currencySwitch.country .cFlag.initial {
  display: inline-block;
  margin: 0;
  width: 80px;
  height: 20px;
  font-size: 0.8em;
  text-indent: 0;
  color: black;
  line-height: 1.8em;
  vertical-align: middle;
  text-align: right;
  background-position: left 2px;
}

/* overwrite country selection for mobile menu only */
@media screen and (max-width: 780px) {
  header.menu nav .menuLevel1 .accSecLow .currencySwitch .cFlag {
    background-position: left 2px !important;
    margin-top: 0 !important;
  }
}
/* overwrite currency selection for mobile menu only */
/* Country flag images */
.popover.product-notifications .header {
  background-color: #000000;
}
.popover.product-notifications .header button.close {
  margin: 20px;
  color: #ffffff;
}
.popover .stock-notification, .popover .price-notification {
  border-radius: 6px;
  background-color: #f3f3f3;
  padding: 0 20px 20px 20px;
  margin: 15px 0;
}

.product-notifications .header h3 {
  font-size: 1.5em;
  color: #ffffff;
  text-transform: none;
  float: left;
  margin: 25px 35px 25px 65px;
}
.product-notifications .header h3:before {
  content: "\e97f";
  display: inline-block;
  height: 25px;
  width: 25px;
  border: 1.5px solid #ffffff;
  border-radius: 50%;
  color: #ffffff;
  font-size: 0.9em;
  text-align: center;
  line-height: 1.4em;
  margin-right: 8px;
}
.product-notifications p {
  font-family: "Poppins-Regular", sans-serif;
  font-size: 1em;
  padding-top: 0;
}
.product-notifications p a {
  text-decoration: none;
  background: #000000;
  padding: 7px 25px;
  color: #fff;
  border-radius: 30px;
  display: inline-block;
  margin: 0 3px;
}
.product-notifications a {
  background: #000000;
  padding: 7px 18px;
  color: #fff;
  border-radius: 30px;
  border: 0;
  text-transform: uppercase;
  margin: 10px 0 0 0;
  cursor: pointer;
  text-decoration: none;
}
.product-notifications section {
  padding: 15px 35px;
}
.product-notifications section h2 {
  line-height: 1.3em;
  color: #000;
}
.product-notifications section h3 {
  padding: 25px 0 15px 0;
  text-transform: none;
  color: #000000;
  font-size: 1.1em;
}
.product-notifications section button {
  background: #000000;
  padding: 7px 25px;
  color: #fff;
  border-radius: 30px;
  border: 0;
  text-transform: uppercase;
  margin: 10px 0 0 0;
  cursor: pointer;
}
.product-notifications section span.price {
  font-size: 1.8em;
}
.product-notifications section span.price .exVat {
  font-size: 0.7em;
  padding-left: 6px;
  text-transform: lowercase;
}
.product-notifications span.error {
  display: block;
  padding: 10px 0 0 90px;
}
.product-notifications .back {
  color: #2777b3;
  background: none;
  padding: 0;
}
.product-notifications .back:before {
  content: "";
  height: 8px;
  width: 8px;
  border-left: 2px solid #2777b3;
  border-bottom: 2px solid #2777b3;
  display: inline-block;
  transform: rotate(45deg);
  margin-right: 2px;
}
.product-notifications input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #cccccc;
  border-radius: 3px;
  color: #333;
  font-size: 1.1em;
  overflow: hidden;
  transition: all 0.3s ease-in-out 0s;
  text-indent: 10px;
  height: 38px;
  box-sizing: border-box;
  width: 75%;
}
.product-notifications form label, .product-notifications form span.error, .product-notifications form input {
  margin-right: 12px;
}

.notification-panel {
  background-color: #f3f3f3;
  display: flex;
  padding: 12px 20px;
  border-radius: 6px;
  margin: 8px 0;
}
.notification-panel button {
  background: #000000;
  padding: 7px 25px;
  color: #fff;
  border-radius: 30px;
  border: 0;
  text-transform: uppercase;
  cursor: pointer;
  width: 25%;
  margin: 6px 0;
}
.notification-panel div {
  width: 75%;
}
.notification-panel div:before {
  content: "\e97f";
  display: block;
  height: 25px;
  width: 25px;
  border: 1.5px solid #000000;
  position: absolute;
  border-radius: 50%;
  color: #000000;
  font-size: 1.2em;
  text-align: center;
  line-height: 1.5em;
  margin-top: 10px;
}
.notification-panel strong {
  font-size: 1.2em;
}
.notification-panel p {
  padding-right: 20px;
  margin-left: 38px;
}
.notification-panel span {
  padding: 0 3px;
  font-size: 1.1em;
}

.notify-when-in-stock {
  width: 100%;
  display: block;
}
.notify-when-in-stock > div {
  width: 100%;
  position: relative;
}
.notify-when-in-stock .notify-me {
  display: inline-block;
  position: relative;
  margin-left: 32px;
}
.notify-when-in-stock .notify-me:before {
  content: "\e97f";
  display: block;
  height: 20px;
  width: 20px;
  background-color: #ccc;
  position: absolute;
  margin-left: -32px;
  border-radius: 50%;
  color: #000000;
  font-size: 1.4em;
  padding: 3px;
  line-height: 1em;
}
.notify-when-in-stock .notify-me span {
  display: block;
  font-size: 0.65em;
}
.notify-when-in-stock button {
  background: #000000;
  padding: 9px 20px;
  color: #fff;
  border-radius: 30px;
  border: 0;
  text-transform: uppercase;
  cursor: pointer;
  line-height: 1.1em;
  width: 100%;
}
.notify-when-in-stock strong {
  font-size: 1em;
}

@media screen and (max-width: 1250px) {
  .notification-panel {
    display: block;
  }
  .notification-panel div {
    width: auto;
  }
  .notification-panel button {
    width: auto;
  }
}
@media screen and (max-width: 1026px) {
  .notification-panel {
    display: flex;
  }
  .notification-panel div {
    width: 75%;
  }
  .notification-panel button {
    width: 25%;
  }
}
@media screen and (max-width: 750px) {
  .products-cont.list .notify-when-in-stock button {
    padding: 6px 15px;
  }
  .notification-panel {
    padding: 12px 25px;
  }
}
@media screen and (max-width: 560px) {
  .notification-panel {
    display: block;
  }
  .notification-panel span {
    padding: 0;
  }
  .notification-panel div {
    width: auto;
  }
  .notification-panel button {
    width: auto;
    margin: 0;
  }
}
@media screen and (max-width: 480px) {
  .notify-when-in-stock strong {
    font-size: 0.9em;
  }
  .notify-when-in-stock .notify-me span {
    font-size: 0.6em;
  }
  .notify-when-in-stock button {
    line-height: 1em;
  }
  .products-cont.list .notify-when-in-stock strong {
    font-size: 0.8em;
  }
  .products-cont.list .notify-when-in-stock .notify-me span {
    font-size: 0.55em;
  }
  .product-notifications input {
    width: 65%;
  }
}
.s-theme {
  --bg: #FFFFFF;
  --bg-off: rgb(242.25, 242.25, 242.25);
  --text: #3E3E3E;
  --neutral: #FFFFFF;
  --neutral-colour: #000000;
  --neutral-border: #000000;
  --neutral-hover: rgb(242.25, 242.25, 242.25);
  --primary: #006FFF;
  --primary-colour: #FFFFFF;
  --primary-hover: rgb(0, 105.45, 242.25);
  --secondary: #DDFC0A;
  --secondary-colour: #3E3E3E;
  --secondary-hover: rgb(209.95, 239.4, 9.5);
  --inverted: #000000;
  --inverted-colour: #FFFFFF;
  --inverted-hover: rgb(37.05, 37.05, 37.05);
  --link: #006FFF;
  --link-colour: #006FFF;
  --link-hover: rgb(0, 105.45, 242.25);
}
.s-theme h1, .s-theme h2, .s-theme h3, .s-theme h4, .s-theme h5, .s-theme h6, .s-theme p, .s-theme ul {
  font-family: "Poppins", sans-serif;
  padding: 0;
  color: var(--text);
}
.s-theme h1 {
  margin-bottom: 0.67em;
  margin-top: 0.67em;
  font-weight: 700;
  font-size: 36px;
}
.s-theme h2 {
  margin-bottom: 0.83em;
  margin-top: 0.83em;
  font-weight: 600;
  font-size: 28px;
}
.s-theme h3 {
  margin-bottom: 1em;
  margin-top: 1em;
  font-weight: 600;
  font-size: 24px;
}
.s-theme h4 {
  font-weight: 600;
  font-size: 28px;
}
.s-theme h5 {
  font-weight: 500;
  font-size: 20px;
}
.s-theme h6 {
  font-weight: 400;
  font-size: 18px;
}
.s-theme p, .s-theme ul {
  color: var(--text);
  line-height: 1.4em;
  margin-bottom: 1em;
  margin-top: 1em;
  padding: 0;
  font-weight: 400;
}
.s-theme a {
  color: var(--link-colour);
}
.s-theme ul {
  display: block;
  list-style-type: disc;
  list-style-position: outside;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 40px;
}
.s-theme ul li {
  display: list-item;
  margin: 0;
  padding: 0;
}
.s-theme ol {
  display: block;
  list-style-type: decimal;
  list-style-position: outside;
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 40px;
}
.s-theme .s-content {
  margin: 0;
  max-width: 1480px;
  padding: 30px 40px;
  background-color: var(--bg);
}
.s-theme .s-btn {
  background-color: var(--neutral);
  border: 2px solid var(--neutral-border);
  border-radius: 20px;
  color: var(--neutral-colour);
  cursor: pointer;
  display: inline-block;
  font-size: 1em;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 3em;
  letter-spacing: 1px;
  margin-bottom: 0.3em;
  margin-right: 0.75em;
  overflow: hidden;
  padding: 0 14px;
  text-decoration: none;
  text-transform: capitalize;
}
.s-theme .s-btn:hover {
  background-color: var(--neutral-hover);
}
.s-theme .s-btn.s-btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--primary-colour);
}
.s-theme .s-btn.s-btn-primary:hover {
  background-color: var(--primary-hover);
}
.s-theme .s-btn.s-btn-alert {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--secondary-colour);
}
.s-theme .s-btn.s-btn-alert:hover {
  background-color: var(--secondary-colour);
}
.s-theme .s-btn.s-btn-black {
  background-color: var(--inverted);
  border-color: var(--inverted);
  color: var(--inverted-colour);
}
.s-theme .s-btn.s-btn-black:hover {
  background-color: var(--inverted-hover);
}
.s-theme .s-btn.s-btn-link {
  background-color: transparent;
  border: 0;
  color: var(--link-colour);
  padding: 0;
  text-decoration: none;
  text-transform: uppercase;
}
.s-theme .s-btn.s-btn-link:hover {
  color: var(--link-colour);
  text-decoration: underline;
}
.s-theme .s-popup {
  align-items: center; /* vertical center */
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: flex;
  justify-content: center; /* horizontal center */
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 9999; /* optional, for stacking */
}
.s-theme .s-popup .s-popup-content {
  background: var(--bg);
  border: 6px solid rgba(0, 0, 0, 0.7);
  border-radius: 6px;
  display: block;
  height: auto;
  max-width: 90%;
  max-height: 90%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 15px;
  position: relative;
  width: 800px;
}
.s-theme .s-popup .s-popup-content .scrollable-content {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 50vh !important;
  scrollbar-width: thin !important;
  scrollbar-color: #949494 rgba(255, 255, 255, 0) !important;
}
@media screen and (max-width: 1000px) {
  .s-theme .s-popup {
    min-width: inherit;
  }
}
@media screen and (max-width: 780px) {
  .s-theme .s-popup {
    top: 56px;
  }
  .s-theme .s-popup .s-popup-content {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    width: 100%;
    margin: 0;
    border-radius: 0;
    border-bottom: 6px solid rgba(0, 0, 0, 0.7);
  }
}
@media screen and (max-width: 400px) {
  .s-theme .s-popup {
    top: 44px;
  }
}

.s-theme.dark-mode {
  --bg: #101010;
  --bg-off: rgb(27.95, 27.95, 27.95);
  --text: #F1F1F1;
  --neutral: #000000;
  --neutral-colour: #FFFFFF;
  --neutral-border: #F1F1F1;
  --neutral-hover: rgb(12.75, 12.75, 12.75);
  --primary: #DDFC0A;
  --primary-colour: #000000;
  --primary-hover: rgb(209.95, 239.4, 9.5);
  --secondary: #DDFC0A;
  --secondary-colour: #000000;
  --secondary-hover: rgb(209.95, 239.4, 9.5);
  --inverted: #FFFFFF;
  --inverted-colour: #000000;
  --inverted-hover: rgb(228.95, 228.95, 228.95);
  --link: #DDFC0A;
  --link-colour: #DDFC0A;
  --link-hover: rgb(209.95, 239.4, 9.5);
}

@media (prefers-color-scheme: dark) {
  .s-theme {
    --bg: #101010;
    --bg-off: rgb(27.95, 27.95, 27.95);
    --text: #F1F1F1;
    --neutral: #000000;
    --neutral-colour: #FFFFFF;
    --neutral-border: #F1F1F1;
    --neutral-hover: rgb(12.75, 12.75, 12.75);
    --primary: #DDFC0A;
    --primary-colour: #000000;
    --primary-hover: rgb(209.95, 239.4, 9.5);
    --secondary: #DDFC0A;
    --secondary-colour: #000000;
    --secondary-hover: rgb(209.95, 239.4, 9.5);
    --inverted: #FFFFFF;
    --inverted-colour: #000000;
    --inverted-hover: rgb(228.95, 228.95, 228.95);
    --link: #DDFC0A;
    --link-colour: #DDFC0A;
    --link-hover: rgb(209.95, 239.4, 9.5);
  }
}
/* @use 'productinfo/product-info-fullwidth'; */
/* @use 'productinfo/scan.rich.content' as rich-content; */
/* @use 'main/scan.icons' as icons; */
/* @use 'business/scanbusiness-fullwidth'; */
/* @use 'basketCheckout-fullwidth'; */