﻿/***** BEGIN RESET *****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;	
}

ol, ul {
	list-style: none;
}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* Make HTML 5 elements display block-level for consistent styling */  
header, nav, article, footer, address {  
    display: block;  
} 

/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #F4BD00; 
    color: #000;
    text-shadow: none;
}
::selection {
    background: #F4BD00;
    color: #000;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body {

}

a:link, a:visited, a:active {text-decoration:none; color:#333}
a:hover {text-decoration:none;color:#F4BD00;}


hr{border:#000 1px solid;}


/*--- HEADER STYLES ---------------------*/
.header {background: #F5F5F5; width: 100%; display: inline-block; padding: 20px 0;}
.logo {max-width: 300px; width: 100%; float: left;}
.logo img {width: 100%;}
.header-right {text-align: right; float: right; vertical-align: middle;}
.soc-btn {background: none !important; border:0;}
.soc-btn .fab {color: #000; font-size: 20px; transition: .2s ease;}
.soc-btn .fab:hover {color: #F4BD00; font-size: 20px;}
.header-right {text-align: right; color:#000;}
.nav-btn-area, .map, .signup {color:#000; font-weight: 700; padding:5px 0; letter-spacing: 1px; transition: .2s ease; }
.nav-btn-area, .map:hover, .signup:hover {color:#F4BD00;}


/*---BODY--------------------------------*/
#padding50 {padding: 50px 0;}
.width-60 {width: 60%; margin: 0 auto;}





/*======INVENTORY STYLES======*/
.faceted-search-content .selected-facets-container .selected-facet {background: #000 !important; color:#fff !important}
.faceted-search-content .faceted-section-box .faceted-view-more-btn {background:#F4BD00 !important;  }
body .noUi-connect {background: #000 !important;}
body .noUi-handle{background:#000 !important;  border:1px solid #fff !important;  border-radius: 5px !important; color:#000 !important; box-shadow: inset 0 0 0, 0 0 0px;}
.noUi-handle:after, .noUi-handle:before {background: #fff !important;}
.list-container-flexrow .view-listing-details-link {background:#F4BD00 !important; text-transform: uppercase !important; letter-spacing: .5px !important; }
.list-container-flexrow .buy-now-link, .list-container-flexrow .check-availability-link, .list-container-flexrow .email-seller-link, .list-container-flexrow .dealer-phone-call {background: #000 !important; text-transform: uppercase !important; letter-spacing: .5px !important;}
.spec-container {text-transform: uppercase; font-size: 11px; line-height: 20px; letter-spacing: .5px; border-radius: 0;}
.list-container-flexrow .price-container .price {color:#000 !important; font-weight: 700 !important; letter-spacing: .5px !important;}
.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn{background:#F4BD00 !important; text-transform: uppercase !important; letter-spacing: .5px !important; color:#fff !important; font-size: 18px !important; padding:5px 0 !important;}
.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc p {margin: 0 0;}
.detail-content .detail-additional-data .data-row .data-label{background:#F4BD00 !important; text-transform: uppercase !important; letter-spacing: .5px !important; color:#fff !important; }
.detail-content .detail-additional-data .data-row .data-value {text-transform: uppercase !important; letter-spacing: .5px !important;}
.detail-content .detail-additional-data h4 {text-transform: uppercase !important; letter-spacing: 2px !important;}
.detail-content .dealer-info h3 {letter-spacing: 1px !important; text-transform: uppercase !important; font-size: 20px !important; font-weight: 400 !important;}
.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc {padding:  10px 0 !important;}
.detail-content .search-results {color:gray !important; letter-spacing: .5px !important; text-transform: uppercase !important;}
.mc-debuginfo {background: #fff !important; border:0 !important; display: none !important;}
.mobile-breadcrumb {background: gray !important}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle {background:none !important; text-align: center !important; margin: 0 auto !important;}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {background-color:#fff !important;}
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{background:#F4BD00 !important; text-transform: uppercase !important; letter-spacing: .5px !important; color:#fff !important; }
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {background: #000 !important; color:#fff !important;}
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile:hover {background: gray !important; color:#fff !important;}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile{background: #000 !important; color:#fff !important;}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile{background: #000 !important; color:#fff !important}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile:hover{background: gray !important; color:#fff !important}
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile{background: #000 !important; color:#fff !important}
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile:hover{background: gray !important; color:#fff !important}
.detail-content-mobile .detail-additional-data .data-row .data-label, .list-container-flexrow .view-listing-details-link{background:#F4BD00 !important; text-transform: uppercase; letter-spacing: .5px !important; color:#000 !important; }
.detail-additional-data h4 {text-transform: uppercase !important;letter-spacing: 1px !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn {background: #000 !important;}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {background: #fff !important;}
.list-content .list-title .list-listings-count {color:#333 !important;}
.paging-container .page-navs .list-page-nav {background: #333 !important}

.listing-prices__retail-price{color: #333 !important;}


/*---------- RESPONSIVE STYLES ----------*/


@media only screen and (max-width: 1500px) {
	.width-60 {width: 80%;}
}
@media only screen and (max-width: 1228px) {
	.list-content .list-title {width: 90%; margin: 0 auto; padding: 10px 0;}
}



@media only screen and (max-width: 900px) {
	.width-60 {width: 90%;}

	.logo {max-width: 250px; width: 100%;}
	
}

@media only screen and (max-width: 620px) {
	.logo {width: 100%; margin: 0 auto; text-align: center; float: none;}
	.logo img {margin: 0 auto; text-align: center;}
	.header-right {width: 100%; text-align: center; float: none}

	.logo {max-width: 250px; width: 100%;}
	
}






