/*.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary { background-color: #ffd500; } body{margin-bottom:300px}a{color:#444748}header{margin-top:60px}#logo{max-height:170px}.btn{font-weight:600}.btn-primary{background-color:#ffd500;border-color:#ffd500;color:#444748}.btn-primary:hover,.btn:focus{background-color:#444748;border-color:#444748;color:#fff}.navbar{background-color:#fff}.navbar-header{background-color:#ffffff;padding:0 20px}.navbar-header #logout,.navbar-header .fa,.navbar-header a{color:#444748}.navbar-social{border-radius:50%;height:34px;width:34px;background-color:#444748;padding:6px 0;margin-right:10px;margin-top:10px;text-align:center}.navbar-social:hover{background-color:#dadadb}.navbar-social .fa{color:#444749}.navbar .nav-heading{font-size:14px;color:#444748;text-transform:uppercase;font-weight:700}header .container{background-color:#ffffff;margin-bottom:6px}header div.container:nth-of-type(2n){padding:0}.navbar li.level1.wall-ceiling{padding-left:65px;width:2.2%}.navbar li.level1.wall-ceiling:hover{}.navbar li.level1.fascia{padding-left:55px;width:2%}.navbar li.level1.fascia:hover{}.navbar li.level1.door{padding-left:55px;width:2%}.navbar li.level1.door:hover{}.navbar li.level1.decking{padding-left:55px;width:2%}.navbar li.level1.decking:hover{}.navbar li.level1.underground{padding-left:55px; width: 1.1%}.navbar li.level1.underground:hover{}.navbar li.level1:focus,.navbar li.level1:hover{background-color:#dadadb}.navbar li.level1:hover a{color:#444748}.nav>li>a:focus,.nav>li>a:hover{background-color:transparent}.yamm .level1:hover .dropdown-menu{background-color:#f7f7f7}.navbar .level1:last-child{max-width:100px}.navbar .level1{background-color:#444748}.navbar .level1>a{font-size:11px!important;color:#fff;font-family:'Roboto Condensed';text-align:left;line-height:14px}.yamm{margin-top:0}.navbar .level3 a{font-weight:500;line-height:20px}#header-detail,#header-logo{padding:15px;color:#fff}#header-detail{padding-top:40px}.header-basket{padding-top:6px}.header-basket a,.header-phone a{color:#444748}.header-links-cart{font-size:22px}.header-basket .btn{border:2px solid #fff;background-color:#444748;border-radius:4px;margin-left:15px}.header-basket a.btn:hover,a.header-basket .btn:focus{background-color:#fff;color:#444748}.header-phone{padding-top:0}.header-phone-icon,.header-phone-text{float:left}.header-phone-text{line-height:17px}.header-phone p{margin-bottom:2px;font-size:12px}.header-phone a{color:#ffd500;font-size:26px}.header-phone .fa{color:#ffd500;font-size:24px;padding-top:15px}.header-search .searchform .searchterm{background-color:#dadadb;-webkit-box-shadow:none;box-shadow:none}.header-search .searchform .searchterm::placeholder{color:#444748}.header-search .searchform .btn{background-color:#dadadb;border:none!important;padding:8px 4px}.header-search .searchform .btn .fa{color:#444748;font-size:18px}.tooltipcontainer .basket-notification{opacity:1}.tooltipcontainer .data{background:#ffd500}.tooltipcontainer .data a{color:#444748}.page-home .main-content{padding:20px 0}.homecarousel .container{padding:0}.homecarousel{margin-top:0px}.page-home .main,.page-home .main-content.adverts{padding-top:0}#home-sub-adds div{padding:0 5px}#home-sub-adds img{border:0;padding-top:10px;margin:auto}.featured-title{background-color:#444749;color:#fff;}.featured-list .image-container{height:210px}.featured-list{text-align:center}.home-featured h2{height:40px;font-weight:400}.home-featured .discounttext{padding:4px;margin-top:6px;display:block}.grid-view-buttons .price-block{height:90px}.product-caption h2{font-size:17px;text-align:center;font-weight:400}.add input#addtobasket,.add input#basketsubmit,.selectors{margin-top:15px}#leftsidebar .panel-title a.collapsed:hover::after,#leftsidebar .panel-title a:hover::after{color:#999}#leftsidebar .panel-title .collapsed::after{font-size:14px}.category-head .col-sm-12 h1.main-heading{text-align:center}.product-filter-container{background-color:transparent}.product-filter-container .panel-heading .panel-title{font-weight:400}.product-filter-container .fa-filter{display:none}.product-filter-container #accordion .panel-heading a,.product-filter-container #accordion .panel-heading a.collapsed{padding-left:5px}.product-filter-container #accordion .panel-body{padding-left:0;padding-top:10px}.product-filter-container .panel-default>.panel-heading{background-color:#fff}.product-filter-container input.checkbox.option{float:left;margin-right:6px}.product-filter-container label.option{width:85%}.quotesubmitinput-prodlist:active,.quotesubmitinput-prodlist:focus,.quotesubmitinput-prodlist:hover,.wishlistsubmitinput-prodlist,.wishlistsubmitinput-prodlist:active,.wishlistsubmitinput-prodlist:focus,.wishlistsubmitinput-prodlist:hover{color:#444748}.suggested-box-price{height:75px}.price-unit{font-size:12px}.breadcrumb{background-color:#f0f0f3}.breadcrumb a{font-weight:500}.basketstockcodecol,.code{font-weight:700}.suggestedbox>div{padding:0 10px}.suggested-box-price{font-size:10px}.suggested-box-price>span.price{font-size:15px}.alsobought-box-price{height:75px;font-size:10px}.alsobought-box-price>span.price{font-size:15px}.guestcheckout{margin-top:15px;background-color:#dadadb}#loginform .bottom{margin-top:20px}.postcode-estimator-result .delopt{margin-bottom:10px}.panel-default>.panel-heading{background-color:#f0f0f3}#leftsidebar .panel-default>.panel-heading a:hover{background-color:#e9e9ea;color:#444478}.company-message{display:table;background-color:#f2f2f4;margin:20px 0;padding:30px 0 40px}.company-message h3{font-family:"Roboto Condensed";font-size:21px;height:50px}.company-message p{font-size:12px}.company-message div{display:table-cell;border-right:1px solid #d0d0d0;padding:0 35px}.company-message div:last-child{border-right:none}.staticcontent h3{font-size:20px;font-weight:600}.staticcontent h3 strong{font-weight:600}.staticcontent iframe{margin:20px 0;border:none}.page-delivery .staticcontent ul{list-style:inside disc none;color:red}.cat-caption h2,.cat-description.static{text-align:center}.cat-description.static h1{font-size:30px}.cat-description.static h4{font-size:18px;line-height:30px}.cat-description.static h5{font-weight:600;margin:20px 0;font-size:20px;color:#ffd500}.cat-description.static h6{font-size:18px;font-weight:600}.cat-description.static p{margin:30px auto;width:90%}.cat-description.static ul{list-style:disc inside}.cat-description.static li{padding:4px 0}.cat-description.static img{margin:0 auto}.cat-description.static .testimonial{margin:80px 0}.cat-description.static .testimonial p{margin:50px auto;font-style:italic}.cat-description.static .testimonial img{margin:0}.contactstaticform{padding:30px 0;text-align:left;background-color:#f2f2f4}.contactstaticform form{width:60%;margin:0 auto}.contactstaticform h4{font-size:20px;font-weight:600;text-align:center;padding:5px 10px;width:95%;margin:0 auto 30px}.cat-description.static .pro-can-canopy h6{color:#f25824}.cat-description.static .pro-can-canopy .col-md-8{text-align:left}.cat-description.static .pro-can-canopy ul{margin-bottom:80px}.cat-description.static .pro-can-canopy h2{font-size:25px}.my-basket .delopt{margin:15px 10px}.my-basket .delopt legend{margin-bottom:5px;font-size:16px}#frmFiltersMob .panel-title .collapsed::after{font-family:"Glyphicons Halflings";color:#999;content:"\2b";float:right}#frmFiltersMob .panel-title a::after{font-family:"Glyphicons Halflings";color:#999;content:"\2212";float:right}#frmFiltersMob .product-filter-container #accordion .panel-body{padding-left:15px}#frmFiltersMob .product-filter-container #main-filterpanel-mobile .panel-heading{padding:10px 0}#frmFiltersMob .product-filter-container #main-filterpanel-mobile .panel-heading .panel-title{padding-bottom:15px}#frmFiltersMob .product-filter-container #main-filterpanel-mobile .panel-body{padding:0 15px}#frmFiltersMob .product-filter-container .panel-default{-webkit-box-shadow:none;box-shadow:none}footer{bottom:auto;background-color:#f2f2f4;padding-top:40px;border-top:8px solid #444748}#footer{background-color:#f2f2f4;font-size:14px}.warranty-logos{margin-top:30px}.warranty-logos p{font-weight:600}.warranty-logos img{max-height:30px}.warranty-logos li{display:inline-block;padding-right:15px}.navbar-collapse.in{overflow-y:visible}.phone-pop-footer{position:fixed;bottom:15px;left:15px;font-size:35px;color:#ffd500;background-color:rgba(0,0,0,.6);padding:3px 13px;text-decoration:none}.phone-pop-footer:hover{color:#fff}#howtovideo{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}#howtovideo iframe{position:absolute;top:0;left:0;width:100%;height:100%}#storeMatrix .rowDisabled{color:#525252}@media only screen and (max-width:1200px) and (min-width:768px){.basketqtylabel{display:none}}@media only screen and (min-width:1024px){.navbar-header .header-phone{display:none}}@media only screen and (max-width:991px){#collapse-nav{background:0 0}.badge{vertical-align:top;background-color:#ffd500;font-weight:500;color:#444748}.navbar-toggle .fa-bars{color:#ffd500;font-size:30px}.navbar-toggle .fa-shopping-cart{font-size:26px}.navbar .navbar-toggle{padding:9px 20px;font-size:18px;margin-right:0}.header-phone{float:left;padding:10px 00px 10px 30px}.header-phone p{color:#fff}.header-phone a{color:#ffd500;font-size:18px}.delopt td>div{padding-right:10px}.mobile-social{width:100%;margin-bottom:10px;display:inline-block}}@media only screen and (max-width:768px){body{margin-bottom:700px}.navbar{box-shadow:none}header .container{background-color:#444749;margin-bottom:0}.navbar-fixed-top{background-color:#444749}.navbar .navbar-toggle{padding:9px 20px}#collapse-nav{background:0 0}#collapse-nav span.text{float:right;padding:3px 0 0 5px;font-size:14px}.badge{vertical-align:top;background-color:#ffd500;font-weight:500;color:#444748}.navbar-toggle .fa-bars{color:#ffd500;font-size:29px}.navbar-toggle .fa-shopping-cart{font-size:24px}.navbar li.level1{background:0 0}.header-phone{float:left;padding:10px 00px 10px 30px}.header-phone p{color:#fff}.header-phone a{color:#ffd500;font-size:18px}.company-message div{padding:0 25px}.company-message h3{font-size:16px}.drilldown .navback{background:#444748}.drilldown a.navback{color:#fff}.drilldown a{font-weight:600}.cat-description.static img{margin:10px auto}.cat-description.static .gates{border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7}.cat-description.static .gates img{margin:30px auto}.contactstaticform form{width:95%}.cat-description.static .pro-can-canopy .col-md-8{margin-top:60px}.homecarousel{padding-top:15px}}@media only screen and (max-width:767px){.company-message div{border-right:none}#home-sub-adds .col-xs-12{width:50%}.header-phone{display:none}}@media only screen and (max-width:500px){.navbar .navbar-toggle{padding:9px 14px}}@media only screen and (max-width:480px){.navbar-header{padding:0 5px}.navbar-brand{padding-left:0}.navbar a.navbar-toggle{padding:9px 8px;font-size:22px}.searchform{width:90%;margin:0 auto;padding-bottom:10px}.searchform .btn{background-color:#dadadb;border-color:#dadadb}.searchform .btn .fa{font-size:16px}#search{background-color:#444748}header .container{margin-bottom:0}.searchterm{background-color:#dadadb;border-color:#dadadb!important;box-shadow:none}.warranty-logos img{max-height:22px}#home-sub-adds .col-xs-12{width:100%}.layoutButtons,.show,.sortby{margin-top:10px}.page-home .main-content{padding-top:0}.page-home .main-content.featured{padding:0 6px}.featured-list .image-container{height:150px}.home-featured h2{height:65px}.featured-list .image-container .thumb{max-height:150px}.cat-description.static .testimonial img{margin:0 auto}#cboxTitle{bottom:30px}.main-content .col-xs-6{width:50%}.main-content .col-xs-6:nth-child(odd){padding:0 5px 0 10px}.main-content .col-xs-6:nth-child(even){padding:0 10px 0 5px}.product-image-container{height:160px}.product-image-container .product-image{max-height:150px}.product-caption{height:100px}.product-caption h2{font-size:16px}.quantity .basketqtylabel{display:none}.grid-view-buttons .price-block{height:80px}.grid-view-buttons .code{font-size:11px}}@media only screen and (max-width:320px){.navbar-brand{width:30%}#collapse-nav span.text{display:none}.warranty-logos img{max-height:18px}}i.fa.fa-envelope{font-size:31px}a.email-pop{color:#ffd500;padding:18px 12px 11px}@media only screen and (max-height:670px){.drilldown a{font-size:10px;padding:7px}}.checkout-disabled{color:red;font-weight:700;font-size:medium;clear:both;margin:0 auto;width:75%;text-align:center}@media only screen and (max-width:1300px){.checkout-disabled{color:red;font-weight:700;font-size:medium;clear:both;margin:0 auto;text-align:center}}@media only screen and (max-width:1300px){.checkout-disabled{width:100%}}@media only screen and (min-width:1200px){.checkout-disabled{width:100%}}@media only screen and (max-width:1380px){.checkout-disabled{width:77%}}@media only screen and (max-width:750px){#covid-text{margin-bottom:-20px;white-space:nowrap}}@media only screen and (max-width:765px){footer{height:650px}}@media only screen and (max-width: 480px) {.homeadvert1 {margin-top: 0px !important;}}@media only screen and (min-width: 480px) and (max-width: 750px) {.homeadvert1 {margin-top: 22px !important;}.homeadvert2 {margin-top: 22px !important;}}*/
/*.btn-primary.active, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open .dropdown-toggle.btn-primary { background-color: #ffd500; } body{margin-bottom:300px}a{color:#444748}header{margin-top:60px}#logo{max-height:170px}.btn{font-weight:600}.btn-primary{background-color:#ffd500;border-color:#ffd500;color:#444748}.btn-primary:hover,.btn:focus{background-color:#444748;border-color:#444748;color:#fff}.navbar{background-color:#fff}.navbar-header{background-color:#ffffff;padding:0 20px}.navbar-header #logout,.navbar-header .fa,.navbar-header a{color:#444748}.navbar-social{border-radius:50%;height:34px;width:34px;background-color:#444748;padding:6px 0;margin-right:10px;margin-top:10px;text-align:center}.navbar-social:hover{background-color:#dadadb}.navbar-social .fa{color:#444749}.navbar .nav-heading{font-size:14px;color:#444748;text-transform:uppercase;font-weight:700}header .container{background-color:#ffffff;margin-bottom:6px}header div.container:nth-of-type(2n){padding:0}.navbar li.level1.wall-ceiling{padding-left:65px;width:2.2%}.navbar li.level1.wall-ceiling:hover{}.navbar li.level1.fascia{padding-left:55px;width:2%}.navbar li.level1.fascia:hover{}.navbar li.level1.door{padding-left:55px;width:2%}.navbar li.level1.door:hover{}.navbar li.level1.decking{padding-left:55px;width:2%}.navbar li.level1.decking:hover{}.navbar li.level1.underground{padding-left:55px; width: 1.1%}.navbar li.level1.underground:hover{}.navbar li.level1:focus,.navbar li.level1:hover{background-color:#dadadb}.navbar li.level1:hover a{color:#444748}.nav>li>a:focus,.nav>li>a:hover{background-color:transparent}.yamm .level1:hover .dropdown-menu{background-color:#f7f7f7}.navbar .level1:last-child{max-width:100px}.navbar .level1{background-color:#444748}.navbar .level1>a{font-size:11px!important;color:#fff;font-family:'Roboto Condensed';text-align:left;line-height:14px}.yamm{margin-top:0}.navbar .level3 a{font-weight:500;line-height:20px}#header-detail,#header-logo{padding:15px;color:#fff}#header-detail{padding-top:40px}.header-basket{padding-top:6px}.header-basket a,.header-phone a{color:#444748}.header-links-cart{font-size:22px}.header-basket .btn{border:2px solid #fff;background-color:#444748;border-radius:4px;margin-left:15px}.header-basket a.btn:hover,a.header-basket .btn:focus{background-color:#fff;color:#444748}.header-phone{padding-top:0}.header-phone-icon,.header-phone-text{float:left}.header-phone-text{line-height:17px}.header-phone p{margin-bottom:2px;font-size:12px}.header-phone a{color:#ffd500;font-size:26px}.header-phone .fa{color:#ffd500;font-size:24px;padding-top:15px}.header-search .searchform .searchterm{background-color:#dadadb;-webkit-box-shadow:none;box-shadow:none}.header-search .searchform .searchterm::placeholder{color:#444748}.header-search .searchform .btn{background-color:#dadadb;border:none!important;padding:8px 4px}.header-search .searchform .btn .fa{color:#444748;font-size:18px}.tooltipcontainer .basket-notification{opacity:1}.tooltipcontainer .data{background:#ffd500}.tooltipcontainer .data a{color:#444748}.page-home .main-content{padding:20px 0}.homecarousel .container{padding:0}.page-home .main,.page-home .main-content.adverts{padding-top:0}#home-sub-adds div{padding:0 5px}#home-sub-adds img{border:0;padding-top:10px;margin:auto}.featured-title{background-color:#444749;color:#fff}.featured-list .image-container{height:210px}.featured-list{text-align:center}.home-featured h2{height:40px;font-weight:400}.home-featured .discounttext{padding:4px;margin-top:6px;display:block}.grid-view-buttons .price-block{height:90px}.product-caption h2{font-size:17px;text-align:center;font-weight:400}.add input#addtobasket,.add input#basketsubmit,.selectors{margin-top:15px}#leftsidebar .panel-title a.collapsed:hover::after,#leftsidebar .panel-title a:hover::after{color:#999}#leftsidebar .panel-title .collapsed::after{font-size:14px}.category-head .col-sm-12 h1.main-heading{text-align:center}.product-filter-container{background-color:transparent}.product-filter-container .panel-heading .panel-title{font-weight:400}.product-filter-container .fa-filter{display:none}.product-filter-container #accordion .panel-heading a,.product-filter-container #accordion .panel-heading a.collapsed{padding-left:5px}.product-filter-container #accordion .panel-body{padding-left:0;padding-top:10px}.product-filter-container .panel-default>.panel-heading{background-color:#fff}.product-filter-container input.checkbox.option{float:left;margin-right:6px}.product-filter-container label.option{width:85%}.quotesubmitinput-prodlist:active,.quotesubmitinput-prodlist:focus,.quotesubmitinput-prodlist:hover,.wishlistsubmitinput-prodlist,.wishlistsubmitinput-prodlist:active,.wishlistsubmitinput-prodlist:focus,.wishlistsubmitinput-prodlist:hover{color:#444748}.suggested-box-price{height:75px}.price-unit{font-size:12px}.breadcrumb{background-color:#f0f0f3}.breadcrumb a{font-weight:500}.basketstockcodecol,.code{font-weight:700}.suggestedbox>div{padding:0 10px}.suggested-box-price{font-size:10px}.suggested-box-price>span.price{font-size:15px}.alsobought-box-price{height:75px;font-size:10px}.alsobought-box-price>span.price{font-size:15px}.guestcheckout{margin-top:15px;background-color:#dadadb}#loginform .bottom{margin-top:20px}.postcode-estimator-result .delopt{margin-bottom:10px}.panel-default>.panel-heading{background-color:#f0f0f3}#leftsidebar .panel-default>.panel-heading a:hover{background-color:#e9e9ea;color:#444478}.company-message{display:table;background-color:#f2f2f4;margin:20px 0;padding:30px 0 40px}.company-message h3{font-family:"Roboto Condensed";font-size:21px;height:50px}.company-message p{font-size:12px}.company-message div{display:table-cell;border-right:1px solid #d0d0d0;padding:0 35px}.company-message div:last-child{border-right:none}.staticcontent h3{font-size:20px;font-weight:600}.staticcontent h3 strong{font-weight:600}.staticcontent iframe{margin:20px 0;border:none}.page-delivery .staticcontent ul{list-style:inside disc none;color:red}.cat-caption h2,.cat-description.static{text-align:center}.cat-description.static h1{font-size:30px}.cat-description.static h4{font-size:18px;line-height:30px}.cat-description.static h5{font-weight:600;margin:20px 0;font-size:20px;color:#ffd500}.cat-description.static h6{font-size:18px;font-weight:600}.cat-description.static p{margin:30px auto;width:90%}.cat-description.static ul{list-style:disc inside}.cat-description.static li{padding:4px 0}.cat-description.static img{margin:0 auto}.cat-description.static .testimonial{margin:80px 0}.cat-description.static .testimonial p{margin:50px auto;font-style:italic}.cat-description.static .testimonial img{margin:0}.contactstaticform{padding:30px 0;text-align:left;background-color:#f2f2f4}.contactstaticform form{width:60%;margin:0 auto}.contactstaticform h4{font-size:20px;font-weight:600;text-align:center;padding:5px 10px;width:95%;margin:0 auto 30px}.cat-description.static .pro-can-canopy h6{color:#f25824}.cat-description.static .pro-can-canopy .col-md-8{text-align:left}.cat-description.static .pro-can-canopy ul{margin-bottom:80px}.cat-description.static .pro-can-canopy h2{font-size:25px}.my-basket .delopt{margin:15px 10px}.my-basket .delopt legend{margin-bottom:5px;font-size:16px}#frmFiltersMob .panel-title .collapsed::after{font-family:"Glyphicons Halflings";color:#999;content:"\2b";float:right}#frmFiltersMob .panel-title a::after{font-family:"Glyphicons Halflings";color:#999;content:"\2212";float:right}#frmFiltersMob .product-filter-container #accordion .panel-body{padding-left:15px}#frmFiltersMob .product-filter-container #main-filterpanel-mobile .panel-heading{padding:10px 0}#frmFiltersMob .product-filter-container #main-filterpanel-mobile .panel-heading .panel-title{padding-bottom:15px}#frmFiltersMob .product-filter-container #main-filterpanel-mobile .panel-body{padding:0 15px}#frmFiltersMob .product-filter-container .panel-default{-webkit-box-shadow:none;box-shadow:none}footer{background-color:#f2f2f4;padding-top:40px;border-top:8px solid #444748}#footer{background-color:#f2f2f4;font-size:14px}.warranty-logos{margin-top:30px}.warranty-logos p{font-weight:600}.warranty-logos img{max-height:30px}.warranty-logos li{display:inline-block;padding-right:15px}.navbar-collapse.in{overflow-y:visible}.phone-pop-footer{position:fixed;bottom:15px;left:15px;font-size:35px;color:#ffd500;background-color:rgba(0,0,0,.6);padding:3px 13px;text-decoration:none}.phone-pop-footer:hover{color:#fff}#howtovideo{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}#howtovideo iframe{position:absolute;top:0;left:0;width:100%;height:100%}#storeMatrix .rowDisabled{color:#525252}@media only screen and (max-width:1200px) and (min-width:768px){.basketqtylabel{display:none}}@media only screen and (min-width:1024px){.navbar-header .header-phone{display:none}}@media only screen and (max-width:991px){#collapse-nav{background:0 0}.badge{vertical-align:top;background-color:#ffd500;font-weight:500;color:#444748}.navbar-toggle .fa-bars{color:#ffd500;font-size:30px}.navbar-toggle .fa-shopping-cart{font-size:26px}.navbar .navbar-toggle{padding:9px 20px;font-size:18px;margin-right:0}.header-phone{float:left;padding:10px 00px 10px 30px}.header-phone p{color:#fff}.header-phone a{color:#ffd500;font-size:18px}.delopt td>div{padding-right:10px}.mobile-social{width:100%;margin-bottom:10px;display:inline-block}}@media only screen and (max-width:768px){body{margin-bottom:700px}.navbar{box-shadow:none}header .container{background-color:#444749;margin-bottom:0}.navbar-fixed-top{background-color:#444749}.navbar .navbar-toggle{padding:9px 20px}#collapse-nav{background:0 0}#collapse-nav span.text{float:right;padding:3px 0 0 5px;font-size:14px}.badge{vertical-align:top;background-color:#ffd500;font-weight:500;color:#444748}.navbar-toggle .fa-bars{color:#ffd500;font-size:29px}.navbar-toggle .fa-shopping-cart{font-size:24px}.navbar li.level1{background:0 0}.header-phone{float:left;padding:10px 00px 10px 30px}.header-phone p{color:#fff}.header-phone a{color:#ffd500;font-size:18px}.company-message div{padding:0 25px}.company-message h3{font-size:16px}.drilldown .navback{background:#444748}.drilldown a.navback{color:#fff}.drilldown a{font-weight:600}.cat-description.static img{margin:10px auto}.cat-description.static .gates{border-top:1px solid #c7c7c7;border-bottom:1px solid #c7c7c7}.cat-description.static .gates img{margin:30px auto}.contactstaticform form{width:95%}.cat-description.static .pro-can-canopy .col-md-8{margin-top:60px}.homecarousel{padding-top:15px}}@media only screen and (max-width:767px){.company-message div{border-right:none}#home-sub-adds .col-xs-12{width:50%}.header-phone{display:none}}@media only screen and (max-width:500px){.navbar .navbar-toggle{padding:9px 14px}}@media only screen and (max-width:480px){.navbar-header{padding:0 5px}.navbar-brand{padding-left:0}.navbar a.navbar-toggle{padding:9px 8px;font-size:22px}.searchform{width:90%;margin:0 auto;padding-bottom:10px}.searchform .btn{background-color:#dadadb;border-color:#dadadb}.searchform .btn .fa{font-size:16px}#search{background-color:#444748}header .container{margin-bottom:0}.searchterm{background-color:#dadadb;border-color:#dadadb!important;box-shadow:none}.warranty-logos img{max-height:22px}#home-sub-adds .col-xs-12{width:100%}.layoutButtons,.show,.sortby{margin-top:10px}.page-home .main-content{padding-top:0}.page-home .main-content.featured{padding:0 6px}.featured-list .image-container{height:150px}.home-featured h2{height:65px}.featured-list .image-container .thumb{max-height:150px}.cat-description.static .testimonial img{margin:0 auto}#cboxTitle{bottom:30px}.main-content .col-xs-6{width:50%}.main-content .col-xs-6:nth-child(odd){padding:0 5px 0 10px}.main-content .col-xs-6:nth-child(even){padding:0 10px 0 5px}.product-image-container{height:160px}.product-image-container .product-image{max-height:150px}.product-caption{height:100px}.product-caption h2{font-size:16px}.quantity .basketqtylabel{display:none}.grid-view-buttons .price-block{height:80px}.grid-view-buttons .code{font-size:11px}}@media only screen and (max-width:320px){.navbar-brand{width:30%}#collapse-nav span.text{display:none}.warranty-logos img{max-height:18px}}i.fa.fa-envelope{font-size:31px}a.email-pop{color:#ffd500;padding:18px 12px 11px}@media only screen and (max-height:670px){.drilldown a{font-size:10px;padding:7px}}.checkout-disabled{color:red;font-weight:700;font-size:medium;clear:both;margin:0 auto;width:75%;text-align:center}@media only screen and (max-width:1300px){.checkout-disabled{color:red;font-weight:700;font-size:medium;clear:both;margin:0 auto;text-align:center}}@media only screen and (max-width:1300px){.checkout-disabled{width:100%}}@media only screen and (min-width:1200px){.checkout-disabled{width:100%}}@media only screen and (max-width:1380px){.checkout-disabled{width:77%}}@media only screen and (max-width:750px){#covid-text{margin-bottom:-20px;white-space:nowrap}}@media only screen and (max-width:765px){footer{height:650px}}@media only screen and (max-width: 480px) {.homeadvert1 {margin-top: 0px !important;}.featured-title {margin-top:10px;}}@media only screen and (min-width: 480px) and (max-width: 750px) {.homeadvert1 {margin-top: 10px !important;}.homeadvert2 {margin-top: 22px !important;}}.headbasketicon .fa-shopping-cart { font-size: 26px; }.headbadge{background-color: #ffd500;font-weight: 500;color: #444748;vertical-align:top;}.header-basket-text{margin-right:10px;}@media only screen and (min-width: 992px) { .featured-title { margin-top: -30px; }}#accordion a{width:100%;display:inline}*/

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
    background-color: #ffd500;
}

