body {
    font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'futura-pt';
}

a { color: #333; }
a:hover { color: #333; }
h3,h4,h5,h6 { color: #333; font-weight: normal; }
.btn-primary { background-color: #4e4e4e; border-color: #4e4e4e; }
.btn-primary:hover { background-color: #bf6361; border-color: #bf6361; }
.btn-primary:focus,.btn-primary:active { background-color: #bf6361; border-color: #bf6361; }
.btn:focus, .btn:active:focus, .btn.active:focus { outline: none; }
header { margin-top: 50px; }
.main-heading, .staticcontent h1 { color: #b20000; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #4e4e4e; font-size: 22px; }
.redbtn { background-color: #33891b; border-color: #33891b; }
.redbtn:hover { background-color: #2c691a; border-color: #2c691a; }

.navbar.navbar-fixed-top { background: #4e4e4e; }
.navbar { margin-top: 0px!important; background: transparent; }
.navbar .level1 { width: auto; }
.navbar-header { background-color: #4e4e4e; }
.navbar-header { height: 48px; }
.navbar-header li { display: inline-block; padding: 4px 10px; color: #fff; text-align: left; font-weight: 600; font-size: 14px; float: left; }
.navbar-header .fa-stack { margin-right: 6px; }
.navbar-header .fa-stack-2x { color: #b20000; }
.navbar-header .account { background-color: #b20000; border-color: #b20000; padding: 7px 15px; font-size: 13px; font-weight: 600; }
.navbar-header .account:hover { background-color: #a20000; border-color: #a20000; }
.navbar-header a:hover, .navbar-header a:focus { color: #fff; }
.yamm .nav-heading a { color: #b20000; font-weight: 600; font-size: 15px; line-height: 30px; }
.yamm .nav-heading.more a { font-style: italic; }

.navbar .level1 .dropdown-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: 4px 10px;
    clear: both;
    font-weight: 400;
    font-size: 14px;
    color: #b20000;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.yamm .level3 a { font-size: 14px; line-height: 26px; }

.yamm .dropdown-menu-right { padding: 10px 0; text-align: right; }

.headmain { padding-top: 5px; }
.header-search { clear: none; width: 60%; float: left; margin-left: 20px; margin-top: 50px; }
.header-search .fa-search { color: #b20000; }
.header-search .searchform { border: 1px solid #999!important; margin-top: 0px; }
.header-search .searchform .searchterm { background: #fff; border: 0px solid #999!important; height: 38px; box-shadow: none; }
.header-search .searchform .btn { background: #fff; border: 0px solid #999!important; border-left: 0px; padding: 7px 14px 8px 14px; }
.header-search .searchform .btn .fa-search { font-size: 20px; }

.header-basket { padding-left: 60px; margin-top: 30px; width: 30%; position: relative; }
.header-basket .dropdown-menu {
    text-align: left;
    left: 25px;
    top: 90%;
    padding: 10px 0px;
}
.header-basket .dropdown-menu li a {
    color: #b20000;
    font-weight: bold;
    padding: 4px 15px;
    line-height: normal;
}
.header-basket .dropdown-menu li .logout-form {
    float: none;
}
.header-basket .dropdown-menu li .logout-form a {
    font-weight: normal;
    padding-top: 5px;
    display: inline-block;
}
.header-basket a { line-height: 32px; }
.header-basket .fa-user, .header-basket .fa-shopping-cart { font-size: 40px; color: #4e4e4e; }

#header-logo svg { max-height: 130px; width: auto; }

table.search th.image { border-top: 1px solid #ddd; }
table.search .price span { font-size: 14px; }

#basket-icon { display: inline-block; }
.basketButton { padding: 1px 10px; vertical-align: top; margin-left: 15px; }
.basketButton .fa-shopping-cart:before { padding-right: 22px; }
.btn-primary .badge { background-color: transparent; color: #fff; font-weight: 600; top: 0px; padding: 0px; }
.navbar-myaccount { float: left; margin: 0px; padding: 0px; line-height: 38px; }
.navbar-myaccount:hover { text-decoration: underline; }

/*.basketqtycol .dec, .basketqtycol .inc { display: none; }*/
#editbaskettable .basketqtycol, #editbaskettable tbody tr td.basketqtycol input.form-control.basket-qty { max-width: 60px; }
.basket-qty { border: 2px solid #b20000!important; }
#baskettocheckout .btn { background-color: #33891b; border-color: #33891b; }
#baskettocheckout .btn:hover, #baskettocheckout .btn:focus { background-color: #3b9f1f; border-color: #3b9f1f; }

#baskettocheckout .modal-header { background-color: #ebebeb; }
#baskettocheckout .modal-footer { border-top: none; }
#baskettocheckout .modal-footer .btn { background-color: #4e4e4e; border-color: #4e4e4e; color: #fff; }

.my-basket .postcode-estimator-result legend { margin-bottom: 5px; font-size: 15px; }
.my-basket .postcode-estimator-result .delopt { margin-bottom: 15px; }
.trash { font-size: 16px!important; }

.container-full-nav {
    border-top: 1px solid #a1a1a1;
    background: #ebebeb;
    background: linear-gradient(to bottom, #ebebeb 0%, #e6e6e6 90%);
    /* "IE9 and older code no longer required:" filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#e6e6e6',GradientType=0 ); */
}
.megamenu-border-btm {
    height: 8px;
    background: #ebebeb;
    background: linear-gradient(to bottom, #f7f7f7 0%, #e6e6e6 90%);
    /* "IE9 and older code no longer required:" filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7', endColorstr='#e6e6e6', GradientType=0); */
}

.navbar .level1 { background: transparent; }
.yamm .level1 > a { font-weight: 600; padding: 21px 12px; color: #000; font-size: 14px!important; }
.navbar-default .navbar-nav > li:hover > a { background-color: #fff; color: #b20000; }

.yamm .level1:last-child > a { padding-right: 10px; }

#main-nav2 > ul > li > ul { border-top-color: #fff; }
#myaccount.navbar-myaccount { margin-left: 8px; }

.header-info {
    margin: 14px 0 10px;
    -webkit-box-shadow: 8px 8px 10px 0px #ccc;
    -moz-box-shadow: 8px 8px 10px 0px #ccc;
    box-shadow: 8px 8px 10px 0px #ccc;
}
.header-info .info-inner { margin: 20px 0; text-align: center; color: #4e4e4e; border-right: 1px solid #4e4e4e; }
.header-info .info-inner:last-child { border-right: none; }
.header-info .info-inner p { margin-bottom: 0; }
.header-info .info-inner p:first-child { font-weight: 700; }
.header-info .info-inner p:nth-child(2) { font-size: 13px; }

.homecarousel { margin-top: 0; background-color: #fff; }
#home-sub-adds { margin: 50px 0; }
#home-sub-adds img { border: 0; margin-top: 0;}
#home-sub-adds .caption { text-align: center; margin-bottom: 20px; min-height: 30px; }
#home-sub-adds .caption h5 { font-size: 18px; font-weight: bold; }
#home-sub-adds .browse { border: 1px solid #4e4e4e; padding: 6px 5px; text-align: center; width: 100px; margin: 0 auto; }
#home-sub-adds a:hover { text-decoration: none; }
#home-sub-adds a .browse:hover { text-decoration: none; background-color: #4e4e4e; color: #fff; }
#home-sub-adds .image-container { width: 100%; height: 300px; position: relative; text-align: center; }
#home-sub-adds .image-container .img-responsive { max-width: 100%; max-height: 300px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0 auto; }
#home-sub-adds .home-page-advert-block {
    text-align: center;
    border: 1px solid #cccccc;
    -webkit-box-shadow: 0px 0px 15px 4px #ddd;
    -moz-box-shadow: 0px 0px 15px 4px #ddd;
    box-shadow: 0px 0px 15px 4px #ddd;
    padding: 10px;
    margin-bottom: 15px;
    display: block !important;
}

.shop-with-us .image-container {
    border: 1px solid #cccccc;
    -webkit-box-shadow: 0px 0px 15px 4px #ddd;
    -moz-box-shadow: 0px 0px 15px 4px #ddd;
    box-shadow: 0px 0px 15px 4px #ddd;
}

.featured-title { font-size: 20px; font-weight: bold; border-bottom: 1px solid #4e4e4e; padding-bottom: 4px; margin: 20px 0 20px; background: transparent; text-align: left; }
.featured { padding: 10px 0; }
.featured-list { margin: 0 8px;  }
.featured-list .image-container { width: 100%; height: 180px; position: relative; text-align: center; background-color: #fff; }
.featured-list .image-container .thumb { max-width: 100%; max-height: 130px; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0 auto; }
.featured-list.thumbnail {
    border: 0;
    -webkit-box-shadow: 0px 0px 9px 1px #ddd;
    -moz-box-shadow: 0px 0px 9px 1px #ddd;
    box-shadow: 0px 0px 9px 1px #ddd;
    background: #f3f3f3;
}

.featured-list .thumbnail:hover { text-decoration: none; }
.featured-list .thumbnail:hover .caption .btn { background-color: #bf6361; border-color: #bf6361; }
.featured-list .caption { text-align: center; }
.featured-list .caption h6 { font-family: 'Roboto', sans-serif; height: 70px; padding-top: 5px; line-height: 16px; text-align: center; }
.featured-list .caption h3 { font-family: 'Roboto', sans-serif; text-align: center; font-size: 12px; }
.featured-list .caption h3 span.price { font-size: 15px; font-weight: 600; }
.featured-list .caption .btn { border-radius: 14px; background-color: #b20000; border-color: #b20000; margin-top: 10px; padding: 6px 15px; }
.featured-list .caption .btn:hover { background-color: #bf6361; border-color: #bf6361; }
.featured-list .caption button:first-child { width: 65%; }

#home-slideshow-section, #home-featured-products-section, #home-sub-adds, #home-brands-section {
    margin-bottom: 10px;
}
div#splide-brands-track, div#splide-featured-track {
    padding-bottom:0;
}
.homepage-paragraph {
    padding-top: 40px;
}

.media-blocks { min-height: 120px; }
.media-blocks, .account-blocks { background-color: #b20000; text-align: center; color: #fff; }
.media-blocks.newsletter { background-color: #4e4e4e; }
.media-blocks:hover, .account-blocks:hover { background-color: #bf6361; }
.media-blocks .fa { font-size: 46px; }
.account-blocks .fa { font-size: 30px; margin-right: 70px; }
.account-blocks, .media-blocks { display: inline-block; width: 100%; }
.account-blocks a, .media-blocks a { color: #fff; display: block; padding: 20px; }
.media-blocks a { min-height: 120px; }
.account-blocks a:hover, .media-blocks a:hover { text-decoration: none; }
.account-blocks .fa, .media-blocks .fa { vertical-align: middle; }
.media-blocks p, .account-blocks p { display: inline-block; vertical-align: middle; margin: 0; font-size: 18px; font-weight: bold; }
.account-blocks p { font-size: 16px; }
.media-blocks.newsletter div { padding: 15px 0; }
.media-blocks.newsletter p { text-align: center; }
.media-blocks p span { display: inline-block; font-size: 13px; line-height: 18px; font-weight: 600; }
.media-blocks.blog { text-align: left; }
.media-blocks.blog p { font-size: 26px; padding: 0 10px; }

.breadcrumb { border: 0; background-color: #fff; font-weight: normal; margin-bottom: 5px; }

.cat-description {
    padding: 10px;
    font-size: 13px;
}
.cat-description a.read-more {
    color: #b20000;
}

#leftsidebar .panel-default .panel-heading { border-color: #222; }
#leftsidebar .panel-default { border: 0; -webkit-box-shadow: none; box-shadow: none; }

.topproducts-title, .recent-title { text-align: center; padding: 15px; }

.product-filter-container > .panel-heading { display: none; }
.product-filter-container { background: #fff; }
#leftsidebar .product-filter-container > .panel-heading { border-bottom: 0; }
.product-filter-container #accordion .panel-heading a, .product-filter-container #accordion .panel-heading a.collapsed { background: none; padding-left: 5px; }
.product-filter-container #accordion .panel-heading { padding: 10px 5px; border-bottom: 0; color: #b20000; font-weight: bold; background-color: #fff; }
.product-filter-container #accordion .panel-heading h2 { font-weight: bold; border: none; }
.product-filter-container #accordion.panel-group { margin-top: 5px; }
.product-filter-container #accordion .panel-body { padding: 0; }

.catcarousel { display: none; }
.catcarousel.show-content { display: block; }
.catcarousel > div, .catcarousel-1 > div { margin-bottom: 20px; }
.loading { line-height: 280px; }
.loading-hide { display: none; }

#main-filterpanel .panel-default {
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 15px;
}

#main-filterpanel .panel-title a::after {
    font-family: "FontAwesome";
    content: "\f106";
    font-size: 16px;
    float: right;
    color: #4e4e4e;
}
#main-filterpanel .panel-title .collapsed::after {
    font-family: "FontAwesome";
    content: "\f107";
    font-size: 16px;
    float: right;
    color: #4e4e4e;
}

.grouped-category-box, .product-box, .category-box {
    text-align: center;
    border: 0;
    -webkit-box-shadow: 0px 0px 15px 4px #ddd;
    -moz-box-shadow: 0px 0px 15px 4px #ddd;
    box-shadow: 0px 0px 15px 4px #ddd;
}
.grouped-category-box:before, .product-box:before, .category-box:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 5px;
    left: 20px;
    right: 20px;
    bottom: 35px;
    border: 1px solid #f3f3f3;
}
.grouped-category-box .viewoptionsform { margin-bottom: 18px; }
.product-box .product-caption h2 { font-size: 15px; line-height: 22px; font-weight: bold; }
.product-box .product-code { font-size: 12px; height: auto; }
.product-box .product-code .manf-code { display: block; margin: 4px 0; }
.product-box .btn { width: 90%; padding: 8px 15px; margin-bottom: 15px; }

.product-box .grid-view-buttons .price-block {
    border: none;
    min-height: auto;
}
.product-box .price-block {
    padding: 10px 0;
}

.addtoquote-prodgrp-table #quotesubmitinput,.quotesubmitinput-prodlist { color: #333; }

.pdetails { border: none; }
.pdetails > div { border: 1px solid #ddd; padding: 15px; }
.pdetails .addtoquote { text-align: center; }
.pdetails .main-heading { color: #4e4e4e; border-bottom: none; }
.pdetails .code { margin-top: 0; font-size: 18px; }
.pdetails #basketsubmit { background-color: #33891b; border-color: #33891b; }
.pdetails #basketsubmit:hover, .pdetails #basketsubmit:focus { background-color: #3b9f1f; border-color: #3b9f1f; }

#btnAddToOrder { background-color: #33891b; border-color: #33891b; }

h4.suggested { color: #4e4e4e; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #4e4e4e; font-size: 22px; }
.suggested-container .thumbnail { border: 0; background-color: #f3f3f3; }
.suggested-container .thumbnail:hover { text-decoration: none; background-color: #ddd; }
.suggested-caption, .suggested-box-price { padding: 9px; text-align: center; }
.suggested-image-container { background-color: #fff; }
.suggested-links { padding: 10px; text-align: center; }
.suggested-links .btn {
    border-radius: 11px;
    background-color: #b20000;
    border-color: #b20000;
    margin-top: 10px;
    padding: 6px 15px;
}
.suggested-links .btn:first-child {
    width: 45%;
}
.suggested-box-price span.price {
    font-size: 15px;
    font-weight: 600;
}

.quotesubmitinput-prodlist, .wishlistsubmitinput-prodlist, .addFavourite, .moveFavourite {
    color: #333;
}
.quotesubmitinput-prodlist:hover, .wishlistsubmitinput-prodlist:hover, .addFavourite:hover, .moveFavourite:hover {
    color: #b20000;
}

#quotesubmitinput:hover,.quotesubmitinput-prodlist:hover { color: #b20000; }
.quotesubmitinput-prodlist { color: #333; }

#quoteform table input { width: 98%; }
.addproducttoquote .qtycol { border-bottom-width: 0; border-top-width: 2px; }

#wishlistsubmitinput { color: #333; }
#wishlistsubmitinput:hover { color: #b20000; }

.main-content #accordion .panel-heading { padding: 0; border: 0; border-bottom: 1px solid #222; background-color: #fff; }
.main-content #accordion .panel-heading h4 a { padding: 10px 15px 10px 25px; text-decoration: none; background: url(../images/sidebar-icon.png) no-repeat 2px -33px; font-weight: bold; }
.main-content #accordion .panel-heading h4 a.reviews { background: none; font-weight: bold; }
.panel-default { border: 0; -webkit-box-shadow: none; box-shadow: none; }
.main-content #accordion .panel-heading h4 a.collapsed { background: url(../images/sidebar-icon.png) no-repeat 2px 10px; }
.main-content .image { border: 0; }

.panel-default { border: 0; -webkit-box-shadow: none; box-shadow: none; }
.panel-default .panel-heading { border: 0; background-color: #ebebeb; }

.add input#basketsubmit { margin: 10px 0; }

.staticcontent .post { padding: 0; border: 0; cursor: pointer; margin-bottom: 40px; max-height:360px; }
.staticcontent .post:hover .post-list-text { background-color: #9f0000; }
.staticcontent .post-detail { padding: 0 15px; }
.staticcontent .post-detail h2 { font-size: 22px; font-weight: bold; margin-bottom: 20px; }
.staticcontent .post-image p { margin: 0; }
.staticcontent .post-list-text { background-color: #b20000; overflow: auto; padding: 20px 30px; min-height: 240px; }
.staticcontent .post-list-text h2, .staticcontent .post-list-text p, .staticcontent .post-list-text li, .staticcontent .post-list-text a { color: #fff; }
.staticcontent .post-list-text h2 { font-weight: bold; font-size: 18px; }
.staticcontent .post-list-text p, .staticcontent .post-list-text li { font-size: 13px; }
.staticcontent .post-list-text ul { list-style: outside disc none; padding-left: 25px; }

.staticcontent .pagination.articles { text-align: center; }
.staticcontent .pagination.articles li { display: inline-block; padding: 5px; }
.staticcontent .pagination.articles input { background: none; border: none; font-size: 14px; font-weight: bold; }
.staticcontent .pagination.articles input:hover { color: #000; }

.staticcontent { position: relative; padding: 0 15px; }
.staticcontent h4 { color: #b20000; margin-bottom: 20px; font-weight: bold; font-size: 15px;  }
.staticcontent p { margin-bottom: 20px; }

.staticcontent .grey.apply-today { background: #f7f7f7; padding: 20px 15px; font-size: 16px; }
.staticcontent h4.landing-heading { font-size: 20px; }
.staticcontent .enter-points { padding: 20px 70px; background-color: #f7f7f7; font-weight: bold; font-size: 20px; margin-bottom: 50px; }
.staticcontent .enter-points a { color: #b20000; }
.staticcontent .enter-points li:first-child { background: transparent url("../images/landing-page-bullet1.png") no-repeat 0 0; height: 80px; margin: 20px 0; padding: 20px 0 20px 160px; text-align: center; }
.staticcontent .enter-points li:nth-child(2) { background: transparent url("../images/landing-page-bullet2.png") no-repeat 0 0; height: 80px; margin: 20px 0; padding: 20px 0 20px 160px; text-align: center; }
.staticcontent .enter-points li:nth-child(3) { background: transparent url("../images/landing-page-bullet3.png") no-repeat 0 0; height: 80px; margin: 20px 0; padding: 20px 0 20px 160px; text-align: center; }
.staticcontent .landing-apply { text-align: center; }
.staticcontent .landing-apply .btn { padding: 20px 60px; font-size: 16px; font-weight: bold; background-color: #b20000; border-color: #b20000; margin: 40px 0; }
.staticcontent .landing-apply .btn:focus, .staticcontent .landing-apply .button .btn:active,
.staticcontent .landing-apply .btn:hover { background-color: #bf6361; border-color: #bf6361; }

#footer .newsletter { background-color: #727272; padding: 10px; margin-bottom: 30px; }
#footer .newsletterform h4, #footer .newsletterform p { display: inline; color: #ffffff; }
#footer .newsletterform .text { padding: 8px; text-align: right; }
#footer .newsletterform .newsletterfield { width: 100%; }
#footer .newsletterform input.newsletter-btn { border: 1px solid #b20000; background-color: #b20000; }
#footer .newsletterform input.newsletter-btn:hover, #footer .newsletterform input.newsletter-btn:focus { border: 1px solid #bf6361; background-color: #bf6361; }

footer { padding-bottom: 0; }
footer, #footer { background: #3f3f3f; color: #fff; font-size: 14px; }
#footer a { color: #fff; }
#footer .panel-default, #footer .panel-default > .panel-heading { border-color: transparent; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0); box-shadow: 0 0px 0px rgba(0, 0, 0, 0); background-color: transparent; }
#footer .panel-default .panel-title { font-weight: normal; }
#footer .panel-default .panel-body { padding-top: 0; }
#footer .panel-default .panel-body p, #footer .panel-default .panel-body li { font-size: 13px; }
#footer #accordion-information li a { font-size: 14px; line-height: 20px; }
#footer .copy { text-align: center; font-size: 12px; padding-bottom: 30px; }
#footer .panel-default h3.panel-title { font-size: 16px; font-weight: 600; margin: 10px 0 20px; color: #fff; }
#footer #accordion-contact .fa-stack-2x { color: #b20000; }
#footer #accordion-contact .fa-stack:hover .fa-stack-2x { color: #bf6361; }
#footer #accordion-contact td { vertical-align: top; font-size: 14px; padding-bottom: 10px; }
#footer #accordion-contact tr td:nth-child(2) { padding-top: 6px; }
#footer #accordion-contact span:first-child { margin-right: 30px; }

#footer #accordion-quick ul li { display: inline-block; padding: 0 3px; }
#footer #accordion-quick .fa-square { color: #fff; font-size: 1.8em; }
#footer #accordion-quick .social-fb { color: #4267B2; }
#footer #accordion-quick .social-tw { color: #1DA1F2; }
#footer #accordion-quick .social-li { color: #0077b5; }
#footer #accordion-quick .social-in .fa-instagram {
    color: transparent;
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background-clip: text;
    -webkit-background-clip: text;
}

.owl-carousel { display: none; }
.owl-theme .owl-dots .owl-dot span { background: #ebebeb; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #4e4e4e; }
.owl-theme .owl-controls { margin-top: 10px; text-align: center; -webkit-tap-highlight-color: transparent; bottom: 2px; }

.drilldown .navback { background: #4e4e4e; }
.drilldown a.navback { color: #fff; }
.drilldown a { color: #333; font-weight: 600; }
.drilldown li { background: #fff; }
.drilldown-root { border-bottom: 1px solid #4e4e4e; }

.video { position: relative; padding-bottom: 65%; height: auto; overflow: hidden; margin-top: 20px; }
.video iframe { position: absolute; top: 0; left: 0; width: 100% !important; }

#productexit { font-size: 12px; }

.accred-section {
    border-bottom: 1px solid #4e4e4e;
    padding: 20px;
}
.accred-section img {
    max-height: 110px;
    margin: 0 auto;
}
.about {
    border: 0;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.about.heading {
    margin: 0;
}
.about.grey {
    margin-bottom: 20px;
    background-color: #ebebeb;
}
.about h4 { color: #b20000; margin-bottom: 34px; }
.about.heading h4 { margin-bottom: 0; }
.about.grey img { max-height: 95px; }
.about.grey > div { width: auto; }
.about .redbtn { text-transform: uppercase; font-weight: bold; }
.about ul {
    list-style: outside disc none;
    padding-left: 30px;
}
.about:nth-of-type(3) {
    padding-top: 15px;
    background-color: #ebebeb;
}

#contact-details { width: 100%; }
#contact-details td { border: none; }
.location-map {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
}
.location-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
}

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

.ordercomplete { padding: 15px 25px; }
.ordercomplete li { display: inline-block; margin: 10px; }

table.group a { text-decoration: underline; }
table.group th.quantity { min-width: 100px; }
table.group td.qty .buy-qty { max-width: 40px; }
table.group .dec, table.group .inc { padding: 6px 3px; }
table.group td.pricetable span.price { color: #222; font-weight: bold; }

.suggestedbox { border: 0; }
.tooltipcontainer .data { background: #b20000; }
.categoryImage { background-position: center; width: 100%; border: 0; }
#cat-caption h4, #grouped-cat-caption h4 { font-weight: 300; }
.main-cat-image { margin: 15px auto; max-height: 300px; }
.categoryImageContainer { left: 67%; }
.suggested-container { border: none; padding: 0; }
#filtercustomer { margin-left: 10px; }
#checkout h1.page-title { padding: 0 15px; }
.frmPageNav {text-align: center; }
.pagination { float: none; margin: 20px auto !important; display: table; font-size: 14px; }
.pagination > li > a { font-weight: bold; }

.finish.btn-primary { background-color: #33891b; border-color: #33891b; font-weight: bold; }

.dropdown:hover .dropdown-menu, .header-account:hover .dropdown-menu {
    display: block;
}

/* Mobile Drilldown Menu */
.navbar-toggle:hover .icon-bar, .navbar-toggle .icon-bar, .navbar-default .navbar-toggle .icon-bar,
.navbar .navbar-toggle:hover .icon-bar {
    background-color: #b20000;
}
.navbar-toggle.mobile-menu {
    padding: 9px 0;
    min-width: 30px;
    text-align: center;
    margin-right: 5px;
}
.navbar-toggle.mobile-menu .mob-menu { padding: 7px 0px 6px 0; }
.navbar-toggle.mobile-menu span {
    margin-top: 3px;
    display: block;
}
.navbar-toggle .icon-bar {
    width: 30px;
    height: 5px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin: 0 auto;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}


/* ANIMATED X */
.navbar-toggle.x .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: 20% 95%;
    -ms-transform-origin: 20% 95%;
    transform-origin: 20% 95%;
}

.navbar-toggle.x .icon-bar:nth-of-type(2) {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggle.x .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 2% -18%;
    -ms-transform-origin: 2% -18%;
    transform-origin: 2% -18%;
}

/* ANIMATED X COLLAPSED */
.navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
/* END ANIMATED X */

/* VAT TOGGLE SWITCH */
.header-vattoggle {
    float: right;
}
.exvat-toggle {
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 4px;
    vertical-align: top
}
.vatToggle {
    width: 150px;
    padding-top: 12px;
}
.vat-toggle {
    display: none;
}
.vat-toggle + label {
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
}
input.vat-toggle-round-flat + label {
    padding: 2px;
    width: 36px;
    height: 20px;
    background-color: #fff;
    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: 2px;
    left: 2px;
    bottom: 2px;
    right: 2px;
    background-color: #4e4e4e;
    border-radius: 60px;
    transition: background 0.4s;
}
input.vat-toggle-round-flat + label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 12px;
    background-color: #fff;
    border-radius: 52px;
    transition: margin 0.4s, background 0.4s;
}
input.vat-toggle-round-flat:checked + label {
    background-color: #fff;
}
input.vat-toggle-round-flat:checked + label:after {
    margin-left: 16px;
    background-color: #fff;
}
.vatToggle .switch label span {
    position: absolute;
    top: 2px;
    left: 42px;
    width: 60px;
    color:#fff;
    font-size: 12px;
}
/* END VAT TOGGLE SWITCH */

.navbar-header .logout-form {
    margin-left: 20px;
}
.navbar-header li:last-child a {
    display: inline-block;
}
.navbar-header li:last-child a.head-myaccount {
    padding-top: 8px;
}

#leftsidebar .portal.panel-default > .panel-heading {
    background: #4e4e4e !important;
    padding: 10px 15px;
}
#leftsidebar .portal .panel-body {
    background: #4e4e4e;
    color: #fff;
}
ul.portalindex {
    line-height: 28px;
}

h1.page-title { font-weight: 500; }
h1.page-title .fa { display: none; }
.price span { font-size: 21px; font-weight: 600; }

.product-del-est {
    margin-bottom: 10px;
}
.product-del-est .panel {
    margin-bottom: 0;
}
.product-del-est .postcode-estimator-txt {
    float: left;
    width: 75%;
}
.product-del-est .postcode-estimator-btn {
    float: left;
    padding: 6px 15px;
    background-color: #fff;
    border-color: #33891b;
    color: #33891b;
}
.product-del-est .form-group {
    margin-bottom: 0;
}
.product-del-est .postcode-estimator-result legend {
    font-size: 15px;
    padding-top: 15px;
}
.product-del-est .postcode-estimator-update-btn {
    margin-top: 15px;
}

.brand-block-inner {
    border: 1px solid #cccccc;
    -webkit-box-shadow: 0px 0px 9px 1px #ddd;
    -moz-box-shadow: 0px 0px 9px 1px #ddd;
    box-shadow: 0px 0px 9px 1px #ddd;
    background-color: #fff;
}
.brand-block .image-container {
    padding: 10px;
}
.brand-block .caption {
    text-align: center;
    padding: 10px;
    font-size: 20px;
}
.brand-block .caption h5 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
}
.staticcontent table.no-border td {
    border: 0 !important;
}
.staticcontent table p {
    margin: 0;
}
.backtoordersbtn {
    background-color: #e7e7e7;
    border-color: #dadada;
}


@media only screen and (max-width: 1199px) {
    .navbar-nav > li.level1 > a { padding: 21px 11px; }
    .header-basket { padding-right: 0; }
    .basketButton { margin-left: 4px; }
    /* Breaking Pages .container { width: 990px; } */
    .navbar-header li { width: 24.5%; }
}

@media only screen and (max-width: 1140px) {
    /* Removed when banners not full width
    .slides .owl-item {
        overflow: hidden;
        height: 300px;
    }
    .slides .owl-item img {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 300px;
        width: 1500px;
        max-width: 1500px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }*/
    header { margin-top: 40px; }
}

@media only screen and (max-width: 1199px) {
    .navbar-header { font-size: 12px; }
    .navbar-header li, .navbar-header .account { font-size: 13px; }
    .navbar .level1 a { font-size: 12px; }
    .header-info { margin: 0; }
    .header-info .info-inner { margin: 10px 0; }
    .header-info .info-inner p:first-child { font-size: 12px; }
    .header-info .info-inner p:nth-child(2) { font-size: 12px; }
    .brand-block .caption h5 { font-size: 16px; }
    .header-basket { padding-left: 15px; }
}
@media only screen and (max-width: 1024px) {
    .header-basket { padding-right: 0; }
    .basketButton { margin-left: 4px; }
    .staticcontent { padding: 0; }
}

@media only screen and (min-width: 992px) {
    #footer .panel-default > .panel-heading { padding-left: 0; }
    #footer #foot-accordion-quick .panel-default .panel-body, #footer #foot-accordion-pay .panel-default .panel-body { padding-left: 0; }
    .flexslider-image { margin: 0; }
}

@media only screen and (max-width: 992px) {
    .navbar.navbar-fixed-top { background: #fff; box-shadow: none; }
    .navbar .container { margin: 0; width: 100%; padding: 0;}
    .navbar-brand { border-bottom: 2px solid #3f3f3f; height: auto; padding: 10px; }
    .trade-acc { width: 100%; background-color: #e6e6e6; padding: 6px 15px; text-align: center; font-weight: bold; font-size: 13px; }
    .navbar-myaccount { line-height: 28px; }
    .navbar-toggle { height: 76px; margin: 0; }
    .navbar-toggle, #collapse-nav {
        float: left; width: 25%; margin-right: 0; font-size: 27px; text-align: center; border-right: 1px solid #e6e6e6!important;
        background: #fff;
        background: linear-gradient(to bottom, #ffffff 70%, #f6f6f6 90%);
    }
    .navbar-toggle.basket { border: none!important; }
    .header-content a.navbar-toggle { font-size: 26px; color: #b20000; }
    .navbar-toggle span.hd-label { font-size:13px; text-align: center; display: block; color: #b20000; }
    .badge { position: absolute; background-color: #4e4e4e; color: #fff; }

    .navbar-header { height: 40px; }
    .navbar-header li { width: 25%; font-size: 12px; }
    .navbar-header .account { padding: 4px 10px; font-size: 12px; }

    .header-info { margin: 0; }
    .header-info .info-inner { margin: 10px 0; }

    #search .searchform {
        background: #fff;
        margin: 0;
        position: relative;
        z-index: 99;
    }

    #search .searchform .searchterm { border: none!important; border-radius: 0; }
    #search .searchform .btn { background-color: #fff; border: none!important; }
    #search .searchform .btn .fa-search { font-size: 16px; color: #b20000; }

    #main-nav { z-index: 99; position: relative; }
    #footer #accordion-contact span:first-child { margin-right: 20px; }

    .fa-bars { padding-top:2px; font-size: 30px; color: #b20000; }
    #home-sub-adds .image-container { height: 200px; }
    .media-blocks a { min-height: 90px; }
    .account-blocks, .media-blocks { margin-bottom: 10px; }
    .navbar-header li:last-child a.head-myaccount { padding-top: 5px; }
}

@media only screen and (max-width: 991px) {
    #main-nav { margin-top: 0!important; }
    .navbar-header li { width: 40%; }
    .navbar-toggle { display: block; }
    .vatToggle { float: right; }
    .header-vattoggle {
        float: left;
        border-bottom: 2px solid #3f3f3f;
        padding-bottom: 12px;
    }
    .exvat-toggle, .vatToggle .switch label span {
        color: #4e4e4e;
        font-weight: bold;
    }
    .brand-block {
        margin-bottom: 15px;
    }
    .brand-block .caption h5 {
        font-size: 16px;
    }
    .searchform {
        padding: 10px 15px 15px;
    }
    .searchform .input-group { border: 1px solid #999; }
    #collapse-nav { margin-left: 0;}
    .fa-search { color: #b20000; }
}

@media only screen and (max-width: 768px) {
    #footer .panel-default .panel-body,#footer .panel-default .panel-heading { padding: 0; }
    #footer .panel-default .panel-heading .panel-title { padding-bottom: 8px; }
    .navbar > .container .navbar-brand { margin-left: 0; }
    .navbar-fixed-top { border-color: transparent; }
    .table.group .quantity { min-width: 140px; }
    #footer .fa-2x { font-size: 1.5em; }
    .about { margin-bottom: 30px; }
    .about.grey { width: 100%; }
    .about h4 { padding-top: 10px; }

    .staticcontent .enter-points { padding: 20px 30px; font-size: 18px; }
    .staticcontent .landing-apply .button { padding-top: 20px; }
    .staticcontent .landing-apply .image { text-align: center; margin-top: 20px; }
    .staticcontent .landing-apply .image img { display: inline-block; }
    .staticcontent .terms { margin-top: 0; }
}
@media only screen and (max-width: 600px) {
    .navbar-header li:first-child { width: 40%; }
    .navbar-header li:last-child { width: 60%; }
}
@media only screen and (max-width: 480px) {
    /* Change Footer behaviour for Footer dropdown menu */
    body { margin-bottom: 0; }
    footer { position: relative; margin-top: 20px; }
    #breadcrumbs { display: none; }

    .col-xs-6 { width: 50%; }

    .navbar-brand { padding: 10px 20px; }
    .trade-acc { width: 100%; padding: 10px 20px; }
    #home-sub-adds { margin: 10px 0px 40px; }
    #home-sub-adds .image-container { height: 165px; }
    #home-sub-adds .caption { min-height: 40px; }
    .header-info .info-inner p { display: inline-block; }
    .vatToggle { width: 100%; }
    .vatToggle .switch label span { left: 45px; }

    .shop-with-us > div { margin-bottom: 10px; }
    #footer { text-align: center; }
    #footer .copy { padding-top: 20px; }
    .foot-logo img { margin: 0 auto; }
    #footer .quick > div { padding-left: 0; }
    #footer .panel-group { margin-bottom: 0; }
    #footer #foot-accordion-quick, #footer #foot-accordion-pay { margin-bottom: 20px; }
    #footer .panel-default .panel-body { padding-bottom: 0; }
    #footer .panel-default .panel-body img { margin: 0px auto 30px; }

    #footer #accordion-contact table { margin: 0 auto; }
    #footer #accordion-contact td { text-align: left; }
    #footer #accordion-information li { padding: 3px 0; }

    .staticcontent h4.landing-heading { font-size: 16px; }
    .staticcontent .enter-points { padding: 20px; font-size: 13px; }
    .staticcontent .enter-points li { background-size: 70px!important; padding: 0 0 0 85px!important; margin: 0px!important; height: 65px; }

    /* Removed when banners not full width
    .homecarousel { height: 125px; background: #fff; }
    .slides .owl-item {
        overflow: hidden;
        height: 125px;
    }
    .slides .owl-item img {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 125px;
        width: 656px;
        max-width: 656px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }*/

    .video { padding-bottom: 100%; }
    }

@media only screen and (max-width: 320px) {
    .navbar-header li:last-child { width: 100%; }
    .navbar-header li:first-child { width: 100%; }
    .header-vattoggle { padding-bottom: 6px; }
    .exvat-toggle { font-size: 10px; }
    .vatToggle .switch label span { width: 40px; font-size: 10px; }

    /* Removed when banners not full width
    .homecarousel { height: 100px; background: #fff; }
    .slides .owl-item {
        overflow: hidden;
        height: 100px;
    }
    .slides .owl-item img {
        position: absolute;
        left: 50%;
        top: 50%;
        height: 100px;
        width: 525px;
        max-width: 525px;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }*/
}

/* Copied from footable.css */
/* The referenced images are not valid so disabled these lines for profit 4 upgrade
.footable.breakpoint > tbody > tr > td.expand {
    background: url('../images/plus.png') no-repeat 5px center;
    padding-left: 40px;
}

.footable.breakpoint > tbody > tr.footable-detail-show > td.expand {
    background: url('../images/minus.png') no-repeat 5px center;
}
*/

.panel-title, #sidebar-quicklist h3, .suggested-container h3, .product-price-label h3 {
    font-family: 'Roboto', sans-serif;
}

.guestcheckout { margin-top: 15px; }
.suggestedconatainer { margin-top: 80px; }

.post-list-text .post-text {
    max-height: 130px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#tooltipcontainer.fixed {
    display: none;
    position: fixed !important;
     width: auto !important;
     min-width:300px;
     left:20%;
     right:20%;
    
}
@media only screen and (max-width: 425px) {
    #tooltipcontainer.fixed {
        display: none;
        position: fixed !important;
         width: auto !important;
         min-width:300px;
         left:0;
         right:0;

    }
}

#social-header {
    padding: 4px 0 !important;
}
#social-header-first {
    padding-left:60px;
    padding-right:0;
    padding-top:4px;
    padding-bottom:4px;
}
.top-bar-wrapper {
    display: block;
}
.top-bar-links {
    display: block;
    margin: 0;
}
.basket-head-items {
    display: block;
}
.header-login p, .basket-head-items {
    padding-top: 5px;
}