body { font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;}
@media (min-width: 1300px) {
    .container { width: 1270px; }
}

.btn-primary { background-color: #133f72; border-color: #133f72; }
.btn-primary:hover { background-color: #3990fd; border-color: #3990fd; }

.navbar-header a { color: #fff; }
.navbar-logout i, .navbar-myaccount i, .navbar-social i { color: #fff; }
.navbar-header .navbar-social { display: none; }

.navbar-greeting,.navbar-logout,.navbar-myaccount{position:relative;padding:9px 10px;margin-top:5.5px;margin-bottom:5.5px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:0;color:#fff;}

.yamm { margin-top: 10px; }
.yamm .level1:hover { background: #1D58A1; }
.yamm .nav-heading a { color: #1D58A1; }
.navbar .nav-heading { border-color: #1A5295; }
.nav>li>a:focus { background: none; }

header {
    background: linear-gradient(#1D58A1 -15%, #123B6A);
    margin-top: 76px;
}


a{color:#000;}
ul{list-style:none;padding-left:0;}

.top-info {background-color: #e5e5e5;text-align: center;color: #333;padding: 5px 0;position: fixed;width: 100%;z-index: 9999;top:0;font-size:13px;}
.top-info p{margin: 0;}.top-info a{color: #337ab7;text-decoration: underline;}.top-info a:hover{text-decoration: underline;color:#337ab7;}.top-info .red{color: #9c060e;}

#header-logo { margin-top: 15px; }
#logo { max-height: 100px; }

#header-detail { margin-top: 30px; }
.header-search { margin-top: 10px; width: 45%; }
.header-search .searchform .searchterm {
    background: #fff;
    border-top-left-radius: 4px!important;
    border-bottom-left-radius: 4px!important;
}
.header-search .searchform .btn, #search .searchform .btn {
    background: #fff;
    border: none!important;
    padding: 7px 12px;
}
.header-search .fa-search, #search .fa-search {
    color: #1D58A1;
}
.header-basket a, .phone-pop, .phone-pop:hover {color: #fff;}
.header-phone .fas {
    margin-top: 9px;
}
.header-phone span {
    float: right;
    margin-left: 10px;
    font-weight: bold;
}

.homecarousel { margin-top: 0px; }
.featured-title { background: none; }
.home-featured h2 { min-height: 55px; }
.home-featured h3 { color: #1D58A1; font-size: 13px; }
.home-featured h3 span.price { font-weight: bold; font-size: 15px; }
#home-sub-adds img { border: none; }

footer, #footer { background-color: #1D58A1; color: #fff; }
footer { padding-top: 0; }
#footer { padding-top: 25px; }
#footer a { color: #fff; }
.footer-social {
    display: inline-block;
    font-size: 24px;
}

#tooltip-notifications.noty_type__success {
    background-color: #fff;
    border-bottom: 2px solid #3990fd;
    color: #333;
}
#tooltip-notifications.noty_type__success a {
    color: #333;
}

/* Delivery options */
#deliverycharges .delopt {
    margin-bottom: 40px;
}
#deliverycharges .delopt table{
    width: 70%;
}
#deliverycharges .delopt table tbody tr td:first-child {
    width: 5%;
    padding-right: 10px;
}
#deliverycharges .delopt table tbody tr td:nth-child(2) {
    width: 50%;
    padding-right: 10px;
}
#deliverycharges .delopt table tbody tr td:nth-child(2) div:nth-child(2) {
    font-size: 11px;
}
#deliverycharges .delopt table tbody tr td:nth-child(3){
    font-weight: bold;
}
.postcode-estimator-result .delopt tr > td:nth-child(2) div {
    font-size: 11px;
}
/* End of Delivery options */

.category-box-filters { height: auto; }
.category-box-filters .cat-caption { height: 55px; }

.product-filter-container { background-color: #ffffff; }
.product-filter-container .fa-filter { display: none; }
.product-filter-container #accordion .panel-body { padding: 10px 0px; }
.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: #333; }
.product-filter-container #accordion .panel-heading a:hover .fa { color: #333; }
.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: #333; }

.product-filter-container .panel-heading {
    color: #333;
}

.enquiry.productlist {
    min-height: 188px;
}

.plist-listview-item .extra-info {
    height: auto;
}

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

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

.gallery {
    margin-top: 40px;
}
.thumbnails {
    margin-bottom: 30px;
    text-align: center;
}
.thumbnails .file-title {
    margin-top: 10px;
    border-bottom: 2px solid #1D58A1;
    padding-bottom: 6px;
}
.datasheets .img-thumbnail {
    padding: 20px;
    border: none;
}
.datasheets .thumbnails a:hover {
    text-decoration: none;
}

#onstopmessage {
    font-weight: bold;
    color: #ff0000;
}

.extra-info .popover {
    min-width: 250px;
}
.extra-info .btn.minord {
    background-color: #fff;
}
.extra-info .btn.minord .fas {
    color: #1D58A1;
    font-size: 20px;
}

.manuf-alert {
    font-weight: bold;
    font-size: 13px;
    padding: 10px;
}
.extra-info {
    height: 90px;
}
.manuf-alert.plist {
    font-size: 12px;
}
.plist-listview-item .manuf-alert {
    margin-top: 10px;
    margin-bottom: 0;
}

.homecarousel .slides-container, .home-featured {
    position: relative;
}
.homecarousel .owl-nav, .home-featured .owl-nav {
    width: 100%;
    position: absolute;
    bottom: 60%;
}
.home-featured .owl-nav {
    bottom: 70%;
}
.owl-nav .owl-next {
    position: absolute;
    right: 25px;
    color: #bdbbb8;
    background: transparent;
    opacity: 0.5;
    padding: 12px 12px 8px 0px;
    border: none;
}
.owl-nav .owl-prev {
    position: absolute;
    left: 25px;
    color: #bdbbb8;
    background: transparent;
    opacity: 0.5;
    padding: 12px 0px 8px 12px;
    border: none;
}
.homecarousel .owl-nav i, .home-featured .owl-nav i {
    border: solid #133f71;
    border-width: 0 5px 5px 0;
    display: inline-block;
    padding: 10px;
}
.home-featured .owl-nav .owl-next {
    right: -30px;
}
.home-featured .owl-nav .owl-prev {
    left: -30px;
}
.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.homecarousel .owl-dots, .owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
.homecarousel .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    background-color: transparent;
    border: none;
    padding: 10px 0;
}
.homecarousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #194176 ;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}
.homecarousel .owl-dots .owl-dot.active span, .homecarousel .owl-dots .owl-dot:hover span {
    background: #3990fd;
}

#sagepayLogo {
    margin: 20px 0;
}
#sagepayLogo img {
    max-height: 60px;
}

.contactform {
    margin-top: 60px;
}
.contactform .register-error {
    margin-bottom: 30px;
}

.staticcontent #accordion .panel-title a::after {
    font-family: fontawesome;
    content: "\f106";
    font-size: 16px;
    display: inline-block;
    width: 11px;
    float: right;
}
.staticcontent #accordion .panel-title .collapsed::after {
    font-family: fontawesome;
    content: "\f107";
    font-size: 16px;
    display: inline-block;
    width: 11px;
    float: right;
}