body {
    margin-bottom: 300px
}

a {
    color: #444748
}

header {
    margin-top: 60px
}

#logo {
    max-height: 170px
}

.btn {
    font-weight: 600
}

.btn-primary {
    background-color: #ffd500;
    border-color: #ffd500;
    color: #444748
}

.btn-primary:hover,
.btn:focus {
    background-color: #444748;
    border-color: #444748;
    color: #fff
}

.navbar {
    background-color: #fff
}

.navbar-header {
    background-color: #ffffff;
    padding: 0 20px
}

.navbar-header #logout,
.navbar-header .fa,
.navbar-header a {
    color: #444748
}

.navbar-social {
    border-radius: 50%;
    height: 34px;
    width: 34px;
    background-color: #444748;
    padding: 6px 0;
    margin-right: 10px;
    margin-top: 10px;
    text-align: center
}

.navbar-social:hover {
    background-color: #dadadb
}

.navbar-social .fa {
    color: #444749
}

.navbar .nav-heading {
    font-size: 14px;
    color: #444748;
    text-transform: uppercase;
    font-weight: 700
}

header .container {
    background-color: #ffffff;
    margin-bottom: 6px
}

header div.container:nth-of-type(2n) {
    padding: 0
}

.navbar li.level1 > a {
    border-left: 3px solid #f1e122;
    min-height: 38px;
    padding: 6px 13px;
    text-align: center;
}
.navbar li.level1:first-child a {
    border-left: none;
}

