.easy-autocomplete{position:relative}.easy-autocomplete input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;color:#555;float:none;padding:6px 12px}.easy-autocomplete input:hover,.easy-autocomplete input:focus{box-shadow:none}.easy-autocomplete a{display:block}.easy-autocomplete.eac-blue-light input:hover,.easy-autocomplete.eac-blue-light input:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul li,.easy-autocomplete.eac-blue-light ul .eac-category{border-color:#66afe9}.easy-autocomplete.eac-blue-light ul li.selected,.easy-autocomplete.eac-blue-light ul .eac-category.selected{background-color:#ecf5fc}.easy-autocomplete.eac-green-light input:hover,.easy-autocomplete.eac-green-light input:focus{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul li,.easy-autocomplete.eac-green-light ul .eac-category{border-color:#41DB00}.easy-autocomplete.eac-green-light ul li.selected,.easy-autocomplete.eac-green-light ul .eac-category.selected{background-color:#9eff75}.easy-autocomplete.eac-red-light input:hover,.easy-autocomplete.eac-red-light input:focus{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul li,.easy-autocomplete.eac-red-light ul .eac-category{border-color:#ff5b5b}.easy-autocomplete.eac-red-light ul li.selected,.easy-autocomplete.eac-red-light ul .eac-category.selected{background-color:#ff8e8e}.easy-autocomplete.eac-yellow-light input:hover,.easy-autocomplete.eac-yellow-light input:focus{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul li,.easy-autocomplete.eac-yellow-light ul .eac-category{border-color:#ffdb00}.easy-autocomplete.eac-yellow-light ul li.selected,.easy-autocomplete.eac-yellow-light ul .eac-category.selected{background-color:#ffe233}.easy-autocomplete.eac-dark-light input:hover,.easy-autocomplete.eac-dark-light input:focus{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul li,.easy-autocomplete.eac-dark-light ul .eac-category{border-color:#333}.easy-autocomplete.eac-dark-light ul li.selected,.easy-autocomplete.eac-dark-light ul .eac-category.selected{background-color:#4d4d4d;color:#fff}.easy-autocomplete.eac-dark{color:#fff}.easy-autocomplete.eac-dark input{background-color:#404040;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark input:hover,.easy-autocomplete.eac-dark input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-dark ul{border-color:#333}.easy-autocomplete.eac-dark ul li,.easy-autocomplete.eac-dark ul .eac-category{background-color:#404040;border-color:#333}.easy-autocomplete.eac-dark ul li.selected,.easy-autocomplete.eac-dark ul .eac-category.selected{background-color:#737373;color:#f6f6f6}.easy-autocomplete.eac-dark-glass{color:#fff}.easy-autocomplete.eac-dark-glass input{background-color:rgba(0,0,0,0.8);border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark-glass input:hover,.easy-autocomplete.eac-dark-glass input:focus{border-color:rgba(0,0,0,0.8);box-shadow:0}.easy-autocomplete.eac-dark-glass ul{border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li,.easy-autocomplete.eac-dark-glass ul .eac-category{background-color:rgba(0,0,0,0.8);border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li.selected,.easy-autocomplete.eac-dark-glass ul .eac-category.selected{background-color:rgba(64,64,64,0.8);color:#f6f6f6}.easy-autocomplete.eac-dark-glass ul li:last-child,.easy-autocomplete.eac-dark-glass ul .eac-category:last-child{border-radius:0 0 4px 4px}.easy-autocomplete.eac-blue{color:#fff}.easy-autocomplete.eac-blue input{background-color:#6d9ed1;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-blue input::-webkit-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input::-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-ms-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:hover,.easy-autocomplete.eac-blue input:focus{border-color:#5A91CB;box-shadow:0}.easy-autocomplete.eac-blue ul{border-color:#5A91CB}.easy-autocomplete.eac-blue ul li,.easy-autocomplete.eac-blue ul .eac-category{background-color:#6d9ed1;border-color:#5A91CB}.easy-autocomplete.eac-blue ul li.selected,.easy-autocomplete.eac-blue ul .eac-category.selected{background-color:#94b8dd;color:#f6f6f6}.easy-autocomplete.eac-yellow{color:#333}.easy-autocomplete.eac-yellow input{background-color:#ffdb7e;border-color:#333;border-radius:4px;box-shadow:0;color:#333}.easy-autocomplete.eac-yellow input:hover,.easy-autocomplete.eac-yellow input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-yellow ul{border-color:#333}.easy-autocomplete.eac-yellow ul li,.easy-autocomplete.eac-yellow ul .eac-category{background-color:#ffdb7e;border-color:#333}.easy-autocomplete.eac-yellow ul li.selected,.easy-autocomplete.eac-yellow ul .eac-category.selected{background-color:#ffe9b1;color:#333}.easy-autocomplete.eac-purple{color:#333}.easy-autocomplete.eac-purple input{background-color:#d6d1e7;border-color:#b8afd5;box-shadow:0;color:#333}.easy-autocomplete.eac-purple input:hover,.easy-autocomplete.eac-purple input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-purple ul{border-color:#333}.easy-autocomplete.eac-purple ul li,.easy-autocomplete.eac-purple ul .eac-category{background-color:#d6d1e7;border-color:#333}.easy-autocomplete.eac-purple ul li.selected,.easy-autocomplete.eac-purple ul .eac-category.selected{background-color:#ebe8f3;color:#333}.easy-autocomplete.eac-bootstrap input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;color:#555;padding:6px 12px}.easy-autocomplete-container{left:0;position:absolute;width:100%;z-index:2}.easy-autocomplete-container ul{background:none repeat scroll 0 0 #ffffff;border-top:1px dotted #ccc;display:none;margin-top:0;padding-bottom:0;padding-left:0;position:relative;top:-1px}.easy-autocomplete-container ul li,.easy-autocomplete-container ul .eac-category{background:inherit;border-color:#ccc;border-image:none;border-style:solid;border-width:0 1px;display:block;font-size:14px;font-weight:normal;padding:4px 12px}.easy-autocomplete-container ul li:last-child{border-radius:0 0 2px 2px;border-width:0 1px 1px}.easy-autocomplete-container ul li.selected{background:none repeat scroll 0 0 #ebebeb;cursor:pointer}.easy-autocomplete-container ul li.selected div{font-weight:normal}.easy-autocomplete-container ul li div{display:block;font-weight:normal;word-break:break-all}.easy-autocomplete-container ul li b{font-weight:bold}.easy-autocomplete-container ul .eac-category{font-color:#aaa;font-style:italic}.eac-description .eac-item span{color:#aaa;font-style:italic;font-size:0.9em}.eac-icon-left .eac-item img{margin-right:4px;max-height:30px}.eac-icon-right .eac-item{margin-top:8px;min-height:24px;position:relative}.eac-icon-right .eac-item img{margin-left:4px;max-height:30px;position:absolute;right:-4px;top:-8px}
body { font-family: 'Montserrat';-webkit-font-smoothing: antialiased; margin:0px auto; position: relative;}
.wrapper {  transition: .2s; position: relative; }
ul {margin:0; padding:0;}
.inner { max-width: 1200px; width: 95%; margin:0px auto; padding:0px; position: relative;}
.topbar{background:#fff;letter-spacing:.05em; padding-top: 12px;}
.topbar .inner { width:95%; max-width:1200px; }
.topbar .tel {font-size:12px; text-transform:uppercase; float:left; color:#000; height:20px; line-height:20px; font-weight: bold}
.topbar .social {float:right; margin:0;}
.topbar .social i {height:20px; line-height:20px; color:#000; font-size:16px; transition:0.2s; float:left; padding:0px 0px 0px 15px;}
p.tel{height:40px;line-height:40px;margin:0}
a {outline: none;}
.static p { font-size: 14px; line-height: 26px; }
.loyaltyContent p { font-size: 14px; line-height: 26px; }
.loyaltyContent ul { margin: 20px; line-height: 37px; }
.loyaltyContent ul li{font-size:14px;}
.loyaltyContent strong{text-transform: uppercase; color: #2877c3;}
.loyaltyContent .loyalBoxes div{background-image: url(/images/78/loyalty-boxes.png); height: 232px; width: 184px; float: left; margin-right: 8px; position: relative;}
.loyaltyContent .loyalBoxes div p{color: #fff; font-weight: bold; padding: 5px; text-transform: uppercase; position: absolute; bottom: 18px; text-align: center; font-size: 12px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);}
.loyalBoxes div.loyaltySend{background-position: -184px 0;}
.loyalBoxes div.loyaltyReview{background-position: -552px 0;}
/*.header.low{margin-top:40px;}*/
.header{padding: 0; box-shadow: 0px 0px 0px;background:#fff; transition:all 0.2s; border:0; text-align: left;}
.header .inner { width:95%; padding:0px 0; max-width: 1200px; }
.header-padd { padding:25px 0; }
.menu ul{list-style:none; text-align:center; margin:0;padding:0; position:relative; max-width: 1200px; margin:0px auto; }
.menu ul li{ display: inline-block;}
.menu ul li a{display:block; height:50px; line-height:50px; font-weight:700; letter-spacing:.15em; padding:0px 25px; font-size: 12px; color: #555; cursor: pointer; text-transform: uppercase; transition: all 0.2s;}
.menu ul li:hover a, .menu ul li.active a { background: #ddd; color:#000; transition: all 0.2s;}
.menu ul li .sub { display: none; width: 100%; text-align: center; position: absolute; top: 50px; left: 0px; box-shadow: 0px 40px 40px rgba(0,0,0,0.1); padding:12px;background:#fff; z-index: 9990}
.menu ul li ul.sub li {display:block; text-align:left;}
.menu ul li .sub li.col { width: auto;text-align: left; margin:0px; float: none; display: block;}
.menu ul li .sub li a {  color:#444; transition:all .2s;  height: 30px; line-height: 30px; padding:0 15px; font-size:12px; text-transform: none; letter-spacing: none; font-weight: normal; background: none}
.menu ul li .sub li a:after { display: none; }
.menu ul li .sub li a:hover { color:#ED213A; transition:all .2s;}
.menu ul li#specialoffers a { color:red; }
.menu ul li#specialoffers:hover a {  }
.nav {width: 100%;background: #f1f1f1;  }
.toggle { height: 40px; line-height: 40px; width: 50px; text-align: left; font-size: 28px; margin:0px ; border:0; color: #000; display: block; position: relative; z-index: 9999; cursor: pointer; display: none; float: left; position: relative;}
.basketIcon { position: relative; }
.basketIcon span { position: absolute; top: 0px; right: 0px; height: 15px; width: 15px; line-height: 15px; text-align: center; font-size: 14px; background:none; color:#000; border-radius: 100%; font-weight: bold; }
.logo{height:auto;margin:0; width:15%;}
.logo img{height:40px;}
.src { display: none; }
.icons { float: right; width:15%; }
.icons a {float:right;height:40px; line-height:40px;color:#000;font-size: 1.2rem; text-transform: uppercase; font-weight: 700; width: auto; letter-spacing:.03em;}
.icons i {height:40px;line-height:40px; width:40px;color:#000;font-size:20px; transition: all 0.2s;}
.src:hover,.basketIcon:hover,.account-top:hover, .src:hover i,.basketIcon:hover i,.account-top:hover i { color:#666; cursor: pointer; transition: all 0.2s; }
.header.secure .logo img ,.header.secure .logo{ height: 40px; margin-top: 0}
.header.secure .logo {margin-left:10px; }
.header.secure .logo img {margin:0; }
.header.secure { position: static; box-shadow: 0px 0px 0px; padding:15px 0; background:#fff;}
.header.secure .inner { max-width: 1200px; }
a.securePay { height: 40px; background:none; border:1px #00d351 solid; color: #00d351; line-height: 40px; padding:0px 15px; border-radius: 0px; text-transform: uppercase; font-weight: bold; }
.search { position: absolute; width: 65%; right: 0; top:0px; left: 0px; bottom: 0px; margin:auto; background:none; height: 45px; z-index: 998; border-radius: 100px;  background:#fff; border:1px #ddd solid; max-width: 900px; }
.search.open { display: block; }
.search form input {height:45px; line-height: 45px; max-width: 600px; width: 90%; border:0px; -moz-appearance:none; -webkit-appearance:none; box-shadow: 0px 0px 0px;font-family: 'Montserrat'; font-size:14px; color:#000; border-radius: 0px;}
.search button { height:45px; line-height: 45px; font-size: 16px; background:none; color: #000; margin-right:0px;}
.search button i { color:#000; height: 45px; line-height: 40px; font-size:16px; }
.wrapper.open:after {background-color: rgba(0,0,0,0);content: "";display: block;height: 100%;left: 0;top: 0;position: absolute;width: 100%;z-index: 1;}
.margin-top { height: 70px; }
.step button, .btn { background:#000; border:0px; font-size:16px;}
.header .logo .white { display: block; }
.header .logo .norm { display: none; }
.fa-times{color:#fff;}
.mobProdOptions{display:none;}
p.prodcode { position: fixed; bottom:10px; left: 10px; padding:10px; border:1px #2c3e50 solid; margin:0px; background: #fff; }
.headStars { position: absolute; top: 15px; right: 0px; bottom: 0px; margin:auto; height: 20px; }
.headStars .stars { display: inline-block; vertical-align: top; margin:0 10px 0;}
.headStars .stars img { display: inline-block; vertical-align: top; }

.specialMessage { display: block; text-align: center; margin:10px auto; width: 100%; padding:10px; background: #ED213A; color:#fff; font-weight: bold; font-size:16px; text-transform: uppercase; letter-spacing: 0.03em; }
.stickyMessage {text-align: center; background:#000; font-weight: 800; height:42px; line-height: 42px; width: 100%; text-transform: uppercase; z-index: 200; font-size:12px; color:#fff; letter-spacing: 0.35em; color:#FFF;}
.stickyMessage.red { background:#ED213A; color:#fff;}
.stickyMessage a { display: block; color:#FFF; font-weight: bold;}
.stickyMessage.red a { color:#fff; }
.stickyMessage.orange { background:#FF9100; color:#000;}
.stickyMessage.orange a { color:#000; }

.banners { margin:0px auto 0px auto; max-width: 1200px; }
.banners img { display: block; width: 100%; }
.banners.mobile { display: none; margin:0px auto;}
.banners .slick-track { background:#000; }
.banners .slick-prev::before, .banners  .slick-next::before { color:#000; font-size: 32px;} 
.banners .slick-prev { left: -35px; }
.banners .slick-next { right: -35px; }

.tabs { text-align: center; border-bottom: 1px #ddd solid; margin-top: 20px;}
.tabs span { display: inline-block; height: 45px; line-height: 45px; padding:0px 20px; font-size:18px; font-weight: 700; position: relative; cursor: pointer; }
.tabs span:after { bottom: -1px; left: 0px; width: 0; height: 1px; background:red; content: ''; position: absolute; transition: all 0.2s;}
.tabs span.active:after { transition: all 0.2s; width: 100%; }
.content-tabs {}
.tabbed { display: none; padding:40px; border:1px #ddd solid; border-top: 0px; }
.tabbed.active { display: block; }
.tabbed .products.full .col { padding-bottom: 0 }

.singleBanner { background: #ED213A; background: -webkit-linear-gradient(to left, #93291E, #ED213A); background: linear-gradient(to left, #93291E, #ED213A); padding:50px 0 50px 0; margin:15px auto 15px auto; }
.singleBanner .banner-group { text-align: center; }
.singleBanner .banner-group h1 { color:#fff; font-size:52px; margin:0px; text-transform: uppercase; font-weight: 700;}
.singleBanner .banner-group p { font-size:16px; color:#fff; margin-top: 0px; text-transform: uppercase; }
.singleBanner .banner-group p strong { display: block; font-size:38px; line-height: 60px; }
.singleBanner .banner-group p span { display: block; font-size: 14px; }
.singleBanner .banner-group .ast { font-size:14px;display: inline-block; vertical-align: top; line-height: normal;}
.singleBanner .banner-group .btns { max-width:720px; margin:10px auto; margin-top: 20px; }
.singleBanner .banner-group .btn { display: inline-block; width:32%; font-size:14px; font-weight: 600; border:0px; border-radius: 0px!important; background:rgba(255,255,255,0.98); margin:2px; text-transform: none; text-align: left; padding:0px 12px; position: relative; color: #000}
.singleBanner .banner-group .btn i { position: absolute; top: 0px; right: 15px; bottom: 0px; margin:auto; height: 20px; line-height: 20px; }

h1.lead { font-size:32px; padding:5px 0px; margin:0px auto 0px auto; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 700; }
h2.lead { font-size:38px; padding:20px 0px; margin:20px auto 0px auto; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 700; background:#000; color:rgba(196,177,111,1);}
h2.lead span { display: block; font-size: 14px; margin:10px 0px 0; }

.article { padding:0 0 80px 0px; float: left; width:70%; margin-top: 30px; }
.inner.small { max-width: 900px;}
.article.full { float: none; width: 100%; }
.article img { display: block; margin: 10px 0px 20px 0px; width: 100%; border-radius: 0px; }
.article h1 { font-size: 48px; text-transform: uppercase; margin: 0px 0px 40px 0; }
.article h3 { font-size: 22px; text-transform: uppercase; }
.article h3 a { color:#000; text-decoration: underline; }
.article p { line-height: 32px; font-size: 16px; }
.article p.lead { font-size: 18px; text-align: center; }
.article ul { padding-left: 40px; }
.article li { line-height: 30px; font-size: 16px; }
.article p a, .article li a { color: #000; font-weight: bold; text-decoration: underline; }
.article p.meta { font-size: 12px; color:#777; text-align: center; font-weight: 600; }
.article .col { position: relative;  }
.article .col a { color: #000;  }
.article .col p { font-weight: bold; text-align: center; margin:0px;  width: 100%; padding:10px; font-size: 15px; color:#000; border-radius: 0px; text-transform: uppercase;}
.article.small .col p { font-size: 16px; }
.article .col img { margin:0; }
.article .col :hover { opacity: 0.8; }
.article .btn { width:35%; background:#fff; color:#000; font-size:14px; text-align:left;}

.article-menu { float: right; width:25%; margin-top: 30px; }
.article-menu .col { float: none; width:100%; margin:10px auto; }
.article-menu .col img { margin:0; display: block; width:15%; float: left; }
.article-menu .col p {font-weight: normal; text-align: left; margin:0px;  width: 80%; float: right; font-size: 16px; color:#000; border-radius: 0px; margin:0;}
.article-menu .col p span { display: block; margin-top: 5px; color:rgba(196,177,111,1); font-weight: bold; font-size:14px; }
.article-menu h3 { border:1px #000 solid; text-align: center; padding:12px 0px; margin: 0 0 15px 0; font-size:22px;  }

.homeLinks{padding:0px; text-align:center; }
.homeLinks a{color:#000; text-transform:uppercase; font-size:18px; font-weight:bold;}
.homeLinks:hover{opacity:0.7;}
.half{width:49.2%;}

.promos{position:relative; z-index:100;}
.promos .col { height:200px; position:relative; border:2px #fff solid; }
.promos .lean-muscle{border-color:rgba(196,177,111,1); color:#000;}
.promos .diet {border-color:rgba(30,75,109,1); color:#000;}
.promos .hardcore{border-color:rgba(173,27,30,1); color:#000;}
.promos .health{ border-color:rgba(97,177,65,1); color:#000;}
.promos .text{position:absolute; top:0; bottom:0; left:0; margin:auto; height:130px; width:100%; color: inherit; font-size:24px; text-align: center;}
.promos .text h2{text-transform:uppercase; margin-top:0px; font-weight: 900; font-size: 28px;}
.promos .text h2 span { display: block; }
.promos .btn{background:#000; font-size:16px; height:auto; width:200px; margin:auto; color:#fff;}
.inner.landing { padding:20px 0px; }

.dotd { height: 400px; background:#eee url(/images/79/deal-of-the-week.jpg) no-repeat 50% 50%; background-size: cover; padding:30px; }
.dotd h2 { font-size: 62px; margin-top: 0px; text-transform: uppercase; color:rgba(173,27,30,1); }

.newprods .prod-details{min-height:130px;}
.newprods .prod-details .prodTitle{font-size:12px; font-weight:700;height:50px; line-height:normal;}
.newprods .prod-details .prodTitle a{color: #000;}
.newprods .prod-details .prodPrice{font-size:14px; text-transform:uppercase; height:30px; line-height:30px;}
.newprods .imageFrame { position: relative; }
.newprods .imageFrame img { width: 90%; display: block; margin:0px auto;}
.newprods .prod-details .prodPrice span{color:red; font-weight:700;}
.newprods .discountUpsell { display: none; }

.offerBox .imageFrame{width:300px; float:left;}
.offerBox .prod-details{width:72%; float:left; padding:20px; border:1px dashed #00d351; height:300px; margin-left:14px; position:relative;}
.prod-details .offerTitle{font-size:26px; font-weight:900; margin:0; padding:0; text-transform:uppercase;}
.prod-details .offerCode{font-size:16px;text-transform:uppercase;}
.prod-details .offerCode span{border:1px dashed red; padding:10px; display:block; width:25%; text-align:center; margin:15px 0; font-size:18px;}
.prod-details .offerTerms{font-size:14px; height:80px;}
.prod-details .seeMore{position:absolute; bottom:20px; padding:10px 20px; font-size:18px; background:rgba(196,177,111,1); color:#fff;}

.tab-info ul li::before{height:38px; line-height:38px;}

.products .prod-details .offerCode span { width:80%; margin:10px auto; }
.btn.big { width:250px; font-size:20px; display: block; float: none; margin:15px auto; text-decoration: none!important;  }

.usp{ text-align: center; z-index:9; position:relative; padding:15px 0 15px 0; }
.usp .col { margin-top:0px; margin-bottom: 0px;}
.usp .col p{margin: 0px; padding: 0px 0; font-size: 11px; font-weight: 700; text-transform: uppercase; color:#555;letter-spacing: 0.09em;}
.usp .col p span { display: block; font-size: 9px; font-weight: normal; margin-top: 2px;}
.usp .col p a{color:#555;}
.usp .col p a:hover{color: #8D171A;}
.usp .col img {display: inline-block; vertical-align: middle; height: 15px;}
.about h1 { font-size: 22px;}
.about p { font-size: 16px;}

p.errorMsg { border:1px red dashed; font-size: 16px; color:red; padding:10px; text-align: center; }
.bmr { padding:0px 0px 60px 0px;  }
.bmr form hr { background:rgba(110, 203, 239,0.8); }
.bmr h1 { text-align: center; padding:20px 0px; margin-bottom: 20px; border-bottom: 1px #ddd solid; }
.bmr form h2 { font-size:18px; text-align: center; color:#000; margin-top: 0 }
.bmr form { float: left; width:40%; padding:40px; background:rgba(110, 203, 239,0.2); border-radius: 5px; border:1px rgba(110, 203, 239,0.8) solid; }
.bmr form input { display: block; width: 100%; padding:10px; border:1px rgba(110, 203, 239,0.8) solid; border-radius: 5px; margin:8px 0px; font-size:15px; }
.bmr form select { display: block; width: 100%; padding:10px; border:1px rgba(110, 203, 239,0.8) solid; border-radius: 5px; margin:8px 0px; font-size:15px; }
.bmr form label { display: block; font-size:14px; margin:5px 0; font-weight: bold; text-transform: uppercase; color:#000;}
.bmr form .btn { display: block; width: 100%;  font-size:20px; height: 50px; line-height: 48px; padding:0; margin:0px auto; background:rgba(110, 203, 239,0.9); letter-spacing: 0.05em; color:#fff; border:0; font-family: 'Roboto' }
.bmr form .half { width: 48% }
.bmr form .half.right { float: right }
.bmr .results { float: right; width: 55%; }
.bmr .results .boxes { float: left; width:50%; text-align: center; }
.bmr .results .boxes h2 { font-size:24px; }
.bmr .results .boxes h2 span { display: block; height: 100px; width: 100px; line-height: 100px; background:#fff; border:2px #000 solid; color:#000;text-align: center; margin:40px auto; border-radius: 100%; font-size:30px;}
.bmr .results p { font-size:16px; line-height: 30px; padding:20px; background:rgba(110, 203, 239,0.1); margin:0; text-align: center; }
.bmr table { border-collapse: collapse; display: none; width:100%; margin:20px 0px; }
.bmr table th, .bmr table td {font-size:14px; min-width: 50%; text-align: left;border:1px rgba(110, 203, 239,0.8) solid; padding:10px;}
.bmr table td[class], .bmr table th { text-align: center; font-weight: bold; }
.bmr table td select { display: block; border:1px #ddd solid; border-radius: 5px; width: 100%; padding:4px; }
.bmr table th {background:rgba(110, 203, 239,0.3); font-size:15px; }
.bmr table td table { margin:0; }
.bmr table th input { display: inline-block; margin-top: 10px; border:1px rgba(110, 203, 239,0.8) solid; padding:10px; border-radius: 4px; }
.bmr table th button { display: inline-block; margin-top: 10px; border:1px #000 solid; background:#000; padding:10px; color:#fff; font-weight: bold; border-radius: 4px; }

.mapTable{border-collapse: collapse; width: 100%; margin: 0px auto;}
.mapTable td, .mapTable th{background: #fff; border: 1px #ddd solid; font-size: 15px; padding: 12px;}
.mapTable tr:hover td{background: #eee;}
.mapDiv{height:500px;}
.mapDiv #vmap{margin:auto;}
.mapSection{padding:20px 0;}

#error p { padding: 8px; border:1px red solid; color:red; border-radius: 3px; background: rgba(255, 0, 0, 0.1); }
.videoHome{margin: 0 auto; text-align:center;}
.home-grid{margin:15px auto 0px auto;}
.home-grid h1 {font-size: 24px; margin:0px 0px 10px 0px; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 900;text-align: center; margin-bottom: 20px; }
.section.lg-pad { padding:30px 0px; }
.feature{margin:15px 0px; background:#EFEFEF;}
.feature .inner{height:300px; }
.feature .inner .two-quarter{position: relative; top:50px; left:15px;}
.feature h2{font-size: 26px; margin:0px; text-transform:uppercase; }
.feature p{font-size:16px; }
#footerSignUp {background:#fff; color: #000; padding: 60px 0px; text-align: center; font-size: 14px; margin:0 0px 0px 0;}
#footerSignUp input#footerEmail {display: block; padding: 18px; background:#f3f3f3; font-size: 16px; width: 100%; max-width: 350px; border-radius: 0px; margin:10px auto; border:0px; border-radius: 100px; text-align: center; font-family: 'Montserrat'}
#footerSignUp p {font-size: 14px; max-width: 90%; margin: 0px auto 20px auto; letter-spacing: 0.1em; }
#footerSignUp #joinBTN, .inlineBTN {width:90%; display: block; margin: 0 0 0 5px; height: 43px; line-height: 43px; padding: 0 15px; max-width:150px; border-radius: 0px; font-size: 16px; margin:10px auto; background: #fff; border:1px solid #000; color:#000; cursor: pointer; border-radius: 100px!important;}
#footerSignUp strong {font-size: 32px; display: block; margin-bottom: 10px; text-transform: uppercase;}
#footerSignUp .signupResult{width: 55%; margin: 0 auto; line-height: 30px;}

.floating-menu { position: fixed; bottom: 25px; right: 25px; z-index: 9998;}
.floating-menu i { height: 65px; width: 65px; border-radius: 100%; background:#ED213A; color:#fff; line-height: 65px; font-size:24px; text-align: center; box-shadow: 0px 0px 40px rgba(0,0,0,0.5); transition:all 0.3s; }
.floating-menu i:hover { cursor: pointer; }
.floating-menu i.fa-times { background:#000; transition:all 0.3s; color:#fff;  }
.coloured { background:#ED213A; height: 10px; position: sticky; top: 0px; left: 0px; border-radius: 10px 10px 0 0; }
.white-bottom { background:#fff; height: 10px; border-radius: 0 0 10px 10px;}
.pop-links .row { max-height: 500px; overflow-y: auto; }
.pop-links { position: absolute; bottom: 35px; right: 0px; width: 360px;background:#fff; box-shadow: 0px 0px 120px rgba(0,0,0,0.4); border-radius: 10px; opacity: 0; visibility: hidden; transition: all 0.5s;}
.pop-links a { display: block; padding:5px 0px; color:#000; font-family: 'Source Sans Pro';  transition: color 0.5s;}
.pop-links a:hover { color:#9DAF1F; transition: color 0.5s; }
.pop-links:after { position: absolute; content: '';width: 0; height: 0; border-left: 12px solid transparent;border-right: 12px solid transparent;border-top: 14px solid #fff; bottom: -14px; right: 20px; }
.pop-links.active { transition:all 0.5s; bottom: 72px; opacity: 1; visibility: visible;}
.pop-links h2 { background:#ED213A; color:#fff; padding:40px 20px 70px 20px; font-size:12px; letter-spacing: 0.1em; text-align: center;}
.pop-links h2 span { font-size: 24px; display: block; }
.pop-links .container { width: 80%; box-shadow: 0px 0px 30px rgba(0,0,0,0.12); padding:25px; margin:10% auto 10% auto; background:#fff; border-radius: 5px; }
.pop-links .container.first { margin-top: -40px; }
.pop-links .container h3 { letter-spacing: 0.1em; text-transform: uppercase; font-size:12px; margin:0px 0px 10px 0px; text-align: center; color:#555;  padding-bottom: 10px; position: relative;}
.pop-links .container h3:after { position: absolute; bottom: 0px; left: 0px; right: 0px; width: 20px; background:#ED213A; height: 1px; margin:auto; content: ''; }
.pop-links .container p { font-size:13px; line-height: 20px; text-align: center; color:#555; letter-spacing: 0.05em;}
.pop-links .container a { display: block; font-family: 'Montserrat'; font-size:12px; padding:12px 0px 12px 40px; border-bottom:1px #eee solid; margin-bottom: 10px; position: relative;}
.pop-links .container a i { height: 30px; width: 30px; line-height: 30px; background:none; color:#333; box-shadow: 0 0 0; font-size:12px; display: inline-block; margin-right: 5px; border-radius: 10px; position: absolute; top: 0px; bottom: 0px; right: 0px; margin:auto;}
.pop-links .container a i.first { float: none; font-size:16px; right: auto; left: 0px; }
.pop-links .container a span { display: block; font-size:11px; color:#ED213A;}
.pop-links a.btn { float: left; width: 48%; color:#fff; padding:0px; height: 40px; line-height: 40px; letter-spacing: 0.1em; }
.pop-links .btn.right { float: right; background:#00d351;} 
.pop-links a.btn.copied { background:#ccc; color:#000; }
.pop-links input#code { background:none; border:0px; display: inline-block; font-size:12px; width: 90px; overflow:visible; font-weight: bold; }
.pop-links ::-webkit-scrollbar {width: 0px;}
.pop-links ::-webkit-scrollbar-track {background: none;}
.pop-links ::-webkit-scrollbar-thumb {background: none;border-radius: 100px;}
.pop-links ::-webkit-scrollbar-thumb:hover {background: ;}
#signupPage {background:#eee; color: #000; padding: 60px 0px; text-align: center; font-size: 14px; margin:0 0px 0px 0;}
#signupPage input#emailSignupPage {display: block; padding: 10px; border: 1px #000 solid; font-size: 16px; width: 100%; max-width: 350px; border-radius: 0px; margin:10px auto; }
#signupPage p {font-size: 16px; max-width: 800px; margin: 0px auto 20px auto; }
#signupPage #joinBTN, .inlineBTN {width:90%; display: block; margin: 0 0 0 5px; height: 43px; line-height: 43px; padding: 0 15px; max-width:350px; border-radius: 0px; font-size: 16px; margin:10px auto; background: #000; border:1px solid #000; cursor: pointer;}
#signupPage strong {font-size: 32px; display: block; margin-bottom: 10px; text-transform: uppercase;}
#signupPage .signupResult{width: 55%; margin: 0 auto; line-height: 30px;}

.footer { padding: 60px 0px; background:#f6f6f6;  margin:0 auto; }
.footer a{display: block; color: #666; padding:5px 0px 5px 0px; text-decoration: none; font-size: 14px; }
.footer a:hover {color: #000; }
.footer h2{ font-size: 16px; margin: 0px 0px 15px 0px; color: #000; font-weight: 700; text-transform: uppercase; }
.footer p.copyright { font-size: 14px; }
.footer p.copyright a { display: inline-block; }
.social{margin:0px 0px 20px 0px;}
.social strong{display:block; margin-bottom:5px;}
.social a{text-align:center;}
.feefo-icon{margin:20px 0;}
.feefo-icon img{width:40%;}
.footer .social a{height: 45px; width: 45px; line-height: 45px; float: left; padding: 0; border-radius: 100%; font-size: 20px; margin-right: 5px; color: #fff; background:#000;}
.mobile-footer{display:none;}
.payment-icons img { display: inline-block; margin:0 2px; border:1px #ccc solid; }
.btn {border-radius: 3px!important; }
.btn:hover { cursor:pointer; opacity:0.7; }
.btn.disabled {background:#ddd!important; color:#aaa; cursor:not-allowed; }

.inner.referral { max-width: 900px; margin:30px auto;  }
.inner.referral h1 { font-size:30px; margin:0; color:#fff; background:#000; padding:30px 0 0; text-transform: uppercase;}
.inner.referral h2 { font-size: 24px;  margin:0px auto; color:#fff; background:#000; padding:20px 20px 30px 20px;  }
.inner.referral h2 i { display: block; font-size: 28px; margin:0px auto 20px auto; height: 50px; width: 50px; line-height: 50px; border:2px rgba(196,177,111,1) solid; color: rgba(196,177,111,1); border-radius: 100%; }

p.dCode { border:1px red dashed; font-size: 20px; color: red; margin:0px 20px; border-radius: 4px; padding:15px 0px; text-transform: uppercase; }

form#contactForm label { display: block; font-size: 16px; width: 100%; }
form#contactForm input { display: block; padding:10px; width: 100%; margin:5px 0; height:40px; font-size:14px;}
form#contactForm .btn {padding:0px 10px;}
form#contactForm textarea { display: block; padding:10px; width: 100%; margin:5px 0; -moz-appearance:none; -webkit-appearance:none; font-family: sans-serif; font-size: 14px; letter-spacing: 0.04em; font-weight: normal;}
.contactFormContent{padding-right:20px; border-right:1px solid #ddd;}

.accountStuff h2 { margin:0px 0px 20px 0px; padding:0px 0px 20px 0px; }
.accountStuff h2 i { display:block; font-size:34px; margin-bottom:20px; }
.inner.account { margin:20px auto; padding:60px 0px; background:#f5f5f5;}
.inner.account.loggedIn { background:#fff; max-width: 1200px; width: 90%; padding:20px 0; }
.step.accountLogin { background:none; border:0px; }
.step.accountLogin { background:none; border:0px; }
.step.accountLogin label { color:#000; text-align: center; }
.step.accountLogin input { background:#fff; border:1px #ddd solid; color:#000; box-shadow: 0 0 0; border-radius: 100px; text-align: center;}
.step.accountLogin a { color:#000; font-size: 16px; display: block; text-align: center; width: 100%; margin:10px 0; }
.step.accountLogin .btn { background:#fff; color:#000; border:1px #000 solid; float: none; width:100%; border-radius: 100px!important; max-width: 120px; display: block; margin:10px auto;}

#accMenu h3 { font-size:14px; border:1px solid #000; position:relative; border-radius:4px; margin-top:0px; padding:30px 0px 30px 80px; font-weight:400; }
#accMenu h3 span { position:absolute; left:10px; top:20px; height:55px; width:55px; line-height:55px; text-align:center; background:#000; color:#fff; border-radius:100%; font-weight:bold; }
hr  { margin:15px 0px; border:0px; height:1px; background:#f8f8f8; }
#accMenu .sect { background:#f8f8f8; border-radius:4px; }
#accMenu .sect a i { width:40px; margin-right:5px; text-align:center; font-size:16px; }
#accMenu .sect a { display:block; padding:15px 0; border-left:4px transparent solid; color:#000; letter-spacing:0.05em; font-size: 14px; }
#accMenu .sect a:hover { cursor:pointer; background:#f4f4f4; }
#accMenu .sect a.active { border-color:#8D171A; font-weight:bold; background:#f4f4f4; }
#accMenu .sect a.active i { border:#d1692d; }
.btn.black-outline { background:none; color: #000; border:1px #000 solid; }
.btn.green { background:#00d351; color: #fff; border:1px #00d351 solid; }

.orderDetail { background:#fff; padding:10px 20px; margin-bottom: 15px; border-radius: 4px; border:1px #ddd solid; }
.orderDetail .sep { background:#ddd; height: 1px; margin:10px 0px; clear: both; }
.orderDetail img { display: block; width: 100%; }
.loyaltyBtns { max-width: 400px; margin:0px auto 20px auto; }

.orderLines { background:#fff; padding:10px 20px; border-radius:4px; margin-bottom:15px; }
.orderLines .sep { background:#ddd; height:1px; margin:10px 0px; clear:both; }
.orderLines .sec-sep { background:#eee; height:1px; border:0px; margin:10px 0px; clear:both; }

.homepage h2{font-size:18px; text-transform:uppercase;}
.homepage p{font-size:16px;}
.content { position: relative; }
.content ul{margin:20px; line-height:37px;}
.content ul li{font-size:14px;}

.deliveryBox { padding:20px; background:#f7f8fa; }
.deliveryBox p { font-size: 11px; color: #555; padding-left: 40px; position: relative; margin:0; text-transform: uppercase; letter-spacing: 0.05em}
.deliveryBox i { position: absolute;left: 0px; top: 2px; font-size: 24px; color: #555 }
.deliveryBox span { display: block; font-size: 20px; font-weight: 900; }

.delGroup{ }
.deliveryBox2 { text-align:center; background:#f7f8fa; position: relative;}
.deliveryBox2 a { color:#fff;}
.deliveryBox2 p { font-size:20px; font-weight:bold;margin:10px;}
.deliveryBox2 span { display:block; font-size:14px; font-weight:normal; }

.footertext{ padding:20px 0px; margin:20px 0px; border-top: 1px dashed #ddd; }
.footertext p {}

.widget { padding:30px 0px; background:#fff; }
.widget.alt { background:#f8f8f8; }

.stars { background: url('/images/stars.png') no-repeat; text-align: left; }
.stars span { background: url('/images/stars.png') no-repeat; display: block; }
.stars { height: 15px; width: 86px; margin:10px auto; background-position: 0px -15px; }
.stars span{ height: 15px; width: 0px; background-position: 0px 0px; }
.totalStarReviews { text-align: center; margin-top: 5px;}

.inner.counter {  }
#counterHead .inner { text-align: left; background-color:#fff!important; padding:12px 0; margin-bottom: 0px; color: #333; text-align: center; border-top: 1px #ddd solid; }
#counterHead > * { color: #333; }
#counterHead.white > *, #counterHead.white { color: #333 }
#counterHead h1 { font-size: 24px; margin:0px 0px 10px 0px; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 900;color: inherit; text-align: center;}
#counterHead p { font-size:14px; line-height: 26px; color: inherit; max-width: 100%; margin:10px auto; text-align: center; }
#counterHead.counter h1 { color: inherit; font-size: 24px;  position: relative; margin:0 0 15px 0px;}
#counterHead.counter h1:after { height: 1px; width: 60px; background:#ED213A; position: absolute; bottom: -7px; left: 0px; right: 0px; margin:auto; content:''; }
#counterHead.counter p { color: inherit;  font-size: 12px; padding:0px 20px; width: 90%; margin:10px auto;}
#counterHead.counter p a { color:inherit; font-weight: bold; }
.crumbs {color: #000; margin:5px auto; font-size: 10px; text-transform: uppercase; letter-spacing: 0.04em; padding:5px 0; background:none;}
#counterHead .crumbs { margin:0px; color: #000; text-align: center; margin-bottom: 20px; }
.article .crumbs { text-align: center; }
.crumbs span { color:#333; padding:0px 10px; }
.crumbs a { color:#000; }

.article .crumbs { text-align: center; }
.crumbs span { color:#777; padding:0px 10px; }
.crumbs b {font-weight:400;}
.crumbs a { color:#777;}
.crumbs a:hover { color: #d1692d; }
#counterHead .crumbs a { color: #000; }


.newFilters {padding:0 0 0px 0px; color:#444; margin-bottom: 15px; position: relative; z-index:997}
.newFilters:after { content: ''; display: block; clear: both; }
.newFilters span, .filter-sub { display: inline-block; height: 50px; line-height: 50px;}
.newFilters .filter-sub { float: left; }
.filter-sub {  min-width: 180px; }
.filter-sub.sorting { position: relative; }
.newFilters span { font-weight: bold; padding:0px 20px 0 0; }
.filter-sub span { display: block; padding: 0px 60px 0px 20px; position: relative; border: 1px #ddd solid; color:#444; cursor: pointer; margin-right: 5px;}
.filter-sub span i { position: absolute; right: 20px; top: 0px; bottom: 0px; margin:auto; font-size:12px; height: 20px; line-height: 20px; }
.filter-sub span.active { border-color:#ddd; background:#eee; color:#000;}
.dropdown { display: none; position: absolute; top: 49px; left: 0px; background:#fff; width: 100%; z-index: 4; padding: 20px; z-index: 999; border:1px #ddd solid; box-shadow: 0 20px 20px rgba(0,0,0,0.2)}
.dropdown label { line-height: normal; padding:3px 0; color:#000; border:1px #ddd solid; margin:3px; padding:15px 10px; display: inline-block!important; max-width: 200px;}
.dropdown label::before,.dropdown label::after { top: 15px!important; left: 10px!important }
.dropdown.active { display: block; }
.filter-sub.sorting .dropdown { width: 320px; }
.dropdown p { font-weight: bold; margin:0 0 10px 0; line-height: normal; }
.filter-sub.sorting .dropdown label { display: block!important; width: 100%; max-width: 100%; }
.despatch-timer { float: right; border-bottom:1px #ED213A solid; padding:0; }
.despatch-timer p { margin:0px; height: 50px; line-height: 50px; color:#444; font-size:13px; text-transform: uppercase; letter-spacing: 0.01em; font-weight: 600;}
.despatch-timer p span { padding:0;color:#ED213A; width:26px; text-align: right; font-size:16px; vertical-align: middle; }

.brandFilter {  padding:0; margin-bottom: 20px; overflow:hidden;}
.brandFilter .col { margin-top: 0px; margin-bottom: 0px; }
.brandFilter .col.first { height:70px; display: flex; align-items: center; background:#000; position: relative;}
.brandFilter .col.first:after {width: 0; height: 0; border-left: 50px solid transparent;border-right: 40px solid #fff;border-top: 70px solid transparent; position: absolute; right: 0px; top: 0px; content: ''}
.brandFilter .col.first h3 { display: block; padding-right:20px;font-size:16px; color:#fff; text-align: center; width: 100%;}
.brandFilter .col.three-quarter { height: 70px; padding:0px 20px; background:#fff;}
.brandFilter .col .brand { height: 70px; text-align: center; position: relative; outline: none; cursor: pointer; }
.brandFilter .col .brand:after {content: "\f058";font-family:FontAwesome; font-weight: 100; position: absolute; bottom: 20px; top: 0px; left: 0px; right: 0px; margin:auto; height:30px; width:30px; background:#fff;text-align: center; color:green; font-size:24px; display: none; border-radius: 100%; line-height: 30px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2)}
.brandFilter .col .brand.active:after { display: block; }
.brandFilter .col .brand span { display: block; margin:0px auto; height: 20px; line-height: 20px; font-weight: bold; }
.brandFilter .col img { height: 50px; display: block; margin:0px auto; }
.brandFilter .col .brand.active img { opacity: 0.5	 }
.brandFilter .col .brand.active span { color:green;	 }
.slick-prev::before {content: "\f053";font: normal normal normal 15px/1 FontAwesome; }
.slick-next::before {content: "\f054";font: normal normal normal 15px/1 FontAwesome; }

div#sortBar { border-radius: 0px; overflow: visible; padding: 0 0 0 10px; border:0; background:#fff; margin-top:0px; position: relative; border-radius: 0;}
.sortBy {margin:10px 0; border-radius: 5px; padding:10px; }
div#sortBar label, div#pagination { line-height: 30px; display: inline-block; text-transform: uppercase; font-weight: 600; font-size: 12px; }
#sortFilter { border-bottom: 1px #000 solid; }
div#sortBar select { height: 30px; -webkit-appearance:none; -moz-appearance:none; line-height: 30px; border:0px;padding:0px 10px; margin-left: 10px; border-radius: 0px; background:none; color: #000; line-height: 30px; text-transform: uppercase; font-size: 12px; text-align: center;}
div.sidemenu { width: 20%; top: 10px; /*position: sticky;*/}
div#sidemenu h2 { margin:0; color:#444; border:1px #f7f8fa solid; border-bottom: 0px; font-size: 14px; padding:10px 0;text-transform: none; font-weight: 600; }
div#sidemenu div.menuBox {width: 100%; margin-bottom:15px; border-radius: 0px 0px 5px 5px;}
div#sidemenu h3 {font-size: 14px; padding:12px 0; font-weight: 700; border-bottom:1px #000 solid;}
div#sidemenu h3 a{color:#000;}
div#sidemenu label {color: #000; display: inline-block; margin-bottom: 10px; margin-left:0; text-transform: capitalize; width: 100%; font-size: 12px;}
div#sidemenu label.sizeLabel {display: inline-block; margin-bottom: 8px; width: 95px;}
div#sidemenu label span {color: #666; font-size: 12px;}
div#sidemenu select {border: 1px solid #999;}
div#sidemenu i.icon-help-circled {cursor: pointer; font-size: 18px;}
div#sidemenu i.icon-help-circled:hover {color: #004b39;}
div#sidemenu div.filterSub h3 {position: relative; margin: 0; font-weight: 700; background:#fff; color: #000}
div#sidemenu div.filterSub h3 a{color: #000}
div#sidemenu div.filterSub h3 a:hover{color: #5aa3cf}
div#sidemenu div.filterSub h3.hasSub:before { position: absolute;right: 15px; top: 10px; content: '+'; }
div#sidemenu div.filterSub h3 span {color: #444; float: right; margin-right: 5px; transition: all 0.4s ease 0s;}
div#sidemenu div.filterSub h3:hover, div#sidemenu div.filterSub h3:hover span { cursor: pointer;}
div#sidemenu div.filterSub h3:hover span {color: #444; font-size: 16px; margin-right: 3px; transition: all 0s ease 0s;}
div#sidemenu div.filterKeys {margin: 0 0; display:block; padding:10px 0px;}
div#sidemenu div.filterKeys a {display:block; color:#000; font-family: 'Montserrat'; font-size: 12px; padding:12px 15px 12px 30px;}
div#sidemenu div.filterKeys a:hover, div#sidemenu div.filterKeys a.active, div#sidemenu h3 a:hover, div#sidemenu h3 a.active, div#sidemenu label:hover {color:#5aa3cf}
div#sidemenu p.selectedOptions i {cursor:pointer; font-size:14px; color:#900; transition:0.2s; margin-right:5px;}
div#sidemenu p.selectedOptions i:hover {color:#666}
#filterMenu.menuBox { border:0px!important; margin:0px!important; }
#Fmenu h2 { border:0px!important; border-bottom: 1px #f7f8fa solid!important; }
[type="checkbox"]:not(:checked), [type="checkbox"]:checked, [type="radio"]:not(:checked), [type="radio"]:checked {left: -9999px; position: absolute;}
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label, [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {cursor: pointer; padding-left: 30px; position: relative;}
[type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before, [type="radio"]:not(:checked) + label::before, [type="radio"]:checked + label::before {background: #f8f8f8 none repeat scroll 0 0; border: 1px solid #000; content: ""; height: 17px; left: 0; position: absolute; top: 0; width: 17px;}
[type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after, [type="radio"]:not(:checked) + label::after, [type="radio"]:checked + label::after {color: #00d351!important; content: "\2713"; font-size: 22px; font-weight: 700; left: 2px; line-height: 0.8; position: absolute; top: -2px; transition: all 0.1s ease-in 0s;}
[type="checkbox"]:not(:checked) + label::after, [type="radio"]:not(:checked) + label::after {opacity: 0; transform: scale(0);}
[type="checkbox"]:checked + label::after, [type="radio"]:checked + label::after { opacity: 1; transform: scale(1);}
p.selectedOptions { margin:0px;font-size: 12px; border-bottom:1px #f7f8fa solid; padding:12px 15px; line-height: normal; }

.products .col { text-align: center;position: relative; width: 23.8%; margin: 1.2% 0 1.2% 1.6%;  padding-bottom: 20px; border-bottom:1px #ddd solid; z-index: 99; transition: all 0.3s;}
.products.full .col { }
.products.full .col.first { margin-left: 0 }
.products .col.active { position: relative; z-index: 120; background:#fff;  transition: all 0.3s; transform: scale(1.1);}
.products .col.first { margin-left: 0px; }
.products .col.center { margin: 1% auto; float: none; display: block; max-width: 400px; width: 100%;}
.products .col:hover, .products .col.active {}
.products .col:hover { border-bottom:1px #ED213A solid;}
.products .col.active { border-color:#000;}
.products .col .flavours { position: absolute; top: -1px; opacity: 0; width:120px; background:#000; color:#fff; left: 0px; z-index: 101; padding:8px; border-radius: 3px 0 0 3px; box-shadow: -20px 0px 20px rgba(0,0,0,0.2);-webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.products .col .flavours span { display: block;padding:3px 0; }
.products .col:hover .flavours {opacity:1;left: -120px; -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.products .col.active:hover .flavours {opacity:0;left:0; -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275);transition:all 600ms cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.products .col .btn { width:40px; opacity: 0; -webkit-transition: all 300ms;transition:all 300ms; position: absolute; bottom: -20px; left:0px; margin:auto;right: 0px; height: 40px; line-height: 40px!important; font-size:20px; border-radius: 100%!important; background:#00d351; box-shadow: 0px 0px 20px rgba(0,0,0,0.2)}
.products .col .btn.black-outline { right: auto; left: 10px; }
.products .col:hover .btn, .products .col.active .btn { opacity: 1; -webkit-transition: all 300ms;transition:all 300ms; }
.products .col .imageFrame {  border-radius: 0; position:relative; z-index: 99; }
.products .col .imageFrame img { width: 100%; display: block; }
.products .col .flash {  }
.products .col p.discountUpsell { font-size: 11px; padding:7px 4px; margin:0px;border:0px; text-transform: capitalize; font-weight: 700; position: absolute; bottom: 0px; left: 0px; background:#ED213A; color:#fff; width: 100%; text-align: center;}
.products .col p.discountUpsell i { display:none; margin-right: 5px; }
.products .col p.prodTitle { font-size:12px;font-weight: 600; overflow: hidden; margin: 10px 0 0px; padding:0px 8px; text-transform: none;height: 50px; line-height: 18px; letter-spacing: 0.05em;}
.products .col p.prodTitle a { color: #000; }
.products .col p.prodTitle span { display: block; font-size: 13px; color:#999; font-weight: 400; margin-top: 3px; text-transform: none; letter-spacing: 0.03em; }
#starHolder.shopStars { padding:0; z-index: 9; font-size:12px; background:none; color:#000; position: static; }
#starHolder.shopStars .stars { display: inline-block; margin:0px 0px 0 0; }
.products .col p.prodPrice { font-size: 18px;  margin:0; text-transform: uppercase; height: 30px; line-height: 30px; margin-top: 10px;}
.products .col p.prodPrice span { color: #ED213A; font-weight: 700;}
.products .col p.prodPrice strike { color: #aaa; font-weight: 500;}
.products .col .prod-details { padding:12px; border-radius: 0px; }
.products .col a.btn {}

.quickBuy { position: absolute; left: 0px; bottom: 0px; right: 0px; background:rgba(241, 242, 246,0.98); display: none; z-index: 100; padding:30px 0px 0px 10px; text-align: left; }
.quickBuy select { display: block; width:90%; margin:10px auto; border:1px #000 solid; padding:12px; }
.quickBuy span.close { font-weight: bold; cursor:pointer; border-radius:3px; display: block; padding:5px 10px; color:#fff; background:#000; position: absolute; top: 5px; right: 10px;}
.quickBuy p{ margin: 0px 0px 15px 0; text-align: left; font-weight: bold; padding:0px 0px 0px 10px; }
.quickBuy .optionSlider {height: auto;width: auto;white-space: nowrap;overflow-x: auto; padding:20px 10px 30px 0px;}
.quickBuy .optionSlider button.optionBTN { display: inline-block; float: none; height: auto; text-align: left; line-height: normal; padding:10px; box-shadow: 0px 0px 5px rgba(0,0,0,0.1); margin:0px 10px 0px 0px; font-size:12px; }
.quickBuy .optionSlider button.optionBTN:hover {; box-shadow: 0px 0px 5px rgba(0,0,0,0.3); }
.quickBuy .optionSlider button.optionBTN strong { display: block; font-weight: bold;}
.quickBuy .optionSlider button.optionBTN span { display: block; text-decoration: none; font-weight: normal; float: none; color: red; padding:2px 0px; background:none;}
.quickBuy .optionSlider button.optionBTN span i { margin-right: 5px; }
.quickBuy .optionSlider button.optionBTN span.oos { color: red; }
.quickBuy .optionSlider button.optionBTN span.inStock { color: green;}
.quickBuy .optionSlider button.optionBTN.active span{ color:white; }
.stickyAdd { position: fixed; bottom:0px; left: 0px; width:100%; z-index: 999; }
.stickyAdd .btn { background:rgba(16, 172, 132,0.9); position: absolute; right:0px; bottom:0px; margin:0px; border-radius: 0!important; font-size:26px; height:70px; line-height: 70px; width:100%; box-shadow: 0px 7px 25px rgba(0,0,0,0.5); letter-spacing: 0.1em; font-weight: 800; z-index: 998; }
.stickyAdd .quickBuy { position: relative; padding-top: 30px;z-index: 999;  }
.quickBuy span.close { top: 10px; }
.quickBuy .optionSlider button.optionBTN { border:0px; }

.circ{opacity: 0;stroke-dasharray: 130;stroke-dashoffset: 130;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
.tick{stroke-dasharray: 50;stroke-dashoffset: 50;-webkit-transition: stroke-dashoffset 1s 0.5s ease-out;-moz-transition: stroke-dashoffset 1s 0.5s ease-out;-ms-transition: stroke-dashoffset 1s 0.5s ease-out;-o-transition: stroke-dashoffset 1s 0.5s ease-out;transition: stroke-dashoffset 1s 0.5s ease-out;}
.drawn + svg .path{opacity: 1;stroke-dashoffset: 0;}
#tick {height: 50px;position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}


.flash { position: absolute; top: 10px; left: 10px; width:auto; z-index: 98; color: red; font-size:14px;}
.prodimage .flash { right: auto; left: 15px; top: 50px; }
.flash12 {  padding: 5px 0; width:auto; z-index: 98; background-color: #000;color: #fff; font-size:13px; display: block; text-align: center;}
.prodimage .flash12 { right: auto; left: 15px; top: auto; bottom: 15px; }
.flash.text { position: static; display: block; padding:10px 0px; text-align: center; background:#000; color:#fff;}
.a-right { text-align:right; }

.flash.newflav{left:auto; right:10px; color:#fff; background:#C4B16F; padding:5px 15px; text-transform:uppercase; font-weight:700; letter-spacing:0.03em;}
.flash.newprodtag{left:auto; right:10px; color:#fff; background:#00a8ff; padding:5px 15px; text-transform:uppercase; font-weight:700; letter-spacing:0.03em;}
.flash.onsale{left:15px;color:#fff; background:#ED213A; padding:0; height:40px; width:40px; border-radius: 100%; font-size:12px; line-height: 40px; text-align: center; text-transform:uppercase; font-weight:700; letter-spacing:0.03em; border-radius: 100%}

.students{background:#333; padding:20px; width:50%;}
.students p{text-align:center;}
.students a{color:#AB9240; font-size:24px; text-align:center;}
.alsoLike{text-align:center; line-height: 32px; font-size: 14px; color: #555;}
.alsoLike .prodBox{width: 240px; display: inline-block; background: #555; padding: 15px 0px; margin: 10px;}
#alsoLike h2 { font-size:20px; text-transform: uppercase; letter-spacing: 0.03em; }

.inner.static { padding:40px 0; }
.inner.product { padding:0px 0px 20px 0px;  }
.viewPopup { position: absolute; top: 8px; left: 0px; right: 0px; margin:auto; background:#fff; box-shadow: 0px 0px 70px rgba(0,0,0,0.2); z-index: 99; width: 290px; padding:10px 20px 10px 70px; border-radius: 0px; font-size:12px; }
.viewPopup strong { color:#ED213A; }
.viewPopup i { position: absolute; left: 15px; top: 0px; bottom: 0px; margin:auto; height: 40px; width: 40px; line-height: 40px; text-align: center; font-size:28px; color:#ED213A;}
.prod-lead { position: relative; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px;}
.prod-lead h1,.prod-lead h2 {  margin:0 0 5px 0; font-size: 22px;color:#000; }
.prod-lead h1 span { display: block; font-size: 15px; font-weight: 400; text-transform: none; color: #888 }
.prod-lead.multi { text-align: center; margin:0;}
.prod-lead.multi  h1 {margin:0; font-size:34px;}
p.brandLink { margin:5px 0px 0; padding:5px 0;font-size:13px; }
p.brandLink a { color:#000; }
p.brandLink span { padding:0px 4px; }
.prodStars { margin:10px 0; width:100%; text-align: left; }
.prodStars .innerstars { margin:0; display: inline-block; width:105px; }
.prodStars .reviewText { font-size: 12px; margin:0; line-height:16px; text-align: center; display: inline-block; vertical-align: middle; padding-left: 5px; line-height: 16px; }
#prodIntro { margin:15px 0px; font-size: 16px; line-height: 26px; color: #666; border-bottom:1px #ddd dashed; padding-bottom: 15px; }
#prodIntro strong { border:1px #d1692d solid; color: #d1692d; font-size: 14px; text-transform: uppercase; padding:5px 10px;width:100%; display: inline-block; text-align: center; margin-bottom: 10px; border-radius: 4px;}
.prod-usp-boxes{border: 1px #d1692d solid;color: #d1692d;font-size: 14px; text-transform: uppercase; padding:10px 4px; display: inline-block; text-align: center; border-radius: 4px;}
.price { padding:0 0 20px 0; text-align: left; border-bottom: 1px #ddd dashed; margin: 0 0 15px 0; }
p.thePrice { font-size: 22px;line-height: normal;font-weight: 700;letter-spacing: .02em;color: #ED213A;margin:0; display: inline-block;}
p.thePrice span { font-weight: 900; color:#ED213A;  }
p.thePrice span strike{ font-weight: 700; color:#ccc; font-size:22px;  }
span.rrp { color:#bbb; font-size:22px; margin-right: 5px; padding-right: 5px; font-weight: 700; border-right:1px #ccc solid}
.youPay { display: inline-block; font-size:22px; color:#ED213A; font-weight: 900; margin:0; padding-left: 10px; margin-left: 5px; border-left: 1px #ccc solid;  }
span.thsSavePrice{font-size:14px; color:#ED213A; margin-top: 0px;display: block; }
.thsp{color:#2c3e50; font-size:14px;}
.thsp:hover{color:#c0392b;}
.theCode { color:#999; font-weight: bold; font-size:14px; margin:5px 0; }
p.perServing{font-size:14px; margin: 10px 0 0px; font-weight: 400; display: inline-block;}
span.serving{color:#000; }
span.cps{color:#777; }
.prodimage { float: left; width: 47%; vertical-align: top; border:0; position: relative; cursor: pointer; }
.prodimage .flash { top: 10px; right:auto; left:0px; font-size: 14px; letter-spacing: -0.05em; height: 60px; line-height: 60px; width: 60px; font-weight: bold;}
.prodimage .flash.newprodtag { height: auto; line-height: normal; width:auto; }
.prodimage .mainImage {  min-height: 250px; position: relative;cursor: pointer; position: relative;margin-bottom: 5px; }
.prodimage .zoomImage { display: none; }
.prodimage .thumbs {  }
.prodimage .thumbs span { display: block; float: left; margin:8px 8px 8px 0px; height: 45px; width: 45px; border:1px #ddd solid; padding:0px;  transition:.2s all;}
.prodimage .thumbs span:hover { border-color: #d1692d; cursor: pointer; transition:.2s all;  transform: scale(1.2); }
.prodimage .thumbs span img { display: block; width: 100%; }
.buybox { width: 50%; float: right; text-align: left; position: relative;}
.buybox .details {padding:0 0 20px 0; margin-bottom: 20px; border-bottom: 1px #ddd dashed; }
.buybox .details form { padding:20px; background:#f6f6f6; margin-top: 20px; }
.discountBox { margin-bottom: 20px; }
p.oos { color: red; font-size:16px; font-weight: 700; }
.stockMessage span { display: block; color:#c0392b; font-size: 15px; font-weight: bold; border:1px #c0392b dashed; padding:10px; border-radius: 3px; margin:0px 0px 5px 0px; }
.stockMessage.red span { border-color:red; color:red; }
p.prodDiscount { color:#77202B; font-size:13px; font-weight: 400; color:red; margin: 5px 0; text-transform: uppercase; letter-spacing: 0.03em;border:1px red solid; padding:15px;  }
p.prodDiscount.incentive { border:1px red solid; padding:15px 15px 15px 45px; background:#fff; position: relative;}
p.prodDiscount.incentive i { display: inline-block; vertical-align: middle; }
p.prodDiscount.incentive img { display: inline-block;vertical-align: middle; margin-right: 10px; height: 30px; position: absolute; left: 10px; top: 0px; bottom: 0px; margin:auto;}
.buybox .shippingband { position: relative; padding:0px; border:0px; padding-left:25px;}
.buybox .shippingband span { font-weight: bold; }
.buybox .shippingband i { position: absolute; left: 0px; top: 0px; bottom: 0px; margin:auto; height: 40px; width: 30px; line-height: 40px; text-align: left; font-size:18px;}

.section.prod-description { padding:20px 0px; background:none; margin:20px 0px; border-top: 1px #ddd solid;  border-bottom: 1px #ddd solid; }

.idealTime{text-align:center; background:#fff; padding:0px 0 30px 0; margin:20px 0; color:#eee; border:1px solid #ddd;}
.tabContent .idealTime h2 {color:#000; background:#fff; font-size:20px; margin:0 0 20px 0; padding:15px 0; text-transform: uppercase; border-bottom: 1px #ddd solid;}
.idealBox{display:inline-block; min-width:150px; max-width: 200px; color:#bbb; border:none; position: relative; margin: 10px -2px}
.idealBox.ideal:before { height: 20px; width: 20px; line-height: 20px; border-radius: 100%; background:#00d351; color: #fff; content: '\002714'; display: block; position: absolute; bottom: -10px; left: 0px; right:0px; margin:auto; font-size:14px; z-index: 10;}
.idealBox:after { content: ''; display: block; position: absolute; bottom: 0px; left: 0px; height:2px; width: 100%; background:#bbb; z-index: 5}
.idealBox.ideal:after { background:#00d351; }
.idealBox h3{padding:15px 0; font-size:14px; margin: 0;}
.ideal{color:#00d351;}

.lines:before, .lines:after { display: none; }

.emailBackInStock { padding:20px; background:#f8f8f8; text-align: center;  margin:10px 0; border:1px solid #000; display: none;}
.emailBackInStock h3 { font-size:17px; color: #000; margin-top: 0px; }
.emailBackInStock input, .emailBackInStock select, .emailBackInStock button { background:#fff;vertical-align:middle; display: inline-block; border:1px #fff solid; padding:10px; height:40px; width: 30%; -moz-appearance:none; -webkit-appearance:none; margin:0px 3px; }
.emailBackInStock select { width:25%;  font-family: 'Montserrat'; font-size:12px; border-color:#999;}
.emailBackInStock input { width:34%; font-family: 'Montserrat'; font-size:12px; border-color:#999;}
.emailBackInStock button { width:26%; background:#000; color:#fff; text-transform: uppercase; font-size:14px; font-weight: 900; cursor:pointer;}
h3.emailBackInStock{font-size:17px; color: #fff; margin-top: 0px;}
.oosMsg { display: block; padding:15px; background:#f7f7f7; border:1px #ddd solid; border-radius: 5px;margin:10px 0; font-size:16px; transition:all 0.2s; position: relative;}
.oosMsg:hover { cursor:pointer; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); transition:all 0.2s; }
.oosMsg i { position: absolute; right: 25px; top: 25px; font-size:20px; }
.oosMsg span { display: block; font-weight: 700; font-size:12px;  }

.features { padding:0px 16px; border:1px #ddd dashed; border-radius: 3px; margin-bottom: 15px;}
.featuresSection{display:block; margin:15px 0px;}
.bulletPoints {position:relative; display: inline-block; vertical-align: middle;}
.bulletPoints i {font-size:19px; color:#8D171A;}
.keyBullet{display:inline-block; margin:0px 6px; font-size:14px; vertical-align: middle;}
.discountUpsell { padding:15px 10px; text-align: center;background:#ED213A; color:#fff;  font-size:15px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em;}
.discountUpsell.red { border-color: red; color: red; }
.discountUpsell.full { text-align: left; padding:15px; }
.discountTimer { color:red; font-size: 22px; font-weight: bold; text-align: center;margin-bottom: 40px;}
.discountTimer span { display: inline-block;width:40px; height: 40px; line-height: 40px; border:1px red dashed; margin:0px 5px; position: relative; }
.discountTimer span:after { position: absolute; content: attr(id); left: 0px; bottom: -35px; font-size: 11px; width: 40px; text-align: center; font-weight: normal; }
ul.features { list-style: none; margin:0 0 10px 0; padding:0; }
ul.features li { font-size:14px; vertical-align: middle; margin-bottom: 5px; padding:5px 0; }
ul.features li span { vertical-align: middle; display: inline-block; }
ul.features li i.fa { font-size:20px; color:#C6AA55; vertical-align: middle; display: inline-block;}
.prodimage img { width: 100%; display: block; }
.option { padding:0px; margin:10px auto;width: 100%; }
.option select { display: block; width: 100%; padding:10px; border:1px #ddd solid; border-radius: 3px; font-size:15px; font-family: 'Open Sans'; }
#options label { font-size:12px; font-weight: 800; display: block; margin: 10px 0 15px 0;  width:100%; letter-spacing: 0.05em; color:#444;}
.options label { font-size:14px; font-weight: 700; display: block; margin: 10px 0;  width:100%;}
.chooser { display: block; padding:15px; background:#fff; border:1px #ddd solid; border-radius: 4px;margin:15px 0; font-size:16px; transition:all 0.2s; position: relative; box-shadow: 0px 5px 10px rgba(0,0,0,0.05)}
.chooser:hover { cursor:pointer; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); transition:all 0.2s; }
.chooser i { position: absolute; right: 25px; top: 25px; font-size:20px; }
.chooser span { display: block; font-weight: 700;  }
.newOptions { display: none; position: fixed; right: 0px; top: 0px; height: 100%; width:100%;background:#fff; padding:60px 30px 00px 30px; z-index: 9999;box-shadow: 0px 0px 10px rgba(0,0,0,0.2); overflow: auto;}
.newOptions .closer { height: 45px; background:#2c3e50; color:#fff; font-size:15px; font-weight: 700; line-height: 45px; padding:0px 15px; position: fixed; top: 0px; left: 0px; width:100%; cursor: pointer; z-index: 99}
.newOptions .closer i { font-size:18px; margin-right: 20px; }
button:focus {outline:0;}
button.optionBTN.active { background:#000!important;color:#fff!important; border-color:#000!important; position: relative;}
button.optionBTN.active:after { display: none; }
button.optionBTN, button.disabledBTN { min-width: 50px; width: auto; height: 45px; line-height: 45px; margin: 0 5px 5px 0; text-align: center; float: left; padding: 0 13px; border-radius: 0; font-size: 12px; font-weight: 500; transition: .2s all; border-color: #ddd; color: #222; font-family: 'Montserrat'; position: relative;}
button.optionBTN strong, button.disabledBTN strong { float: none; width: auto; font-weight: 100; }
button.optionBTN span { display: none; }
button.optionBTN i { position: absolute; top: 5px; right: 5px; font-size:9px; font-style: normal; font-weight: 500; color:#000; }
button.optionBTN i.tag { top: -10px; right: 5px; background:#00a8ff; color:#fff; height: 18px; line-height: 18px; padding:0px 6px; text-transform: uppercase; font-weight: 700; border-radius: 3px; letter-spacing: 0.03em;}
button.optionBTN.red { color:red; }
button.optionBTN:hover {  transition: .2s all; }
button.optionBTN:disabled, button.optionBTN[disabled] ,button.disabledBTN{color:#999;background:#eee url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' preserveAspectRatio='none' viewBox='0 0 100 100'><path d='M100 0 L0 100 ' stroke='grey' stroke-width='1'/><path d='M0 0 L100 100 ' stroke='grey' stroke-width='1'/></svg>");background-repeat:no-repeat;background-position:center center;background-size: 100% 100%, auto;}
.optContainer { border:1px #aaa solid; border-radius: 5px; overflow: hidden; border-bottom: 0px; margin-bottom: 30px;}
.newOptions button.optionBTN, .newOptions button.disabledBTN  { width:100%; text-align: left; margin: 0px; border:0px; border-bottom: 1px #aaa solid; border-radius: 0px; height: 60px; line-height: 60px; float: none; font-size:16px; }
.newOptions button.optionBTN:after { position: absolute; content: ''; height:20px; width:20px; right:20px; top:20px; border:1px #ccc solid; border-radius: 100%; left: auto; bottom: auto; }
.newOptions button.disabledBTN:after { display: none;}
.newOptions button.active:after { border-color:#10ac84; background: #fff; color:#10ac84;  content: "\f00c";font: normal normal normal 12px/1 FontAwesome; line-height: 20px; text-align: center;}
.newOptions button.active { background:#fff!important;color:#10ac84!important; border-color:#aaa!important; }
.newOptions p { font-size:18px;  }
.col.full-btn{ margin:6px 0px; float:right; width:65%!important; }
button.add { color:white; margin:0px auto;border-radius: 0; font-size: 18px; letter-spacing: 0.2em; height:50px; line-height: 50px; background:#00d351; float: right; width:60%; text-transform: uppercase; font-weight: bold;}
button.add:hover { cursor: pointer;}
button.add:disabled,button.add[disabled] { background:#ddd!important; color:#aaa; cursor:not-allowed;}
p.chosen {margin:0px;}
p.chosen span { display: inline-block; margin-right: 5px; background:#eee; padding:5px; border-radius: 3px;  }
.chosenStock p { font-size:15px; font-weight: 600; margin: 15px auto; width: 100%; }
.chosenStock p.oos { color:red; }
.chosenStock p.inStock { color:#10ac84; }

.fa-star, .fa-star-half-alt { color:#FFD700; font-size:14px; vertical-align: middle; display: inline-block;}
.fa-star.lrg { font-size:16px;}
.fa-star.empty { color:#aaa; font-size:14px; }
.fa-star.lrg.empty { color:#aaa; font-size:16px; }
.fa-star-half-alt.lrg { font-size: 16px; }

.tab-menu .tab-btn { font-size:15px;color:#333; }
.tab-menu .tab-btn:hover i, .tab-menu .tab-btn.active i { right: 0px; }
.tab-menu .tab-btn:hover span, .tab-menu .tab-btn.active span { display: none; }
.tab-menu .tab-btn.active { color:#000; font-weight: bold;}
.tab-info { padding:20px 0; }
.tab-info h2 { font-size:16px; }

.theReview { background:#fff; position: relative; padding:20px 20px 20px 250px; box-shadow:0px 10px 80px rgba(0,0,0,0.1);border:0px; border-radius:4px; margin:15px 0px; vertical-align: middle; min-height: 240px;}
.theReview .reviewComment { background:#edf9f5; padding:15px; border-radius: 4px; clear: both; display: block; width: 100%; border:0px; font-size:14px; line-height: 26px;}
.theReview .reviewComment strong { display: block; margin-bottom: 15px; }
.theReview .reviewReply { background:#fcf8f4; padding:15px; margin:10px 0px; border-radius: 4px; display: block; width: 100%;border:0px; font-size:14px; line-height: 26px;}
.theReview .reviewReply span { display: block; margin-bottom: 15px; font-weight: bold; }
.theReview .reviewScore { margin-bottom: 20px; display: block; position: absolute; left: 20px; top: 20px; width:220px;}
.theReview .reviewDate {  margin-bottom: 20px; }
.reviewScore #feefoReviewsText { display: inline-block; vertical-align: middle; font-size: 16px; font-weight: bold; color: black; margin-left: 10px; }

.fa-minus{line-height:50px;}
.fa-plus{line-height:normal;}
.prodQty { width:30%!important; float:none!important; background:#fff; border: 1px solid #000; height: 50px; margin-top: 0px;}
.prodQty .item { background:#fff; border:0px; border:0; color: #000; width:25%; height:50px; line-height: 50px;}
.prodQty .item:hover { color: #d1692d;}
.prodQty input {border-radius:0px; border-left: 1px #000 solid; border-right:1px #000 solid; font-size: 16px; background: #fff; height: 50px; float:left; width:50%;}
.product #prodSide {float: right; width: 23%;}
#delBox { background:#fff;margin: 10px 0; text-align: center;  overflow: hidden; max-width: 450px; padding:10px 0; border-top:1px #d1692d solid; border-bottom:1px #d1692d solid; }
.product #delBox h4 {font-size: 18px; margin:0; float:left; color: #d1692d; vertical-align: top; text-align:left; }
.product #delBox h4.nextDay {font-size:25px;}
.product #delBox h4.nextDay span{display:block; font-size:16px!important; margin-top: 14px;}
.product .countdown { float:right;}
.product .countDown span{font-size: 26px; text-align: center; width:50px; float: left; font-weight: bold; color: #d1692d; }
.product .countDownext span{font-size: 12px; text-align: center; width:50px; float: left; color: #d1692d;}
.promoSection h4 { text-align: center; font-size: 18px; }
.promoSection .col { display: inline-block; float: none; }
.promoSection { text-align: center; padding:10px 0px; }
#buyFormXXX{padding-top: 10px; border-top: 1px dashed rgba(0,0,0,0.5);}
.shut {display: none;}
#recentlyViewed > div {width: 20%; float: left; overflow: hidden; padding:10px;}
#recentlyViewed > div div#imageframe {max-width: 100%;}
.product .social {margin:10px 0; padding:15px 0; background:none; }
.product .social span { display: block; float: left; height: 30px; width: 30px; line-height: 30px; border:1px #000 solid; text-align: center; border-radius: 100%; margin-right: 5px; }
.product .social span.fa-facebook { border-color: #3b5998; color: #3b5998; }
.product .social span.fa-twitter { border-color: #55acee; color: #55acee; }
.product .social span.fa-google { border-color: #dd4b39; color: #dd4b39; }
.product .social strong { float: left; display: block; padding-right: 10px; font-weight: bold; height: 30px;  line-height: 30px;font-size:16px;}
.accessories { margin: 15px 0; padding: 20px; border: 1px #ddd dashed; background:#fff; }
.accessories .col.quarter { float: none; width:100%; position: relative; height: 70px; margin:5px 0px; }
.accessories h2 { margin: 0 0 15px 0; font-size: 16px; text-transform: uppercase; font-weight: normal; letter-spacing: 0.05em; }
.accessories h2 small { display: block; text-transform: none; margin-top: 5px; font-size:12px; }
.accbox { background:#fff; padding:8px 0; margin:0px 0px 3px 0px;  }
#options .accbox label { margin:0px!important; font-size: 14px; font-weight: normal;}
#options .accbox img { display: inline-block; vertical-align: middle;  margin-left: 8px;}
#options .accbox label span { display: inline-block;vertical-align: middle; margin-left: 8px; width: calc(100% - 80px); letter-spacing: 0}
#options .accbox label span a { color:#000; text-decoration: underline; }
#options .accbox label::before {top: 0px; bottom: 0px; margin:auto; border-radius: 100%;}
#options .accbox label::after {top: 0px; bottom: 0px; margin:auto; height: 17px; font-size:15px; width: 17px; background:green; content: ''; left: 0; border-radius: 100%;}
.accOption .btn { margin:0px; width: 100%; border:0px; background:#00d351!important; margin-top: 10px; }
.loyaltyExp { display: block; color:#d1692d; font-size: 14px; margin-top: 5px;  }
.prodLoader { position: absolute; height: 100%; width: 100%; background:rgba(255,255,255,0.1); top: 0px; left: 0px; text-align: center; display: none; z-index: 99; }

.buybox .deliveryBox { text-align: center; }
.buybox .deliveryBox p { padding-left: 0px; }
.buybox .deliveryBox i { font-size: 34px;}

.bundleBanner, .whyBanner { background:#f8f8f8; border:1px solid #bbb; padding:15px 160px 15px 20px; position:relative; margin:20px 0px; border-radius:5px; max-width:450px; display:block; }
.bundleBanner { transition:all .2s ease-in-out; }
.bundleBanner:hover { transition:all .2s ease-in-out; transform:scale(1.1); }
.bundleBanner p, .whyBanner p { color:#000; margin:0; font-size:14px; font-weight:700; letter-spacing:0.05em; line-height:normal; }
.bundleBanner a, .whyBanner a { color:#fff; position:absolute; right:20px; top:18px; background:#f26532; padding:10px 20px; border-radius:3px; font-weight:bold; text-transform:uppercase; }
.bundleBanner span { font-size:18px; }
#bundleInfo {clear:both; overflow:auto; }
#bundleInfo .bundleBox {padding:20px 0;}
.bundleBox h3 { font-size:18px; margin:0px 0px 10px 0; }
#bundleInfo p.savePrice  { font-size:18px; color:#000; font-weight: 700; margin:10px 0 0; }
#bundleInfo p.savePrice strong { color:#8D171A;  }

.buybox-upsell{}
.despatchTimer{ width: 100%; text-align: center; padding:15px; border:1px #fff solid; background:#fff; margin:10px 0; clear: both;}
.despatchTimer .text { float: left; width: 50%; text-align: left; padding:10px 0px 10px 0px;}
.despatchTimer h3 { font-size:18px;  margin: 0px; color:#fff; }
.despatchTimer p { font-size: 14px; margin:0; color:#fff;}
.despatchTimer .timer{margin: 0px; font-size: 13px; text-transform: uppercase; padding: 0px; float: right; width: 50%;}
.despatchTimer .timer strong { display: block; padding:5px 0px; }
.despatchTimer .timer span{height: 55px; width:31%; line-height: 55px; border:1px #fff solid; display: inline-block; margin:5px 2px; font-size:25px; color:#fff;}
.counterTimer h3{padding:5px!important;}
.counterTimer { background: #111; padding:20px; }
.counterTimer .timer{float:none; width:100%;}
.counterTimer .text{float:none; width:100%; text-align:center; padding:0;}
.counterTimer { margin-top: 0px; }

.heroOverview{background:#f9fafa;}

.heroTabsBar{padding:0; border-bottom: 1px #ddd solid; background:#fff; transition:all 0.2s;z-index: 99; position: sticky; top: 0px; text-align:center; width:100%;}
.heroTabsBar.black { border-bottom: 0px; background:#000; }
/*.heroTabsBar.sticky{position:fixed; top:0;}*/
.heroTabsBar.black .heroTabMenu { border-bottom: 1px #ea5d25 solid; }
.heroTabMenu .hero-tab-btn {font-size: 16px; display: inline-block; height: 80px; line-height: 80px; padding: 0px 22px; background:#fff; transition: all 0.2s;}
.heroTabsBar.black .heroTabMenu .hero-tab-btn { background:none; color:#fff; }
.hero-tab-btn.active, .hero-tab-btn:hover, .heroTabsBar.black .hero-tab-btn.active{color: #ea5d25; transition: all 0.2s; cursor:pointer;}
.heroOverview{padding:60px 0;}

.heroprodimage{width: 55%; display:inline-block; vertical-align:middle; position: relative;}
.heroprodimage .mainImage .main{width:100%; display:block; max-width:600px; margin:auto;}
.heroprodimage .flash {top: 10px; left: auto; right: 60px;}
.heroprodimage .thumbs{width: 100%; margin: 10px 0 20px 0; padding: 0 0 0px 0px; text-align: center;}
.heroprodimage .thumbs span{display: inline-block; width: 55px; height: 55px; transition: all 0.4s; margin: 3px;}
.heroprodimage .thumbs span img { display: block; width: 100%; }

.herobuybox{display:inline-block; vertical-align:middle; width: 40%; z-index: 98; position: relative; padding: 0px 130px 0 0;}
.herobuybox .prod-lead{text-align:left; padding:0;}
.herobuybox .prod-lead h1{margin:0; font-size:22px;}
.herobuybox .prod-lead h1 span{font-size:18px;}
.herobuybox .price{text-align:left; margin:0;}
.herobuybox .prodStars{text-align:left;}
.herobuybox .keyBullets { padding: 10px 0; }
.herobuybox .keyBullets p{margin:0; position: relative; padding-left: 40px;}
.herobuybox .keyBullets p i{color:black; width: 30px; position: absolute; left: 0px; top: 0px; height: 30px; line-height: 30px; margin:auto; font-size:18px;}
.herobuybox .sub p{color: #333; margin:0;position: relative; padding-left: 40px;}
.herobuybox .sub p i { position: absolute; height: 30px; line-height: 30px; width: 30px; left: 0px;top: 0px; }
.herobuybox #buyForm{margin:16px 0;}
.herobuybox .prodQty {width: 35%; float: left;}
.herobuybox  button.add {color: white; margin: 0; border-radius: 0; font-size: 18px;  height: 45px; line-height: 45px;width: 100%; max-width: 280px; text-transform: none; float:left;}

.heroOverview.black { background:#000; }
.heroOverview.black .prod-lead h1 {color:#fff;}
.heroOverview.black .keyBullets p { color:#fff; }
.heroOverview.black .keyBullets p i { color:#fff; }
.heroOverview.black .herobuybox .sub p { color:#fff; }

.heroSection{padding:100px 0; text-align:center;}
.heroDescription{text-align:left;}
.heroSection.features{padding:100px 0; border:none; margin:0;}
.heroSection h2{font-size:56px; margin:0; text-align:center; line-height: 60px; text-transform:capitalize;}
.heroSection h2 span{display:block; font-size:20px; font-family: 'Muli'}
.heroSection .sectionText{text-align:center; width:70%; margin:0 auto 60px auto; color:#444;}
.heroSection .sectionMain img{width:100%; display:block;}
.widgetBox{text-align:left;}
.widgetBox p{margin:0; padding:20px;}
.widgetBox img{width:90px; display:inline-block; vertical-align:middle;}
.widgetBox .widgetText{width:64%; display:inline-block; vertical-align:middle; color:#444; text-align:left;}
.heroSection .specBox{display:inline-block; vertical-align:top; width:20%; padding:10px; font-size:38px; color:#444;}
.heroSection .specBox i{color:#ea5d25;}
.heroSection .specBox p {margin:0;}
.heroSection .specBox p small{display:block;}
.heroSection.grey{background:#f9fafa;}
.heroSection.black{background:#000000;}
.heroSection.black h2, .heroSection.black p{color:#ffffff;}
.heroSection .videoBtn{font-size:20px; text-align:center; cursor:pointer; width: 168px; margin: 10px auto; color:#444; border: 1px solid #ea5d25; border-radius: 3px; padding: 8px 0; color: #ea5d25; margin-top: 30px; transition: all 0.4s;}
.heroSection .videoBtn:hover{color:#ffffff; background:#ea5d25; transition: all 0.4s;}
.heroSection .videoBtn i{font-size:16px;}
.heroMainVideo{display:none; background: #eee; height: 900px; width: 1600px; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; z-index: 999999;}
.heroMainVideo iframe{width:1600px; height:900px; border:0;}
.heroVidMask { position: fixed; z-index: 99999; height: 100%; width: 100%; background:rgba(0,0,0,0.9); left: 0px; top: 0px; display: none; }
.heroSection.features{padding:0;}
.heroSection.description{padding-top:50px;}
.heroSection.description .sectionText{width:100%;}
.heroSection.description .widgetBox img{display:block; width:100%;}
.heroSection.description .widgetBox .widgetText{display:block; width:100%; margin-top:16px;}
.heroSection.inthebox { text-align: center; padding-bottom: 0 }
.heroSection.inthebox .widgetBox { padding:10px; display: inline-block; vertical-align: top; width: 200px; margin:10px 0px; text-align: center; float: none;}
.heroSection.inthebox .widgetBox img { width: 100%; }
.heroSection.inthebox .widgetBox .widgetText { width: 100%; }
.heroSection.inthebox .widgetBox p{margin:5px 0; line-height: 20px; font-size:14px; text-align: center;}

.heroInfoBtns{width:100px; position:absolute; right:0; top:0;}
.heroBtn.first{margin:0;}
.heroBtn{padding: 25px 10px 10px; border: 0px; background: #fff; color: #F15E25; border: 1px #F15E25 solid; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); text-align:center; font-weight:bold; cursor:pointer; margin-top:10px;}
.heroBtn i {display: block; font-size: 28px;}
.heroOverview.black .heroBtn { background:none; }

.email-signup h2{margin-top:0; font-weight:700; margin-bottom:5px;}
.email-signup p{margin:5px 0;}
.email-signup span{font-size:10px;}
.email-signup ul{list-style:none;}
.email-signup ul li{margin:5px 0;}
.email-signup #myForm{margin:15px 0;}
.email-signup #myForm #email {height: 34px; width: 73%;}
.email-signup #myForm #join {margin: 0; height: 34px; width: 80px; background: #000; color: #fff; border: 0;}
.email-pop-new .close { background:#ED213A;}
.popupMask { position: fixed; z-index: 9998; height: 100%; width: 100%; background:rgba(255,255,255,0.7)!important; left: 0px; top: 0px;}
.email-pop-new { z-index: 9999; width: 600px;}
.email-pop-new .email-signup { background:#000; padding-left: 0;}
.email-pop-new .email-signup h2 { color:#fff; }
.email-pop-new .email-signup h3 { color:#fff; }
.email-signup ul li { color:#fff; font-size:14px; }
.email-signup span { color:#fff; }
.email-pop-new .email-signup #myForm #join { background:#ED213A; font-size:16px;  }

p.loyaltyWorth { padding:12px; background:#fff; font-weight: bold; font-size: 16px; margin-bottom: 15px; border:1px solid #8D171A; border-radius: 5px; color:#333; text-align: center;}
p.loyaltyWorth span { color: #8D171A;}

.review{text-align:center; background:#fff; padding:20px 10px; margin:20px 0; color: #000; border:2px #8D171A solid;}
.review h2{font-size:21px; margin:5px;}
.review p{font-size:15px; }
.review .gold-bg{background:#8D171A !important;}

.dualFitSys p{font-size:16px; line-height:30px;}
.dualFitSys a{color:#666;}
.dualFitSys a:hover{color:#d1692d;}

.prod-section { padding:50px 0px; overflow: hidden;}
.prod-section.grey { background:#F7F8FA; }
.prod-section img.featured { position: absolute;top: -18px; right: 0px; z-index: 9;}
.prod-section p { font-size: 16px; line-height: 30px; }
.prod-section h2 {font-size: 22px; margin:0px 0px 10px 0px; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 900;}
.prod-section h3 {font-size: 18px; margin:0px 0px 10px 0px; text-transform: uppercase; letter-spacing: 0.07em; font-weight: 900;}
.prod-section .details { z-index: 10; position: relative; float: left; width: 60%; }
.btn.sizeGuide { background:#eee; border:0px; color: #444; width: 120px; float: left;cursor: pointer; }
.btn.sizeCalc { background:none; border:1px #000 solid; color: #000; margin-left: 15px; float: left; cursor: pointer; padding:0px 10px;}
.btn.sizeCalc:hover { color: #d1692d }

.prod-section.video { text-align: center; background:#eee; }
.video .col { position: relative; float: none; display: inline-block; }
.video .col .video-intro { background:url(../images/95/vid-preview.jpg) no-repeat 50% 50%; background-size: cover; padding:20px; text-align: center; padding:20px 0px; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: 100%; height: 100%;}
.video .col .video-intro div {width: 70%;height: 190px;overflow: visible;margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;}
.video .col { margin-top: 0px; margin-bottom: 0px; }
.video h2 { font-size: 48px; margin-bottom: 20px; color: #fff; }
.video #video { box-shadow: 0px 30px 50px rgba(0,0,0,0.1); border:1px #fff solid; }
.video button { border:1px #fff solid; padding:14px 20px; color: #fff; font-weight: 900; font-size: 30px; background:none; text-transform: uppercase; letter-spacing: 0.03em; border-radius: 4px; box-shadow: 0px 20px 40px rgba(0,0,0,0.1); cursor: pointer; }
.video button i { position: static; width: auto; font-size: 28px; margin-left: 10px;}

.inner.copy { font-size:15px; line-height: 26px; max-width: 100%; width: 100%; padding:50px 0px; background:#f8f8f8;}
.inner.copy a { color:#fff; font-weight: bold; text-decoration: underline; }
.inner.copy.bg { background:#000 url(../images/79/copy-background.jpg) no-repeat 50% 50%; background-size: cover; padding:120px 0; margin:0; }
.inner.copy.bg h2 { text-align: center; color:#fff; font-size:42px; text-transform: uppercase; }
.inner.copy.bg p { color:#fff; text-align: center; font-size: 18px; }

.offer-card { margin:30px auto; max-width: 1200px;border-radius: 3px; overflow: hidden; border:1px #000 solid; }
.offer-card img { display: block; width: 100%; }
.offer-card h1 { padding:30px 0px; font-size: 36px; color: #fff; background-color:#000; text-transform: uppercase; font-weight: 900; text-align: center; margin:0px; }
.offer-card h2 { padding:15px; border:0px; color: #5e926d; text-align: center; margin:20px; border-radius: 0; text-transform: uppercase; }
.offer-card h3 { padding:15px; border:1px black solid; color: black; text-align: center; margin:10px 0px; border-radius: 4px; }
.offer-card h3 strong { color: #5AA3CF; font-style: italic; }
.offer-card p { padding:10px 20px; text-align: center; margin:0px; font-size: 16px; }
.offer-card .col p.prodTitle strong { font-weight: 400; font-size:16px; }
.offer-card .col .btn { display: inline-block; padding:0px 20px; background:#000; color: #fff; font-weight: bold; border-radius: 4px; font-size: 16px; width:100%; right: 0px; bottom: 10px; opacity: 1; }
.offer-card .products { padding:10px 0; }

form#foots{background:#FFFFFF; padding:35px; border:1px solid #ddd;margin:40px auto 40px auto; color:#A3A1A2; max-width: 470px; width: 100%; border-radius: 5px; box-shadow: 0px 0px 30px rgba(0,0,0,0.15); font-size: 16px; position: relative;}
form#foots label{ color:#A3A1A2; font-size: 18px; display: inline-block; padding:10px 0; width: 200px;}
form#foots input {margin-bottom:20px; font-size:16px; padding:10px;}
form#foots input[type="tel"]{ border:2px solid #ccc; width:145px; border-radius:5px; text-align: center; margin-right: 10px;}
form#foots input:focus{border-color:#53BDAD}
form#foots #calculate{background:#53BDAD; color:#fff; text-align:center; padding:15px 0px; font-weight:bold; font-size:16px; cursor:pointer; transition:0.2s; letter-spacing:5px; text-transform:uppercase; border-radius:5px;}
form#foots #calculate:hover{background:#000;}
form#foots #result{display:none;}
form#foots #result h2 { font-size: 20px; text-align: center; border:2px #53BDAD solid; padding:10px 0px; border-radius: 4px; color: #53BDAD }
form#foots #result p { font-size: 18px; }
form#foots #result p span { font-size: 20px; text-align: center; border:2px #53BDAD solid; padding:10px 0px; border-radius: 4px; color: #53BDAD; display: block; }
p.main { text-align: center; font-size: 18px!important;  margin:0px auto 15px auto; font-weight: 700; }
form#foots span.closeSC {position: absolute; top: 0px; right: 0px; background:black; color: white; font-size: 22px; padding:5px 10px; cursor: pointer;}

.popup { position: fixed; z-index: 101; width: 100%;  height: 550px;overflow: auto;margin: auto;top: 0; left: 0; bottom: 0; right: 0; display: none; text-align: center;}
.mask { position: fixed; z-index: 100; height: 100%; width: 100%; background:rgba(255,255,255,0.8); left: 0px; top: 0px; display: none; }

.secure-btns .btn.paypal{ background: #ffc439; color: #006DB8; }
.secure-btns .btn{ height: 50px; line-height: 50px; padding: 0px 25px; color: #20A3AB; font-size: 16px; letter-spacing: 0.05em; text-transform: uppercase; font-weight: bold; text-decoration: none;
transition: all 0.2s; display: block; text-align: center; margin: 5px 0; border-radius: 100px; position: relative;}
.secure-btns .btn:hover {opacity: 0.7; transition: all 0.2s; cursor: pointer; }
.secure-btns .btn i{ font-size: 24px; vertical-align: middle; position: absolute; left: 0px; top: 0px; height: 50px; line-height: 45px; width: 60px; text-align: center; }
.secure-btns .btn.card{color: #fff; background:#00d351; font-size: 16px }

.basketOffers h2 { padding:10px 0px; margin:10px 0px; border-bottom: 1px red dashed;font-size:24px; color: red; }

#basketTable p strong { font-size: 16px; text-transform: none; margin-bottom: 5px; }
.bskQty .item, #removeBTN, #rightInfo form input, #rightInfo form .apply { border-radius: 0px; }
.bskQty .item i { line-height: 35px!important }
.bskQty { display: block; }
#removeBTN { width:30px; background:#fff; clear: none; position: absolute; top: 15px; right: 15px; border:0px; color:red; border-radius: 100%; height: 30px; line-height: 30px; font-size:16px;}
#removeBTN .fa-times { color:red; }
.basketPage { padding:0px; }
.basketPage .inner { padding:0 0 20px 0px; max-width:1200px; }
.basketPage #counterHead { padding:15px 0; margin-bottom: 20px; }
.basketPage h1 { margin-bottom: 30px; text-transform: uppercase; letter-spacing: 0.06em; font-weight: 900; text-align: center!important;}
#basketTable { border:0px; }
#basketTable p { font-size: 12px; }
#basketTable p span { margin:7px 0; }
#basketTable span.red strong { font-size: 13px; font-weight: 400 }
#basketTable span.grey strong { font-size: 13px; font-weight: 600 }
#basketTable span.basketPrice { text-align: left; font-size: 12px; }
#basketTable span.basketPrice strong { font-size:16px; }
#basketTable .section.basket-item { background:#f8f8f8; border:0px; margin-bottom: 20px; position: relative; padding:0 0 20px 0; border-bottom: 1px #ddd solid; }
#basketTable .section.basket-item.gift { border:1px #00d351 dashed; }
#basketTable .section.basket-item.gift .btn.red { font-size:12px; }
#basketTable .basketImg img { width: 100%; }
#basketTable .basket-item .basketImg img {  display: block; margin:0px auto; }
#basketTable .basket-item.gift .basketImg img { max-height: 90px; width: auto;  }
#basketTable .col.half form { float: left; }
#loyaltySpend p { background:white; border:1px #f26532 solid; color:#f26532; margin-bottom: 20px; border-radius: 0; text-align: center; padding:10px 0; }
#loyaltySpend p.active { border-color: #00d351; color: #00d351; }
#spendMoreForPoints p { background:white; border:1px red solid; color:red; margin-bottom: 20px; border-radius: 0; text-align: center; padding:10px 0; font-size: 15px!important; }
#spendMoreForPoints p.active { border:1px #00d351 solid; color:#00d351; }
.bskQty .item { border:1px #000 solid; background:#fff; }
#basketTable select { display: block;padding: 10px; height: 40px; font-size:14px; border:1px #000 solid; width: 100% }
#basketTable h3 { font-size:12px; background:#000; color:#fff; height:45px; line-height: 45px; }
#rightInfo { padding:25px; background:#f8f8f8; }
#rightInfo .details { margin:0px 0px 10px 0px; padding:0px; border:0; background:none; }
#rightInfo form { margin:0; }
#rightInfo label { font-size: 14px; }
.discount-section { padding:20px; margin-bottom: 25px; background:#fff; border:1px #ddd solid; border-radius: 0px; } 
div.prodBox.hidden{display:none}

#rightInfo p { font-size: 14px; }
#rightInfo #shippingMethods { padding:15px;background:#fff; margin:20px 0px; border:0; border-radius: 3px; border:1px #ddd solid;}
#rightInfo #shippingMethods p {  margin-bottom: 15px; }
#rightInfo h3 { font-size:14px; }
#rightInfo #shippingMethods button { border-radius: 4px; margin:10px 0px; padding: 10px 20px 10px 30px; border-color: #ddd;}
#rightInfo #shippingMethods button:before { left: 0px; content: ''; border:0px; background:none; font-size:20px; top: 5px;}
#rightInfo #shippingMethods button.active:before { border:0px; background:none; color: #000;content: "\f0d1";font-family:FontAwesome; font-size:14px; line-height: 22px; font-weight: lighter}
#rightInfo #shippingMethods button.active { border-color: #555; background:#fff; color: #000!important}
#rightInfo select { padding:10px; border:1px #ddd solid; width:100%; border-radius: 3px; margin:10px 0px 15px 0px; font-size:14px; font-weight: bold; -webkit-appearance:none; -moz-appearance:none; }
#loyaltyBox { padding: 0px 15px 15px; border:1px #ddd solid; margin:20px 0px; background:#fff; }
#loyaltyBox .btn { background:#fff; color:#000; font-size:14px; letter-spacing: 0.1em; border:1px #000 solid; }
#activeCode p { border-radius: 0px; background:#fff; color:#00d351; border:1px #00d351 dashed; margin:10px 0px; position: relative; padding:0px 0 0 20px; height: 45px; line-height: 45px;  }
#activeCode p span { position: absolute; right: 0px; top: 0px;  height: 45px; line-height: 45px; width: 40px; text-align: center; background: #00d351; color: #fff;}
#discountMessage p { border-radius: 0px; background:#fff; color:red; border:1px red dashed; margin:10px 0px; position: relative; padding:0px 0 0 20px; height: 45px; line-height: 45px;  }
#activeCoupon p { border-radius: 0px; background:#fff; color:#00d351; border:1px #00d351 dashed; margin:10px 0px; position: relative; padding:0px 0 0 20px; height: 45px; line-height: 45px;  }
#activeCoupon p span { position: absolute; right: 0px; top: 0px;  height: 45px; line-height: 45px; width: 40px; text-align: center; background: #00d351; color: #fff;}
#couponMessage p { border-radius: 0px; background:#fff; color:red; border:1px red dashed; margin:10px 0px; position: relative; padding:0px 0 0 20px; height: 45px; line-height: 45px;  }
#loyaltyPoints p { background:#0984e3; color: #fff; padding:10px; font-weight: bold}
#totalDiscount p { border-bottom:1px red dashed; color: red; padding:0 0 10px 0; margin:10px 0px;}

div.eac-item img {vertical-align:text-top; width:50px;}
div.eac-item {line-height:12px; font-size:12px; text-align:left;}
.easy-autocomplete{width:100%!important; max-width: 600px;}

.freeGifts { padding:15px; margin-bottom: 15px;}
.freeGifts h2 { color: #a31f35 }
.freeGifts .image { width: 70px; }
.freeGifts .col { border-radius: 0px; padding-top: 20px }
.freeGifts.incentives .col:hover { border-color:#aaa; }
.freeGifts button.optionBTN { box-shadow: 0px 5px 10px rgba(0,0,0,0.05); font-size:12px;}
.freeGifts .col.disabled { background:#f8f8f8; opacity: 0.8;}
.progress { margin:0; position: absolute; top: 0px; right: 20px; bottom: 0px; margin:auto; width: 100px; background:#ddd; border-radius: 100px;height: 8px; }
#basketTable .progress{margin: 16px 0 8px 0;}
#basketTable .freeGifts p { margin: 0; font-size:14px; }
#basketTable .freeGifts p span { font-size:14px; margin: 0; }
#basketTable .freeGifts strike { display: inline-block; color: red;  margin-right: 10px;}
.progress span { position: relative; background:red; border-radius: 100px;height: 8px;}
.progress span:after {content: "\f023";font: normal normal normal 16px/1 FontAwesome;line-height: 1;position: absolute; top:-8px; right:-2px; text-align: center; border-radius: 100%; height: 24px; width: 24px; line-height: 24px; background:red; color: #fff; }
.freeGifts form { margin:10px auto; float: right;}
.freeGifts select { height: 42px; padding:0px; border-radius: 0px; border:0px; border-bottom:1px #000 solid; width: 120px!important; -webkit-appearance:none; background:none; display: inline-block!important;}

.btn.inline { display: inline-block; padding:0px 20px; /*margin:0px 10px;*/}
.btn.inline:hover { cursor:pointer; opacity:0.7; }
.btn.red {background:red; color: #fff; border-color: red;}
.btn.red:hover { cursor: pointer;  opacity: 0.7; }
.btn.black {background:#000; color: #fff; border-color: #000;}
.btn.black:hover { cursor: pointer; opacity: 0.7;  }
.btn.orange { background:#8D171A!important; }
.btn.clear { width:100%; padding:0px 0px;  display: none; border:0px; color: #aaa; background:none; text-transform: none; font-size: 12px; margin: 0px 0px 15px 0px; text-align: right; height: auto; line-height: normal;}
.btn.clear .fa-times { color:red; }
.btn.clear.show { display: block; }

.ticksLabel{display: inline-block !important; text-transform: none !important; font-size: 12px !important; height: 20px; line-height: 20px;}
.compSignupForm{position:relative;}
.optoutMessage{border:none; display:none; position:absolute; top:231px; left:-1px; width:385px; background:#fff; border:1px solid #000; padding:10px; z-index:99;}
.optoutMessage.activeOptMessage{display:block;}

.addpop  { box-shadow: 0px 10px 70px rgba(0,0,0,0.15); background:#fff; padding:30px; z-index: 9999; position: absolute; top: 55px;width:450px; right: 0px; }
.addpop:before { position: absolute; top: -10px; right: 20px; content: ''; width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid white;}
.addpop p.message { color: green; font-size: 15px; margin:0; padding:15px 15px 15px 60px; border:1px green dashed; text-align: left; position: relative; }
.addpop p.message i { display: block; height: 35px; width: 35px; line-height: 35px; font-size:14px; color:#10ac84; border:2px green solid; margin:0px auto 10px auto; border-radius: 100%; text-align: center; position: absolute; left: 15px; top: 15px;}
.addpop p.discountUpsell { margin:5px 0px; color:#10ac84; padding:5px; text-transform: none; font-size:16px;}
.addpop p.discountUpsell i {height: 30px; width: 30px; line-height: 30px; font-size:14px; color:#10ac84; border:2px green solid; margin: 0 10px; border-radius: 100%; text-align: center;}
.addpop h3 { text-transform: uppercase; padding:10px 0px; border:1px red dashed; color: red }
.addpop .btn { background:#2c3e50; color: #fff; border:2px #2c3e50 solid; margin:5px 0; height: 45px; line-height: 43px; padding:0px 5px; font-size: 14px; font-weight: 700 }
.addpop .btn.green { background:#10ac84; color: #fff; border:1px green solid; }
.addpop a{cursor:pointer;}
.popmask { position: fixed; top:0px; left: 0px; height: 100%; width:100%; background:rgba(0,0,0,0.4); z-index: 9998; display: none; }
.addpop .col { width: 100%; float: none;}
.addpop .col img { float: left; width: 20%;}
.addpop .col p { float: right; width: 70%; border:0px; font-size:14px;}

.loyaltyContent{padding-top:10px!important;}
.loyaltyContent .loyalty{padding:20px 0!important;}
.loyaltyContent .loyalty .content{text-align:center; width:100%;}
.loyaltyContent .title{margin:0 auto; text-align:center;}
.loyaltyContent .title h1{padding:14px; margin:0; font-size:30px; text-transform:uppercase; color:#fff; background: url(../images/79/black-background.jpg) no-repeat 50% 50%; letter-spacing:0.02em;}
.loyaltyContent .loyalty h2{font-size:28px; text-align:center; text-transform:uppercase; margin:0 0 15px 0;}
.loyaltyContent .loyalty .content p{font-size:16px;}
.loyaltyContent .loyalty .loyaltyBox{padding:0 18px; text-align:center;}
.loyaltyContent .loyalty .loyaltyBox h3{padding:15px; color:#000; margin:0; font-size:20px; text-transform:uppercase; border:2px solid #000;}
.loyaltyContent .loyalty .loyaltyBox p{padding:10px; font-size:16px;}
.loyaltyContent .loyalty .terms ul{margin:20px; line-height:37px;}
.loyaltyContent .loyalty .terms ul li{font-size: 16px;}

.loyaltyStatus {border-collapse: collapse; width: 100%; margin:0 auto;}
.loyaltyStatus td, .loyaltyStatus th {border: 1px solid #ddd; padding: 8px; font-size:14px; text-align:center;}
.loyaltyStatus th {padding-top: 12px; padding-bottom: 12px; text-align: center; background: url(../images/79/black-background.jpg) no-repeat 50% 50%; color: white;font-size: 16px;}

table.deliveryGuide{border: 1px solid #CCC; border-collapse: collapse; border-spacing: 0; width: 100%; border-collapse: collapse; border-spacing: 0;}
.deliveryGuide .Tleft{text-align:left;}
.deliveryGuide th{background-color: #333; color: #fd0; font-weight: bold; text-align: center; padding: 5px; border: 1px solid #333;}
.deliveryGuide td{padding: 6px 4px; margin: 3px; border: 1px solid #777; text-align: center;}

.snapGrid h1{font-size:32px;}
.snapGrid p{font-size:16px;}
.snap {float:left; width:33.3%; position:relative; overflow: hidden; background:#000; height:355px;}
.snap img {max-width:100%; display:block;-moz-transition: all 0.3s;  -webkit-transition: all 0.3s;  transition: all 0.3s;}
.snap span {position:absolute; padding:10px; background:rgba(0,0,0,0.7); color:white; text-transform:uppercase; font-size:11px; font-weight:bold; top:10px; left:10px; letter-spacing:1px;}
.snap:hover img {-moz-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1); opacity:0.7;}
.confimShipping { padding:20px; border:1px #ddd solid; background:#fff; margin-top: 15px; }
.confimShipping h3 { font-size:16px; }
.confimShipping button { display: block; width:100%; border-radius: 4px; border:1px #ddd solid; text-align: left; padding:0px 10px; font-size:14px; background:none;}
.confimShipping button span { float: right; color:#000; }
.confimShipping button.active { color:#000!important; text-transform: none; }
.inner.checkout { max-width: 1200px; min-height: auto }
h2.heading { border-radius: 0px; text-transform: uppercase; letter-spacing: 0.02em; font-weight: 600; font-size: 20px; background:none; border:1px #000 solid; margin:0px 0px 5px 0; height: 60px; line-height: 60px;}
h2.heading.processed { background:none; border-color: #99b141; color:#99b141; }
h2.heading.processed::before { background:none; border:0px; color:#99b141; font-size: 40px; content: '\002714' }
.addressBook.default .abcenter::before { border:0px;font-size: 40px; content: '\002714'; color:#99b141;  }
.addressBook.default .abcenter:hover::before { border:0px;content: '\002714'; color:#99b141;  }
.sep { height:2px;}
.step { padding:30px; background:#f8f8f8; border:1px #000 solid; border-radius: 0px; }
.step label { font-size: 18px; margin-top: 0px; }
.step input, .step select { border-color: #999; font-size: 16px; border-radius: 3px; padding:10px; height: 50px; margin: 15px 0; box-shadow: 0px 2px 5px rgba(0,0,0,0.1) }
.step h3 { font-size: 18px; font-weight: 600 }
.step p { font-size: 14px; }
.orderSummary h2 { border:0px;background:#f1f1f1;}
.orderSummary { border-radius: 0px; border:0px; }
.summary { background:#f8f8f8 }
.step .btn { height: 40px; line-height: 40px; }
.btn.blue {background:#295da6; color: #fff; border-color: #295da6;}
.btn.blue:hover { cursor: pointer;  opacity: 0.7; }
.btn.red {background:red; color: #fff; border-color: red;}
.btn.red:hover { cursor: pointer;  opacity: 0.7; }
.btn.black {background:#fff; color: #000; border:2px #000 solid;}
.btn.black:hover { cursor: pointer; opacity: 0.7;  }
.btn.#00d351 {background:#99b141; border-color: #99b141}
.btn.#00d351:hover { cursor: pointer; opacity: 0.7;}
.addressBook.default .abcenter { font-size: 16px; overflow: hidden; }
.addressBook { height: 200px; }
.orderSummary h2 { height: 60px; line-height: 60px; background:none; border:1px #000 solid; color:#000; font-size:22px; text-transform: uppercase; }
.summary { border:1px #000 solid; margin:5px 0 }
.summary p { font-size:16px; line-height: 24px; }
.orderSummary p.totals { font-size:18px; }
.inner.checkout h1 { font-size:32px; }
.votedFor{margin-top:0; color:#8D171A; font-weight:700; font-size:16px;}
.suppieWinner{margin:20px 0;}
.suppieWinner h2{border-bottom:1px solid #666;}
.Simage{float:left; width:25%; text-align:center;}
.Sinfo{float: left; width: 75%; padding-left: 10px;}
.Sinfo a{font-size:18px; color:#8D171A;}
a.copyLinks{font-size:14px;}
a.suppieRunnerUp{display:block; font-size:14px; line-height:26px;}
.loyaltyHP { padding:50px 0px; text-align: center; background:#000 url(/images/79/hp-loyalty-points.jpg) no-repeat 50% 50%; background-size: cover; }
.loyaltyHP h2 { font-size: 52px; color:#fff; text-transform: uppercase; margin:0; }
.loyaltyHP p { font-size: 24px; color:#fff; text-transform: uppercase; font-weight: 900; margin:20px 0; }
.loyaltyHP a { display: block; max-width: 140px; height: 45px; line-height: 45px; text-align: center; background:#fff; color:#000; font-weight: bold; font-size: 20px; margin:0px auto; text-transform: uppercase; }
.homeSection { padding:30px 0px; border-bottom: 1px #ddd dashed; }
.homeprods { padding:0px 0px;}
.homeprods h1.lead { margin: 0px; font-size: 24px; position: relative; padding:0px 0px 15px 0px;}
.homeprodsNew { padding:10px 0px; margin-bottom: 20px;}
.homeprodsNew.brandGrid {}
.homeprodsNew h1.lead { margin: 0px; font-size: 24px; position: relative; padding:0px 0px 15px 0px;}
.brandSlide{margin: 30px auto 0 auto; height: 90px; overflow-y: hidden;}
.slick-slide.slick-active { opacity: 1; }
.custImages .slick-slide {opacity: 1;}
/*.slick-list { overflow: visible; }*/
.custImages .slide { position: relative;}
.custImages .slide a:after { position: absolute; content: ''; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 100%; width:100%; background:rgba(0,0,0,0.2); transition:all 0.2s;}
.custImages .slide a:hover:after { background:rgba(0,0,0,0.6); transition:all 0.2s;}
.custImages .slide img, .custImages .slide { height: 400px; }
.brandSlide .slide img { max-height: 100px; max-width: 100px; display: block; margin:0px auto; }
.dotw { padding:40px 0px; margin-top: 20px;background:#f8f8f8; max-width: 1200px; margin:20px auto; border-top: 2px #941D32 solid;}
.dotw .inner { max-width:780px; }
.dotw-image { float: right; width:36%; }
.dotw-image img { display: block; width:100%; border-radius: 100%; margin:0px auto; box-shadow: 0px 20px 60px rgba(0,0,0,0.2) }
.dotw-text { float: left; width: 45%; text-align: center; }
.dotw-text h2 { color:#ED213A; font-size:36px; margin:10px 0 0; text-transform: uppercase; font-weight: bold;}
.dotw-text p { font-size:16px; margin-top: 10px; }
.dotw-text p.timer { font-size:18px; text-align: center; background: #ED213A; background: -webkit-linear-gradient(to left, #93291E, #ED213A); background: linear-gradient(to left, #93291E, #ED213A); padding:10px 0; color:#fff; font-weight: 600; border-radius: 5px; text-transform: uppercase; }
.dotw-text p.timer strong { display: inline-block; width:20%; max-width:60px; font-size:10px; text-align: center; margin:15px 0; }
.dotw-text p.timer span { font-weight: bold; color:#941D32; display: block; height: 45px; line-height: 45px; font-size:28px; width:100%; text-align: center; background:#fff; margin-bottom: 10px; }
.dotw-text a.btn { border-radius: 100px!important; max-width:200px; display: block;margin:0px auto; background:#ED213A;  }
.offerbox {}
.offerbox p.prodTitle { font-size:14px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 500; margin-top: 20px; text-align: center; color:#000; height: 50px; }
.offerbox img { display: block; width:100%; border-radius: 5px; box-shadow: 0px 10px 50px rgba(0,0,0,0.15) }
.specialOffers { max-width:1200px; margin:10px auto; }
.specialOffers h2 { text-align: center;  padding:10px 0px; margin:20px 0px;  background: #ED213A; background: -webkit-linear-gradient(to left, #93291E, #ED213A); background: linear-gradient(to left, #93291E, #ED213A); color:#fff; font-size:24px; letter-spacing: 0.04em; font-weight: 600; text-transform: uppercase;border-radius: 5px; }
.specialOffers .dotw { background: #f8f8f8; padding:50px 0px; margin:20px 0px; border:0px; box-shadow: 0px 0px 0px;}
.specialOffers .dotw h2 { margin-top: 0px; padding-top: 0px; background:none; color:#ED213A; margin:0px; padding: 0; font-size:32px;}
.specialOffers .dotw-text p.timer {  }
.specialOffers #counterHead h1 { font-size:36px; letter-spacing: 0.04em; font-weight: 600; margin-bottom: 10px; text-align: center;}
.specialOffers #counterHead p { font-size:15px; padding:0px 10%; text-align: center;}
.specialOffers { padding-bottom: 30px; }
.trendingProds .slick-slide { padding: 0 10px; }
.trendingProds { padding:0px 0px; }
.specialOffersHome{ padding:50px 0px; }
.slick-prev::before, .slick-next::before { color:#000; font-size: 28px;} 
.slick-prev { z-index: 99;}
.slick-next { z-index: 99; }
.slick-next, .slick-prev { height: 30px; width: 30px;}
.newprods p.prodTitle { font-size:14px;font-weight: 700; overflow: hidden; margin: 10px 0 0px; padding:0px; text-transform: none;height: 40px; line-height: normal; letter-spacing: 0.03em; color: #000; }
.newprods p.prodPrice { font-size:14px; color:#000; }
.newprods p.prodTitle a { color: #000; }
.newprods p.prodTitle span { display: block; font-size: 13px; color:#999; font-weight: 400; margin-top: 3px; text-transform: none; letter-spacing: 0.03em; }
.newprods p.prodPrice { font-size: 16px;  margin:0; text-transform: uppercase; height: 30px; line-height: 30px;}

.newprods p.prodPrice span { color: #8D171A; font-weight: 700;}

.aboutUsHome{font-size:16px; line-height:26px;}

.threeBoxes { padding:20px 0px; background:#fff; }

.addressBook { border-radius: 0px; }
.addressBook.default .abcenter { border-radius: 0px; }
.addressBook .manage span { border-radius: 0px; bottom: -50px; }

.express { width: 64%; }
.express.full { width: 100%; }
.orderSummary { width: 34%; }

.account-box { margin:0 0 20px 0;border:1px #000 solid; }
.account-box h2 { background:#000; color:#fff; padding:10px; border:1px #000 solid; margin: 0; text-align: center;}
.account-box .split { width:50%; float: left; text-align: center; }
.account-box .split p { font-size: 36px; font-weight: bold; }
.account-box .split p span { display: block; font-size:14px; font-weight: normal; }

p.legStatus { text-align: center; padding:10px 0px; border:1px #00d351 dashed; color: #00d351 }

.inner.confirmation h1 {color:#fff; background:#000;}
.inner.confirmation h2 {font-size:22px;}
.inner.confirmation p {font-size:15px;}

/* PROTEIN CALCULATOR */
.proteinCalcPage #counterHead { padding:15px 0; margin-bottom:20px; }
.proteinCalcPage #counterHead h1 { text-align:center!important; }
.protein-container input, .protein-container select {padding: 20px; border:1px #ccc solid; width: 100%; font-size: 14px;}
.protein-container label { display: block; font-size: 17px; font-weight: 700; margin: 10px 10px 10px 0px;}
.prodGrid{max-width:1200px!important;}
.prodGrid h1{font-size:32px;}
.prodGrid p{font-size:14px;}
#recommended { }
#recommended h2 { }
.protein-container { border-top: 1px #ddd solid; padding:10px 0; }
#protein {color:#8D171A;margin-left: 15px; }
.protein-container #products { display:none; padding:10px; border:1px #ddd solid; border-radius:5px;}
#products h2 { text-align:center; padding:20px 0px; border-bottom:1px #ddd solid; }
#btn { display: none; background: #C4B16F; border: 0 none; color: #FFFFFF; padding: 10px 0; text-transform: uppercase; width: 140px; font-family: 'Carrois Gothic', arial, sans-serif; font-size: 18px;}
#btn:hover { cursor:pointer;}
#fbShare { display: none;}
#fbShare:hover { cursor:pointer;}
#tweet { display: none;}
#tweet:hover { cursor:pointer;}

/* BRANDS PAGE */
.brands {margin-top:20px; margin-bottom:20px;}
.brandBox {border:1px solid #ddd; min-height:240px; position:relative;}
.brandBox span.brandLabel{position:absolute; bottom:0; background:rgba(0,0,0,0.4); color:#fff; text-align:center; padding:10px; width:100%; transition:0.4s;}
.brandBox:hover span.brandLabel {color:#FC0; background:rgba(0,0,0,0.9); transition:0s;}



.accountStuff #counterHead h1 {text-align:center; padding:25px 25px 10px 25px;}
.accountStuff #counterHead p {text-align:center;}
p.pointStat {text-align:center; padding:15px 0px; border:1px solid green; border-radius:5px; font-size:17px; font-weight:bold; color:green;}
p.pointStat.redeemed {color:red; border-color:red;}
table.pointsTable {border-collapse:collapse; width:100%;}
table.pointsTable td {padding:20px; border-bottom:1px #000 dashed; font-size:14px;}
table.pointsTable td.points {font-size:18px; font-weight:bold; text-align:center;}
table.pointsTable td.points.done {color:green;}
table.pointsTable td.points.used {color:red;}

.loyaltyPopup .image { background-image:url(/images/78/loyaltyPopup.jpg);}
.loyaltyPopup .text h1 { font-size:24px;  }

.homeCopy { background:#f8f8f8; padding:25px; margin-bottom: 20px; }
.homeCopy h1 { font-size:22px; }
.homeCopy p { font-size:12px; }

.basketPopupMask { position: fixed; height: 100%; width: 100%; left: 0px; top: 0px; background:rgba(0,0,0,0.6);z-index: 10002; display: none; }
.basketPop {  border-radius: 0px; background:#FFF; padding:20px 20px 20px 320px; margin:0px auto 30px auto; box-shadow: 0px 5px 50px rgba(0,0,0,0.2); position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; height:300px; width:660px; z-index: 10003; display:none;transition:0.2s all; }
.basketPop h2 { margin: 0px 0px 5px 0px; text-transform: uppercase; font-size: 18px; color: #2c3e50; color:#d60035;}
.basketPop p { margin:5px 0px;color: #2c3e50; font-size: 13px;}
.basketPop p strike { color:#999; margin-top: 10px; }
.basketPop p strong.price { color:#d60035; font-size:18px; }
.basketPop a { color: #5e926d }
.basketPop .btn { float: right; width: 48%; margin:0 0 20px 0; }
.basketPop .btn.red { float: left; font-size: 16px; background:#00d351; color: white; border-color: transparent;}
.basketPop .two-third {  position: relative; }
.basketPop img { position: absolute; left: 0px; top:0px; margin-right: 10px; height:300px;}
.basketPop .third p { text-align: center; padding:0px;}
.basketPop .third p strong { font-size: 20px; }
.basketPop #timer { text-align: center; color:#d60035; font-weight: bold; font-size: 20px; }
.basketPop .timetext { clear: both; }

.addpop-container { width:90%; max-width: 700px; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; box-shadow: 0px 10px 130px rgba(0,0,0,0.15); height: auto; padding:30px 30px 40px 30px;background:rgba(255,255,255,1); z-index: 99999 }
.addpop-container .title, .addpop-container .also-title { color: #54575b; font-size: 18px; padding:0px 0px 20px 0px; margin-bottom: 20px; border-bottom: 1px #ddd dashed; position: relative; padding-left: 50px; background: #fff;}
.addpop-container .title .close {  position: absolute; right: -10px; top: -10px; height: 25px; width: 25px; line-height: 25px; color:#fff; font-weight: 800; border-radius: 100%; background:#000; text-align: center; font-size:12px; cursor: pointer;}
.addpop-container .also-title { padding: 10px 0 0; margin: 0; border:0px; text-align: center; }
.addpop-container .title i, .addpop-container .also-title i { display: inline-block; height: 35px; line-height: 35px; width: 35px; border-radius: 100%; border:1px green solid; text-align: center; position: absolute; left: 0px; top:-20px; bottom: 0px; margin: auto; font-size:16px;}
.addpop-container .addedProd .image { min-height: 150px; width: 28%;float:left; vertical-align: top; }
.addpop-container .addedProd .image img { display: block; width:100%; }
.addpop-container .addedProd .details { float:right; width:68%; padding:0px 0 0 4%; border-left: 1px #ddd dashed; vertical-align: top; padding-bottom: 20px; }
.addpop-container .addedProd .details h2 { color: #54575b;font-size: 18px;line-height: 28px;font-weight: 300;margin-top: 0px; margin-bottom: 10px;}
.addpop-container .addedProd .details h2 span { color: #54575b;font-size: 14px;line-height: 28px;font-weight: 300; margin-top: 0px; display: block;}
.addpop-container .addedProd .details .price { margin-bottom: 10px; }
.popbtn { margin:0px 0px 0px; }
.popbtn .btn { height: 45px; line-height: 45px; padding:0px; width:48%; float: left; background:#222; border:0px; color:#fff; text-decoration: none; font-size:12px; letter-spacing: 0.1em; font-weight: 700; text-transform: uppercase; }
.popbtn .btn.green { background:#00d351; float: right; color:#fff; }
.addpop-container .products { text-align: center; padding:10px 0 0; border-top:1px #ddd dashed; min-height: 440px; }
.addpop-container .products .col.quarter { float: none; display: inline-block; width:31%; padding-bottom: 0px; margin-bottom: 0px;}
.addpop-container .products .col.quarter p.prodTitle a { text-decoration: none }

.fc-popup-mask { position: fixed; top: 0px; left: 0px; right: 0px; bottom:0px; height: 100%; width: 100%; background:rgba(255,255,255,0.8); z-index: 999; }
.fc-popup { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; width: 90%; height: 90%; max-width: 1200px; max-height: 750px; background:#fff url(/images/78/fc-popup.jpg) bottom center no-repeat; background-size:cover; box-shadow: 0px 0px 180px rgba(0,0,0,0.6); z-index: 1000; }
.fc-popup h2 { color:#fff; font-size:86px; letter-spacing: 0.2em; margin:10px auto;}
.fc-popup .pop-text { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; height: 400px; text-align: center; }
.fc-popup h3 { color:#fff; letter-spacing: 0.1em; font-size:38px; margin:10px auto; }
.fc-popup h3 span { color:#f7223b; }
.fc-popup p { color:#fff; font-size:18px; font-weight: bold; letter-spacing: 0.05em; }
.fc-popup form { width:90%; max-width:900px; margin:40px auto 0px auto; }
.fc-popup form input { height: 70px; line-height: 70px; background:#fff; font-size:16px; border:0px; width: 100%; padding:0 0 0 20px; font-family: 'Montserrat'; font-size:18px; float: left; width: 65%;}
.fc-popup .btn { background:#f7223b; height: 71px; line-height: 71px; margin:0; border-radius: 0px!important; font-size:26px; letter-spacing: 0.08em; position: relative; float: right; width: 33%;}
.fc-popup .btn:before { content:''; position: absolute; top: 0px; right: -10px; bottom: 0px; margin:auto; width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 20px solid white; z-index: 10;}
.fc-popup .btn:after { content:''; position: absolute; top: 0px; right: -5px; bottom: -20px; margin:auto; width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-left: 20px solid rgba(0,0,0,0.2); z-index: 9;}
.fc-popup .return .btn { display: block; float: none; width: 340px; margin:0px auto; font-size:22px; }
.fc-popup .close-pop { display: block; text-align: center; position: absolute; bottom: 0px; left: 0px; width: 100%; color:#777; font-size:17px; letter-spacing: 0.05em; height: 70px; line-height: 70px; font-weight: bold; }
.fc-popup .return { display: none; }
.fc-popup .return p { font-size:15px; padding:0px 20px; max-width: 85%; margin:10px auto; }
.fc-popup p a { color:red; }

.deal-of-the-week {background:#f5f5f5; margin:0 0 20px 0; border-radius: 5px; position: relative;}
.deal-of-the-week h2 { margin:0!important; font-size:28px!important; color:#ED213A!important; background:none!important; text-transform: uppercase; font-weight: 700; text-align: left; padding: 0}
.deal-of-the-week p { margin:10px 0 10px 0; color:#000; font-size: 14px; font-weight: bold;}
.deal-of-the-week .image { float: left; width: 22%; background:#fff; border:1px #ddd solid; margin-right: 5%;}
.deal-of-the-week .image img { width: 100%; max-width: 400px; display: block; margin:0px auto; }
.deal-of-the-week .text { float: left; width: 73%;  padding:15px 120px 0px 0px; }
.deal-of-the-week .newPrice p { font-size:14px; margin:0 0 5px 0; color:#000;}
.deal-of-the-week .newPrice span { display: block; height: 70px; line-height: 70px; font-weight: 700; background:#ED213A; text-align: center; font-size:36px; color:#fff; letter-spacing: -0.04em; border-radius: 10px; }
.deal-of-the-week .newPrice strong { display: block; height: 30px; line-height: 30px; font-weight: 700; background:#ED213A; text-align: center; font-size:12px; color:#fff; margin-top: 5px; }
.deal-of-the-week .promoTimer p { font-size: 14px; margin:0 0 5px 0; color:#000;}
.deal-of-the-week .promoTimer .col { margin-top: 0px; margin-bottom: 0px; }
.deal-of-the-week .promoTimer span { display: block; height: 70px; line-height: 70px; font-weight: 700; background:#fff; box-shadow: 0px 0px 30px rgba(0,0,0,0.2); text-align: center; font-size:30px; letter-spacing: -0.03em;  color:#ED213A; border-radius: 10px;}
.deal-of-the-week .promoTimer strong { display: block; height: 30px; line-height: 30px; font-weight: 700; border:0; text-align: center; font-size:10px; text-transform: uppercase; color:#000; margin-top: 5px; }
.deal-of-the-week .save { position: absolute; top:20px; right: 20px; background:#d60035; color:#fff; height: 100px; width: 100px; display: flex; align-items: center; text-align: center; border-radius: 100%; }
.deal-of-the-week .save span {  text-align: center; font-size: 24px; border:0px; color:#fff; display: block; line-height: normal; margin-top: 30px; }

.inner.bfriday { margin:0 auto 30px auto; max-width: 100%; padding:40px 20px; width: 100%;}
.inner.bfriday img { max-width: 1200px; margin:0px auto 40px auto; }
.inner.bfriday h2 { font-size:52px; letter-spacing: 0.1em;  }
.inner.bfriday h2 span { display: block; font-size:22px; margin-top: 10px;}
.inner.bfriday form#footerSignUp { max-width: 500px; margin:40px auto; color:#fff;}
.inner.bfriday form#footerSignUp a { color:#fff; text-decoration: underline; }
.bfriday form#footerSignUp input#footerEmail, .bfriday form#footerSignUp input#footerTelephone { display: block; background:none; color:#fff; height: 50px; border:2px #fff solid; text-align: center; width: 100%; font-size:18px; max-width: 100%; border-radius: 100px;}
.bfriday a.btn { background:#fff; color:#000; letter-spacing: 0.1em; max-width: 300px; margin:0px auto; padding:0px; height: 50px; line-height: 50px; }
.bfriday form#footerSignUp #joinBTN { background:#fff; color:#000; width: 100%; padding:0px; height: 50px; line-height: 50px; font-size:20px; font-weight: bold; letter-spacing: 0.1em; max-width: 100%; }
.bfriday #footerSignUp .signupResult { width: 100%; }

.bfriday .section { padding:0px; }
.b-box { padding:0; max-width: 500px; width:100%; display: inline-block; margin:10px; position: relative;}
.b-box i { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; }
.b-box i.fa-lock-alt { background:#000; color:#fff; }
.b-box .imageFrame { float: left;width: 150px; position: relative; }
.b-box .info { float: right; width: calc(100% - 170px); }
.b-box img { margin:0!important; }
.b-box p { position: static; background:none; color:#fff; font-weight: bold; font-size:18px; text-align: left; line-height: 28px; letter-spacing: 0.04em; }


@media only screen and (max-width: 1200px){
	.products .col {margin: 1% !important; width: 31.3%; }
	#alsoLike .col { width:25%;  }
}

@media only screen and (max-width: 1100px){
	/*.header-fixed { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 999; }*/
	/*body { padding-top: 130px; }*/
	.toggle { display: block; z-index: 99999; }
	.toggle.fa-times { color:#000!important; }
	#usp{display:none;}
	.counterTimer { display: none; }
	.content {float:none; width:100%;}
	.logo, .icons { width:50%; }
	.nav { z-index:990;position: fixed; height:100%; top: 0px; left: -300px; margin-right:0px; width: 100%; max-width:300px; z-index: 9999; overflow: auto; transition:all 0.2s; padding-top: 90px;}
	.menu ul { text-align: left;}
	.menu ul li { display: block;}
	.menu ul li a { height: 45px; line-height: 45px; font-size: 12px; }
	.menu ul li .sub { position: static; box-shadow: 0px 0px 0px;padding:0;}
	.menu ul li .sub li.col { display: block; width: 100%; }
	.menu ul li .sub li a { color: #555; font-weight: normal; font-size: 12px; padding:0px 20px; height: 45px; line-height: 45px; }
	.open .nav { transition:all 0.2s; left: 0px; box-shadow: 0px 0px 60px rgba(0,0,0,0.3)}
	.wrapper.open .filter { content: ''; position: fixed; height: 100%; width:100%; background:rgba(255,255,255,0.5); z-index: 999; }
	.wrapper.open { transition: .2s; position: relative; }
	.header { border-bottom:1px #000 solid; }
	.buybox-upsell { position: static; width: 100%; margin-top: 15px; }
	p.loyaltyWorth { font-size: 12px;  }
	.buybox { padding-right: 0px; }
	.prodimage { width: 49% }
	.buybox { width: 49% }
	div#sidemenu div.filterKeys {margin: 0 0; display:none; padding:10px 0px; width:100%;}
	.content.col { margin:0; }
	div.sidemenu {width:100%!important; height: 90%; position: fixed; top:auto;left: 0px;right: 0px; bottom: -100%; z-index: 999; background: #fff; box-shadow: 0px 0px 40px rgba(0,0,0,0.6); display: block; transition:all 0.2s; overflow: scroll;}
	div.sidemenu.open { transition:all 0.2s; bottom:0px; }
	div.sidemenu.open .filterClose { display: block; }
	div#sidemenu h2,div#sidemenu div.filterSub h3 { height: 45px; line-height: 45px; padding:0px 15px; }
	div#sidemenu div.filterSub h3.hasSub::before { top: 0px; }
	div#sidemenu label { padding:10px 10px 10px 40px; border:1px #ddd solid; margin:4px 0; }
	[type="checkbox"]:not(:checked) + label::before, [type="checkbox"]:checked + label::before, [type="radio"]:not(:checked) + label::before, [type="radio"]:checked + label::before { top: 10px; left: 10px; }
	[type="checkbox"]:not(:checked) + label::after, [type="checkbox"]:checked + label::after, [type="radio"]:not(:checked) + label::after, [type="radio"]:checked + label::after {top: 10px; left: 10px; }
	div#sidemenu div.filterKeys { padding:10px; display: block;}
	.col.full-btn{margin:0;}
	.delBtns .col:first-child, .billBtns .col:first-child {margin-left:0;}
	.delBtns .col, .billBtns .col  { margin:1% 0% 1% 1.6%; }
	div#sortBar { padding: 0 }
	div#sortBar label, div#pagination { display: none; }
	div#sortBar select { width: 100%; margin:0; text-align: center; font-size: 12px; height: 40px; line-height: 40px; }
	div#sortFilter { width: 50%; }
	.filterBTN { width: 50%; height: 40px; line-height: 40px; font-size: 12px; text-transform: uppercase; font-weight: bold; text-align: center; display: block; float: left; cursor: pointer;}
	#accMenu { margin:1% 0%; }
	.accountStuff { margin:1% 0 1% 1.6%; }
	.accountStuff .orderDetail .section .col:first-child {margin-left:0;}
	.accountStuff .orderDetail .section .col { margin:1% 0 1% 1.6%; }
	.article .col p {font-size:15px;}
	.suppiesContent{width:100%;}
	.products .col .btn { opacity: 1; bottom: 10px;}
	.menuItems{float:none; width:100%;}
}

@media only screen and (max-width: 1100px) {
	.topbar {display:none;}
	.toggle { display: block; }
	.feature{margin:15px 0px; background:none;}
	.prodimage .thumbs {float:none; width: 100%; display: none}
	.prodimage .thumbs span {margin: 2%;}
	.prodimage .mainImage{max-width:700px; float:right;}
	.addpop::before { right: 50px; }
	.mobGuarantee{position: relative!important;  width:100%!important; box-shadow:0px 0px!important; margin:0!important; max-width: 100%!important; bottom: 0px!important; padding:3% 0!important; text-align:left!important; background:none!important;}
	.guaranteeShoe{box-shadow:0px 0px !important;}
	.guarantee{display:none;}
	.prod-section.grey{padding-bottom:40px!important;}
	#hero .filter::after {content: "";display: block;height: 100%;left: 0;top: 0;position: absolute;width: 100%;z-index: 1;}
	.story{width:100%; float:none; margin:0;}
	.storyImage{width:100%; float:none; margin:0; }
	.storyImage img{margin-top: 0;}
	.story-top{text-align:left;}
	.story{width:100%; margin:0; font-size: 16px; padding:0px;}
	.story-image{width:100%; margin:0 0 2% 0;}
	.story-image img{width:30%; margin:1%;}
	.src span, .account-top span { display: none; }
	.review { display: none; }
	.tabContent { float: none!important; width: 100%; }
	div.accessories { float: none; margin:20px auto;}
	.keyBullet { font-size: 12px; }
	p.perServing { text-align: left; font-size: 14px;}
	button.add { margin-top: 10px; }
	.product .social { display: none; }
	.tab { font-size: 16px; height: 55px; line-height: 55px; text-transform: uppercase; border-radius: 5px; }
	.tab i { height: 55px; line-height: 55px; display: block;}
	.tabContent { padding:0 5%; position: relative; }
	.tabContent img { max-width: 250px; }
	.tabDetails .closer { display: block; }
	.tabDetails { padding:65px 20px 20px; position: fixed; top: 0px; right:0px; max-width:600px; z-index: 999; height: 100%; width:100%; background:#fff; box-shadow: 0px 0px 30px rgba(0,0,0,0.3); display: none; border:0; overflow: auto}
	.tabDetails.active { display: none; }
	.search{width:48%;}
	.ticksLabel{height:40px; line-height:40px;}
}

@media only screen and (max-width: 900px) { 
	.despatchTimer .text { float: none; width: 100%; text-align: center; }
	.despatchTimer .timer { float: none; width: 100%; }
	.video .col .video-intro div {width: 70%;height: 190px;}
	.video h2 { font-size: 32px;}
	.crumbs { background:none; padding:15px 0px; margin: 0; }
	.loyaltyContent .loyalty{padding:10px 0!important;}
	.loyaltyContent .loyalty .loyaltyBox{width:100%;}
	.col.third { width: 100%; margin:1% 0; }
	.banners.mobile { display: block; }
	.banners.desktop { display: none; }
	.usp { display: none; }
	p.prodcode { display: none; }
	.offerBox{ margin-top:15px; }
	.offerBox:first-child{ margin-top:15px; }
	.offerBox:last-child{ margin-bottom:15px; }
	.offerBox .imageFrame{ display:none; }
	.offerBox .prod-details{ width:100%; margin:0; float:none; height: auto; padding-bottom: 60px; }
	.offerBox .prod-details .offerCode span{ width:100%; }
	.article .col p {font-size:18px;}
	.basketStuff{float:none; width:100%;padding:1% 0;}
	#rightInfo{float:none; width:100%;padding:20px; margin:20px 0;}
	#basketTable .section.basket-item { padding-left: 0px; background:#fff; border-bottom: 1px dashed #ddd }
	#basketTable .section .col.quarter { width:20%; margin: 0 }
	#basketTable .section .col.two-third { width:70%; margin:0; float: right; }
	#basketTable .section .col.third { width:20%; margin:0; }
	#basketTable .section .col.third .btn.red { margin-top:0px; font-size:18px; }
	#basketTable .section .col.three-quarter { width:70%; margin: 0; float: right;  }
	#basketTable .basket-item.gift .basketImg img { display: block; width: 100%; }
	#basketTable select { margin-bottom:10px; }
	#basketTable .section.gift { padding:15px; }
	#basketTable .section.gift .col.two-third { width:100%; margin:0; float: left;}
	#basketTable .section.gift .col.third { width:100%; margin:0; }
	#basketTable h3 {margin: 0}
	.homeprods{display:none;}
	.optoutMessage{top:227px;}
}

@media only screen and (max-width: 880px) {
	.brands .brandGrid .col { width:48%; margin:1%; }
	.mobile-banner{display:block;}
	.banner{display:none;}
	.slide { cursor: pointer;}
	.custImages .slide { min-height: auto!important }
	.products .col { width:48%!important; margin:1%!important;}
	#counterHead.counter h1 { font-size: 22px; text-align: center; margin:0; }
	#counterHead.counter p { font-size: 13px; height: 40px; overflow: hidden; display: none;}
	.prodStars { margin:10px auto 0px auto; }
	.inner.product{ width:100%;}
	.prodimage{float:none; width:100%;}
	.prodimage .mainImage{float:none; max-width: 750px; margin:0 auto ;}
	.prodimage .thumbs {float:none; width:100%;}
	.prodimage .thumbs span {margin: 2%;}
	.prod-lead h1{padding-right:0;}
	.chosenStock p.inStock{text-align:center;}
	.buybox{float:none; width:100%; padding: 0 5%;}
	.prod-section .details{float: none; width:100%;}
	#counterHead p {font-size:12px; line-height: normal;}
	.inner.product {padding:0px;}
	.prod-section {padding:5%;}
	.prod-section p{font-size: 14px; line-height:26px;}
	.prod-section img.featured {display:none;}
	.static p span{font-size:16px;}
	.static p{font-size:14px;}
	.about p{max-width:100%;}
	.popup { position: fixed; z-index: 101; width: 90%;  height: 90%;overflow: auto;margin: auto;top: 0; left: 0; bottom: 0; right: 0; display: none;}
	#usp.fixed { display: none; }
	.basketPage{padding:0px;}
	.basketPage .inner{padding:0px 0px;}
	#rightInfo form input, #rightInfo form .apply { display: block; float: none; width: 100%; margin:5px 0; }
	.express{float:none; width:100%;}
	.orderSummary{float:none; width:100%; margin-top:5%;}
	.step{padding:20px; }
	.step, .half{float:none; width:100%;}
	a.securePay{padding:0px 10px;}
	.addressBook{width:48%; margin-right: 1%}
	.btn.black{background:#000; border:1px #000 solid; color:#fff;}
	.black{cursor:pointer;}
	.half.right.btn{margin:0;}
	.mobile-footer a:hover{color:#d1692d;}
	.summary p{line-height:25px;}
	.express .step .right{margin-top:0px;}
	.express .step .right .btn{margin:0px;}
	.inner.static{padding:0px 0px;}
	.promos .col { width: 100%; height: 200px; margin:10px 0px; }
	.promos .text { width: 90%;left: 0; right: 0; top: 0; bottom: 0; margin:auto; text-align: center; }
	.promos .text h2 span {  }
	.promos .btn { max-width:180px; margin:10px auto; }
	#hero h1 { font-size: 46px; }
	#hero img { max-width: 90%; width: 100%; }
	.tabContent ul{padding-left:25px;}
	#footerSignUp #joinBTN {  }
	.footer .col { float: none; width: 100%; margin:10px 0px; text-align: center; }
	.footer p.copyright { text-align: center; font-size:12px; }
	.footer .social a { float: none; display: inline-block; }
	.buybox { margin:10px 0; }
	.crumbs { text-align: center; }
	button.add { width: 100%; max-width: 100%; }
	.tabContent table.aTable{width:100%;}
	.inner.account #accMenu { display:block; width:100%; float:none; }
	.accountStuff {margin:1% 0%; float:none; width:100%;}
	.col.full-btn{width:100%!important;}
	.prodQty{width:100%!important;}
	.basketPage #counterHead { margin-bottom: 0; }
	.products .col p.prodPrice { font-size: 15px; }
	.products .col p.discountUpsell { font-size: 10px; }
	.snap {width:50%;}
	.article {padding: 0 0 10px 0;}
	.article-menu {margin-top:20px;}
	.article, .article-menu {float:none; width:100%;}
	.article h1 {font-size:28px; text-align:center;}
	#basketTable .basketImg { width: 100% }
	#basketTable p { font-size: 14px; }
	.inner.confirmation .orderDetails {float:none!important; width:100%!important; padding:0!important;}
	.orderSummary {float:none!important; width:100%!important;}
	.inner.confirmation .col.quarter {width:100%; float:none; margin:15px 0;}
	.emailBackInStock { position: fixed; top: 0px; left: 0px; width:100%; height: 100%; overflow: auto; padding:20px; z-index: 999; margin:0px; background:#fff;}
	.emailBackInStock h3 { font-size:17px; color: #000; margin-top: 0px; }
	.emailBackInStock input, .emailBackInStock select, .emailBackInStock button { background:#f7f7f7; font-size:14px;display:block; border:1px #ddd solid; padding:15px; height:auto; width: 100%; -moz-appearance:none; -webkit-appearance:none; margin:10px 0px; border-radius: 5px; }
	.emailBackInStock button { background:#000; color:#fff; text-transform: uppercase; font-size:14px; font-weight: 900; cursor:pointer;}
	.loyaltyContent .title h1{font-size:20px;}
	.suppiesContent{margin:10px 0;}
	.suppieWinner{margin:40px 0;}
	.Simage{float:none; width:100%; text-align:center;}
	.Sinfo{float: none; width: 100%; padding-left: 0px;}
	.accountStuff #counterHead h1 {padding:25px 25px 10px 25px;}
	.tab { border:0px; border-top: 1px #ddd solid; border-radius: 0px; margin:0; }
	.tabContent { border:1px #ddd solid; border-top: 0px; padding:0px; width:90%; margin:10px auto; }
	.tabContent, .tabContent p { font-size:12px; }
	.tabContent h2 { font-size:14px; }
	.optoutMessage{top:417px; left:0px; width:100%;}
	.contactFormContent{border-right:none; padding-right:0;}
	.specialOffers .offerbox{width:50%; margin:1% 0;}
	.specialOffers h2{text-align:center; font-size:28px;}
	.specialOffers .offerbox .prodTitle{font-size:14px;}
	.mapSection .half{margin:1% 0!important;}
	.products.full .col { width: 31%!important; margin:1%!important; }
	.despatch-timer { display: block; float: none; clear: both; margin:1% 1% 0 1%; }
	.newFilters { text-align: center; padding:0 1%; }
	.newFilters .filter-sub { min-width: auto; text-align: left; }
	.newFilters .filter-sub span {  font-size:11px; padding: 0px 50px 0px 10px}
	.newFilters .filter-sub.theFilters { width: 35%; }
	.newFilters .filter-sub.sorting { width: 100%; float: right; }
	.filter-sub.sorting { position: static; }
	.filter-sub.sorting .dropdown { width: 100%; text-align: left; }
	#counterHead.counter h1 { font-size: 22px; text-align: center; margin:0; }
	#counterHead.counter p { font-size: 13px; }
}

@media only screen and (max-width: 720px){
	.prod-lead { padding:10px 0px 0px; margin:0; }
	.prod-lead h1 { font-size:16px; }
	p.brandLink { }
	.prodStars { text-align: left; position: relative; top: 0; left: 0; margin:2px 0; width:100%; }
	.prodStars .reviewText { padding: 0; margin: 0px; text-align: left;}
	.col.full-btn{width:100%!important;}
	.prodQty{width:100%!important;}
	.started .col{height:auto!important;}
	.started .text{position:relative; margin:10px auto; width:90%; text-align:center; left:0;}
	.started .text h2{margin:0;}
	.started .dropDown{right:0; width:90%; margin:10px auto; position:relative;}
	.started .selectGender{z-index:99;}
	.started .selectGoal{z-index:98;}
	.started .goalBTN{position:relative; right:0; margin-bottom:20px; width:90%; z-index:1;}
	.despatchTimer{width:100%;}
	.despatchTimer p span{margin:5px;}
	.orderDetail .col.third { width:100%; margin:1% 0%; }
	.addressBook .manage span { width:100%; padding:10px 0px; font-size: 12px;  }
	.addressBook .manage { bottom: -50px; }
	.accountStuff .btn { width:100%; }
	.delBtns .btn, .billBtns .btn  { display:block;margin-left:0;}
	.addpop .btn { width: 100%; float: none; display: block; margin:10px 0px; font-size:13px; height: 45px; line-height: 43px; }
	button.optionBTN, button.optionBTN:disabled, button.optionBTN[disabled] ,button.disabledBTN { font-size: 14px!important; }
	.accountStuff .orderDetail .section .col { margin:1% 0%; }
	.inner.copy { display: none }
	.idealTime { display: none; }
	.tabContent .idealTime h2 { font-size:32px; }
	.idealBox{min-width:100%; max-width: 100%;}
	.tabContent .idealTime h2 { margin-bottom: 0px; }
	.idealBox h3{padding:15px 0; font-size:14px; margin: 0;}
	.prodBox.col.quarter { width: 50%; margin:1% 0; }
	#alsoLike h2 { text-align: center; }
	.addressBook.col { margin-bottom: 60px; }
	.article h1 {font-size: 32px; }
	.article .col { width: 100%; margin:1% 0; }
	.step.login .half { margin-bottom: 30px; }
	.step.login .half [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label, [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {cursor: pointer;position: relative;padding: 10px 10px 10px 35px; background:#fff;}
	.addpop { position: fixed; top: auto; left: 0px; right: 0px; top: 50px; margin:0; width: 100%; height: auto; box-shadow: 0px 0px 20px rgba(0,0,0,0.5);z-index: 9999; border:0px; background:rgba(255,255,255,0.98); }
	.addpop p.message i { height: 15px; width: 15px; line-height: 13px; font-size: 9px; }
	.addpop hr { margin:4px 0!important; }
	.addpop p.message { font-size: 13px; padding:8px; }
	.addpop h3 { font-size: 13px; }
	.addpop p.discountUpsell i { display: none; }
	.addpop p.discountUpsell { font-size: 12px; text-align: center; }
	.specialOffers{padding-bottom:20px;}
	.products .specialOffers{padding-bottom:0px;}
	.products .specialOffers .col { width:50%; margin:1% 0;}
	.custImages .slide img, .custImages .slide { height: 300px; }
	#rightInfo { background:none; padding:0px; margin:0;}
	#footerSignUp  { padding:25px 0px; }
	#footerSignUp strong { font-size: 18px; }
	#removeBTN { top: auto; bottom: 15px; height: 50px; line-height: 50px; }
	#bundleInfo .bundleBox {padding:15px;}
	#bundleInfo ul li {font-size:13px; height:35px; line-height:normal;}
	#bundleInfo ul li:after { width:20px; font-size:15px; height:20px; line-height:18px; }
	.tabContent ul{padding-left:0px; margin:18px 5px;}
	.search{display:none; top:116px; height:50px; width:100%;}
	.src{display:block;}
	.stockMessage span { font-size: 12px; }
	.prod-details .offerTerms{height:auto;}
	.products .col .btn { display: block; }
	table.pointsTable td {font-size:13px;}
	table.pointsTable td.points {font-size:17px;}
	.prodimage .mainImage { border:0; }
	.prodimage .crumbs { position: absolute; top: 0px; left: 0px; width:100%; font-size: 11px; z-index: 99 }
	.optoutMessage{top:395px; left:0px; width:100%;}
	#alsoLike .col { width:50%;  }
	.basketPop { width: 100%; top: auto; padding:15px; height: auto;}
	.basketPop img { height: auto; float: left; width: 25%; position: static; }
	.basketPop .text { float: right; width: 70%; }
	.basketPop form { clear: both; }
	.basketPop h2 { font-size:20px; }
	.basketPop p { font-size: 12px; margin:5px 0; }
	.basketPop .btn { margin:10px 0px; }
	.dotw-image { float: none; width: 90%; margin:10px auto; }
	.dotw-image img { max-width: 260px;margin-bottom: 20px; }
	.dotw-text { float: none; width: 90%; margin:10px auto; }
	.fc-popup h2 {font-size:48px; max-width: 90%;}
	.fc-popup h3 { font-size:28px; max-width: 90%; }
	.fc-popup form input, .fc-popup .btn { width: 100%; float: none; }
	.deal-of-the-week .image { width: 100%; float: none; }
	.deal-of-the-week .text { width: 100%; float: none; padding:20px;}
	.deal-of-the-week .col.newPrice { width: 100%; float: none; margin:10px 0px; }
	.deal-of-the-week .col.promoTimer { width: 100%; float: none; margin:10px 0px; }
}

@media only screen and (max-width: 600px) {
	#options.hide{display:none;}
	.mobProdOptions{position:fixed; bottom:0; width:100%; height:50px; display:block; z-index:999; left:0; background:#00d351; box-shadow: 0px 0px 40px rgba(0,0,0,0.6);}
	.mobProdOptions:hover{opacity:1;}
	#options .price { display: block; }
	.btn.clear{width:100%;}
	.specialMessage { font-size:12px; }
	p.thePrice { font-size:20px; margin:5px 0px 0px; }
	#basketTable p { font-size:12px; }
	#basketTable p strong { font-size:14px; }
	#basketTable .section .col.third .btn.red { font-size:14px; }
	.easy-autocomplete-container { display: none; }
	.singleBanner{width: 100%; margin: 0; padding: 30px 0 90px 0;}
	.singleBanner .banner-group{width: 95%; margin: 0 auto;}
	.singleBanner .banner-group h1{font-size: 44px;}
	.singleBanner .banner-group p strong{font-size: 28px;}
	.singleBanner .banner-group .btn{width:100%; margin:3px 0;}
	.col.quarter.brandBox { width: 48%; margin:1%!important; background-size: contain!important; }
	.stickyMessage{font-size:11px;}
	.products.full .col { width: 48%!important; margin:1%!important; }
	.despatch-timer { padding:0; border:0; }
	.despatch-timer p {height: auto; line-height: normal;}
	.header-padd { padding:0; }
	.floating-menu { right: 10px; bottom: 10px; }
	.floating-menu i { height: 40px; line-height: 40px; width: 40px; }
	.pop-links:after { right: 8px; }
	.pop-links { max-width: 320px; box-shadow: 0px 0px 30px rgba(0,0,0,0.5); }
	.pop-links.active { bottom: 48px; }
	.pop-links h2 { padding:20px 0 50px 0; }
	.pop-links .row { max-height: 420px; }
	.pop-links a.btn { font-size:11px; }
	/*body { padding-top: 84px; }*/
}

@media only screen and (max-width: 480px) {
	.mapDiv{height:400px;}
    .mapDiv #vmap{width:300px!important; height:300px!important;}
    #counterHead .inner { padding:10px 0; }
    #counterHead .crumbs { padding:0; }
}

@media only screen and (max-width: 460px) {
	.basketPage h1 { font-size:16px; }
	.products .col { width: 48%; margin:1%; }
	.header.secure .logo {width:30%;}
	.header.secure .logo img {position:unset;}
	.brands .brandGrid .col { width:48%; margin:1%; }
	.brands .brandGrid .col {background-size:75%!important;}
	#starHolder.shopStars { padding:5px 0; font-size: 10px; }
	#hero { min-height:470px; }
	#hero h1 { font-size:32px; }
	.promos .text h2 { font-size:26px; }
	.promos .col { height:180px; }
	.promos .text { height:130px; }
	#footerSignUp p { font-size:14px; }
	#footerSignUp input#footerEmail { width:90%; }
	#counterHead { padding-bottom:10px; }
	#counterHead h1 { font-size:24px; padding:0 5%;}
	.products .col p.discountUpsell { height:55px; display: none; }
	.icons i { font-size:17px; width:30px; height: 50px; line-height: 50px;}
	.icons a { display:none; height: 50px; line-height: 50px; }
	.icons a.basketIcon { display:block; }
	.icons a.myAccount { display:block; }
	.basketIcon span { right:0px; top: 5px; }
	.icons a.src { display: block; }
	.toggle { font-size:17px; height: 50px; line-height: 50px; }
	.margin-top { height:50px; }
	.logo img { height:30px; position:absolute; top:0; bottom:0; left:40px; margin:auto; }
	.header { padding:0px; }
	.nav { padding-top: 90px; }
	button.add { font-size:18px; }
	.emailBackInStock input, .emailBackInStock select, .emailBackInStock button { float: none; width: 100%; margin-top: 5px; }
	.loyaltyHP h2 { font-size: 34px; }
	.loyaltyHP p { font-size: 16px; padding:0 20px; }
	.snap{width:100%; float:none;}
	.custImages .slide img, .custImages .slide { height: 250px; }
	.search{width:100%; top:97px; height:50px; padding:5px 0;}
	.search form input{height:50px; line-height:50px; width:100%;}
	.search button{height:50px; line-height:50px;}
	.easy-autocomplete{width:238px!important;}
	.tab { font-size:12px; letter-spacing: 0.03em; }
	.chooser { font-size:14px; }
	.chooser span { font-size:12px; }
	.chooser i { font-size:16px; font-weight: 700 }
	table.pointsTable td {padding:16px; font-size:12px;}
	table.pointsTable td.points {font-size:16px;}
	.stickyAdd .btn { height: 50px; width:100%; line-height: 50px; font-size: 20px; }
	.despatchTimer{padding:10px;}
	.despatchTimer .text{padding:0;}
	.despatchTimer h3{font-size:14px;}
	.despatchTimer p{font-size:12px;}
	.despatchTimer .timer span{height:30px; line-height:30px; font-size:18px; }
	.emailBackInStock{padding:65px 20px 20px;}
	.tabDetails .closer{text-align:left;}
	.topBrands{display:none;}
	.feefoBox{display:none;}
	.optoutMessage{top:463px; left:0px; width:100%;}
	.homeprodsNew { padding: 15px 0px;}
	.specialOffers h2{font-size:24px;}
	.stickyMessage{height:auto; line-height:normal; padding:10px 0; overflow: hidden; font-size:10px; letter-spacing: 0.2}
	/*.header.low{margin-top:52px;}*/
	.search { border-radius: 0px; }
	.fc-popup h2 {font-size:32px; max-width: 90%;}
	.fc-popup h3 { font-size:20px; max-width: 90%; }
	.fc-popup form input, .fc-popup .btn { width: 100%; float: none; height: 50px; line-height: 50px; }
	.pop-links .row { max-height: 390px; }
}

@media only screen and (max-width: 800px) {
	.loyaltyPopup { height: 750px; }
	.addpop-container .addedProd .image { width: 18% }
	.addpop-container .addedProd .details { width: 78%; }
	.addpop-container .addedProd .details h2 { font-size: 18px; line-height: 24px; }
	.popbtn .btn { float: none!important; width: 100%; margin: 5px 0 0; }
	.addpop-container .addedProd .details h2 span { font-size: 14px; }
	.addpop-container .title .close {top: -40px; right: -40px;}
	.addpop-container .title, .addpop-container .also-title { font-size: 14px; }
	.addpop-container .products .col.quarter { width:28%; }
	.email-pop-new{width:90%; max-width: 600px;}
	.email-pop-new .email-signup { padding:20px; }
	.email-signup #myForm #email{width:100%; margin-bottom:10px;}
	.email-signup #myForm #join{width:100%;}
}

@media only screen and (max-width: 620px) {
	.loyaltyPopup { height: 580px; }
	.loyaltyPopup .image { height: 100px; background-position:70% 70%;} 
	.loyaltyPopup .text h1 { font-size:18px; }
	.tabbed { padding:15px; }
	.tabs span { font-size: 12px; padding:0px 10px; }
	.products .col p.prodTitle { font-size:12px; height:104px;}
}

@media only screen and (max-height: 580px) {
	.loyaltyPopup { height: 90%; }
	.loyaltyPopup .image { display: none; }
	.loyaltyPopup .text { padding:20px; }
	.addpop-container .addedProd .details h2 { font-size: 14px; }
}
@media only screen and (max-width: 420px) {
	.brandFilter .col { float: none!important; width: 100%!important; margin:5px 0px!important; }
	.brandFilter .col.first { height: auto; text-align: center; display: block; background:none; color:#000;}
	.brandFilter .col.first h3 { padding: 0; margin:0 0 10px 0; font-size:16px; background:none; color:#000; }
}

@media only screen and (max-width: 320px) {
	.mapDiv{height:400px;}
    .mapDiv #vmap{width:100%!important; height:320px!important;}
    .pop-links {max-width: 290px; }
}