body {background-image: none!important;}

#header .headerLogin, #productPagePrices .addToKart, #wrapper #colB #topCats #dealOftheWeek span.dealTitle, .addButton, .categories li a strong, .greenHeadline, .headerBasket .checkout, .keyDeals p, .keyDeals small, .leadDeals .priceArea p .save, .myAccountColA .greyframe .title, .myAccountColB .greyframe .title, .myAccountColB .myDetails ol li input.btn, .mySpecialOffers .offer strong, .pictureList li .offerTag, .productBuy, .productSlide .contentbox, .productSlide .productTitle, .redHeadline, .redTop .heading, .saveBubble, h1, h2, h3, h4 {font-family: arial;}

#header	{ background-color:#273343; border-top: 40px solid #273343; height: 141px;}
#header .innerheader {height: 100%; background-color: transparent!important;}

#header .homeLogo {padding: 0px 60px 25px 5px; max-width: none; width: 290px; transition: ease-in-out .2s;}

#header .ui-widget {    background: TRANSPARENT; padding-top: 30px; padding-left: 0px; margin-top: 0; float: right; margin-right: 30px; width: 310px; position: relative;}
#header .ui-widget .strapLine {position: absolute; right: 100%; margin-right: 15px; margin-top: 6px; width: 300px;}
#header #topSearch .topSearchBOX {border: 0; padding: 11px; font-size: 14px; transition: ease-in-out .2s;}
#header #topSearch .topSearchBTN {    background: url(/images/search-white.svg) center no-repeat; background-size: 35px; background-color: #ff800e; right: 0px; height: 100%; width: 50px; box-sizing: border-box; top: 0px; border-radius: 0 8px 8px 0; transition: ease-in-out .2s;}

#header .headerLogin, #header .headerLogin:hover {left: auto; right: 20px; top: -28px;padding: 0; text-align: right; font-family: arial; font-size: 14px; text-transform: none!important; color: rgb(255, 128, 14); background-color: transparent!important; font-weight: normal; z-index: 30;}
#header .headerLogin:hover {opacity: .8;}

#header .headerBasket:not(.headerBasketV2) {margin-top: 24px; background-color: transparent!important;background-image: url(/images/basket-white.svg)!important; background-repeat: no-repeat!important; width: 135px; min-height: 42px; z-index: 30;}
#header .headerBasket:not(.headerBasketV2) .items {top: 8px;}
#header .headerBasket:not(.headerBasketV2) .subtotal {top: 29px;}
#header .headerBasket:not(.headerBasketV2) .subtotal span {float: left; color: #ff800e;}
#header .headerBasket:not(.headerBasketV2) .items, #header .headerBasket .subtotal {right: 0; left: 60px; width: 75px; padding: 0; color: #fff; font-size: 16px;}

#header .headerBasketV2 {margin-top: 28px!important; background-color: transparent!important; background-image: url(../images/basket-icon-v2.svg)!important; background-repeat: no-repeat!important; background-size: 60px!Important; background-position: 12px 50%!important; width: 85px!important; min-height: 42px!important; z-index: 30; cursor: default;}
#header .headerBasketV2 .items span, #header .headerBasketV2 .subtotal {display: none;}
#header .headerBasketV2 .items {text-align: center; font-size: 1.3rem; font-weight: bold; color: #ff800e; width: 100%!important; top: -2px!important; right: 4px;}
#header .headerBasketV2 .miniCheckout {transition: ease-in-out .5s; background-color: transparent!important; overflow: hidden; height: 0; padding:0;}
#header .headerBasketV2 a {display: block; width: 100%; height: 40px;}


#header .vatSwitch {width: 440px; top: -28px; font-size: 14px; right: 0; left: 0; margin: auto; padding-left: 170px; background-color: transparent!important;}
#header .vatSwitch .vatRetail {border: 0; padding: 0;}
#header .vatSwitch span {float: left; font-size: 14px; display: block!important; opacity: 1!important;}
#header .vatSwitch span.vatToggle {background-color: #fff; height: 23px; width: 48px; margin: -4px 15px 0 15px; border-radius: 20px; position: relative;}
#header .vatSwitch span.vatToggle::after {content: ''; position: absolute; width: 19px; height: 19px; top: 2px; background-color: #0d4795; border-radius: 40px;}
#header .vatSwitch span.vatToggle.vt-R::after {left: 2px;}
#header .vatSwitch span.vatToggle.vt-B::after {right: 2px;}
#header .vatSwitch span.mob {display: none!important;}

