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



.algremoteshortdesc {
    display: none;
}

div.htopidbar {
    border-bottom:1px solid #d9d9d9;
}

/* Custom CSS items from Design House - Start */
@font-face {
    font-display: swap;
    font-family: Roboto Condensed;
    font-style: normal;
    font-weight: 700;
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
    font-weight: 500;
    line-height: 1.1;
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small {
    font-weight: 400;
    line-height: 1;
    color: #d2d2d2
}

.h1,.h2,.h3,h1,h2,h3 {
    margin-top: 20px;
    margin-bottom: 10px
}
.h4,.h5,.h6,h4,h5,h6 {
    margin-top: 10px;
    margin-bottom: 10px
}

.h1,h1 {
    font-size: 32px
}

.h2,h2 {
    font-size: 28px
}

.h3,h3 {
    font-size: 24px
}

.h4,h4 {
    font-size: 18px
}

p {
    margin: 0 0 10px
}

body {
    font-family: Roboto Condensed;
    font-size: 14px;
    line-height: 1.42857143;
    color: #323232;
    background-color: #fff;
}


a.primary-button {
    font-family: Roboto Condensed,
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    text-transform: uppercase;
    justify-content: center;
    letter-spacing: 0;
    border-radius: 2px;
    padding: 0 16px;
    cursor: pointer;
}
/* Custom CSS items from Design House - End */

/* Algolia Filters Color and Overall color to Retail */
.results__retail_line-label {
    color: #231F20;
}

.ais-RefinementList-item {
    width: 100%;
    height: auto !important;
    padding-left: 2%;
    padding-right: 3px;
    padding-top: 4px;
    display: flex;
    align-items: start;
    color: #067d35;
    cursor: pointer;
}

.ais-RefinementList-list li:hover {
    color: #067d35;
    background-color: #cac7c7;
}


/* Auto Parts Catalog Result Page Text color */
.results__psku,.results__pmann_wrap,.results__pdesc {color: #444;}

/* Website Main Navigation Left Aligned */
.list .container > div, .dropdown .container > div 
	{text-align: left; padding: 0px;}

a {color: #231F20; text-decoration: none;}
a:hover, a:focus {color: #067d35; text-decoration: none;}
a:visited {}

.backprimary {
    background-color: #009D57;
}

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

b {}
strong {}


.txt-primary{color:#ff0000;}

#header {background: #FFFFFF;}
#topbar {background: #EFEFEF;}
#footer {background: #FFFFFF;}

#footer {
    color: #323232;
    padding: 3em 0;
    font-size: 14px;
    margin-top: 40px
}

#footer a, #footer {color: #323232;}
#footer a:hover {color:#067D35;}
#footer{color:#323232;}

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

 .bg-primary {color: #fff;background-color: #067D35;}
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:#067D35;
    border:1px solid #067D35 !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:#068739;
    border:1px solid #1B5633 !important;
    color:#FFFFFF !important;
}

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

.btn-secondary {
    background:#ffffff;
    color:#009D57;
    border:1px solid #EFEFEF;
    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 #EFEFEF !important;
    color:#231F20 !important;
}
.btn-outline {
    background:#FFFFFF;
    border:1px solid #231F20 !important;
    color:#231F20;
}

.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 #009D57 !important;
    color:#009D57 !important;
}

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

/* Parts Filters */
.results__pname {background-color: #EFEFEF;color: #231F20;}
.filter__heading {background-color: #EFEFEF;color: #231F20;}
.filter__heading:hover {background-color: #EFEFEF;color: #231F20;}
.filter__list-item {color: #000000;}

/* Parts Details-Modal */
.product-page h3 {background: #EFEFEF;}
.product-information h2 {color: #231F20;}
.product-similar .product .cart .price {color: #231F20;}


/* ======================== mobile hamburger menu ======================== */
#mobile-toggle {background: #231F20}

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

/* ======================== product details page seaction headers ======================== */
.btn-black{color:#f9f9f9 !important;background:#067D35}
.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:#067D35;border-color:#067D35}
.btn-black .badge{color:#ffffff;background-color:#000000}

.scrollTop {background:#231F20;color: #FFFFFF;padding: 12px 17px;font-size: 16px;position: fixed;right: 10px;bottom: 10px;}
.scrollTop:hover {background:#231F20;color: #FFFFFF;}


.pagination > li > a, .pagination > li > span 
{
    color:#067D35;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:#067D35;
    border-color:#067D35;
}
.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:#067D35;
    background-color:#067D35;
}

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

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

/* ======================== product details page seaction headers ======================== */
.btn-black{color:#f9f9f9 !important;background:#067D35}
.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:#067D35;border-color:#067D35}
.btn-black .badge{color:#ffffff;background-color:#000000}

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




/* ======================== pagination ======================== */
.pagination > li > a, .pagination > li > span 
{
    color:#067D35;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:#067D35;
    border-color:#067D35;
}
.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:#067D35;
    background-color:#067D35;
}

/* ======================== 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;}
@media (min-width:768px) 
{
    #mainnav.icons {background:#067D35;border-top:2px solid #fff;}
    #mainnav.icons .navbar-default .navbar-nav > li > a {color:#fff;border-left:1px solid #fff;border-right:1px solid #fff;}
    #mainnav.icons .navbar-default .navbar-nav > li > a:hover {background:#fff;color:#067D35;}
}
@media (max-width:767px) 
{
    #mainnav.icons #navbar {background:#067D35;}
    #mainnav.icons .navbar-nav > li.mheader > a {background:#910309;}
    #mainnav.icons .navbar-nav > li > a {background:#067D35;color:#fff;}
    #mainnav.icons .navbar-nav > li > a:hover {background:#067D35;color:#fff;}
    #mainnav.icons #navbar .nav li {border-bottom:2px solid #fff;}
    #mainnav.icons .navbar-default .navbar-nav > li > a {font-size:16px;}
}

/* ======================== dropdown menu colours ======================== */
@media (min-width:1200px) 
{
    #mainnav.dropdown .navbar-default .navbar-nav > li > a {font: normal normal 700 17px/25px Roboto Condensed;line-height:16px;}
}
@media (min-width:768px) and (max-width:991px) 
{
    #mainnav.dropdown .container .nav > li > a {font: normal normal 700 11px/25px Roboto Condensed;line-height:11px;}
}
@media (min-width:768px) 
{
    #mainnav.dropdown {background-color:#EFEFEF;}
    #mainnav.dropdown .navbar-default .navbar-nav > li > a {color:#231F20;}
    #mainnav.dropdown .nav > li > a:hover {background:#EFEFEF;color:#067D35}
    #mainnav.dropdown .navbar-default .navbar-nav > .open > a {background:#EFEFEF;color:#231F20}
    #mainnav.dropdown .navbar-default .navbar-nav > .open > a:hover {background:#EFEFEF;color:#067D35}
    #mainnav.dropdown .navbar-default .navbar-nav > .open > a:focus {background:#EFEFEF;color:#231F20}
    #mainnav.dropdown .navbar-nav > li > .dropdown-menu {background:#f5f5f5;border-color:#f5f5f5;}
    #mainnav.dropdown .navbar-nav > li > .dropdown-menu h3 {color:#231F20;}
    #mainnav.dropdown .navbar-nav > li > .dropdown-menu ul li a {color:#333;}
    #mainnav.dropdown .navbar-nav > li > .dropdown-menu ul li a:hover {color:#231F20;}
    #mainnav.dropdown .navbar-nav > li > .dropdown-menu ul li a.dropdown-toggle {border-bottom:1px solid #cccccc;}
}
@media (max-width:767px) 
{
    #mainnav.dropdown #navbar {background:#EFEFEF;}
    #mainnav.dropdown .navbar-nav > li.mheader > a {background:#EFEFEF;}
    #mainnav ul li a, #mainnav ul li a:hover {background:#EFEFEF;color:#231F20 !important;}
    #mainnav.dropdown .navbar-nav > li > a {background:#EFEFEF;color:#231F20 !important;}
    #mainnav.dropdown .navbar-nav > li > a:hover {background:#EFEFEF;color:#231F20 !important;}
    #mainnav.dropdown #navbar .nav li {border-bottom:2px solid #EFEFEF;}
    #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;}
    #mainnav.dropdown .navbar-default .navbar-nav > li > a {font: normal normal 700 17px/25px Roboto Condensed;line-height:16px;}
}


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

.catalogue .searchbox h3 {
    background: #025064;
}