body { margin-bottom: 500px; color: #141414; }
a { color: #141414; }
a:hover { color: #000; }
.btn { border-radius: 1px; }

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

header { margin-top: 60px; }
#header-detail { margin-top: 50px; }
.navbar-fixed-top { background-color: #013e65; border-color: #fff; }
.navbar-fixed-top .fas { color: #fff; }
.navbar-social i { color: #fff; }
.navbar-header a, .navbar-logout { color: #fff; }

.header-search { width: 55%; }
.header-search .searchform .searchterm, .header-search .searchform .btn { border-color: #013e65; border-radius: 1px; background-color: #fff; height: 38px; }
.header-search .searchform .btn { border-color: #013e65!important; background-color: #013e65; }

.header-basket { padding: 0px; }
.header-basket .fa-shopping-basket { float: left; padding: 10px; background-color: #013e65; color: #fff; }
.header-basket a:hover .fas { background-color: #141414; }

.header-myaccount { float: right; margin-right: 10px; width: 20%; }
.header-myaccount .fa-user { float: left; padding: 10px 12px; background-color: #013e65; color: #fff; font-size: 19px; margin-right: 10px; }
.header-myaccount a:hover { color: #141414; }
.header-myaccount a:hover .fas { background-color: #141414; }

.header-title { float: left; font-size: 12px; text-align: left; }
.title { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 600; }

.yamm { background-color: transparent; border: none; margin-top: 25px!important; }
.yamm .level1>a, .navbar .nav-heading a {
    text-transform: none!important;
}
.yamm .level1 > a { font-size: 13px!important; padding: 6px 12px; font-weight: bold; }
.yamm .level1:hover { background-color: #013e65!important; }
.yamm .level1:hover > a { color: #fff; }
.yamm .dropdown.yamm-fw .dropdown-menu { top: 100%; }
.yamm .nav-heading a { color: #4e4e4e!important; font-size: 15px!important; }
#main-nav2 > ul > li > ul { border-color: #013e65; }

#logo { max-height: 110px; }

.home-info-points .info-point {
    background-color: #f5f5f5;
    margin-right: 2px;
    width: 24.85%;
}
.home-info-points .info-point a {
    display: block;
    padding: 20px 25px;
}
.home-info-points .info-point a:hover {
    text-decoration: none;
    background-color: #ededed;
}
.home-info-points .info-point:last-child {
    margin-right: 0px;
}
.home-info-points .info-point .fas {
    font-size: 25px;
    color: #15496d;
    padding: 0 10px;
    vertical-align: top;
}
.home-info-points p {
    display: inline-block;
    line-height: 16px;
    font-size: 13px;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.home-info-points span.smaller {
    font-size: smaller;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: none;
}

#home-sub-adds img { border: none; }
.small-adverts, .large-adverts { position: relative; }
.small-adverts h4 {
    font-weight: bold;
    font-size: 18px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
}
.large-adverts h4 {
    font-weight: bold;
    font-size: 24px;
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    width: 100%;
    text-align: center;
}

.featured-title { background: none; text-transform: unset; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 24px; }
.featured-list .thumbnail { border: none; }
.featured-list .caption h3 { color: #337ab7; font-size: 12px; }
.featured-list .caption h3 span.price { font-size: 17px; }
.featured-list h2 { font-size: 14px; min-height: 30px; }
.featured-list img { width: auto!important; }
.featured-list .caption h3 span.price-unit { font-weight: 600; }

.useful-block { border: 1px solid #ccc; padding: 20px 15px; text-align: center; min-height: 235px; }
.useful-block h5 { font-size: 18px; font-weight: 500; padding: 10px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; }
.useful-block p { font-size: 14px; padding: 0 20px; }
.useful-block img { display: inline-block; margin-top: 0; }
.useful-block:hover { border: 1px solid #444; }
.useful-information a:hover { text-decoration: none; }

.small-ads, .large-ads, .featured, .suppliers { margin: 30px 0; }

.brand-list .thumbnail {
    height: 100px;
    border: none;
    display: table-cell;
    vertical-align: middle;
}
.brand-list .thumbnail img { max-height: 95px; }
.breadcrumb { background-color: #eff5f9; }

.panel-default { border: none; }
.panel-default>.panel-heading {
    background-color: #eff5f9;
    border-color: #ededed;
}
#leftsidebar .panel-default > .panel-heading a:hover {
    background-color: #337ab7;
    border-color: #337ab7;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body { border: none; }

.product-filter-container { background-color: #ffffff; }
.product-filter-container .fa-filter { display: none; }
.product-filter-container .panel-heading { font-weight: normal; }
.product-filter-container #accordion .panel { border: none; }
.product-filter-container #accordion .panel-body { padding: 10px 0px; }
.product-filter-container #accordion .panel-title { font-size: 15px; border-bottom: 1px solid #ededed; }
.product-filter-container #accordion .panel-heading { background-color: #fff; }
.product-filter-container #accordion .panel-heading a { padding: 10px 15px 0px 6px; }
.product-filter-container #accordion .panel-heading a:hover { background-color: transparent; color: #444444; }
.product-filter-container #accordion .panel-heading a:hover .fa { color: #444444; }
.product-filter-container #accordion .panel-heading a.collapsed { padding-left: 6px; }
.product-filter-container #accordion .panel-heading a:hover::after,
.product-filter-container #accordion .panel-heading a.collapsed:hover::after { color: #444444; }

.cat-description .read-more { text-decoration: underline; }
.category-head h1, h1.page-title, .staticcontent h1 { font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 22px; }
.cat-caption h2 { text-align: center; font-size: 14px; line-height: 20px; font-weight: bold; }
.category-box { background-color: #eff5f9; border-color: #eff5f9; }
.category-box-filters { height: auto; }
.category-box .cat-image-container {
    background-color: #fff;
}
.category-box .cat-image {
    /*
    max-height: fit-content;
    width: 100%;
    height: 100%;
    */
    top: 0;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}

.product-box > div > div:nth-child(3) {
    width: 100%;
    clear: both;
    overflow: auto;
}

.product-box, .grouped-category-box { border-color: #ededed; }
.product-box .product-image-container { height: 190px; }
.product-box .product-caption { height: auto; }
.product-box .product-caption h2 {
    font-size: 14px;
    margin-top: 5px;
    font-weight: bold;
    min-height: 32px;
}
.product-box .quantity { min-height: 45px; }

.product-box .quoteform button.quotesubmitinput-prodlist .fas,
.product-box .wishlistsubmitinput-prodlist .far { color: #d5544b; }
.product-box .price-block, .grouped-category-box .grouped-cat-price-label {
    border-top: 1px solid #337ab7;
}
.product-box .price-block { color: #337ab7; font-size: 18px; }
.product-box .price-block .price-unit { font-weight: bold; }

.product-box .level { font-size: 12px; }
.product-box div.basketsubmit { width: 33%; }
.product-box .packsize { font-size: 13px; }
.product-box .logintoview { font-weight: bold; text-decoration: underline; }

.show .btn, .sortby .btn, .selectors .btn { background-color: #e7e7e7; }

.pdetails { border: none!important; }
.pdetails .main-heading { font-weight: bold; }
.pdetails .price, .pricetable-price span { color: #337ab7; }
.pdetails .price span.price, .pricetable-price span.price { font-weight: bold; font-size: 20px; }
.pdetails .level { margin-top: 20px; margin-bottom: 0; }
.pdetails .code { font-size: 11px; margin-top: 10px; margin-bottom: 10px; }
.pdetails .packsize { color: #141414; margin-bottom: 20px; font-size: 13px; }
.pdetails .add { border-bottom: 1px solid #ddd; overflow: auto; padding-bottom: 10px; }
.pdetails .wishlistform, .pdetails .quoteform { width: 10%; padding-right: 0px; }
.pdetails .fa-calculator, .pdetails .fa-star { font-size: 20px; }
.pdetails .basketqty .dec, .pdetails .basketqty .inc, .pdetails .basketqty .buy-qty { padding: 5px 8px; }
.pdetails .basketqty .buy-qty { height: 32px; }
.basketqtylabel { padding-top: 4px; }
.pdetails .basketsubmit { float: left; width: 45%; }
.pdetails .basketsubmit input#basketsubmit { margin: 0; padding: 5px 12px; }

.product-group .pdetails .add .buy-qty, .product-group .pdetails .add .button_grp_dec_inc { float: left; padding: 11px 8px 10px; }
.product-group .pdetails .add .buy-qty { height: 43px; }
.product-group .pdetails .basketqty .dec { margin-right: 4px; }
.product-group .pdetails .add .button_grp_dec_inc { margin: 0 4px; }
.product-group .pdetails .code { margin-bottom: 20px; }
.product-group .pdetails > .wishlistform { float: left; padding-left: 15px; }
.product-group .pdetails .wishlistform .wishlistform { margin: 0; padding: 0px; }
.product-group .pdetails #quoteform .btn { text-align: left; }
.product-group .pdetails #quoteform { margin-top: 15px; padding-left: 15px; width: 10%; float: left; }

.pdetails #quoteform { text-align: left; }
.pdetails .fa-calculator, .pdetails .fa-star { color: #d5544b!important; padding-right: 10px; width: 30px; text-align: center; }

.price.custprice, table.search .price span.price.custprice { color: red; }

.product-box .price-block, .grouped-category-box .grouped-cat-price-label {
    min-height: 32px;
    font-size: 12px;
    border-top: none;
}
.product-box .grid-view-buttons .add {
    border-top: 1px solid #337ab7;
    padding-top: 10px;
}

.pdetails .quotesubmitinput-prodlist, .pdetails .wishlistsubmitinput-prodlist, .pdetails .addFavourite {
    color: #141414;
    margin-top: 5px;
    text-align: left;
    padding: 10px;
}
.pdetails .quotesubmitinput-prodlist:hover, .pdetails .wishlistsubmitinput-prodlist:hover, .pdetails .addFavourite:hover {
    background-color: #ededed!important;
}

#accordion .panel { border: 1px solid #ededed; border-radius: 2px; }

.alsobought-box, .suggested-box { border: none; text-align: center; padding: 0px; }
.alsobought-box-price, .suggested-box-price { color: #337ab7; }
.alsobought-box-price span.price, .suggested-box-price span.price { font-weight: bold; font-size: 20px; }
.alsobought-image-container { height: 120px; }
.alsobought-caption h3 { font-size: 14px; }

.suggested-container { border: 1px solid #ededed; }
.suggested-container hr.greyhr { border: none; }
.suggested-box-price { margin-bottom: 10px; min-height: 28px; }

#checkout fieldset.minordval { width: 75%; margin: 0 auto; }
#deliverycharges .delopt div { font-weight: bold; }
#deliverycharges .delopt td.price { padding-left: 20px; }
#deliverycharges .delopt td { vertical-align: top; }

.searchnavlist-container .pagination { float: right; margin: 5px 0 20px 0!important; }

table.search .price, table.search .price-unit { font-size: 11px; color: #337ab7; }
table.search .price span.price { font-size: 15px; }

#otherdetailsdilabel { margin-top: 20px; }
#otherdetailsdilabel span { display: block; font-size: 12px; }

.newsletter-container {
    padding: 25px 0px;
    margin: 0 0 25px 0;
}
.newsletterform h2 { margin-top: 0px; font-size: 22px; }
.newsletterform .newsletterfield { margin-right: 20px; width: 50%; border-radius: 4px; border:1px solid #ccc; padding: 7px; }
.newsletterform form { text-align: center; }
.newsletterform .newsletter-btn { border: 1px solid #232323; background-color: #232323; padding: 7px 25px; border-radius: 4px; width: 150px; }
.newsletterform .newsletter-btn:hover { border-color: #262c4c; background-color: #262c4c; }

.modal.chemical .modal-title { float: left; }
.modal.chemical .modal-header .close { font-size: 25px; }
label.chemicalCert {
    display: inline-block;
    width: 85%;
    padding-left: 20px;
    font-size: 14px;
}
.modal-body .form-check input {
    display: inline-block;
    vertical-align: top;
}
.chemicalCert-list { list-style: disc outside none; padding-left: 20px; }
.chemicalCert-list li { font-size: 13px; }

.staticcontent ul { list-style: inside disc none; }

footer { background: none; padding-bottom: 0; }
.footer-col .smaller { font-size: smaller; }
#footer { background-color: #013e65; color: #fff; padding: 20px 0; }
#footer a { color: #fff; }
#footer-middle { padding: 20px 0; }
#footer-middle .creditations { margin: auto; }
#footer-bottom .smaller { font-size: smaller; padding-top: 6px; }
#footer-bottom { background-color: #232323; color: #fff; text-align: center; padding: 25px 0; }
#footer-bottom a { color: #fff; }
#footer-bottom .fab { color: #fff; font-size: 20px; }

.footer-social { font-size: 20px; }

.alert-primary {
    color:black;
    background-color: #cce5ff;
    border-color: #b8daff;
    margin-top: 10px;
    font-weight:bold !important;
}
#loginform p {
    font-size: 14px;
}

.page-register-account .staticcontent {
    width: 75%;
    margin: auto;
}
.page-register-account .contactform {
    margin-top: 50px;
}
.page-register-account h3 {
    font-size: 14px;
    font-weight: normal;
}
.form-group.hear, .form-check.tandc, .form-check.auth {
    margin-top: 30px;
}
#accountreg .btn {
    margin-top: 20px;
}

.filelinks {
    column-count: 3;
    margin-top: 30px;
}
.filelinks li a {
    background-color: #fbfbfb;
    padding: 10px;
    display: inline-block;
    width: 100%;
    margin-bottom: 3px;
}
.filelinks li a:before {
    font-family: "FontAwesome";
    content: "\f1c1";
    font-size: 16px;
    padding-right: 10px;
}
.filelinks li a span {
    font-size: 12px;
}
.filelinks li:hover a span, .filelinks li:hover a:before {
    background-color: #ddd;
}

.postcode-estimator-result table {
    margin-bottom: 20px;
}
.postcode-estimator-result legend {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 4px;
}

/* 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: #013e65;
}
.navbar-toggle {
    padding: 9px 0px;
    /*margin-left: 20px;*/
    min-width: auto;
    text-align: center;
    margin-right: 5px;
}
.navbar-toggle span {
    margin-top: 3px;
    display: block;
}
.navbar-toggle .icon-bar {
    width: 40px;
    height: 7px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    margin: 0 auto;
}
.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 8px;
}

/* 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: 8% 100%;
}

.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: -6% -15%;
}

/* 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 */

#tooltip-notifications.noty_type__success {
    background-color: #d5544b;
    border-bottom: 1px solid #d5544b;
}

#quoteform-form .message.error {
    font-weight: bold;
    color: #f00;
}

#required-date[readonly] {
    background-image: url(../images/drop-down-arrow.png);
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: right center;
    background-size: 10px 10px;
}

.pdetails .add .quantity {
    width: 195px;
}
.extra-info .popover {
    width: 160px;
}

@media only screen and (max-width: 1399px) {
    .home-info-points .info-point a { padding: 20px; }
}
@media only screen and (max-width: 1299px) {
    .home-info-points .info-point { padding: 20px 10px; height: 115px; }
    .home-info-points .info-point a { padding: 20px 0; }
}
@media only screen and (max-width: 1199px) {
    .home-info-points .info-point { padding: 10px 30px; width: 24.75%; height: 60px; }
    .home-info-points .info-point a { padding: 10px 0; }
    .home-info-points .info-point .fas { font-size: 18px; padding: 0 5px 0 0; }
    .home-info-points p { font-size: 9px; line-height: 11px; font-weight: bold; width: 80%; }

    .yamm .level1 > a { font-size: 12px!important; }
    #footer { font-size: 13px; }
    .product-box .wishlistform { clear: both; }
}

@media only screen and (min-width: 992px) {
    .footer-col { width: 20%; }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .navbar-header .navbar-social { display: block!important; }
    #header-detail { margin: 20px 0; }
    .header-search { width: 100%; margin-bottom: 20px; }
    .header-myaccount, .header-basket { width: 30%; margin-top: 4px; }
    #collapse-nav-tablet .navbar-toggle { display: block; margin: 3px 0; padding: 0 0 0 25px ; }
    #collapse-nav-tablet .mobile-menu-bars { float: left; padding-right: 6px; }
    #collapse-nav .fa-bars { font-size: 44px; color: #013e65; float: left; margin-right: 10px; }
    #collapse-nav-tablet .header-title { line-height: 18px; }
    #collapse-nav-tablet .header-title span.title { margin-top: 0px; }

    .useful-information div div { padding: 0 5px; }
    .useful-block p { font-size: 12px; }

    .featured-list .caption { text-align: left; }
    .featured-list .caption h3 { font-size: 10px; }
    .featured-list .caption h3 span.price { font-size: 14px; }

    .small-adverts h4 { font-size: 14px; }
    .home-info-points .info-point { padding: 4px 10px; height: 55px; }
}

@media only screen and (max-width: 991px) {
    body { margin-bottom: 675px; }
    .footer-col:nth-child(4) { clear: both; }
    #sagepayLogo { margin: 0px; }
    #main-nav { margin-top: 0!important;}
    .drilldown a.navback { background: #000; color: #fff!important; }
    .drilldown .navback i { color: #fff; }
    .drilldown li { border-bottom-color: #013e65!important; }
    .filelinks { column-count: 2; }
    .navbar-collapse.collapse { display: none!important; }
    .navbar-collapse.collapse.in { display: block!important; }
    .featured-list h2 { font-size: 11px; }

    .navbar-fixed-top .fas { color: #013e65; }
}

@media only screen and (max-width: 768px) {
    .product-box .quantity { width: 45%; }
    .product-box div.basketsubmit { width: 38%; }
    .product-box .level { min-height: 35px; }
}

@media only screen and (max-width: 767px) {
    body { margin-bottom: 1100px; }
    .navbar-header .navbar-social { display: none!important; }

    .navbar-fixed-top { background-color: #fff; }
    .navbar-brand { float: right; }
    .navbar-toggle { width: 15%; text-align: center; }
    .badge { left: 50%; }
    .navbar-fixed-top .fas { font-size: 22px!important; }

    #search .searchform .btn { background: #fff; border: 1px solid #fff!important; padding: 2px; }
    #search .searchform .btn .fa-search { color: #013e65; }
    #search .searchform { border: 1px solid #013e65; }
    #search .searchform .searchterm { border: none; }

    .creditations, #sagepayLogo img { max-height: 40px; margin: 20px auto; }
    .filelinks { column-count: 1; }

    .newsletterform .newsletterfield { width: 100%; }
    .newsletterform .newsletter-btn { width: 100%; margin-top: 20px; }

    .featured-list h2 { font-size: 13px; }

    .navbar-toggle .icon-bar { width: 30px; height: 4px; }
    .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; }
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #fff; }

    .navbar-toggle.x .icon-bar:nth-of-type(1) {
        -webkit-transform-origin: 15% 100%;
        -ms-transform-origin: 15% 100%;
        transform-origin: 15% 100%;
    }
    .navbar-toggle.x .icon-bar:nth-of-type(3) {
        -webkit-transform-origin: 12% 23%;
        -ms-transform-origin: 12% 23%;
        transform-origin: 12% 23%;
    }
}

@media only screen and (max-width: 645px) {
    .saved-baskets .btn { width: 100%; margin: 5px 0; }
    .saved-baskets .portalback.btn { width: auto; }
    .saved-basket-container { overflow-x: auto; }
    .wishlistform { margin-left: 20px; }
}

@media only screen and (max-width: 480px) {

    .col-xs-6 { width: 50%; }
    .navbar-toggle { width: 14%; }
    #collapse-nav { margin-left: 0px; }
    .home-featured .image-container img { max-height: 150px; }

    .product-caption { height: 80px; }
    .product-box .quantity { width: 100%; }
    .product-box div.basketsubmit { width: 100%; clear: both; margin-top: 10px; }
    .product-box .add input.basketsubmit { padding: 11px 25px 11px; }
    .product-box .wishlistform { clear: none; }
    .product-box .basketqty .dec, .product-box .basketqty .inc { padding: 11px 10px; }
    .pdetails .basketsubmit { width: 100%; }
    .pdetails .basketqty { display: flex; }
    .product-box .product-caption h2 { font-size: 14px; }
    .product-box .code { font-size: 11px;}

    #quoteform-form .addproducttoquote { padding: 20px 5px; }

    .useful-block { margin-bottom: 10px; }
    .large-adverts { margin-bottom: 15px; }
    .large-adverts h4 { font-size: 24px; }
    .small-adverts h4 { font-size: 12px; min-height: 30px; }

    #footer { text-align: center; }
    #footer h4 { margin-top: 20px; }
    .footer-social { margin: 10px 6px; }

    input.finish.btn.btn-primary { width: 100%; }
    .extra-info .popover { left: 0px!important; }

}
input.finish.btn.btn-primary {
    width: 235px;
    height: 60px;
    font-size: 21px;
}

.visually-hidden-honeypot{
    border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}

#myProductList { font-size: 13px; }