.navbar li.level1.wall-ceiling {
    width: 1.2%;
}

.navbar li.level1.wall-ceiling:hover {}

.navbar li.level1.fascia {
}

.navbar li.level1.fascia:hover {}

.navbar li.level1.door {
}

.navbar li.level1.door:hover {}

.navbar li.level1.decking {
}

.navbar li.level1.decking:hover {}

.navbar li.level1.underground {
}

.navbar li.level1.underground:hover {}

.navbar li.level1:focus,
.navbar li.level1:hover {
    background-color: #dadadb
}

.navbar li.level1:hover a {
    color: #444748
}

.nav>li>a:focus,
.nav>li>a:hover {
    background-color: transparent
}

.yamm .level1:hover .dropdown-menu {
    background-color: #f7f7f7
}

.navbar .level1:last-child {
    max-width: 100px
}

.navbar .level1 {
    background-color: #444748
}

.navbar .level1>a {
    font-size: 11px !important;
    color: #fff;
    font-family: 'Roboto Condensed';
    text-align: left;
    line-height: 14px
}

.yamm {
    margin-top: 0
}

.navbar .level3 a {
    font-weight: 500;
    line-height: 20px
}

#header-detail,
#header-logo {
    padding: 15px;
    color: #fff
}

#header-detail {
    padding-top: 40px
}

