/* = Theme
----------------------------------------------------------------------------------------------------------------- */
body { color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; background: #fff; min-height: 100vh; }

#wrap { min-height: 100vh; padding: 0 10px; }

/* = Typography
-------------------------- */
h1, h2, h3, h4, h5, h6 { color: #444; font-weight: 400; margin: 0 0 20px; }
h1 { font-size: 2.4em; }
h2 { font-size: 2em; }
h3 { font-size: 1.3em; }
h4, h5, h6 { font-size: 1.2em; }
a { color: #55ab26; font-weight: 700; }
a:hover { color: #000; }
hr { border-top: 1px solid #ccc; }
.highlight { color: #c62f14; }
.marked { color: #fff; background: #c62f14; }
.meta { color: #666; }

blockquote { margin: 0; padding-left: 25px; padding-right: 10px; }
blockquote:before { color: #cb9913; font-size: 18px; }
blockquote p span:before { color: #c62f14; }
blockquote:after { bottom: 0; color: #cb9913; content: '\e823'; font-family: 'esco'; font-size: 18px; position: absolute; right: 0; }
blockquote p { color: #707070; font-size: 1.5em; font-style: italic; font-weight: normal; line-height: 1.3em; }

iframe { width: 100% !important; }

#mainContent p > a:not(.btn),
#mainContent .passwordReset { color: #c62f14; }
#mainContent p > a:not(.btn):hover,
#mainContent .passwordReset:hover { text-decoration: underline; }

.addthis_toolbox { display: block; float: right; width: 145px; }
.bannerHolder { display: block; }
.breadcrumb { border-bottom: 1px solid #dedede; margin-bottom: 25px; padding: 0 15px 20px; }
.breadcrumb ul { list-style: none; margin: 0; }
.btnBlock { display: block; text-align: center; }
.bullet { line-height: normal; list-style: disc; margin-left: 15px; }
.catList { margin-bottom: 20px; }
.catList ul { list-style: none; margin: 0; }
.catList ul li { float: left; margin: 0 4% 10px 0; width: 16%; }
.catList ul li:nth-child(5n) { margin-right: 0; }
.catList ul li .thumb { background: #fff; border: 1px solid #dbdbdb; -moz-box-shadow: 0 0 5px #dbdbdb; -webkit-box-shadow: 0 0 5px #dbdbdb; box-shadow: 0 0 5px #dbdbdb; margin-bottom: 10px; padding: 10px; text-align: center; }
.catList ul li .thumb img { max-width: 100%; }
.catList ul li .cont h3 { margin: 0; text-align: center; }
.catList ul li .cont h3 a { font-weight: 400; }
.clearfix { overflow: auto; }
.colsHalf .bannerLong { float: left; margin-bottom: 15px; margin-right: 1%; width: 78%; }
.colsHalf .bannerLong img, .colsHalf .bannerSmall img { max-width: 100%; }
.colsHalf .bannerSmall { display: block; float: left; margin-right: 0; width: 21%; }
.colsHalf .col.featureRefsample { width: 31%; }
.colsHalf .col.featureRefwhysubscribe { width: 65%; }
.colsHalfCustom.clearfix { overflow: visible; }
.colsHalfCustom .col { float: left; margin-bottom: 0; margin-right: 6%; width: 37%; }
.colsHalfCustom .endCol { margin-bottom: 0; width: 57%; }
.colsHalfCustom .endCol .prodList { max-width: 540px; }
.column .endCol { margin-right: 0; }
.flex-control-nav { background-color: #444; list-style: none; margin: 0; position: relative; width: 99.9%; z-index: 9990; }
.flex-control-nav li { display: inline-block; margin: 0; text-align: center; width: 25%; }
.flex-control-nav li a { background: #444; border-left: 1px solid #444; color: #fff; cursor: pointer; display: block; padding: 15px 0 }
.flex-control-nav li .flex-active { background: #55ab26; border-left: 1px solid #55ab26; position: relative; }
.flex-control-nav li .flex-active .arrow { background: url(/_img/backgrounds/feature-arrow.png) no-repeat top left; height: 7px; left: 45%; position: absolute; top: -7px; width: 23px; }
.flexslider { background: url(/_img/icons/loader.gif) no-repeat center 38%; display: block; margin: 0 auto 15px; min-height: 355px; position: relative; }
.flexslider .flex-viewport { background: #fff; border: 1px solid #dbdbdb; border-bottom: 0; -moz-box-shadow: 0 0 5px #dbdbdb; -webkit-box-shadow: 0 0 5px #dbdbdb; box-shadow: 0 0 5px #dbdbdb; }
.flexslider .slides { display: block; list-style: none; margin: 0; }
.flexslider .slides li { display: none; margin: 0; overflow: hidden; position: relative; }
.flexslider .slides li img { display: block; float: right; margin: 0 auto; width: 50%; }
.flexslider .slides li .content { padding: 20px; padding-right: 52%; }
.flexslider .slides li .content h2 { font-size: 25px; }
.flexslider .slides li .content h2 a { font-weight: 400; }
.flexslider .slides li .content .btn { padding: 8px 25px; }
.flexslider .slides li header { margin: 0 10px 10px 0; }
.flexsliderCarousel { background: url(/_img/icons/loader.gif) no-repeat center 38%; display: block; padding: 0 15px; position: relative; }
.flexsliderCarousel .flex-viewport { border: 0; -moz-box-shadow: 0 0 0 #dbdbdb; -webkit-box-shadow: 0 0 0 #dbdbdb; box-shadow: 0 0 0 #dbdbdb; min-width: 480px; }
.flexsliderCarousel .slides li img { float: none; width: 100%; }
.flexsliderCarousel .flex-direction-nav li { margin: 0; min-height: 1px; }
.image { background: #fff; border: 1px solid #dbdbdb; -moz-box-shadow: 0 0 5px #dbdbdb; -webkit-box-shadow: 0 0 5px #dbdbdb; box-shadow: 0 0 5px #dbdbdb; margin-bottom: 20px; padding: 5px; text-align: center; }
.image img { width: 100%; }
.flexsliderCarousel .flex-direction-nav li a { cursor: pointer; display: block; font-size: 0; height: 16px; position: absolute; top: 26%; width: 11px; }
.flexsliderCarousel .flex-direction-nav li .flex-prev { background: url(/_img/carousel-previous.gif) no-repeat top left; left: -5px; }
.flexsliderCarousel .flex-direction-nav li .flex-next { background: url(/_img/carousel-next.gif) no-repeat top left; right: -5px; }
.intro { background: #fff; border: 1px solid #dbdbdb; -moz-box-shadow: 0 0 5px #dbdbdb; -webkit-box-shadow: 0 0 5px #dbdbdb; box-shadow: 0 0 5px #dbdbdb; margin-bottom: 20px; }
.intro .content { float: left; padding: 0 20px; width: 44%; }
.intro .content h1 { font-size: 2.4em; margin: 10px 0; }
.intro .image { float: right; margin-bottom: 0; text-align: right; width: 50%; }
.intro .image img { width: 100%; }
.leader { color: #707070; font-size: 1.5em; font-style: italic; font-weight: 400; line-height: 1.3em; }
.main { padding-bottom: 20px; }
.main .zoneOne { float: right; width: 81%; }
.main .zoneTwo { float: left; width: 17%; }
.main .zoneTwo .subMenu h2 { margin-bottom: 0; }
.main .zoneTwo .subMenu ul { background-color: #DFDFDF; list-style-type: none; margin: 0; }
.main .zoneTwo .subMenu ul li { border-bottom: 1px solid #fff; margin-bottom: 0; padding: 20px 20px 20px 40px; position: relative; }
.main .zoneTwo .subMenu ul li:before { content: '>'; left: 20px; position: absolute; top: 20px; }
.main .zoneTwo .subMenu ul li:last-of-type { border-bottom: none; }
.medObj { margin: 0 0 20px; }
.medObj h4 { font-size: 1em; margin: 0; }
.medObj .meta { font-weight: bold; }
.medObj p { margin: 0; }
.module { background: #fff; border: 1px solid #dbdbdb; border-radius: 3px; box-shadow: 0 0 5px #dbdbdb; box-shadow: 0 0 5px #dbdbdb; box-shadow: 0 0 5px #dbdbdb; margin: 0 0 20px; position: relative; }
.module h2 { background: #000; color: #fff; font-size: 1.5em; padding: 10px 20px; text-align: left; }
.module h3 { margin-bottom: 10px; }
.module .moreLink { color: #fff; position: absolute; right: 20px; top: 13px; }
.moduleInner { padding: 0 20px; }
.prod { margin-bottom: 30px; }
.prodDetails { float: right; width: 67%; }
.prodImages { background: #fff; border: 1px solid #dbdbdb; -moz-box-shadow: 0 0 5px #dbdbdb; -webkit-box-shadow: 0 0 5px #dbdbdb; box-shadow: 0 0 5px #dbdbdb; float: left; margin-bottom: 20px; text-align: center; width: 30%; }
.prodImages .main { padding-bottom: 0; }
.prodImages img { max-width: 100%; width: 100%; }
.prodList { position: relative; text-align: center; }
.prodList ul { list-style: none; margin: 0; padding: 0 20px; }
.prodList ul li { float: left; margin-right: 4%; min-height: 345px; width: 22%; }
.prodList ul li:nth-child(4n) { margin-right: 0; }
.prodList ul li .thumb, .prodList ul li header { border: 1px solid #dbdbdb; -moz-box-shadow: 0 0 5px #dbdbdb; -webkit-box-shadow: 0 0 5px #dbdbdb; box-shadow: 0 0 5px #dbdbdb; margin: 0 0 10px; min-height: 145px; padding: 10px; }
.prodList ul li footer h4 { color: #000; margin: 0 10px 5px 0; }
.prodList h3 a { color: #000; font-weight: 400; }
.prodView { background: #ebebeb; float: none; margin-bottom: 0; padding: 15px 20px 0; width: 100%; }
.prodView h2 { margin: 0; }
.prodView ul { margin: 0; }
.prodWidget { height: 470px; margin: 0 auto; position: relative; width: 785px; }
.prodWidget .clearfix { overflow: visible; zoom: 1; }
.prodWidget h3 { color: #111; font-size: 1.1em; font-weight: bold; margin: 10px 0 8px; }
.prodWidget p { font-size: 0.9em; }
.prodWidget.pwHarpers .pwOnShow { z-index: 9; }
.promo { background: #c3c3c3; padding: 15px 20px; }
.promo label { font-size: 1.2em; font-weight: 700; padding: 0; width: 45%; }
.promo label span { font-weight: 400; }
.promo .btn { border: 0; border-radius: 5px; cursor: pointer; float: right; margin-top: 0; width: auto; }
.promo input { float: right; margin-left: 10px; width: 37%; }
.pwCover { display: block; }
.pwHarpers .pwApp { bottom: 8px; right: 0; z-index: 3; }
.pwHarpers .pwApp .pwItemInfo { left: auto; right: 290px; }
.pwHarpers .pwApp .pwPoint, .pwHarpers .pwWeb .pwPoint { background-position: -41px -35px; left: auto; right: -15px; top: 30px; }
.pwHarpers .pwApp .pwTrigger { left: 38px; } 
.pwHarpers .pwMag { bottom: 20px; left: 10px; z-index: 4; }
.pwHarpers .pwPoint { background: url(/_img/pw-sprite.png) no-repeat -41px top; float: left; height: 31px; left: 15px; position: absolute; top: 30px; }
.pwHarpers .pwReports { left: 100px; top: 10px; z-index: 1; }
.pwHarpers .pwReports .pwItemInfo { left: 135px; top: -30px; }
.pwHarpers .pwReports .pwTrigger { left: 80px; top: 12px; }
.pwHarpers .pwWine .pwItemInfo { left: auto; right: 50px; top: -44px; }
.pwHarpers .pwWine .pwPoint { background-position: -41px 35px; left: auto; right: -15px; top: 43px; width: 15px; }
.pwHarpers .pwWine .pwTrigger { left: auto; right: -16px; top: -16px; }
.pwHarpers .pwWeb .pwItemInfo { left: auto; right: 60px; }
.pwHarpers .pwWeb .pwTrigger { left: auto; right: -3px; }
.pwItem { margin-bottom: 0; position: absolute; }
.pwItemInfo { background: #fff; border: 1px solid #dadada; border-bottom: 0; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); box-shadow: 0 0 10px rgba(0,0,0,0.1); display: none; left: 55px; padding: 20px; position: absolute; top: -50px; width: 425px; }
.pwLens { background: url(/_img/lens.png) left top; display: none; height: 470px; left: 0; position: absolute; top: 0; width: 100%; z-index: 8; }
.pwNote { margin-bottom: -5px; }
.pwNote img { display: block; height: auto; max-width: 100%; }
.pwNote span { display: block; padding-top: 5px; }
.pwShow { display: block; }
.pwThumb { float: left; height: auto; margin: 0 18px 0 0; max-width: 100%; }
.pwTrigger { background: url(/_img/pw-sprite.png) no-repeat left top; cursor: pointer; float: left; height: 35px; left: -8px; position: absolute; top: -8px; width: 35px; }
.pwTrigger span { background: url(/_img/pw-sprite.png) no-repeat left -35px; cursor: pointer; float: left; height: 35px; max-height: 0; -moz-transition: max-height 0.3s ease; -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; width: 35px; }
.pwTrigger:hover span, .pwTriggerActive span { max-height: 35px; }
.pwTriggerActive span { background-position: left -70px; }
.pwWeb { bottom: 10px; left: 155px; z-index: 2; }
.pwWine { right: 21px; top: 60px; }
.quoteMeta { margin-left: 25px; }
.main .search .btn { border: none; float: left; }
.main .search input[type="text"] { float: left; height: 28px; margin: 0 0 10px; padding: 5px 10px; width: 87%; }
.secure { background: #fff; border-bottom: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; clear: left; margin-bottom: 20px; padding: 10px 20px; }
.secure ul { list-style: none; margin: 0; overflow: auto; }
.secure li { background: url(/_img/icons/tick-large.png) no-repeat left center; box-sizing: border-box; display: block; float: left; margin-right: 2.5%; padding-left: 45px; }
.secure li span { display: block; padding: 5px 0; }
.secure .moneyBack { width: 23.125%; }
.secure .moneyBack span { background: url(/_img/icons/money-back.png) no-repeat right center; }
.secure .orderSecurely { width: 23.125%; }
.secure .orderSecurely span { background: url(/_img/icons/security.png) no-repeat right center; }
.secure .waysToPay { width: 23.125%; }
.secure .waysToPay span { background: url(/_img/icons/payment2.png) no-repeat right center; }
.secure .international { margin-right: 0; width: 23.125%; }
.secure .international span { background: url(/_img/icons/international.png) no-repeat right center; }
.stockList li { border-bottom: none; border-top: none; }
.stockList li .prodStock .prodStockSelection .btn { border-radius: 5px; }
.stockList li .prodStock .prodStockTitle { background: url(/_img/icons/card.gif) no-repeat 0 50%; min-height: 32px; padding-left: 45px; }
.tick { list-style: none; margin: 0 0 20px; }
.tick li { background: url(/_img/icons/tick.png) no-repeat left top; line-height: 1.4em; margin: 0 0 20px; padding: 0 0 0 30px; }
.topBrands ul { list-style: none; margin: 0; }
.topBrands ul li { background: #fff; border: 1px solid #dbdbdb; border-radius: 3px 3px 0 0; -moz-box-shadow: 0 0 5px #dbdbdb; -webkit-box-shadow: 0 0 5px #dbdbdb; box-shadow: 0 0 5px #dbdbdb; display: inline-block; margin: 0 5px 5px 0; padding: 5px; text-align: center; width: 28%; }
.topBrands ul li img { width: 100%; }
.uiTabs { margin-bottom: 20px; }
.uiTabs .tabs { list-style: none; margin: 0; }
.uiTabs .tabs li { display: inline; }
.uiTabs .tabs li a { background: #ebebeb; border-left: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; display: inline-block; padding: 7px 13px; }
.uiTabs .tabs li a:hover, .uiTabs .tabs li .btnActive { background: #fff; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; }
.uiTabs .uiPanel { background: #fff; border: 1px solid #dbdbdb; padding: 20px 20px 0; }
.zoneProduct { overflow: auto; }

@media screen and (max-width: 1239px) {
    .flexslider .slides li img { float: none; max-width: 560px; width: 100%; }
    .flexslider .slides li .content { padding: 20px; }
}

@media screen and (max-width: 1049px) {
    .breadcrumb { padding: 0 0 20px; }
    .main .zoneOne { width: 73%; }
    .main .zoneTwo { width: 23%; }
}

@media screen and (max-width: 1023px) {
    .colsFourth .col:nth-last-child(-n+2) { margin-bottom: 30px; }
    .colsHalfCustom .col { width: 47%; }
    .colsHalfCustom .endCol { margin-right: 0; width: 47%; }
    .flexslider .flex-viewport { min-width: auto; }
    .main .search .btn { background-image: none; border-radius: 5px; display: inline-block; float: none; font-size: 13.3333px; height: auto; line-height: normal; padding: 13px 15px; width: auto; }
    .main .search input[type="text"] { display: inline-block; float: none; width: 70%; }
    .promo label { width: 100%; }
    .promo .btn { margin-top: 10px; }
    .promo input { float: left; margin-left: 0; margin-top: 10px; width: 75%; }
    .secure { padding-left: 0; padding-right: 0; }
    /* .secure .moneyBack { width: 15%; } */
    .secure .moneyBack span { background-image: url(/_img/icons/money-back-mobile.png); }
    /* .secure .orderSecurely { width: 12%; } */
    .secure .orderSecurely span { background-image: url(/_img/icons/security-mobile.png); }
    .secure .waysToPay span { background-image: url(/_img/icons/payment-mobile2.png); }
}

@media screen and (max-width: 920px) {
    .prodWidget { height: auto; width: 100%; }
    .prodWidget h3 { margin-top: 0; }
    .prodWidget .clearfix { overflow: auto; }
    .pwItem { margin-bottom: 25px; position: static; }
    .pwItemInfo { border: none; box-shadow: none; display: block; padding: 0; position: static; width: 100%; }
    .pwNote { margin-bottom: 20px; }
    .pwNote  span, .pwCover, .pwTrigger { display: none; }
    .stockList li .prodStock .prodStockPricing { padding-left: 45px; position: static; }
    .stockList li .prodStock .prodStockSelection { padding-left: 45px; text-align: left; }
    .stockList li .prodStock .prodStockSelection .btn { margin-left: 0; margin-top: 0; }
}

@media screen and (max-width: 800px) {
    .colsHalf .col.featureRefsample, .colsHalf .col.featureRefwhysubscribe { width: 100%; }
    .main .zoneOne, .main .zoneTwo { float: none; width: 100%; }
}

@media screen and (max-width: 767px) {
    .catList ul li { width: 30%; }
    .catList ul li:nth-child(5n) { margin-right: 4%; }
    .catList ul li:nth-child(3n) { margin-right: 0; }
    .colsHalfCustom .col { float: none; margin-bottom: 30px; margin-right: 0; width: 100%; }
    .colsHalfCustom .endCol { float: none; width: 100%; }
    .intro .content { float: none; width: 100%; }
    .intro .image { display: none; }
    .prodDetails { float: none; width: 100%; }
    .prodImages { float: none; width: 100%; }
    .prodList ul li { min-height: auto; width: 48%; }
    .prodList ul li:nth-child(2n) { margin-right: 0; }
    .secure .moneyBack, .secure .orderSecurely, .secure .waysToPay, .secure .international { display: block; margin-right: 6%; width: 47%; }
    .secure .orderSecurely, .secure .international { margin-right: 0; }
    .secure .orderSecurely, .secure .international { float: right; margin-right: 0; }
}

@media screen and (max-width: 599px) {
    .bannerHolder, .flexslider, .mobileHide { display: none; } 
    .flexsliderCarousel { display: block; }
    .catList ul li { width: 48%; }
    .catList ul li:nth-child(3n) { margin-right: 4%; }
    .catList ul li:nth-child(2n) { margin-right: 0; }
    .prodWidget img { float: none; margin-bottom: 15px; }
    .pwItem { border-bottom: 1px solid #dbdbdb; }
}

@media screen and (max-width: 479px) {
    .main .search .btn { margin-bottom: 10px; }
    .main .search input[type="text"] { padding: 7px; width: 100%; }
    .secure .moneyBack, .secure .orderSecurely, .secure .waysToPay, .secure .international { box-sizing: border-box; float: none; margin-right: 0; width: 100%; }
}


/* = Buttons
--------------------------- */
.btn, input[type="submit"] { text-shadow: 0 0 1px #666; padding: 8px 10px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; color: #fff; border-radius: 5px; border: 1px solid #cb9913; background-color: #cb9913; }
.btnImpact { background-color: #55ab26; border-color: #55ab26; color: #fff; }

.btn:hover { color: #fff; background-color: #cb9913; border-color: #cb9913; }
.btnAccent { border-color: #c62f14; background-color: #c62f14; }

.loginOptions .btn { padding: 4px 14px; }
.search .btn { background: #55ab26 url(/_img/icons/search.png) no-repeat center center; border: 1px solid #55ab26; border-radius: 0; display: block; float: right; font-size: 0; height: 28px; width: 34px; }

.colRemove .btn:hover {  background: url(/_img/remove.svg) no-repeat center center; }   

.coCCBtn, .coChequeBtn, .coPaypalBtn { background: #cb9913; border-radius: 5px; }
.coCCBtn:hover, .coChequeBtn:hover { background: #cb9913; border-color: #cb9913; }
.coCCBtn .btn, .coChequeBtn .btn, .coPaypalBtn .btn { background: none; }

.coCCBtn:before { color: #fff; }
.coChequeBtn:before { color: #fff; }

.coCCBtn:hover:before,
.coChequeBtn:hover:before { color: #fff; }

.hamburger span { background: #000; }
.hamburger span::before,
.hamburger span::after { background-color: #000; }

/* = Lists
-------------------------- */
.paging ul li a { color: #fff; background: #c62f14; }
.paging ul li a:hover { background: #454545; }
.paging ul li a.on { background: #080808; }

/* = Tables
-------------------------- */
th { border: 1px solid #888; background: #888; }
.rowItemStandout td { background: #a1c897; }

/* = Screen Messages
-------------------------- */
.msg { margin: 0 0 20px; padding-bottom: 20px; padding-right: 20px; padding-top: 20px; }
.msgImp { color: #fff; background: #8ec3d9; }
.msgImp a { color: #fff; }
.msgError { color: #fff; background: #e84d54; }
.msgSuccess { color: #fff; background: #a1c897; }
.msgSuccess h3 { color: #fff; }
.msgSuccess a { color: #fff; }
.msgAssist { background-color: #f2f2f2; color: #000; }

/* = Tabs
--------------------------- */
.tabs ul li a { color: #222; }
.tabs ul li a:hover { color: #666; }
.tabs ul li a.on { color: #55ab26; }
.tabs ul li a:hover:after { background: #666; }
.tabs ul li a:after { background: #fff; }
.tabs ul li a.on:after,
.tabs ul li a.on:hover:after { background: #55ab26; }
.tabs .dropdownPrompt { background: #f7f7f7; border: 1px solid #ddd; color: #000; }
.tabs .dropdownPrompt:after { border-color: #444 transparent transparent transparent; }
.tabs .dropdown.showOptions { border: 1px solid #ddd; }
.tabs .dropdown.showOptions li a:hover { color: #55ab26; }
.tabs .dropdown.showOptions a.on,
.tabs .dropdown.showOptions a.on:hover { background-color: #55ab26; color: #fff; }

/* = Accordion
--------------------------- */
.accordion > h3 { color: #55ab26; border: 1px solid #55ab26; }
.accordion > h3:hover { background: #f3f3f3; border: 1px solid #55ab26; }
.accordion > h3.on { color: #fff; background: #55ab26; }

/* = Forms
----------------------------*/
.webForm { background: #ebebeb; padding: 20px; }
.select:after { border-color: #444 transparent transparent transparent; }

.formList label:before,
.checkbox:before,
.check:before { border: 1px solid #ddd; }

.radList label.checked:after,
.formListRadio label.checked:after { background: #cb9913; }

.checkList label.checked:after,
.formList:not(.radList):not(.formListRadio) label.checked:after,
.checkbox.checked:after,
.check.checked:after { border: solid #cb9913; border-width: 0 2px 2px 0; }

/* = Framework > Header items
------------------------------- */
/*Replace logo, and change height to match exact logo height*/
.logo-actions-wrap { padding: 15px 0 5px; }
.logo > a { background: url(/_img/logo.png) no-repeat 0 50%; background-size: contain; height: 109px; }
#footer .logo > a { height: 72px; margin-bottom: 30px; }

.miniBasket .item:before { color: #cb9913; }
.miniBasket .btn { color: #fff; border-color: #cb9913; background: #cb9913; }
.miniBasket .btn:before { background: #111; display: none; }
.miniBasket .btn:hover, .miniBasket .btn:focus, .miniBasket .btn:active { color: #fff; border-color: #cb9913; }

.no-csstransforms3d .miniBasket .btn:hover,
.no-csstransforms3d .miniBasket .btn:focus,
.no-csstransforms3d .miniBasket .btn:active { background: #111; border-color: #111; }

@media screen and (max-width: 800px) {
    .logo { margin-right: 2%; margin-top: 70px; width: 32%; }
    .logo a { background-position: 50% 50%; margin: 0 auto; }
}

@media screen and (max-width: 620px) {
    .header-actions { margin-top: 40px; }
    .basket-geo-wrap .miniBasket { background: #f6f6f6; margin: 0 0 10px auto; }
}

@media screen and (max-width: 600px) {
    .header-actions .headBanner { top: 23px; }
    #footer .logo > a { margin-bottom: 0; }
}

@media screen and (max-width: 480px) {
    .logo { margin-right: 0; margin-top: 40px; width: 100%; }
}

/* = Header
----------------------------- */
header { padding-bottom: 15px; padding-top: 0; }

@media screen and (max-width: 800px) {
    header { padding-bottom: 0; }
}

/* = Footer
----------------------------- */
#contactDetails { border-top: 1px solid #dcdcdc; -moz-box-shadow: 0 0 5px #dcdcdc; -webkit-box-shadow: 0 0 5px #dcdcdc; box-shadow: 0 0 5px #dcdcdc; }
#contactDetails .inner, #footer .inner { margin: 0 auto; overflow: auto; padding: 20px 10px; width: 1280px; }
#contactDetails .footerFullMenu ul { float: left; line-height: normal; list-style: none; margin: 0; width: 77%; }
#contactDetails .footerFullMenu ul .home, #contactDetails .footerFullMenu ul .contact { display: none; }
#contactDetails .footerFullMenu ul li { float: left; font-size: 1.2em; margin-right: 4%; width: 21%; }
#contactDetails .footerFullMenu ul li a { color: #000; display: block; }
#contactDetails .footerFullMenu ul li ul { border-top: 1px solid #e5e5e5; display: block; margin: 10px 0 20px; padding-top: 10px; width: 100%; }
#contactDetails .footerFullMenu ul li ul li { float: none; font-size: 0.8em; margin-bottom: 10px; width: 100%; }
#contactDetails .footerFullMenu ul li ul li a { background: url(/_img/link-arrow.gif) no-repeat left center; color: #55ab26; font-weight: 400; padding: 0 0 0 8px; }
#contactDetails .footerFullMenu ul li ul li a:hover { color: #000; }
#contactDetails .contactus { float: right; }
#contactDetails address { margin-bottom: 0; }
#contactDetails h6 { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; padding-bottom: 10px; }
#contactDetails h6 a { color: #000; }
#footer { border-top: none; margin-top: 0; padding-top: 0; }
#footer .backToTop { display: none; }
#footer .logo { float: left; margin-right: 30px; margin-top: 0; width: 298px; }
#footer .footer-actions { font-size: 0.8em; }
#footer .footer-actions p { margin-bottom: 0; }
#footer .footerMenu ul li { margin: 0 10px 0 0; }
#footer .footerMenu ul li:after { display: none; }

@media screen and (max-width: 1300px) {
    #contactDetails .inner, #footer .inner { width: 100%; }
}

@media screen and (max-width: 1023px) {
    #contactDetails .footerFullMenu ul { width: 67%; }
    #contactDetails .footerFullMenu ul li { margin-right: 10%; width: 40%; }
}

@media screen and (max-width: 767px) {
    #contactDetails .footerFullMenu ul { width: 50%; }
    #contactDetails .footerFullMenu ul li { margin-right: 0; width: 100%; }
    #contactDetails .footerFullMenu ul li ul { display: none; }
}

@media screen and (max-width: 750px) {
    #footer .footerMenu ul { padding-right: 0; }
    #footer .footerMenu ul li { display: inline-block; }
}

@media screen and (max-width: 599px) {
    #footer .logo { float: none; margin-left: auto; margin-right: auto; }
}

@media screen and (max-width: 479px) {
    #contactDetails .footerFullMenu ul, #contactDetails .contactus { float: none; }
    #contactDetails .footerFullMenu ul { width: 100%; }
    #contactDetails .contactus h6 { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
    #contactDetails .contactus p, #contactDetails .contactus address { display: none; }
}

/* = Popup message
---------------------------- */
#popup .ClosePopup { background: #c62f14; }
#popup .ClosePopup:hover { background: #111; }

/* = Menu
---------------------------- */
.header-actions .headBanner { margin-bottom: 10px; }
.shopHotline { font-weight: 700; }
.header-actions .search { margin-bottom: 10px; text-align: right; }
.header-actions .search input[type="text"] { height: 28px; padding: 5px 10px; width: auto; }
.basket-geo-wrap > div { display: block; margin-bottom: 10px; }
.basket-geo-wrap > .gTrans, .basket-geo-wrap > .miniBasket { display: inline-block; }
.geoSelect .geoSwitcher > span { font-weight: 700; }
.basket-geo-wrap .geoSelect select { width: auto; }
#nav { background: #000; border-radius: 5px; }
#nav ul li { font-size: 1.3em; position: relative; }
#nav ul li a { color: #fff; padding: 15px 20px; }
#nav ul li.liOn a { background: #444; color: #fff; }
#nav ul li a:hover { background: #000; color: #fff; }
#nav ul li:hover a { background: #444; }
#nav > ul > li:last-of-type a { background: #cb9913; }
#nav > ul > li:last-of-type:hover a { background: #55ab26; }
#nav ul li ul { display: inline; left: -99999px; position: absolute; top: 49px; width: 275px; z-index: 2; }
#nav ul li:hover ul { left: 0; }
#nav ul li ul li { display: block; font-size: 0.8em; }
#nav ul li ul li a { background: #444; border-color: #444; display: block; line-height: normal; padding: 5px 20px; }
#nav ul li ul li:last-child a { border-radius: 0 0 5px 5px; padding-bottom: 10px; }
#nav ul li ul li:hover a { color: #55ab26; }

@media screen and (max-width: 800px) {
    .header-actions { width: 66%; }
    .main-nav-wrap { border-radius: 5px; }
    #nav { padding: 0; }
    #nav ul li { border-top: 1px solid #55ab26; font-size: 1.3em; }
    #nav ul li ul { display: none; }
}

@media screen and (max-width: 600px) {
    .main-nav-wrap { background: #000; }
    #nav { background: none; }
    #nav ul li { border-bottom: 1px solid #55ab26; border-top: none; }
    .shopHotline { background: #444; color: #fff; }
    .basket-geo-wrap > .gTrans, .basket-geo-wrap > .miniBasket { display: block; }
    .basket-geo-wrap > .miniBasket { margin: 0; }
}

@media screen and (max-width: 480px) {
    .header-actions { margin-top: 20px; width: 100%; }
}

@media screen and (max-width: 340px) {
    .basket-geo-wrap .geoSelect { text-align: right; }
    #nav { background: none; }
}

/* =  Menu > submenu
-------------------------------- */
#subNav { background: #444; border-radius: 5px; display: none; }
#subNav ul li a { color: #fff; }

.submenuTrigger { display: none; color: #fff; border-radius: 5px; background: #000; }
.submenuTrigger .hamburger span { background: #fff; }
.submenuTrigger .hamburger span:before, .submenuTrigger .hamburger span:after { background-color: #fff; }
.submenuTrigger .hamburger.is-active span { background: none; }

@media screen and (max-width: 800px) {
    #subNav { background: #444; display: block; }
    #subNav ul li a { color: #fff; }
    .submenuTrigger { font-size: 1.4em; margin-bottom: 0; }
}

/* = Home
--------------------------------*/
#home .breadcrumb { display: none; }

@media screen and (max-width: 599px) {
    .colsHalf .col.featureRefintrotext, .colsHalf .col.featureRefquote { margin-bottom: 0; }
}

/* = Product list
--------------------------------*/
.productList ul li .price { color: #c62f14; }

/* = Product view
--------------------------------*/
.zoneProduct { background: #fff; border: 1px solid #dbdbdb; border-radius: 3px; -moz-box-shadow: 0 0 5px #dbdbdb; -webkit-box-shadow: 0 0 5px #dbdbdb; box-shadow: 0 0 5px #dbdbdb; margin: 0 0 70px; padding: 20px; }
.zoneProduct .zoneTwo { float: left; width: 23%; }
.zoneProduct .zoneOne { float: right; width: 74%; }

@media screen and (max-width: 767px) {
    .zoneProduct .zoneTwo, .zoneProduct .zoneOne { float: none; width: 100%; }
}

/* = Brands page
--------------------------------*/
#colBrand .column { border-bottom: 1px solid #dedede; margin-bottom: 40px; }
#colBrand .col { margin-right: 2%; width: 20%; }
#colBrand .col:nth-child(2n) { margin-right: 2%; width: 35%; }
#colBrand .column .col h2 a { color: #253746; font-weight: 400; }
#colBrand .endCol { margin-right: 0; width: 41%; }
#colBrand .catList ul { margin-bottom: 20px; }
#colBrand .catList ul li { width: 21%; }

@media screen and (max-width: 1023px) {
    #colBrand .col { float: left; margin-right: 4%; width: 30%; }
    #colBrand .col:nth-child(2n) { margin-right: 0; width: 66%; }
    #colBrand .endCol { width: 100%; }
}

/* = Checkout proccess
----------------------------------------------------------------------------------------------------------------- */
.checkoutProgress li a { background: #cb9913; border-radius: 0; color: #fff; }
.checkoutProgress li a:after { border-color: transparent transparent transparent #cb9913; }
.checkoutProgress li a:hover:after { border-color: transparent transparent transparent #111; }
.checkoutProgress li a.btnDisabled:hover { background: #cb9913; color: #fff; }
.checkoutProgress li a.btnDisabled:hover:after { border-color: transparent transparent transparent #cb9913; }

.checkoutProgress .progressActive a,
.checkoutProgress .progressComplete a { background: #55ab26; color: #fff; }

.checkoutProgress .progressActive a:after,
.checkoutProgress .progressComplete a:after { border-color: transparent transparent transparent #55ab26 }

.checkoutProgress .progressActive a:hover:after,
.checkoutProgress .progressComplete a:hover:after { border-color: transparent transparent transparent #55ab26; }

.ddAddress .webForm > div > div { padding-right: 32px; position: relative; }
.ddAddress .webForm > div > div img { position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 900px) {
    .checkoutProgress .progressActive:first-child a:after { border-color: #55ab26; }

    .checkoutProgress li.progressComplete:first-child a:after,
    .checkoutProgress li.progressComplete:first-child a:hover:after { border-color: transparent #55ab26 transparent transparent; }
}

@media screen and (max-width: 800px) {
    .ddAddress .webForm > div > div img { top: 70%; }
}

/* = Cookie
----------------------------------------------------------------------------------------------------------------- */
.cookie { color: #fff; }
.cookie .container { background: #444; }
.cookie p a { color: #fff; }

.cookie-notice { background: #444; bottom: 0; display: none; left: 0; position: fixed; right: 0; z-index: 9999; }
.cookie-notice-inner { display: table; margin: 0 auto; max-width: 1200px; position: relative; }
.cookie-info { display: table-cell; padding: 30px 35px; vertical-align: middle; }
.cookie-info p { color: #fff; }
.cookie-notice .cookie-info p:first-child { margin-bottom: 8px; }
.cookie-notice p:last-child { margin-bottom: 0; }
.cookie-notice .cookie-info .cookie-links a:first-of-type { margin-left: 0; }
.cookie-notice .cookie-info .cookie-links a { display: inline-block; margin: 0 10px; }
.cookie-notice .cookie-info a { color: #55ab26; text-decoration: underline; }
.cookie-notice .cookie-info .cookie-links a:last-of-type { margin-right: 0; }
.cookie-notice .cookie-info .cookie-reject { display: none; }
.cookie-notice .cookie-button { background: #444; display: table-cell; min-width: 295px; padding: 30px 35px; text-align: center; vertical-align: middle; }
.cookie-notice .cookie-button .btn { border: 1px solid #55ab26; background: #55ab26; color: #fff;  font-size: 1.2em; margin-bottom: 0; padding: 10px 20px 10px 70px; position: relative; }
.cookie-notice .cookie-button .btn:before { background: #55ab26 url(/_img/icons/cookie-check.svg) no-repeat 50% 50%; content: ''; bottom: 0; color: #fff; height: 100%; left: 0; position: absolute; top: 0; -webkit-transition: background .3s ease, border-color .3s ease, color .3s ease; transition: background .3s ease, border-color .3s ease, color .3s ease; width: 50px; }
.cookie-notice .cookie-button .btn:hover { background: #55ab26; border-color: #55ab26; }
.cookie-notice .cookie-button .btn:hover:before { background: #55ab26 url(/_img/icons/cookie-check.svg) no-repeat 50% 50%; }

@media screen and (max-width: 768px) {
    .cookie-info, .cookie-notice .cookie-button { display: block; }
    .cookie-notice .cookie-button { padding-top: 5px; text-align: left; }
}