.twitter-container {
    background-color: #F2F2F2;
    padding: 30px 0;
}
.twitter-container .twitter-timeline {
    margin: 0 auto;
}

.newsletter-container {
    padding-top: 30px;
    padding-bottom: 25px;
    margin: 0;
    text-align: center;
    background-color: #BBCDE3;
    color: #1D58A1;
}
.newsletterform {
    margin: 0 15px;
}
.newsletterform .newsletterfield {
    width: 60%;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 7px;
    color: #1D58A1;
}
.newsletterfieldyear{
    width: 25%;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 7px;
    color: #1D58A1;

}

.newsletterform form {
    justify-content: center;
    margin-bottom: 15px;
}
.newsletterform .newsletter-btn {
    border: 1px solid #1D58A1;
    background-color: #1D58A1;
    padding: 7px 25px;
    border-radius: 4px;
    width: 150px;
    color: #fff;
    margin-left: 10px;
}
.newsletterform p {
    margin-top: 8px;
    clear: both;
}
.newsletterform .privacy {
    text-decoration: underline;
}
.alert-light.login {
    display: inline-block;
    margin-top: 0px;
    padding: 0px;
    font-size: 12px;
    position: relative;
    top: -13px;
}
.featured-list .alert-light.login {
    margin-bottom: 0;
    padding: 0 10px;
}