.header-basket {
    padding-top: 6px
}

.header-basket a,
.header-phone a {
    color: #444748
}

.header-links-cart {
    font-size: 22px
}

.header-basket .btn {
    border: 2px solid #fff;
    background-color: #444748;
    border-radius: 4px;
    margin-left: 15px
}

.header-basket a.btn:hover,
a.header-basket .btn:focus {
    background-color: #fff;
    color: #444748
}

.header-phone {
    padding-top: 0
}

.header-phone-icon,
.header-phone-text {
    float: left
}

.header-phone-text {
    line-height: 17px
}

.header-phone p {
    margin-bottom: 2px;
    font-size: 12px;
    color: #444748;
}

.header-phone a {
    color: #ffd500;
    font-size: 26px
}

.header-phone .fa {
    color: #ffd500;
    font-size: 24px;
    padding-top: 15px
}

.header-search .searchform .searchterm {
    background-color: #dadadb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.header-search .searchform .searchterm::placeholder {
    color: #444748
}

.header-search .searchform .btn {
    background-color: #dadadb;
    border: none !important;
    padding: 8px 4px
}

.header-search .searchform .btn .fa {
    color: #444748;
    font-size: 18px
}

.tooltipcontainer .basket-notification {
    opacity: 1
}

.tooltipcontainer .data {
    background: #ffd500
}

