body {
    font-family: Roboto, sans-serif;
}
header { margin-top: 70px; }
.main-heading { font-weight: 400; }

.btn-primary {
    background-color: #531979;
    border-color: #531979;
}
.btn-primary:hover, .btn-primary:focus {
    background-color: #272727;
    border-color: #272727;
}

.tooltipcontainer .data {
    background: #0d824a;
}

a, a:hover { color: #333333; }

.navbar-default { background-color: #fff; }

.container-full-nav {
    background-color: #272727;
    margin-top: 20px;
}
.yamm {
    background-color: #272727;
    margin-top: 0;
}
.navbar .level1 a {
    text-transform: none;
}
.navbar .level3 a {
    font-size: 14px;
    line-height: 22px;
}
.navbar-social i, .navbar-myaccount i, .navbar-logout i, .navbar-logout {
    color: #531979;
    font-size: 16px
}
.vatToggle { padding-top: 6px; }
.vat-switch-btn {
    color: #fff;
    padding: 13px 10px 10px;
}
.navbar-greeting { padding: 11px 10px 10px; }
.navbar-social:hover, .navbar-myaccount:hover, .navbar-logout:hover, .navbar-greeting:hover, .vat-switch-btn:hover {
    background-color: #ddd;
}

.navbar .level1.home { background-color: #12844e; }
.navbar .level1.home a { padding: 10px 0; }
.navbar .level1.home .fa { font-size: 28px; }

.navbar .level1 { height: 50px; }
.nav-justified > .dropdown .dropdown-menu { top: 70px; }
.navbar .level1 > a { color: #fff; padding: 14px; font-weight: bold; }
.yamm .level1:hover, .yamm .level1:focus, .yamm .level1 > a:focus { background: #64767C; }
.yamm .nav-heading a { color: #531979; }
.yamm .yamm-content { padding: 30px 20px; }

#main-nav2 > ul > li > ul { padding-bottom: 25px; }
.header-links-cart, .header-phone .fa-phone, .header-myaccount .fa {
    color: #531979;
    font-size: 22px;
}

.header-search {
    width: 90%;
}
.header-search .searchform, #search .searchform {
    border: 1px solid #CED4DA;
    margin-top: 0;
}
.header-search .searchform .btn, #search .searchform .btn {
    background: transparent;
    border: none!important;
    z-index: 2;
}
.header-search .fa-search, #search .searchform .fa-search { color: #531979; }
.header-search .searchform .searchterm {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
#SearchResults { top: 36px; }

.header-myaccount {
    float: right;
    padding: 7px 0 10px 40px;
}
.header-phone { padding-top: 8px; }
.header-basket-text { margin-bottom: 0; }

#home-sub-adds img {
    border: none;
}
.featured-title {
    background: #272727;
    color: #fff;
}
.featured-list .thumbnail {
    border: none;
    background-color: transparent;
}
.featured-list .image-container {
    height: 215px;
}
.featured-list .caption h2 {
    min-height: 60px;
    text-align: center;
    font-size: 14px;
}
.featured-list .caption h3 {
    text-align: center;
    font-size: 12px;
}
.featured-list .caption h3 span.price {
    font-size: 15px;
}

.brand-list .thumbnail {
    border: 0px;
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.brand-list .thumbnail img {
    max-height: 120px;
}


.home-brands .owl-nav {
    width: 100%;
    position: absolute;
    bottom: 60%;
}
.home-brands .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;
}
.home-brands .owl-nav i {
    border: solid #111111;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 6px;
}
.home-brands .owl-nav .owl-next {
    right: -30px;
}
.home-brands .owl-nav .owl-prev {
    left: -30px;
}
.right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
.left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}



.category-head img { max-height: 400px; }
#editbaskettable { margin-top: 50px; }
#editbaskettable th, .table th { background-color: #f6f6f6; padding: 10px 8px; border-bottom: 1px solid #eeeeee!important; }
#editbaskettable .basketproductimagecol { text-align: center; }
.trash { color: #531979; }

#editbasketform #editbaskettable tbody tr td { background-color: #fff; border-top: 1px solid #eeeeee; }
#basketemptybasket .emptybasketbtn { background-color: #64767C; border-color: #64767C; }
#basketemptybasket .emptybasketbtn:hover { background-color: #CE5A5E; border-color: #CE5A5E; }
#basketcontinueshopping a.btn:hover { background-color: #531979; border-color: #531979; color: #fff; }

.product-caption h2, .grouped-cat-caption h2 {
    font-size: 16px;
    line-height: 20px;
}

.grouped-cat-price-label { height: 82px; }
.grouped-category-box .viewoptions { height: 70px; }
.grouped-category-box .viewoptionsform .btn { width: 100%; }

div.price, .price-block, .alsobought-box-price, .suggested-box-price { font-size: 12px; }
.price #price-unit { font-weight: normal; font-size: 12px; }
.alsobought-box-price span.price, .suggested-box-price span.price, .price-block span.price { font-size: 15px; font-weight: 600; }
.alsobought-container { border: none; }
.suggestedbox h2 { font-size: 19px; padding-left: 15px; }

.quotesubmitinput-prodlist, .wishlistsubmitinput-prodlist, .addFavourite, .moveFavourite, .addtoquote-prodgrp-table #quotesubmitinput {
    color: #0d824a;
}
.quotesubmitinput-prodlist:hover, .quotesubmitinput-prodlist:active, .quotesubmitinput-prodlist:focus {
    color: #222;
}

.product-filter-container { background: transparent; }
.product-filter-container .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.product-filter-container .fa-filter { display: none }
.product-filter-container .panel-heading .panel-title {
    font-weight: 200;
}
.product-filter-container #accordion .panel-heading a:hover {
    background-color: #f3f3f3;
    color: #64767C;
}
.product-filter-container #accordion .panel-heading { margin-bottom: 10px; }

.recentproducts-image img, .topproducts-image img { max-height: 100px; }
.topproducts-title, .recentproducts-title { margin-top: 10px; }
.recent-container hr , #topproducts hr { border: none; }

.obsoleteprod { color: #ff0000; }

#checkout-login-form .bottom { margin-top: 30px; }
.guestcheckout { margin-top: 20px; }
#checkout-entry-signup { padding-right: 15px; }
#checkoutstepss.breadcrumb .current { font-size: 12px; font-weight: 500; }

#checkoutretrysubmit, #checkoutcancelorder { min-width: 165px; }
#panel-confirmorder-extrainfo .table>tbody>tr>th, .table>tfoot>tr>th {
    background-color: transparent;
}
.delopt td > div { padding-right: 10px; }
.delopt td div:first-child { font-weight: 600; font-size: 13px;}
.my-basket .postcode-estimator-result legend { margin-bottom: 5px; font-size: 15px; }
.my-basket .postcode-estimator-result .delopt { margin-bottom: 15px; }

.badge { vertical-align: top; }
#collapse-nav { background-color: #fff; }
.drilldown a.navback{ background-color: #531979; color: #fff; }
.drilldown a { color: #222; }

select.btn {
    color: #ffffff;
    background-color: #272727;
    border-color: #272727;
}

.panel-default > .panel-heading {
    color: #ffffff;
    background-color: #272727;
    border-color: #272727;
}
.panel-default > .panel-heading:hover {
    background-color: #0a0a0a;
}
.panel-default > .panel-heading a:hover {
    color: #fff;
    text-decoration: none;
}

footer { padding-top: 50px; }
footer, #footer {
    background: #272727;
    color: #fff;
    bottom:auto;
}
#footer a { color: #fff; }
#footer a#poweredByOGL {
    color: #666;
    background: transparent url(../images/OGL-icon.png) no-repeat 0 0;
}
#footer a#poweredByOGL:hover {
    background-position: 0 -17px;
    color: #bbbbbb;
}
.footer-left { font-size: 13px; }
.footer-right #openingHours {
    margin-top: 10px;
}

