body {color: #000000;background-color: #fff;}

a {color: #063d76;}
a:hover, a:focus {color: #063d76;}
a:visited {}

h1 {font-weight: bold; color: #063d76;}
h2 {font-weight: bold; color: #063d76;}
h2.formheader {background: #063d76;color: #fff;}
h3 {font-weight: bold; color: #063d76;}
h4 {font-weight: bold; color: #063d76;}
h5 {font-weight: bold; color: #063d76;}
h6 {font-weight: bold; color: #063d76;}

#footer h2, #footer p {
    color: #FFFFFF;
}

b {color: #063d76;}
strong {color: #063d76;}

#pre-content {margin-bottom : 18px;overflow : hidden;}

.txt-primary{color:#ff0000;}

#header {background: #eef2f5 url('/content/images/headerbg.jpg') no-repeat center center;}
#topbar {background: #eef2f5;}
#footer {background: #000000;}
#footer a {color:#ffffff !important;}
#footer{color:#ffffff !important;}

.catlink span.ctitle {background: rgba(18, 30, 44, 0.5);}
.box.light {background: #e5e5e5;}

 .bg-primary {color: #fff;background-color: #063d76;}
a.bg-primary:hover {background-color: #fff;}
 .bg-success {background-color: #dff0d8;}
a.bg-success:hover {background-color: #c1e2b3;}
 .bg-info {background-color: #d9edf7;}
a.bg-info:hover {background-color: #afd9ee;}
 .bg-warning {background-color: #fcf8e3;}
a.bg-warning:hover {background-color: #f7ecb5;}
 .bg-danger {background-color: #f2dede;}
a.bg-danger:hover {background-color: #e4b9b9;}

.btn-default,
.btn-primary,
.readmore {
    background:#063d76;
    border:1px solid #CCCCCC !important;
    color:#ffffff;
}

.btn-default:hover,
.readmore:hover,
.btn-default:focus,
.readmore:focus,
.btn-default.focus,
.readmore.focus,
.btn-default:active,
.readmore:active,
.btn-default.active,
.readmore.active,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.readmore {
    background:#FFFFFF;
    border:1px solid #022952 !important;
    color:#022952 !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background:#FFFFFF;
    border:1px solid #022952 !important;
    color:#022952 !important;
}

.btn-secondary {
    background:#ffffff;
    color:#063d76;
    border:1px solid #ddd;
    border-collapse:collapse;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary.focus,
.btn-secondary:active,
.btn-secondary.active,
.open > .dropdown-toggle.btn-secondary {
    background:#FFFFFF;
    border:1px solid #022952 !important;
    color:#022952 !important;
}
.btn-outline {
    background:#063d76;
    color:#ffffff;
    border:1px solid #fff !important;

}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline.focus,
.btn-outline:active,
.btn-outline.active,
.open > .dropdown-toggle.btn-outline {
    background:#FFFFFF;
    border:1px solid #022952 !important;
    color:#022952 !important;
}

.headerinfo {padding-top: 10px;}
.headerinfo p{font-size:15px}
.headerinfo p a{color:#fff;}
.headerinfo p a:visited{color:#fff;}
.headerinfo h2{padding-top: 10px;}
#estoreform{min-height:400px;}

/* Parts Filters */
.results__pname {background-color: #063d76;color: #FFFFFF;}
.filter__heading {background-color: #063d76;color: #FFFFFF;}
.filter__heading:hover {background-color: #000000;color: #FFFFFF;}
.filter__list-item {color: #000000;}

/* ======================== mobile hamburger menu ======================== */
#mobile-toggle {background: #063d76}

/* ======================== custom catalog colours ======================== */
.category-box ul li a span{color:#063d76;}
.category-box h3{background:#063d76;}
.categoriescatalogtitlehref{background:#063d76;}

/* ======================== product details page seaction headers ======================== */
.product-page h3 {background:#063d76;margin:0 -15px 15px;padding:10px 15px;color:#fff;}
.product-information h2 {font-weight:700;color:#063d76;font-size:24px;}
.product-similar .product .cart .price {color:#063d76;display:block;font-weight:700;font-size:18px;margin:5px auto 0;}

/* ======================== product details page seaction headers ======================== */
.btn-black{color:#f9f9f9 !important;background:#063d76}
.btn-black:visited {color:#f9f9f9 !important;}
.btn-black:active,.btn-black.active,.open > .dropdown-toggle.btn-black{background-image:none}
.btn-black.disabled,.btn-black[disabled],fieldset[disabled] .btn-black,.btn-black.disabled:hover,.btn-black[disabled]:hover,fieldset[disabled] .btn-black:hover,.btn-black.disabled:focus,.btn-black[disabled]:focus,fieldset[disabled] .btn-black:focus,.btn-black.disabled.focus,.btn-black[disabled].focus,fieldset[disabled] .btn-black.focus,.btn-black.disabled:active,.btn-black[disabled]:active,fieldset[disabled] .btn-black:active,.btn-black.disabled.active,.btn-black[disabled].active,fieldset[disabled] .btn-black.active{background-color:#063d76;border-color:#063d76}
.btn-black .badge{color:#ffffff;background-color:#000000}

/* ======================== scroll to top box ======================== */
.scrollTop {background:#063d76;color: #FFFFFF;padding: 12px 17px;font-size: 16px;position: fixed;right: 10px;bottom: 10px;}
.scrollTop:hover {background:#063d76;color: #FFFFFF;}




/* ======================== pagination ======================== */
.pagination > li > a, .pagination > li > span 
{
    color:#063d76;background-color:#fff;
    border:1px solid #ddd;
    position:relative;float:left;padding:10px 17.5px;margin-left:-1px;line-height:1.42857143;text-decoration:none;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus
{
    color:#ffffff;
    background-color:#063d76;
    border-color:#063d76;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus
{
    z-index:2;cursor:default;
    color:#fff;
    border-color:#063d76;
    background-color:#063d76;
}

/* ======================== icon/text menu colours ======================== */
ul.nav a span.home {background:url(../img/icons/icon_home.png) no-repeat center center;}
ul.nav a span.parts {background:url(../img/icons/icon_part.png) no-repeat center center;}
ul.nav a span.tires {background:url(../img/icons/icon_tire.png) no-repeat center center;}
ul.nav a span.accessories {background:url(../img/icons/icon_accessories.png) no-repeat center center;}
ul.nav a span.orders {background:url(../img/icons/icon_order.png) no-repeat center center;}
ul.nav a span.cart {background:url(../img/icons/icon_cart.png) no-repeat center center;}
ul.nav a span.vin {background:url(../img/icons/icon_vin.png) no-repeat center center;}


.logo-container {display:inline-block;padding:0;}
@media(min-width:1200px){ .logo-container {padding-top:0px;} }
@media(max-width:1199px) and (min-width:992px){ .logo-container {padding-top:0px;} }
@media(max-width:991px) and (min-width:768px){ .logo-container {padding-top:0px;} }
@media(max-width:767px){ .logo-container {padding-top:0px;} }


.box.outline{
	border:0px !important;
	padding-left:20px !important;
	padding-top:0px !important;
}

/* ======================== text menu colours ======================== */

@media (min-width:768px) 
{
    .icons .navbar .nav > li {width: 11.11% !important;}
}
.icons .navbar-default .navbar-nav > li > a {font-size:14px !important;}


/* desktop */
@media (min-width:768px) 
{
    /* background and border colour */
    #mainnav.icons {background:#063d76;border-top:2px solid #fff;}

    /* link text & border colours */
    #mainnav.icons .navbar-default .navbar-nav > li > a {color:#fff;border-left:1px solid #fff;border-right:1px solid #fff;}

    /* link hover background and text colour */
    #mainnav.icons .navbar-default .navbar-nav > li > a:hover {background:#fff;color:#063d76;}

    /*  menu icons hover state - only apply to desktop */
    /*
    ul.nav a:hover span.home {background:url(../img/icons/icon_home_hover.png) no-repeat center center;}
    ul.nav a:hover span.parts {background:url(../img/icons/icon_part_hover.png) no-repeat center center;}
    ul.nav a:hover span.tires {background:url(../img/icons/icon_tire_hover.png) no-repeat center center;}
    ul.nav a:hover span.accessories {background:url(../img/icons/icon_accessories_hover.png) no-repeat center center;}
    ul.nav a:hover span.orders {background:url(../img/icons/icon_order_hover.png) no-repeat center center;}
    ul.nav a:hover span.cart {background:url(../img/icons/icon_cart_hover.png) no-repeat center center;}
    ul.nav a:hover span.vin {background:url(../img/icons/icon_vin_hover.png) no-repeat center center;}
    */
}

/* mobile */
@media (max-width:767px) 
{
    /* background colour */
    #mainnav.icons #navbar {background:#063d76;}

    /* menu header background colour */
    #mainnav.icons .navbar-nav > li.mheader > a {background:#910309;}

    /* menu link colour (hover is same as it's mobile) */
    #mainnav.icons .navbar-nav > li > a {background:#063d76;color:#fff;}
    #mainnav.icons .navbar-nav > li > a:hover {background:#063d76;color:#fff;}
    
    /* menu border colours */
    #mainnav.icons #navbar .nav li {border-bottom:2px solid #fff;}

    /* link font size */
    #mainnav.icons .navbar-default .navbar-nav > li > a {font-size:16px;}
}
/* ======================== text menu colours ======================== */






/* ======================== dropdown menu colours ======================== */
@media (min-width:1200px) 
{
    /* larger desktop top parent link size */
    #mainnav.dropdown .navbar-default .navbar-nav > li > a {font-size:14px;line-height:16px;}
}
@media (min-width:768px) and (max-width:991px) 
{
    /* tablet/small desktop top parent link size */
    #mainnav.dropdown .container .nav > li > a {font-size:11px;}
}
@media (min-width:768px) 
{
    /* menu bar background */
    #mainnav.dropdown {background-color:#063d76;}

    /* menu bar text colour */
    #mainnav.dropdown .navbar-default .navbar-nav > li > a {color:#FFFFFF;}

    /* menu bar hover/open background & text colour */
    #mainnav.dropdown .nav > li > a:hover {background:#FFFFFF;color:#063d76}
    #mainnav.dropdown .navbar-default .navbar-nav > .open > a {background:#FFFFFF;color:#063d76}
    #mainnav.dropdown .navbar-default .navbar-nav > .open > a:hover {background:#FFFFFF;color:#063d76}
    #mainnav.dropdown .navbar-default .navbar-nav > .open > a:focus {background:#FFFFFF;color:#063d76}

    /* dropdown menu background */
    #mainnav.dropdown .navbar-nav > li > .dropdown-menu {background:#f5f5f5;border-color:#f5f5f5;}

    /* dropdown title colour */
    #mainnav.dropdown .navbar-nav > li > .dropdown-menu h3 {color:#063d76;}

    /* dropdown link colour */
    #mainnav.dropdown .navbar-nav > li > .dropdown-menu ul li a {color:#333;}

    /* dropdown link hover colour */
    #mainnav.dropdown .navbar-nav > li > .dropdown-menu ul li a:hover {color:#063d76;}

    /* dropdown menu separator border colour */
    #mainnav.dropdown .navbar-nav > li > .dropdown-menu ul li a.dropdown-toggle {border-bottom:1px solid #cccccc;}
}

/* mobile */
@media (max-width:767px) 
{
    /* menu background colour */
    #mainnav.dropdown #navbar {background:#063d76;}

    /* menu header background colour */
    #mainnav.dropdown .navbar-nav > li.mheader > a {background:#063d76;}

    /* menu link colour (hover is same as it's mobile) */
    #mainnav ul li a, #mainnav ul li a:hover {background:#063d76;color:#fff !important;}
    #mainnav.dropdown .navbar-nav > li > a {background:#063d76;color:#fff !important;}
    #mainnav.dropdown .navbar-nav > li > a:hover {background:#063d76;color:#fff !important;}

    /* menu border colours */
    #mainnav.dropdown #navbar .nav li {border-bottom:2px solid #fff;}
    #mainnav.dropdown .dropdown-menu.menu-level-2 {border-top:2px solid #fff !important;}
    #mainnav.dropdown .dropdown-menu.menu-level-3 {border-top:2px solid #fff !important;}

    /* link font size */
    #mainnav.dropdown .navbar-default .navbar-nav > li > a {font-size:16px;}
}
/* ======================== dropdown menu colours ======================== */

span.navcarttxt{margin-bottom:0px !important; height:inherit !important;}


.additionalstockbranches {
    display: none; /* temporary, wholesale will be updated to not show branches since we have a dropdown */
}