.tooltipcontainer .data a {
    color: #444748
}

.page-home .main-content {
    padding: 20px 0
}

.homecarousel .container {
    padding: 0
}

.homecarousel {
    margin-top: 0
}

.page-home .main,
.page-home .main-content.adverts {
    padding-top: 0
}

#home-sub-adds div {
    padding: 0 5px
}

#home-sub-adds img {
    border: 0;
    padding-top: 10px;
    margin: auto
}

.featured-title {
    background-color: #444749;
    color: #fff;
}

.featured-list .image-container {
    height: 210px
}

.featured-list {
    text-align: center
}

.home-featured h2 {
    height: 40px;
    font-weight: 400
}

.home-featured .discounttext {
    padding: 4px;
    margin-top: 6px;
    display: block
}

.grid-view-buttons .price-block {
    height: 90px
}

.product-caption h2 {
    font-size: 17px;
    text-align: center;
    font-weight: 400
}

.add input#addtobasket,
.add input#basketsubmit,
.selectors {
    margin-top: 15px
}

#leftsidebar .panel-title a.collapsed:hover::after,
#leftsidebar .panel-title a:hover::after {
    color: #999
}

#leftsidebar .panel-title .collapsed::after {
    font-size: 14px
}

.category-head .col-sm-12 h1.main-heading {
    text-align: center
}

.product-filter-container {
    background-color: transparent
}

.product-filter-container .panel-heading .panel-title {
    font-weight: 400
}

.product-filter-container .fa-filter {
    display: none
}

.product-filter-container #accordion .panel-heading a,
.product-filter-container #accordion .panel-heading a.collapsed {
    padding-left: 5px
}

.product-filter-container #accordion .panel-body {
    padding-left: 0;
    padding-top: 10px
}

.product-filter-container .panel-default>.panel-heading {
    background-color: #fff
}

.product-filter-container input.checkbox.option {
    float: left;
    margin-right: 6px
}

.product-filter-container label.option {
    width: 85%
}

.quotesubmitinput-prodlist:active,
.quotesubmitinput-prodlist:focus,
.quotesubmitinput-prodlist:hover,
.wishlistsubmitinput-prodlist,
.wishlistsubmitinput-prodlist:active,
.wishlistsubmitinput-prodlist:focus,
.wishlistsubmitinput-prodlist:hover {
    color: #444748
}

.suggested-box-price {
    height: 75px
}

.price-unit {
    font-size: 12px
}

.breadcrumb {
    background-color: #f0f0f3
}

.breadcrumb a {
    font-weight: 500
}

.basketstockcodecol,
.code {
    font-weight: 700
}

.suggestedbox>div {
    padding: 0 10px
}

.suggested-box-price {
    font-size: 10px
}

.suggested-box-price>span.price {
    font-size: 15px
}

.alsobought-box-price {
    height: 75px;
    font-size: 10px
}

.alsobought-box-price>span.price {
    font-size: 15px
}

.guestcheckout {
    margin-top: 15px;
    background-color: #dadadb
}

#loginform .bottom {
    margin-top: 20px
}

.postcode-estimator-result .delopt {
    margin-bottom: 10px
}

.panel-default>.panel-heading {
    background-color: #f0f0f3
}

#leftsidebar .panel-default>.panel-heading a:hover {
    background-color: #e9e9ea;
    color: #444478
}

.company-message {
    display: table;
    background-color: #f2f2f4;
    margin: 20px 0;
    padding: 30px 0 40px
}

.company-message h3 {
    font-family: "Roboto Condensed";
    font-size: 21px;
    height: 50px
}

.company-message p {
    font-size: 12px
}

.company-message div {
    display: table-cell;
    border-right: 1px solid #d0d0d0;
    padding: 0 35px
}

.company-message div:last-child {
    border-right: none
}

.staticcontent h3 {
    font-size: 20px;
    font-weight: 600
}

.staticcontent h3 strong {
    font-weight: 600
}

.staticcontent iframe {
    margin: 20px 0;
    border: none
}

.page-delivery .staticcontent ul {
    list-style: inside disc none;
    color: red
}

.cat-caption h2,
.cat-description.static {
    text-align: center
}

.cat-description.static h1 {
    font-size: 30px
}

.cat-description.static h4 {
    font-size: 18px;
    line-height: 30px
}

.cat-description.static h5 {
    font-weight: 600;
    margin: 20px 0;
    font-size: 20px;
    color: #ffd500
}

.cat-description.static h6 {
    font-size: 18px;
    font-weight: 600
}

.cat-description.static p {
    margin: 30px auto;
    width: 90%
}

.cat-description.static ul {
    list-style: disc inside
}

.cat-description.static li {
    padding: 4px 0
}

.cat-description.static img {
    margin: 0 auto
}

.cat-description.static .testimonial {
    margin: 80px 0
}

.cat-description.static .testimonial p {
    margin: 50px auto;
    font-style: italic
}

.cat-description.static .testimonial img {
    margin: 0
}

.contactstaticform {
    padding: 30px 0;
    text-align: left;
    background-color: #f2f2f4
}

.contactstaticform form {
    width: 60%;
    margin: 0 auto
}

.contactstaticform h4 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding: 5px 10px;
    width: 95%;
    margin: 0 auto 30px
}

.cat-description.static .pro-can-canopy h6 {
    color: #f25824
}

.cat-description.static .pro-can-canopy .col-md-8 {
    text-align: left
}

.cat-description.static .pro-can-canopy ul {
    margin-bottom: 80px
}

.cat-description.static .pro-can-canopy h2 {
    font-size: 25px;
}

.my-basket .delopt {
    margin: 15px 10px
}

.my-basket .delopt legend {
    margin-bottom: 5px;
    font-size: 16px
}

#frmFiltersMob .panel-title .collapsed::after {
    font-family: "Glyphicons Halflings";
    color: #999;
    content: "\2b";
    float: right
}

#frmFiltersMob .panel-title a::after {
    font-family: "Glyphicons Halflings";
    color: #999;
    content: "\2212";
    float: right
}

#frmFiltersMob .product-filter-container #accordion .panel-body {
    padding-left: 15px
}

#frmFiltersMob .product-filter-container #main-filterpanel-mobile .panel-heading {
    padding: 10px 0
}

#frmFiltersMob .product-filter-container #main-filterpanel-mobile .panel-heading .panel-title {
    padding-bottom: 15px
}

#frmFiltersMob .product-filter-container #main-filterpanel-mobile .panel-body {
    padding: 0 15px
}

#frmFiltersMob .product-filter-container .panel-default {
    -webkit-box-shadow: none;
    box-shadow: none
}

footer {
    bottom: auto;
    background-color: #f2f2f4;
    padding-top: 40px;
    border-top: 8px solid #444748
}

#footer {
    background-color: #f2f2f4;
    font-size: 14px
}

.warranty-logos {
    margin-top: 30px
}

.warranty-logos p {
    font-weight: 600
}

.warranty-logos img {
    max-height: 30px
}

.warranty-logos li {
    display: inline-block;
    padding-right: 15px
}

.navbar-collapse.in {
    overflow-y: visible
}

.phone-pop-footer {
    position: fixed;
    bottom: 15px;
    left: 15px;
    font-size: 35px;
    color: #ffd500;
    background-color: rgba(0, 0, 0, .6);
    padding: 3px 13px;
    text-decoration: none
}

.phone-pop-footer:hover {
    color: #fff
}

#howtovideo {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

#howtovideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#storeMatrix .rowDisabled {
    color: #525252
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .basketqtylabel {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .navbar-header .header-phone {
        display: none
    }
}

@media only screen and (max-width:991px) {
    #collapse-nav {
        background: 0 0
    }
    .badge {
        vertical-align: top;
        background-color: #ffd500;
        font-weight: 500;
        color: #444748
    }
    .navbar-toggle .fa-bars {
        color: #ffd500;
        font-size: 30px
    }
    .navbar-toggle .fa-shopping-cart {
        font-size: 26px
    }
    .navbar .navbar-toggle {
        padding: 9px 20px;
        font-size: 18px;
        margin-right: 0
    }
    .header-phone {
        float: left;
        padding: 10px 00px 10px 30px
    }
    .header-phone p {
        color: #fff
    }
    .header-phone a {
        color: #ffd500;
        font-size: 18px
    }
    .delopt td>div {
        padding-right: 10px
    }
    .mobile-social {
        width: 100%;
        margin-bottom: 10px;
        display: inline-block
    }
}

