@media (min-width: 1400px) {
    .container { width: 1370px; }
}

table th { font-size: 16px; }
label { font-size: 16px; }
body {
    font-family:"Reddit Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    /*margin-bottom: 450px;*/
}
h1, h2, h3, h4, h5, h6 {
    font-family:"Freeman","Helvetica Neue",Helvetica,Arial,sans-serif;
}
#page { margin: 0 auto; background-color: #fff; }
footer { left: 0; }
span.price { color: #000099; font-weight: 600; }
h1.main-heading { font-size: 39px; color: #000099; text-transform: uppercase; }
h1.main-heading.white { color: #fff; }
a { color: #3d3d3d; font-weight: 500; }
a:hover { text-decoration: none; }

/*-- Start Critical CSS from Head -- */
header { margin-top:65px; }
a { color:#000; }
ul { list-style:none; padding-left:0; }
.navbar-greeting,.navbar-logout,.navbar-myaccount,.navbar-social{position:relative;padding:9px 10px;margin-top:5px;margin-bottom:5px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:0;color:#000;}
.logout-form,.navbar-greeting,.navbar-myaccount{float:right;}
.navbar-social{float:left;}
.navbar-logout i,.navbar-myaccount i,.navbar-social i{font-size:20px;color:#000;}
.navbar-header{width:100%;}
#header-detail{margin-top:20px;}
.header-search{float:left;width:60%;position:relative;}
.header-search .searchform{width:100%;float:right;margin-right:0;}
.header-basket{padding:10px 0;color:#fff;float:right;}
.basket-head-items,.header-links-cart{display:inline-block;}
.header-links-cart,.header-phone .fa{font-size:18px;}
.header-phone{float:right;padding:10px 40px 10px 0;}
.yamm .level1>a{font-size:15px!important;text-transform:uppercase;padding:15px;}
.navbar .nav-heading a{font-size:14px;}
.navbar .level3 a{text-transform:none;font-size:12px;}
.dropdown-menu{margin:0;}
.main-heading{font-size:22px;}
.plist-item .caption h2{font-size:19px;}
.main{padding-bottom:15px;}
.main-content{padding:15px;min-height:400px!important;}
.pdetails .code,.pdetails .grpprice,.pdetails .level,.pdetails .minordertext,.pdetails .obsoleteprod,.pdetails .price{margin:12px 0;}
.category-box,.grouped-category-box,.product-box{border:1px solid #ccc;margin-bottom:30px;}
.cat-image-container{height:200px;}
.cat-caption{height:110px;}
.cat-caption h2,.grouped-cat-caption h2,.product-caption h2{font-size:19px;}
/*-- End Critical CSS from Head -- */

.navbar-header { background-color: #222; height: 46px; }
.navbar-default .navbar-nav > li > a { font-size: 12px; color: #fff; font-weight: 600; }
.navbar-default .navbar-nav > li:hover > a { background-color: #222; color: #fff; }
.navbar-default { background-color: #fff; }
.navbar {
    margin-top: 0;
    z-index: 1090;
}
.navbar .level1 { background: #000099; }
.navbar .level1.search { background: #222; }
.navbar .level1 > a {
    font-family:"Freeman","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #fff;
}
.yamm .level1:hover {  background: #222; }
.yamm ul { padding-left: 0; }
.navbar .nav-heading a {
    color: #000099;
    font-weight: 500;
    border-right: 1px solid #D1D1D1;
    text-transform: none;
}
.navbar .nav-heading .image a {
    border-right: none;
}

.navbar .nav-col { margin-bottom: 9px; }
.navbar .dropdown-menu { border: 1px solid #222; }

.navbar-myaccount, .navbar-logout, .navbar-greeting { color: #fff; }
.navbar-myaccount i, .navbar-logout i { color: #fff; }

.header-social {
    display: flex;
    align-items: center;
    justify-content: center;
}
.navbar-social, .navbar-social i { color: #000; }
.navbar-social {
    margin: 0;
    padding: 0 5px 10px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
}

.header-search .searchform .searchterm {
    border: 1px solid #000099;
    height: 40px;
}
.header-search .searchform .btn, #search .searchform .btn {
    background: #000099;
    border: 1px solid #000099 !important;
    padding: 9px 12px;
}
.navbar-greeting { padding: 5px 4px; }

.header-links { float: none; }
.header-links li { margin-left: 10px; }
.header-links li a { color: #fff; margin-top: 2px; padding: 10px 2px; display: inline-block; }
.header-links li a:hover { text-decoration: underline; }
.header-links li.last a { padding-right: 15px; }

.header-links li a.colours { font-weight: bold; color: #ccff00; background-color: #666; padding: 5px 20px; }

#header-detail { margin-top: 24px; }
#header-detail p { width: 100%; text-align: center; margin: 6px auto; font-size: 12px; }
.header-search #searchform, #search #searchform { border: 2px solid #000099; border-radius: 4px; margin: 6px auto 0; float: none; width: 96%; }
.header-search #searchform .searchterm, #search #searchform .searchterm { background: #fff; }
.header-search #searchform .btn, #search #searchform .btn { background: #000099; border: 1px solid #000099!important; margin-left: 0; margin-right: -1px; }
.header-search #searchform .fa-search, #search #searchform .fa-search { font-size: 20px; color: #fff; }
#search #searchform .searchterm { border: 0!important; }
#SearchResults {
    top: 85px;
    z-index: 1550;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.69);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.69);
}
#SearchResultsMobile { top: 110px; left: 25px; background-color: #eee; border: 1px solid #ccc; }
#header-detail .navbar-myaccount {
    color: #333;
    text-align: center;
    padding: 9px 4px;
}


#header-detail .fa-shopping-basket, #header-detail .navbar-myaccount .fas  {
    background-color: #000099;
    padding: 12px;
    border-radius: 50px;
    color: #fff;
    width: 42px;
    height: 42px;
}
#header-detail .fa-shopping-basket {
    padding: 12px 10px;
}

#header-logo, .header-login { margin-top: 15px; }
.header-contact p { margin: 16px auto; font-size: 16px; font-weight: bold; }
.header-contact p a { font-weight: bold; }

.header-login { text-align: right; }
.header-login button { width: 140px; padding: 10px 6px; background: #222; color: #fff; border: 0; margin: 4px 0; }
.header-login button:hover { background: #6e727d; }

.header-basket {
    float: right;
    margin-top: 3px;
    padding: 9px 4px;
}
.header-basket a { width: 100%; font-size: 14px; }
.header-basket p { padding-right: 10px; font-size: 12px; color: #222; }
.header-basket-icon i { font-size: 20px; }

.header-links-text {
    display: block;
    text-align: center;
    font-family: "Freeman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    padding-top: 4px;
}

#collapse-nav { background: #222; padding: 4px 8px; margin-left: 10px; margin-right: 10px; margin-top: 10px; }
#collapse-nav .fa { color: #fff; font-size: 20px; }
.badge.basket-head-total { background-color: #777; color: #fff; }

.inner-box { height: 390px; }
.plist-item .caption h4 { height: 65px; }
.plist-item .inner-box .caption h4 { font-size: 18px; font-weight: 400; line-height: 20px; }
.plist-item .inner-box h5.price-label { text-align: center; font-size: 15px; font-weight: 500; min-height: 20px; margin-bottom: 0; }
.plist-item .inner-box h5.price-label span.price, #productdetails td.price span.price { font-size: 18px; font-weight: 600; color: #000099; }
.plist-item .inner-box .image { min-height: 165px; }
.plist-item .inner-box .image img { margin: 0 auto; }
.plist-item.category .inner-box .caption h4 { font-size: 25px; line-height: 30px; color: #000099; }

.plist-item .moreinfo { text-align: center; }

.cat-caption { padding: 0; width: 100%; background-color: #222; color: #e1e1e1; height: 95px; z-index: 10; position: relative; }
.cat-caption h2 {
    font-family:"Freeman","Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 30px 10px 10px 10px;
    width: 100%;
    font-size: 17px;
}
.cat-caption .lightbox-large h2 {
    color: #e1e1e1;
}
.thumbnail.category .inner-box .caption h4:hover { background-color: #222; color: #fff; text-decoration: none; }

.price-label-switch { font-size: 14px; width: 100%; text-align: center; padding-top: 0; margin-top: 0; font-weight: 500; }

.price span.price-vat-switch, .price span.price-vat-switch span { font-size: 12px; color: #333; }

.breadcrumb { border: 0; background-color: #fff; margin-bottom: 0; }
.breadcrumb a { font-weight: 400; }

.recent-container img { max-height: 55px; margin: 0 auto; }
.recent-container > a { text-align: center; }

.panel-default { border-color: #999; }
.panel-default > .panel-heading { color: #ffffff; background-color: #222222; border-color: #222222; }
.panel-body .bottom { margin-top: 10px; }

.panel-default.login .panel-body { min-height: 180px; }
.panel-default.login .panel-body.half { min-height: 125px; }
.panel-default.login .panel-heading { font-size: 18px; }
.panel-default.login label { font-size: 18px; }
.panel-default.login input.btn, .panel-default.login .btn { margin-right: 20px; }

.panel-title { font-size: 20px; }

.btn-primary { color: #ffffff; background-color: #000099; border-color: #000099; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background-color: #222; border-color: #222; outline: none; }

#quotesubmitinput { background-color: #222; border-color: #222; height: auto; }
#quotesubmitinput:hover { background-color: #555; border-color: #555; }
#quoteform button#quotesubmitinput { width: 50%; }

#produttabs { border: 1px solid #999; border-top: 0; margin-bottom: 20px; }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 1px solid #999; border-bottom-color: transparent; color: #222; }
.nav-tabs > li > a { background-color: #999; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #222; border-color: #222; color: #fff; }
.nav-tabs { border-bottom: 1px solid #999; }

.table.table.group th { background-color: #222; color: #fff; font-weight: 400; }

/*.slides { padding: 0 20px; }*/

.featured, .brands { margin-top: 10px; padding: 5px 30px 20px 30px; border: 1px solid #ccc; position: relative; }
.featured h4, .brands h4 { color: #000099; font-weight: 500; padding-left: 4px; }
.brands h4 a { font-size: 13px; font-weight: 400; }
.featured .thumbnail, .brands .thumbnail { margin: 0 2px; padding: 0; height: 280px; }
.featured .image, .brands .image { height: 220px; text-align: center; padding: 6px; }
.featured .image img, .brands .image img { max-height: 100%; display: inline-block; }
.featured .caption { background-color: #222; min-height: 60px; }
.featured .caption h4 { float: left; width: 100%; font-size: 14px; color: #fff; margin: 0; padding-top: 2px; }

.brands .image { height: 120px; background-color: #fff; display: table-cell; vertical-align: middle; width: 150px; }

.doing-today { border-top: 1px solid #222; }
.doing-today h1 { margin: 10px 15px; text-align: center; color: #000099; }
.doing-today > div { min-height: 200px; margin-top: 10px; }
.doing-today .joblists { padding: 0; min-height: 201px; position: relative; }
.doing-today .joblists img { width: 100%; max-height: 200px; }
.doing-today .joblists h2 { position: absolute; top: 0; left: 0; margin-top: 10px; padding: 5px; font-size: 20px; width: 100%; background-color: #222; color: #fff; }
.doing-today .joblists p.click { position: absolute; top: 0; right: 0; margin-top: 10px; padding: 5px; color: #fff; font-size: 10px; }

.quick-order { padding: 0; margin-bottom: 10px; }
.quick-order .quick-head { padding-left: 0; }
.quick-order .quick-head h4 { color: #333; font-size: 24px; font-weight: 500; margin-top: 0; }
.quick-order .quick-head p { font-size: 12px; }
.quick-order input#txtQuickOrder, .quick-order input#txtQtyQuickOrder { width: 100%; padding: 4px; }
.quick-order .quickorder-submit { margin-top: 10px; font-size: 13px; padding: 8px 2px; width: 100%; }
.quick-order label { font-size: 16px; }
.quick-order .quickorder-quantity { margin-top: 10px; }

.quick-order .panel-default .panel-body { min-height: 270px; }
.quick-order .panel-default .panel-body .heading { padding-left: 75px; background: url(../images/quick-ord-icon.png) no-repeat 8px 2px; }

.panel-body.colour { padding: 5px; }

#quantitybreaktable { margin-top: 10px; margin-bottom: 20px; width: 100%; font-size: 13px; }
#quantitybreaktable td, #quantitybreaktable th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #dddddd;
}
#quantitybreaktable th { background-color: #c4c4c4; color: #222; font-weight: bold; }
#quantitybreaktable th:nth-child(2) { border-left: none; }
#quantitybreaktable th:first-child { border-right: none; }
.quantitybreakdiv { font-size: 14px; margin-bottom: 25px; }
h3.qtybrkinfo { border-bottom: 1px solid #ddd; padding-bottom: 6px; margin-bottom: 20px; }

#productdetails th, #wishlist th { background-color: #fff; color: #222; }

.pagination li a { color: #333; font-weight: 500; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #333; background-color: #CCC; }

.product-filter-container .panel-heading { background-color: #fff; color: #222; border: none; }
.product-filter-container > .panel-heading { color: #ffffff; background-color: #222222; border-color: #222222; }
.product-filter-container > .panel-heading a { font-size: 20px!important; }
.product-filter-container { background: #fff; }
.product-filter-container #selectedatts .attgroup .delete { padding: 2px 6px; cursor: pointer; }

.product-filter-container #accordion .panel-heading a.collapsed { background: url(../images/filter-ind.png) no-repeat 0 5px; }
.product-filter-container #accordion .panel-heading a { background: url(../images/filter-ind.png) no-repeat 0 -27px; }
.product-filter-container #accordion .panel-title a:hover { color: #222; }
.product-filter-container .fa-filter { display: none; }
.product-filter-container #accordion label.option { font-family: 'Droid Sans', sans-serif; }
.product-filter-container #main-filterpanel > .panel-body { padding: 0; }
.product-filter-container label.optionMob { font-family: 'Droid Sans', sans-serif; }

.drilldown a.navback { background: #666; color: #fff; }
.drilldown .navback i { font-size: 14px; }
.drilldown li { background: #999; }
.drilldown li a { color: #fff; }

#clickcollect { float: right; margin-right: 15px; text-align: center; border: 1px solid #000099; max-width: 300px; padding-top: 10px; background-color: #dcf3f5;}
#clickcollect .btn-primary { margin-bottom: 15px; background: #222; border-color: transparent; }
#clickcollect .btn-primary:hover { background: #6e727d; }
#clickcollect p { font-size: 13px; font-weight: 600; color: #f00; padding: 0 10px; }
#baskettocheckout, #basketupdatebasket, #basketcontinueshopping { padding-top: 10px; }
#basketupdatebasket {position: relative; float: left;}
.panel-default.clickcollect { border-color: #f00; clear: both; }
.panel-default.clickcollect .panel-heading { background-color: #f00; border-color: #f00; }
.panel-default.clickcollect .panel-body { color: #f00; }

#baskettocheckout div {
    text-align: right;
    width: 300px;
}
#baskettocheckout .alert {
    padding: 5px;
    font-size: 14px;
    text-align: center;
}
#baskettocheckout .fa {
    font-size: 20px;
    padding-right: 5px;
    color: #009;
}
#baskettocheckout .btn {
    width: 100%;
    padding: 10px;
    font-size: 20px;
    font-family: "Freeman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.portal .panel-heading { border-bottom-color: #fff; }

#checkoutstages li { font-weight: 600; font-size: 12px; color: #666; }
#checkoutstages li.current { font-size: 16px; color: #222; }

.suggestedbox { margin-top: 20px; }
.suggestedbox h4 { padding: 0 10px; }
.suggestedbox .thumbnail { height: 275px; padding: 10px; }
.suggestedbox .thumbnail .image { height: 150px; }
.related-title { text-align: center; height: 85px; }

p.content a { color: #000099; }

.topproducts-container img { margin: 0 auto; }

.contactform label { font-size: 18px; }

select.btn { font-size: 14px; }

.selectors .grpselectlabel { font-size: 20px; }

td.pricetable span.price { font-size: 14px; }

#accordion.panel-group { margin-top: 0; }

footer { background: #222; bottom: auto; padding-top: 10px; }
#footer { background: #222; color: #fff; }
#footer .navbar-social { float: none; }
#footer a { color: #fff; }
#footer a:hover { color: #fff; text-decoration: underline; }
#footer a.ogl { color: #999; font-size: 11px; }
#footer em { font-size: 18px; padding: 6px; }

.owl-theme .owl-controls { margin-top: 4px; text-align: center; }
.owl-theme .owl-controls .owl-dot{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ }
.owl-theme .owl-controls .owl-dot span{
    display: block;
    width: 8px;
    height: 8px;
    margin: 3px 5px;
    filter: Alpha(Opacity=50);/*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #869791;
}
.owl-theme .owl-controls .owl-dot.active span { background: #222; }

.customNextBtn, .customNextBtnBrands {
    background: url('../images/arrowright.png') no-repeat;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    right: -18px;
    z-index: 99999;
}

.customPrevBtn, .customPrevBtnBrands {
    background: url('../images/arrowleft.png') no-repeat;
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    left: 8px;
    z-index: 99999;
}
.customNextBtn, .customPrevBtn { bottom: 175px; }
.customNextBtnBrands, .customPrevBtnBrands { bottom: 50px; }
.customPrevBtnBrands { left: 8px; }
.customNextBtnBrands { right: -18px; }

iframe {
    width: 100%;
}

#cboxTitle { color: #222; }

.brand-logo img { float: right; margin-bottom: 20px; display: block!important;  }

.tooltipcontainer .data { font-size: 17px; background: #000099; padding: 20px; }

.productgroup th.image { border: 0; border-bottom: 2px solid #dddddd; }
.productgroup td.image { border: 0; border-top: 1px solid #dddddd; text-align: center; }
.productgroup td.basketqty .btn { padding: 6px 6px; }
.productgroup th.quantity { min-width: 120px; }

#basketmap { margin-top: 20px; }

.info {
    display: block;
    padding: 27px 10px 10px 60px;
    border: 1px solid #f00;
    background: url(../images/info.png) no-repeat 15px 12px;
    margin: 20px 0;
    line-height: 18px;
    font-size: 14px;
}
.info a {
    color: #333;
}
.checkoutinputerror {
    margin-top: 10px;
    background-color: #eee;
    padding: 10px;
}

.image.lghtboxcont { padding: 0; }
.lghtbox.thumbnail { height: 340px; }
.lghtbox.thumbnail .inner-box { height: 310px; }
.plist-item.lghtbox  .inner-box .image { min-height: 230px; }

table.search .imagecol {
    text-align: center;
}
table.search .imagecol img {
    max-height: 50px;
}


.mandatoryfield {
    color: #FF0000;
    display: inline-block;
    float: initial;
    font-size: 12px;
    position: relative;
    padding-left: 6px;
    font-weight: bold;
}
#SearchResults a, #SearchResultsMobile a {
    display: block;
    width: 100%;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 17px;
}

@media (max-width: 1200px) {
   .col-md-9 table img {
       width: 97%;
   }
}

/*.container .col-md-9 table {
    width: 0px !important;
}*/



table.table.footable.productgroup.tablet.breakpoint.footable-loaded {
    width: 100% !important;
}

table.table.footable.productgroup.footable-loaded.desktop{
	width: 100% !important;
}

.cat-image {
    max-height: none;
    top: 0;
    transform: none;
}
.cat-image-container {
    height: auto;
}
.cat-image-container img {
    margin: auto;
    width: 100%;
}
#buttons-bot-container { overflow: auto; }
.carriage {
    font-family: 'Roboto Condensed', sans-serif;
    float: left;
    padding: 5px 35px 12px 0;
    color: #fff;
    font-size: 12px;
}
.colours {
    font-weight: 700;
    color: #fff;
    background-color: #00ff00;
    padding: 5px 10px;
    float: left;
    margin: 7px 0;
}
.navbar-fixed-top {
    background-color: #222;
    z-index: 1600;
}
.navbar-default .navbar-toggle {
    color: #fff;
    border: none;
    margin: 3px 0;
}
a.navbar-myaccount, .navbar-logout {
    color: #fff;
    margin-top: 2px;
}
.navbar-myaccount i, .header-links-cart, .navbar-logout i {
    color: #1100fe;
}

#main-nav2 .dropdown-menu {
    border-radius: 0;
    padding-top: 15px;
}
.navbar .yamm-content {
    padding-top: 0;
}
.navbar .yamm-content .nav-heading {
    border: none;
    background-color: #fff;
    margin-bottom: 0;
    padding-bottom: 0;
}
.navbar .yamm-content .nav-heading:hover {
    background-color: #d1d1d1;
}
.navbar .brandNavigation .yamm-content .nav-heading:hover {
    background-color: transparent;
}

.navHeadingTabular {
    width: 22%;
}
.nav-heading.navHeadingTabular a {
    font-family:"Freeman","Helvetica Neue",Helvetica,Arial,sans-serif;
    color: #000;
}
.navHeadingTabular .submenu{
    display: none;
    position: absolute;
    left: 22%;
    top: 10px;
    padding: 10px 20px;
}
.navHeadingTabular:hover > .submenu,
.navHeadingTabular:active > .submenu {
    display: block;
    height: 100%;
    width: auto;
}
.navHeadingTabular .submenu li {
    float: left;
    width: 33%;
}
.navHeadingTabular .submenu li a {
    font-size: 12px;
    padding: 5px;
    border: none;
    color: #000;
}
.navHeadingTabular .submenu li a:hover {
    background-color: #eee;
    color: #1100fe;
}
.navbar .brandNavigation h4 {
    padding-left: 15px;
    font-weight: bold;
}
.navbar .brandNavigation .yamm-content {
    width: 75%;
}
.navbar .brandNavigation .yamm-content .nav-heading {
    display: inline-block;
    padding: 10px;
    min-height: 100px;
    min-width: 100px;
    vertical-align: top;
    margin-top: 15px;
    margin-left: 15px;
}
.navbar .brandNavigation .yamm-content .nav-heading .image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}
.navbar .brandNavigation .allbrands  {
    position: absolute;
    bottom: 70px;
    right: 40px;
    padding: 20px;
    color: #fff;
    font-size: 18px;
    background-color: #000099;
}
.navbar .brandNavigation .allbrands:hover {
    background-color: #222!important;
}
.navbar .brandNavigation .allbrands a:hover {
    text-decoration: none;
}
li.brand-title {
    padding-left: 15px;
    font-weight: bold;
    font-size: 18px;
    font-family: "Freeman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.header-phone {
    float: right;
    display: flex;
    align-items: center;
}
.header-phone .fas {
    font-size: 32px;
    color: #000099;
}
#header-detail .header-phone a {
    text-decoration: none;
}
.header-phone-icon {
    float: left;
}
.header-phone-text {
    line-height: 18px;
    float: right;
    font-size: 20px;
    margin-left: 10px;
}
.header-phone-text .call {
    font-size: 14px;
}

.menu-container {
    margin-top: 15px;
}

.catcarousel .slides {
    position: relative;
    display: block;
}
.catcarousel .slides h1.main-heading {
    font-family:"Freeman","Helvetica Neue",Helvetica,Arial,sans-serif;
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 66px;
    top: 45%;
    transform: translate(0, -45%);
}
.catcarousel.grouped .slides {
    min-height: 110px;
    display: flex;
    align-items: center;
    padding: 0 0 0 30px;
}
.catcarousel.grouped {
    background-color: #000;
    margin-bottom: 15px;
}
.catcarousel.grouped .slides h1.main-heading {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    font-size: 22px;
}

.category-box, .product-box, .grouped-category-box, .suggested-box {
    text-align: center;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border: none;
}
.category-box {
    height: auto;
    padding: 0;
    overflow: hidden;
}
.category-box .cat-image-container, .grouped-category-box .grouped-cat-image-container, .product-box .product-image-container {
    transition: transform 0.3s ease;
    position: relative;
    z-index: 1;
}
.grouped-category-box .grouped-cat-image-container img, .product-box .product-image-container img {
    transition: transform 0.3s ease;
}
.category-box:hover .cat-image-container {
    transform: scale(1.1) translateY(0);
}
.grouped-category-box .grouped-cat-image-container img:hover  {
    transform: scale(1.1) translateY(-45%);
}
.product-box .product-image-container img.product-image:hover {
    transform: scale(1.1) translateY(-45%);
}
.category-box:hover .cat-caption {
    position: relative;
    z-index: 2;
}
.product-box .quantity, .product-box div.basketsubmit, .product-box .add input.basketsubmit {
    width: 100%;
}
.product-box .grid-view-buttons .add .quantity .basketqty {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}
.product-box div.basketsubmit {
    display: block;
}
.product-box .add {
    padding: 0 11px;
}
.grouped-cat-caption h2 {
    font-size: 16px;
}
.grouped-category-box .viewoptions .btn, .product-box .viewoptions .btn {
    width: 100%;
}
.grouped-category-box .viewoptions {
    margin-top: 0;
}
.product-box .viewoptions {
    min-height: 65px;
}
.product-box .viewoptions .btn, .suggested-box .btn {
    padding: 10px 15px;
}
.suggested-box .btn {
    margin-bottom: 10px;
}
.suggested-box .suggested-image {
    top: 0;
    transform: none;
}
.product-box .price-block {
    font-size: 15px;
    font-weight: 500;
}
.grouped-cat-image-container, .product-image-container {
    height: 215px;
}
.grouped-cat-image, .product-image {
    max-height: 215px;
}

.grouped-category-box .price, .product-box .price, .item-row .price, .suggested-box-price .price, .favourite-product-buttons .price-block .price {
    font-size: 30px;
}
.product-box .grid-view-buttons .price-block, .grouped-category-box .grouped-cat-price-label {
    border: none;
    padding-top: 0;
    margin-top: 0;
    min-height: auto;
}

.product-box .grid-view-buttons .price-block, .suggested-box-price, .favourite-product-buttons .price-block {
    max-height: 107px;
    font-family:"Freeman","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;
}
.grouped-category-box .grouped-cat-price-label {
    margin-bottom: 10px;
}
.grouped-cat-caption, .product-caption {
    height: 90px;
}
.product-caption .brand-highlight, .grouped-cat-caption .brand-highlight, .suggested-caption .brand-highlight {
    display: inline-block;
    font-weight: 700;
    padding-bottom: 5px;
}
.cat-description, .product-group #accordion #description, .product #accordion #description {
    background-color: #222;
    padding: 15px 20px;
    color: #e1e1e1;
    border-radius: 6px;
    text-align: center;
}
.cat-description h2 {
    margin: 0;
}
.cat-description a {
    color: #fff;
}
.cat-description #showText {
    color: #000;
    margin-top:20px;
}
.product-group #accordion #description, .product #accordion #description {
    text-align: left;
}
.product-caption h2 {
    font-size: 16px;
}

.grpselectlabel {
    display: none;
}
.product-group .input-group, select.groupedProduct {
    width: 100%;
    text-align: left;
    background-color: #c4c4c4;
}
.quickbuy select.groupedProduct {
    background-color: #222;
    color: #fff;
}
.product-group .inner {
    display: inline-block;
}
.product-details {
    position: sticky;
    top: 70px;
    z-index: 1;
}
.pdetails .grpprice .price {
    color: #333;
}
.pdetails #grouped-product-price, #priceOnLoad .fromprice, .pdetails #product-price {
    color: #000099;
    font-size: 34px;
    font-weight: bold;
}
.pdetails .code {
    display: inline-block;
    margin-bottom: 20px;
}
.pdetails .price, .pdetails #price-unit {
    font-weight: 600;
    font-family:"Freeman","Helvetica Neue",Helvetica,Arial,sans-serif;
}
.pdetails .add .quantity {
    text-align: left;
}
.pdetails .add .quantity .basketqtylabel {
    padding-top: 8px;
    font-weight: 600;
}
.dec, .inc {
    border-radius: 50%;
    background-color: #000099;
    border-color: #000099;
    color: #fff;
}
.dec:hover, .inc:hover {
    background-color: #000000;
    border-color: #000000;
}
.pdetails .basketqty .dec, .pdetails .basketqty .inc, .product-box .basketqty .dec, .product-box .basketqty .inc {
    padding: 6px 10px;
}
.pdetails .basketqty .buy-qty {
    height: auto;
    padding: 8px;
}
.product-box .basketqty .buy-qty {
    height: 38px;
}
.basketsubmit {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}
.basketsubmit .fas {
    display: inline-block;
    position: absolute;
    top: 50%;
    color: #fff;
    font-size: 16px;
    right: calc(50% + 40px);
    transform: translateY(-50%);
 }
.add input#basketsubmit, .add input#addtobasket {
    font-weight: bold;
    flex: 1;
    padding: 12px 12px 12px 2.5em;
    width: 100%;
}
.priceOnLoad {
    font-weight: bold;
}
.alt-unit-price, .grpprice {
display: none;
}
.groupedFiles { padding: 10px; }
.product .groupedFiles { padding: 10px 0; }
.groupedFiles li a {
background-color: #c4c4c4;
padding: 15px;
text-align: center;
margin-bottom: 10px;
font-weight: bold;
display: block;
}
.groupedFiles .fa-solid {
font-size: 16px;
margin-right: 10px;
}
.groupedFiles li a:hover {
background-color: #e6e6e6;
}
#wishlistsubmitinput, #wishlistsubmitinputLogout, #wishlistsubmit .addFavourite {
    background-color: #000!important;
    color: #fff;
    padding: 12px;
    outline: none;
    width: 100%;
    font-weight: bold;
}
.product-box .wishlist-prodlist, .product-box .wishlistsubmitinput-prodlist, .grouped-category-box .quick-buy-btn-heart,
.suggested-box .wishlist-prodlist, .suggested-box .wishlistsubmitinput-prodlist {
    position: absolute;
    top: 0;
    right: 25px;
    z-index: 9;
}

.product-box .wishlist-prodlist .far, .product-box .wishlistsubmitinput-prodlist .far, .product-box .wishlistsubmitinput-prodlist .fas,
.suggested-box .wishlist-prodlist .far, .suggested-box .wishlistsubmitinput-prodlist .far, .suggested-box .wishlistsubmitinput-prodlist .fas {
    color: #000099;
    font-size: 22px;
}
.suggested-box .wishlist-prodlist, .suggested-box .wishlistsubmitinput-prodlist {
    right: 0;
}
.grouped-category-box .quick-buy-btn-heart {
    background-color: transparent;
    border-color: transparent;
}
.grouped-category-box .quick-buy-btn-heart .far, .grouped-category-box .quick-buy-btn-heart .fas {
    color: #000099;
    font-size: 22px;
}

/* Quick Buy Modal */
.modal { z-index: 1200; }
.modal.quickbuy .modal-dialog {
    width: 75%;
}
.modal.quickbuy .modal-dialog .modal-content {
    padding: 30px;
}
.modal.quickbuy .modal-dialog .modal-content .row {
    display: table;
    width: 100%;
}
.modal.quickbuy .modal-dialog .modal-content .row .col-md-6 {
    display: table-cell;
    float: none;
}
.modal.quickbuy .main-heading {
    margin-bottom: 30px;
}

.modal.quickbuy .input-group {
    width: 100%;
}
.quick-buy {
    text-align: center;
    margin-top: 25px;
}
.quick-buy h3 {
    padding: 0 15px;
    font-weight: bold;
}
.modal h3.quick-buy-heading {
    font-size: 38px;
    margin-top: 0;
    font-weight: bold;
}
.modal.quickbuy .more {
    padding: 10px;
    text-align: center;
    font-size: 18px;
    border: 4px solid #000099;
    margin-bottom: 80px;
}
.modal.quickbuy .more a {
    color: #000099;
    font-weight: bold;
}
.modal.quickbuy .more:hover {
    background: #000099;
}
.modal.quickbuy .more:hover a {
    color: #fff;
}
.modal.quickbuy .continue-shop {
    width: 100%;
    background: none;
    border: 4px solid #000099;
    color: #000099;
    padding: 10px;
    margin-top: 15px;
    font-size: 18px;
    font-weight: bold;
}
.modal.quickbuy .continue-shop:hover {
    background: #000099;
    color: #fff;
}
.modal.quickbuy .close {
    color: #020e4d;
    font-size: 30px;
    position: absolute;
    top: 15px;
    right: 15px;
    font-weight: 400;
    z-index: 1;
    opacity: 1;
}
.modal .quick-buy-basket-info {
    position: absolute;
    bottom: 10px;
    font-size: 18px;
}
.modal .quick-buy-basket-info .fa-shopping-basket {
    font-size: 28px;
    color: #000099;
}

.modal.quickbuy .basketsubmit .fas {
    top: 50%;
}
.modal.quickbuy .basketsubmit {
    margin-bottom: 10px;
}
#priceOnLoad, .grpprice {
    font-family:"Freeman","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.image, .pdetails {
    border: none;
}
#accordion .panel-default {
    border: none;
}
#accordion .panel-default > .panel-heading {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #222;
}
#accordion .panel-default > .panel-heading .panel-title, #accordion .panel-default > .panel-heading .panel-title a {
    color: #000;
}

#accordion .panel-title .collapsed::after {
    content: "\f107";
    font-weight: bold;
}
#accordion .panel-title a::after {
    content: "\f106";
    font-weight: bold;
}
#accordion .panel-title a::after, #accordion .panel-title .collapsed::after {
    font-family: "Font Awesome 5 Free";
    float: right;
}

/* Related Product Quickbuy Modal */
.suggested-container .modal .price-block {
    margin: 12px 0;
}
.suggested-container .modal .price-block .price {
    color: #000099;
    font-size: 34px;
    font-weight: bold;
}
.suggested-container .quantity .basketqtylabel {
    float: left;
}
.suggested-container .quantity {
    margin-bottom: 10px;
    padding-left: 0;
    float: none;
    display: block;
    height: 45px;
    margin-right: 8px;
    text-align: left;
}
.suggested-container .modal.quickbuy .more:hover {
    color: #fff;
}
.suggested-container .basketsubmit .fas {
    right: calc(50% + 50px);
}
.suggested-container .pdetails .price {
    margin: 22px 0;
}


/* Search in Navigation */
#searchmain {
    float: none;
}
#searchmain .search-container {
    padding: 15px;
    background-color: #222;
}
#searchmain .searchform {
    padding: 0 15px;
}
#searchmain .searchform .btn, #search .searchform .btn, #searchmain .searchform .searchterm {
    background: #fff;
    border: 1px solid #fff!important;
}
#searchmain .fa-search, #search .fa-search {
    color: #1100fe;
}
#seachmain .validator.validator-email {
    display: block!important;
    width: 100% !important;
}
#searchmain .validator.validator-email.validation-no .feedback {
    width: 1px!important;
    height: 1px!important;
}

/* Homepage */
.home-content {
    margin: 15px 0 30px;
    padding: 10px 15px 0 15px;
    color: #fff;
    text-align: center;
}
.home-content .home-content-inner {
    background-color: #009;
    padding: 10px 20px;
}
.homecarousel {
    margin-top: 0;
    padding-bottom: 50px;
}
.homecarousel .owl-dots {
    bottom: -40px;
}
#owl-example-brand .owl-nav .owl-prev {
    left: 0;
    top: 10%;
}
#owl-example-brand .owl-nav .owl-next {
    right: 0;
    top: 10%;
}
#owl-example-brand .image-container {
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
#owl-example-brand .image-container img {
    width: auto;
    max-height: 100%;
}
#owl-example-brand .thumbnail {
    border: none;
}
#owl-example-brand {
    padding: 0 50px;
}

.featured-title {
    background: transparent;
    color: #000099;
    font-weight: 700;
    margin-bottom: 20px;
    margin-top: 0;
}
.view-brands {
    text-align: center;
    margin-top: 10px;
}
.view-brands .btn {
    background-color: #222;
    border: none;
    border-radius: 50px;
    padding: 10px 30px;
}
#home-cat-adds .cat-column {
    text-align: center;
}
#home-cat-adds .cat-column img {
    margin: auto;
    width: 100%;
}
#home-wide-adds, #home-sub-adds, #home-cat-adds, #home-cat-adds-discount {
    margin-bottom: 30px;
}
#home-cat-adds-discount {
    margin-bottom: 20px;
}
#home-sub-adds img {
    border: none;
    margin-top: 0;
}
.home-caption {
    padding: 20px;
    text-align: center;
    font-weight: bold;
}
#home-wide-adds .home-caption {
    font-size: 28px;
}
#home-sub-adds .home-caption {
    font-size: 22px;
}
#home-cat-adds .home-image-container {
    z-index: 1;
    position: relative;
}
#home-cat-adds .home-caption {
    font-size: 15px;
    background-color: #222;
    color: #e1e1e1;
    z-index: 10;
    position: relative;
}
.home-container-box {
    /* Removed for cc-45
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    */
    overflow: hidden;
}
.home-container-box img {
    transition: transform 0.3s ease;
}

.home-container-box img:hover {
    transform: scale(1.05);
}
#home-sub-adds .home-container-box {
    margin-top: 30px;
}
#home-sub-adds .col-xs-12:nth-child(1) .home-container-box,
#home-sub-adds .col-xs-12:nth-child(2) .home-container-box {
    margin-top: 0;
}
#home-sub-adds > div:nth-child(3) {
    clear: both;
}
/* Homepage */

/* VAT TOGGLE SWITCH */
.header-vattoggle { float: right; }
.exvat-toggle {
    display: inline-block;
    vertical-align: top
}
.vatToggle {
    width: 100px;
    padding-top: 14px;
    margin-left: 15px;
}
.vat-toggle {
    display: none;
}
.vatToggle .switch {
    text-align: center;
}
.vat-toggle + label {
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
    color: #fff;
    font-size: 12px;
}

input.vat-toggle-round-flat + label {
    padding: 2px;
    width: 60px;
    height: 30px;
    background-color: #222;
    border-radius: 60px;
    transition: background 0.4s;
}
input.vat-toggle-round-flat + label:before,
input.vat-toggle-round-flat + label:after {
    display: block;
    position: absolute;
    content: "";
}
input.vat-toggle-round-flat + label:before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #000099;
    border-radius: 60px;
    transition: background 0.4s;
}
input.vat-toggle-round-flat + label:after {
    top: 4px;
    left: 6px;
    bottom: 4px;
    width: 22px;
    background-color: #fff;
    border-radius: 52px;
    transition: margin 0.4s, background 0.4s;
}
input.vat-toggle-round-flat:checked + label {
    background-color: #222;
}
input.vat-toggle-round-flat:checked + label:after {
    margin-left: 28px;
    background-color: #fff;
}
.vatToggle .switch label span {
    position: absolute;
    top: 2px;
    left: 44px;
    width: 60px;
    color:#fff;
    font-size: 12px;
}
/* END VAT TOGGLE SWITCH */

#filters-container {
    float: left;
    width: 20%;
}
#filters-container .collapsing {
    -webkit-transition: none;
    transition: none;
}
#filters {
    width: 90%;
    text-align: left;
    background-color: #c4c4c4;
    border-color: #c4c4c4;
    color: #000;
    font-size: 12px;
}
#filters .fas {
    float: right;
    font-size: 18px;
}
#filters:hover, #filters:focus {
    background-color: #222;
    color: #fff;
}
#filters-nav {
    padding: 20px 10px;
    position: absolute;
    background: #fff;
    z-index: 100;
    border: 1px solid #eee;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    width: 97.5%;
}
#filters-nav .filter-title {
    padding: 10px;
    width: 15%;
    border-right: 1px solid #d1d1d1;
}
#filters-nav .filter-title:hover {
    background-color: #d1d1d1;
}
#filters-nav .filter-submenu {
    display: none;
    position: absolute;
    left: 15.5%;
    top: 10px;
    bottom: 0;
    padding-left: 20px;
    margin-top: 15px;
}
#filters-nav .filter-title:hover > .filter-submenu,
#filters-nav .filter-title:active > .filter-submenu {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(190px, 1fr));;
    height: fit-content;
    width: 84%;
}

