/* Fixing FC mess */
.NAVCONTAINER .MAINNAV li.level1.tab4.FLOWERS {position: initial;}
.NAVCONTAINER .MAINNAV li.level1.tab4.FLOWERS ul {width: 100%; padding: 0;}
.NAVCONTAINER .MAINNAV li.level1.tab4.FLOWERS ul li ul {display: block;}
.NAVCONTAINER .MAINNAV li.level1.tab4.FLOWERS ul li.level2 ul {padding-left: 0;}

/* Hide Seasonal Navigation */
.offviewalloffers #Hierarchy1 li:nth-child(1n+6) {display: none;}
.NAVCONTAINER .MAINNAV li.level1.OFF-VIEW-ALL-OFFERS, .left-off-canvas-menu li.level1.OFF-VIEW-ALL-OFFERS, .NAVCONTAINER .MAINNAV li.level1.DOBGARDENADVICE, .NAVCONTAINER .MAINNAV li.level1.EASTER-OFFERS, .left-off-canvas-menu li.level1.EASTER-OFFERS, .NAVCONTAINER .MAINNAV li.level1.NGW-OFFERS, .left-off-canvas-menu li.level1.NGW-OFFERS, .NAVCONTAINER .MAINNAV li.level1.ZZ-CHELSEA-OFFERS, .left-off-canvas-menu li.level1.ZZ-CHELSEA-OFFERS, .NAVCONTAINER .MAINNAV li.level1.ZZ-BH-OFFERS, .left-off-canvas-menu li.level1.ZZ-BH-OFFERS, .NAVCONTAINER .MAINNAV li.level1.XMASGIFTSDOBIES,.SIDENAV li.XMASGIFTSDOBIES {display: none;}
.NAVCONTAINER .MAINNAV li.BEDDING-PLANTS-NEW > ul, .NAVCONTAINER .MAINNAV li.ROBSMITHRANGE > ul {display: none!important;}
.NAVCONTAINER .MAINNAV li.level1.BBKA, .left-off-canvas-menu .SIDENAV li.BBKA {display: none;}
.NAVCONTAINER .MAINNAV li.level1.BBKA ul {display: none!important;}
.NAVCONTAINER .MAINNAV li.level1.LIMITED-TIME, .left-off-canvas-menu li.level1.LIMITED-TIME {display: none;}
.NAVCONTAINER .MAINNAV li.level1.GREEN-THURSDAY, .left-off-canvas-menu li.level1.GREEN-THURSDAY, .NAVCONTAINER .MAINNAV li.level1.JANUARY-SALE, .left-off-canvas-menu li.level1.JANUARY-SALE {display: none;}
.NAVCONTAINER .MAINNAV li.level1.JANUARY-SALE {background: #d02524;}
.NAVCONTAINER .MAINNAV li.level1.JANUARY-SALE:hover {background: #bd2a2a}
.NAVCONTAINER .MAINNAV li.level1.GREEN-THURSDAY {background: #71a025;}
.NAVCONTAINER .MAINNAV li.level1.GREEN-THURSDAY:hover {background: #5f8620;}

/* Nav Styling */
.NAVCONTAINER .MAINNAV li.level1 {background-color: #342E21} 
.NAVCONTAINER .MAINNAV li.level1:hover {background: #504734;} 
.NAVCONTAINER .MAINNAV li.level1:first-child,
.NAVCONTAINER .MAINNAV li.level1:first-child:hover {background-color: #FFF!important;} 
.NAVCONTAINER .MAINNAV li.tab0:hover a {background-color: #fff!important;} 
.NAVCONTAINER .MAINNAV li.level1.SPECIAL-OFFER {background-color: #e20612;}
.NAVCONTAINER .MAINNAV li.level1.last {border:0} 
.NAVCONTAINER .MAINNAV li.level1>a {text-transform: uppercase} 
.NAVCONTAINER .MAINNAV li.level1>ul .PANEL.AT-A-GLANCE ul li.level2 a, .NAVCONTAINER .MAINNAV li.level1>ul li.level2 a, .NAVCONTAINER .MAINNAV li.level1>ul .PANEL ul li.level2 .level3 a, .NAVCONTAINER .MAINNAV li.level1>ul .PANEL .BTMLINK {background:none!important;padding:0!important;}
.NAVCONTAINER .MAINNAV li.level1.DOBIESSGIFTIDEAS >ul .PANEL {width: 20%;}
.NAVCONTAINER .MAINNAV li.level1.KEEPINGCHICKENS, .NAVCONTAINER .MAINNAV li.level1.BEEKEEPING {background: #de8e1f;}
.NAVCONTAINER .MAINNAV li.level1.KEEPINGCHICKENS:hover, .NAVCONTAINER .MAINNAV li.level1.BEEKEEPING:hover {background: #bd7818;}

.SEARCH {top: -9px!important;}
.SEARCH input {
  top: -10px!important;
  border: 3px solid #b0b0a0 !important;
  background: #fff !important;    
  height: 45px !important;
  width: 80% !important;
  margin-left: 5% !important;    
  padding: 5px 5px 5px 20px !important; /* FF fix */
  border-right: 0 !important;
  color: #A59D9D !important;
  font-size: 21.6px !important;
  border-right: 0 !important;  
  -webkit-border-radius: 100px 0px 0px 100px !important;
  -moz-border-radius: 100px 0px 0px 100px !important;
  border-radius: 100px 0px 0px 100px !important;
  font:normal 21.6px/6px arial, helvetica, sans-serif !important; /* IE fix */
}
.SEARCH input:hover {background: #fff !important;color: #A59D9D !important;font-size: 21.6px !important;border-right: 0 !important;}
.SEARCH input:focus {color: #807676 !important;}
.SEARCH a {width: 10%!important;height: 45px!important;background-color: #F1F1EE !important;border: 3px solid #b0b0a0 !important;border-left: 0 !important;border-radius: 0px 100px 100px 0px;}
.SEARCH a:hover {border-left: 0 !important;background-color: #E6E6E6 !important;}
.SEARCH a:focus {background-color: #CCC !important;outline: 0;color:red!important;}

body {background-color: #f0e8bd;}
/* .row {max-width: 1280px;} */
#dobiesLogo img {height: 4.5rem; margin: 7% 5%;}

.TOPBAR a.button {background:#413B30;border-right: 1px solid #554b3b;border-bottom: 1px solid #554b3b;}
.HEADER {background: #413B30!important;}
.acctLinks a:hover, .growYourOwn a:hover {color: #dccfa0!important;}
.USPCONTAINER {background: #f0e8bd;border: none;}
.USPCONTAINER .USP1, .USPCONTAINER .USP2, .USPCONTAINER .USP3 {border:none;}
.USPCONTAINER .USP > p > a {text-transform: none;font-weight: normal;text-shadow: none;}
.NAVCONTAINER .MAINNAV li.level1 {border-color:#6b5f4a;}
.acctNav {margin: 0.5em 0.5em 0 0}
.right-off-canvas-menu .BASKET h2,
.left-off-canvas-menu {background: #413B30;}
.SIDENAV ul li a {border}
.SIDENAV ul li a:hover {color: #bbaa8c;}
.BreadCrumb ol li a {color:#5e5d5d;}
.NAVCONTAINER .MAINNAV li.level1>a {font-size:.75rem;}
.PAGINGCONTROL {background:rgba(240, 232, 189, 0.26);}

@media only screen and (min-width: 64.0625em) {
  .HEADER {padding: 0; color: #fff;}
  .NAVCONTAINER {background: #413B30; color: #fff;}
  .USPCONTAINER {position: static;}
  .acctLinks .MyAccount, .acctLinks .Signin a, .acctLinks .welcome {background:none!important;color:#fff} 
  .acctLinks .welcome {border:none;font-weight: normal;}
  .acctLinks .MyAccount:hover, .acctLinks .Signin a:hover {color: #dccfa0!important;}
  .acctNav .growYourOwn div ul li a {text-transform: uppercase;font-size: 0.85em;border-color: #6b5f4a;color:#fff} 
  .acctNav .growYourOwn div ul li a:hover {color: #dccfa0!important;}
}

.newsletterFooter {background: #53ABAD; border: none!important;}
.newsletterFooter .inner {border: none!important;}
.newsletterFooter .inner > div > div {border: none!important;}
.newsletterFooter .Newsletter h2 {color: #fff!important; letter-spacing: 0.05rem;}
.newsletterFooter .Social a {padding: 7px 0px!important; margin: 0 7% 0 0!important;}
.newsletterFooter .Social a img {width: auto; height: 32px; max-width: 200%}   
@media screen and (max-width: 1138px){
  .newsletterFooter .Newsletter h2 {font-size: 1rem!important; letter-spacing: 0.01rem;}
  .newsletterFooter .Social a {padding: 9px 0px!important; margin: 0 9% 0 0!important;} 
}
@media screen and (max-width: 1024px) {
  .newsletterFooter .Newsletter h2 {padding-left: 12%!important;}
  .newsletterFooter .Social a {margin: 0 7% 0 0!important;}
  .newsletterFooter .Social a img {height: 29px;}   
}
@media screen and (max-width: 932px) {
  .newsletterFooter .Social a {margin: 0 13% 0 0!important;}
}
@media screen and (max-width: 858px) {
  .newsletterFooter .Newsletter h2 {font-size: 0.95rem!important; padding-left: 5%!important;}
  .newsletterFooter .Social a {margin: 0 16% 0 0!important;}
}
@media screen and (max-width: 756px) {
  .newsletterFooter .Newsletter h2 {font-size: 0.83rem!important; padding-left: 0%!important;}
  .newsletterFooter .Social a img {height: 26px;}
}
@media screen and (max-width: 640px) {
  .newsletterFooter .Newsletter h2 {font-size: 1rem!important; padding-left: 2% 0%!important;}
}
.FOOTER {background: #413B30;} 
.FOOTER .PhoneFooter {background: #f0e8bd0a;border:0;} 
.FOOTER .TrustFooter {margin: 1em 0;padding: 1em 0;border:0} 
#rssFeedContainer {display: none}

/* STICKY HEADER - RH 13/03/2017 */
.sticky #dobiesLogo img {height: auto;margin:0;}

/* LIVE CHAT 08/08/2019 */
/* Position of live chat button */
div#wo_online {bottom: 0px; right: 74px; background-color: #4ba82e; border-bottom-left-radius: 0; border-bottom-right-radius: 0;border: none;}
div#wo_chat_header {background-color: #756a55;}
/* 'Click to Chat Live' & Header Text text */
div#wo_online span,
div#wo_chat_arrow,
div#wo_contact_arrow {color: #fff;}
div#wo_online #wo_online_msg {padding-left: 10px;}

/* 'START CHAT' Button */
#preChatbtn.btn-whoson {background-color: #999;color:#fff;border: 1px solid #fff;} 
#preChatbtn.btn-whoson:hover,
#preChatbtn.btn-whoson:active,
#preChatbtn.btn-whoson:visited,
#preChatbtn.btn-whoson:focus {background-color: #b0afaf}

/* Hides the 'Indicates required fields' at post-chat survey' */
#postchatForm > div#submitBarPost > span {display: none}

/* star ratings */
.worating-foreground span.glyphicon.glyphicon-star {color: #3f51b5}

/* position of invite panel */
div#woInvite {width: 100%;text-align: center}

/* MOBILE HEADER CHANGES */
.logo-container:nth-of-type(1n+2) {display:none;}
@media screen and (max-width: 1024px) {header, header .HEADER {background: #413B30;} header .HEADER > div > .medium-5 {display: none;} header div.TOPBAR .button {font-size: 1.2rem; width: 17.5%; padding: 21px 0; border: none!important;}  header div.TOPBAR .button.logo {padding: 15px; width: 30%!important;}   header div.TOPBAR .button.logo img {padding: 0 30px;}header .HEADER {width: 90%; margin: 0 auto;} header .HEADER .hide-for-large-up {width: 100%; background: #413B30;} header .HEADER .hide-for-large-up .SEARCH {padding: 2%!important;} header .HEADER .hide-for-large-up .SEARCH .searchBox {height: inherit; vertical-align: middle; height: 50px!important; border: 2px solid #b0b0a0!important; border-right: none!important; -webkit-border-radius: 5px 0px 0px 5px!important; -moz-border-radius: 5px 0px 0px 5px!important; border-radius: 5px 0px 0px 5px!important;} header .HEADER .hide-for-large-up .SEARCH .searchBox::placeholder {line-height: normal;}header .HEADER .hide-for-large-up .SEARCH a {height: 50px!important; width: 60px!important; background: #d79d37!important; border: 2px solid #b0b0a0 !important; border-radius: 0 5px 5px 0;} header .HEADER .hide-for-large-up .SEARCH a:after {content: "GO"; margin: 19%; font-size: 1.8rem; font-weight: 500; color: #fff;}header .TOPBAR .BQTY {top: 15px!important; right: 55px!important;}}
@media screen and (max-width: 900px) {header .TOPBAR .BQTY {top: 10px!important; right: 45px!important;}}
@media screen and (max-width: 800px) {header div.TOPBAR .button.logo {padding: 15px 8px;} header div.TOPBAR .button.logo img {padding: 0;}header .TOPBAR .BQTY {top: 10px!important; right: 30px!important;}}
@media screen and (max-width: 730px) {header div.TOPBAR .button {width: 15%!important;} header div.TOPBAR .button.logo {width: 40%!important;} header div.TOPBAR .button {font-size: 1rem;}}
@media screen and (max-width: 650px) {header .TOPBAR .BQTY {right: 15px!important;}}
@media screen and (max-width: 490px) {header div.TOPBAR .button {font-size: .7rem;} header div.TOPBAR .button.logo {padding: 15px 12px;} header .HEADER .hide-for-large-up .SEARCH {padding: 3% 0!important;} header .HEADER .hide-for-large-up .SEARCH #ctl00_H_pnlSrch2 {width: 100%; float: left;}header .HEADER .hide-for-large-up .SEARCH .searchBox {margin: 0!important; width: 85%!important; height: 45px!important; font-size: 15px!important; padding: 5px 5px 5px 10px!important;} header .HEADER .hide-for-large-up .SEARCH a {height: 45px!important; width: 50px!important;} header .HEADER .hide-for-large-up .SEARCH a:after {margin: 13%; font-size: 1.5rem;}header .TOPBAR .BQTY {top: 8px!important; right: 7px!important;}} 
@media screen and (max-width: 370px) {header .HEADER .hide-for-large-up .SEARCH .searchBox {width: 82%!important;}}

/* CATALOGUE REQUESTS - PC 16/08/2018 */
.cataloguerequest #LeftColumn {display: none!important;}
.cataloguerequest #CenterColumn {width: 100%!important;}
.cataloguerequest h1.Heading {position: absolute; color: #fff; z-index: 1; margin: 60px 50px;}
.cataloguerequest #cat-req-container-top #cat-req-header {background-image: url(https://gardeners.s3.amazonaws.com/cms/hierarchy/cat-req-header-dark.jpg); min-height: 300px; background-repeat: no-repeat;}
.cataloguerequest #cat-req-container-top #cat-req-header .txt-overlay {margin: 110px 0 150px 10px;}
.cataloguerequest #cat-req-container-top #cat-req-header .txt-overlay p {color: #fff; font-size: 1.1rem;}
.cataloguerequest #cat-req-container-top #cat-req-header .txt-overlay .button-container {margin-top: 25px;}
.cataloguerequest #cat-req-container-top #cat-req-header .txt-overlay .button-container a {background: none; color: #fff; text-decoration: none; border: 1px solid #fff; padding: 10px; font-size: 0.75rem; text-transform: uppercase; font-weight: 600; -webkit-transition: .2s; transition: .2s;}
.cataloguerequest #cat-req-container-top #cat-req-header .txt-overlay .button-container a:hover {color: #5e5d5d!important; background: #fff;}
.cataloguerequest #cat-req-container-top #cat-req-header .txt-overlay .button-container a:first-child {margin-right: 15px;}
.cataloguerequest #cat-req-container-top #info-container {margin: 40px 0;}
.cataloguerequest #cat-req-container-top #info-container .info-content-container {padding: 15px 35px;}
.cataloguerequest #cat-req-container-top #info-container .info-content-container p {font-size: 1rem; padding-bottom: 15px;}
.cataloguerequest #cat-req-container-top #info-container .info-content-container .button.scroll {text-decoration: none; background: #d12525;}
.cataloguerequest #cat-req-container-top #info-container .info-content-container .button.scroll:hover {background: #a61d1d;}
.cataloguerequest #cat-req-container-top #info-container .info-img-container {padding: 0 8%;}
.cataloguerequest #cat-req-container-top #info-container.last .info-img-container {float: right;}
.cataloguerequest #cat-req-container-top #view-online, .cataloguerequest #cat-req-container-top #view-post {padding: 30px 0 0; margin-bottom: 35px;}
.cataloguerequest #cat-req-container-top #view-online .cat-container {padding: 20px;}
.cataloguerequest #cat-req-container-top #view-online .cat-container:last-child {float: left;}
.cataloguerequest #cat-req-container-top #view-online .cat-container .hover-container {padding: 0;}
.cataloguerequest #cat-req-container-top #view-online .cat-container .hover-container img {width: 100%;}
.cataloguerequest #cat-req-container-top #view-online .cat-container .hover-container .hover-button {display: none;}
.cataloguerequest #cat-req-container-top #view-online .cat-container .hover-container:hover .hover-button {display: block;}
.cataloguerequest #cat-req-container-top #view-online .cat-container .hover-container .hover-button {position: absolute; top: 0; height: 100%; width: 100%;}
.cataloguerequest #cat-req-container-top #view-online .cat-container .hover-container .hover-button a {position: absolute; width: 100%; height: 100%; left: 0; display: block; text-align: center; text-decoration: none; -webkit-transition: .2s; transition: .2s;}
.cataloguerequest #cat-req-container-top #view-online .cat-container .hover-container .hover-button a:hover {background: rgba(29, 28, 28, 0.75);}
.cataloguerequest #cat-req-container-top #view-online .cat-container .hover-container .hover-button a span {position: absolute; top: 40%; left: 25%; color: #fff; padding: 10px; border: 2px solid #fff; font-size: 1.2rem; font-weight: 600; -webkit-transition: .2s; transition: .2s;}
.cataloguerequest #cat-req-container-top #view-online .cat-container .hover-container .hover-button a span:hover {color: #5e5d5d!important; background: #fff;}
.cataloguerequest #cat-req-container-top .intro-container {text-align: center; padding: 0 45px 10px;}
.cataloguerequest #cat-req-container-top .intro-container p {font-size: 1rem;}
.cataloguerequest #cat-req-container-top #view-online .cat-container a img {padding: 25px;}
.cataloguerequest #CenterColumn .catReq {width: 50%; float: left; padding: 0 26px; border: none; margin-bottom: 45px;}
.cataloguerequest #CenterColumn .catReq .catimg {width: 35%;}
.cataloguerequest #CenterColumn .catReq .catinfo .hide-for-medium-down {margin-bottom: 20px;}
.cataloguerequest #CenterColumn .catReq .catinfo .LargeBuy {border-radius: 0; background-image: none; padding: 10px 15px;}
.cataloguerequest #cat-reg-bottom {padding: 80px 65px;}
.cataloguerequest #cat-reg-bottom #customer-reviews .review-container {text-align: center;}
.cataloguerequest #cat-reg-bottom #customer-reviews .review-container h2 {color: #be2c2c;}
.cataloguerequest #cat-reg-bottom #customer-reviews .review-container img {padding: 0 60px;}
.cataloguerequest #cat-reg-bottom #customer-reviews .review-container p {padding-top: 20px; margin: 0;}
.cataloguerequest #cat-reg-bottom #customer-reviews .review-container span {font-size: 0.9rem; font-style: italic; font-weight: 600;}
.cataloguerequest #RecentlyViewedProducts {display: none;}
@media screen and (max-width: 1200px) {.cataloguerequest #cat-req-container-top #cat-req-header {background-position: center top;} .cataloguerequest #cat-req-container-top #info-container .info-content-container {padding-top: 0;}}
@media screen and (max-width: 1120px) {.cataloguerequest #cat-req-container-top #view-online .cat-container .hover-container .hover-button a {background: rgba(29, 28, 28, 0.18);} .cataloguerequest #cat-req-container-top #view-online .cat-container .hover-container .hover-button span {display: none!important;}}
@media screen and (max-width: 1024px) {.cataloguerequest #cat-req-container-top #cat-req-header .txt-overlay {margin-bottom: 100px;} .cataloguerequest #cat-req-container-top #info-container .info-img-container {padding: 0 40px 30px;} .cataloguerequest #cat-req-container-top #info-container .info-content-container h2 {font-size: 1.55rem;} .cataloguerequest #cat-req-container-top #info-container .info-content-container p {font-size: 0.9rem; padding-bottom: 5px;} .cataloguerequest #CenterColumn .catReq .catinfo .hide-for-medium-down {display: block!important;}}
@media screen and (max-width: 980px) {.cataloguerequest #CenterColumn .catReq .catimg {width: 100%; padding: 0 50px 30px;} .cataloguerequest #cat-reg-bottom {padding: 80px 0px;}}
@media screen and (max-width: 860px) {.cataloguerequest #cat-req-container-top #cat-req-header .txt-overlay p {font-size: 0.95rem;} .cataloguerequest #cat-req-container-top #info-container .info-content-container {padding: 15px;} .cataloguerequest #cat-reg-bottom #customer-reviews .review-container img {padding: 0 40px;}}
@media screen and (max-width: 720px) {.cataloguerequest #cat-req-container-top #cat-req-header {background-image: url(https://gardeners.s3.amazonaws.com/cms/hierarchy/cat-req-header-dark-mobile-1.jpg);} .cataloguerequest #cat-req-container-top #cat-req-header .txt-overlay {margin-bottom: 50px; width: 85%;} .cataloguerequest #cat-req-container-top #info-container .info-content-container h2 {font-size: 1.3rem;} .cataloguerequest #cat-req-container-top #info-container .info-content-container .button.scroll {font-size: 0.85rem;} .cataloguerequest #cat-req-container-top #view-online .cat-container {width: 50%;} .cataloguerequest #CenterColumn .catReq .catimg {padding: 0 15px 30px;}}
@media screen and (max-width: 640px) {.cataloguerequest #cat-req-container-top #info-container .info-img-container {padding: 0 60px 30px;} .cataloguerequest #cat-req-container-top .intro-container {text-align: left; padding: 0 20px 10px;} .cataloguerequest #CenterColumn .catReq .catimg {padding: 0 0 30px;} .cataloguerequest #cat-reg-bottom {padding: 80px 60px;} .cataloguerequest #cat-reg-bottom #customer-reviews .review-container img {padding: 0 105px;} .cataloguerequest #cat-reg-bottom #customer-reviews .review-container {padding-bottom: 20px;}}
@media screen and (max-width: 530px) {.cataloguerequest #cat-reg-bottom {padding: 80px 25px;}}
@media screen and (max-width: 465px) {.cataloguerequest h1.Heading {margin: 30px 50px; font-size: 1.8rem;} .cataloguerequest #cat-req-container-top #cat-req-header .txt-overlay {width: 100%;} .cataloguerequest #cat-req-container-top #info-container .info-img-container {padding: 0 20px 30px;} .cataloguerequest #cat-req-container-top #view-online .cat-container {width: 100%;} .cataloguerequest #CenterColumn .catReq {width: 100%; margin-bottom: 25px;} .cataloguerequest #cat-reg-bottom {padding: 80px 5px;} .cataloguerequest #cat-reg-bottom #customer-reviews .review-container img {padding: 0 65px;}}
@media screen and (max-width: 370px) {.cataloguerequest #cat-reg-bottom #customer-reviews .review-container img {padding: 0 35px;}}

/* BASKET */
.basket #BASKETINFO #payment-cards {max-width: fit-content; margin: 10px auto;}