@media only screen and (max-width:768px) {
    body {
        margin-bottom: 700px
    }
    .navbar {
        box-shadow: none
    }
    header .container {
        background-color: #444749;
        margin-bottom: 0
    }
    .navbar-fixed-top {
        background-color: #444749
    }
    .navbar .navbar-toggle {
        padding: 9px 20px
    }
    #collapse-nav {
        background: 0 0
    }
    #collapse-nav span.text {
        float: right;
        padding: 3px 0 0 5px;
        font-size: 14px
    }
    .badge {
        vertical-align: top;
        background-color: #ffd500;
        font-weight: 500;
        color: #444748
    }
    .navbar-toggle .fa-bars {
        color: #ffd500;
        font-size: 29px
    }
    .navbar-toggle .fa-shopping-cart {
        font-size: 24px
    }
    .navbar li.level1 {
        background: 0 0
    }
    .header-phone {
        float: left;
        padding: 10px 00px 10px 30px
    }
    .header-phone p {
        color: #fff
    }
    .header-phone a {
        color: #ffd500;
        font-size: 18px
    }
    .company-message div {
        padding: 0 25px
    }
    .company-message h3 {
        font-size: 16px
    }
    .drilldown .navback {
        background: #444748
    }
    .drilldown a.navback {
        color: #fff
    }
    .drilldown a {
        font-weight: 600
    }
    .cat-description.static img {
        margin: 10px auto
    }
    .cat-description.static .gates {
        border-top: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7
    }
    .cat-description.static .gates img {
        margin: 30px auto
    }
    .contactstaticform form {
        width: 95%
    }
    .cat-description.static .pro-can-canopy .col-md-8 {
        margin-top: 60px
    }
    .homecarousel {
        padding-top: 15px
    }
}

@media only screen and (max-width:767px) {
    .company-message div {
        border-right: none
    }
    #home-sub-adds .col-xs-12 {
        width: 50%
    }
    .header-phone {
        display: none
    }
}

@media only screen and (max-width:500px) {
    .navbar .navbar-toggle {
        padding: 9px 14px
    }
}

@media only screen and (max-width:480px) {
    .navbar-header {
        padding: 0 5px
    }
    .navbar-brand {
        padding-left: 0
    }
    .navbar a.navbar-toggle {
        padding: 9px 8px;
        font-size: 22px
    }
    .searchform {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 10px
    }
    .searchform .btn {
        background-color: #dadadb;
        border-color: #dadadb
    }
    .searchform .btn .fa {
        font-size: 16px
    }
    #search {
        background-color: #444748
    }
    header .container {
        margin-bottom: 0
    }
    .searchterm {
        background-color: #dadadb;
        border-color: #dadadb !important;
        box-shadow: none
    }
    .warranty-logos img {
        max-height: 22px
    }
    #home-sub-adds .col-xs-12 {
        width: 100%
    }
    .layoutButtons,
    .show,
    .sortby {
        margin-top: 10px
    }
    .page-home .main-content {
        padding-top: 0
    }
    .page-home .main-content.featured {
        padding: 0 6px
    }
    .featured-list .image-container {
        height: 150px
    }
    .home-featured h2 {
        height: 65px
    }
    .featured-list .image-container .thumb {
        max-height: 150px
    }
    .cat-description.static .testimonial img {
        margin: 0 auto
    }
    #cboxTitle {
        bottom: 30px
    }
    .main-content .col-xs-6 {
        width: 50%
    }
    .main-content .col-xs-6:nth-child(odd) {
        padding: 0 5px 0 10px
    }
    .main-content .col-xs-6:nth-child(even) {
        padding: 0 10px 0 5px
    }
    .product-image-container {
        height: 160px
    }
    .product-image-container .product-image {
        max-height: 150px
    }
    .product-caption {
        height: 100px
    }
    .product-caption h2 {
        font-size: 16px
    }
    .quantity .basketqtylabel {
        display: none
    }
    .grid-view-buttons .price-block {
        height: 80px
    }
    .grid-view-buttons .code {
        font-size: 11px
    }
}

@media only screen and (max-width:320px) {
    .navbar-brand {
        width: 30%
    }
    #collapse-nav span.text {
        display: none
    }
    .warranty-logos img {
        max-height: 18px
    }
}

i.fa.fa-envelope {
    font-size: 31px
}

a.email-pop {
    color: #ffd500;
    padding: 18px 12px 11px
}

@media only screen and (max-height:670px) {
    .drilldown a {
        font-size: 10px;
        padding: 7px
    }
}

.checkout-disabled {
    color: red;
    font-weight: 700;
    font-size: medium;
    clear: both;
    margin: 0 auto;
    width: 75%;
    text-align: center
}

@media only screen and (max-width:1300px) {
    .checkout-disabled {
        color: red;
        font-weight: 700;
        font-size: medium;
        clear: both;
        margin: 0 auto;
        text-align: center
    }
}

@media only screen and (max-width:1300px) {
    .checkout-disabled {
        width: 100%
    }
}

@media only screen and (min-width:1200px) {
    .checkout-disabled {
        width: 100%
    }
}

@media only screen and (max-width:1380px) {
    .checkout-disabled {
        width: 77%
    }
}

@media only screen and (max-width:750px) {
    #covid-text {
        margin-bottom: -20px;
        white-space: nowrap
    }
}

@media only screen and (max-width:765px) {
    footer {
        height: 650px
    }
}

@media only screen and (max-width: 480px) {
    .homeadvert1 {
        margin-top: 0px !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 750px) {
    .homeadvert1 {
        margin-top: 22px !important;
    }
    .homeadvert2 {
        margin-top: 22px !important;
    }
}

.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary {
    background-color: #ffd500;
}

body {
    margin-bottom: 300px
}

a {
    color: #444748
}

header {
    margin-top: 60px
}

#logo {
    max-height: 105px
}

.btn {
    font-weight: 600
}

.btn-primary {
    background-color: #ffd500;
    border-color: #ffd500;
    color: #444748
}

.btn-primary:hover,
.btn:focus {
    background-color: #444748;
    border-color: #444748;
    color: #fff
}

.navbar {
    background-color: #fff
}

.navbar-header {
    background-color: #ffffff;
    padding: 0;
}

.navbar-header #logout,
.navbar-header .fa,
.navbar-header a {
    color: #444748
}

.navbar-social {
    border-radius: 50%;
    height: 34px;
    width: 34px;
    background-color: #444748;
    padding: 6px 0;
    margin-right: 10px;
    margin-top: 10px;
    text-align: center
}

.navbar-social:hover {
    background-color: #dadadb
}

.navbar-social .fa {
    color: #fff;
}

.navbar .nav-heading {
    font-size: 14px;
    color: #444748;
    text-transform: uppercase;
    font-weight: 700
}

header .container {
    background-color: #ffffff;
    margin-bottom: 6px;
    padding: 0;
}

header div.container:nth-of-type(2n) {
    padding: 0
}

.navbar li.level1.wall-ceiling {
}

.navbar li.level1.wall-ceiling:hover {}

.navbar li.level1.fascia {
}

.navbar li.level1.fascia:hover {}

.navbar li.level1.door {
}

.navbar li.level1.door:hover {}

.navbar li.level1.decking {
}

.navbar li.level1.decking:hover {}

.navbar li.level1.underground {
}

.navbar li.level1.underground:hover {}

.navbar li.level1:focus,
.navbar li.level1:hover {
    background-color: #dadadb
}

.navbar li.level1:hover a {
    color: #444748
}

.nav>li>a:focus,
.nav>li>a:hover {
        background-color: transparent
}

.yamm .level1:hover .dropdown-menu {
    background-color: #f7f7f7;
}

.navbar .level1:last-child {
    max-width: 100px;
}

.navbar .level1 {
    background-color: #444748;
}

.navbar .level1>a {
    font-size: 11px !important;
    color: #fff;
    font-family: 'Roboto Condensed';
    text-align: left;
    line-height: 14px
}

.yamm {
    margin-top: 0;
}

.navbar .level3 a {
    font-weight: 500;
    line-height: 20px;
}