#header .headerContact {top: -28px; right: auto; left: 15px; width: 200px;} 
#header .headerContact li {float: left; position: relative;}
#header .headerContact li:not(:last-of-type) {padding-right: 30px;}
#header .headerContact li:not(:last-of-type)::after {content: '|'; position: absolute; right: 13px; top: 0; color: #fff;}
#header .headerContact li a {color: #fff; font-size: 14px;}

.paganation { top: 311px; }
.paganation div, .paganation span { float: left; text-transform: capitalize; font-size: 12.9px; color: #ff800e; margin: 0 2px; }

.navtree li, .navtree li a {transition: ease-in-out .2s;}
.navtree li.houseLink, .navResponse li.houseLink {display: none!important;}
.navtree li.active {background-color: #ce6302;} .navtree li.active > a {color: #fff;}
.productSlide h2.greenHeadline,
.navtree li ul li:hover,
.navtree li:hover { background-color:#ff800f;}
.navOuter {position: absolute; bottom: 0; width: 100%; background-color: #1f2936;}
.navtree,  .navResponse {background:none; position:relative; top: auto; display: block; width: 1200px!important; margin: 0 auto;}
.navtree > li > a {padding: 12px 10px; border-right: 1px solid rgba(0, 0, 0, 0.11)!important;}
.navtree li a { color:#fff; font-family: arial,sans-serif;font-weight: 500;font-size: 15px;}
.navtree ul li a {width: 202px;}
.navtree ul li:hover {background-color: #ff800f!important;}
.navtree li:hover ul li:hover ul, .navtree li:hover ul, .navtree li:hover ul ul {top: 38px; margin-left: 0px; border-color: #ff800f; border-width:2px;}
.navtree li:hover ul li:hover ul { top:-2px; right: -464px; width: 460px;}

.navtree li ul li ul li {width: 230px;}
.navtree li:hover ul li:hover ul.narrow {right: -232px; width: 228px;}
.navtree li ul li:hover ul li a {width: 205px;}
.houseLink .activeHome {display: block!important; background-color: #fb7e0f!important;}
.strapLine {color: #fb7e0f!important;}
.whyBuy ol li a strong { color:#273343!important;}

.footer2014 {background-color: #273343; padding-bottom: 40px; margin-top: 0!important;}
.footerSocial {background-color: #273343;}
.footerSocialInner {height: 90px; border-bottom: 1px solid #fff; padding: 12px 0px; margin-bottom: 50px;}
.footerCall {padding: 10px; display: block; float: none; margin: auto; width: 240px;}
.footerCall::before { content: ''; background-image: url(/images/contact-phone-white.svg); width: 110px; height: 110px; background-size: 100%; position: absolute; left: -70px; top: -26px;}
.footerCall span {width: 100%; text-align: center;}

.innerF ul {width: 18%; margin-right: 2%;}
.innerF ul li { font-size: 15px; line-height: 18px;}
.innerF ul li.first, .innerF ul li.first a {color: #ff800e;} .innerF ul li a {color: #fff;}
.footerLogos {width: 40%; padding: 0!important;}
.footerLogos img {width: 60%; margin-right: auto;} 
.footerLogos .payments {display: block; margin: auto; float: none; background-color: #f1f1f1; border-radius: 13px; width: 420px; max-width: 90%; height: 55px; border: 5px solid #f1f1f1;}

.veryBottom {box-sizing: border-box; padding: 15px; background-color: #1f2936;} 
.veryBottom .innerBot {color: #fff; opacity: .9; text-align: left; position: relative;} .veryBottom .innerBot a {color: #ff800e;}
.veryBottom .innerBot .trustSeal {position: absolute; right: 0; top: -4px; height: 100%;}

#colA.fullWidth, #colB.fullWidth {float: left!important; width: 100%!important; min-height: 0!important; position: relative!important; top: 0!important; right: 0!important; bottom: 0!important; left: 0!important; margin: 0!important;}
#wrapper #colA, #wrapper.layoutone #colA {top: 360px;}

.whyBuy { height: auto; background-color: #f5f5f5; position: relative; top: auto; float: left; margin-bottom: 70px; border-radius: 20px; box-sizing: border-box; padding: 5px;}
.indexWrapper .whyBuy {position: relative!important; width: 100%; float: left; top: auto; margin-bottom: 30px; height: auto;}
.whyBuy ol {width: 1200px;}
.whyBuy ol li {font-size: 15px; padding: 15px 0 15px 65px; line-height: 22px; text-align: left; margin-top: 0; background-color: transparent!important;}
.whyBuy ol li:nth-of-type(1), .whyBuy ol li:nth-of-type(2), .whyBuy ol li:nth-of-type(3), .whyBuy ol li:nth-of-type(4) {background-size: 46px; background-position: 6px 14px; background-repeat: no-repeat;}
.whyBuy ol li:nth-of-type(1) {background-image: url(../images/whybuy-free-delivery.svg);}
.whyBuy ol li:nth-of-type(2) {background-image: url(../images/whybuy-returns.svg);}
.whyBuy ol li:nth-of-type(3) {background-image: url(../images/whybuy-price.svg); padding-left: 115px; background-position: 57px 14px;}
.whyBuy ol li:nth-of-type(4) {background-image: url(../images/whybuy-trust-pilot.svg);}

#wrapper:not(.indexWrapper) {padding-top: 200px;}
.indexWrapper {padding-top: 180px!important;}
.topImage {display: block; position: relative; float: left; width: 100%; height: 160px; background-color: #d0d0d0; overflow: hidden; margin-bottom: 20px; margin-top: 20px; transition: ease-in-out .5s;}
.topImage a {display: block; float: left; width: 100%; height: 160px; background-color: #d0d0d0; overflow: hidden; margin-bottom: 20px; margin-top: 20px; transition: ease-in-out .5s;}
.topImage::after {content: 'CHECK IT OUT >';position: absolute; right: 35px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: bold; padding: 10px; border: 2px solid #1f2936; color: #1f2936; transition: ease-in-out .2s; opacity: .7;}
.topImage img {height: 155px; margin-left: 45%; margin-top: 5px; transition: ease-in-out .3s;}
.topImage span {position: absolute; left: 0; font-size: 2.6rem; color: #273343; text-align: center; width: 50%; font-weight: bold; line-height: 3.5rem; text-transform: uppercase; top: 50%; transform: translateY(-50%);}
.topImage span strong {background-color: #222; color: #fb7e0f; padding: 2px 10px; font-size: 2rem;}

.ntTile {float: left; position: relative; height: 440px; width: 27%; background-color: #273343; background-image: url(/images/safety-store-mascot.svg); background-repeat: no-repeat; background-size: 460px; background-position: 50% -40px;}
.ntTile .ntTileInner {position: absolute;width: 86%;min-height: 150px;margin: 8%;bottom: 0;background-color: #ff800e;padding: 2px 10px 0 10px;box-sizing: border-box; box-shadow: -2px 2px 10px 2px #222; z-index: 2;}
.ntTileInner .timeRemaining {border: 0;text-align: center;padding: 0;}
.ntTileInner .timeRemaining p {color: #fff;background-color: transparent;border-bottom: 2px dashed #fff;font-size: 16px;line-height: 18px;font-family: arial;font-weight: normal;float: left;position: relative;padding: 0 0 10px 0;width: 85%;margin: 10px 7.5% 0 7.5%;}
.ntTileInner .timeRemaining .clockBox {float: left;width: 100%; margin-bottom: 5px;}

.flip-clock-divider .flip-clock-label {padding-left: 24px; color: #fff!important;}
.flip-clock-wrapper ul {width: 13.6%; box-shadow: 0 2px 9px rgba(0,0,0,.5);margin: 20px 1% 0 1% !important;}
.flip-clock-wrapper ul li .tickBox div div.inn {border-radius: 0; background-color: #273343; font-size: 36px;}
.flip-clock-divider {width: 2%!important;}
.flip-clock-wrapper .hours {margin: 0!important;}
.flip-clock-dot {background: transparent!important; box-shadow: none;}
ul.homeTiling { float: left; width: 73%; height: 432px; box-sizing: border-box; padding: 0 0 0 20px; margin-bottom: 30px;}

.homeTiling .tiling {float: left; width: 49%; height: 49%; margin-right: 2%; margin-bottom: 2%; position: relative;}
.homeTiling .tiling:nth-of-type(2n) {margin-right: 0;}
.homeTiling .tiling:nth-of-type(3), .homeTiling .tiling:nth-of-type(4) {margin-bottom: 0;}
.homeTiling .tiling:nth-of-type(1), .homeTiling .tiling:nth-of-type(4) {background-color: #91d9cf;}
.homeTiling .tiling:nth-of-type(2), .homeTiling .tiling:nth-of-type(3) {background-color: #ffd5ae;}

.homeTiling .tiling a {display: block; height: 100%; width: 100%; box-sizing:border-box; overflow: hidden; padding-right: 10px; transition: ease-in-out .2s;}
.homeTiling .tiling span.tileName {position: absolute; left: 20px; top: 20px; width: 50%; text-transform: uppercase; color: #484848; font-size: 26px; z-index: 1; font-weight: bold;}
.homeTiling .tiling span.tileName strong {font-weight: bold; font-size: 20px; color: #CF1518; text-transform: none!important;}
.homeTiling .tiling span.tileSee {position: absolute; bottom: 20px; left: 20px; color: #273343; font-size: 18px; padding: 10px; font-weight: bold; border: 2px solid; transition: ease-in-out .2s;opacity: .7; z-index: 2;}
.homeTiling .tiling img {position: relative; float: right; height: 90%; transition: ease-in-out .3s; margin-top: 33px;}

.indexWrapper .saleStrip {float: left; width: 100%; min-height: 120px; background: repeating-linear-gradient( -45deg, #0d4795, #0d4795 12px, #073879 16px, #073879 16px); padding: 25px; border-radius: 0 0 40px 0; box-sizing: border-box; margin-bottom: 20px; position: relative;}
.indexWrapper .saleStrip .clicker {position: absolute; color: #fff; font-size: 1.5rem; border: 2px solid #fff; right: 15%; top: 33px; padding: 10px;}
.indexWrapper .saleStrip span:not(.clicker) {float: left; width: 60%; padding: 0 30px; text-align: center; color: #fff; font-size: 1.5rem;}
.indexWrapper .saleStrip span:not(.clicker) strong {float: left; width: 100%; font-size: 1.8rem; margin-bottom: 10px;}

.topCats {float: left; width: 100%; padding: 10px 0 20px 0; border-bottom: 1px solid #d4d4d4;}
.topCats a {position: relative; float: left; width: 32%; margin-right: 2%; transition: ease-in-out .2s; box-sizing: border-box; padding: 0px; margin-bottom: 20px;}
.topCats a:nth-of-type(even) { background-color: #91d9cf;}
.topCats a:nth-of-type(odd) { background-color: #ffd5ae;}
.topCats a:hover {box-shadow: 0px 0px 0px 2px #ff700e;}
.topCats a:nth-of-type(3n) {margin-right: 0;}
.topCats a img {float: left; width: 25%; opacity: .8;}
.topCats a span {box-sizing: border-box; padding: 0 20px; width: 75%; height: 100%; display: inline-grid; align-items: center; text-align: center; font-size: 18px; line-height: 22px; font-weight: bold; text-align: center; color: #273343!important; position: absolute;}

.twoThirds h1, .homepageH1 {color: #3459c1}

.ssContent {text-align: center; float: left; width: 100%; border-bottom: 1px solid #d4d4d4; padding: 50px 10px; box-sizing: border-box; margin-top: -1px;}
.ssContent h1 {font-size: 1.8rem; line-height: 2rem; margin-bottom: 20px; font-weight: bold; color: #273343;}
.ssContent h2 {font-size: 1.4rem; line-height: 1.8; margin-bottom: 20px; font-weight: bold; color: #273343;}
.ssContent h1 strong, .ssContent h2 strong {font-weight: bold!important; color: #ff700e;}
.ssContent p {font-size: .95rem; color: #273343;}

.tabProductBox {margin-top: 0; padding: 15px 0; width: 100%; margin-bottom: 0; border: 0; border-bottom: 1px solid #d4d4d4!important;}
.tabProductBox h3 {border: 0!important;}
.tabProductBox ol li {width: 23%; margin-right: 2.66666%; box-sizing: border-box; padding: 25px; background-color: #f1f1f1; margin-bottom: 30px; border-bottom: 0;}
.tabProductBox ol li a {padding: 0!important;}
.tabProductBox ol li a p {font-size: 16px; text-align: center;}
.tabProductBox ol li a p.description {font-size: 16px; line-height: 18px; color: #273343; text-align: center;}
.tabProductBox ol li a img {max-width: 70%; display: block; margin-bottom: 15px;}

.tabProductBox p.price .priceIncVat { font-size: 1.8rem; color: #0c4795; }
p.price .priceIncVat small { font-size: 1rem; color: #666666!important; }
.tabProductBox ol li p:not(.price) span, .tabProductBox p:not(.price) small {display: none;}


.tabProductBox .buyForm input.packSize {-webkit-appearance: none; -moz-appearance: none; width: 100%; margin-bottom: 10px; padding: 0; background-color: transparent; border: 0;}
.tabProductBox .buyForm .qty {float: left; margin-right: 2%; width: 40%!important; height: 35px; box-sizing: border-box; padding: 0; font-size: 15px;}
.tabProductBox .buyForm .add, .tabProductBox .buyForm .minus {width: 26%!important; height: 35px; box-sizing: border-box; padding: 0; font-size: 22px;}

.tabProductBox .pictureList .buyForm .qty {height: 30px!important;}
.tabProductBox .pictureList .buyForm .add, .tabProductBox .pictureList .buyForm .minus {width: 30px!important; height: 30px!important;}

.tabProductBox .buyForm .addButton {background-color: #0c4795!important; float: left; width: 100%; margin-top: 10px; padding: 10px 0 8px 0; position: relative; height: auto; font-size: 14px; }
.tabProductBox .buyForm .addButton:hover {background-color: #073a7d!important;}

.product-rating {margin: 0; background-color: transparent; width: 100%;} .product-rating p {color: #273343;}  .product-rating p a {color: #ff700e;}

.brandRow {float: left; width: 100%; margin: 0 0 25px 0; padding: 15px 15% 15px 15%; border-bottom: 1px solid #d4d4d4; box-sizing: border-box;}
.brandRow ul {float: left; width: 100%; margin-bottom: 35px;}
.brandRow ul li {float: left; width: 18%; margin: 0 1%;}
.brandRow ul li img {width: 100%;}
.brandRow a {display: block; }

.trustRowReviews {float: left; width: 100%; padding: 15px 0;}
.trustRowReviews li {float: left; width: 25%; min-height: 195px; margin: 10px 0 25px 0; padding: 15px 2.66%; box-sizing: border-box;}
.trustRowReviews li:not(:last-of-type) {border-right: 1px solid #d4d4d4;}
.trustRowReviews li p {text-align: center;}
.trustRowReviews li span {float: left; width: 100%; height: 25px; margin-bottom: 10px; background-repeat: no-repeat; background-size: auto 100% ; background-position: 50%;}
.trustRowReviews li span.trr1stars {background-image: url(/images/sprite-1star-icon.svg);}
.trustRowReviews li span.trr2stars {background-image: url(/images/sprite-2star-icon.svg);}
.trustRowReviews li span.trr3stars {background-image: url(/images/sprite-3star-icon.svg);}
.trustRowReviews li span.trr4stars {background-image: url(/images/sprite-4star-icon.svg);}
.trustRowReviews li span.trr5stars {background-image: url(/images/sprite-5star-icon.svg);}


a.ssBtnBd {display: table; padding: 12px; color: #ff700e; border: 2px solid #ff700e; font-size: 16px; margin: 25px auto; text-decoration: none; transition: ease-in-out .2s;}
a.ssBtnBd:hover {color: #bc5c1b; border-color: #bc5c1b; }

.emlSignup {float: left; width: 100%; margin-top: 20px; background-color: #eaeaea; padding: 25px 10px; box-sizing: border-box}
.emlSignupInner { display: block; width: 1200px; max-width:100%; margin: auto; }
.emlSignup .heading { float: left; width: 100%; font-size: 16px; color: #273343; font-weight: bold; text-align: center; /* margin-top: 20px; */}
.emlSignup label {float: left; width: 100%; text-align: center; margin: 20px 0 15px 0; font-size: 15px; color: #0c4795;}
.emlSignup form {display: block; width: 340px; max-width: 100%; margin: auto;}
.emlSignup form input[type="email"] { float: left; width: 100%; font-size: 15px; padding: 10px; box-sizing:border-box; }
.emlSignup form input[type="submit"] {display: block; width: auto; font-size: 15px; padding: 10px 15px; box-sizing: border-box; margin: auto; border: 0; background: linear-gradient(to top left, #0057ca, #0c4795); color: #fff; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none;}
.emlSignup form p {float: left; display: inline-flex; width: 100%; padding: 20px 50px; font-size: 14px; box-sizing: border-box;} 
.emlSignup form input[type="checkbox"] {height: 20px; width: 20px; margin-right: 10px; margin-top: 0;}

.indexWrapper .trustRow {float: left; width: 100%; padding: 10px 0;}
.indexWrapper .trustpilotreviews {display: block; width: 550px; max-width: 100%; margin: auto; float:none!important;}
.indexWrapper .trustpilotreviews img {float: left; width: 30%; margin-right: 5%;} 
.indexWrapper .trustpilotreviews .stars {float: left; width: 45%; margin-top: 0;}
.indexWrapper .trustpilotreviews .stars span {margin-top: 0; margin-bottom: 0;}
.indexWrapper .trustpilotreviews p {float: left; width: 100%; margin: 40px 0; text-transform: none; font-size: 14px!important; color: #676767;}
.indexWrapper .trustpilotreviews p strong {color: #1ab67c}


#colB #col1 h1 strong {color: #273343; font-size: 1.8rem; line-height: 2rem; margin-bottom: 20px; padding: 0px; border: 0; background-color: transparent;}
h3.sectionTitle {position: relative; top: 0; left: 0; float: left; width: 100%; font-size: 26px; text-align: center; padding: 25px 0; margin-bottom: 15px; color: #273343; box-sizing: border-box;}

.vatSwitch .active {color: #fff;}

.redTop .heading {background-color: #b5111a; border-color: #b5111a;}
.keyDeals a {background-color: #35b4a2; margin: 10px 2% 10px 0;}
.keyDeals .smallFrame {background-image:url('/images/dark-frame.png');}
.keyDeals small {background-color: #21a18f}
.keyDeals small:hover {background-color: #178a7a;}
.keyDeals a p {color: #fff; font-size: 1.1rem; background-color: #35b4a2!important;}

.buyForm .addButton, .greyframe a.btn, .greyframe span.btn, .productContent .tabs li:not(.active):hover, .productSlide h2.greenHeadline, ol.rightNav li a:hover {background-color: #0d4795!important;}
.addArea .addButton:hover, .btn:hover, .headerBasket:hover .checkout:hover, .miniCheckout:hover, .myPrinters .addPrinters input:hover, a.checkoutBTN:hover, ol.summary li a.checkoutBTN:hover {opacity: .8; background-color: #3459c1!important}

.wSpecialOffers {background-color: #0c4795;}


.productContent .tabs li { min-width: 105px; }
.productContent p.offerTag {background-color: #0d4795;}
.productContent .tabs li:not(.active):hover { background-color: transparent!important;}
.productContent .colB .greyBox .price {color: #ff800e;}
.productContent .tabs li {border-color: #0d4795; color: #0d4795;}
.productContent .tabs li::after {color: #0d4795; border-width: 1px 1px 0 0; border-color: #0d4795;}

.newAccountPage .accountType h3, .newAccountPage form .li-head {color: #0D4795;}
.accountType.businessAccount {background-image: url(/images/na-business-st.svg);}
.accountType.personalAccount {background-image: url(/images/na-personal-st.svg);}
.activeAccoutType.paygaccount, .activeAccoutType.creditaccount {background-color: #273343;}
.newAccountPage .findPostcodeBtn, .newAccountPage .DeliveryfindPostcodeBtn {background-color: #0d4795;}
.newAccountPage form li input[type="submit"] {background-color: #ff800f; border-color: #ff800f;}
.requireCheck label a {color: #ff800f;}

.subPopup {position: fixed; height: 100%; width: 100%; background-color: rgba(0,0,0,0.2); top: 0; margin-top: 0; z-index: 100;}
.subPopupInner {background-color: #fff; position: absolute; top: 50%; transform: translateY(-50%); left:0; right: 0; margin: 0 auto; width: 750px; height: 410px; overflow: hidden; border-radius: 10px; background-color: #1f293c; transition: ease-in-out .5s;}
/*.esSuccess .subPopupInner {width: 200px; height: 130px; background-color: #fff; border-radius: 0;}*/
.subPopupLeft, .subPopupRight {float: left; width: 50%!important; height: 100%; box-sizing: border-box; padding: 5%; background-color: #fff; transition: ease-in-out .5s; overflow: hidden;}
.subPopupLeft {position: relative; background: linear-gradient(to top left, #072d5f, #194987); color: #fff; /*background-image: url(../images/popup-background.svg);*/ background-repeat: no-repeat; background-size: 110%; background-position: 35% 40%;}

.subPopupLeft span { position: absolute; width: 100%; left: 0; text-align: center; font-size: 1.1rem; box-sizing: border-box; padding: 28% 10%; line-height: 2rem; top: 0; }
.subPopupLeft span b:not(.bOrange) { font-size: 1.8rem; }
.subPopupLeft span b.bOrange {font-size: 1.2rem; color: #ff800e;}

.subPopupRight input[type="text"] { float: left; width: 100%; padding: 8px 10px; font-size: 1rem; box-sizing: border-box; border: 1px solid #989898; margin-bottom: 15px;}
.subPopupRight input[type="submit"] {background-color: #ff800e!important; font-size: 1.2rem!important; text-transform: uppercase; padding: 10px 25px;}
.subPopupRight input[type="submit"]:hover {background-color: #e8740b!important;}
.subPopupRight label { margin: 20px 0 12px 0; font-size: 1.05rem; color: #1c2b45;}
.subPopupRight li, .subPopupRight span {font-size: .9rem; line-height: 1.2rem; float: left; width: 100%; text-align: center; color: #5A5A5A;}
.subPopupRight li.popTerms {margin-top: 50px; margin-bottom: 20px;}
.subPopupRight li.popTerms a {color: #1c2b45; font-weight: bold; text-decoration: underline;}
.subPopupRight li.popTerms input[type="checkbox"] {margin-top: 15px;}

.esSuccess .subPopupLeft {width: 0!important; padding: 0!important;}
.esSuccess .subPopupRight {width: 100%!important; }
.esSuccess .subPopupInner {width: 400px; height: 200px;}
.esSuccess span.esThanks {position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}

.subPopupClose {position: absolute; right: 20px; top: 20px; content: 'x'; font-weight: bold; font-size: 1.6rem; cursor: pointer; color: #8e8e8e;}

@media only screen and (max-width: 1200px) {
	#header {height: 182px;}
	#header .ui-widget .strapLine {display: none;}
	#header .vatSwitch span, #header .headerContact li a {font-size: 12px;}
	#header .homeLogo {padding: 10px 0 5px 5px; width: 250px;}
	
	.navDeptInner {margin: 0 28px;}
	
	.whyBuy ol {width: 100%;}
	.whyBuy ol li {padding: 70px 0 15px 0px!important; background-position: 50% 10px!important; text-align: center;}
	
	#wrapper:not(.indexWrapper) {padding-top: 250px;}
	
	.timeRemaining {width: 100%; height: 140px;}
	.flip-clock-divider .flip-clock-label {padding-left: 14px;}
	
	.topCats a span {font-size: 16px; line-height: 20px;}
	
	.navtree,  .navResponse, .whyBuy ol {width: 100%!important;}
	
	.paganation {top: 430px;}
}
@media only screen and (max-width: 1000px) {
	.topImage::after {display: none;}
	.topImage span {width: 60%; font-size: 2rem; line-height: 2.2rem; left: 20px;}
	.topImage span strong {font-size: 1.6rem;}
	
	.topCats a {width: 48%!important; margin: 1%!important;}
	
	.tabProductBox ol li {width: 31.333333%!important; margin: 1%!important;}
	.tabProductBox ol li a p.description {font-size: 14px; line-height: 16px;}
	
	.brandRow {padding: 15px 5% 15px 5%;}
}
@media only screen and (max-width: 900px) {
	.ntTile {width: 100%; margin-bottom: 20px;}
		
	ul.homeTiling {width: 100%; height: auto!important; padding: 0;}
	.homeTiling .tiling {margin-right: 0; margin-bottom: 20px!important; width: 100%; height: 190px;}
	
	.innerF ul {width: 48%; margin-bottom: 15px;}
	.footerLogos {width: 100%;}
}
@media only screen and (max-width: 800px) {
	.tabProductBox ol li {width: 48%!important;}
}

@media only screen and (max-width: 740px) and (min-device-width: 740px) {
	.indexWrapper {padding-top: 233px!important;}
}

@media only screen and (max-width: 740px) {
	#header {height: 232px;}
	#header .ui-widget {box-sizing: border-box; width: 100%; padding: 0 15px; margin: 0;}
	#header .headerBasketV2 {margin-top: 0!important; top: 32px; background-size: 55px!important; background-position: 50% 50%!important;}
	#header .headerLogin, #header .headerLogin:hover {background-image: url(/images/user-white.svg);
    color: rgba(255, 128, 14, 0);
    top: 32px;
    right: 120px; width: 40px;}
	
	#header .headerContact {display: none;}
	#header .vatSwitch {width: 100%; box-sizing: border-box; padding: 0 20px;}
	
	.innerF ul li {padding: 10px!important;}
	.footerCall::before {display: none;}
	
	.topCats a {width: 98%!important;}
	
	.brandRow ul li {width: 48%; max-width: 180px;}
}

@media only screen and (max-width: 500px) {
	#header .headerLogin, #header .headerBasket {margin-top: 0!important;}
	#header .vatSwitch span.vatToggle {height: 12px; width: 1px; margin: 0 7px 0 7px;}
	#header .vatSwitch span.vatToggle::after {display: none;}
	
	.navResponse .newNavLi:last-of-type {display: block;}
	
	.innerF ul {width: 98%!important;}
	
	.tabProductBox ol li {width: 98%!important;}
}

@media only screen and (max-width: 400px) {
	.keyDeals a {margin: 0 0 10px 0!important; width: 100%!important;}
}

@media only screen and (max-device-width: 740px) {
	#header {height: 112px;}
	#header .homeLogo {margin-top: 5px; margin-left: 0;}
	#header .headerBasketV2 {top: 15px; background-size: 48px!important; width: 46px!important; right: 68px!important;}
	#header .headerBasketV2 .items {background-color: transparent!important; font-size: 1rem!important; text-indent: -4px;}
	.mobileNavBTN {top: 54px;}
	
	.mobileNavBTN span, .mobileNavBTN span::after, .mobileNavBTN span::before {background-color: #ffffff;}
	#header .headerLogin, #header .headerLogin:hover {top: 14px; right: 130px;}
	#header .headerLogin.noBasket {right: 73px;}
	#header:not(.LHM-on) .navtreeMobile .headerLogin, #header:not(.LHM-on) .navtreeMobile .headerLogin:hover {text-align: center; left: 23px!important; right: auto!important; color: #116db7!important; top: 17px!important;}
	#header.LHM-on .navtreeMobile .headerLogin {left: auto!important; right: 23px!important; text-align: center;}
	.navtreeMobile li.opened {background-color: #0d4795;}
	
	.navOuter {top: 72px;}
	.houseLink .activeHome {background-color: transparent!important; color: #fb7e0f!important;}
	
	#header #topSearch .topSearchBOX {border: 2px solid #ff800e; border-radius: 8px!important;}
	#header #topSearch .topSearchBTN {top: 0px!important; height: 42px!important; }
	
	#header:not(.scrollable) .ui-widget {top: 21px;}
	
	#wrapper:not(.indexWrapper) {padding-top: 190px;}
	
	.navResponse .newNavLi:last-of-type {display: none!important;}
	
	.topImage span {left: 20px; font-size: 1.6rem; line-height: 1.9rem; width: 70%; text-align: left;}
	.topImage span strong {font-size: 1.4rem; padding: 0!important;}
	.topImage::after {display: none;}
	
	.ntTile {height: 245px; background-size: 290px; background-position: -75px -20px;}
	.ntTile .ntTileInner {width: 60%; margin: 8% 5%; right: 0; padding: 2px 5px 0 5px;}
	.flip-clock-divider .flip-clock-label {padding-left: 11px;}
	.flip-clock-wrapper ul {width: 12.8%;}
	.flip-clock-wrapper ul li .tickBox div div.inn {font-size: 25px;}
	
	.whyBuy ol li {padding: 0!important; text-align: center; background-image: none!important;}
	
	.paganation {top: 272px;}
}