/*Safari Browser Fix */
@supports (-webkit-appearance: none) {
    #filters-nav .filter-title:hover > .filter-submenu,
    #filters-nav .filter-title:active > .filter-submenu {
        height: auto;
        max-height: fit-content; /* Adjust spacing for Safari */
    }
}

#filters-nav .filter-submenu li.item-select {
}
#filters-nav .filter-submenu li.item-select label {
    font-size: 12px;
    width: auto;
    vertical-align: unset;
}
.frmPageNav {
    float: left;
    width: 75%;
    border: none;
}
.show, .sortby, .layoutButtons {
    margin-top: 0;
}
.show select, .sortby select, .layoutButtons select {
    background-color: #c4c4c4;
    border-color: #c4c4c4;
    padding: 6px 10px;
    font-size: 12px;
}
.layoutButtons { width: auto; }
.pagination {
    float: none;
    margin: 0 0 0 15px !important;
    font-size: 12px;
}
#tooltip-notifications.noty_type__success {
    background-color: #000099;
    border-bottom: 1px solid #000099;
}
#footer .copyright {
    text-align: center;
    padding: 15px;
}
#footer .google-review-icon {
    margin: 0 6px;
    display: inline-block;
}

.staticcarousel {
    position: relative;
}
.staticcarousel .main-heading {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: bold;
}

