/*** GREEN = 004b39 ***/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif:300,400,700,800|Karla:400,700');
html {box-sizing: border-box;-webkit-font-smoothing: antialiased;}
*, *:before, *:after { box-sizing: inherit;-webkit-font-smoothing: antialiased;}
form { margin:0; }
body { margin:0px; padding: 0px; font-size: 14px; background:#fff; font-family: "Karla", Arial; }
.merchandising, img[src="/static-images/tandm/offer-of-the-week/special-offers1.jpg"]{display:none; visibility:hidden; height:0!important; width:0!important; margin:0!important; padding:0!important;}
.inner { max-width: 1160px; width: 100%; margin:0px auto; }
.inner.small {max-width: 600px;}
a { text-decoration: none; color:#005454; outline: none!important; }
a:hover { color:#000; }
a img { border:0; }
select{outline:none; -webkit-appearance:none; -moz-appearance:none;}
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.clear { clear: both; }
.deliveryText div.green { color:green!important; }
.block { display: block; }
.noto { font-family: 'Noto Serif'; }
.karla { font-family: 'Karla'; }
input, select, label, button { font-family: 'Karla'; border-radius: 3px;  }
input, select { border:1px #ddd solid; }
hr { margin:20px 0px; height: 1px; border:0px; border-top: 1px #ddd dashed; }
h1,h2,h3,h4 { margin:15px 0 15px 0; color:#004b39; }
h1 { font-size: 28px; font-weight: 600; }
p { font-size: 15px; color:#555; line-height: 22px; margin:20px 0;}
.btn { background:#DA2F2F; color:#fff; border:0; border-radius: 3px; transition:all 0.2s; text-align: center; padding:5px 10px; font-size: 14px; font-weight: 600; text-transform: uppercase;}
.btn:hover { background:#B31515; cursor: pointer; transition:all 0.2s;}
.btn.large {padding:0; height: 50px; line-height: 50px; font-size: 16px;  font-weight: 600;}
.btn.green { background:#76A714; color:#fff; }
.btn.green:hover { background:#588301; color:#fff; }
.btn.large i { font-size: 24px; padding:0px 10px; display: inline-block; vertical-align: middle;}
i:before, i:after { margin:0; line-height: normal!important; width: auto!important }
button{cursor:pointer}
button:active, .btn:active, a.popBtn:active {-webkit-transform: scale(0.95); -ms-transform: scale(0.95);  transform: scale(0.95);}
.lines {overflow: hidden; text-align: center; text-transform:capitalize;}
.lines:before,.lines:after { border-top: 1px solid #004b39; content: ""; display: inline-block; height: .1em; position: relative; vertical-align: middle; width: 50%; margin-bottom: .15em;}
.lines:before {right: 0.5em; margin-left: -50%;}
.lines:after {left: 0.5em; margin-right: -50%;}
/******************/
.noScript { background:#EA212E; color:#fff; font-size: 12px; font-weight: bold; text-align: center; padding:8px 0px; text-transform: uppercase; }
#topbar { background:#f4f6f4; }
#topbar a, #topbar span { font-size: 14px; font-weight: 400; height: 40px; line-height: 40px; }
#topbar span.phoneDisc {font-size:11px; margin-left:10px;}
#topbar span.tel { float: left; }
#topbar .links { float: right; }
#topbar .links a { float: left; margin-left: 15px; }
#header { text-align: center; padding:25px 0; }
#header.secure { padding:25px 0 10px; border-bottom:5px solid #004b39  }
#sticky { background:#fff; }
#sticky.fixed { position: fixed; top: 0; left: 0; width: 100%; }
#logo {float: left;}
#logo img { display: block; max-height: 60px }
/* HEADER ICONS */
#usp .second-icon{display:none;}
#usp p i{font-size:20px;}
#usp p .home-header-hover{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; cursor:pointer; font-weight:bold!important; vertical-align:top; position: relative}
#usp p .home-header-hover:hover{color:rgb(179,21,21);}
#usp a {position: relative;}
#header-icons-golden-stars{display:block; clear:both; color:#eebd2b; margin:0; margin:-10px auto; position: absolute; right: 0px; width: 100%; text-align: center; bottom:-2px;}
#header-icons-golden-stars i{font-size:12px!important; margin:0px -3px;}

/* DEFAULT STYLING FOR GOOGLE REVIEW WIDGET */
#reviewWidget{border: 1px none rgb(245, 245, 245); z-index: 2147483647; position: fixed; left: 0px; bottom: 0px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px; text-indent: 0px; margin: 0px; padding: 0px; background: transparent; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 165px; height: 54px;}
#reviewWidget iframe{position: static; top: 0px; width: 165px; margin: 0px; border-style: none; display: block; left: 0px; visibility: visible; height: 54px;}
/*END OF GOOGLE REVIEW WIDGET*/
.search { display: inline-block; background:#f4f6f4; margin-top: 10px; border:1px #f4f6f4 solid;}
.search input { border:0px; padding:10px; font-size: 15px; background:none; width: 350px;}
.search button { background:#86af49; color:#fff; font-size: 15px; border:0; padding:12px; }
a.basket {font-weight: 600; font-size: 15px; padding:14px; float: right; margin-top: 10px; min-width: 220px; }
a.basket.disabled { background:#f4f6f4; }
p.secure-checkout { float: right; margin-top: 10px; font-size:15px; font-weight: bold; }
#nav { background: #86af49; position: relative;z-index: 999;}
#navbar{position:relative;position:relative;z-index:999;padding:0;margin:0 auto}
#navbar li{list-style:none;float:left}
#navbar li a{display:block;padding:0 12px;color:#fff;font-size:13px;height:45px;line-height:45px;font-weight:600;cursor:pointer;position:relative}
#navbar li p{display:block;padding:0 12px;color:#fff;font-size:13px;height:45px;line-height:45px;font-weight:600;cursor:pointer;position:relative}
#navbar li a.sale{background:#B31515!important;color:#fff}
#navbar li:hover a,#navbar ul li.active a{background:#4D7218;transition:all .2s}
#navbar li a.sale:hover{background:#8D0101!important}
#navbar li ul{display:none;padding:0;margin:0;background:#ccc;position:absolute;left:0;right:0}
#navbar li li{padding:0}
/*#navbar > li:hover > ul{display:block}*/
#navbar a{color:#000;text-decoration:none;display:block;padding:5px 10px}
#navbar li .sub a{color:#0D6B6B;display:block;height:auto;line-height:normal;padding:5px 15px 5px 5px;float:none; background:none; min-width:200px;}
#navbar li .sub a.mainSub{background:#86af49; color:#ffffff;}
#navbar li .sub a.mainSub:hover{background:#4D7218; color:#ffffff;}
#navbar li .sub a:hover{color:#999;background:none}
#navbar li .sub .firstcol{display:inline-block;border-right:1px #86af49 dashed;width:30%;background:#eee;height:350px;margin-bottom:-4px}
#navbar li .sub .inner{background:#f4f4f4;box-shadow:0 20px 60px rgba(0,0,0,0.5);border:1px #0D6B6B solid;border-top:5px #86af49 solid;position:relative}
#navbar li .sub .viewall{position:absolute;bottom:0;left:0;width:30%;text-align:center;background:#86af49;color:#fff;transition:all .2s;padding:10px 0;font-weight:700;font-size:15px}
#navbar li .sub .viewall:hover{background:#fff;color:#0D6B6B;transition:all .2s}
#navbar li .sub .col{display:inline-block;padding:10px 7px;vertical-align:top}
#navbar p{color:#000;text-decoration:none;display:block;padding:5px 10px;margin:0}
#navbar li .sub p.mainSub{background:#86af49; color:#ffffff;}
#navbar li .sub p.mainSub:hover{background:#4D7218; color:#ffffff;}
#navbar li .sub p{color:#0D6B6B;display:block;height:auto;line-height:normal;padding:5px 15px 5px 5px;float:none; background:none; min-width:200px;}
.mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 998; background:rgba(0,0,0,0.5); display: none; }
#crumbs {padding:10px; color:#999; font-size: 14px; margin-bottom:15px; background:#f4f6f4;}
#crumbs b {font-weight:400!important}
#crumbs a { color:#222;}
#crumbs a:hover { color:#0D6B6B;}
#crumbs span { padding:0px 10px; color:#777; }
#usp { border-bottom: 1px #ddd solid; text-align: center; padding:15px 0;}
#usp p { text-align: center; font-weight: 500; font-size: 13px; display: inline-block; padding:0px 10px; margin:0;}
#prodImage { float: left; width: 470px; position: relative;  }
.flash { position: absolute; top: 10px; right: 10px; z-index: 9}
#imageHolder { width: 100%;min-height: 470px; background:#eee;    }
#imageHolder img { display: block; width: 100%; }
#thumbs { text-align: center; margin:10px 0; }
#thumbs div { margin:10px 10px 10px 0px; }
#thumbs div img { width: 100%; display: block; border:2px #fff solid; cursor:pointer;}
#thumbs .slick-current { border:2px #004b39 solid; }
#thumbs .slick-prev { left: 0px; }
#thumbs .slick-next { right: 0px; }
#thumbs .slick-prev:before, #thumbs .slick-next:before { color:#CAF17D; font-size: 20px; }
.upsellBox { background: #005454; color:#fff; text-align: left; padding: 20px; font-size: 22px; font-weight: 700; position: relative; transition: all 0.2s; border-radius: 3px;}
.upsellBox:hover { background:#0D6B6B; transition: all 0.2s; cursor: pointer; }
.upsellBox span { display: block; font-size: 15px; font-weight: 400; }
.upsellBox i { position: absolute; right: 10px; bottom: 30%; font-size: 32px; }
#banners { width:100%; height: 350px; background:#eee; margin:10px 0px 10px 0px; overflow: hidden; }
.box { width:281px; height: 173px; background:#eee; float: left; position: relative; overflow: hidden; border:3px solid #fff}
.box.end { margin-right: 0px; }
.box.large { width: 580px; }
.box span { position: absolute; background: rgba(134, 175, 73, 0.9); color:#fff; font-weight: 600; bottom:0px; left: 0px; width: 100%; padding:5px 0px; font-size: 14px; text-align: center; }
.box img { width: 100%; display: block; }

/* RESPONSIVE GRID */
.section {clear: both;padding: 0px;margin: 0px;}
.section .col {	display: block;	float:left;	margin: 1% 0 1% 1.6%; position: relative;}
.section .col:first-child { margin-left: 0; }
.section .col img { width: 100%; display: block; }
.section .col span { position: absolute; background: rgba(134, 175, 73, 0.9); color:#fff; font-weight: 600; bottom:0px; left: 0px; width: 100%; padding:8px 0px; font-size: 18px; text-align: center; transition:all 0.2s;}
.section .col span.small { font-size:14px; padding: 8px;  }
.section .col:hover span { background:#B41615; color:#FEFE00; transition:all 0.2s;}
.section .col.fill a { padding:15px 0px; font-size:16px; font-weight: bold; display: block; text-align: center; transition:all 0.2s;}
.section .col.fill.green a { background: rgba(134, 175, 73, 0.9); color:#fff; }
.section .col.fill:hover a {background:#B41615; color:#FEFE00; transition:all 0.2s;}
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }
.span_4_of_4 {width: 100%;}
.span_3_of_4 {width: 74.6%;}
.span_2_of_4 {width: 49.2%;}
.span_1_of_4 {width: 23.8%;}
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 49.2%;}

h2.lines.specialOfferText { padding:20px 0px; margin:10px 0px; font-weight: 400; color:#B31515; font-size:24px;}
h2.lines.specialOfferText {overflow: hidden; text-align: center; text-transform:capitalize;}
h2.lines.specialOfferText:before,h2.lines.specialOfferText:after { border-top: 1px solid #B31515; content: ""; display: inline-block; height: .1em; position: relative; vertical-align: middle; width: 30%; margin-bottom: .15em;}
h2.lines.specialOfferText:before {right: 1.5em; margin-left: -50%;}
h2.lines.specialOfferText:after {left: 1.5em; margin-right: -50%;}
#prodDetails { float: right; width: calc(100% - 520px); position: relative;}
#prodDetails h1 { margin:0px 0px 20px 0px; line-height: 28px; font-size: 26px; padding-right: 180px; }
#prodDetails h1 span { display: block; font-size: 14px; color:#777; margin:10px 0px;}
#prodDetails h1 span.longevity { color:#004B39; font-size: 13px;line-height: normal}
#prodDetails h1 span.longevity i { font-size: 8px; line-height: normal; height: 15px; width: 15px; background:#004B39; color:#fff; text-align:center; line-height: 15px; vertical-align: top; border-radius: 100%; display: inline-block;  }
#prodDetails p.priceBox { position: absolute; top: 0px; right: 0px; font-size: 32px; color:#B31515; margin:0; font-weight: 600; text-align: right; line-height: 20px;}
#prodDetails p.priceBox span { display: block; font-size: 14px;}
#prodDetails .intro { padding:10px 0px; }
#prodDetails .intro p { line-height: 18px; margin:8px 0px; }
#prodDetails .intro p span{ display:inline-block; width: 90%; vertical-align: top; font-size: 14px;}
#prodDetails .intro p i { display: inline-block; width: 15px; vertical-align: top; font-size: 16px;}
#prodDetails .icons { margin:10px 0px; clear: both; display: inline-block; vertical-align: top;}
#prodDetails .icons img { display: inline-block; height: 40px; }
#prodDetails .tools { display: inline-block; line-height: 40px; vertical-align: top; margin:10px 0px; }
#prodDetails .tools span{ display: inline-block; line-height: normal; height: auto; padding:5px 10px; vertical-align:middle; font-size: 14px; border-radius: 5px; border:1px #004b39 solid; color:#004b39; cursor: pointer;}
#prodDetails .tools span i { height: 15px; width: 15px; line-height: 15px; text-align: center; background:#004b39; color:#fff; font-size: 11px; border-radius: 100%; display: inline-block; }
#prodDetails .keys {float: left;}
#prodDetails .keys span {font-size: 18px; color:#666; height: 35px; line-height: 35px; display: inline-block; position: relative;}
#prodDetails .keys span.exc {font-size: 14px; color:#B31515; text-transform: uppercase; font-weight: 700;}
#prodDetails .keys span i {font-size: 22px; padding:0px 5px; }
#prodDetails .keys span i:before, #prodDetails .keys span i:after { margin:0px; line-height: normal;}
#prodDetails .keys span strong { opacity: 0; display: none; position: absolute; top: -35px; left: 0px; background:rgba(0,0,0,0.8); color:#fff; width: 130px; z-index: 999; font-size: 11px; line-height: normal; padding:10px; border-radius: 3px; text-align: center; transition:all 0.2s;}
#prodDetails .keys span:hover i { display: block; color:#222; cursor: pointer; transition:all 0.2s; }
#prodDetails .keys span:hover strong { opacity: 1; display: block; transition:all 0.2s;}
#prodDetails .stars{ margin-left:20px; float: left; line-height: 16px; padding-left: 20px; border-left: 1px #ddd solid;}
#prodDetails .stars i{ color:#FFD203; font-size: 20px;}
#prodDetails .stars i:before, #prodDetails .stars i:after { margin:0px; padding: 0px; line-height: normal; width: auto}
#prodDetails .stars span { display: block; font-size: 12px; color:#555; }
#prodDetails .features {margin-top: 10px; font-size: 14px;}
#prodDetails .features span { display: inline-block; padding:10px; background:#005454; color:#fff; border-radius: 3px; font-size: 12px;font-weight: 600; position: relative; cursor: pointer; text-align: center; margin:5px 3px 5px 0px;}
p.lastSold { margin:20px 0px; font-size: 16px; color:red; }
table { width: 100%; border-collapse: collapse;}
table th { padding:5px; background:#004b39; color:#fff; }
table td { padding:5px; background:#fff;}
table.periods { color:#fff; text-align: center; border:1px #004b39 solid;  }
table.periods th { border:1px solid #004b39}
table.periods td { padding:0px; font-size: 12px; background:#fff; border:0; border-bottom:1px #004b39 solid;}
table.periods tr {padding:3px; border-left:0px; border-right: 0px; }
table td.flowering { background:#AFDE50; color:#AFDE50; }
table td.harvest { background:#1C8383; color:#1C8383; }
table td.sowing { background:#DA2F2F; color:#DA2F2F; }
.period-labels { text-align: center; margin:15px 0px; }
.period-labels span { display: inline-block; margin-right: 5px; }
.period-labels span i { display: inline-block; height: 10px; width: 10px; background:#eee; }
.period-labels span.floweringmonths i {background:#AFDE50; color:#AFDE50 }
.period-labels span.harvestmonths i {background:#1C8383; color:#1C8383; }
.period-labels span.sowingmonths i {background:#DA2F2F; color:#DA2F2F; }
.specialOffer { text-align: center; background:#eee; padding:10px 0px; margin-bottom: 15px;}
.specialOffer p { color:#005454; font-size: 18px; margin:0; text-transform: uppercase;  }
div.intro { margin:10px 0px; }
div.intro a { display: inline-block; font-weight: 700; padding:0px 5px; font-size: 11px; text-transform: uppercase;}
div.intro i { color:#004b39; font-weight: 700; }
button.playVideo { display:block; margin-right:20px; padding:0px 10px; height:35px; line-height: 35px; font-size: 14px; text-transform: uppercase; font-weight: 600; background:#0D6B6B;}
button.playVideo:hover { background:#005454; }
.option { border-bottom: 1px #ddd solid; margin-bottom: 15px}
.option form { display: block; border-top: 1px #ddd solid;  vertical-align: middle; margin:0; }
.option form table { border-collapse: collapse; width: 100%; }
.option form table td {padding:12px 0px; vertical-align: middle; font-size: 14px; color:#444;}
.option form table td.label {width:180px; font-size: 13px; font-weight: 600;}
.option form table td.label span { display: block; font-size: 14px;}
.option form table td.label span.save { color:#B31515; }
.option form table td.delivery {color:green; font-size: 13px;}
.option form table td.price {text-align: center; width:100px; }
.option form table td.price strike {display: block; font-size: 14px; color:#888; }
.option form table td.action {width:180px; text-align: right;}
.option form table td.action a {display: block; text-align: center; padding:3px 0; clear: both;}
.option form .action .select { float: right; overflow: hidden;border-radius: 3px; }
.option form .action select { height: 40px; width: 50px;  border:0;color:#444; background:#fff; padding-left: 10px; border:1px #ddd solid; font-size: 15px;}
.greenBTN { height: 40px;  border:0px; background:#96CB2C; color:#fff; padding:0px 10px; font-weight: bold; font-size: 14px; text-transform: uppercase; transition:all 0.2s;}
.greenBTN:hover { background:#76A714; cursor: pointer; transition:all 0.2s;}
.option form .action button{ height: 40px;  border:0px; background:#DA2F2F; color:#fff; padding:0px 10px; font-weight: bold; font-size: 14px; text-transform: uppercase; transition:all 0.2s;}
.option form .action button:hover { background:#B31515; cursor: pointer; transition:all 0.2s;}
.option form .action button.disable, .btn.disable, button.disable { background:#333; color:#fff; cursor: pointer; font-size:12px!important;}
.option form .action button.disable:hover, .btn.disable:hover, button.disable:hover { background:#666;}
span.oos { color:#B31515; }
.tabs { margin:20px 0px; }
.atab { float: left; width: auto; padding: 12px 14px; background:#f8f9f4; color:#004b39; font-size: 14px; font-weight: 600; margin-right: 2px;}
.atab:hover { cursor: pointer; color:#999; }
.atab.pressed { background:#eee; color:#004b39; font-weight: 600;}
.tabContent { background:#eee; color:#323232 ; padding:30px; line-height: 28px; font-size: 14px; display: none; }
#reviews { max-height: 400px; overflow: auto }
.tabContent p{color:#323232; font-size: 14px;}
.description { max-height: 300px; overflow-y: scroll; padding-right: 20px; }
.specifications p {}
.specifications p label { display: inline-block; vertical-align: top; width: 120px; font-weight: 600; }
.specifications p span { display: inline-block; vertical-align: top; width: calc(100% - 125px); }
.promoSection { margin:20px 0px; text-align: center;}
.promoSection h2 { font-size: 20px; margin: 0px 0px 20px 0; padding-top: 20px;}
.prodbox { float: left; padding-bottom: 15px; margin-bottom: 15px; border: 1px #ccc dashed; position: relative;	margin: 1% 0 1% 1.6%;width: 32.26%; padding:1%; overflow: hidden; border-radius: 5px;}
.prodbox.first, .x4 .prodbox:first-child, .x5 .prodbox:first-child, .promoSection .prodbox:first-child { margin-left:0px; }
/*.prodbox:hover {-webkit-transform: scale(1.05); -ms-transform: scale(1.05);  transform: scale(1.05); transition:all 0.2s;}*/
.promoSection.four .prodbox, .four .prodbox, .x4 .prodbox { width:  23.8%;}
.promoSection.five .prodbox, .five .prodbox, .x5 .prodbox {width: 18.72%;}
.prodbox .imageframe { width: 100%; margin-bottom: 10px; position:relative; min-height: 237px; overflow: hidden; }
.prodbox .imageframe .advert { width: 100%; position: absolute; text-align: center; color:#fff; z-index: 99; background:rgba(141,1,1,0.9); padding:5px 0; left:0px; top: 0px; font-size: 12px; text-transform: uppercase; font-weight: bold; }
.promoSection .prodbox .imageframe { min-height: auto; }
.prodbox .imageframe img { width: 100%; display: block; }
.prodbox .icons { position: absolute; top:4%; left: 4%; z-index: 100; }
.prodbox .icons img { height: 25px; opacity: 1!important;}
.prodbox .no-image { width: 100%; max-height: 270px; }
.prodbox .imageframe img.second{ position: absolute; left: 0px; top:0px;opacity: 0!important; transition:all 0.1s; }
.prodbox .imageframe:hover img.second{ transition:all 0.1s; opacity: 1!important;}
.prodbox .imageframe button.quickView { position: absolute; bottom:35px; left:calc(50% - 60px); opacity:0; width:120px; text-shadow:1px 1px 1px rgba(0,0,0,0.3)}
.prodbox .imageframe:hover button.quickView {opacity:1}
.prodbox .imageframe div.inBasket{position:absolute; bottom:0; padding:10px 0; text-align:center; background:rgba(0,0,0,0.5); color:#fff; width:100%; font-weight:bold;}
.prodbox .imageframe .home-page-box-text{height:45px;}
.prodbox .imageframe .home-page-box-text p{color:#fff; font-size:18px; line-height:30px!important;}
.prodbox .imageframe .home-page-box-text{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;}
.prodbox .imageframe:hover{cursor:pointer;}
.prodbox .imageframe:hover .home-page-box-text{background-color:rgba(179,21,21,0.9);}
 div#products.list .prodbox .imageframe div.inBasket{display:none;}
.prodbox p { font-size: 14px; height: 50px; overflow:hidden; margin:0px; line-height: 18px; padding:2px 8px 0px 0px;}
.prodbox p.prodtitle { font-weight: 600; }
.prodbox p.prodtitle span { display: block; }
.prodbox p.price { color:#B31515; font-size: 18px; font-weight: 600; margin: 0px; height: 40px; overflow:hidden; }
.prodbox p.price span {display: block; font-size: 14px;}
.prodbox .stars i { font-size: 14px; width: 15px; display: inline-block; color:#FFD203!important; }
.prodbox .btn { padding:5px 10px; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.prodbox .btn.quickbuy { position: absolute; right: 10px; bottom:10px; padding:0px 10px; height: 40px; line-height: 40px; transition:all 0.4s; background:none; border:1px #B31515 solid; color:#B31515; transition: all 0.2s;}
.prodbox .btn.quickbuy.disable { border-color:#aaa; color:#999; }
.prodbox .btn.quickbuy:hover { color:#222; border-color: #222; transition:all 0.2s; }
.prodbox .btn.quickbuy.overideshow { display: block!important; }
.list .prodbox .btn.quickbuy.overideshow {display: inline-block!important; position: static; float: right;}
.prodbox .intro { display: none; height: auto; font-size: 13px; }
.three .prodbox .allOptions .shopOption, .four .prodbox .allOptions .shopOption{ display: none }
.prodbox .btn.quickbuy.overideshow.hideInGrid { display: none!important; }
.list .prodbox .btn.quickbuy.overideshow.hideInGrid { display: block!important; }
.list .prodbox { float: none; width: 100%; margin:0 0 3% 0; position: relative;padding:0 0 3% 0; border:0px; border-bottom: 1px #ddd dashed; border-radius: 0px;}
.list .prodbox p {line-height:22px; letter-spacing:normal; overflow:visible;}
.list .prodbox .btn.quickbuy { display: none; }
.list .prodbox .imageframe { width: 200px; height: 200px; float: left; padding:0; margin:0; border-radius: 0px;}
.list .prodbox .imageframe:hover button.quickView {display:none;}
.list .prodbox .allOptions {  float: right; display: block; margin: 10px 0 0 15px; padding-top:10px; width: calc(100% - 215px); clear: right;}
.list .prodbox .allOptions .shopOption {position:relative; display: block; padding:10px; border:1px #ddd dashed; border-radius: 5px; margin-bottom: 5px;}
.list .prodbox .allOptions .shopOption form {border:none; float: right; clear: right;}
.list .prodbox .allOptions .shopOption span.despatch {color:green }
.list .prodbox .allOptions .shopOption span.despatch.outOfStock{color:#b31515 }
.list .prodbox .allOptions .shopOption p.packSize { float:left; width:calc(100% - 250px); text-transform:capitalize; height: auto}
.list .prodbox .allOptions .shopOption p.packSize strong{font-size:15px;}
.list .prodbox .allOptions .shopOption p.packSize span {font-size:14px; display: block;}
.list .prodbox .allOptions .shopOption p.packPrice {font-size:18px; color:#004B39; float:right; text-align: right; clear: right; height: auto; margin:0px 0px 5px 0px; padding:0px; font-weight: bold;}
.list .prodbox .allOptions .shopOption p.packPrice strike{color:#999; font-weight: normal}
.list .prodbox .allOptions .shopOption select{float:left;height:30px; line-height: 30px; font-size:14px; text-align: center; padding:0px 10px; margin-right: 5px;}
.list .prodbox p.prodtitle, .list .prodbox .intro { font-size: 16px; display: block; float: left; text-align: left; width: calc(100% - 320px); margin-left: 15px; height: auto; line-height: 22px; color:#666; }
.list .prodbox .intro a {text-transform:none; font-weight:bold; font-size:13px;}
.list .prodbox .intro a:hover {text-decoration:underline;}

.list .prodbox p.price { position: absolute; top: 0; right: 0; width: auto; margin:0; text-align:right; }
.list .prodbox .intro { display: block; font-size:14px; margin-top:15px; }
.list .prodbox .stars { position: absolute; top: 0; right: 0;}
.list .prodbox .btn { position: static; float: right; padding:0px 10px; height: 30px; line-height: 30px;}
.list .prodbox p.skuLine {display:none;}

.landingPage { min-height: 500px; }

.adminForm { padding:10px; border:1px #333 solid; text-align: center; }
.adminForm input { padding:5px; border:1px #777 solid; border-radius: 3px; font-size: 14px; }
.adminForm button { padding:5px; border-radius: 3px; background:#000; color:#fff; border:0px; font-size: 14px; }
button.removeAL { position: absolute; top: 5px; right: 5px; background:#000; color:#fff; border:0px; z-index: 999; font-size: 16px; font-weight: bold; }

.quickshop .prodbox .option { float: right; text-align: left; width: calc(100% - 250px);  height: auto }
.quickshop .prodbox p { float: right; text-align: left; width: calc(100% - 250px);  height: auto; padding:10px 0px; }
.prodbox.info { padding:0px; margin: 0px; border:2px #fff solid; }
.prodbox.info .imageframe { margin:0; padding:0;}
.prodbox.info span { position: absolute; background: rgba(0, 75, 57, 0.8); color:#fff; font-weight: 600; bottom:0px; left: 0px; width: 100%; padding:5px 0px; font-size: 14px; text-align: center; }
#counterHead { margin:0px 5px 15px 3px; position:relative;}
#counterHead img {opacity: 1!important;}
#counterHead.banner {background:url('/images/landing/landing-bg.jpg') no-repeat; background-size: cover; background-color:rgba(0,0,0,0.3);}
#counterHead.no-bg {background:none; background-size: cover; background-color:#fff;}
#counterHead .cmask { position: absolute; background: -moz-linear-gradient(left, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(left, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ width:100%; height:100%; left:0px; right:0px; z-index: 98;}
#counterHead h1 { font-size: 20px; color:#fff; margin:0 0 14px;  position: relative; z-index:99;}
#counterHead .counterCopy { width: 70%; padding:20px; color:#fff; position: relative; z-index:99; min-height: 200px;}
#counterHead .counterCopy p { color:#fff; font-size:14px; line-height:1.2em; margin:14px 0; }
#counterHead .counterCopy a, #counterHead .counterCopy p a { color:#fff;font-weight: bold; }
#counterHead .counterCopy a:hover, #counterHead .counterCopy p a:hover { text-decoration:underline; }
#counterHead.no-bg .counterCopy { padding:0px; min-height: auto;}
#counterHead.no-bg .counterCopy, #counterHead.no-bg .counterCopy p, #counterHead.no-bg h1 {color:#333; width: 100%;}
#counterHead.no-bg .counterCopy a, #counterHead.no-bg .counterCopy p a { color:#004B39; }
#counterHead.no-bg .cmask { display: none; }
.pagination { text-align: right; padding:15px 0px; }
.pagination p { display: inline-block; float:left;margin:0; padding-right: 10px; height: 25px; line-height: 25px; }
.pagination a.page { display: inline-block;border:1px #ddd solid; width: 25px; text-align: center; height: 25px; line-height: 25px; border-radius: 2px;}
.pagination a.page.active, .pagination a.page:hover { background:#004b39; color:#fff; border-color: #004b39;}
#sortFilter { background:#f4f6f4; margin-bottom: 10px; padding:10px; }
#sortFilter form { float: left; margin-right: 8px}
#sortFilter form#oosForm {margin-top:5px; margin-left:20px;}
#sortFilter form.right { float: right; margin-right: 0px}
#sortFilter label { padding:0px 2px; font-weight: 600;}
#sortFilter label.fixPadd{padding:0 0 0 20px;}
#sortFilter label.gridList { display: inline-block; vertical-align: middle;color:#0D6B6B; cursor: pointer; border-radius: 3px; font-size: 26px;}
#sortFilter label.gridList:hover { color:#005454; }
#sortFilter select { padding:5px; }
#sortFilter span.three { display: inline-block; height: 9px; width: 9px; background: #fff; margin:0px 2px; }
#sortFilter span.four { display: inline-block; height: 9px; width: 5px; background: #fff; margin:0px 2px; }
#sortFilter span.list { display: block; height: 3px; width: 27px; background: #fff;  margin:2px 0px;}
#sidemenu { float: left; width: 280px; }
#sidemenu h2 { font-size: 16px; }
#products { float: right; width: calc(100% - 315px); }
.addpop { background:#fff; margin:0px auto 20px auto; border: 1px #004b39 solid; display: none; text-align: center; padding:20px; font-size: 16px;}
.addpop > * {  }
.addpop p { margin:10px 0 0!important;}
.addpop b { color: #004b39; }
.addpop p.popbtn { font-size: 14px!important; }
.addpop a { text-decoration: none; border: 0px!important;}
.addpop a.popBtn { background: #0D6B6B; display:inline-block; margin: 10px auto; width: 180px; float: none; color: #fff!important; height:auto; padding:10px 0px; transition: all .3s; border-radius:3px; text-transform: uppercase; font-weight: 700; font-size: 14px;}
.addpop a.popBtn:hover { background: #005454; transition: all .3s; cursor: pointer;}
.addpop a.popBtn.popViewCart { background:#76A714;}
.addpop a.popBtn.popViewCart:hover { background:#588301;}
form.inline { display: block; margin:10px 0; padding:10px; background:#eee; }
form.no-bg { background:none!important; }
form.inline input { display: inline-block; width: calc(100% - 200px); padding:10px; }
form.inline select { display: inline-block; width: calc(100% - 200px); padding:10px; }
form.inline select.small { display: inline-block; width: 120px; padding:10px; }
form.inline label { display: inline-block; width:180px; padding:10px 0; margin-right: 10px; }
form.inline button { display: inline-block; width: 110px;padding:10px 15px; font-size:15px; font-weight: bold; text-transform: uppercase; }
.login { display: inline-block; max-width: 300px; margin:30px 10px; padding:40px; background:#eee; }
.login.large { max-width: 500px; }
.login label { display: block; font-size:14px; font-weight: 700; margin:10px 0;}
.login input { display: block; padding:10px; border:1px #004b39 solid; margin:10px 0; width:100%; }
.login button.btn { padding:10px 15px; font-size:15px; font-weight: bold; text-transform: uppercase; }
#footer { background:#eee; margin-top: 30px; }
#footer .column { float: left; width: 25%; padding:45px 0px; }
#footer .column a { display: block; padding:2px 0; }
#footer .column h2 { font-size: 14px!important; margin-bottom: 15px; color:#005454; }
#footer #footer-rhs-logo{margin-top:32px;}
#footer #footer-rhs-logo img{max-width:40%;}
.social a, .social span { float: left; line-height: 35px!important }
.social span { margin-right: 10px; font-weight: bold;  }
.social a i { font-size: 16px; color:#fff; display: block; height: 35px; width: 35px; text-align: center; line-height: 35px!important; margin-right: 3px; border-radius: 3px; transition:all 0.2s;}
.social a i:before {  line-height: 35px!important; }
.social a i.icon-facebook { background:#3b5998;}
.social a i.icon-twitter { background:#55acee;}
.social a i.icon-instagram { background:#125688;}
.social a i.icon-gplus { background:#dd4b39;}
.social a i.icon-youtube { background:#bb0000;}
.social a i.icon-pinterest { background:#cb2027;}
.social a i.icon-mail-alt { background:#0D6B6B;}
.social a i:hover { background:#005454; transition:all 0.2s;}
p.copyright { padding-bottom: 45px; text-align: center; font-size: 14px; }
.job-vac{overflow:auto; margin-top:75px;}
#video-links{background:#eee; display:block; width:100%; margin:0; padding:0; min-height:125px; list-style-type:none; margin-bottom:25px;}
#video-links .link{display:block; float:left; width:20%; margin:2.5%; padding-top:25px; padding-bottom:25px; font-size:14px; text-align:center; background:#004b39;}
#video-links .link:hover{cursor:pointer;}
#video-links p{color:#fff !important;}
#video-content{width:100%; height:100%; margin:0; padding:0; overflow: hidden;}
#video-content iframe{min-width:100%; min-height:100%;}
h3.video-header:first-of-type{margin-top:0px;}
h3.video-header{display:block; clear:both; padding-top:175px; margin-top:150px;}
h3.video-header:first-of-type{margin-top:0px;}
.one, .two{display:block; float:left; clear:both; width:100%;}
.play-button{display:block; position:absolute; top:17.5%; left:35%; width:30%; margin:0 auto; z-index:9999;}
.play-button:hover{cursor:pointer;}
.image-retail-content{width:75%; padding:0; margin: 20px auto; min-height:100px;}
.image-retail-content img{height:100%; width:100%; min-height:600px;}

/** SLICK **/
.slick-loading .slick-list {background: #fff;}
@font-face {font-family: 'slick';font-weight: normal;font-style: normal;src: url('js/fonts/slick.eot');src: url('js/fonts/slick.eot?#iefix') format('embedded-opentype'), url('js/fonts/slick.ttf') format('truetype'), url('js/fonts/slick.svg#slick') format('svg');}
.slick-prev, .slick-next {font-size: 0;line-height: 0;position: absolute;top: 65%;display: block;width: 30px;height: 30px;margin-top: -15px;padding: 0;cursor: pointer;color: transparent;border: none;outline: none;background: transparent;z-index:90;}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent;outline: none;background: transparent;}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {    opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {opacity: .25;}
.slick-prev:before, .slick-next:before {font-family: 'slick';font-size: 30px;line-height: 1;opacity: .75;color: #FFF;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.5)}
.slick-prev {   left: 3px;}
[dir='rtl'] .slick-prev {right: 3px;left: auto;}
.slick-prev:before {content: '←';}
[dir='rtl'] .slick-prev:before {content: '→';}
.slick-next {right: 3px;}
[dir='rtl'] .slick-next {right: auto;   left: 3px;}
.slick-next:before {content: '→';}
[dir='rtl'] .slick-next:before {content: '←';}
.slick-slider {margin-bottom: 10px;}
.slick-dots {   position: absolute; bottom:0;   display: block; width: 100%;    padding: 0; list-style: none;   text-align: center;}
.slick-dots li {    position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;}
.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;}
.slick-dots li button:before {font-family: 'slick';font-size: 12px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '•';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-dots li.slick-active button:before {opacity: .75;    color: black;}

.slick-slider {position: relative;display: block;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;  cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before, .slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;    height: 100%; height: auto}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block; height: auto}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {   display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {  display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden { display: none;}

form.basic label { display: block; padding:5px 0px; }
form.basic input { display: block; padding:10px; width: 100%;}
form.basic button { margin-top: 10px; }

p.offerText {margin:0px 0px 10px 0px!important; padding:10px; background:#e3f9b6; color:#588301; border:1px #76A714 solid; border-radius: 3px; width: 55%; float: left;}
.basket-crumbs { max-width: 600px; margin: 30px auto; text-align: center; text-transform: uppercase; color: #ddd; font-size: 12px;}
.stage { display: inline-block; width: 23%; margin: 0 1px;padding: 5px 0px; border-bottom: 2px #ddd solid; color:#ddd; text-align: center; font-size: 11px;}
.stage.active { border-bottom: 2px #000 solid; color:#000;}
.stage i { display: block; font-size: 16px;}
.basketPage { padding:20px 0 40px 0; position: relative; }
#basketTable { border-collapse: collapse; width: 60%; float: left; border-bottom: 1px #eee solid;}
#basketTable.full { float: none; width: 100%; border:0px; }
#basketTable td { padding: 10px 0; font-size: 14px; border-top: 1px #eee solid;vertical-align: top; }
#basketTable.full td { border:0px; padding:5px 0px; }
#basketTable td.baskImage { width: 70px; text-align: center; vertical-align: top; padding-right:20px;}
#basketTable td.baskImage i { font-size: 34px;}
#basketTable td.baskImage .basketImg img { height: 70px; }
#basketTable td.baskName { max-width: 300px; padding-right: 50px;}
#basketTable th { background:#fff; color:#588301; text-align: left; font-size: 15px!important; padding: 10px 0px; border-top: 1px #588301 solid}
#basketTable th h1 { font-size: 18px!important; margin: 0px; font-weight: 400; }
#basketTable th h2 { font-size: 12px!important; margin: 0px; font-weight: 400; letter-spacing: 0; color:red;}
#basketTable p { margin:0px 0px 10px 0px; font-size: 14px; }
#basketTable p span { font-size:13px; }
#basketTable p.gift span {display: block; margin:5px 0;}
#basketTable span.green, i.icon.green { color:green; display: block; }
#basketTable span.red, i.icon.red { color:#B31515; display: block; }
#basketTable span.blue, i.icon.blue { color:#3366CC; display: block; }

div#surchargeText p i.icon.icon-truck{display:inline!important;}
#basketTable select.select { padding:10px; }
#basketTable span.offerText {margin:5px 0px!important; padding:5px 10px; background:#e3f9b6; color:#588301; border:1px #76A714 solid; border-radius: 3px; display: inline-block; font-size:12px;}
#basketTable span.basketPrice { font-size:18px; font-weight: 600; color:#004B39; }

#giftBtn {  background:red; color:#fff; padding:5px 10px; border: 0px; font-size: 12px; display: inline-block;vertical-align: top; border-radius: 3px; ; text-transform: uppercase; font-weight: bold;}
#giftBtn.active { background:green}
#basketTable td a { color:#000;}
#basketTable td a.btn { color:#004b39; background:none; border:1px #004b39 solid; margin-top: 5px; }
#basketBTN { text-transform: uppercase; font-size: 15px; }
table.basket th.table-head { display: none;}
.bogof { color: red; font-weight: bold; font-style: italic;}
p.total { ; padding: 10px 0px; margin: 10px 0px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; font-weight: bold;}
p.saving {  padding: 5px 0px; font-weight: bold; color: red; margin: 0px;}
p.orderTotal {  padding: 5px 0px; font-weight: bold; font-size: 18px; margin: 0px;}
.newShipCalc select { width: 100%; padding: 10px 0px; text-align: center;}
#insClicker { padding: 0px 10px; background: #eee; margin: 10px 0px; border: 1px #ccc solid; height: 35px; line-height: 35px; font-size: 12px;}
#cartFreeGift { padding: 10px; border: 1px #ddd solid; border-radius: 5px; }
#FGimgHolder { display: none; }
.hideInMobile { display: none!important; }
.image.hideInMobile { display: block!important; }
#rightInfo { float: right; width: 35%;  }
#rightInfo p{ margin:0px; font-size: 14px; margin:0px;}
#rightInfo .details {padding:20px; background:#f4f6f4;}
#rightInfo p.large { font-size:20px; color:#588301; font-weight: 600; }
#rightInfo p.del { font-size:14px; color:#666; font-weight: 400; padding:5px 0px; }
#rightInfo p#postcodes{font-size:12px; margin-top:10px;}
#rightInfo p.del span {}
span#activeOC { font-weight: 700!important; float: right;color:#004B39; }
#rightInfo select { padding:10px; display: block; width: 100%; border:1px #737373 solid; font-size: 14px!important;  }
#rightInfo h3 { font-size: 14px; font-weight: 600; margin-bottom: 0px;border:1px #ddd solid; border-bottom: 0px;}
#rightInfo p.secure { padding:10px 30px; font-size:13px; color:#666; text-align: center; margin-top: 15px; }
#rightInfo p.secure a { font-weight: 700; }
#rightInfo h3 { font-size:14px; padding:8px; background:#fff; margin:0px 0px 0px 0px; }
#rightInfo h3 span { float: right; text-align: right; }
#rightInfo form { display: block; background:#fff; border:1px #ddd solid; overflow:hidden; border-radius: 3px; clear: both;}
#rightInfo label { display: block; margin:5px 0px; color:#666; }
#rightInfo form input { background: none; border:0px; font-size: 16px; float: left; padding:8px; color:#B31515; width: calc(100% - 100px); text-transform: uppercase;}
#rightInfo form div.btn { border:0px; background:#B31515; color:#fff; float: right; padding:8px; border-radius: 0px; font-size: 16px; text-transform: uppercase; font-weight: bold;}
#rightInfo p#orderTot { font-size: 20px; font-weight: bold; margin-top: 10px; }
#rightInfo p.ordercode {margin-bottom: 5px; }
#rightInfo p.ordercode .btn { padding:0px 8px; background:black; line-height: 35px; margin-left: 15px; transition:all 0.3s;}
#rightInfo p.ordercode .btn:hover { cursor: pointer; background:#444; transition:all 0.3s;}
#rightInfo label i, #rightInfo p.ordercode i { background:#222; color:#fff; border-radius: 100%; height: 18px; width:18px; font-size: 11px; display: inline-block; text-align: center; line-height: 18px; margin-right: 5px; vertical-align: top;}
form#orderCodeForm {}
.countries { padding:10px; background:#fff; border: 1px #ddd solid; border-bottom: 0px; }
#rightInfo .countries select { -webkit-appearance:menulist!important; -moz-appearance:menulist!important; height: 40px!important;}

.postcodeChecker { border:1px #ddd solid; background:#fff;}
.postcodeChecker p { padding:8px; font-weight: bold; color:#444;  border-bottom:1px #ddd solid; font-size: 12px;}
#rightInfo .postcodeChecker form { border-radius: 0px; border:0px;}
#rightInfo .postcodeChecker form input { text-transform: none; font-size: 14px;}
#rightInfo .postcodeChecker form .btn { background:#B31515; color:#fff; font-size: 14px; }
.deliveryText { padding:8px; border:1px #ddd solid; border-top: 0px; background:#fff;}
.deliveryText span { float: right; }
.basketError p { padding:10px; border:1px red solid; background:#eee; color:red; margin:10px 0px!important; font-size: 12px!important;}

.cartDiscounts p {margin:5px 0px!important; padding:8px; background:#e3f9b6; color:#588301; border:1px #76A714 solid; border-radius: 3px;}
.cartDiscounts p.saving { padding:10px 0px; background:none; color:red; border:0px; }
.vouchers p {margin:5px 0px!important; padding:8px; background:#e3f9b6; color:#588301; border:1px #76A714 solid; border-radius: 3px;}
.vouchers p.saving { padding:10px 0px; background:none; color:red; border:0px; }
.tooltips { position: relative; display: inline-block; border-bottom: 1px dotted black;}
.tooltips .tooltiptext { visibility: hidden;  min-width: 160px; background-color: black; color: #fff; text-align: center; border-radius: 6px;  padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -80px; font-size: 12px;}
.tooltips .tooltiptext::after { content: "";  position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;}
.tooltips:hover .tooltiptext { visibility: visible;}
.tooltip_templates { display: none; font-size: 12px; }
#tooltip_content { font-size:12px; }

.bskQty { float:left;  height: 22px;  overflow: hidden; max-width:80px; width: 100%; background:none; }
.bskQty .item { float: left; height: 22px; line-height: 22px; width: 33%; text-align: center; font-size: 12px; color:#222; background:#eee;}
.bskQty .item:hover { cursor: pointer; color:#777; }
table .bskQty input { float: left; border:0px; padding:0px; height: 22px; line-height: 22px; text-align: center; border-radius: 0px; background: none;width: 33%; text-align: center!important; font-size:13px;}
.bskQty.upsells { max-width: 80px; }
#removeBTN {  color:#666; text-align:center; height: 22px; background:#eee;clear:both; width:100%; max-width: 80px; border:0px; padding:0px; line-height: 22px; font-size:12px; font-weight: bold; margin-top: 5px;}
#removeBTN:hover { cursor: pointer; background:#eee;color:#222; }
#basketTable .btn.upsell { height: 22px; line-height: 22px; padding:0px 10px; font-size: 12px; }

.basketPage { min-height: 500px; }
#deliveryExtra p { padding:10px;margin:0px; border:1px #ddd solid; border-bottom: 0px; font-size: 14px; }
#deliveryExtra { border-bottom: 1px #ddd solid; margin:20px 0px; }
p#baskCode { line-height: normal;}
p#baskCode span {}
p#baskCode input, .shopVouchersDN input {  display: inline-block; padding:10px; border:1px #737373 solid; font-size: 14px; width:calc(100% - 90px);}
p#baskCode label { display: block; font-size: 12px; }
p#baskCode p { font-size: 12px; text-align: left;}
p#discount { color:red; font-weight: bold; }
#discountBTN { width: 40px; float:right;background:#222; color:#fff; padding:11px;font-size: 14px; }
/*p#discount span, p#delcost span, span#subTotal, p#orderTot span { float: right; }*/
.shopVouchersDN {padding:10px;margin:0px; border:1px #ddd solid; font-size: 14px; margin:10px 0px; text-align: center;}
p.outOfStock { font-weight: bold; padding:10px 0px; color:red; }
#rightInfo p span, span#subTotal, .discountSummary span{float: right!important;   }
.vouchers p span:hover { cursor: pointer; color:red; }
.discountSummary { color:red; font-weight: bold; }
.discountSummary span { color:red; font-weight: bold; }
div#discount, div.discount { color:red; font-size: 12px; font-weight: bold;  }
div.discount span, div.discount span { float: right;}
p#delcost { margin-bottom: 10px!important; }
.specialMsgs a{ display: block; text-align: center; background:red; color:#fff; font-size: 18px; text-transform: uppercase; padding:10px 0px; margin-bottom: 20px; font-weight: bold; }
.preloader { display: none; text-align: center; display: none; padding:15px 0px; background:rgba(0,0,0,0.9); color:#fff; font-weight: bold; font-size: 16px; position: fixed; bottom:0px; left: 0px; width: 100%; }
.pc { text-align: center; }
.pc i { font-size:38px; background:url('/images/card-Logos.png') no-repeat 0 0; display: inline-block;width:50px;height:32px; }
i.paypal { color:#18236F; background-position: 0px -143px;}
i.visa-debit { color:#18236F; background-position: 0px -96px}
i.mastercard { color:#00619E; background-position: 0px -189px; margin:0 5px; }
i.maestro { color:#00619E; background-position: 0px -242px; }

p.errorMSG{color:#fff; background:#BE0000; text-align:center; padding:10px 0; font-size:18px;}

.inner.paymentPage { max-width: 900px; }
.changebilling { width:100%; margin:0px 0px 15px 0px; position: relative;}
.changebilling p{ font-size:13px; }
.changebilling div.securityBar{position:absolute; top:0; left:0; text-align:center; width:100%; background:#dddfdd; padding:10px 20px 10px; border-radius:20px 20px 0 0; font-size:14px; font-weight:bold;}
.changebilling div.securityBar i.icon.icon-lock{color:green;}
.changebilling p{ margin:5px 0px; }
.orderSummary {  width: 100%; margin:15px auto;position: relative;}
.orderSummary p { font-size: 13px; margin:5px 0; }
.orderSummary p span { float: right;text-align: right; }
.orderSummary .itemSum { border-top: 1px #ddd dashed; }
.orderSummary .totals p {margin:2px 0px;}
.orderSummary .totals p span{float: right; text-align: right;}
.paymentSplit { float: left; width: 48%; vertical-align: top; margin:30px 0px; }
.paymentSplit.summary {background:#f4f6f4; border:1px solid #ccc; padding:10px 20px 10px 20px; border-radius:20px; float: right;}
.paymentSplit.no-float {float: none!important; margin:40px auto!important;}

form label.required::after{content:'*'; color:#B31515; font-weight:bold; font-size:22px; line-height:12px; position:relative; top:4px; left:2px;}

form.greyForm {max-width:800px; margin:0 auto; background:#f4f6f4; border:1px solid #ccc; padding:10px 20px 20px; border-radius:20px; }
form.greyForm.split { max-width: 400px; width: 100%; display: inline-block; margin:30px 10px; vertical-align: top; text-align: left; min-height: 420px; position: relative; padding:2% 2% 4% 2%;}
form.greyForm a.forgotPw{display:block; color:#3399CC}
form.greyForm a.forgotPw:hover{color:#000}
div.loginWrapper{max-width:800px; margin:0 auto; background:#f4f6f4; border:1px solid #ccc; padding:0; border-radius:20px;}
form.greyForm.order-login label.optLabel{font-size:11px; font-weight:400; margin:10px 0 0;}
form.greyForm.order-login { width:50%; float:left; background:none; border:none; border-radius:0;}
form#guest.greyForm.order-login {width:50%; float:right; min-height:340px;}
form#login.greyForm.order-login{border-right:1px solid #ccc;}
form.greyForm.order-login .wrapper.newCust { float:right;  padding-left:20px; border:none;}
form.greyForm input, form.greyForm select{ padding:10px; border:1px solid #aaa; border-radius:3px; font-size:14px; width:calc(100% - 10px); margin-bottom:5px; }
form.greyForm select{  -webkit-appearance:menulist!important;}
form.greyForm label{display:block; margin:15px 0 5px; color:#004b39; font-weight:bold;}
form.greyForm p.errorText{margin:0 5px 10px; font-size:12px; color:#B31515; padding-left:2px; font-weight:bold;}
form.greyForm p.formInfo{margin:0 5px 10px; font-size:12px; color:#777;}
form.greyForm .formTitle{width:20%; float:left;}
form.greyForm .formName{width:40%; float:left;}
form.greyForm .formHalf{width:50%; float:left;}
form.greyForm .addressFindBox{margin-top:10px;}
form.greyForm .addressFindBox input.addressFinder{background: #fff url("/images/search.png") no-repeat left center; padding-left:35px;}
form.greyForm #checkOutBTN {text-transform:uppercase; margin-top:20px; color:#fff; text-shadow:1px 1px 1px rgba(0,0,0,0.3); width:calc(100% - 10px); transition:0.2s; cursor:pointer; background: #76a714 url("/images/padlock-trans.png") no-repeat 95% top; font-size: 18px;height: 57px; line-height: 57px; padding-left:20px; text-align: left;}
form.greyForm #checkOutBTN:hover {background: #588301 url("/images/padlock-trans.png") no-repeat 95% bottom;}
form.greyForm label.inline input { display: inline-block;width: auto; margin: 0}
form.greyForm div.password { display: none; padding:10px 0px 0px 0px;}
form.greyForm.split .btn { display: block; clear: both; width: 86%; padding:0px; text-align: center; height: 40px; line-height: 40px; position: absolute; bottom:4%; left: 6%; background:#76a714;}

.email-pop {width: 645px; height: 378px; background: url('/images/email-popup.jpg') no-repeat; position: relative;}
.email-signup { height: 290px; left: 45px; position: absolute; top: 45px; width: 320px; }
.email-signup h2 { margin: 60px 0px 5px 0px; font-size: 20px; text-align: center;}
.email-signup p { margin: 10px 0px; font-size: 14px; text-align: center;}
.email-signup ul { list-style: none; margin: 0px; padding: 0px;}
/*.email-signup { padding: 2px 0px; width: 95%; text-align: center; margin: 0px auto; font-size: 12px; color: #444; font-style: italic;}*/
.email-pop .close { position: absolute;top: 10px; right: 10px; height: 35px; width: 35px; font-size: 13px; font-weight: 900; text-align: center; line-height: 25px; border-radius: 100%; background: #000; border: 5px #fff solid; color: #fff; font-family: arial; cursor: pointer;}
#myForm { width: 90%; border: 1px #ddd solid; height: 40px; line-height: 40px; margin: 10px auto; background: #fff; overflow: hidden;}
#myForm #email { height: 40px; line-height: 40px; font-size: 12px; border: 0px; width: 60%; padding: 0px 10px;}
#myForm #join { height: 40px; line-height: 40px; font-size: 16px; border: 0px; width: 30%; padding: 0px 10px; float: right; font-family:'Open Sans', arial, sans-serif; background: #4EB0D0; color: #fff; text-transform: uppercase; cursor: pointer;}
.email-signup span { padding: 5px; text-align: center; font-size: 9px; display: block;}

div#filterMenu{width:100%; float:left;}
div#filterMenu h3{border-bottom:1px solid #ccc; margin-bottom:8px; margin-top:15px; font-size:14px; padding:0 0 15px}
div#filterMenu label{width:100%; display:inline-block; margin-bottom:15px; color:#000; text-transform:capitalize; }
div#filterMenu label.sizeLabel{width:95px; display:inline-block; margin-bottom:8px;}
div#filterMenu label span{font-size:12px; color:#666;}
div#filterMenu select{border:1px solid #999}
div#filterMenu i.icon-help-circled{cursor:pointer; font-size:18px;}
div#filterMenu i.icon-help-circled:hover{color:#004b39 ;}
div#filterMenu div.filterSub h3{position:relative}
div#filterMenu div.filterSub h3 span{float:right; color:#CEDDD4; margin-right:5px; transition: 0.4s ease 0s}
div#filterMenu div.filterSub h3:hover, div#filterMenu div.filterSub h3:hover span{color:#000; cursor:pointer;}
div#filterMenu div.filterSub h3:hover span {font-size:18px;color:#004b39; margin-right:3px; transition: 0.0s ease 0s}
div#filterMenu div.filterKeys {display:none; margin:20px 0 0 15px;}
div#despatchDates {border:1px #eee dashed;}
div#despatchDates h3{ margin:0px; font-size:14px; padding:10px; background:#eee; position: relative;}
div#despatchDates label{width:100%; display:inline-block; margin-bottom:15px; color:#000; text-transform:capitalize; font-size: 12px;}
div#despatchDates label.sizeLabel{width:95px; display:inline-block; margin-bottom:8px;}
div#despatchDates label span{font-size:12px; color:#666;}
div#despatchDates select{border:1px solid #999}
div#despatchDates i.icon-help-circled{cursor:pointer; font-size:18px;}
div#despatchDates i.icon-help-circled:hover{color:#004b39 ;}
div#despatchDates h3 span{float:right; color:#CEDDD4; margin-right:5px; transition: 0.4s ease 0s}
div#despatchDates h3:hover, div#filterMenu div.filterSub h3:hover span{color:#000; cursor:pointer;}
div#despatchDates h3:hover span {font-size:18px;color:#004b39; margin-right:3px; transition: 0.0s ease 0s}
div#despatchDates div.dates {padding:10px;}
[type="checkbox"]:not(:checked),[type="checkbox"]:checked,[type="radio"]:not(:checked),[type="radio"]:checked {position: absolute;left: -9999px;}
[type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label,[type="radio"]:not(:checked) + label,[type="radio"]:checked + label {position: relative; padding-left: 20px;cursor: pointer;}
[type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before,[type="radio"]:not(:checked) + label:before,[type="radio"]:checked + label:before {content: '';position: absolute;left:0; top: 0;width: 17px; height: 17px;border: 1px solid #aaa; background: #f8f8f8; border-radius: 3px; box-shadow: inset 0 1px 3px rgba(0,0,0,.3)}
[type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after,[type="radio"]:not(:checked) + label:after,[type="radio"]:checked + label:after {content:'\2713'; position:absolute; top:-2px; left:2px; font-size:22px; line-height:0.8; color: #004b39; transition:0.1s ease-in; font-weight:700;}
[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);}

.storesMulti{margin:0px;}
#storeResult{ overflow: hidden; border-bottom: 1px #ddd solid; }
#storeResult h2{font-size:13px; font-weight:700; padding:10px; border:1px #ddd solid; border-bottom:0px; margin:0; cursor: pointer; }
#storeResult h2:hover { background:#eee; }
#storeResult h2 span {font-size:12px; float: right; }
#storeResult .details { display: none; padding: 10px; border:1px #ddd solid; }
#storeResult p{margin:0;padding: 0px;}
#storeResult p > a{text-transform:none;}
#storeResult p > a:hover{color:#000;}
#map-canvas { height: 450px; width: 700px; margin: 0px 0px; float: right; background:url(images/seed-stockists.jpg) no-repeat 50% 50%; background-size: cover;}
#storeResult { float: left; width: calc(100% - 720px); }

#bottomMsg {position:fixed; bottom:-50px; width:100%; text-align:center; background:#004b39; color:#fff; padding:10px; z-index:999}
#bottomMsg p{display:none}

.wish-return { position:fixed; bottom:-500px; width:100%; text-align:center;z-index:999 }
.wishlist-pop { position:relative; padding:40px; max-width: 300px; margin:0px auto; background:#004B39; box-shadow: 0px 0px 30px rgba(0,0,0,0.4); text-align: center; color: white; }
.wishlist-pop p { margin:0; font-size: 16px; color: white; clear:right; }
.wishlist-pop form { max-width: 250px; margin:10px auto; }
.wishlist-pop form input { padding:10px; border:1px #000 solid; display: block; width: 100%; font-size: 16px; text-align: center; }
.wishlist-pop form button.btn, .wishlist-pop a.btn { margin-top:5px; display: block; width: 100%; font-size:16px; padding:10px 0; }
.wishlist-pop a.btn:hover { background:#fff; color:#000; }
.wclose {position:absolute; top:0px; right:0px; padding:5px; cursor:pointer; background:#000; color:#fff; font-size:19px; }
#wishlist-btn { position:fixed; bottom:150px; right:10px; padding:10px; background-color:#004b39; color:white; border-radius:3px; transition:0.2s; }
#wishlist-btn:hover { background-color:#0D6B6B }
#add-to-wishlist-btn { padding:10px; background-color:#004b39; color:white; border-radius:3px; transition:0.2s; margin-top:10px; }
#add-to-wishlist-btn:hover { background-color:#0D6B6B }

.tbox {position:absolute; display:none; z-index:9999}
.tinner { background:#fff url(images/preload.gif) no-repeat 50% 50%;box-shadow:0 0 50px rgba(0, 0, 0, 0.5);}
.tmask {position:absolute; display:none; top:0px; left:0px; height:100%; width:100%; background:#000; z-index:800}
.tclose {position:absolute; top:0px; right:0px; padding:5px;cursor:pointer; background:#000;color:#fff; font-size:20px;}
.tclose:hover {background-position:0 -30px}

#error {background:#ff6969; color:#fff; text-shadow:1px 1px #cf5454; border-right:1px solid #000; border-bottom:1px solid #000; padding:0}
#error .tcontent {padding:10px 14px 11px; border:1px solid #ffb8b8; -moz-border-radius:5px; border-radius:5px}
#success {background:#2ea125; color:#fff; text-shadow:1px 1px #1b6116; border-right:1px solid #000; border-bottom:1px solid #000; padding:10; -moz-border-radius:0; border-radius:0}
#bluemask {background:#4195aa}
#frameless {padding:0}
#frameless .tclose {left:6px}

div#counterOption{}
div#popImage{float:left; width: 40%;}
div#popImage img{  width: 100%; display: block;}
div#popDetails{float:left; width:60%; padding:15px;}
div#popDetails h1 { margin:0px 0px 10px; font-size: 16px; }
div#popDetails p.priceBox { position: absolute; left: 0px; bottom:0px; background:rgba(0,0,0,0.7); color:#fff; font-size: 13px; text-align: left; font-weight: 600; width: 40%; margin:0px; height:40px; line-height: 40px; padding:0px 0px 0px 15px;}
div#popDetails p.priceBox a{ float:right; height: 40px; line-height: 40px; padding:0px 10px; background:#004b39; color:#fff; font-size:13px; text-transform: uppercase; transition:all 0.2s;}
div#popDetails p.priceBox a:hover{ background:#fff; color:#004b39; transition:all 0.2s;}
div#popDetails span { font-size:13px;}
div#popDetails .option table td.label {font-size:13px; line-height: 16px;}
div#popDetails #description{max-height:200px; overflow: hidden;}
div#popForm{float:left; width:60%; padding:15px;}
div#popForm p{margin-top:0px;}
div#popForm input#email {padding:10px; width:100%;}
div#popForm #remindMeBtn {margin-top:15px;}
div#backInStockPop p#BISmsg{margin-top:10px; padding:20px; text-align:center; color:#be0000;}

div#backInStockPop h1{font-size:20px;}

div#plantsizeoption{margin:10px;}
div#popText {background-color: #fff; height:185px;}
div#popPic {float:left; background-color: #fff; height:170px; margin-top: 15px;}

#clickinfo {cursor: pointer; display:inline-block;}
.productPage#clickinfo{position:relative;}
.productPage#clickinfo:after{content:'i';display:inline-block;border:1px solid green;margin-left:4px;padding:3px;border-radius:40px;height:12px;width:12px;text-align:center;color:green;line-height:6px;font-size:10px!important;position:absolute;top:-2px;right:-15px;}

.footerSignup { display: block; clear: both; margin-top: 20px; }
.footerSignup input { padding:10px; }

.basketLoader { position: fixed; height: 100%; width: 100%; background:rgba(255,255,255,0.9); top: 0px; left: 0px; text-align: center; display: none; z-index: 9999}

.loader,.loader:after { border-radius: 50%; width: 5em; height: 5em;}
.loader { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; font-size: 10px; text-indent: -9999em; border-top: 0.8em solid rgba(0, 75, 57, 0.2); border-right: 0.8em solid rgba(0, 75, 57, 0.2); border-bottom: 0.8em solid rgba(0, 75, 57, 0.2);  border-left: 0.8em solid #004b39;  -webkit-transform: translateZ(0);  -ms-transform: translateZ(0);  transform: translateZ(0);  -webkit-animation: load8 1.1s infinite linear;  animation: load8 1.1s infinite linear;}
.scrollup {background: #004b39 ;bottom: 100px; color: #fff; position: fixed; right: 10px; z-index: 99; display:none; font-size:16px; cursor:pointer; padding:10px;}

#starHolder {clear: both; cursor: pointer; display: block; margin: 15px 0; padding: 0; color: #333; font: 11px Arial,Helvetica,sans-serif;}
#starHolder.shopStars { position: absolute; bottom:0px; left:0px; background:rgba(0,0,0,0.6); color:#fff; width: 100%; margin:0; text-align:center; padding:5px 0px;z-index: 99; font-weight: bold }
.myStars {background: url("/images/newstars-small.png") repeat scroll left bottom; display: inline-block; height: 14px; margin: 0 10px -2px 0; padding: 0; width: 79px;}
.myStars span { background: url("/images/newstars-small.png") repeat scroll left top; display: block; height: 14px; margin: 0; padding: 0;  width: 0;}

.deliveryWindow {}
.deliveryWindow label { display: block; font-size: 13px; margin:5px 0px; }

.theReview {border-bottom: 1px dashed #aaa; line-height: normal; margin: 5px 0; padding:5px 0; font-size:12px}
.theReview.reviewHead{font-weight:bold; font-size:14px;}
.reviewScore { width: 20%; display: inline-block; vertical-align: top;}
.reviewScore #starHolder { margin:0px; }
.reviewComment { width: 38%; display: inline-block; vertical-align: top;}
.reviewReply { width: 38%; display: inline-block; vertical-align: top;}
.moreReviews a {background: #9a1f22; display: block; font-size: 14px; font-weight: bold; margin-right: 20px !important; padding: 10px 0; text-align: center; text-decoration: none !important; color:#fff!important;}
.moreReviews a:hover {background: #000;}

@-webkit-keyframes load8 {
  0% {-webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes load8 {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% {   -webkit-transform: rotate(360deg);  transform: rotate(360deg);}
}

.half-box { width:48%; float: left; padding: 20px; border-radius: 5px; border:1px #ddd solid; margin:1%; }

.mobileShow { display: none!important; }
.mobileHide {display: block!important;}
#nav { display: block; }
.search { display: inline-block; }

.incUpsell { border:1px #dcdcdc solid; border-radius: 5px; position: relative; overflow:hidden; margin-bottom: 15px; }
.incUpsell .image { float: left;width: 25%;}
.incUpsell .image img { width: 100%; display: block; }
.incUpsell .info { font-size: 14px; margin:0px; float: right;width: 75%; height: 100%;  position: absolute;background: #F4F6F4;color: #004B39;font-weight: 500;bottom: 0px;right: 0px;padding: 8px 0px;font-size: 14px;text-align: center;
transition: all 0.2s;}
.incUpsell p {position: absolute;  top: 0;  bottom: 0;  left:0;  right:0;  margin: auto; height: 35px; line-height: 35px; font-size: 13px; color:#004B39; line-height: normal; padding:0px 10px; }

.popout { position: fixed; right: -100%; top: 0px; height: 100%; max-width: 400px; width: 90%; z-index: 9999; box-shadow:0px 0px 20px rgba(0,0,0,0.2); background:#fff;  overflow:auto; }
.popout img{ width: 100%; display: block; }
.popout .shut { display: block; padding:12px; font-size: 14px; font-weight: bold; border-bottom:1px #ccc solid;  }
.holder{padding: 0px 20px; overflow-y: auto; position: relative;}

.basketPopup { display: none; position: fixed; right: 0; left: 0; margin-right: auto;margin-left: auto; background:#fff;max-width:700px; width: 90%; z-index: 9998; box-shadow: 0px 0px 60px rgba(0,0,0,0.3); padding:1%; border-radius: 3px;  }
.basketPopup h2 { font-size: 24px; margin:0px 0px 15px 0px; }
.basketPopup .prod { margin:0px auto; position: relative; overflow: hidden; position: relative;}
.basketPopup .prod .imageframe { width: 30%; float: left; }
.basketPopup .prod .imageframe img { display: block; width: 100%; }
.basketPopup .prod .details { float: right; width: 65%; }
.basketPopup .prod .details p { margin:0px 0px 10px 0px; line-height: normal; font-size: 16px; }
.basketPopup .prod .details p.title span { display: block; font-size: 12px;  }
.basketPopup .prod .details p.price { font-size: 16px; font-weight: bold; color:#004B39; }
.basketPopup .prod .details p.price span { font-size: 12px; color:#777; }
.basketPopup .prod .details p.price span.savePrice { font-weight: bold; color:red; }
.basketPopup .prod .details p.price strike {  margin-right: 5px; font-size: 12px; color: #777}
.basketPopup .prod .details .description { line-height: 20px; font-size: 13px; color:#666; margin-bottom:10px;}
.basketPopup .prod .details form { display: block; width: 100%; margin:10px 0px; }
.basketPopup .prod .details form select { display: block; width: 10%; float: left; height: 40px; line-height: 40px; padding:0px; text-indent: 10px; font-size: 14px; border-radius: 0;}
.basketPopup .prod .details form button { display: block; width: 45%;  float: left; height: 40px; line-height: 40px; padding:0px; border-radius: 0px;}
.basketPopup .prod .details form div.noThanks { display: block; width: 45%;  float: left; height: 40px!important; line-height: 40px!important; padding:0px; border-radius: 0;}
.basketPopup .prod .details p.attr { margin:3px 0px; }
.basketPopup .prod .details p.attr label { font-size: 12px; font-weight: bold; display: inline-block; vertical-align: top; width: 30% }
.basketPopup .prod .details p.attr span { font-size: 12px;display: inline-block; vertical-align: top; width: 65%;}
.basketPopupMask { position: fixed; z-index: 9997; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); display: none; }
p.countdown { position: absolute; bottom:1%; left: 2%; text-align: center; width: 30%; font-size: 15px; font-weight: bold; }
p.countdown span { display: block;  color:red; font-size: 20px;}

@media only screen and (max-width: 1170px) {
.inner { padding: 0px 20px; }
#navbar { text-align: center; }
#navbar li { float: none; display: inline-block; }
#navbar li a {padding:0px 8px; font-size:12px;}
#navbar li .sub .inner { padding:0px; text-align: left;}
.option form table td {font-size: 14px; }
.option form table td.label {width:120px; font-size: 14px;}
.option form table td.label span { font-size: 14px;}
#usp { display: none!important;}
#banners { height: auto; width: 100%; }
.slick-slide img { width: 100%; }
.mask { position: fixed; display:none; right: 0%; top: 0px; height: 100%; width: 100%; z-index: 9998; background:rgba(0,0,0,0.3); }
.shut { display: block; padding:12px; font-size: 14px; font-weight: bold; border-bottom:1px #ccc solid;  }
#admin-panel { display: none; }
#footer { padding:30px 0px; }
#footer .links { text-align: center; }
#footer .links a { display: inline-block; padding:3px; font-size: 12px; text-transform: uppercase; }
#footer .social { text-align: center;  margin:10px 0px;}
#footer .social a { float: none; display: inline-block; }
#footer p.copyright { padding:0px; margin:0px; font-size: 12px;}
#footer p.secure { text-align: center; font-size: 12px; padding:0px 40px; }
}

@media only screen and (max-width: 1070px) {
.inner.product { padding:0px 20px; }
#nav a {font-size: 13px;}
#prodImage { float: left; width: 300px;  }
#prodDetails { float: right; width: calc(100% - 350px); }
.option form table td.price { width: 70px; }
.option form table td.label {width:100px;}
#navbar li a {font-size:11px;}
#topbar .links a { font-size:11px; }

}

@media only screen and (max-width: 700px) {
.section .col span { font-size: 13px; }
.specialOffer { margin:15px 0px; }
.specialOffer p { font-size: 14px; }
.option form { padding:0px 15px; border:0;}
.promoSection { padding:0px 15px; }
button.playVideo { display: none; }
.upsellBox { display: none }
.paymentSplit { display: block; width: 100%; margin:15px 0px; }
.option { border:0px; }
.option form .label { width: 100%; text-align: center; font-size: 16px }
.option form span.thePrice { font-size: 15px; display: block; margin:5px 0;}
.option form span.theDelivery { font-size: 13px; display: block; margin:5px 0; color:green;}
.option form select { width: 100%; padding:10px; font-size: 14px; border-color:red; }
.option form button { width: 49% }
.option form.optionForm { padding:15px; border:1px #ddd solid; border-radius: 3px; margin:15px; }
.option form.optionForm p.thisPrice { color:#B31515; font-weight: bold; }
.option form.optionForm p { margin:5px 0; color:green; font-weight: normal; }
.option form.optionForm p span.save { color:red; font-size: 13px; display: block;}
.option form.optionForm p strike { color:#999; }
.quickshop .prodbox p { float: none; width: 100%; }
.option form .select { float: none; background:#eee; margin-top: 10px; }
.option form .select span { display: block; }
.option form .select select { height: 45px; width: 25%;  border:0;color:#444; background:none; padding-left: 10px; float: left}
.option form .select button { height: 45px; width:75%;  border:0px; background:#B31515; color:#fff; padding:0px 10px; font-weight: bold; font-size: 16px; text-transform: uppercase; transition:all 0.2s; float: right;}
.option form .select button:hover, .greenBTN:hover { background:#B31515; cursor: pointer; transition:all 0.2s;}
.option form .select button.disable { background:#ddd; color:#999; cursor: pointer;}
.tabContent { border:0px; background:none; font-size: 14px; }
#sidemenu { overflow:auto; }
.description { overflow:auto; padding:0px; max-height: 10000px; }
.specifications p label, .specifications p span { display: block; width: 100%; font-size: 14px;}
table.periods { display: none; }
div.period-labels { display: none }
button.quickView { display: none; }
.quickshop .prodbox .option {float: none; text-align: left; width: 100%; height: auto;}
.addpop {padding:12px 0px; position: fixed; left: 0px; width:100%; border: 0px; background:#0D6B6B; color:#f8f9f4; font-size: 15px; z-index: 999; margin:0; bottom:-60px; display: block; box-shadow: 0px 0px 10px rgba(0,0,0,0.2)}
.tabs { border-bottom: 1px #ddd solid; }
.atab { color:#333; padding:15px 20px; text-decoration:none;font-size:14px; text-transform: uppercase; display: block; border-top: 1px #ddd solid; font-weight: 700; float: none; background:#fff; }
.atab.pressed { background:#fff; color:#333; border-bottom:0px;  }
.atab span { float: right; }
.atab i { padding:0px; width: 25px; text-align: center; display: inline-block; }
.atab span i { font-size: 14px;  padding:0; text-align: right;}
.atab.addBTN { position: fixed; bottom:0px; left: 0px; width: calc(100% - 40px); background:rgba(35, 175, 76, 0.95); border-top: 0px; font-weight: bold; color:#fff;  }
.atab.addBTN.unfix { position: absolute; }
.atab.addBTN.red { background:rgba(255, 0, 0,0.9); }
#sidemenu { position: fixed; right: -100%; top: 0px; height: 100%; width: 90%; z-index: 9999; box-shadow:0px 0px 20px rgba(0,0,0,0.2); background:#fff; padding-bottom: 70px;}
.filterSub { }
div#filterMenu h3 { font-size: 12px; }
#sidemenu h2 {  }
.inner.product { padding:0px; }
.mobileShow { display: block!important; }
.mobileHide { display: none!important; }
body { padding-top: 45px }
.prodbox .imageframe { min-height: auto }
#header { padding:0px; position: relative; border-bottom: 1px #004b39 solid; position: fixed; top: 0px; left: 0px; width: 100%; z-index:999; background:#fff; box-shadow: 0px 0px 30px rgba(0,0,0,0.2);}
#logo img { max-height: 45px; height: auto; padding:10px 10px 10px 10px; opacity: 1!important;}
#header .inner, #usp .inner { padding:0px; }
.head-icons { float: right; position: relative; }
.head-icons i { display: block; height: 45px; line-height: 45px; text-align: center; width: 50px; font-size:22px; color:#000; }
.head-icons span { position: absolute; top: 10px; left:0px; height:15px; width: 15px;color:#004b39; font-weight: bold; font-size: 14px; line-height: 15px; text-align: center; }
.head-icons span.qtyTotal { top: 0; color:#004b39; text-align: center; }
.head-icons.toggle i {background:#004b39; color: #fff; width:45px; font-size: 22px;}
.head-icons i:before { line-height: 45px;  }
.head-icons .tooltiptext {  visibility: hidden;  transition:all 0.2s; width: 90px; left: -25px; bottom: -20px;  background-color: black;  color: #fff;  text-align: center;  padding: 5px 0;  border-radius: 6px;position: absolute; z-index: 1; font-size: 12px; }
.arrow-up {width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-bottom: 10px solid black; position: absolute; top: -9px; left: 32px;}
.head-icons .tooltiptext.active {  visibility: visible; transition:all 0.2s; }
.search {display: none; clear: both; margin:0; position: absolute; bottom: -42px; left: 0px; width: 100%; box-shadow:0px 10px 20px rgba(0,0,0,0.2); border:0;}
.search input { width: calc(100% - 80px)!important; }
.search button { float: right; }
#nav {  position: fixed; right: -100%; top: 0px; height: 100%; width: 80%; max-width: 460px; box-shadow:0px 0px 20px rgba(0,0,0,0.2); z-index: 9999}
#nav .inner { padding: 0 }
#navbar li{ display: block; float: none; }
#navbar li a { font-size: 15px; display: block; float: none; text-align: left;}
.half-box { margin:10px 0px; width: 100%; float: none; }
.three .prodbox { width: 48%; margin:1%; }
.box.landing { width: 50%; height: auto }
.prodbox p.prodtitle { font-size:12px; height: 35px; }
#products { float: none; width: 100% }
#counterHead { background:none!important; margin:0px; padding:10px 0px; overflow:hidden; }
#counterHead .counterCopy { width: 100%; padding:0px; font-size: 12px; color:#222; min-height: auto}
#counterHead .counterCopy h1 { font-size: 15px; color:#222; }
#counterHead .counterCopy p { font-size: 12px; color:#222; }
#counterHead .counterCopy p a, #counterHead .counterCopy a{ font-size: 12px; color:#222; }
#sortFilter label { font-size: 12px;  }
#sortFilter form#oosForm { margin:5px 0px; }
#sortFilter form { margin-right: 5px;float: none; display: block; margin:10px 0px; }
#sortFilter select { padding:5px 3px; font-size: 12px; width: auto; }
#prodImage { width: 60%; float: none; margin:0px auto;}
#prodDetails { float: none; width: 100%; }
#prodDetails h1 { padding:0; text-align: center; font-size: 18px; margin:10px 0;}
#prodDetails p.priceBox { position: static; text-align: center; }
#thumbs { display: none; }
#crumbs {margin-bottom: 0; font-size: 12px;}
#starHolder { text-align: center; margin-top: 20px; }
#prodDetails .intro { padding:20px; }
#prodDetails h1 { padding:0px 20px; }
#basketTable { float: none; width: 100%; margin: 20px 0; }
#basketTable td.baskName { padding:10px 0px; width: 65%; }
#basketTable td.baskImage { width: 35%; padding:10px 0px; }
#basketTable td.baskImage .basketImg img { display: block; width: 90%; height: auto }
#basketTable p { font-size: 12px; margin:0; }
#basketTable p strong { font-size: 14px;  }
#basketTable p span { font-size: 12px; }
#prodDetails .icons { text-align: center; }
#basketTable span.green, #basketTable span.basketPrice { display: block; margin:0px 0px 5px 0px; }
#rightInfo { float: none; width: 100%; }
table select { padding:5px; width: 70px; }
#removeBTN { font-size: 14px; padding:0px 10px;  float: right;}
#basketTable .btn { clear: left; display: inline-block; float: none; margin-top: 10px;}
#rightInfo form div.btn { font-size:12px; }
#rightInfo form input { font-size:11px; }
form#ccForm div.halfForm{ width: 45% }
#basketTable th { text-align: center; }
.fixedBTN { position: fixed; bottom:0px; left: 0px; width: 100%; padding: 10px; border-top: 1px green solid; background:rgba(255,255,255,0.9); z-index: 100}
#map-canvas { width: 100%; float: none; }
#storeResult { float: none; width: 100%; }
.cfdebug { display: none }
#counterHead .cmask { display: none; }
.prodbox .btn.quickbuy { display: none!important;}
.prodbox .btn.quickbuy.disable { display: block!important;font-size: 12px;height: 30px;line-height: 30px;padding: 0px 10px;top: 50px;width: 80%;right: 10%;background: #222;color: #fff;border: 0px;}
#basketTable .btn.upsell { height: 35px; line-height: 35px; padding:0px 10px; float: left; clear: both;}
#rightInfo p.ordercode { font-size: 10px;  }
#rightInfo p.ordercode .btn {font-size: 11px;}
.cartDiscounts p span { float: none!important; display: block; text-align: right; }
#basketBTN { font-size:12px; }
.login {padding:25px;}
h2.lines.specialOfferText { font-size: 14px; font-weight: bold }
.basketPopup {width: 90%; padding:2%; text-align:center;}
.basketPopup h2 { font-size: 18px; margin:10px; }
.basketPopup .prod .imageframe { width: 22%; float: none; margin:0px auto 10px auto;}
.basketPopup .prod .details { float: none; width: 100%; }
.basketPopup .prod .details p { margin:0px 0px 10px 0px; line-height: normal; font-size: 14px; }
.basketPopup .prod .details p.title span { display: block; font-size: 12px;  }
.basketPopup .prod .details .description { line-height: 18px; font-size: 12px; color:#666; margin-bottom:10px;}
.basketPopup .prod .details form { display: block; width: 100%; margin:10px 0px; }
.basketPopup .prod .details form select { display: block; width: 30%; float: left; height: 40px; line-height: 40px; padding:0px; text-indent: 10px; font-size: 14px; border-radius: 0;}
.basketPopup .prod .details form button { display: block; width: 70%;  float: left; height: 40px; line-height: 40px; padding:0px; border-radius: 0px;}
.basketPopup .prod .details form div.noThanks { display: block; width: 100%;  float: left; height: 40px!important; line-height: 40px!important; padding:0px; border-radius: 0; margin-top: 10px;}
.basketPopup .prod .details p.attr { margin:3px 0px; display: none}
.basketPopupMask { position: fixed; z-index: 9997; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.9); display: none; }
p.countdown { position: absolute; bottom:auto; left: 0; top:-50px; text-align: center; width: 100%; font-size: 13px; font-weight: normal; color:#fff; }
p.countdown span { display: inline-block;  color:red; font-size: 13px; font-weight: bold; margin-left: 10px;}
}

@media only screen and (max-width: 580px) {
.head-icons i { font-size: 18px; width:36px;}
.section .col { margin:1% 0; }
.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
.section .col span { font-size: 16px; }
.span_2_of_2, .span_1_of_2 { width: 100%; }
#prodDetails p.intro { padding:10px; font-size:14px;}
#prodDetails p.intro i { font-weight: bold;}
.x5 .prodbox { width: 49.2% }
.prodbox p { font-size:12px; }
.prodbox p.prodtitle {height: 40px;}
.prodbox p.price { font-size: 13px; }
.prodbox p.price span { font-size: 10px; }
#navbar li a { font-size:13px; padding:0px 20px; }
.scrollup { bottom:10px; }
.tabContent { padding:20px; }
.tabContent h2 { margin-top:0px!important; }
form.greyForm.order-login { float: none!important; width: 100%!important; }
form#login.greyForm.order-login { border-right: 0px!important; }
form.greyForm .formTitle { width: 100%; float: none; }
form.greyForm .formName { width: 50%; }
#header.secure { padding:0px 15px; }
h1 { font-size:16px; }
#prodImage { width: 100%;}
.basketLoader { position: fixed; }
.prodbox .icons { position: absolute; top:4%; left: 4%; z-index: 100; }
.prodbox .icons img { height: 18px; opacity: 1!important;}
}

@media only screen and (max-width: 470px) {

.box.landing { width: 100%; height: auto }
.three .prodbox { width: 100%; }
.x5 .prodbox { width: 48%; margin:1%;}
.four .prodbox, .x4 .prodbox, #products.three .prodbox { width: 48%; margin:1%;}
.x4 .prodbox:nth-child(3) {margin-left: 0!important;}
.prodbox { padding:2%; }
.prodbox p { font-size:14px; }
.prodbox p.prodtitle {height: 40px;}
.prodbox p.price { font-size: 16px; }
.prodbox p.price span { font-size: 12px; }
}

#admin-panel { position: fixed; right:-250px; top: 30px; border-radius: 0px 0px 0px 5px; border:1px #ddd solid;background:#fff; width: 250px; transition:all 0.2s; box-shadow: 0px 20px 30px rgba(0,0,0,0.1); z-index: 999;}
#admin-panel.active { right: 0px; transition:all 0.2s; }
#admin-panel p { margin:0; font-size:12px; line-height: normal; padding:10px; }
#admin-panel i { position: absolute; left: -51px; top: -1px; height: 50px; width: 50px; line-height: 50px; text-align: center; border:1px #ddd solid; border-right: 0px; font-size:20px; border-radius:5px 0px 0px 5px; background:#222; color:#fff; cursor:pointer;}
#admin-panel [class^="icon-"]:before, #admin-panel [class*=" icon-"]:before { margin:0px; line-height: 48px!important; display: block; }
#admin-panel hr { margin:0; }