#header-detail,
#header-logo {
    padding: 15px;
    color: #fff;
}

#header-detail {
    padding-top: 12px;
}

.header-basket {
    padding-top: 6px;
}

.header-basket a,
.header-phone a {
    color: #444748;
}

.header-links-cart {
    font-size: 22px;
}

.header-basket .btn {
    border: 2px solid #fff;
    background-color: #444748;
    border-radius: 4px;
    margin-left: 15px
}

.header-basket a.btn:hover,
a.header-basket .btn:focus {
    background-color: #fff;
    color: #444748
}

.header-phone {
    padding-top: 0
}

.header-phone-icon,
.header-phone-text {
    float: left
}

.header-phone-text {
    line-height: 17px
}

.header-phone p {
    margin-bottom: 2px;
    font-size: 12px
}

.header-phone a {
    color: #ffd500;
    font-size: 26px
}

.header-phone .fa {
    color: #ffd500;
    font-size: 24px;
    padding-top: 15px
}

.header-search .searchform .searchterm {
    background-color: #dadadb;
    -webkit-box-shadow: none;
    box-shadow: none
}

.header-search .searchform .searchterm::placeholder {
    color: #444748
}

.header-search .searchform .btn {
    background-color: #dadadb;
    border: none !important;
    padding: 8px 4px
}

.header-search .searchform .btn .fa {
    color: #444748;
    font-size: 18px
}

.tooltipcontainer .basket-notification {
    opacity: 1
}

.tooltipcontainer .data {
    background: #ffd500
}

.tooltipcontainer .data a {
    color: #444748
}

.page-home .main-content {
    padding: 20px 0
}

.homecarousel .container {
    padding: 0
}

.page-home .main,
.page-home .main-content.adverts {
    padding-top: 0
}

#home-sub-adds div {
    padding: 0 5px
}

#home-sub-adds img {
    border: 0;
    padding-top: 10px;
    margin: auto
}

.featured-title {
    background-color: #444749;
    color: #fff
}

.featured-list .image-container {
    height: 210px
}

.featured-list {
    text-align: center
}

.home-featured h2 {
    height: 40px;
    font-weight: 400
}

.home-featured .discounttext {
    padding: 4px;
    margin-top: 6px;
    display: block
}

.grid-view-buttons .price-block {
    height: 90px
}

.product-caption h2 {
    font-size: 17px;
    text-align: center;
    font-weight: 400
}

.add input#addtobasket,
.add input#basketsubmit,
.selectors {
    margin-top: 15px
}

#leftsidebar .panel-title a.collapsed:hover::after,
#leftsidebar .panel-title a:hover::after {
    color: #999
}

#leftsidebar .panel-title .collapsed::after {
    font-size: 14px
}

.category-head .col-sm-12 h1.main-heading {
    text-align: center
}

.product-filter-container {
    background-color: transparent
}

.product-filter-container .panel-heading .panel-title {
    font-weight: 400
}

.product-filter-container .fa-filter {
    display: none
}

.product-filter-container #accordion .panel-heading a,
.product-filter-container #accordion .panel-heading a.collapsed {
    padding-left: 5px
}

.product-filter-container #accordion .panel-body {
    padding-left: 0;
    padding-top: 10px
}

.product-filter-container .panel-default>.panel-heading {
    background-color: #fff
}

.product-filter-container input.checkbox.option {
    float: left;
    margin-right: 6px
}

.product-filter-container label.option {
    width: 85%
}

.quotesubmitinput-prodlist:active,
.quotesubmitinput-prodlist:focus,
.quotesubmitinput-prodlist:hover,
.wishlistsubmitinput-prodlist,
.wishlistsubmitinput-prodlist:active,
.wishlistsubmitinput-prodlist:focus,
.wishlistsubmitinput-prodlist:hover {
    color: #444748
}

.suggested-box-price {
    height: 75px
}

.price-unit {
    font-size: 12px
}

.breadcrumb {
    background-color: #f0f0f3
}

.breadcrumb a {
    font-weight: 500
}

.basketstockcodecol,
.code {
    font-weight: 700
}

.suggestedbox>div {
    padding: 0 10px
}

.suggested-box-price {
    font-size: 10px
}

.suggested-box-price>span.price {
    font-size: 15px
}

.alsobought-box-price {
    height: 75px;
    font-size: 10px
}

.alsobought-box-price>span.price {
    font-size: 15px
}

.guestcheckout {
    margin-top: 15px;
    background-color: #dadadb
}

#loginform .bottom {
    margin-top: 20px
}

.postcode-estimator-result .delopt {
    margin-bottom: 10px
}

.panel-default>.panel-heading {
    background-color: #f0f0f3
}

#leftsidebar .panel-default>.panel-heading a:hover {
    background-color: #e9e9ea;
    color: #444478
}

.company-message {
    display: table;
    background-color: #f2f2f4;
    margin: 20px 0;
    padding: 30px 0 40px
}

.company-message h3 {
    font-family: "Roboto Condensed";
    font-size: 21px;
    height: 50px
}

.company-message p {
    font-size: 12px
}

.company-message div {
    display: table-cell;
    border-right: 1px solid #d0d0d0;
    padding: 0 35px
}

.company-message div:last-child {
    border-right: none
}

.staticcontent h3 {
    font-size: 20px;
    font-weight: 600
}

.staticcontent h3 strong {
    font-weight: 600
}

.staticcontent iframe {
    margin: 20px 0;
    border: none
}

.page-delivery .staticcontent ul {
    list-style: inside disc none;
    color: red
}

.cat-caption h2,
.cat-description.static {
    text-align: center
}

.cat-description.static h1 {
    font-size: 30px
}

.cat-description.static h4 {
    font-size: 18px;
    line-height: 30px
}

.cat-description.static h5 {
    font-weight: 600;
    margin: 20px 0;
    font-size: 20px;
    color: #ffd500
}

.cat-description.static h6 {
    font-size: 18px;
    font-weight: 600
}

.cat-description.static p {
    margin: 30px auto;
    width: 90%
}

.cat-description.static ul {
    list-style: disc inside
}

.cat-description.static li {
    padding: 4px 0
}

.cat-description.static img {
    margin: 0 auto
}

.cat-description.static .testimonial {
    margin: 80px 0
}

.cat-description.static .testimonial p {
    margin: 50px auto;
    font-style: italic
}

.cat-description.static .testimonial img {
    margin: 0
}

.contactstaticform {
    padding: 30px 0;
    text-align: left;
    background-color: #f2f2f4
}

.contactstaticform form {
    width: 60%;
    margin: 0 auto
}

.contactstaticform h4 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    padding: 5px 10px;
    width: 95%;
    margin: 0 auto 30px
}

.cat-description.static .pro-can-canopy h6 {
    color: #f25824
}

.cat-description.static .pro-can-canopy .col-md-8 {
    text-align: left
}

.cat-description.static .pro-can-canopy ul {
    margin-bottom: 80px
}

.cat-description.static .pro-can-canopy h2 {
    font-size: 25px
}

.my-basket .delopt {
    margin: 15px 10px
}

.my-basket .delopt legend {
    margin-bottom: 5px;
    font-size: 16px
}

#frmFiltersMob .panel-title .collapsed::after {
    font-family: "Glyphicons Halflings";
    color: #999;
    content: "\2b";
    float: right
}

#frmFiltersMob .panel-title a::after {
    font-family: "Glyphicons Halflings";
    color: #999;
    content: "\2212";
    float: right
}

#frmFiltersMob .product-filter-container #accordion .panel-body {
    padding-left: 15px
}

#frmFiltersMob .product-filter-container #main-filterpanel-mobile .panel-heading {
    padding: 10px 0
}

#frmFiltersMob .product-filter-container #main-filterpanel-mobile .panel-heading .panel-title {
    padding-bottom: 15px
}

#frmFiltersMob .product-filter-container #main-filterpanel-mobile .panel-body {
    padding: 0 15px
}

#frmFiltersMob .product-filter-container .panel-default {
    -webkit-box-shadow: none;
    box-shadow: none
}

footer {
    background-color: #f2f2f4;
    padding-top: 40px;
    border-top: 8px solid #444748
}

#footer {
    background-color: #f2f2f4;
    font-size: 14px
}

.warranty-logos {
    margin-top: 30px
}

.warranty-logos p {
    font-weight: 600
}

.warranty-logos img {
    max-height: 30px
}