.contact-methods {
    clear: both;
}
.contact-methods .col-md-4 {
    margin-bottom: 15px;
}
.contact-methods .contact-content {
    background-color: #222;
    padding: 25px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}
.contact-methods h2 {
    color: #1100fe;
    margin: 30px 0;
}
.contact-methods p {
    margin-bottom: 20px;
}
.contact-methods a {
    color: #fff;
}
.contact-methods .contact-content h3 {
    font-weight: 700;
    text-align: center;
}
.contact-methods .contact-content .btn {
    width: 100%;
}
.contact-methods .contact-content .btn:hover {
    background-color: #000000;
    color: #ffffff;     
}
.black {
    color: #000;
}

.product_purchased_overlay {
    z-index: 1000;
    opacity: 0.8;
    border-bottom: 5px solid #FFF;
}
.product_purchased_overlay .fa-shopping-cart {
    color: #0c509f;
    font-size: 12px;
}

#editbaskettable tbody tr td p.reserve {
    padding: 15px 0 0 0;
    font-weight: bold;
}

.product-box .wishlistform, .suggested-box .wishlistform {
    top: 0;
    right: 10px;
    position: absolute;
    z-index: 99;
}

.home-info {
    background-color: #c4c4c4;
    max-width: 1920px;
    margin: auto;
}
.home-info .info-point {
    width: 20%;
    float: left;
    font-family: "Freeman", "Helvetica Neue", Helvetica, Arial, sans-serif;
    border-right: 1px solid #333;
    margin: 5px 0;
}
.home-info .info-point:last-child {
    border-right: none;
}
.home-info .info-point > div {
    padding: 5px 10px;
    text-align: center;
}
.home-info .info-point p {
    display: inline-block;
    margin-bottom: 0;
    padding-left: 5px;
    font-size: 16px;
}
.home-info .info-point a:hover {
    color: #fff;
}
.home-info .info-point .fas {
    font-size: 20px;
    color: #000099;
    padding: 0 10px;
    vertical-align: top;
}
.home-info .info-point .percent {
    font-size: 24px;
    color: #000099;
    padding: 0 10px;
    vertical-align: top;
    line-height: 20px;
}