/* Moved from head.php */
.header-basket a, .phone-pop, .phone-pop:hover {color: #fff;}
.navbar-default { background-color: transparent; border: none;}
.logout-form,.navbar-greeting,.navbar-myaccount{float:right;}
.navbar-logout i,.navbar-myaccount i{font-size:18px;color:#fff;}
.navbar-header{width:100%;}
.navbar-default.navbar-fixed-top { background-color: #1D58A1;top:26px;}
#header-detail{margin-top:20px;}
.header-search .searchform{width:100%;float:right;margin-right:0;}
.header-search .searchform .searchterm {-webkit-box-shadow: none;box-shadow: none;background: #fff;border: none;}
.header-basket{padding:10px 0;color:#fff;float:right;}
.basket-head-items,.header-links-cart,.header-links-text.total{display:inline-block;}
.header-links-cart,.header-phone .fa{font-size:19px;margin-right:10px;}
.header-phone{float:right;padding:10px 40px 10px 0;}
.yamm .level1>a{color:#fff;font-size:14px!important;text-transform:uppercase;padding:15px 8px;}
.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:15px 0;}
.main-content{padding:15px;min-height:400px!important;}
.pdetails .code,.pdetails .grpprice,.pdetails .level,.pdetails .minordertext,.pdetails .obsoleteprod,.pdetails .price{margin:12px 0;}
.top-info {background-color: #e5e5e5;text-align: center;color: #333;padding: 5px 0;position: fixed;width: 100%;z-index: 9999;top:0;font-size:13px;}
.top-info p{margin: 0;}.top-info a{color: #337ab7;text-decoration: underline;}.top-info a:hover{text-decoration: underline;color:#337ab7;}.top-info .red{color: #9c060e;}
.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;}

@media (max-width: 1299px) {
    .header-search { width: 40%; }
    .home-featured h2 { font-size: 14px; min-height: 65px; }
}
@media (min-width: 1300px) {
    .container { width: 1270px; }
}
@media (max-width: 1199px) {
    .header-phone { font-size: 12px; }
    .home-featured .image-container { min-height: 160px; }
    .home-featured h3 { font-size: 11px; min-height: 30px; }

    .navbar-social{padding:9px 8px}
    .header-phone{padding-right:20px}
    .header-search{width:40%}
}
@media only screen and (min-width:992px){
    .main-content{float:right!important}
}
@media (max-width: 991px) {
    .homecarousel .owl-nav, .home-featured .owl-nav { display: none!important; }
    #logo-mobile{display:inline;max-height:40px}
    .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}.badge{position:absolute;top:5px;left:20px}
    .pdetails{margin-top:15px}
    #collapse-nav{margin-left:4px}
    #collapse-nav .fa-bars{font-size:20px}
    .main-cat-image{display:none!important}
}
@media (max-width: 768px) {
    header { margin-top: 87px;}
    .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
        background-color: #133f72;
    }
    .drilldown a.navback {
        background-color: #133f72;
        color: #fff;
    }
    .badge {
        background-color: #222;
    }
    .navbar-brand {
        width: 40%;
    }
    #openingHours, #sagepayLogo {
        margin: 20px 0px;
    }
}
@media (max-width: 480px) {
    header { margin-top: 107px;}
    .navbar-collapse.in::-webkit-scrollbar {
        width: 6px;
    }
    .navbar-collapse.in::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 0px;
        background: #f1f1f1;
    }
    .navbar-collapse.in::-webkit-scrollbar-thumb {
        border-radius: 0px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
        background: #888;
    }
    .navbar-collapse.in::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

    .homecarousel { height: 125px; background: #fff; margin-top:13px;}
    .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%);
    }
    .top-info {height:60px;}

    .navbar-header{margin-left:0!important}
    .navbar-brand{padding:10px 8px}
    .navbar-default.navbar-fixed-top{top:60px;}
    #breadcrumbs{display:none}

}
@media (max-width: 600px) {
    .thumbnails { width: 50%; }
}

.quantity{
    width:100%!important;

}
footer {
bottom:unset;!important
}
.thumbnails p {          
    margin-top: 10px;
    border-bottom: 2px solid #1D58A1;
    padding-bottom: 6px;
}
.thumbnails img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.thumbnails img:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5);
}