.warranty-logos li {
    display: inline-block;
    padding-right: 15px
}

.navbar-collapse.in {
    overflow-y: visible
}

.phone-pop-footer {
    position: fixed;
    bottom: 15px;
    left: 15px;
    font-size: 35px;
    color: #ffd500;
    background-color: rgba(0, 0, 0, .6);
    padding: 3px 13px;
    text-decoration: none
}

.phone-pop-footer:hover {
    color: #fff
}

#howtovideo {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

#howtovideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#storeMatrix .rowDisabled {
    color: #525252
}

@media only screen and (max-width:1200px) and (min-width:768px) {
    .basketqtylabel {
        display: none
    }
}

@media only screen and (min-width:1024px) {
    .navbar-header .header-phone {
        display: none
    }
}

@media only screen and (max-width:991px) {
    #collapse-nav {
        background: 0 0
    }
    .badge {
        vertical-align: top;
        background-color: #ffd500;
        font-weight: 500;
        color: #444748
    }
    .navbar-toggle .fa-bars {
        color: #ffd500;
        font-size: 30px
    }
    .navbar-toggle .fa-shopping-cart {
        font-size: 26px
    }
    .navbar .navbar-toggle {
        padding: 9px 20px;
        font-size: 18px;
        margin-right: 0
    }
    .header-phone {
        float: left;
        padding: 10px 00px 10px 30px
    }
    .header-phone p {
        color: #fff
    }
    .header-phone a {
        color: #ffd500;
        font-size: 18px
    }
    .delopt td>div {
        padding-right: 10px
    }
    .mobile-social {
        width: 100%;
        margin-bottom: 10px;
        display: inline-block
    }
}

@media only screen and (max-width:768px) {
    body {
        margin-bottom: 700px
    }
    .navbar {
        box-shadow: none
    }
    header .container {
        margin-bottom: 0
    }
    .navbar .navbar-toggle {
        padding: 9px 20px
    }
    #collapse-nav {
        background: 0 0
    }
    #collapse-nav span.text {
        float: right;
        padding: 3px 0 0 5px;
        font-size: 14px
    }
    .badge {
        vertical-align: top;
        background-color: #ffd500;
        font-weight: 500;
        color: #444748
    }
    .navbar-toggle .fa-bars {
        color: #ffd500;
        font-size: 29px
    }
    .navbar-toggle .fa-shopping-cart {
        font-size: 24px
    }
    .navbar li.level1 {
        background: 0 0
    }
    .header-phone {
        float: left;
        padding: 10px 00px 10px 30px
    }
    .header-phone p {
        color: #444748;
    }
    .header-phone a {
        color: #ffd500;
        font-size: 18px;
        font-weight: 500;
    }
    .company-message div {
        padding: 0 25px
    }
    .company-message h3 {
        font-size: 16px
    }
    .drilldown .navback {
        background: #444748
    }
    .drilldown a.navback {
        color: #fff
    }
    .drilldown a {
        font-weight: 600
    }
    .cat-description.static img {
        margin: 10px auto
    }
    .cat-description.static .gates {
        border-top: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7
    }
    .cat-description.static .gates img {
        margin: 30px auto
    }
    .contactstaticform form {
        width: 95%
    }
    .cat-description.static .pro-can-canopy .col-md-8 {
        margin-top: 60px
    }
    .homecarousel {
        padding-top: 15px
    }
}

@media only screen and (max-width:767px) {
    .company-message div {
        border-right: none
    }
    #home-sub-adds .col-xs-12 {
        width: 50%
    }
    .header-phone {
        display: none
    }
}

@media only screen and (max-width:500px) {
    .navbar .navbar-toggle {
        padding: 9px 14px
    }
}

@media only screen and (max-width:480px) {
    .navbar-header {
        padding: 0 5px
    }
    .navbar-brand {
        padding-left: 0
    }
    .navbar a.navbar-toggle {
        padding: 9px 8px;
        font-size: 22px
    }
    .searchform {
        width: 90%;
        margin: 0 auto;
        padding-bottom: 10px
    }
    .searchform .btn {
        background-color: #dadadb;
        border-color: #dadadb
    }
    .searchform .btn .fa {
        font-size: 16px
    }
    #search {
        background-color: #444748
    }
    header .container {
        margin-bottom: 0
    }
    .searchterm {
        background-color: #dadadb;
        border-color: #dadadb !important;
        box-shadow: none
    }
    .warranty-logos img {
        max-height: 22px
    }
    #home-sub-adds .col-xs-12 {
        width: 100%
    }
    .layoutButtons,
    .show,
    .sortby {
        margin-top: 10px
    }
    .page-home .main-content {
        padding-top: 0
    }
    .page-home .main-content.featured {
        padding: 0 6px
    }
    .featured-list .image-container {
        height: 150px
    }
    .home-featured h2 {
        height: 65px
    }
    .featured-list .image-container .thumb {
        max-height: 150px
    }
    .cat-description.static .testimonial img {
        margin: 0 auto
    }
    #cboxTitle {
        bottom: 30px
    }
    .main-content .col-xs-6 {
        width: 50%
    }
    .main-content .col-xs-6:nth-child(odd) {
        padding: 0 5px 0 10px
    }
    .main-content .col-xs-6:nth-child(even) {
        padding: 0 10px 0 5px
    }
    .product-image-container {
        height: 160px
    }
    .product-image-container .product-image {
        max-height: 150px
    }
    .product-caption {
        height: 100px
    }
    .product-caption h2 {
        font-size: 16px
    }
    .quantity .basketqtylabel {
        display: none
    }
    .grid-view-buttons .price-block {
        height: 80px
    }
    .grid-view-buttons .code {
        font-size: 11px
    }
}

@media only screen and (max-width:320px) {
    .navbar-brand {
        width: 30%
    }
    #collapse-nav span.text {
        display: none
    }
    .warranty-logos img {
        max-height: 18px
    }
}

i.fa.fa-envelope {
    font-size: 31px
}

a.email-pop {
    color: #ffd500;
    padding: 18px 12px 11px
}

@media only screen and (max-height:670px) {
    .drilldown a {
        font-size: 10px;
        padding: 7px
    }
}

.checkout-disabled {
    color: red;
    font-weight: 700;
    font-size: medium;
    clear: both;
    margin: 0 auto;
    width: 75%;
    text-align: center
}

@media only screen and (max-width:1300px) {
    .checkout-disabled {
        color: red;
        font-weight: 700;
        font-size: medium;
        clear: both;
        margin: 0 auto;
        text-align: center
    }
}

@media only screen and (max-width:1300px) {
    .checkout-disabled {
        width: 100%
    }
}

@media only screen and (min-width:1200px) {
    .checkout-disabled {
        width: 100%
    }
}

@media only screen and (max-width:1380px) {
    .checkout-disabled {
        width: 77%
    }
}

@media only screen and (max-width:750px) {
    #covid-text {
        margin-bottom: -20px;
        white-space: nowrap
    }
}

@media only screen and (max-width:765px) {
    footer {
        height: 650px
    }
}

@media only screen and (max-width: 480px) {
    .homeadvert1 {
        margin-top: 0px !important;
    }
    .featured-title {
        margin-top: 10px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 750px) {
    .homeadvert1 {
        margin-top: 10px !important;
    }
    .homeadvert2 {
        margin-top: 22px !important;
    }
}

.headbasketicon .fa-shopping-cart {
    font-size: 26px;
}

.headbadge {
    background-color: #ffd500;
    font-weight: 500;
    color: #444748;
    vertical-align: top;
}

.header-basket-text {
    margin-right: 10px;
}

@media only screen and (min-width: 992px) {
    .featured-title {
        margin-top: -30px;
    }
}

#accordion a {
    width: 100%;
    display: inline
}

header .container.grey-menu {
    background-color: #444748;
    padding: 0;
}
.company-message h1 {
    font-size: 30px;
}
.product-box .product-price-label {
    height: auto;
}
.quotesubmitinput-prodlist {
    background-color: #ffd500!important;
    border-color: #ffd500;
    color: #444748;
    width: 100%;
    padding: 10px 15px;
    margin-top: 20px;
}
.tooltipcontainer .data {
    color: #444748;
}
.header-basket .fa-calculator {
    font-size: 26px;
}

.save-quote-data {
    display: inline-block;
    min-width: 70px;
    font-size: 25px;
}