#accordion.datasheets .panel-default {
    -webkit-box-shadow: none;
    box-shadow: none
}
#accordion.datasheets .panel-default .panel-body {
    border: none;
}
#accordion.datasheets .panel-default .panel-heading {
    background: none;
    border: 1px solid #f1f1f1;
    color: #333;
    padding: 0;
}
#accordion.datasheets .panel-title a {
    padding: 10px 15px;
}
#accordion.datasheets .panel-title a:hover {
    background-color: #f2f2f2;
}
#accordion.datasheets .panel-title a:focus {
    text-decoration: none;
}
#accordion.datasheets .panel-title a::after {
    content: "\f106";
    color: #666;
}
#accordion.datasheets .panel-title .collapsed::after {
    content: "\f107";
    color: #666;
}
#accordion.datasheets .datasheetLink {
    padding: 10px;
    border: 1px solid #f2f2f2;
    width: 45%;
    float: left;
    margin: 4px;
    background-color: #f2f2f2;
    color: #000;
}
#accordion.datasheets .datasheetLink:hover {
    background-color: #6d6d6d;
    color: #fff;
}
.google-review-icon {
    max-height: 20px;
    vertical-align: sub;
}

#leftsidebar .portal {
    margin-top: 15px;
}
#favourites-modal {
    z-index: 1210;
}
.favourite-product-buttons .quantity .dec, .favourite-product-buttons .quantity .inc {
    padding: 6px 10px;
}
.favourite-product-buttons .quantity .buy-qty {
    height: 37px;
}

