/*** GREEN = 004b39 ***/
/*
PURPLE = 00763a 114, 76, 116
GREEN = B0BFA4 176, 191, 164
DARK RED = 00763a 150, 33, 77
GOLD = BDB872 189, 184, 114
*/
.error p {color:#00763a!important}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}@keyframes pulse{from,to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}
table.cfdebug {max-width:1000px!important}
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: 'Assistant', sans-serif;}
body.noScroll { overflow:hidden; }
.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: 1100px; width: 95%; margin:0px auto; }
.inner.small {max-width: 600px;}
a { text-decoration: none; color:#555; outline: none!important; transition:0.2s; }
a:hover { color:#000; }
a img { border:0; }
select:not(.normal) {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:#00763a!important; }
.block { display: block; }
.noto { font-family: myriad-pro, sans-serif; }
.karla { font-family: myriad-pro, sans-serif; }
input, select, label, button {font-family: myriad-pro, sans-serif; border-radius: 3px; cursor:pointer }
input, select { border:1px #ddd solid; }
hr { margin:30px 0px; height: 1px; border:0px; border-top: 1px #ddd dashed; }
h1,h2,h3,h4 { margin:15px 0 15px 0; color:#555; }
h1 { font-size: 28px; }
p { font-size: 15px; color:#555; line-height: 22px; margin:20px 0;}
.btn { background:#00763a; color:#fff; border:0; border-radius: 5px!important; transition:all 0.2s; text-align: center; padding:5px 10px; font-size: 14px; font-weight: 600; text-transform: uppercase;}
.btn:hover { background:#00763a; cursor: pointer; transition:all 0.2s; color:#fff;}
.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 dashed #ddd; 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%;}
/******************/

a.loadMore {border-radius:5px; text-transform:uppercase; width:100%; margin:10px auto; display:block; background:#00763a; color:#fff; padding:10px; transition:0.2s; text-align:center; font-weight:bold; font-size:16px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.3)}
a.loadMore:hover {background:#709b7a; text-shadow:none;}

.messageBar { background:#00763a; padding:8px 0; }
.messageBar p { margin:0px; text-align: center; color:#fff; font-weight: bold;}
.messageBar a { color:#fff; text-decoration: underline; }
.noScript { background:#EA212E; color:#fff; font-size: 12px; font-weight: bold; text-align: center; padding:8px 0px; text-transform: uppercase; }
#topbar { background:rgba(134, 175, 73, 0.1); }
#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:24px 0; background:#fff; }
#header.secure { padding:20px 0; }
p.secure-checkout { float: right; background:#00763a ; color:#fff; height: 45px; line-height: 45px; padding:0px 20px; margin:0; }
#sticky { background:#fff; }
#sticky.fixed { position: fixed; top: 0; left: 0; width: 100%; }
#logo {float: left;}
#logo img { display: block; max-height: 80px }
/* HEADER ICONS */
#usp { text-align: center; padding:5px 0; background:#e3e8e3; position: relative; box-shadow:0 0 15px rgba(0, 0, 0, 0.1); border-bottom:1px solid rgba(255,255,255,0.9)}
#usp p { text-align: center; font-weight: 400; font-size: 16px; display: inline-block; margin:0; color:#000;}
#usp .second-icon{display:none;}
#usp .col { margin-top:0!important; margin-bottom: 0!important; }
#usp p i{font-size:17px; display: inline-block; vertical-align: baseline; color:rgba(0,0,0,0.5); margin-right:6px;}
#usp p .home-header-hover{transition:0.3s; cursor:pointer; font-weight:bold!important; vertical-align:top; position: relative}
#usp p:hover { color:#00763a; }
#usp a {position: relative;}
#header-icons-golden-stars{display:inline-block; clear:both; color:#eebd2b; margin: auto; position: absolute; right: 0px; width: 100px; text-align: center; bottom:5px; left: 0px; }
#header-icons-golden-stars i{font-size:14px!important; margin:0px -3px; color:#f39c12;}
.new-slider .slide img { width: 100%; display:block;}
@media screen and (max-width: 39.99875em) {
  .new-slider .slide .hide-for-small-only { display: none !important; }
}
@media print, screen and (min-width: 40em) {
  .new-slider .slide .hide-for-medium { display: none !important; }
}

/* DEFAULT STYLING FOR GOOGLE REVIEW WIDGET */

.toggle { float: left; font-size:20px; display: none; height: 60px; line-height: 60px; width: 40px; text-align: left; }
#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:rgba(114, 76, 116, 0.05); border:1px #00763a solid; margin-top: 20px; /*box-shadow: 0px 20px 20px rgba(0,0,0,0.05); */}
.search input { border:0px; padding:14px; height: 50px; font-size: 16px; background:none; width: 500px;}
.search button { background:none!important; color:#00763a; font-size: 20px; border:0; padding:14px; height: 50px;  }
#header .icons { float: right; margin-top: 20px; }
#header .icons a {font-weight: 600; font-size: 16px; height: 50px;width: 65px; float: right;position: relative; text-align: center; color:#444;}
#header .icons strong { display: block; font-size:11px; }
#header .icons i { color:rgba(0,0,0,0.7); font-size: 28px; display: inline-block; vertical-align: middle; margin:5px 0px;}
#header .icons a span { position: absolute; top: 0px; right: 10px; line-height: normal; }
#header .icons a.basketIcon span { background:#00763a; color:#fff; height: 20px; width: 20px; border-radius: 100%; font-size:12px; line-height: 20px; text-align: center; top: 5px; right: 5px; }
.menu { text-align:center; background:#fff;border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; position: relative;  }
.menu .inner { position: relative; }
.menu a { text-decoration:none; display:inline-block;color:#232322;font-size:12px;height:45px;line-height:45px;font-weight:600;cursor:pointer;position:relative; padding:0px 12px; }
.menu a.active:after, .menu a:hover:after { position: absolute; content: '';width: 100%; height: 2px; bottom: 0px; left: 0; right:0; margin:auto; background:#00763a; }
.menu a:hover { color:#00763a; }
.menu a.sale{background:#00763a!important; color:#fff;}
.sub-menu { padding:30px; position: absolute; top: 80px; left: 0px;  margin:auto; width: 100%;background:#fff;  border-radius: 0px; opacity: 0; visibility: hidden; transition: all 0.5s; border:1px #00763a solid; box-shadow:0px 50px 100px rgba(0,0,0,0.4); text-align:left; z-index: 999;}
.sub-menu a { display: block; padding:5px 0px; color:#0D6B6B; transition: color 0.5s; height:auto; line-height:normal; font-weight: 400; font-size:14px;}
.sub-menu p { font-size:16px;  margin:0;}
.sub-menu a:hover { color:#999; transition: color 0.5s; }
.sub-menu.active { transition:all 0.5s; top: 45px; opacity: 1; visibility: visible;}
.sub-nav { float:left; width:250px; position:relative; }
.sub-menu .sub-nav a { padding:0 10px; color:#00763a; font-weight: 400;background:#f8f8f8; height: 40px; line-height: 40px;}
.sub-nav a.active:after, .sub-nav a:hover:after { display: none; }
.sub-nav a.active:before, .sub-nav a.active:hover:before { position: absolute; content: '';width: 100%; bottom: 0px; top:0px; right:-9px; margin:auto; width: 0; height: 0; border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #00763a; }
.sub-nav a.active { font-weight: 700; background:#00763a; color:#fff; }
.mini-nav { float:right; width:calc(100% - 250px); display:none; padding:0px 20px; background:#fff;}
.mini-nav.active { display:block;}
.mini-nav a:after { display: none; }
.mini-nav a:hover { color:#999;  }
.mini-nav a.mainSub { font-weight: bold; margin-bottom: 5px; padding-bottom: 5px; color:#00763a; position: relative; }
.mini-nav a.mainSub:after { content: ''; position: absolute; bottom: 0px; left: 0px; width: 45px; background:#00763a; height: 2px; }
.menu a.back { display:none;}
.mini-nav .col span { display: block; text-align: center; font-size:16px; padding:5px 0px; }
/** OLD NAV **/
#nav { background:#00763a; position: relative;z-index: 999; }
#navbar{position:relative;position:relative;z-index:999;padding:0;margin:0 auto; text-align: center;}
#navbar li{list-style:none; display: inline-block; }
#navbar li a{display:block;padding:0 10px;color:#fff;font-size:16px;height:45px;line-height:45px;font-weight:400;cursor:pointer;position:relative}
#navbar li p{display:block;padding:0 12px;color:#000;font-size:14px;height:45px;line-height:45px;font-weight:600;cursor:pointer;position:relative}
#navbar li a.sale{background:#e51b1b!important; color:#fff;}
#navbar li a.bfsale{background:#000!important;color:#fff}
#navbar li.hasSub:hover a:after, #navbar ul li.active.hasSub a:after { content: '';  width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 8px solid white; transition:all .2s; position: absolute; bottom:0px; left: 0px; right: 0px; margin:auto; }
#navbar li a.sale:hover{background:#8D0101!important}
#navbar li a.bfsale:hover{background:#000!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 a.greenFriday{background:#86af49 !important; color:rgb(254, 254, 68);}
#navbar li a.greenFriday:hover{background:#4D7218!important}
#navbar a{color:#000;text-decoration:none;display:block;padding:5px 10px}
#navbar li .sub { text-align: left; }
#navbar li .sub p, #navbar li .sub a{color:#0D6B6B; display:block; height:auto; line-height:normal;padding:5px 0px; float:none; background:none; min-width:200px; text-align: left; font-size:14px;}
#navbar li .sub a.mainSub, #navbar li .sub p.mainSub { background:none; color:#00763a; font-size:14px; padding-bottom: 10px; position: relative;}
#navbar li .sub a:after { display: none!important; }
#navbar li .sub a.mainSub:before, #navbar li .sub p:before { content: ''; position: absolute; bottom: 0px; left: 0px; width: 70px; height: 1px; background:#00763a; }
#navbar li .sub a.mainSub:hover,#navbar li .sub p.mainSub:hover{color:#777;}
#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; position:relative;}
#navbar li .sub .inner{background:#f4f4f4;box-shadow:0 20px 60px rgba(0,0,0,0.5);position:relative; padding:0px 20px; width: 100%;}
#navbar li .sub .viewall{position:absolute;bottom:0;left:20px;width:29%;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; position:unset; float:none; width: 18%; margin-top: 0px;}
/*end of old nav*/
.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:5px 0; color:#999; font-size: 12px; margin:15px 0; background:#fff;}
#crumbs b {font-weight:400!important}
#crumbs a { color:#222;}
#crumbs a:hover { color:#0D6B6B;}
#crumbs span { padding:0px 10px; color:#777; }
.banners { margin:0 auto!important; background-size: cover!important; background:#eee; }
.banners .bannerText { width:40%; padding:80px 30px; }
.banners .bannerText h2{ font-size:34px; margin:0; font-weight:normal;  }
.banners .bannerText h2 span{ display:block; }
.banners .bannerText p{font-size:18px;}
.banners .bannerText p span{display:block; margin:20px 0;}

.banners .bannerText.green { background:rgba(0, 118, 58, 0.70);}
.banners .bannerText.green h2 { color:#fff; }
.banners .bannerText.green p { color:#fff; }

.banners .bannerText.green p:nth-child(3) {background: #e51b1b ; color: #fff; display: inline-block; margin: 0; padding: 10px; transition: all 0.2s ease 0s; border-radius:5px}
.banners .bannerText.green p:nth-child(3):hover {background: #d00;}

.banners.mobile { display: none; }
.banners img { width: 100%; }
.banners .slick-prev { left: 20px; background:#fff; }
.banners .slick-next { right: 20px; background:#fff; }
.banners .slick-next:before,.banners .slick-prev:before { color:#000; }

.banners.desktop a {min-height: 375px; display: flex;align-items: center;justify-content: center;padding: 20px;}
.banners .bannerText {padding: 30px;}
 
.uspSlider { background:#eee; text-align: center; margin-top: 25px; }
.uspSlider p { font-size:20px; font-weight: bold; display: inline-block; text-transform: uppercase; letter-spacing: 0.03em; color:#004b39; }
.uspSlider #header-icons-golden-stars {position: static; display: inline-block; background:none; border:0px; margin-left: 10px; width: auto}
.uspSlider #header-icons-golden-stars i { font-size:20px!important; }

div.image {overflow:hidden;}
div.image img{transition:0.3s;}
div.image img:hover {transform:scale(1.1); transition:0.8s;}

#prodImage { float: left; width: 48%; position: sticky; top: 20px  }
#prodImage .slick-prev { left: 20px; }
#prodImage .slick-next { right: 20px; }
#prodImage .slick-prev, #prodImage .slick-next { background:#fff; }
.flash { position: absolute; top: 10px; right: 10px; z-index: 9}
#imageHolder { width: 100%; 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; }
.videoGoTo{position:relative; text-align:center;}
.videoGoTo i{position:absolute; height:20px; font-size:18px; right:0; left:0; top:0; bottom:0; margin:auto}
.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(113, 75, 115, 1); color:#fff; font-weight: 600; bottom:0px; left: 0px; width: 100%; padding:5px 0px; font-size: 14px; text-align: center; }
.box span strong { display: block;  margin-bottom: 5px; }
.box img { width: 100%; display: block; }
.box.cjLanding {cursor: pointer; height: 180px; width:180px; margin:5px; float: none; display: inline-block; background-size: cover; background-position: 50% 50%; border-radius: 100%; border:0px; padding:0px; box-shadow: 0px 20px 40px rgba(0,0,0,0.25); }
.box.cjLanding::after { content: ''; left: 0px; right: 0px; top: 0px; bottom: 0px; margin:auto; height: 100%; width:100%; background:rgba(0,0,0,0.17); position: absolute; z-index: 87; }
.box.cjLanding::before { content: ''; left: 0px; right: 0px; top: 0px; bottom: 0px; margin:auto; height: 0; width:0; background:rgba(134, 175, 73, 0.7); opacity: 0; position: absolute; z-index: 88; transition: 0.4s all; border-radius: 100%;}
.box.cjLanding:hover::before { height:100%; width:100%; transition: 0.4s all; opacity: 1; }
.box.cjLanding span { bottom: 0px; right: 0px; top: 0px; left: 0px; margin:auto; height: 40px; padding:0 5px; line-height: 40px; background:none; font-size:16px; z-index: 89; text-shadow: 1px 1px 1px rgba(0,0,0,0.99); line-height: normal; }
.box.cjLanding span strong { font-size:14px; height: auto }

.extraOptions { padding:15px 25px; margin:10px 0px 10px 0; background: rgba(0, 118, 58, 0.05); border: 1px rgba(0, 118, 58, 0.5) dashed;}
.extraOptions h2 { font-size:24px; letter-spacing: 0.02em; margin:0 0 0px 0; text-align:center; font-family: 'rollerscript-smooth',sans-serif; text-transform: none; color:rgba(0, 118, 58, 1);}
.extraOptions p { margin:0 0 10px 0; text-align: center; text-transform: uppercase; letter-spacing: 0.03em; font-size: 12px;}
.optionBoxes { border-top: 1px rgba(0, 118, 58, 0.5) solid; margin-right: 30px; }
.optionBox { position: relative; padding:7px 10px; background:#fff; border:1px rgba(0, 118, 58, 0.5) solid; border-top: 0px;}
.optionBox i.fa-info-circle { position: absolute; right: -40px; top: 0px; bottom: 0px; margin: auto; height: 30px; line-height: 30px; font-size: 19px; cursor: pointer; color: #00763a}
.optionBox label { display: flex; padding:0!important; align-items: center;}
.optionBox .imageframe {  flex:0 1 35px; height:35px; border-radius: 3px; overflow: hidden; }
.optionBox .imageframe img { display: block; width: 100%; }
.optionBox p { font-size:13px; margin: 3px 0px; line-height: 18px; padding:0 15px; font-weight: 600; text-align: left; text-transform: none;}
.optionBox p span { display: block; font-size:14px; color:rgba(0, 118, 58, 1); }
.optionBox [type="radio"]:not(.normal) + label:before { top:0px; left: auto; right:0px; bottom: 0px; margin:auto; }
.optionBox [type="radio"]:not(.normal) + label:after {top:0px; left: auto; right:0px; bottom: 0px; margin:auto;  background:rgba(0, 118, 58, 1); border-color:rgba(0, 118, 58, 1); }
.optionBox [type="checkbox"]:not(.normal) + label:before { top:0px; left: auto; right:0px; bottom: 0px; margin:auto; }
.optionBox [type="checkbox"]:not(.normal) + label:after {top:0px; left: auto; right:0px; bottom: 0px; margin:auto;  background:rgba(0, 118, 58, 1); border-color:rgba(0, 118, 58, 1); }

.productMonth { max-width: 1100px; margin:0px auto; position: relative;}
.productMonth .image { float: left; width: 45%; position: relative;}
.productMonth .text { position: absolute; left: 50%; top: 0px; bottom: 0px; margin:auto; width: 50%; height: 300px; background:rgba(255,255,255,0.6); padding:40px 40px 40px 30px; box-shadow: 15px -15px 0px #dff7ba;}
.productMonth .text h2 { margin: 0; font-size:38px; }
.productMonth .btn { padding:10px 20px; }
.productMonth .text:before { content: ''; position: absolute; height: 100%; width: 100%; border:1px #86AF49 dashed; left: -15px; bottom: -15px;}

.theCounters { position: relative; }
.box.catSlide { border-radius: 5px; background:none; width:200px;}
.box.plain { border-radius: 5px; background:none; width:200px;}
.box.plain span { text-align: center; display: block; font-size:12px;}
.box.plain img { border-radius: 5px; overflow: hidden; }
.box.plain.main { height: 200px; background:rgba(134, 175, 73, 1); }
.box.plain.main span { color:#fff; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; height: 80px; width:95%; font-size:16px; }
.box.plain.main span strong { font-size:24px; }
.box.catSlide span { position: static; text-align: center; display: block; }
.box.catSlide span.img { padding:0px; }

.counterSlide::before { content: ''; position: absolute; right: -30px; top: 0px; height: 100%; width: 250px; z-index: 9; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 6%, rgba(255,255,255,1) 87%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 6%,rgba(255,255,255,1) 87%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 6%,rgba(255,255,255,1) 87%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );}
.counterSlide .slick-next { right: 0px }
.counterSlide .slick-prev::before, .counterSlide .slick-next::before { color:#666; text-shadow: 0px 0px 0px; font-size:20px; }
.counterSlide .slick-prev::before { color:#fff; }

.feefoSlider .feefoLanding { padding:40px; text-align: center; border:1px #ddd dashed; border-radius: 5px; background:#f9f9f9; }
.feefoSlider .feefoLanding #starHolder { display: inline-block; }
.feefoSlider .feefoLanding img { display: inline-block; }
.feefoSlider .feefoLanding p { height: 85px; margin:0px; }
.feefoContainer {margin:50px auto;}

.feefoSlider .slick-prev { left: 15px;}
.feefoSlider .slick-next { right: 15px }
.feefoSlider .slick-prev::before, .feefoSlider .slick-next::before { color:#666; text-shadow: 0px 0px 0px; font-size:28px; }

#usp-section{background: #fff; margin: 15px 0px;}
#usp-section .col{ line-height:32px; display: block; height: 34px; text-align: center; background:#00763a; color:#fff; font-weight:bold;}
.usp-title p{margin:0px; line-height:32px; color: #fff;}
.usp-description {display: none;}
.usp-description p{color:#fff;}
.usp-link{text-decoration: none; color: #005454;}
.usp-title.active + .usp-description {display: block; background:#565656; z-index:99; position:relative; border:2px solid #000; padding:10px;}
#extraPests{display: block; clear: both; width: 100%; padding: 40px 0; font-size: 20px; overflow: auto;}
#extraPests .left{display: block; float: left; margin: 1%; padding: 20px 0; width:65%;}
#extraPests .right{display: block; float: left; margin: 1%; padding: 20px 0; width:31%;}
#extraPests .right img{display: block; max-width: 400px; width: 100%; height: auto;margin: auto !important;}
#extraPests h2{ margin: 15px 0 15px 0; color: #004b39;}
#extraPests p {margin: 1.5px 0 !important; max-width: 90%; font-size: 15px; color: #555; line-height: 22px;}
#extraPests a{text-decoration: none; color: #005454; font-weight:bold;}
#extraPestsProd{clear: both; display: block; clear: both; width: 100%; padding: 10px 35px; background:#f8f8f8; font-size: 20px; overflow: auto;}
#extraPestsProd .left{display: block; float: left; margin: 1%; padding: 30px 0; width:65%;}
#extraPestsProd .right{display: block; float: right; margin: 1%; padding: 20px 0; width:25%;}
#extraPestsProd .right img{display: block; max-width: 220px; width: 100%; height: auto;margin: auto !important;}
#extraPestsProd h2{ margin: 15px 0 15px 0; color: #004b39;}
#extraPestsProd p {margin: 1.5px 0 !important; max-width: 90%; font-size: 16px; color: #555; line-height: 22px;}
#extraPestsProd a{text-decoration: none; color: #005454; font-weight:bold; font-size:18px;}
#freePostageCounter{width:200px; min-height:200px; position:absolute;bottom:0;right:0; background:#00763a;}
#freePostageCounter p{font-size:25px;line-height:33px; color: #fff; margin:45px 5px 0 5px;}
.otherCat{display:block;clear:both;margin:5px;}

/* RESPONSIVE GRID */
.section {clear: both;padding: 0px;margin: 0px;}
.col {	display: block;	float:left;	margin: 1% 0 1% 1.6%; position: relative;}
.col:first-child, .col.first { margin-left: 0; }
.section .col img { width: 100%; display: block; }
.section .col span, .section .col.igfBoxes b { position: absolute; background:#00763a; color:#fff; font-weight: 600; bottom:0px; left: 0px; width: 100%; padding:8px 0px; font-size: 16px; text-align: center; transition:all 0.2s;}
.section .col.igfBoxes b a {color:#fff;}
.section .col.igfBoxes b:hover {background:rgba(113, 75, 115,0.9);}
.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, .full { width: 100%; }
.span_2_of_3, .two-third { width: 66.13%; }
.span_1_of_3, .third { width: 32.26%; }
.span_4_of_4, .full {width: 100%;}
.span_3_of_4, .three-quarter {width: 74.6%;}
.span_2_of_4, .two-quarter {width: 49.2%;}
.span_1_of_4, .quarter {width: 23.8%;}
.span_2_of_2, .full {width: 100%;}
.span_1_of_2 {width: 49.2%;}

/* HOMEPAGE */
.section.large { padding:30px 0px; background:#fff; }
.section.grey { background:#f4f4f4; }
.landing-grid {padding:10px 0;}
.landing-grid h2 { font-size:25px; text-align: center; color:#686868; border-bottom: 1px #CCCCCC solid; padding-bottom: 15px; margin-bottom: 15px; }
.landing-grid .col p.title { margin: 0px; background:#fff; position: relative; padding:15px 0 0px 0; text-align: center; font-size:18px; font-weight: bold; color:#686868; }
.landing-grid .col p { text-align: center; font-size:14px; margin:0px; line-height: 28px; padding:0px 15px;}
.landing-grid .col .btn { display: block;max-width: 120px; padding:0; margin:10px auto; height: 45px; line-height: 45px; font-size:16px; background:#00763a; }
.bottomSection .col img { display: block; padding: 0px 20px; }
.bottomSection .col .image img {  width: 100%;padding:0; }
.bottomSection .col p { font-size:16px; margin:0; height: 50px; line-height: 50px; }

.landingUSP{margin:15px 0; border: 1px #ddd dashed;}
.landingUSP .col{text-align:center;}
.landingUSP .col p{font-weight:bold; font-size:14px; color:#666;}
.landingUSP .col p span{display:block; position:relative; font-size: 14px; color:#666; font-weight:bold; padding:0; background:none;}
.landingUSP .col:hover span{background:none!important; color:#666!important;}
.landingBanner .landingBannerText{position:absolute; left:20px; background:rgba(255,255,255,0.9); width:48%; padding:20px; box-shadow: 0px 15px 15px rgba(0,0,0,0.3);}
.landingOffers{background: rgba(134, 175, 73, 0.1); padding: 30px;}

.inner.varietiesXXX { position: relative; max-width: 100%; width: 100%; }
.inner.varietiesXXX:before { height: 200px; background:#e3e8e3; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; content: ''; width: 100%; }
.inner.varietiesXXX .section { max-width: 1100px; margin:0px auto; padding:20px 0px; background:#fff; position: relative; }
.inner.varietiesXXX .section:before { height: 200px; background:#fff; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; content: ''; width: 100%; z-index: 1; }
.inner.varietiesXXX .section h2 { color:#686868; margin: 0px; border:0px; font-family: 'rollerscript-smooth',sans-serif; font-size:38px; position: relative; z-index: 2; }
.inner.varietiesXXX .section.landing-grid .col { position: relative; z-index: 3; margin-top: 0 }
/*.inner.varietiesXXX .section.landing-grid .col img { box-shadow: 0px 0px 20px rgba(0,0,0,0.1) }*/

.instagram-feed {padding:10px 0;}
.instagram-feed h2 { font-size:30px; color:#686868; position: relative; padding-left: 115px; line-height: 38px; padding-top: 10px; }
.instagram-feed p { font-size:18px; line-height: 28px; }
.ig-icon {position: absolute; top: 0px; left: 0px; height:90px;width:90px; background:#000;border-radius:20px; border-color:rgba(255,255,255,0.95); box-shadow:0px 20px 40px rgba(0,0,0,0.2);}
.ig-icon.ig-color{background: #833ab4;background: -moz-linear-gradient(45deg, #833ab4 0%, #fd1d1d 50%, #fcb045 100%); background: -webkit-linear-gradient(45deg, #833ab4 0%,#fd1d1d 50%,#fcb045 100%);background: linear-gradient(-160deg, #833ab4 0%,#fd1d1d 50%,#fcb045 100%); }
.ig-icon.white {background:white;}
.ig-icon.white > * {border-color:black;}
.inner-cam {position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;height:70px;width:70px;border:4px transparent solid;border-color:inherit;border-radius:20px;}
.lens {position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;height:40px;width:40px;border:4px transparent solid;border-color:inherit;border-radius:100px;}
.flash {position:absolute;top:8px;right:8px;margin:auto;height:6px;width:6px;background:rgba(255,255,255,0.9);border-radius:100%;}
.ig-icon.white .flash {background:black;}

.stickyMessage {text-align: center; background:#000; padding:15px 0px;width: 100%; text-transform: uppercase; z-index: 200; color:#fff; letter-spacing: 0.1em; color:#fff;}
.stickyMessage.christmasMessage{background:#00763a;}
.stickyMessage a,.stickyMessage .mText { display: block; color:#fff; font-weight:bold;}
.stickyMessage p { display: block; color:#fff; font-weight:bold;}
.specialMessage { height: 55px; line-height: 55px; background:#e3e8e3; font-size:20px; }
.specialMessage.red a { color:#fff; }
.specialMessage.red { background:#e51b1b; background:#e51b1b ; color:#fff;}

/* NEW PRODUCT */
.viewPopup { margin:10px auto; background:#00763a; width: 100%; padding:10px 20px 10px 60px;font-size:14px; line-height: normal; position: absolute; top: 30px; right: 0px; left: 0px; margin:auto; height: 60px; width: 320px; color:#fff; transition: all 0.2s; opacity: 1; z-index:99; }
.viewPopup i { position: absolute; left: 15px; top: 0px; bottom: 0px; margin:auto; height: 40px; width: 35px; line-height: 40px; text-align: center; font-size:24px; color:#fff;}
.viewPopup strong { color:#fff; display: block; text-transform: uppercase; font-size:14px; letter-spacing: 0.05em;}
.viewPopup.hide { transition: all 0.5s; opacity: 0!important; top: 150px; }
.fa-star, .fa-star-half-alt { color:#f39c12; font-size:12px; vertical-align: middle; display: inline-block; margin-right: 0px;}
.fa-star.lrg { font-size:14px;}
.fa-star.empty { color:#aaa; font-size:12px; }
.fa-star.lrg.empty { color:#aaa; font-size:14px; }
.fa-star-half-alt.lrg { font-size: 14px; }
.prod-lead { text-align: left; padding:0; margin: 0;}
.prod-lead h1 { font-size:24px; margin:0; font-weight: 600; }
.prod-lead h2 { display: block; font-size:14px; color:#888; font-weight: normal; margin:0; }
p.hardiness { margin:15px 0 0; }
/*p.hardiness span { background:rgba(210, 222, 208, 0.8); font-size:12px; padding:5px 10px; border-radius: 100px; }*/
p.hardiness span:hover { transition:all 0.2s; cursor: pointer; }
#emailBackInStock {  display: none; padding:20px; background:rgba(210, 222, 208, 0.8); }
#emailBackInStock p { margin-top: 0px; font-weight: bold; }
#emailBackInStock input { width: 55%; height: 40px; padding:0px 12px; border:1px #ddd solid; border-radius: 0; float: left; font-size:15px; }
#emailBackInStock button.btn { height: 40px; line-height: 40px; width: 45%; float: right; padding:0px; font-size:18px; background:#e51b1b; letter-spacing: 0.05em; transition:0.2s;}
#emailBackInStock button.btn:hover {background:#8d0101;}
.price { padding:0px;}
.priceBox { text-align: left; float: left; }
p.thePrice { font-size: 26px;line-height: normal;font-weight: 700;color: #724C74;margin:0; display: inline-block; text-align: left; letter-spacing: -0.04em;}
p.thePrice span { color:#00763a;  }
p.thePrice span strike{ color:#ccc; }
.youPay { display: inline-block; font-size:26px; color:rgba(165,12,50,1); font-weight: 700; margin:0; padding-left: 5px; margin-left: 5px; border-left: 1px #ccc solid;   letter-spacing: -0.04em;}
span.thsSavePrice{font-size:14px; color:rgba(165,12,50,1); margin-top: 0px;display: block;}
.reviewBox { margin-bottom: 15px; }
.reviewBox span.code { display: inline-block; font-size:14px; vertical-align: middle;color:#555; height: 20px; line-height: 20px; border-left: 1px #ccc solid; margin-left: 8px; padding-left: 8px;}
.prodStars { margin:0; display: block;height: 26px; line-height: 26px; cursor:pointer; float: right; text-align: right;}
.prodStars .innerstars { margin:0; display: inline-block; }
.prodStars span { font-size: 12px; margin:0; line-height:16px; display:block; margin-left: 8px; color:#555;}
.prodimage .social { text-align: center; clear: both; padding:10px 0px; }
.prodimage .social a { display: inline-block;height: 40px; line-height: 40px; width: 30px; text-align: center; font-size:18px; }
.prodimage .social a i.fa-facebook-f { color:#3b5998; }
.prodimage .social a i.fa-twitter { color:#1da1f2; }
.prodimage .social a i.fa-pinterest-p { color:#bd081c; }

.desc-links span {color:#00763a; cursor:pointer; margin:0px 0 0px 0; text-align: left; transition: all 0.2s; font-size:16px;}
.desc-links span i { display: block; font-size:20px; margin-bottom: 12px; }
.desc-links span i.fa-arrow-right { display: inline-block; font-size:11px; margin-left: 10px; }
.desc-links span:hover { transition: all 0.4s;  color:#ccc; }
.desc-links span.left { float: left; }
.desc-links span.right { float: right; }
.brandLogo { height: 40px; width: 90px; top: auto; bottom: 0px; border-radius: 0px; left: 0px; }
.prodimage { float: left; width: 52%; vertical-align: top; border:0;  cursor: pointer; position: relative; }
.prodimage .flash { font-size:16px; padding:0px 15px; max-height: 70px;}
.prodimage img.flash { max-width: 70px; }
.prodimage .mainImage {  min-height: 250px; position: relative;cursor: pointer; position: relative;margin-bottom: 10px;border:1px #ddd solid;display: block;  }
.prodimage .zoomImage { display: none; }
.prodimage .thumbs { text-align: center;  margin:0px;}
.prodimage .thumbs img { margin:5px 5px 5px 0;}
.buybox { width: 42%; float: right; text-align: left; position: relative; z-index: 2;}
.details { padding:10px 0; margin: 15px 0;  border-top: 1px #ddd dashed}
.details .theOptions { float: left; width: 55%; }
.details .item-info { background:#fff; padding:30px; border:1px #ddd solid;  float: right; width: 40%}
.details h2 { text-align: center; margin: 0; text-transform: uppercase; letter-spacing: 0.04em; }
p.optLabel { margin:0px 0px 10px 0px; font-weight: bold; position: relative; font-size:18px; }
p.optLabel button { position: absolute; right: 0px; top: 0px; bottom: 0px; margin:auto;  background:#fff; border:1px #ccc solid;}
p.oos { color: #e51b1b; font-size:16px; font-weight: 700; }
.stockMessage span { display: block; color:#e74c3c; font-size: 15px; font-weight: bold; border:1px #e74c3c dashed; padding:10px; border-radius: 3px; margin:0px 0px 5px 0px; }
.stockMessage.red span { border-color:#e74c3c; color:#e74c3c; }
p.prodDiscount { font-size:18px; font-weight: 400; background:#fff; color:#00763a; text-align: left; margin: 0 0 20px 0px; font-weight: bold; height: 50px; line-height: 50px; text-transform: uppercase; background:#fff; letter-spacing: 0.05em; text-align: center; border:1px #00763a dashed;}
p.prodDiscount span { width: 78%; text-align: center; display: inline-block; }
p.prodDiscount span.first { display: inline-block; background:#00763a; color:#fff; height: 50px; line-height: 50px;  width: 20%; }
p.prodDiscount span.first i { display: inline-block; margin-right: 15px; }
.buybox .shippingband { position: relative; padding: 12px 12px 12px 40px; font-size: 14px; }
.buybox .shippingband span { font-weight: bold; }
p.loyaltyWorth { border-radius: 0px; border: 0px; font-size:16px; margin:0px auto; padding:20px 15px 20px 60px; background:#111; color:#fff; text-align: left; position: relative; }
p.loyaltyWorth span { color: #fff; font-weight: bold; background:#C4B16F; display: inline-block; height: 30px; width:30px; line-height: 30px; text-align: center; border-radius: 100%;}
.buybox .shippingband { border-radius: 0px; border: 1px rgba(25, 150, 23, 0.3) solid; font-size:15px; margin:10px auto; padding:20px 20px 20px 40px; background:none; color:#000; }
.buybox .shippingband i, p.loyaltyWorth i {position: absolute; left:10px; top: 0px; bottom: 0px; margin:auto; height: 40px; width: 40px; line-height: 40px; text-align: center; font-size:20px;text-align: left; color:#000; }
.buybox .shippingband.video { background:#111; }
.buybox .shippingband.video:hover { background:rgba(0,0,0,0.9); cursor: pointer; }
.detailsSection{ width: 100%;  margin:20px auto; }
.detailsSection .prod-desc { max-width: 900px;}
.YMAL { padding:0px 0px; }
.YMAL .prodbox.col { max-width: 270px; margin:0 10px 0 0; }
.YMAL h2 { font-size:22px; letter-spacing: 0em; text-align: left; padding-top: 0px;}
.videoSection { width: 100%; max-width: 180px; margin:0px auto;}
.videoSection .videobox { width: 100%; height: 50px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: 50% 50%; border-radius: 5px; z-index: 1; cursor:pointer; border:1px #222 solid; overflow:hidden; }
.videoSection .videobox:after { content: ''; height: 100%; width: 100%; background:#fff; z-index: 1; position: absolute; top: 0px; left: 0px; }
.videoSection .videobox span.play { position: absolute; width: 160px; background:none; top:0px; bottom: 0px; left: 0px; right: 0px; margin:auto; height:25px; line-height: 25px; text-align: center; color:#222; z-index: 3; font-size:14px; letter-spacing: 0.02em; }
.videoSection .videobox span.play i { height: 20px; width: 20px; border:1px #222 solid; line-height: 20px; text-align: center; border-radius: 100%; margin-right: 10px; color:#222; font-size:9px; display: inline-block;vertical-align: top; }
.right-info {  background:#f7f7f7;position: relative; }
.right-info {  background:#f7f7f7;position: relative; }
.specifications { margin:0px auto; padding:15px; background:#f6f6f6; text-align: center; display: grid; grid-template-columns: repeat(4, 1fr);}
.specifications h2 { padding: 12px 14px; background:#eee; color:rgba(140, 152, 130, 1); font-size: 16px; font-weight: 600; position: relative; text-align: center; margin:0px; border-bottom:1px rgba(140, 152, 130, 1) solid;}
.specifications .col { width:25%; margin:0; height: 90px; background:#f8f8f8; padding:15px 10px 10px 10px; }
.specifications p {position: relative; text-align: center; }
.specifications p label { display: block; font-weight: 600; font-size:16px; color:#00763a; height: 35px;}
.specifications p span { display: block; font-size:14px; text-transform: capitalize; color:#777;}
.specifications p span.image { display:block; margin:10px auto; height: 50px; width: 50px;}
.specifications p span.image img { display: block; margin:0px auto; max-width: 50px; max-height: 50px; }
#delivery table { border-collapse: collapse; width: 100%; max-width: 550px; margin:0px auto; }
#delivery table td { background:#fff; border:1px #ddd solid; font-size:15px; padding:12px; }
#delivery table th { background:none; border:0; padding:12px; text-align: center;}
#delivery table th h3 { font-weight: 500; font-size:20px; margin:0;}
#delivery table tr.hidden { display: none; }
#delivery table td.viewmore { text-align: center; color:purple; cursor: pointer;}
#delivery table td.viewmore:hover { background:none; transition: all 0.2s;}
.swatches a { display: inline-block; height: 25px; width: 25px; border-radius: 100%; margin:5px 5px 5px 0; position: relative; cursor: pointer; box-shadow: 0px 0px 5px rgba(0,0,0,0.2)}
.swatches a.active:after {content: "\f00c";font: normal normal normal 12px/1 FontAwesome;line-height: 1;position: absolute; top:0px; right:0px; text-align: center; border-radius: 100%; height: 25px; width: 25px; line-height: 24px; color: #fff; }
.switchTabs span { float: left; width: 50%; text-align: center; height: 50px; line-height: 50px; background:#fff;cursor: pointer; opacity: 0.8; }
.switchTabs span.active { font-weight: bold; background:#f8f8f8; opacity: 1 }
.switchContent { display: none; padding:0px;}
.switchContent.active { display: block; }
.buybox .icons { text-align: left; }
.buybox .icons a { display: inline-block; margin:0 0 10px 0px; text-align: center; padding:0px 0px;}
.buybox .icons a img { display: block; height: 40px; }
.prod-signup-box { background:#f3f3f3; padding:20px; border-radius: 5px; }
.prod-signup-box h2 { color:#194117; font-size:20px; text-align: center; margin:0 0 12px 0; font-weight: bold; text-transform: uppercase; }
.prod-signup-box input { background:#fff; height: 45px; border-radius: 4px; border:1px #194117 solid; width:100%;}
.prod-signup-box .btn { margin:0px; height: 45px; line-height: 45px; width: 100%; background:#194117; border-radius: 4px!important;}
.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:#e74c3c;}
.keyBullet{display:inline-block; margin:0px 6px; font-size:14px; vertical-align: middle;}
.discountUpsell { padding:10px 0; text-align: center; border:0px; color:#e74c3c; border:1px #e74c3c dashed; background:#fff; font-size:18px; text-transform: uppercase; font-weight: bold; margin:0px;}
.discountUpsell.red, h3.discountUpsell { border-color: #e74c3c; color: #fff; background:#e74c3c; margin-bottom: 20px; font-weight: 800; font-size:22px; }
.discountUpsell.full { text-align: left; padding:15px; }
.discountTimer { color:#e74c3c; 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 #e51b1b 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; }
div.intro { margin:10px 0px; background:#fff; padding:10px 0;}
div.intro p { position: relative; display: block; margin:20px 0; padding-left: 18px; line-height:1.3em; font-size:15px; }
div.intro i { color:#00763a; display: inline-block; position: absolute; left: 0px; top: 3px; font-size:13px; font-weight:bold;}
.prodimage .mobileSlider img { width: auto; border-left: 5px #fff solid; border-right: 5px #fff solid;}
.option { padding:0px; margin:0px auto;width: 100%; }
.option select { display: block; width: 100%; height: 60px; padding:0px 13px; border:1px #ccc solid; border-radius: 0px; font-size:15px; background:#fff; }
.option h3 { margin: 0px; font-size: 20px; }
#options label { font-size:14px; font-weight: 500; display: block;width:100%; letter-spacing: 0.02em; color:#444;}
.chooser { display: block; padding:20px 15px; background:#fff; border:1px #00763a solid; border-radius: 0px;margin:15px 0; font-size:16px; transition:all 0.2s; position: relative; /*box-shadow: 5px 5px 0 #00763a; */position: relative;}
.chooser:hover { cursor:pointer; transition:all 0.2s; }
.chooser.show { box-shadow: 0px 0px 0px #00763a; transition:all 0.2s; background:#00763a; color:#fff; }
.choose-options { position: absolute; top: 40px; left: 0px; width: 100%; background:#fff; border:1px #00763a solid; box-shadow: 0px 20px 20px rgba(0,0,0,0.1); opacity: 0; visibility: hidden; transition: all 0.3s; max-height: 340px; overflow:auto; z-index: 8}
.choose-options.show { top: 70px; visibility: visible; opacity: 1; transition: all 0.3s; }
.chooser span { position: absolute; right: 20px; top: 0px; bottom: 0px; height: 20px; line-height: 20px; margin:auto; font-size:20px; }
.newOptions { display: none; position: fixed; right: 0px; top: 60px; height: 100%; width:100%;background:#fff; padding:40px 30px 40px 30px; z-index: 9999;box-shadow: 0px 0px 10px rgba(0,0,0,0.2); overflow: auto;}
.newOptions .closer { height: 45px; background:#111; color:#fff; font-size:15px; font-weight: 700; line-height: 45px; padding:0px 15px; position: fixed; top: 60px; 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:#ebfff5!important;color:#27ae60!important; border:1px solid #27ae60!important; box-shadow: 0 0 0 1px #5e926d; position: relative; transition: all 0.2s;}
button.optionBTN, button.disabledBTN { min-width: 50px; max-width: 160px; height: 70px; width: auto; line-height: normal; margin: 0 5px 10px 0; text-align: left; float: left; padding: 10px 13px; border-radius: 3px; font-size: 13px; font-weight: 500; transition: .2s all; border-color: #aaa; color: #222;}
button.optionBTN strong, button.disabledBTN strong { float: none; width: auto; font-weight: 100; }
button.optionBTN span, button.disabledBTN span { display: block; font-size:13px; float: none; margin-top:2px; color:#444; font-weight: normal }
button.disabledBTN span { color:#999; }
button.optionBTN.red { color:#e74c3c; }
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;}
form.options {margin:10px 0px;}
.option { position: relative; }
.listBTN { display: block; margin:0; transition: all 0.2s;}
.listBTN:hover { transition: all 0.2s; border-color:green; }
.listBTN p { margin:0px; font-size:14px; }
.listBTN label { padding:10px 10px 10px 40px!important; display: block;background:#fff; border-bottom:1px #ddd solid;position: relative; border-radius: 0px; font-size:14px;}
.listBTN label span.advert { display: block; color:#00763a; font-size:14px; }
.listBTN [type="radio"]:checked + label:before, .listBTN [type="radio"]:not(:checked) + label:before { box-shadow: 0px 0px 0px; left:auto; left: 10px; top: 0px; bottom: 0px; margin:auto; font-weight: 400; border:1px #aaa solid; font-size:26px; height: 20px; width: 20px; transition: all 0.2s; text-align: center;}
.listBTN [type="radio"]:checked + label:before { border-color: #ddd }
.listBTN [type="radio"]:not(:checked) + label:after, .listBTN [type="radio"]:checked + label:after { left:auto; left: 10px; top: 0px; bottom: 0px; margin:auto; height: 20px; width: 20px; line-height: 20px; font-family: 'Font Awesome 5 Pro'; content: '\f00c'; font-weight: 400; font-size:14px; transition: all 0.2s; text-align: center; }
.listBTN [type="radio"]:checked + label { border-color:#ddd; }
.listBTN [type="checkbox"]:checked + label:before, .listBTN [type="checkbox"]:not(:checked) + label:before { box-shadow: 0px 0px 0px; left:auto; right: 10px; top: 0px; bottom: 0px; margin:auto;  font-weight: 400; border:1px #aaa solid; font-size:26px; height: 25px; width: 25px; transition: all 0.2s; text-align: center;}
.listBTN [type="checkbox"]:not(:checked) + label:after, .listBTN [type="checkbox"]:checked + label:after { left:auto; left: 10px; top: 0px; bottom: 0px; margin:auto; height: 25px; width: 25px; line-height: 25px; font-family: 'Font Awesome 5 Pro'; content: '\f00c'; font-weight: 400; font-size:14px; transition: all 0.2s; text-align: center; }
.listBTN [type="checkbox"]:checked + label { border-color:#ddd; }
.listBTN [type="checkbox"]:checked + label:before { border-color: #ddd }
.listBTN img { position: absolute; left: 15px; top: 0px; bottom: 0px; height: 60px; margin:auto; border-radius: 100%; width:60px!important; }
.listBTN.hasImage label { padding-left: 90px!important; }
.listBTN p.price { color:#00763a; font-weight: bold; font-size:14px;}
.listBTN p.price strike {font-size: 14px; color:#aaa; font-weight: 100; }
.listBTN p span.save { color:#00763a; }
.listBTN.oos {background:#f4f4f4;}
/*.listBTN.oos.hide {display: none;}*/
.listBTN.oos p { color:#888!important; }
.listBTN.oos label { background:none;}
.listBTN.oos [type="radio"]:checked + label:before, .listBTN.oos [type="radio"]:not(:checked) + label:before { box-shadow: 0px 0px 0px; left:auto; left: 10px; top: 0px; bottom: 0px; margin:auto; font-weight: 400; border:1px rgba(255,100,100,0.4) solid; font-size:26px; height: 20px; width: 20px; transition: all 0.2s; text-align: center;}
.listBTN.oos [type="radio"]:checked + label:before { border-color: rgba(255,100,100,0.8); }
.listBTN.oos [type="radio"]:checked + label { border-color: rgba(255,100,100,0.8); }
.listBTN.oos [type="radio"]:not(:checked) + label:after, .listBTN.oos [type="radio"]:checked + label:after { left:auto; left: 10px; top: 0px; bottom: 0px; margin:auto; height: 20px; width: 20px; line-height: 20px; font-family: 'Font Awesome 5 Pro'; content: '\f00d'; font-weight: 400; font-size:14px; transition: all 0.2s; text-align: center; color:#e51b1b; background:none; }
.optionBTN { display: block;  margin-bottom: 2px; transition: all 0.2s;}
.optionBTN:hover { transition: all 0.2s; border-color:green; }
.optionBTN p { margin:0px; font-size:14px; }
.optionBTN label { padding:10px!important; display: block;background:#fff; border:1px #ddd solid;position: relative; border-radius: 5px; font-size:14px; text-transform: capitalize;}
.optionBTN label span.advert { display: block; color:#00763a; }
.optionBTN [type="radio"]:checked + label:before, .optionBTN [type="radio"]:not(:checked) + label:before { box-shadow: 0px 0px 0px; left:auto; right: 10px; top: 0px; bottom: 0px; margin:auto; border-radius: 100%; font-weight: 400; border:1px #aaa solid; font-size:26px; height: 25px; width: 25px; transition: all 0.2s; text-align: center; display: none}
.optionBTN [type="radio"]:checked + label:before { border-color: green }
.optionBTN [type="radio"]:not(:checked) + label:after, .optionBTN [type="radio"]:checked + label:after { left:auto; right: 10px; top: 0px; bottom: 0px; margin:auto; height: 25px; width: 25px; line-height: 25px; font-family: 'Font Awesome 5 Pro'; content: '\f00c'; font-weight: 400; font-size:14px; transition: all 0.2s; text-align: center; display: none; }
.optionBTN [type="radio"]:checked + label { border-color:green; }
.optionBTN [type="checkbox"]:checked + label:before, .optionBTN [type="checkbox"]:not(:checked) + label:before { box-shadow: 0px 0px 0px; left:auto; right: 10px; top: 0px; bottom: 0px; margin:auto; border-radius: 100%; font-weight: 400; border:1px #aaa solid; font-size:26px; height: 25px; width: 25px; transition: all 0.2s; text-align: center;}
.optionBTN [type="checkbox"]:not(:checked) + label:after, .optionBTN [type="checkbox"]:checked + label:after { left:auto; right: 10px; top: 0px; bottom: 0px; margin:auto; height: 25px; width: 25px; line-height: 25px; font-family: 'Font Awesome 5 Pro'; content: '\f00c'; font-weight: 400; font-size:14px; transition: all 0.2s; text-align: center; }
.optionBTN [type="checkbox"]:checked + label { border-color:green; }
.optionBTN [type="checkbox"]:checked + label:before { border-color: green }
.optionBTN img { position: absolute; left: 15px; top: 0px; bottom: 0px; height: 60px; margin:auto; border-radius: 100%; width:60px!important; }
.optionBTN.hasImage label { padding-left: 90px!important; }
.optionBTN p.price { color:#000; font-weight: bold; font-size:14px;}
.optionBTN p.price strike {font-size: 14px; color:#888; font-weight: 100; }
.optionBTN p span.save { color:#00763a; }
.optionBTN.oos {background:#eee; display: none}
.optionBTN.oos p { color:#888!important; }
.optionBTN.oos label { border-radius: 4px; border:1px rgba(255,100,100,0.1) solid;  color:#888; background:none;}
.optionBTN.oos label:before { font-family: 'Font Awesome 5 Pro'; content: '\f057'; font-weight: 100; color:#00763a; position: absolute; right: 10px; top: 0px; bottom: 0px; margin:auto; height: 25px; width: 25px; line-height: 25px; text-align: center; font-size:26px;}
.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:14px; padding:0px 10px; }
.newOptions button.optionBTN:after { position: absolute; content: ''; height:20px; width:20px; right:20px; top:20px; border:1px #ccc solid; border-radius: 100%; }
.newOptions button.disabledBTN:after { display: none;}
.newOptions button.active:after { border-color:#27ae60; background:#27ae60; right:20px; top: 0px; left: auto; bottom: 0px; }
.newOptions button.active { background:#fff!important;color:#27ae60!important; border-color:#aaa!important; }
.newOptions p { font-size:18px;  }
.col.full-btn{ margin:6px 0px; }
.swatch { border:1px #ddd solid; margin:5px 0; position: relative;}
.swatch-item { cursor:pointer; }
.chosen-swatch { padding:10px;}
.chosen-swatch.active { background:#fff; opacity:0.4; box-shadow:inset 0px 0px 10px rgba(0,0,0, 0.1); }
button.add { color:white; margin:0px auto; display: block; font-size: 20px; letter-spacing: 0.05em; height:55px; line-height: 55px; background:#00763a; float: right; width:calc(100% - 100px);text-transform: uppercase; padding:0; border-radius: 0px; font-family: myriad-pro, sans-serif; font-weight: 700} 
button.add:hover { cursor: pointer; background:#709b7a;}
button.add{background:#e51b1b; background:#e51b1b ;}
button.add:hover{background:#8d0101;}

button.add:disabled,button.add[disabled] { background:#ddd!important; color:#999; cursor:not-allowed;}
select.quantity { height: 55px; width: 100px; border-radius: 0px; background:#fff; border:1px #ddd solid; text-align: center; font-size: 20px; padding-left: 20px; }
.wishlist { margin:0px auto;text-align: center; height: 50px; line-height: 50px; color:#777;border:1px #777 solid; clear: both; margin-top:10px; text-transform: uppercase;font-size: 16px; letter-spacing: 0.03em; }
.wishlist:hover { cursor: pointer; }
.wishlist i { font-size:14px;}
.wishlist i.fas { color:#8D0101; }
.wishreturn p { margin:0; font-size:18px;}
.wishreturn { position: fixed; bottom: 10px; right: 0; left: 0; opacity: 0; margin:auto; background:#fff; box-shadow: 0px 0px 70px rgba(0,0,0,0.2); z-index: 100; width: 300px; padding:20px 20px 20px 60px; border-radius: 5px; font-size:14px; line-height: normal; transition:all 0.6s;}
.wishreturn i { position: absolute; left: 15px; top: 0px; bottom: 0px; margin:auto; height: 40px; width: 35px; line-height: 40px; text-align: center; font-size:24px; color:#c10e20;}
.wishreturn.active { bottom:60px; opacity: 1; transition: all 0.3s; }
.chosen.active { min-height:75px; padding:10px 20px 20px; border:1px #ddd solid; box-shadow: 7px 7px 0px #eee; margin:10px 0px; }
.chosen p {margin:0px; padding:2px 0; text-align: left; font-size:16px; }
.chosen p span { display: inline-block; margin-right: 5px; background:#eee; padding:5px; border-radius: 3px;  }
.chosen p strong { display: block; margin:2px 0px; }
.chosen p.delivery { color:#00763a; font-size:14px; }
.chosen p.price { color:#00763a; font-weight: 700; font-size:22px;}
.chosen p.price strike { color:#aaa; }
.chosen p.oos span { background:#E81738; color:#fff; border-radius: 0px; padding:5px 8px; display: inline-block; }
.chosen p.inStock span { background:#5D855A; color:#fff; border-radius: 0px; padding:5px 8px; display: inline-block; }
button.gotoBtn { display: block; margin:10px 0px; height: 50px; line-height: 50px; width: 100%; background:#eee; border:0px; font-size:18px; font-weight: bold; background:#00763a; color:#fff; border-radius: 0px; }
.buybox hr { margin:15px 0; }
.fa-minus{line-height:50px;}
.fa-plus{line-height:normal;}
.prodQty { display: block; height: 45px;  overflow: hidden;background:none; border-radius: 0px; float: left; width: 35%; }
.prodQty .item { float: left; height: 45px; line-height: 45px; width: 20%; text-align: center; font-size: 14px; color:#222; border:1px #222 solid;}
.prodQty .item:hover { cursor: pointer; color:#000; }
.prodQty input { float: left; border:0px; padding:0px; height: 45px; line-height: 45px; text-align: center; border-radius: 0px; background: none;width: 30%; text-align: center!important; font-size:14px;}
.prodQty.upsells { max-width: 80px; }
.prodQty { background:#fff; border: 1px #ddd solid; height: 50px; margin:0px auto; border-radius: 5px;display: block;}
.prodQty .item { background:#fff; border:0px;color: #111; width:23%; height:50px; line-height: 50px;}
.prodQty .item:hover { color: #27ae60;}
.prodQty input {border-radius:0px; border: 1px #ddd solid; border-top: 0px; border-bottom: 0px; font-size: 16px; background: #fff; height: 50px; float:left; width:53%;}
.product #prodSide {float: right; width: 23%;}
.promo { height: 80px; background:rgba(134, 175, 73, 0.3); background-size:cover;position: relative; border-radius: 4px; border:1px rgba(134, 175, 73, 0.8) dashed; }
.promo h2 { color:rgba(90,90,90,1); font-size:24px; font-weight:700; margin:auto; position: absolute; left: 20px; top: 0px; bottom: 0px; height: 55px; }
.promo h2 strong { display: block; font-size:16px; color:rgba(100,101,105,1); font-weight:400; }
.promo .btn { position: absolute; right: 20px; top: 0px; bottom: 0px; margin:auto; padding:0px 20px; background:#00763a; color:#fff; height: 40px; border-radius: 3px; }
.delPromo { height: 80px; background:#fff; position: relative; border:1px rgba(100,101,105,1) solid;}
.delPromo h2 { color:rgba(100,101,105,1); font-size:24px; font-weight:700; margin:auto; position: absolute; left: 20px; top: 0px; bottom: 0px; height: 55px;}
.delPromo h2 strong { display: block; font-size:16px; color:#777; font-weight: 400 }
.delPromo i { position: absolute; right: 10px; top: 0px; bottom:0px; margin:auto; font-size:24px; height: 50px; line-height: 50px; background:rgba(100,101,105,1); width:50px; text-align: center; color:#fff; border-radius: 100%; box-shadow: 0px 0px 40px rgba(0,0,0,0.2) }
.prodimage .promo { height: 70px;  }
.prodimage .promo h2 { font-size:18px; height: 40px; left: 15px; }
.prodimage .promo .btn { right: 15px; }
.prodimage .promo h2 span { font-size:12px; }
.prodimage .delPromo { height: 60px; }
.prodimage .delPromo h2 { font-size:18px; height: 40px; }
.prodimage .delPromo h2 span { font-size:12px; }
.prodimage .delPromo i { height: 40px; line-height: 40px; width: 40px; font-size:18px; }
/* NEW PRODUCT */
h2.lines.specialOfferText { padding:20px 0px; margin:10px 0px; font-weight: 400; color:#00763a; 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 #00763a; 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: 49%; position: relative; }
#prodDetails h1 { margin:0px 0px 10px 0px; line-height: 32px; font-size: 26px; padding-right: 80px;}
#prodDetails h1 span { display: block; font-size: 14px; color:#777; margin:2px 0px; line-height: 20px;}
#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 {font-size: 32px; color:#00763a; margin:10px 0px 0px; font-weight: bold;}
#prodDetails .intro { padding:0px 0px; margin-bottom: 10px; }
#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; position: absolute; top: 0px; right: 0px; width: 70px;}
#prodDetails .icons a { display: block; margin-bottom: 10px; }
#prodDetails .icons img { display: block; width: 100%; }
#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:#00763a; 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:#e51b1b; }
table { width: 100%; border-collapse: collapse;}
table th { padding:5px; background:#004b39; color:#fff; }
table td { padding:5px; background:#fff;}
.periodic { padding:10px 0; background:#f7f7f7; }
.newPeriods .headings.small {display:none;}
.newPeriods .headings span { display: inline-block; width: 50px; text-align: center; font-weight: bold; }
.newPeriods .spots span { display: inline-block; width: 50px; height: 20px;position: relative; }
.newPeriods .spots span.active:before { content: ''; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; height: 15px; width: 15px; background:#000; border-radius: 100%; }
.newPeriods .spots span.active.flowering:before { background:#666; }
.newPeriods .spots span.active.harvest:before { background:#1C8383; }
.newPeriods .spots span.active.planting:before { background:#869604; }
.newPeriods .spots span.active.pottingOnMonths:before { background:#4c7472; }
.newPeriods .spots span.active.plantingOutMonths:before { background:#c02a62; }
.newPeriods .spots span.active.sowing:before { background:rgba(140, 152, 130, 1); }
table.periods { color:#000; text-align: center; max-width: 600px; display: inline-table;}
table.periods th { font-size:11px; background:none; color:#000; width: 30px}
table.periods td { padding:2px 0px; font-size: 12px; background:#eee; border:5px #fff solid; width: 30px}
table.periods tr {padding:3px; border-left:0px; border-right: 0px; }
table td.flowering { background:#666; color:#666; }
table td.harvest { background:#1C8383; color:#1C8383; }
table td.planting { background:#869604; color:#869604; }
table td.pottingOnMonths {background: #4c7472;
  color: #4c7472; }
table td.plantingOutMonths {   background: #c02a62;
  color: #c02a62; }
table td.sowing { background:rgba(140, 152, 130, 1); color:rgba(140, 152, 130, 1); }
.period-labels { 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; border-radius: 100%; }
.period-labels span.floweringmonths i {background:#666; color:#666 }
.period-labels span.harvestmonths i {background:#1C8383; color:#1C8383; }
.period-labels span.plantingmonths i {background:#869604; color:#869604; }
.period-labels span.pottingOnMonths i {background: #4c7472;
  color: #4c7472; }
.period-labels span.plantingOutMonths i {background: #c02a62;
  color: #c02a62; }
.period-labels span.sowingmonths i {background:rgba(140, 152, 130, 1); color:rgba(140, 152, 130, 1); }
.specialOffer { text-align: center; background:#eee; padding:10px 0px; margin-bottom: 15px;}
.specialOffer p { color:#005454; font-size: 18px; margin:0; text-transform: uppercase;  }

.height-spread { padding:10px; background:#f6f6f6;  }
.height-spread .image { display:inline-block; width: 80px; height: 80px; background:#fff; vertical-align: middle; padding:10px;}
.height-spread .image img { display: block; height: 60px; margin:0px auto;}
.height-spread .text { display: inline-block; margin-left: 10px; vertical-align: middle; }
.height-spread .text p { margin:0px; font-size:12px; }
.height-spread .text p label { display: inline-block;width: 50px; font-weight: bold; }

p.larger-sizes {  display: flex; align-items: center; justify-content: space-between; font-size:15px; background:#00763a; color:rgba(255, 255, 255, 1); padding: 7px 7px 7px 15px;font-weight: bold}
p.larger-sizes a { background:#fff; color:#00763a; display: inline; height: 35px; line-height: 35px; flex:0 1 120px; text-align: center;  text-transform: uppercase; font-size:11px; }
p.larger-sizes a i { font-size:11px; margin-left: 10px; }
p.larger-sizes span i { font-size:13px; margin-right: 10px; }

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; }
span.oos { color:#00763a; }
.tabs { margin:0px 0px; text-align: center; }
.atab { display: block; width: auto; padding: 18px 0px; background:none; color:#232323; font-size: 20px; font-weight: 600; position: relative; text-align: left; border-top: 1px #232323 solid;}
.atab:after { content: '\f067'; font-family: "Font Awesome 5 Pro";  font-weight: lighter; position: absolute; width:20px; height: 20px; text-align: center; bottom: 0px; top: 0px; right: 0px; margin:auto; transition: all 0.2s; }
.atab.pressed:after { transition: all 0.2s; content: '\f00d'; }
.atab:hover { cursor: pointer; color:#999; }
.atab.pressed { font-weight: 600;}
.tabContent { background:#fff; color:#323232; padding:5px 0 20px 0; line-height: 28px; font-size: 16px; display: none; margin-top: 0px; text-align: left;  }
.tabContent.show { display: block; }
div.tabs a.atab.inlineTab {background:#e3e8e3; display:inline-block; width:auto; padding:10px 20px; border:1px solid #ddd; font-size:18px; font-weight:400; border-collapse:collapse;}
div.tabs a.atab.inlineTab:hover {color:#0d6b6b}
div.tabs a.atab.inlineTab:first-child {border-radius: 10px 0 0 0;}
div.prod-details > div.tabs > a.atab.inlineTab:last-child {border-radius: 0 10px 0 0;}
div.tabs a.atab.inlineTab.pressed {background:#709B7A; background:#00763a; color:#fff;}
div.tabs a.atab.inlineTab::before, a.atab.inlineTab::after {content:'';}
div.tabContent {background:#f7f7f7; padding:20px; border:1px solid #ddd; border-collapse:collapse; border-radius: 0 10px 10px 10px;}
div.tabContent a {color:#0d6b6b}
div.tabContent a:hover {color:#000; cursor:pointer; text-decoration:underline;}
div.periodic .headings span {background:#00763a; color:#fff; border: 1px solid #00763a; border-collapse: collapse; }
div.periodic .spots span {background:#fff; border: 1px solid #ddd; border-collapse: collapse; padding: 20px;}
div.periodic .spots span.active.flowering::before, div.periodic span.floweringmonths i {background: #eeee55;}
div.detailsSection .prod-desc {max-width:none!important;}
div.detailsSection div.tabs {text-align:left}
form.options.oneOption {margin:0;}
div.product div.buybox div.details div.chosen {position:relative;}
div.product div.buybox div.details div.chosen p.packsize {max-width:270px;}
div.product div.buybox div.details div.chosen p.price {position:absolute; top:10px; right:10px; color:#111; font-size:26px;}
div.product div.buybox div.details div.chosen p.price b {font-weight:400; font-size:14px;}
div.product div.buybox div.details div.chosen p.inStock, div.product div.buybox div.details div.chosen p.oos {position:absolute; bottom:0; right:10px;}
div.product div.buybox div.details div.chosen p.inStock span, div.product div.buybox div.details div.chosen p.oos span {background:transparent; color:green; font-weight:bold; padding:0; margin:0;}
div.product div.buybox div.details div.chosen p.oos {bottom:5px}
div.product div.buybox div.details div.chosen p.oos span {color:#b93738;}
.overallReviews { position: relative; background:rgba(113, 75, 115, 0.2); padding:20px 0; text-align: center;}
.overallReviews p { display:inline-block; color:rgba(113, 75, 115, 0.8)!important; font-size:52px!important; font-weight: bold; vertical-align: middle; margin:0 10px 0 0!important; line-height: normal!important; }
.overallReviews .prodStars { display: inline-block; vertical-align: middle; height: 45px; }
.overallReviews .prodStars .fa-star, .overallReviews .prodstars .fa-star-half-alt { color:rgba(113, 75, 115, 0.8)!important; font-size:14px; }
.overallReviews .prodStars .reviewText { display: block; color:rgba(113, 75, 115, 0.8); text-align: left; margin-left: 0}
.theReview { padding:30px 0px; border-bottom: 1px #aaa dashed; margin-bottom: 30px; position: relative; }
.theReview .revDate { float: right; color:#aaa;}
.theReview .prodStars { position: static; }
.reviewScore { float: left; }
.reviewComment { clear: both; padding:20px; background:rgba(113, 75, 115, 0.1); margin: 20px 0; }
.revName { margin-top: 5px; font-style: italic; font-size:13px; text-transform: capitalize; }
.reviewReply { background:#f8f8f8; padding:20px; }
/*.theReview {border-bottom: 1px dashed #aaa; line-height: normal; margin: 5px 0; padding:0; font-size:14px}
.theReview div.reviewComment, .theReview div.reviewReply, .reviewHead div.reviewScore {padding:10px;}
.theReview .revDate {font-size:14px;}
.theReview .revName {color:#666; font-style:italic;}
.theReview.reviewHead{font-weight:bold; font-size:14px; background:rgba(113, 75, 115, 1); color:#fff;}
.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;}*/
.tabContent p{color:#323232; font-size: 16px; margin:0 0 10px 0px; line-height: 28px;}
.tabContent hr { margin:5px auto; }
.larger-stars { padding:30px 20px; text-align: center; background:#fff; margin-top: 10px; }
.larger-stars h2 { font-size:44px; margin-bottom: 10px; }
.larger-stars span.reviewText { display: block; margin-top: 10px; }
.larger-stars i { font-size:20px!important; }
.promoSection { margin:20px 0px; text-align: center;}
.promoSection img:hover{opacity:0.8}
.promoSection h2 { font-size: 20px; margin: 0px 0px 20px 0; padding-top: 20px;}
.prodbox .icons img {-webkit-filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.5)); filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.5));}
.prodbox { position: relative; padding: 0px 15px; flex: 0 1 33.3%; overflow: hidden; border-radius: 0 0 5px 5px; transition: all 0.2s;}
.prodbox .prod-details { padding:10px 10px; margin:0px; position: relative; background:#f3f4f3 }
.prodbox.col.full { width: 100%; margin:1% 0; }
.alsoLikes { border:1px rgba(140, 152, 130, 1) solid;  }
.smallSlider { padding:0px 20px; }
.prod-details.full { padding-right: 0px; }
.alsoLikes h2 { padding: 12px 14px; background:rgba(140, 152, 130, 1); color:#fff; font-size: 16px; font-weight: 600; position: relative; text-align: center; margin:0px; border-bottom:1px rgba(140, 152, 130, 1) solid;}
.prodbox.first, .x4 .prodbox:first-child, .x5 .prodbox:first-child, .promoSection .prodbox:first-child, .x6 .prodbox:first-child { margin-left:0px; }
.promoSection.four .prodbox, .four .prodbox, .x4 .prodbox, .prodbox.quarter { width:  23.8%;}
.promoSection.five .prodbox, .five .prodbox, .x5 .prodbox {width: 18.72%;}
.x6 .prodbox {width: 15.33%;}
.prodbox .imageframe { width: 100%;  position:relative;  /*min-height: 200px;*/ }
.prodbox .imageframe .advert { width: 100%; position: absolute; text-align: center; color:#fff; z-index: 99; background:#e51b1b; padding:5px; left:0px; top: 0px; font-size: 12px; text-transform: uppercase; font-weight: bold; }
.prodbox .imageframe .bestBuy {max-width:75px; position:absolute; text-align:center; padding:5px; z-index:99; right:0; bottom:0px; font-size:12px; text-transform:uppercase; font-weight:bold; color:#fff; background:rgba(141,1,1,0.9); box-shadow:0 0 10px 10px rgba(255, 205, 205, 0.5); border-radius:0 5px 5px 0; }
.prodbox .imageframe .newProd {max-width:75px; position:absolute; text-align:center; padding:5px; z-index:99; left:0; font-size:12px; text-transform:uppercase; font-weight:bold; color:#fff; background:#00763a; border-radius:0 5px 5px 0; top: 30px; }
.list .prodbox .imageframe .newProd { max-width:100%; bottom:0px; top: auto; border-radius: 0px;  }
.promoSection .prodbox .imageframe, .gardenEssentials .prodbox .imageframe { min-height: auto; }
.prodbox .imageframe img { width: 100%; display: block; }
.prodbox .icons { position: absolute; bottom:-20px; right: 0px; z-index: 100; width: 100%; text-align: center; }
.prodbox .icons img { height: 40px; opacity: 1!important; width:auto; display: inline-block;}
.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;}
#starHolder {clear: both; cursor: pointer; display: block; margin: 15px 0; padding: 0; color: #333; text-align: left; font-size:12px;}
#starHolder span { display: inline-block; margin-left: 10px; vertical-align: middle; }

#allProds { display: flex; flex-wrap: wrap; align-items: stretch; }
#allProds .prodbox:hover { transition: all 0.2s;}
#allProds .prodbox .btn.quickbuy {background:#fff; color:#00763a; border:none; border-radius:0px; border:1px solid #00763a; color:#e51b1b ; border-color:#e51b1b ; }
#allProds .prodbox .btn.quickbuy:hover {border-color:#000; color:#000}
#allProds .prodbox .btn.quickbuy.disable {border:1px solid #aaa; background: #fff; color:#999; cursor:default; box-shadow:none; text-shadow:none;}


.prodbox p { font-size: 15px; height: 42px; overflow:hidden; margin:0px; line-height: 18px; padding:2px 8px 0px 0px;}
.gardenEssentials .prodbox p { font-size: 14px; height: 43px; overflow:hidden; margin:0px; line-height: 43px; padding:2px 8px 0px 0px;}
.prodbox p.prodTitle { font-weight: 700; margin-top: 0px; padding:0; text-align: left;}
.prodbox p.prodTitle span { display: block; }
.prodbox p.price { color:#000; font-size: 20px; font-weight: 600; margin: 0px; height: 40px; overflow:hidden; text-align: left; }
.prodbox p.price span {color:#00763a; display: block; font-size: 15px; font-weight: 400;}
.prodbox .stars i { font-size: 14px; width: 15px; display: inline-block; color:#FFD203!important; }
.prodbox .btn { padding:5px 10px; font-size: 14px; font-weight: 400!important; 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:#fff; border:1px #00763a solid; color:#00763a; transition: all 0.2s; color:#e51b1b ; border-color:#e51b1b ;}
.prodbox .btn.ymaNeed { position:relative; right:0; top:2px; padding:5px;}
.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; }
.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; }
.prodbox.cjLanding p.prodtitle { font-size: 12px; }
.prodbox.cjLanding p.price { font-size:12px; margin-top: 10px; height: 25px;}
.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; }

.prodbox.col.list { width: 100%; float: none; margin:10px 0px; }
.prodbox.col.list .imageframe { width: 200px; }

.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:0 0 10px 0; position:relative; background:#fff; padding:0;}
#counterHead h1 { font-size:20px; }
#counterHead p { font-size:14px; margin:10px auto; }
#counterHead .counterCopy { margin:10px auto; }
#counterFoot { margin:20px 0px 10px 0px; padding:10px; border-radius:5px; border:1px #ddd dashed; }
#counterFoot .copy {width:100%!important;}
#counterFoot .copy p { color:#004B39; font-size:18px; line-height:30px; margin:14px 0; }
.pagination { text-align: right; padding:15px 0px; }
.pagination p { display: inline-block; margin:0; padding-right: 10px; height: 25px; line-height: 25px; }
.pagination a.page { display: inline-block;border:1px #ddd solid; width: 35px; text-align: center; height: 35px; line-height: 35px; border-radius: 100%;}
.pagination a.page.active, .pagination a.page:hover { background:#004b39; color:#fff; border-color: #004b39;}
#sortFilter { border-radius:5px; background:#e3e8e3; margin-bottom: 0px; padding:5px;}
#sortFilter .showFilters { float: left; border:0px; background:rgba(113, 75, 115, 1); color:#fff; height: 40px; line-height: 40px; text-transform: uppercase; font-size:14px; font-weight: bold; padding:0px 20px; width: 100%; max-width: 260px; border-radius: 0px; text-align: left; position: relative;}
#sortFilter .showFilters:after { content: '\f067'; font-family: "Font Awesome 5 Pro";  font-weight: lighter; position: absolute; width:40px; height: 40px; line-height:40px;text-align: center; bottom: 0px; top: 0px; right: 0px; margin:auto; transition: all 0.2s; }
#sortFilter .showFilters.pressed:after { transition: all 0.2s; transform: rotate(225deg); top: -2px; font-size:18px; }
#sortFilter form { float: right; margin-left: 10px}
#sortFilter form#oosForm {margin:0;float: left;}
#sortFilter form.right { float: right; margin-right: 0px}
#sortFilter label { padding:0px 2px; font-weight: 600;}
#sortFilter label.fixPadd{padding:0 10px 0 40px; height: 40px; line-height: 40px; float: left; border:1px #ddd solid; border-radius: 0}
#sortFilter [type="checkbox"]:not(.normal) + label:after, #sortFilter [type="radio"]:not(.normal) + label:after { top:0px; left: 10px; bottom: 0px; margin:auto; height: 20px; width: 20px; }
#sortFilter [type="checkbox"]:not(.normal) + label:before, #sortFilter [type="radio"]:not(.normal) + label:before { top:0px; left: 10px; bottom: 0px; margin:auto; height: 20px; width: 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 { height: 32px; border:1px solid rgba(0,0,0,0.3); font-size:14px; padding:0 20px 0 0; background:#fff; border-radius: 3px; margin:4px 0 0;}
#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; max-width: 260px; width: 100%; display: none;}
/*#sidemenu h2 { font-size: 16px; background:#00763a ;coler:#fff;}*/
#sidemenu p.selectedOptions {text-transform:capitalize}
#sidemenu .filterCross {font-size:16px; color:#C00; font-weight:400; cursor:pointer}

.static #sidemenu{display:block;}

.inner.counter.showFilt #sidemenu { display: block; }

.landing .col.lanBox { text-align: center; }
.landing .col.lanBox span { display: block; margin:5px 0px; font-weight: bold; }
.landing .col.lanBox img {width:100%; display:block;}

.landing .col.lanBox small { display: block; margin:5px 0px; }
.landing .col.lanBox small i { font-size:12px; display: inline-block; margin-left: 10px; }
.landing #counterHead div.counterCopy, .landing #counterHead p{max-width:100%!important}

.hover-container {overflow: hidden; display:none;}

@media only screen and (min-width: 768px) {
  .prodbox .imageframe {overflow: hidden;}
  .hover-container {-webkit-transform: translateY(100%);-moz-transform: translateY(100%);transform: translateY(100%);-webkit-transition: visibility 0s .2s,-webkit-transform .2s ease-out;transition: visibility 0s .2s,-webkit-transform .2s ease-out;-moz-transition: transform .2s ease-out,visibility 0s .2s,-moz-transform .2s ease-out;transition: transform .2s ease-out,visibility 0s .2s;transition: transform .2s ease-out,visibility 0s .2s,-webkit-transform .2s ease-out,-moz-transform .2s ease-out;position: absolute;width: 100%;bottom: 0;left: 0;background-color: rgba(255,255,255,.8);padding: 8px;display:block;}
  .hover-container button.btn {width: 100%;background: #fff;color: #333;border: 1px solid #333;}
  .prodbox:hover .hover-container {visibility: visible;-webkit-transition-duration: .4s,0s;-moz-transition-duration: .4s,0s;transition-duration: .4s,0s;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;transition-delay: 0s,0s;-webkit-transform: translateY(0);-moz-transform: translateY(0);transform: translateY(0);}
  .hover-container button.btn:hover {border: 1px solid #714b73;}
}

div#sidemenu p.selectedOptions i:hover {color:#666}

#products { width:100%; }
.inner.counter.showFilt #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 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 {  margin:0 auto; background:#d5d7c5; padding:20px 0; border-top:10px solid #b3b5a3; }
.footer a{display: block; color: #000; padding:4px 0px 4px 0px; text-decoration: none; font-size: 14px; font-weight: 500; transition:0.1s; text-align: left;}
.footer img { display: block; }
.footer a:hover {color: rgba(100,101,105,0.5); }
.footer h2{ font-size: 20px; margin: 0px 0px 15px 0px; color: #194117; font-weight: 700; display: none;}
.footer p.copyright { font-size: 14px; color:#194117; text-align: center; border-top:1px solid rgba(0, 0, 0, 0.1); padding-top:20px; margin:0;}
.footer p.copyright a { display: inline-block; font-size: 14px; color: #666;}
.payment-icons { text-align: center; margin-top: 20px; }
.payment-icons img { display: inline-block; }
.signup-box { background:#e3e8e3; padding:40px 0; position: relative; margin-top: 0; }
.signup-box h2 { text-align: center; font-weight: 700; color:#00763a; font-size:34px; margin:5px 0;font-family: "rollerscript-smooth",sans-serif;  }
.signup-box h3 { text-align: center; font-weight: 400; color:rgba(100,101,105,1); font-size:16px; margin:5px 0; letter-spacing: 0.04em; }
.signup-box form { max-width:700px; margin:0px auto; padding:0px; border-radius: 0px; margin-top: 25px; text-align: center;}
.signup-box form input { padding:10px 15px; font-size:16px; border:0px; height: 45px; display: inline-block; width: 240px; margin: 0 15px 0 0; text-align: center; background:#fff; border-radius: 100px; border:1px #ddd solid; }
.signup-box form span { padding:0 0 0 30px; font-size:18px; border:0px; height: 45px; line-height: 45px; background:#00763a; color:#fff; border-radius: 100px; font-weight: bold; text-align: left; display: inline-block; position: relative;  width: 180px;}
.signup-box form span i { display: inline-block; position: absolute; right: 30px; top: 0px; bottom: 0px; height: 20px; line-height: 20px; margin:auto }
.signup-box form span:hover { cursor: pointer; }
.signup-box .col { margin-top: 0px; margin-bottom: 0px; }
.footer .social { text-align: center; padding:20px 0 20px 0; }
.footer .social a { display: inline-block; height: 40px; line-height: 40px; width: 40px; text-align: center; background:none; color:#00763a; border-radius: 100%; font-size:28px; margin:0 5px; padding:0;}
.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;}

.snap-stack { padding:0px 0px 0 0; text-align: center; background:#fff; margin-bottom:20px;}
.snap-stack h2 { font-size:62px; font-weight: 700; margin: 0; font-family: "rollerscript-smooth",sans-serif; margin-bottom: 0; color:#00763a;}
.snap-stack p { letter-spacing: 0.06em; font-size:16px; margin: 0px 0 35px 0;}
.snap-stack p a { color:#00763a; }
.snap-stack .col { width: 25%; margin: 0px; }
.snap-stack .col img { display: block; width: 100%;  }

.dotw { padding:40px 0px; margin-top: 20px;background:#eee; background-size:cover; max-width: 1200px; margin:20px auto; }
.dotw .inner { max-width:780px; }
.dotw-image { float: right; width:36%; }
.dotw-image img { display: block; width:100%; border-radius: 10px; margin:0px auto; box-shadow: 0px 0px 80px rgba(0,0,0,0.2); }
.dotw-text { float: left; width: 45%; text-align: center; }
.dotw-text h2 { color:rgba(237, 26, 37,1); font-size:28px; margin:0px 0 0; text-transform: uppercase; font-weight: bold;}
.dotw-text p { font-size:22px; margin-top: 10px; color:rgba(237, 26, 37,1); font-weight: 700;}
.dotw-text p.timer { font-size:18px; text-align: center; background: rgba(237, 26, 37,1); padding:10px 0; color:#fff; font-weight: 600; border-radius: 5px; text-transform: uppercase; }
.dotw-text p.timer strong { display: inline-block; width:50px; max-width:60px; font-size:12px; text-align: center; margin:15px 4px; }
.dotw-text p.timer span { font-weight: bold; color:rgba(237, 26, 37,1); display: block; height: 50px; line-height: 50px; font-size:24px; width:100%; text-align: center; background:#fff; margin-bottom: 10px; border-radius: 100%}
.dotw-text a.btn { max-width:200px; display: block;margin:0px auto; background:rgba(237, 26, 37,1); color:#fff; }
.offerbox p.prodTitle { font-size:13px; text-transform: uppercase; letter-spacing: 0.03em; font-weight: 500; margin-top: 20px; text-align: center; color:#e74c3c; height: 50px; }
.offerbox img { display: block; width:100%; border-radius: 5px; box-shadow: 0px 10px 50px rgba(0,0,0,0.15) }
.specialOffers #counterHead { padding:20px 0px; margin-bottom: 10px; color:rgba(237, 26, 37,1); border-radius: 5px; text-align: center; border:1px rgba(237, 26, 37,1) dashed; }
.specialOffers #counterHead h1 { font-size:36px; letter-spacing: 0.04em; font-weight: 600; margin-bottom: 10px; color:rgba(237, 26, 37,1); }
.specialOffers #counterHead p { font-size:15px; padding:0px 10%; color:rgba(237, 26, 37,1); }
.specialOffers { padding-bottom: 30px; }

.static{padding:15px 0;}
.static p,.static h1,.static h2,.static h3,.static h4,.static h5,.static h6,.static ul,.static ol,.static li {letter-spacing:0.4px!important;line-height:1.9!important; margin:20px auto;}
.static ol, .static ul{padding-left:6px; color:#555; font-size:15px;}
.qHeading{padding-bottom:10px; border-bottom:1px dashed #004b39;}
#staticMenu h3{border-bottom: 1px solid #ccc; margin-bottom: 8px; margin-top: 15px; font-size: 14px; padding: 0 0 15px;}
.staticSplit p{margin-top:0!important;}


/** 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: 50%;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: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.slick-prev {   left: -35px;}
[dir='rtl'] .slick-prev {right: -30px;left: auto;}
.slick-prev:before {content: '←';}
[dir='rtl'] .slick-prev:before {content: '→';}
.slick-next {right: -35px;}
[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;}
.slick-dots li button:before, .slick-next:before, .slick-prev:before { font-family: "Font Awesome 5 Pro"; }
.slick-prev::before {content: "\f104";}
.slick-next::before {content: "\f105";} 

.slick-slider { margin:0;}
.slick-slider .prodbox { max-width:25%; }

.alsoLikes .prodbox { border:0px!important; }

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

.basketPopupMask { position: fixed; height: 100%; width: 100%; left: 0px; top: 0px; background:rgba(255,255,255,0.6);z-index: 9998; display: none; }
.basketPop {  border-radius: 0px; background:#FFF; padding:0; margin:0px auto 30px auto; box-shadow: 0px 5px 80px rgba(0,0,0,0.2); position: fixed; left: 0px; right: 0px; bottom: 0px; margin:auto; width:100%; z-index: 99999; display:none;transition:0.2s all; }
.basketPop .inner { padding:30px 0 30px 150px; position: relative; }
.basketPop h2 { margin: 0px 0px 5px 0px; text-transform: uppercase; font-size: 18px; color: #000; color:#00763a;}
.basketPop p { margin:5px 0px;color: #000; font-size: 13px;}
.basketPop p.title { font-size:16px; padding:10px 0 10px 0px; }
.basketPop p strike { color:#999; margin-top: 10px; }
.basketPop p strong.price { color:#00763a; font-size:18px; padding:0px; margin:0; border:0px; }
.basketPop a { color: #5e926d }
.basketPop .description { margin:10px 0px; }
.basketPop .btns { display: inline-block; width: 220px; vertical-align: middle; }
.basketPop .btn { height: 50px; line-height: 50px; padding:0; display: block; width: 100%; background:#00763a; font-size:18px; font-weight: bold;}
.basketPop .image { height: 100px; width: 100px; position: absolute; left: 0px; top: 0px; bottom: 0px; margin:auto; }
.basketPop .image img { display: block; width: 100%; }
.basketPop .text { display: inline-block; width: calc(100% - 260px); padding:0px 20px; vertical-align: middle; }
.basketPop #timer { text-align: center; color:#e51b1b; font-weight: bold; font-size: 20px; display: block;}
.basketPop .timetext { clear: both; text-align: center;}
.basketPop .closeBP { position: absolute; right: 30px; top: 0px; bottom: 0px; font-size:18px; height: 30px; width: 30px; line-height: 30px; background:#ddd; color:#444; text-align: center; margin:auto; border-radius: 100%; cursor: pointer; }

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;margin:10px auto; max-width: 1200px;}
.basketStuff {   position: relative; }
.basket-upselling { float: left; width: 60%; }
#basketTable { overflow: hidden; border: 1px rgba(134, 175, 73, 0.4) solid; border-bottom: 0px; margin:20px auto;}
#basketTable.full { float: none; width: 100%; border:0px; }
#basketTable td { padding: 10px 0; font-size: 14px; vertical-align: top; }
#basketTable .head { background:#000; color: #fff; margin-bottom: 10px;}
#basketTable .maxicropItem{background: #e5ece4;}
#basketTable .basket-item {padding:8px 0; border-bottom: 1px rgba(134, 175, 73, 0.4) solid; position: relative; transition: 0.2s background-color;}
#basketTable .basket-item:before { content: ''; width: 0px; height: 100%; background:rgba(140, 152, 130, 1); top: 0px; left: 0px; bottom: 0px; position: absolute; transition: width 0.2s; }
#basketTable .basket-item:hover:before { transition: width 0.2s; width: 5px; }
#basketTable .basket-item:hover { background:#f8f8f8; transition: 0.2s background-color; }
#basketTable .basket-item.promo { background:#f9f9f9; }
#basketTable .col { width: 15%;display: inline-block; float: none; vertical-align:middle; margin: 1% 0 1% 1.6%;}
#basketTable .col.description { width: 30%; }
#basketTable .col.first { margin-left: 0px; }
#basketTable .col.right { text-align: right; width: 10%; }
#basketTable .col.center { text-align: center; width: 20%; }
#basketTable .basket-head { font-size:14px; text-transform: uppercase; letter-spacing: 0.04em; padding:8px 0; border-bottom: 1px rgba(134, 175, 73, 0.4) solid;  }
#basketTable.full td { border:0px; padding:5px 0px; }
#basketTable .basketImg img { width:100%; max-width: 80px; display: block; margin:0px auto; border-radius: 3px;transition: 0.2s all;}
#basketTable p { margin:0px 0px 10px 0px; font-size: 14px; line-height: 20px; }
#basketTable p strong { font-size: 15px; margin-bottom: 2px; display: block; }
#basketTable p span { color:#777; display: block; margin:1px 0; }
#basketTable p a { color:#000; }
#basketTable select.select { padding:10px; }
#basketTable h1 { margin:0px; text-align: left; padding:0 0 20px 0px;font-size: 16px; text-transform: none; text-align: center;}
#basketTable span.offerText {margin:5px 0px!important; padding:5px 10px; background:#e3f9b6; color:#000; border:1px #76A714 solid; border-radius: 3px; display: inline-block; font-size:12px;}
#basketTable span.red { color:#e51b1b ; }
#basketTable span.basketPrice { text-align: center; font-size: 15px; margin:5px 0; color:#000; }
#basketTable span.basketPrice strong { font-size:16px; font-weight: bold; color:#00763a;}
#basketTable span.basketPrice strike {color:#999;display: inline-block; }
#basketTable span.green { color: #00763a; font-weight: bold; }
#basketTable span.red { color: #e51b1b ; }
#basketTable span.purple{ color: rgba(142, 68, 173,1.0); font-weight: bold; }
#basketTable span.blue { color: rgba(52, 152, 219,1.0); font-weight: bold; }
#basketTable span.grey { color: #888; font-weight: bold; }
#basketTable p span { display: block; margin:5px 0px; }
#basketTable strike { display: block; margin:5px 0; color:#888; }
#basketTable .stars { margin:5px 0px 10px 0; }
#basketTable select { padding:10px 25px 10px 10px; font-size:16px; -webkit-appearance:none; -moz-appearance:none; background:none; border:0px; position: relative; z-index: 2;}

.ageRestrict,.ageRestrictError{display: flex; flex-direction:column; gap:1rem; align-items:flex-start; justify-content: space-between; padding:1.2rem 0.8rem; background-color:rgba(241,200,76,0.15); border:1px solid rgb(241,200,76); border-left-width:5px; border-radius:3px; }
.ageRestrict p,.ageRestrictError p{margin:0!important}
.ageRestrict-text{display: flex; flex-direction: row; align-items: center;}
.ageRestrict-text i{margin-right: 0.5rem; font-size: 1.6rem; color: rgba(241,200,76,1);}
.ageRestrict-btn{display: flex; flex-direction: row; align-items: center; gap:0.5rem; padding-left:2rem;}
.ageRestrict-btn a{margin-top:0; color:#555; background:#ffffff; border:1px solid #555; padding: 10px 20px; border-radius: 4px; cursor:pointer}
.ageRestrictError.red{display:none; margin-top:1rem; background-color:rgba(180,0,0,0.15); border:1px solid rgb(180,0,0); border-left-width:5px;}
.ageRestrictError.red .ageRestrict-text i{margin-right: 0.5rem; font-size: 1.6rem; color: rgba(180,0,0,1);}

.select { border:1px #ddd solid; display: inline-block; position: relative; background:#fff; transition: 0.2s all;}
.select i { display: inline-block; width: 40px; text-align: center; position: absolute; right: -10px; top:0px; bottom: 0px; height: 10px; margin:auto; z-index: 1; transition: 0.2s all; }
#removeBTN { font-size:18px; color:#888; border:1px #ddd solid; height: 45px; width: 45px; border-radius: 100%; line-height: 45px; transition: 0.2s all;}
#removeBTN .fa-times { color:#999; }
#basketTable .basket-item:hover .select { border-color:rgba(140, 152, 130, 1); transition: 0.2s all; }
#basketTable .basket-item:hover .select i { color:rgba(140, 152, 130, 1); transition: 0.2s all; }
#basketTable .basket-item:hover #removeBTN { color:#000; border-color:transparent; transition: 0.2s all; }
.up-btns { padding:12px 0px; }
.up-btns h1 { float: left; margin:0px; line-height: normal; font-size: 24px; padding:0; line-height: 40px; }
.up-btns .pay { float: right;}
.up-btns .pay span { display: inline-block; vertical-align: middle; }
.up-btns .pay img { display: inline-block; margin:0px 3px; height: 40px; vertical-align: middle; }
.freeGifts { position: relative; margin: 0 0 5px 0; /*border:1px rgba(255,100,100,0.8) solid;*/ padding:0px 0px 20px 0; }
.freeGifts h2 { font-size:18px; color:#00763a; margin: 0; }
.freeGifts p { font-size:14px; color:#00763a; }
.freeGifts p i { display: inline-block; }
.freeGifts p.price { margin-bottom: 0; line-height: normal; height: auto; }
.freeGifts p.price strong { color:#e51b1b ; display: inline-block; margin-left: 5px; }
.freeGifts .col { margin-top: 0px; }
.freeGifts .col.third { display: table; height: 290px; background:#96214D; position: relative;}
.freeGifts .col.third:before { content: ''; position: absolute; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid #fff; border-top: 30px solid transparent; bottom: 0px; right: 0px; margin:auto; }
.freeGifts .col.third:after { content: ''; position: absolute; width: 0; height: 0; border-left: 30px solid rgba(0,0,0,0.3); border-right: 30px solid transparent; border-bottom: 30px solid transparent; bottom: 0px; right: -30px; margin:auto; }
.freeGifts .table-cells { display: table-cell; vertical-align: middle; text-align: center;}
.freeGifts.upsells h2 { color:#666; }
.freeGifts.upsells p { color:#666; }
.freeGifts.upsells .col.third { background:rgba(134, 175, 73, 0.2); border:1px rgba(134, 175, 73, 0.4) solid; }
.freeGifts.upsells .col.third:before { right: -1px; bottom: -1px; }
.freeGifts.upsells .col.third:after { right: -32px; bottom: -2px; border-left-color: rgba(0,0,0,0.2)}
.gift {width: 100%; margin:1% 0; border-bottom: 1px #ddd solid; padding: 20px 0;}
.gift .image { width: 70px; float: left;}
.gift .text{float: left; margin-left: 15px;}
.gift .theBtns{float: right; margin: 0; width:130px;}
/*.gift .image span { position: absolute; bottom: 0px; right: 0px; width: 100%; text-align: center;; background:rgba(255,10,10,0.9); color:#fff; padding:5px 0px; font-weight: bold; }*/
.gift p { font-size:13px; color:#000; padding:0px; background:none; margin: 0;}
.gift p span { font-size:14px; margin: 0; }
.gift strike { display: inline-block; color: #e51b1b ;  margin-right: 10px;}
.gift .optionBTN, #addMaxicrop {margin-right:0; background:#fff; height: 40px; line-height: 40px; width: 100%; color:#e51b1b ; font-weight: bold; text-transform: uppercase; font-size:12px; letter-spacing: 0.03em; border:1px #e51b1b  solid; border-radius: 0px; display: block; max-width: 100%; text-align: center; float: none; padding:0 10px; }
.gift .image i { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; height: 70px; width: 70px; background:#e51b1b ; color:#fff; line-height: 70px; text-align: center; margin:auto; font-size:28px; border-radius: 100%; }
.gift .btn { display: block; width: 100%; height: 40px; line-height: 40px; padding:0px; font-size:12px; border-color:#e51b1b ; color:#e51b1b ;}
.gift .btn.disabled { background:rgba(0, 0, 0,0.2); color:#e51b1b ; margin-bottom:10px;}
.gift .btn.help { background:none; border:1px #888 solid; color:#888; height: 25px; line-height: 25px; padding:0; }
.biSlider, .buSlider { padding:0px 0px; position: relative; margin-bottom: 30px; }
.biSlider .slick-prev, .buSlider .slick-prev { left: -30px }
.biSlider .slick-next, .buSlider .slick-next { right: -30px }

.popmask { position: fixed; top:0px; left: 0px; height: 100%; width:100%; background:rgba(0,0,0,0.6); z-index: 99998; display: none; }
.addpop-container { width:90%; max-width: 760px; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; height: auto; padding:30px 30px 40px 30px; z-index: 99999; background:#fff; }
.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:#999; font-weight: 800; border-radius: 100%; background:#eee; text-align: center; font-size:18px; 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: 120px; width: 28%;float:left; vertical-align: top; }
.addpop-container .addedProd .image img { display: block; width:85%; }
.addpop-container .addedProd .info { float:right; width:68%; padding:0px 0 0 4%; border-left: 1px #ddd dashed; vertical-align: top; padding-bottom: 20px; }
.addpop-container .addedProd .info h2 { color: #54575b;font-size: 18px;line-height: 28px;font-weight: 300;margin-top: 0px; margin-bottom: 10px; }
.addpop-container .addedProd .info h2 span { color: #54575b;font-size: 14px;line-height: 28px;font-weight: 300; margin-top: 0px; display: block;}
.addpop-container .addedProd .info .price { margin-bottom: 10px; }
.popbtn { margin:0px 0px 0px; }
.popbtn .btn { font-weight:bold; height: 45px; line-height: 45px; padding:0px; width:47%; float: left; background:#eee; border:0px; color:#555; text-decoration: none; font-size:14px; text-transform:uppercase; border-radius: 5px;}
.popbtn .btn.green { background:#00763a; background:#e51b1b ; float: right; color:#fff;  }
.addpop-container .products { text-align: center; padding:10px 0 0; border-top:1px #ddd dashed; min-height: 400px; }
.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 }

.free-gift-box {margin:10px auto; padding:20px; border:1px #ddd solid; border-top: 1px #588301 solid; }
.free-gift-box hr { height: 1px; background:none; border:0px; border-top: 1px #ddd dashed; margin:10px 0px; width:100%; }
.free-gift-box h3 { font-size:17px; margin:0 0 10px 0; }
.free-gift-box p { margin:0px; font-size:14px; }
.free-gift-options { padding:8px 0px 8px 60px; position: relative; border:1px #ddd solid; border-top: 1px #588301 solid;margin-top: 10px; transition: all 0.2s; }
.free-gift-options:hover { cursor: pointer; background:rgba(0,0,0,0.05); transition: all 0.2s; }
.free-gift-options img { position: absolute; left: 10px; top: 0px; bottom:0px;margin:auto; border-radius: 100%; }
.free-gift-options p { font-size:14px; margin:0!important; font-weight: bold; }
.free-gift-options p span { display: block; font-size:13px; font-weight: normal; margin:0px; }

.OFormOpts {margin-top: 20px;}

#giftBtn {  background:#e51b1b; 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: #e51b1b; 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: #e51b1b; 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: 34%;  }
.discount-section { padding:0; margin-bottom: 15px; background:none; border:0; border-radius: 3px; } 
#rightInfo form label { display: block;width: 100%; }
#rightInfo form input { display: block; padding:10px; border:0; width: 60%; float: left; font-size: 14px; text-transform: uppercase; border-radius: 0px; background:none;}
#rightInfo form .apply { display: block; float: right; padding:10px; border:0px; background:#fff; border:1px #00763a solid; color: #00763a; width:30%; text-align: center; font-weight: bold;transition: 0.2s all; font-size:14px; text-transform: uppercase; }
#rightInfo form .apply:hover { background:#00763a; color: #fff; cursor: pointer; transition: 0.2s all; }
div#surchargeText p i.icon.icon-truck{display:inline!important;}
#totalDiscount p {border-top:0; border-bottom:1px #00763a dashed; color: #00763a; padding:10px 0; margin:0 0 10px 0px;}
#totalDiscount { margin-bottom: 20px; }
#activeCode { padding:5px 0px; }
#activeCode span { float: right; font-weight: bold; }
.secure-btns .btn.paypal{ background: #ffc439; color: #006DB8; }
.secure-btns .btn{ height: 50px; line-height: 50px; padding: 0px 25px; color: #20A3AB;  font-size: 16px; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase;text-decoration: none;transition: all 0.2s; display: block; text-align: center; margin:0; position: relative; border-radius: 0px!important; }
.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:#00763a; border-radius: 5px!important; }
#rightInfo p{ margin:0px; font-size: 14px; margin:0px; position:relative;}
#rightInfo .details {padding:20px; background:#f4f4f4; margin-bottom: 20px;}
#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 hr { margin:15px 0px; }
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-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; }
#rightInfo h3 span { float: right; text-align: right; }
#rightInfo form { display: block; background:#fff; overflow:hidden; border-radius: 0; clear: both; margin:10px 0; box-shadow: 0px 0px 20px rgba(0,0,0,0.1)}
#rightInfo label { display: block; margin:5px 0px; color:#666; }
#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;}
#rightInfo p span { width:80px; font-weight: bold; text-align: right; }
#rightInfo #discountSums .sums { /*background:rgba(0, 255, 0, 0.1);*/ border-top: 1px rgba(140, 152, 130, 1) dashed; border-bottom: 1px rgba(140, 152, 130, 1) dashed; padding:5px 0; margin:15px 0 0; }
#rightInfo #discountSums p { /*background:rgba(0, 255, 0, 0.1);*/ color: rgba(140, 152, 130, 1);margin:0; padding: 5px 40px 5px 0; position: relative; line-height: normal; }
#rightInfo #discountSums p span, #globalDiscount p span { position: absolute; right: 0px;}
#rightInfo #maxiExists p span { color:#000; }
#rightInfo #maxiExists p { /*background:rgba(0, 255, 0, 0.1);*/ color: #000;margin:10px 0 0; padding: 10px 0 10px 0; position: relative; line-height: normal; }
#globalDiscount p { color: #00763a; margin:0; padding: 10px 0; border-bottom: 1px #00763a dashed;}
#rightInfo p.totals { font-size:22px; font-weight: bold; }
.maxicrop .maxiCropImage { float:left!important; vertical-align:top; padding-right:10px; }
.maxicrop .maxiCropDesc { float:right!important; width:calc(100% - 105px); }
.maxicrop p { font-weight:bold; color:#000; padding-bottom:10px; }
.maxicrop ul { margin:10px 0 10px 15px; padding:0;  }
.maxicrop form { background:none!important; margin-top:15px; border:0!important; float:left!important; clear:none!important; box-shadow:none!important;}
.maxicrop form strong { font-size:18px!important; color:#004B39!important; margin:0 0 0 5px;}
	
.countries { padding:10px 0 }
#rightInfo .countries select { -webkit-appearance:menulist!important; -moz-appearance:menulist!important; height: 40px!important;}

#rightInfo .postcodeChecker form input { text-transform: none; font-size: 14px;}
.deliveryText { padding:8px 0;}
.deliveryText span { float: right; }
.basketError p { padding:10px; border:1px #e51b1b solid; background:#fff; color:#e51b1b; margin:10px 0px!important; font-size: 14px!important;}
#PCBasketError p { padding:10px; border:1px #e51b1b solid; background:#fff; color:#e51b1b; margin:10px 0px!important; font-size: 13px!important; text-align: center;}

.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:#e51b1b; 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:#e51b1b; 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; }

.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 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:#e51b1b; 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:#e51b1b; }
#rightInfo p span, span#subTotal, .discountSummary span{float: right!important;   }
.vouchers p span:hover { cursor: pointer; color:#e51b1b; }
.discountSummary { color:#e51b1b; font-weight: bold; }
.discountSummary span { color:#e51b1b; font-weight: bold; }
div#discount, div.discount { color:#e51b1b; 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:#e51b1b; 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:#00763a; font-weight:bold; font-size:22px; line-height:12px; position:relative; top:4px; left:2px;}

form.greyForm {max-width:1200px; margin:0 auto; background:#fff; padding:10px 20px 20px; border-radius:20px; }
form.greyForm.split { max-width: 500px; width: 100%; display: inline-block; margin:10px; vertical-align: top; text-align: left; min-height: 420px; position: relative; padding:2% 2% 6% 2%;}
form.greyForm a.forgotPw{display:block; color:#3399CC}
form.greyForm a.forgotPw:hover{color:#000}
div.loginWrapper{max-width:1200px; margin:30px auto; 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;  border:none; border-radius:0;}
form#guest.greyForm.order-login {width:50%; float:right; min-height:340px; padding:30px;}
form#login.greyForm.order-login{border-right:1px solid #ccc; padding:30px;}
form.greyForm.order-login .wrapper.newCust { float:right;  padding-left:20px; border:none;}
form.greyForm input, form.greyForm select{ padding:12px 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; color:#004b39; font-weight:normal; font-size:16px; }
form.greyForm p.errorText{margin:0 5px 10px; font-size:12px; color:#00763a; 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; margin-bottom:40px; background:#e51b1b ; color:#fff; width:360px; transition:0.2s; cursor:pointer; font-size: 18px;height: 50px; line-height: 50px; text-align: center;}
form.greyForm #checkOutBTN:hover {background:#d00;}
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: 220px; padding:0px; text-align: center; height: 40px; line-height: 40px; position: absolute; bottom:0%; left: 20px; background:#00763a;}
form#create.greyForm.split .btn{bottom:2%;}

#requestForm {max-width: 800px; margin: 20px auto; background: #f4f6f4; border: 1px solid #ccc; padding: 10px 20px 20px; border-radius: 20px;}
#requestForm label {display: block; margin: 15px 0 5px; color: #555; font-weight: normal;}
#requestForm input, #requestForm select {padding: 10px; border: 1px solid #aaa; border-radius: 3px; font-size: 14px; width: 100%; margin-bottom: 5px;}
#requestForm #chooseAddress{display:none;}

.email-pop {width: 645px; height: 378px; background: url('/images/sunbelievable.jpg') no-repeat; position: relative;}
.email-signup { height: 100%; left: 0px; position: absolute; top: 0px; width: 320px; background:#00763a; padding:25px; }
.email-signup h2 { margin: 10px 0px 20px 0px; font-size: 23px; text-align: left; font-weight: bold; color:#fff; text-transform: uppercase;}
.email-signup p { margin: 10px 0px; font-size: 14px; text-align: left; color:#fff;}
.email-signup ul { margin: 0px; padding: 0px; list-style: none;}
.email-signup ul li { padding-left: 25px; color:#fff; position: relative;margin-bottom: 5px;}
.email-signup ul li:before {content:'\2713'; position: absolute; top: 0px; left: 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: 100%; border: 0;margin: 20px 0 0; background: #fff; overflow: hidden; padding:5px; border-radius: 5px;}
#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: #00763a; color: #fff; text-transform: uppercase; cursor: pointer;}
.email-signup span { padding: 5px; text-align: center; font-size: 9px; display: block;}
.email-signup a { color:#fff; text-decoration: underline; }

.help-popup { position: fixed; right: -320px; top: 0px; height:100%; bottom: 0px; margin:auto; background:#fff; width: 320px; padding:20px; z-index: 99999; transition: all 0.2s; }
.help-popup.active { transition: all 0.2s; box-shadow: 0px 0px 40px rgba(0,0,0,0.2); right: 0px; }
.pop-close { padding:10px; border:1px #000 solid; margin-bottom: 15px; border-radius: 5px; font-size:14px; }

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(.normal),[type="radio"]:not(.normal) {position: absolute;left: -9999px;}
[type="checkbox"]:not(.normal) + label, [type="radio"]:not(.normal) + label {position: relative; padding-left: 30px;cursor: pointer;}
[type="checkbox"]:not(.normal) + label:before,[type="radio"]:not(.normal) + label:before {content: '';position: absolute;left:0; top: 0; bottom:0px; margin:auto;width: 20px; height: 20px;border: 1px solid #aaa; background: #fff; border-radius: 0px;}
[type="checkbox"]:not(.normal) + label:after, [type="radio"]:not(.normal) + label:after {content:'\f00c';font-family: 'Font Awesome 5 Pro';position: absolute;left:0; top: 0; bottom:0px; margin:auto;width: 20px; height: 20px; line-height:20px; border: 1px solid #00763a; background: #00763a; color:#fff; border-radius: 0px; text-align: center; font-size:12px;}
[type="checkbox"]:not(.normal):not(:checked) + label:after,[type="radio"]:not(.normal):not(:checked) + label:after {opacity: 0;  transform: scale(0);}
[type="checkbox"]:not(.normal):checked + label:after,[type="radio"]:not(.normal):checked + label:after {opacity:1;transform: scale(1);}
div#filterMenu{width:100%; padding:12px; background:#f8f8f8; }
.filters { border-top: 1px #ddd solid; border-left: 1px #ddd solid; }
div#filterMenu div.filterSub { position: relative; float:left; width: 25%; background:#fff;}
div#filterMenu div.filterSub.hide { display: none; }
div#filterMenu div.filterSub.show { display: block; }
div#filterMenu div.filterSub h3{position:relative; border:1px #ddd solid; height: 50px; line-height: 50px; padding:0px 20px; margin:0; border-left: 0px; border-top:0px; cursor: pointer; font-size:14px;}
div#filterMenu div.filterSub p{position:relative; border:1px #ddd solid; height: 50px; line-height: 50px; padding:0px 20px; margin:0; border-left: 0px; border-top:0px; cursor: pointer; font-size:14px;}
div#filterMenu div.filterSub h3:after { content: '\f078'; position: absolute; right: 20px; top: 0px; bottom: 0px; margin:auto; font-family: 'Font Awesome 5 Pro'; font-weight: 100 }
div#filterMenu div.filterSub h3.active:after { content: '\f077'; }
div#filterMenu div.filterSub h3.active { background:#00763a; color:#fff; border-color:#00763a; }
div#filterMenu div.filterSub h3 span{ display: none;}
div#filterMenu div.filterSub.showMore { background:none; }
div#filterMenu div.filterKeys { display: none; position: absolute; top: 50px; background:#fff; left: 0px; z-index: 998; padding:15px; border:1px #00763a solid; border-top: 0px; box-shadow: 0px 30px 30px rgba(0,0,0,0.1); width:100%;}
div#filterMenu div.filterKeys.show { display: block; }
div#filterMenu div.filterKeys label { font-size:14px; display: block; padding:4px 4px 4px 30px; text-transform: capitalize;}
.refine { padding:12px; background:#f8f8f8; }
span.clearAll { display: inline-block;margin:5px 15px 5px 0; height: 30px; line-height: 30px; font-size:14px; color:#000; padding:0px 20px; border-right: 1px #000 solid; text-transform: capitalize; font-size:14px;}
p.selectedOptions { display: inline-block;margin:5px 5px 5px 0; border-radius: 20px; height: 30px; line-height: 30px; font-size:12px;background:#00763a; color:#fff; padding:0px 20px; text-transform: capitalize; font-size:14px; cursor: pointer;}

.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); }

.aShop p {color: #323232; font-size: 14px; display: inline-block; vertical-align: top; padding: 10px; margin: 2px 0; width: 19.7%; background:#eee; border-radius: 3px; height: 174px;}

#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}

.quickB { display:none; width:90%; max-width: 900px; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; margin:auto; box-shadow: 0px 10px 130px rgba(0,0,0,0.4); height: 0px; transition:all 0.4s; padding:30px 30px 40px 30px;background:rgba(255,255,255,0.98); z-index: 99999; overflow: hidden; min-height: 436px;}
.quickB .closer { position: absolute; top: 0px; right: 0px; height: 30px; width: 30px; line-height: 30px; text-align: center; font-size:18px; background:#000; color:#fff; border-radius: 0 0 0 5px; cursor: pointer; }
.quickB h1 { font-size:18px; margin: 0; max-width: 270px; }
.quickB h1 span { display: block; font-size:12px; color:#999; font-weight: 400; }
.quickB p.prodDiscount { clear: both; font-size:12px; }
.quickB .prodimage { width: 50%; }
.quickB .buybox { width: 45% }
.quickB .mainImage{border-right:1px solid #ddd; border-bottom:none; border-top:none; border-left:none;}
.quickB .mainImage img { display: block; width: 90%; }
.quickB .viewPopup { display: none; }
.quickB .details { clear: both; }
.quickB .prodStars span{display:inline-block;}

.gift.maxicrop { padding:30px 20px 20px; background:#fff; background-size:cover;position: relative; border-radius: 0;border:1px #00763a solid; margin: 30px 0 20px 0; position: relative;}
.gift.maxicrop .image { width:43px; }
.gift.maxicrop p { font-size:15px!important; text-align: center; padding-bottom: 20px; font-weight: normal }
.gift.maxicrop p span { float: none!important; display: block; }
.gift.maxicrop p.OR { margin: 0; padding:0; position: absolute!important; left: 0px; right: 0px; font-weight: bold; top: -20px; margin:auto!important; height:40px; width: 40px; line-height: 40px; background:rgba(134, 175, 73, 1); color:#fff; border-radius: 100%; }
.gift.maxicrop .text { width:calc(100% - 70px); float: right; margin:0; }
.gift.maxicrop form { float: none!important; margin:0!important; }
.gift.maxicrop .optionBTN { background: #e51b1b; border:0; color:#fff; font-size:16px; font-weight: bold; border-radius: 2px}

div#counterOption{ padding:30px; }
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 0; padding:15px 0; border-top:1px #ddd solid;}
div#plantsizeoption h2{margin:0;}
div#popText {background-color: #fff;  float: right; width: calc(100% - 110px); text-align: left;}
div#popText p { text-align: left; font-size:14px; margin:0; }
div#popText h2 { text-align: left; font-size:14px; margin-bottom: 0px;}
div#popPic {float:left; background-color: #fff; width:100px; }
div#popPic img { display: block; width: 100%; border-radius: 100%; }

#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:4px;font-size:10px!important;position:absolute;top:0px;right:-15px;}

.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: #00763a ;bottom: 100px; color: #fff; position: fixed; right: 10px; z-index: 99; display:none; font-size:16px; cursor:pointer; padding:10px;}
.deliveryWindow label { display: block; font-size: 13px; margin:5px 0px; }

.queryBox {border: 1px solid #00763a; color:#00763a; text-align: center; border-radius: 3px; padding: 20px 0; transition: all 0.2s}
.queryBox:hover{background:#00763a; color:#fff; transition: all 0.2s}
.queryBox:hover p{color:#fff;  transition: all 0.2s}
.section.large {padding: 30px 0px; background:#fff;}
.queryBox p{margin:10px 0 0 0; color:#00763a; transition: all 0.2s}
.queryBox i{font-size:22px;}
form#contactForm label { display: block; font-size: 16px; width: 100%; }
form#contactForm input, form#contactForm select { display: block; padding:10px; width: 100%; margin:12px 0; border:1px solid #ddd; border-radius:3px; height:40px; font-size:14px;}
form#contactForm textarea { display: block; padding:10px; width: 100%; margin:5px 0; border:1px solid #ddd; border-radius:3px; -moz-appearance:none; -webkit-appearance:none; font-family: sans-serif; font-size: 14px; letter-spacing: 0.04em; font-weight: normal;}
form#contactForm .btn{line-height:20px;}
.contactFormContent{padding-right:20px; border-right:1px solid #ddd;}
.contactBtn{background: #00763a; border:1px solid #00763a; margin-top:12px; line-height:36px!important;}
.contactBtn:hover{background:#fff; color:#00763a;}
p.red {color: #e51b1b;}

@-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:#e51b1b; }
.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%;}
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:#e51b1b; font-size: 20px;}

.uspBox { display:inline-block; height:130px; width:130px; background:#fff; border:2px #86AF49 solid; border-radius:5px; position:relative; color:#86AF49; margin:0px 8px; overflow:hidden; transition: all 0.3s; }
.uspBox span { position:absolute; top:0px; left:0px; right:0px; bottom:0px; height:70px; width:90%; text-align:center; margin:auto; font-weight:bold; }
.uspBox i { display:block; font-size:28px; font-style:normal; margin-bottom:10px; }
.uspBox a { color:#86AF49; }

/*.uspBox.counter { display: inline-block; height: 90px; width: 185px; background:#fff; border:2px #86AF49 solid; border-radius: 5px; position: relative; color:#86AF49; margin:0px 8px; overflow:hidden;transition: all 0.3s; }
.uspBox.counter span { font-size:12px; }
.uspBox.counter i { font-size:25px; margin-bottom:8px; }*/

.uspBox .uspDesc { visibility:hidden; position:absolute; top:-80px; border-radius:5px; box-shadow:0px 20px 40px rgba(0,0,0,0.2); left:-85px; margin:auto; height:100px; width:300px; padding:12px; background:#222; opacity:0; transition:all 0.3s; color:#fff; z-index:99; }
.uspBox .uspDesc::before { position:absolute; bottom:-10px; left:0px; right:0px; margin:auto; content:''; width:0; height:0; border-left:10px solid transparent; border-right:10px solid transparent; border-top:10px solid #000; }
.uspBox:hover { overflow:visible; transition:all 0.3s; box-shadow:0px 5px 10px rgba(0,0,0,0.2); cursor:pointer; }
.uspBox:hover .uspDesc { opacity:1; transition:all 0.3s; top:-120px; visibility:visible; }

/*.uspBox.counter .uspDesc { visibility: hidden; position: absolute; top: -80px;border-radius:5px; box-shadow:0px 20px 40px rgba(0,0,0,0.2); left: -58px; margin:auto; height:100px;width:300px; padding:12px; background:#222;opacity: 0; transition:all 0.3s; color:#fff; z-index: 99; }
.uspBox.counter .uspDesc::before { position: absolute; bottom: -10px; left: 0px; right: 0px; margin:auto; content:''; width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #000;}
.uspBox.counter:hover { overflow: visible; transition: all 0.3s; box-shadow:0px 5px 10px rgba(0,0,0,0.2); cursor: pointer; }
.uspBox.counter:hover .uspDesc { opacity: 1; transition:all 0.3s; top: -120px; visibility: visible; }*/

.freePostageCounter { background:#8D0101; text-align: center; padding:12px 0px; font-weight: bold; border-radius: 4px; }
.freePostageCounter p { margin:0; color:#fff; }

#sidemenu.cjLanding span.img { height: 40px; width: 40px; background-size: cover; background-position: 50% 50%; border-radius: 100%; position: absolute; left: 0px; top: 10px; transition:0.2s all; }
#sidemenu.cjLanding div.text { display: inline-block; vertical-align: top; height: 40px; padding: 5px;}
#sidemenu.cjLanding div.text span { display: block; font-weight: bold; color:#888; text-transform: uppercase; font-size:12px;}
#sidemenu.cjLanding a.subCat { margin-left: 0px!important; padding:10px 0px 15px 50px; margin-bottom: 15px; border-bottom:1px #ddd dashed; position: relative; border-radius: 5px; display: block; }
#sidemenu.cjLanding a.subCat:hover span.img { transition: 0.2s all; box-shadow: 0px 5px 10px rgba(0,0,0,0.3) }
#sidemenu.cjLanding a.subCat div.text { font-size:15px; font-weight: 700; transition: all 0.2s; }
#sidemenu.cjLanding a.subCat:hover div.text span { color:#444; transition: all 0.2s; }

.homeFlash {background: #e51b1b ; color: #ffed00; position: absolute;top: 15px;left: 15px;font-weight: 700;margin: auto!important; box-shadow: 0 0 20px rgba(255, 255, 255, 0.5);z-index: 99;width: 100px;padding: 24px 0!important;border-radius: 50%;font-size: 14px!important;height: 100px;line-height: 20px!important;}
.homeFlash strong {display: block;font-weight: 700;}

.filterIcons img { cursor: pointer; }
.filterIcons img:hover { opacity: 0.6; }

p#thankstextbig{font-size:22px; text-align:center;}


/* .membership-signup { margin: 50px auto; max-width: 720px; background:rgba(140, 152, 130, 0.08); padding:40px ; position: relative; border-radius: 10px;} */
.membership-form-box { position: relative; }
.return-result { padding:30px 0; margin:20px auto; max-width: 640px; position: relative;}
.return-result h3 { text-align: center; margin:0px 0px 20px 0; font-size:18px;}
.return-result form {  padding:0 30px; max-width: 520px; margin:0px auto; }
.return-result label { margin-bottom: 10px; display: block;}
.return-result form input { display: block; padding:14px; background:#fff; border:2px #ddd solid; width: 100%; font-size:14px; margin-bottom: 10px; }
.return-result form select { display: block; padding:14px; background:#fff; border:2px #ddd solid; width: 100%; font-size:14px; margin-bottom: 10px; }
.return-result form textarea { display: block; padding:14px; background:#fff; border:2px #ddd solid; width: 100%; font-size:14px; margin-bottom: 10px; resize: none; height: 130px; }
.return-result form input:focus, .moForm button:focus { outline: none; }
.return-result form button.btn, .return-result form .btn { height: 47px; line-height: 47px; padding:0px; max-width: 140px; width:100%; border-radius: 5px!important; margin:0px auto;  display: inline-block;}
.return-result form h3 { font-size:24px;color:#96214D; padding:20px 0; margin-top:0px; text-transform: uppercase; letter-spacing: 0.05em; border-bottom: 1px #96214D solid;}
.memb-card { height: 270px; max-width: 540px; margin:20px auto; width: 100%; background:#96214D url(https://www.thompson-morgan.com/images/HELI_SUNBELDUO_background.jpg) no-repeat 50% 50%; background-size: cover; border-radius: 20px; position: relative; overflow: hidden;-webkit-box-shadow: 0px 10px 69px -34px rgba(0,0,0,0.85);-moz-box-shadow: 0px 10px 69px -34px rgba(0,0,0,0.85);box-shadow: 0px 10px 69px -34px rgba(0,0,0,0.85); }
.memb-card:before { content: ''; height: 100%; width: 100%; background:rgba(0, 118, 58, 0.65); top: 0px; left: 0px; z-index: 1; position: absolute; }
.memb-card span { font-size:82px; position: absolute; right: 20px; bottom: 10px; margin:auto; font-weight: bold; color:#fff; z-index: 2;}
.memb-card img { height: 20px; position: absolute; bottom: 10px; left: 10px; background:#fff; z-index: 2;padding:5px; }
.memb-card p.title { font-size:18px; position: absolute; right: 20px; top: 20px; margin:auto; font-weight: bold; color:#fff; text-align: right; z-index: 2;}
.memb-card p.title strong { font-size: 32px; display: block; margin-top: 10px; }
.memb-card .member-details { position: absolute; left: 20px; bottom: 20px; z-index: 2;}
.memb-card .member-details p { margin:0; color:#fff; }
.memb-card.small { position: absolute; top: 10px; right: 30px; height: 90px; width: 180px; border-radius: 8px; }
.memb-card.small span { font-size:20px; bottom: 10px; right: 10px; }
.memb-card.small p.title { font-size: 9px; line-height: 12px; top: 10px; right:10px; }
.memb-card.small p.title strong { font-size:14px; margin: 0}
/* .membership-signup h2 { padding-right: 200px; font-size:32px; color: #00763a; margin:0px;} */
.benefits { text-align: center; margin-top: 30px; }
.benefits p { font-size:20px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 400; }
.benefits ul { list-style: none; padding:20px; margin:0px auto; border:2px #ddd solid; border-radius: 5px; max-width: 640px; background:#fff;  }
.benefits ul li { font-size:16px; letter-spacing: 0.02em; line-height: normal; text-align: left; position: relative; padding-left: 20px; margin:10px 0px; }
.benefits ul li i { position: absolute; left: 0px; top:3px; }
.loadSpinner { position: absolute!important; top: -20px; left: 0px; right: 0px;  margin:auto!important; }
p.member-status { text-align: center; color: green; }
.fulladdress { display: none; }
.fulladdress.active { padding:20px; background:#fff; border: 2px #ddd solid; margin-bottom: 20px; display: block; }
.fulladdress span.active { display: block; }
.editaddress { display: none; }
.editaddress.active { display: block; }
p.errorMsg { text-align: center; font-weight: bold; color: red; }
.return-result form input[name="c_password"] { border-radius: 5px 5px 0 0; border-bottom: 0}
.pwstrength { height: 4px; width: 100%; background:#ddd; margin-bottom: 12px; border-radius: 0 0 5px 5px; overflow: hidden; margin-top: -10px; }
.pwstrength div { height: 4px; width: 0; background:red; transition:all 0.2s;}
.pwstrength div.weak { background:red; transition:all 0.2s; width: 20% }
.pwstrength div.good { background:orange; transition:all 0.2s; width: 55% }
.pwstrength div.strong { background:green; transition:all 0.2s; width: 100%;}
.membership-signup-section{display:flex; flex-direction:row; padding:20px 0; justify-content:space-between}
.membership-column{flex:1;margin-bottom: 1.5rem;}
.membership-column-left{padding-right:30px;}
.membership-title h1{margin:0; color:#00763a; font-size:32px;}
.membership-title h1 i{font-weight:normal; }
.membership-title p{color:#00763a; font-size:18px; width:90%;}
.membership-points{display:flex; flex-direction:column;}
.membership-bullet{display:flex; flex-direction:row; align-items:center; margin:16px 0;}
.membership-bullet-icon{width:10%;}
.membership-bullet-icon img{width:100%; display:block;}
.membership-bullet-text{width:90%; padding-left:15px;}
.membership-bullet-text h2{margin:0; font-weight:normal; font-size:18px; color:#00763a}
.membership-bullet-text p{font-size:16px; margin:10px 0 0 0;}
.membership-banner img{width:100%; display:block;}
.membership-form-box .sign-up-form{display:flex; flex-direction:column;}
.membership-form-box h3{text-align:center}
.membership-form-box h3.sign-up-title{ text-align:center; font-size:22px; color:#00763a}
.membership-form-box p{font-size:16px; margin:0; text-align:center;}
.membership-form-box form {padding: 20px 30px; background:#eee; margin-top:20px;}
.membership-form-box form input, .membership-form-box form select { display: block; height:50px; padding: 14px; background: #fff; border: 2px #ddd solid; width: 100%; font-size: 14px; margin-bottom: 10px; }
.membership-form-box form button.btn, .membership-form-box form .btn, .membership-form-box a.btn { height: 47px; line-height: 47px; padding: 0px; max-width: 126px; width: 100%; border-radius: 5px !important; display: inline-block;}
.membership-form-box a.forgotPw{display:block; text-align:left;}
.membership-form-box a.btn{max-width:100%;}
.member-details p{text-align:left;}

#header .inner { position:relative; }
.quick-login { position: absolute; right:0px; top:82px; border: 1px #95224d solid; box-shadow: 0px 0px 30px rgba(0,0,0,0.2); background:#fff; z-index: 99; width:320px; padding:10px; display: none; }
.quick-login.active { display: block; }
.quick-login .greyForm { text-align: left }
.quick-login p { margin:5px 0px 10px 0px; }
.quick-login form.greyForm a.forgotPw { margin:0px 0px 15px 0px; }
.quick-login:before { position: absolute; content: ''; top:-7px; right:90px; margin:auto; width: 0; height: 0; border-left: 7px solid transparent;border-right: 7px solid transparent;border-bottom: 7px solid #95224d;}

/*Special Offers*/
#special-offers{margin:20px auto;}
#special-offers section{margin:20px 0;}
#special-offers h1{margin:0; padding:0; }
.topbanner{background-color:#e71d1d; padding:20px 0; text-align:center;}
.topbanner h1{color:#ffffff; font-size:65px;}
.topthree{background:yellow; color:#000; position:absolute; top:0; right:10px;  padding:7px; font-size: 18px; font-weight:800; right:5px; padding:5px; text-align:center; line-height: 1.0;border-radius: 0px 0px 18px 0px; width:90px;}
.special-offers-grid{display:grid; gap:1%;}
.grid-3{grid-template-columns: repeat(3, 1fr);}
.grid-4{grid-template-columns: repeat(4, 1fr);}
.special-offers-grid_box{position:relative}
.special-offers-grid_box img{display:block; width:100%;}
.special-offers-grid_box a span{position: absolute; background: #e51b1b; color: #fff; font-weight: 600; bottom: 0px; left: 0px; width: 100%; padding: 8px 0px; font-size: 16px; text-align: center; transition: all 0.2s;}
.special-offers-grid_box a:hover span{color:yellow; background:#e51b1b;}
.feature-deal {background-color: #e71d1d; text-align: left; display: flex; align-items: center; padding-left: 20px;}
.feature-deal a{color:#ffffff; font-size:50px; line-height:48px; font-weight:bold;}
.feature-deal a:hover{color:#ffffff}
.feature-deal:hover {opacity:0.9;}
.lines:before,.lines:after { border-top: 1px dashed green!important; color}
.lines {color:green!important; margin:15px 0;}
.banner img{width:100%; display:block;}
.special-offers-grid p.title {margin: 0px; background: #fff; position: relative; padding: 15px 0 0px 0; text-align: center; font-size: 18px; font-weight: bold; color: #686868;}
.special-offers-grid p {text-align: center; font-size: 14px; margin: 0px; line-height: 28px; padding: 0px 15px;}

@media only screen and (max-width: 820px) {
    #special-offers h1{font-size:55px;}
    .grid-4,.more-offers .grid-3{grid-template-columns: repeat(2, 1fr);}
    .feature-deal a{font-size:36px; line-height:33px}
}

@media only screen and (max-width: 640px) {
    .grid-4,.grid-3{display:block;}
    .special-offers-grid_box{margin-bottom:2%;}
    .feature-deal{min-height:230px;}
}


.loadSpinner {
  display: none;
  position: relative;
  width: 64px;
  height: 64px;
  margin:20px auto;
}
.loadSpinner div {
  position: absolute;
  top: 27px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #00763a;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.loadSpinner div:nth-child(1) {
  left: 6px;
  animation: loadSpinner1 0.6s infinite;
}
.loadSpinner div:nth-child(2) {
  left: 6px;
  animation: loadSpinner2 0.6s infinite;
}
.loadSpinner div:nth-child(3) {
  left: 26px;
  animation: loadSpinner2 0.6s infinite;
}
.loadSpinner div:nth-child(4) {
  left: 45px;
  animation: loadSpinner3 0.6s infinite;
}
@keyframes loadSpinner1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes loadSpinner3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes loadSpinner2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}
.showBI { display: none; }
@media only screen and (max-width: 1170px) {
#navbar { text-align: center; }
#navbar li { float: none; display: inline-block; }
#navbar li a {padding:0px 6px; 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: block; padding:10px 0; font-size: 16px; text-transform: uppercase; }
#footer .social { text-align: center;  margin:25px 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) {
#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 {padding:0 4px;}
#topbar .links a { font-size:11px; }
table.periods { font-size:9px; }
table.periods th { padding:2px; }
.gardenEssentials .prodbox p { line-height: normal; }
.prodbox .btn.quickbuy {display:none;}
.prodbox p.price span {font-size:12px;}
/*.prodbox .icons {bottom:50px;}*/
.prodbox .icons img {height:30px;}
.prodbox .imageframe .newProd{top:0;}
.prodimage .slick-prev { left: 20px; background:#fff; }
.prodimage .slick-next { right: 20px; background:#fff; }
.priceBox { float: right; text-align: right; }
.sub-name { margin:0px; font-size:14px; color:#999; }
.prodStars { float: left; text-align: left; }
.prod-lead h1 { margin-bottom: 0 }
.prodStars span { display: inline-block; text-align: left; }
.buybox { max-width: 720px; margin:0px auto; }
.right-info { float: none; width: 100%; }
.videoSection { float: none; width: 100%; display: none; }
.YMAL h2 { float: none; width: 100%; font-size:28px; text-align:center; }
.YMAL h2 span { display: inline-block; }
.YMAL .slideThis { float: none; width: 100%; }
.YMAL .prodbox.col { max-width: 270px!important; margin:0 10px 0 0!important; padding:10px 0!important; border:none!important;}
.periodic{padding:20px 0;}
.YMAL{padding:0;}
.detailsSection .prod-desc{margin:0 auto; padding:0;}
.snap-stack{padding:0; margin-bottom: 0px;}
}

@media only screen and (max-width: 1100px) {
	.toggle { display:block; z-index:9999;}
	.menu { position:fixed; left:-300px; top:0px; width:300px; height:100%;transition:all 0.3s; background:#fff; z-index: 99999; box-shadow: 0px 0px 30px rgba(0,0,0,0.2); overflow-x: auto;}
	.menu .inner { height:100%; padding:0; width: 100%;}
	.menu a { display:block; text-align:left; border-bottom:1px #ddd solid; background:#fff; padding:0px 15px; height: 60px; line-height: 60px;}
	.sub-menu { height:100%; top:0px; left:-40px; bottom:0px; right:0px; z-index:99; border:0px; position:absolute; background:#fff; padding:0; box-shadow:0px 0px 0px; }
	.sub-menu.active { left:0px; top:0px;}
	.wrapper.open .menu { left:0px; box-shadow:0px 0px 80px rgba(0,0,0,0.15); transition: all 0.3s;}
	.wrapper { position: relative; transition: all 0.3s; left: 0 }
	.wrapper.open { left: 300px; transition: all 0.3s; }
	.wrapper.open:after { content:''; height: 100%; width: 100%; background:rgba(0,0,0,0.6); position: absolute; left: 0px; top: 0px; z-index: 998; }
	.sub-nav { width:100%; float:none; padding:0px;}
	.sub-menu .sub-nav a { height: 60px;line-height:60px; text-decoration:none; display:block; position:relative; font-size:16px; color:#333; padding:0px 20px; font-weight:500; background:#fff;}
	.mini-nav { width:100%; float:none; position:absolute; top:0px; left:-40px; right:0px; bottom:0px; height:100%; padding:0px; transition: all 0.5s; display:block; visibility:hidden; opacity:0; z-index:9999;}
	.mini-nav .col { float: none; width: 100%; margin:0; }
	.mini-nav.active { visibility:visible; opacity:1; left:0px; transition: all 0.5s; }
	.mini-nav a {height: 60px;line-height:60px; text-decoration:none; display:block; position:relative; font-size:16px; color:#333; padding:0px 20px; font-weight:500; background:#fff;}
	.menu a.active:after, .menu a:hover:after { display:none; }
	.menu a.back { background:#ddd; color:#666; display:block; }
	.sub-nav a.active { background:none; }
	.sub-nav a.active:before { display: none; }
	.mini-nav a.mainSub { margin:0; }
} 

@media only screen and (max-width: 1025px) {
#header .icons { margin-top: 0px; }
.counterSlide::before {display: none;}
.counterSlide .slick-prev::before, .counterSlide .slick-next::before { color: #fff; }
.feefoSlider .feefoLanding #starHolder { display: block; margin:10px auto; text-align: center; }
.feefoSlider .feefoLanding img { display: block; width:auto; margin:10px auto; }
.feefoSlider .feefoLanding p { height: auto; margin:0px; }
.mobileShow { display: block!important; }
.mobileHide { display: none!important; }
#header { padding:0px; position: relative; border-bottom: 1px #004b39 solid;z-index:999; background:#fff; box-shadow: 0px 0px 30px rgba(0,0,0,0.2);}
#logo img { max-height: 60px; height: auto; padding:15px 15px 15px 0; 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:#86af49; 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: block; background:#fff; clear: both; margin:0; position: relative; bottom: 0px; left: 0px; width: 100%;  border:0; border-top:1px solid #ddd;}
.search input { width: calc(100% - 80px)!important; }
.search button { float: right; }
.toggle { display: block; }
#header .icons strong { display: none; }
#header .icons a { line-height: 60px; height: 60px; width: 44px; }
#header .icons i { font-size:24px; }
#nav {  position: fixed; left: -100%; top: 0px; height: 100%; width: 80%; max-width: 460px; box-shadow:0px 0px 20px rgba(0,0,0,0.2); z-index: 9999; transition: all 0.2s;}
.wrapper.open #nav { left: 0px; transition: all 0.2s; }
#nav .inner { padding: 0 }
#navbar li{ display: block; float: none; }
#navbar li a { font-size: 15px; display: block; float: none; text-align: left;}
#counterHead .counterCopy { width:100%!important; max-width:100%!important; }
form.greyForm.split{padding: 2% 2% 10% 2%; max-width: 880px; margin:8% 0 0 0;}
.prodimage { float: none; width: 100%; }
.buybox { float: none; width: 100%; padding:10px; }
.prodimage .promo {display: none;}
.sidemenu { display: none; }
#products { width: 100%; float: none; }
.thumbs { display: none; }
.col.prod-details { float: none; width: 100%; padding:0; }
.fulLWmobile { width: 100%!important; float: none!important; margin:20px auto!important; }
.mainLanding{width:100%;}
.subLanding{display:none;}
.instagram-feed .igfTitle, .instagram-feed .igfBoxes{width:100%; margin-left:0;}
.instagram-feed h2{padding:26px 0 26px 115px;}
.content{width:100%; float:none; margin:0;}
.inner.varieties::before{display:none;}
.inner.varieties{width:95%;}
.landingBanner {height: auto;}
.banners .bannerText {width: 60%;}
.instagram-feed{display:none;}
.landingProds .col{width:48%; margin:1%!important;}
#finderBar{margin:1%;}
.landingHead{margin:0 1%;}
.static .large{padding:0;}
.staticBoxes .third{width:100%; margin:1% 0;}
.contactFormContent,.otherWays{width:100%; margin:1% 0; padding:0; border:none;}
.footer .social{text-align:center;}
.footer .links a{display: block; padding: 0; font-size: 14px; text-transform: uppercase; text-align:center; height:48px; line-height:48px;}
.footer p.copyright{text-align:center; float:none; padding:0;}
.footer .social a{font-size:28px;}
.payment-icons{text-align:center; float:none;}
.footer .inner{padding:0 20px;}
.prodimage .mainImage{width:100%; margin-bottom:0;}
.landing .col{width: 33.33%; margin: 0; padding:1%;}
.basket-upselling{float:none; width:100%;}
#rightInfo{float:none; width:100%;}
.helpCentre .span_1_of_4, .helpCentre .third{width:50%; margin:0; padding:1%;}
.newPeriods .headings span { width: 40px; }
.newPeriods .spots span { width: 40px; }
.landing-grid .col p{padding:0;}
.bottomSection .col img{padding:0 6px;}
}

@media only screen and (max-width: 700px) {
.membership-signup-section{flex-direction:column-reverse;}
#counterHead.landing::before{background:rgba(238,238,238,0.7);}
.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:#e51b1b; }
.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:#00763a; font-weight: bold; }
.option form.optionForm p { margin:5px 0; color:green; font-weight: normal; }
.option form.optionForm p span.save { color:#e51b1b; 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:#00763a; 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:#00763a; 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; padding:15px; }
#sidemenu { overflow:auto; }
.description { overflow:auto; padding:0px; max-height: 10000px; }
.specifications { grid-template-columns: repeat(2, 1fr); padding:0;}
.specifications p { display: block; width: 100%; padding: 5px;}
.specifications p label, .specifications p span { display: block; width: 100%; font-size: 14px;}
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 { padding:15px 20px; text-decoration:none;font-size:14px; text-transform: uppercase; display: block; border-top: 1px #ddd solid; font-weight: 700; text-align:left;}
.atab i { padding:0px; width: 25px; text-align: center; display: inline-block; }
.atab span i { font-size: 14px;  padding:0; text-align: right; float: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:#e51b1b ; }
#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;}
div#filterMenu h3 { font-size: 12px; }
.inner.product { padding:0px; }
.mobileShow { display: block!important; }
.mobileHide { display: none!important; }
#header .mobileShow { display: none!important; }
#header .icons .src{display:none;}
.prodbox .imageframe { min-height: auto; margin-bottom:10px;}
#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:#86af49; 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 }
.box.landing.cjLanding { width: 100%; height: 70px; border-radius: 0 }
.box.cjLanding::before, .box.cjLanding::after { border-radius: 0 }
.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; }
.banners .inner{padding:0; width:100%;}
.banners .bannerText{text-align:center; padding:10px; margin:auto;}
.banners .bannerText.purple { background:rgba(150,33,77,1); text-align: center; }
.banners .bannerText h2 { font-size: 24px; }
.banners .inner{width:100%; padding:0;}
.banners { background-size:auto!important; padding:15px 15px 10px 15px; background-position: top center!important }
#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:10px; }
#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;width: 80%;background: #222;color: #fff;border: 0px; position:relative; margin:10px auto;}
#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:#e51b1b; font-size: 13px; font-weight: bold; margin-left: 10px;}
#relatedCats { width: 100%; float: none; padding:0px 10px;}
.prodbox .icons {bottom:30px;}
.prodbox .icons img {height:40px;}
#counterFoot .counterCopy p { margin:0px; }
.prodimage .mobileSlider img { width: 100%; border:0;}
.landingBanner .landingBannerText{position:relative; width:95%; margin:auto; left:0; padding:14px;}
#counterHead .counterCopy{position:relative; left:0; box-shadow:none; padding:0!important;}
#counterHead{height:auto;}
div.box.landing{width:50%;}
.landing .col{width: 50%; margin:1% 0;}
div#filterMenu div.filterSub{width:50%;}
#starHolder span{display:block;}
.prod-lead { padding-bottom: 10px; }
.prod-lead h1 { font-size:20px; }
p.prodDiscount { font-size:12px; background:none; padding:10px; height: auto; line-height: normal; text-align: left; margin:10px 0 20px 0; }
#crumbs { font-size:11px; padding:0px 10px; }
#crumbs span { padding:0px 2px; }
.prodStars span { display: block; margin-left: 0 }
p.thePrice { font-size:22px; height:50px; line-height: 50px; margin:0; }
.addpop-container .products .col.quarter { width: 30%!important; vertical-align: top; }
.addpop-container .products .col #starHolder { display: none; }
.addpop-container .products .prodbox p.prodTitle { height: auto; word-break: break-all; }
.popbtn .btn { float: none; width: 100%; margin:4px 0px; display: block; }
.choose-options { display: none; opacity: 1; visibility: visible; position: static; max-height: none; margin-bottom: 20px; box-shadow: 0px 0px 0px;}
.choose-options.show { top: 0px; display: block; }
.inner.product { width: 100%;  }
.prod-lead { padding:0 20px 20px; }
p.prodDiscount { margin: 10px; }
div.tabs a.atab.inlineTab { display: block; width: 100%; border-radius: 0px; }
div.tabs a.atab.inlineTab:first-child { border-radius: 0 }
.banners.desktop, .banners.desktop a {min-height: auto;}
}

@media only screen and (max-width: 580px) {
.stickyMessage{font-size:12px; height:auto; padding:10px 0; line-height:20px;}
.landing-grid .col p.title{padding:5px 0 0 0; font-size: 14px;}
.landing-grid .col p{padding:0;}
.head-icons i { font-size: 18px; width:36px;}
.section .col { margin:4% 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% }
.x6 .prodbox { width: 48%; margin:1%; }
.x6 .prodbox:nth-child(3), .x6 .prodbox:nth-child(5), .x6 .prodbox:nth-child(11) {margin-left: 0!important;}
.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 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:22px; }
#prodImage { width: 100%;}
.basketLoader { position: fixed; }
.prodbox .icons { position: absolute; z-index: 100; }
.prodbox .icons img { height: 25px; opacity: 1!important;}
table.periods { font-size:10px; }
/*.myStars{margin: 0 40px -2px 0;}*/
.box.plain.main { display: none; }
.signup-box form span{margin:0;}
.landing-grid .col{width: 50%; margin: 0; padding: 1%; min-height: 268px;}
.bottomSection .col{width:100%; padding:0; min-height:auto; padding:1%;}
.snap-stack{padding:1%;}
.prodbox{flex: 0 1 50%; margin:10px 0; padding:1%;}
.prodbox p.price{padding:0; text-align:center;}
.prodbox .icons{bottom:-15px;}
.specifications .col{width:100%;}
.queryBox i{display:inline-block; font-size:14px;}
.queryBox p{display:inline-block; margin:0 0 0 10px; font-size:14px;}
.inner.varieties .section h2{font-size: 30px;}
.inner.varieties .section.landing-grid .col{margin-top:4%;}
.footer a{font-size:14px;}
#finderBar p{margin:10px 0;}
#finderBar .finderBox{width:100%; margin:1% 0}
#finderBar .finderBox select{width:100%!important; margin:0!important; padding:8px 0!important;}
#finderBar #srchBTN{width:100%;}
#counterFoot .copy p{font-size:16px;}
.prodbox .imageframe .newProd{top:5px;}
div.box.landing{width:100%;}
.details .col{width:100%; float:none; margin:2% 0;}
.details .option form{padding:0;}
.details .option{margin:2% 0;}
.helpCentre .span_1_of_4, .helpCentre .third{width:100%; margin:10px 0!important; padding:0;}
div#filterMenu div.filterSub{width:100%; float:none;}
.mainImage img { max-width: 450px; }
.newPeriods .headings { display: inline-block; width: 100%; text-align: center; vertical-align: top; }
.newPeriods .headings.large {display:none;}
.newPeriods .headings.small {display:inline-block;}
.newPeriods .spots{ display: inline-block;width: 100%; text-align: center; vertical-align: top; }
.newPeriods .headings span {width: 8.3%; }
div.periodic .spots span { width: 8.3%; padding:0px; height: 25px;}
.snap-stack h2 { font-size:38px; }
hr { margin:10px 0; }
.snap-stack .col { width: 50%; }
p.hardiness{margin:10px 0;}
.basketPop .inner { padding:20px; }
.basketPop .image { position: static; margin:0px 0px 10px 0px; display: block; }
.basketPop .text { display: block; width: 100%; padding:10px 0;}
.basketPop .btns { display: block; width: 100%;  }
.basketPop .closeBP { bottom: auto; top: 20px; right: 20px; }
.addpop-container { height: 100%!important; width: 100%; }
.addpop-container .addedProd .image { display: none; }
.addpop-container .addedProd .info { float: none; width: 100%;padding-left: 0; border:0; }
.addpop-container .title, .addpop-container .also-title { font-size: 14px; padding-left: 40px; }
.addpop-container .title i, .addpop-container .also-title i { height: 25px; line-height: 25px; width: 25px; font-size: 13px; }
.footer .col.third { width: 100%; float: none; margin:0px 0px; }
.prodimage .social { text-align: center; margin-top: 10px; }
.prodimage .social a { font-size:14px; }
}

@media only screen and (max-width: 535px) {
div#filterMenu{padding:0;}
#sortFilter label { font-size: 12px;  }
#sortFilter form { margin:0px; }
#sortFilter select { padding:5px 3px; font-size: 12px; width: auto; }
.mobileShow{float:none!important;}
.signup-box form input{display:block; margin:10px auto;}
.signup-box form span{width:240px;}
.bottomSection .col img{padding:0;}
.newsletter-pop .two-quarter{width:100%; margin:1% 0;}
.newsletter-pop #myForm{margin:2% 0;}
.gift .text { float:none; clear: both; margin:5px 0px; }
.gift .theBtns { float: left; }
.mobileBHide { display: none; }
.showBI { display: block; height: 35px; width: 200px; line-height: 35px; color:#000; border:1px #000 solid; margin:20px auto; text-align: center; clear: both }
div.product div.buybox div.details div.chosen p.price { position: static; }
}

@media only screen and (max-width: 470px) {
.box.landing { width: 100%; height: auto }
.box.landing.cjLanding { width: 100%; height: 70px; border-radius: 0 }
.three .prodbox { width: 100%; }
.four .prodbox, .x4 .prodbox, #products.three .prodbox { width: 48%; margin:1%;}
.x4 .prodbox:nth-child(3) {margin-left: 0!important;}
.prodbox p { font-size:14px; text-align:center!important;}
.prodbox p.prodtitle {height: 40px;}
.prodbox p.price { font-size: 16px; }
.prodbox p.price span { font-size: 12px; }
table.periods { font-size:9px; }
.prodbox.cjLanding { width: 100%!important; }
form.greyForm.split{ padding: 2% 2% 15% 2%;}
.landingProds .col{width:98%;}
.signup-box h2{font-size:26px;}
.landing .col{width:50%; border:none; margin:1% 0; min-height:182px;}
.prodimage .mainImage { border:0px; }
.viewPopup { position: fixed; width: 100%; bottom: 0px; left: 0px; top: auto; }
.viewPopup.hide { transition: all 0.5s; opacity: 0!important; bottom: -150px; }
.detailsSection{margin:0;}
div#popPic{float:none; margin:0 auto;}
div#popText{float:none; width:100%!important; margin-top:20px;}
#basketTable .basket-head{display:none;}
#basketTable{border:none;}
#basketTable .col.first{width: 48%; float: left;}
#basketTable .basketImg img{max-width:80%;}
#basketTable .col.description, #basketTable .col.center { width: 50%; float: right; text-align:left;}
#basketTable .col.description{height:90px;}
#basketTable span.basketPrice{text-align:left;}
#basketTable .col.right{width: 49%; clear: both; margin: 10px auto;}
#basketTable .col.right .select{width: 80%; display: block; margin: 0 auto;}
#basketTable .col.right #removeBTN{float:left;}
.landing .col.lanBox span{font-size:14px;}
.desc-links span{width:50%;}
.desc-links span i.fa-arrow-right{margin-left:5px;}
.static{padding:0;}
.static .col{width:100%; margin:1% 0;}
.YMAL h2{padding-top:0;}
.biSlider, .buSlider { padding-bottom: 60px; }
.biSlider .slick-prev, .buSlider .slick-prev { left: 0px; background:#fff; top: auto; bottom: 0px;}
.biSlider .slick-next, .buSlider .slick-next { right: 0px; background:#fff; top: auto; bottom: 0px;}
.YMAL form{text-align:center;}
.atab::after{right:20px;}
.prod-lead{padding:10px;}
.specialMessage{font-size:16px;}
}

#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; }

.jobAdvert { border:1px #ddd solid; padding:20px; margin-bottom: 20px;}
.jobAdvert h2 { margin-top: 0px; }
.jobAdvert ul { margin:0 0 0 20px; padding: 0px;}
.jobAdvert ul li { margin:0; }
/* -- MY ORDERS CSS -- */
.myOrder_tabs,
.myOrder_order,
.myOrder_headers {
  display: flex;
  justify-content: space-around;
}
.orders_key_wrapper {
  border-radius: 19px;
  box-shadow: 0px 1px 5px 1px lightgrey;
  padding: 10px;
  margin: 0 auto 2rem auto;
  width: 95%;
  max-width: 960px;
}
.orders_key_wrapper p {
    font-size: 13px;
    line-height: normal;
}
.orders_login_wrapper {
  border-radius: 19px;
  box-shadow: 0px 1px 5px 1px lightgrey;
  padding: 10px;
  margin: 0 auto 2rem auto;
  width: 95%;
  max-width: 960px;
}
.orders_login_wrapper p {
    font-size: 15px;
    line-height: normal;
}
.orders_wrapper {
  border-radius: 19px;
  box-shadow: 0px 1px 5px 1px lightgrey;
  padding-bottom: 0.5rem;
  margin: 0 auto 2rem auto;
  width: 95%;
  max-width: 960px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}
.myOrder_headers {
  background-color: #00763abf;
  border-radius: 9px 9px 0px 0px;
  box-shadow: grey 0px 3px 8px;
  display: grid;
  grid-template-columns: 2fr 2fr 2fr;
}
.myOrder_headers p {
  color: white;
  font-size:.8rem;
}
.myOrder_headers p,
.myOrder_order p {
  min-width:20%;
  padding-right: 0.25rem;
  font-size:.9rem;
  text-align: center;
  margin: 1.25rem 0;
}
.myOrder_order { 
  align-items: center;
  padding:.4rem .2rem;
  display: grid;
  background-color: rgb(247 244 247);
  border-bottom: 1px solid white;
  grid-template-columns: 2fr 2fr 2fr;
}
.order_list {
  display: table;
  width: 100%;
}
.order_block {
  display: table-cell;
}
.order_sort_dd {
  padding: 1rem 0 10rem 0;
  text-align: center;
}
.order_itemList {
  border-bottom: 2px solid rgb(213, 213, 213);
  padding-bottom: 1rem;
}
.orderrange_message p {
  color:#607e23;
  font-size: 17px;
  font-weight: bold;
}
.form_wrapper {
  display:flex;
  justify-content: center;
  flex-direction: column;
  font-size: .95rem;
}
.order_sort_dd select {
  margin-left: 0.4rem;
  font-weight: bold;
  padding:.4rem;
  font-size:.95rem;
  -webkit-appearance: auto;
  width: 65%;
}
.myOrder_tabs p {
  border-bottom: solid 1px lightgray;
}
.ot_selected {
  font-weight: bold;
  border-bottom: 2px solid black!important;
}
.list_exp {
  border-bottom: 1px solid lightgrey;
}
.orders_wrapper button {
  font-size:.85rem;
  color: white;
  width:50%;
  background-color: #00763a;
  border-radius: 16px;
  border: 2px solid white;
  padding:.72rem;
  cursor: pointer;
}
.orders_wrapper select {
    background-color: #00763a;
    border: none;
    text-align: center;
    color: white;
    width:50%;
    border-radius: 16px;
    margin-bottom: 0;
    border: 2px solid white;
    padding: 0.7rem;
    min-width: 95px;
    font-size: .85rem;
    height: unset;
    cursor: pointer;
}
.orders_wrapper select option {
  background: #ddd;
  color:black;
  padding:1rem;
  margin:1rem;
  font-size:1rem;
}
.item_headers {
  margin: 0!important;
  padding: .5rem 0;
  font-size:.85rem;
}
.item_details,
.orderbits_wrapper {
  padding:0 .3rem;
}
.item_details {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr;
  grid-gap:12px;
  background-color: #00763a33;
}
.orderbits_wrapper {
  display: grid;
  grid-template-columns: 1fr 2fr 1fr 1fr 1fr;
  align-content: center;
  grid-gap:12px;
  padding: 0 0.1rem;
}
.orderbits_wrapper p {
  margin:.4rem 0;
  font-size: .85rem;
}
.orderbits_wrapper a {
  margin:.6rem .4rem;
  font-size: 1.2rem;
}
.item_details p {
  font-size:.8rem;
}
.myOrder_order i {
  transition: .5s transform ease;
  margin: 0 .2rem;
}
.myorder_header {
    text-align:center;
}
#orderPeriodForm {
  margin-top:1rem;
}
.order_action_overlay {
  display:flex;
  flex-direction: column;
  justify-content: center;
  position: fixed;
  width: 100%;
  background-color: #282828c2;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  z-index: 999;
}
.formStyles {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 95%;
  background-color:white;
  padding:1rem;
  border-radius: 8px;
  box-shadow: 0px 0px 6px #bbbbbb;
}
.formStyles label {
  margin: 1.5rem 0 0.5rem 0;
  font-size:1rem;
}
.formStyles input {
  font-size: 1.05rem;
  height: 4vh;
}
.formStyles fieldset {
  display: flex;
  flex-direction: column;
  border: none;
  border-radius: 8px;
}
#order_action_form fieldset button {
  margin: .5rem auto;
  width: 30%;
  height: 40px;
  border:none;
  font-size: 1rem;
  color:white;
  background-color: #00763a;
}
#order_action_form #CustomerMessage {
  height: 25vh;
  background: #efeeee;
  border: solid 1px lightgray;
  font-size: 1.1rem;
}
#order_action_form #OrderNo {
  background: #efeeee;
  font-weight: bold;
}
#query_title,
#cancel_title {
  font-size: 1.5rem;
  color:#00763abf;
}
.closeModal {
  position: absolute;
  top: 20px;
  left: 25px;
  color: white;
  font-size: 2rem;
  cursor: pointer;
} 
.emailSent_msg {
  padding: 0.5rem;
  margin-top: 3rem;
  text-align: center;
  font-size: 1.2rem;
  color: green;
}
.placehold {
  display:none;
}
.deskBtn {
  display:none;
}
#orderCancelForm p {
  font-size: 1.05rem;
}
.popcancelbtns {
  display:flex;
  justify-content: space-around;
  margin-top: 1.5rem;
}
#orderCancelForm button,
.popcancelbtns span {
  background: #00763a;
  border:none;
  border-radius:3px;
  width: 25%;
  color: white;
  padding: 0.5rem;
  font-size: 1rem;
}
.popcancelbtns span {
  text-align: center;
  display: inline-block;
}
.tracking_btn {
  padding: 0 .4rem!important;
  font-size: .75rem!important;
  height: 45px;
  margin-top: .4rem;
  background-color: #787878!important;
}
.tracking_btn_mob {
  width: 90%;
  margin: .5rem auto 1rem auto;
  display: block;
}
.tracking_dropdown {
  padding:1rem .4rem;
  background: #f3f3f3;
}
.tracking_dropdown p {
  font-size: .9rem;
  margin: .5rem 0;
}
.it_code_msg {
  font-weight: bold;
  margin: .5rem 0;
}
.tracking_dropdown a {
  color: #00763a;
}

@media only screen and (min-width: 968px) {
  .orderbits_wrapper p {
    font-size: .9rem;
  }
  .mobileBtn {
    display:none;
  }
  .form_wrapper {
    flex-direction: row;
    align-items: baseline;
  }
  .orders_wrapper { 
    width: 75%;
    grid-template-columns: 2fr 4fr 2fr 2fr 1fr;
  }
  .orderbits_wrapper a {
    font-size: 1.4rem;
  }
  .myOrder_order {
    padding: .5rem 1rem;
  }
  .myOrder_order,
  .myOrder_headers {
    grid-template-columns: 2fr 2fr 2fr 1fr 1fr;
  }
  .myOrder_headers p {
    text-align: center;
  }
  .myOrder_headers p,
  .myOrder_order p,
  .item_headers {
    font-size:.95rem;
  }
  .orderbits_wrapper,
  .item_details {
    grid-template-columns: 2fr 6fr 2fr 2fr 2fr 2fr;
    padding: .6rem;
  }
  .item_details p {
    font-size:.9rem;
  }
  .placehold {
    display:block;
  }
  .deskBtn {
    display:block;
  }
  .formStyles {
    width:40%;
  }
  .tracking_dropdown {
    display: flex;
    justify-content: space-evenly;
    padding: 2rem 0;
  }
  #tracking_btn {
    margin-top: 0rem;
  }
  .order_sort_dd select {
    width: 100%;
  }
  .orders_wrapper select,
  .orders_wrapper button {
    width:100%;
  }
}

.promo-banner { background:#e51b1b; text-align: center; color:#fff; font-size:18px; margin:20px 0px; display: block; padding:10px; line-height: 30px;}
.promo-banner .btn { background:#fff; color:#000; margin-left: 20px; display: inline; padding:3px 10px; font-size:11px; white-space: nowrap;}
.promo-banner a { color:#fff; }
.promo-banner:hover { color:rgba(255,255,255,0.9); }

/*---- MAGICZOOM ----*/
.main-image {
  max-width:900px!important;
  max-height:900px!important;
}
.mz-figure {
  width:100%;
}
.mz-hide {
  display:none;
}
.alert.alert-warning {
  color: #b94a48;
  background-color: #f2dede;
  border: 1px solid #b94a48;
  padding: 1rem 2rem;
  border-radius: 10px;
  margin-bottom: 10px;
  font-size: 1rem;
}
#removed-container {
  padding-top: 10px;
}
#removed-container .removed-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 10px;
}
#removed-container .cell {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px;
  width: 100%;
}
#removed-container .img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}
#removed-container img {
  padding-right: 20px;
}
#removed-container .desc {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  width: auto;
  text-align: left;
}
#removed-container .desc span.title {
  color: #606060;
  font-weight: 700;
}
#removed-container .desc span.subtitle {
  color: #606060;
  display: block;
}
#pcLabel {margin-top: -6x;margin-bottom: 5px;}
#pcLabel span {line-height: 26px;color: #f50000;margin-right: 5px;font-size: 1rem;}

/* Error Validation for editing account */

.phoneError {
  display: none;
  color: red;
}

.emailError {
  display: none;
  color: red;
}
.mobileError {
  display: none;
  color: red;
}
.passwordError {
  color: red;
}

.successMsg{
  color: green;
  font-size: 20px;
}