/* Homepage loader */
.spinner {
    width: 40px;
    height: 40px;
    position: relative;
    margin: 100px auto;
    line-height: 370px;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #a6abb3;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

@media (min-width: 1400px) {
    .container {
        width: 1370px;
    }
}
@media (min-width: 1600px) {
    .container {
        width: 1500px;
    }
}
@media (min-width: 1640px) {
    .container {
        width: 1640px;
    }
}
@media (min-width: 1800px) {
    .container {
        width: 1770px;
    }
}

@media (max-width: 1199px) {
    .basketqtylabel { display: none; }
}

@media (min-width: 768px) {
    .list .row div:nth-child(3n+1) { clear: both; }
}

@media (max-width: 991px) {
    .navbar-default {
        background-color: #fff;
    }
    .navbar .navbar-toggle {
        color: #531979;
        font-size: 22px;
    }
    .pdetails { margin-top: 15px; }
    .featured-list .image-container { height: 150px; }
    .featured-list .image-container img { max-height: 150px; }
    .owl-carousel { touch-action: manipulation; }
}

@media only screen and (max-width: 480px) {
    .navbar-brand { width: 50%; }
    .navbar-toggle.quotes, .navbar-toggle.quickorder { display: none; }
    h1 { font-size: 30px; }
    .featured-list .image-container { height: 150px; }
    .owl-nav, .owl-prev { display: none; }
}

@media only screen and (max-width: 320px) {
    .navbar-brand { width: 40%; }
    .featured-list .image-container { height: 215px; }
}

.alsobought-box-price {
    height: 70px;
}

.suggested-box-price {
    height: 70px;
}

#home-sub-adds {
    margin-bottom: 35px;
}
#home-sub-adds div:nth-child(4n + 1) {
    clear: left;
}