.header-myaccount {
    position: relative;
    float: right;
    z-index: 1095;
}
.header-myaccount .dropdown-menu {
    top: 90px;
    left: -65px;
    padding: 10px;
}
.header-myaccount .dropdown-menu>li>a {
    padding: 5px 26px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}
.header-myaccount .portalindexheader {
    padding-top: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    text-align: center;
}
.header-myaccount .logout-form {
    float: unset;
}
.header-myaccount .logout-form a {
    padding: 5px 26px;
    display: inline-block;
    width: 100%;
    text-align: center;
}
#header-detail .header-myaccount .navbar-myaccount .fas.my-account {
    background-color: #fff;
    padding: 0 12px;
    color: #000099;
    width: 42px;
    height: 0;
}

#chemicalModal .modal-dialog {
    top: 200px;
}
.age-restrict {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 35px;
    height: 35px;
    z-index: 1;
}
.age-restrict.product {
    top: 20px;
    left: 20px;
}
.quickbuy .age-restrict.product {
    top: 85px;
    left: 20px;
}
.age-restrict-alert {
    color: red;
    font-weight: bold;
    padding: 10px 5px;
}

.staticcontent h2 {
    color: #fff;
}
.staticcontent a {
    color: #000;
}
#accordion .panel-body a {
    display: inline;
}
.static-page-banner {
    position: relative;
}
.static-page-banner .slides h1.main-heading {
    font-family:"Freeman","Helvetica Neue",Helvetica,Arial,sans-serif;
    position: absolute;
    color: #fff;
    font-weight: bold;
    font-size: 66px;
    top: 45%;
    transform: translate(0, -45%);
}
.static-black-background {
    padding: 20px;
    background-color: #222;
    display: block;
    height: auto;
    float: left;
    width: 100%;
    color: #fff;
    margin: 30px 0;
}
.static-black-background h1 {
    color: #fff;
}
.static-black-background p {
    font-size: 16px;
}
.static-black-background h3 {
    font-size: 26px;
}
.static-black-background a {
    color: #fff;
}
.static-black-background .contact-type {
    padding: 10px 0;
    display: flex;
    align-items: center;
}
.static-black-background .contact-type .fas {
    margin-right: 10px;
    color: #011bf3;
    font-size: 28px;
}
.static-black-background:nth-child(2), .static-black-background:nth-child(3) {
    margin-top: 0;
}
.static-3-block {
    background-color: #222;
    color: #fff;
    text-align: center;
    padding: 30px;
    margin-top: 20px;
}
.static-3-block .fas {
    font-size: 90px;
    color: #011bf3;
    margin-bottom: 30px;
}
.contact-submit {
    width: 50%;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 20px;
    margin-bottom: 20px;
}
.staticcontent #accordion .panel-default, #accordion.panel-group .panel-default {
    border: 1px solid #ccc;
}
.staticcontent #accordion .panel-default > .panel-heading, #accordion.panel-group .panel-default > .panel-heading {
    border-bottom: 1px solid #ccc;
}
#accordion.panel-group .panel-default {
    margin-top: 15px;
}
.staticcontent #accordion .panel-body {
    color: #000;
}

.about-block:nth-child(3), .about-block:nth-child(5) {
    clear: both;
}
.about-block {
    margin: 20px 0;
}
.about-block img {
    max-height: 300px;
    margin: 0 auto;
}

.static-3-block img {
    width: 65%;
    margin: 0 auto;
}
.static-blocks {
    margin-bottom: 20px;
}

.static-block-box {
    /* Removed for cc-45
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    */
    overflow: hidden;
}
.static-block-box img {
    transition: transform 0.3s ease;
}

.static-block-box img:hover {
    transform: scale(1.05);
}

.trustpilot-widget {
    padding: 15px 0;
}
.header-social .trustpilot-widget {
    padding: 10px 0 15px 0;
}
.static-black-background .table td {
    border-top: 0;
    font-size: 16px;
    padding: 4px;
}
.static-black-background.faq {
    float: none;
}

.main-content.static {
    padding: 0;
    display: block;
    height: auto;
    float: left;
    width: 100%;
    color: #fff;
    margin: 0;
}
button.reserve {
    color: #ff0000;
    border: none;
    background-color: transparent;
    margin-top: 0;
    padding: 0;
}
button.reserve:focus {
    outline: none;
    color: #ff0000;
}
span.reserve-text {
    color: #ff0000;
}
.basketdesccol .popover {
    border: 1px solid #ff0000;
}

@media only screen and (max-width: 1024px) {
    #SearchResults { top: 131px; left: 26px; width: 393px; }
    .catcarousel .slides h1.main-heading {
        font-size: 45px;
    }
}
@media only screen and (max-width: 1199px) {
    .colours {
        font-size: 12px;
    }
    .carriage { padding-right: 6px; font-size: 11px; }
    #footer h3 { font-size: 20px; }
}
@media only screen and (min-width: 992px) {
    .delopt tr > td:nth-child(2) { min-width: 200px; }
    .brands { max-height: 200px; }
    header { margin-top: 0; }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .navbar .level1 { height: 90px; }
    .navbar-default .navbar-nav > li > a { height: 90px; }
    #header-logo p { font-size: 12px; }
    .navbar button { font-size: 13px; }
    .header-links { width: auto; font-size: 11px; }
    .header-links li a { margin-top: 4px; }
}

@media only screen and (min-width: 1025px) {
    #page { width: 1200px; }
}

@media only screen and (max-width: 992px) {
    .navbar-header { height: 50px; background: #000; }
    .fa-shopping-cart { font-size: 22px; margin-right: 4px; color: #FFFFFF; }
    .fa-user { color: #FFFFFF; }
    .fa-search { color: #FFFFFF; }
    .fa-bars { color: #000!important; }
    #collapse-nav { background: #FFF; }
}

@media only screen and (max-width: 991px) {
    header { margin-top: 50px; }
    .navbar-header { height: 50px; background: #222; }
    .container { clear: both; }
    .home-info .info-point p { font-size: 14px; display: block; }
    .home-info .info-point .fas { font-size: 14px; }
}

@media only screen and (max-width: 768px) {
    .fa-shopping-cart { font-size: 22px; margin-right: 4px; color: #FFFFFF; }
    .fa-user { color: #FFFFFF; }
    .fa-search { color: #FFFFFF; }
    .fa-bars { color: #000!important; }
    #collapse-nav { background: #FFF; }
    body { margin-bottom: 715px; }
    .navbar { border-bottom: 1px solid #ddd; }
    .pagenav-bottom { height: 80px; }
    .buttons-bot .btn-primary { padding: 10px 10px; }
    .delopt tr > td:nth-child(2) { min-width: 200px; }
    .right { margin-top: 20px; }
    .right p { text-align: center; }
    .quick-head p { text-align: left; }
    #SearchResultsMobile { top: 105px; left: 5px; width: 98%; }
    .doing-today .joblists img { margin: 0 auto; width: auto; }
    #home-cat-adds .home-caption {
        font-size: 12px;
    }
    #home-wide-adds .home-caption {
        font-size: 24px;
    }
    .catcarousel .slides h1.main-heading {
        font-size: 35px;
    }
}

@media only screen and (max-width: 640px) {
    .basketsubmit .fas { left: 32%; }
    .catcarousel { height: 100px; overflow: hidden; }
    .catcarousel .slides { height: 100px; }
    .catcarousel .slides h1.main-heading {
        font-size: 26px;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -25%);
        text-align: center;
        z-index: 10;
        width: 80%;
    }
    .catcarousel .slides img {
        position: relative;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: 50%;
        transform: scale(3) translate(-5%, 30%);
        z-index: 1;
    }
}
@media only screen and (max-width: 768px) {
    .modal.quickbuy .modal-dialog .modal-content {
        padding: 20px;
    }
    .modal h3.quick-buy-heading {
        font-size: 30px;
    }
}
@media only screen and (min-width: 768px) {
    #home-cat-adds .cat-column {
        width: 20%;
        margin: 10px 0;
    }
}

@media (max-width: 767px) {
    .table-homepage {
        /* width: 100%; */
        max-width: 50% !important;
        margin-bottom: 15px;
        overflow-y: auto;
        /* overflow-x: scroll; */
        /* overflow: auto; */
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #dddddd;
        -webkit-overflow-scrolling: touch;
    }
    .col-md-9 table img {
        max-width: 100% !important;
    }
    .basketsubmit .fas { left: 28%; }
    #accordion.panel-group { margin-top: 20px; }
}

@media only screen and (max-width:1199px){
    .navbar-social{padding:9px 8px}.header-phone{padding-right:20px}.header-search{width:40%}
    .home-info .info-point p {
        font-size: 12px;
    }
}

@media only screen and (min-width:992px){
    .main-content{float:right!important}
}
@media only screen and (max-width:991px){
    .navbar-header .navbar-social{display:none}#logo-mobile{display:inline;max-height:35px}
    .navbar-collapse.collapse{display:none!important}
    .navbar-collapse.collapse.in {display: block!important;}
    .navbar .navbar-toggle{display:block;margin-right:2px;font-size:18px;padding:9px 6px}
    .navbar-default .navbar-toggle{border-color:transparent}
    .navbar-brand{padding:10px 15px}
    .basket .badge{position:absolute;top:5px;left:20px}
    .pdetails{margin-top:15px}
    .product-details{position: relative; top: 0}
    #collapse-nav{margin-left:4px}
    #collapse-nav .fa-bars{font-size:20px}
    .main-cat-image{display:none!important}
    .catcarousel.grouped .slides { padding: 0 8px; display: grid; text-align: center; }
}

@media only screen and (max-width: 480px) {
    body { margin-bottom: 775px; }
    .pagenav-bottom { height: 180px; }
    .buttons-bot .btn-primary, .buttons-bot .btn-default { width: 100%; }
    #baskettocheckout, #basketupdatebasket, #basketcontinueshopping, #clickcollect { width: 100%; margin: 0; }
    #clickcollect { padding: 10px; max-width: 100%; }
    #editbaskettable { margin-top: 20px; }
    h1 { font-size: 24px; }
    #SearchResultsMobile { top: 102px; left: 4px; width: 95%; }
    .doing-today .joblists { min-height: auto; }
    .doing-today > div { min-height: auto; }
    .brand-logo img { float: left; }
    #home-cat-adds .cat-column {
        width: 50%;
        margin-top: 20px;
    }
    #home-wide-adds .home-caption, #home-sub-adds .home-caption {
        font-size: 20px;
    }
    #home-cat-adds-discount > div {
        margin-bottom: 20px;
    }
    #home-cat-adds-discount > div:last-child {
        margin-bottom: 0;
    }
    .modal.quickbuy .modal-dialog { width: 95%; }
    .modal { top: 50px; }
    .modal .pdetails .add .quantity .basketqtylabel { display: none;}
    .modal .basketsubmit .fas { left: 5%; }
    .modal .add input#basketsubmit { padding: 12px 2px 12px 25px; }
    .modal.quickbuy .modal-dialog .modal-content { padding: 10px; }
    .modal .quick-buy-basket-info, .modal.quickbuy .more { font-size: 14px; }
    .modal.quickbuy .modal-dialog .modal-content .row .col-md-6:nth-child(2) { padding: 0; }
    .modal.quickbuy .modal-dialog .modal-content .container-fluid { padding-right: 0; }
    .modal.quickbuy .pdetails #product-price { font-size: 24px; }
    .modal.quickbuy .pdetails .add .quantity { margin-right: 0; }

    .catcarousel { height: 100px; }
    .catcarousel.grouped .slides { padding: 0 8px;; }

    .navbar-header{margin-left:0!important}
    .navbar-brand{padding:10px 8px}
    #breadcrumbs{display:none}
    .home-content { margin-bottom: 20px; }
    #home-sub-adds, #home-cat-adds, #home-cat-adds-discount { margin-bottom: 20px; }
    #home-wide-adds { margin-bottom: 0; }
    #home-sub-adds .col-xs-12:nth-child(1) .home-container-box, #home-sub-adds .col-xs-12:nth-child(2) .home-container-box, #home-sub-adds .home-container-box {
        margin-top: 20px;
    }
    #home-cat-adds .cat-column:nth-child(1), #home-cat-adds .cat-column:nth-child(2) { margin-top: 0; }

    .static-page-banner .slides h1.main-heading { font-size: 24px; }
    .contact-methods .contact-content { margin-top: 10px; }
}

.back-to-top-container a {
    background-color: unset;
    padding: 10px 5px;
}
.back-to-top-container a:hover, .back-to-top:hover {
    background-color: unset;
}
.back-to-top-container {
    bottom: 19px;
    z-index: 9999;
}
@media (max-width: 991px) and (min-width: 768px) {
    #portalDropdown {
	margin-left:65%;
	text-align:center;
    }
    #portalDropdown #logoutform {
	float:unset;
    }
}
@media (max-width: 767px) {
    #portalDropdown {     
        margin-left:50%;
	margin-right:10%;
        text-align:center;
    }
    #portalDropdown #logoutform {
        float:unset;
    }
}
.btn-primary-contact {
    color: #ffffff;
    background-color: #ffffff;
    border-color: #ffffff;
}

/*Critical CSS modification for main wrapper to rmeove top padding*/
.main {
    padding-top: 0;
}

/*Fix display of static page banners*/
.static-page-banner .slides {
    display: block;
}