/***** BEGIN RESET *****/
* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}
/***** END RESET *****/


/********************************************** START WEBFONTS */
@font-face {
    font-family: 'ralewaysemibold';
    src: url('/webfonts/raleway-semibold-webfont.eot');
    src: url('/webfonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('/webfonts/raleway-semibold-webfont.woff') format('woff'),
         url('/webfonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('/webfonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('/webfonts/raleway-regular-webfont.eot');
    src: url('/webfonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/webfonts/raleway-regular-webfont.woff2') format('woff2'),
         url('/webfonts/raleway-regular-webfont.woff') format('woff'),
         url('/webfonts/raleway-regular-webfont.ttf') format('truetype'),
         url('/webfonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/********************************************** END WEBFONTS */

/********************************************** START GLOBAL */
.site-width {
	width:84%;
	max-width:1200px;
	margin:0 auto;
}
body {
	font-family: 'ralewayregular';
	color:#fff;
	font-size:18px;
	line-height:30px;
	background:#212121;
}
/********************************************** END GLOBAL */

/********************************************** START HEADER */
.menu-icon-toggle {
	display:none;
}
.toggle-desktop {
	display:block;
}
header {
	font-family: 'ralewaysemibold' !important;
	width:100% !important;
	padding:15px 0 !important;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#818181+0,545454+100 */
	background: rgb(129,129,129) !important; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(129,129,129,1) 0%, rgba(84,84,84,1) 100%) !important; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(129,129,129,1) 0%,rgba(84,84,84,1) 100%)!important; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(129,129,129,1) 0%,rgba(84,84,84,1) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#logo {
	width:55% !important;
	min-width:280px !important;
	margin:0 auto;
}
#logo img {
	width:100%;
}
.header-phone {
	text-align:center;
	color:#FFC71F;
	font-size:30px;
}
.header-phone a {
	color:#FFC71F;
}

#scrolling-inv {width:100%; display:block; overflow:hidden; height:90px;}
#scrolling-inv iframe {width:100%; display:block; height:90px;}

nav{position:relative;width:100%;margin:0 auto; font-family:'ralewaysemibold';
	position: relative;
	padding:10px 0;
	border-top:3px solid #141414;
	border-bottom:3px solid #141414;
	z-index: 999;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cb9f1a+0,ffc820+100 */
	background: rgb(203,159,26); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(203,159,26,1) 0%, rgba(255,200,32,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(203,159,26,1) 0%,rgba(255,200,32,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(203,159,26,1) 0%,rgba(255,200,32,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */}

nav ul {width:100%; max-width:1130px; margin:0 auto;}
nav li {position:relative; float:left; display:inline;}
nav a:link, nav a:active, nav a:visited, nav span {display:block; color:#212121; font-size:18px; padding:5px 17px; text-decoration:none; line-height:1;}
nav a:hover, nav span:hover {color:#ffc71f; background:#212121; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

nav ul ul {display:none; position:absolute; z-index:99999; top:29px; left:0; width:150px; background:#212121; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
nav ul ul ul {position:absolute; left:100%; top:0;}
nav ul li:hover > ul {display:block; z-index:99999;}
nav ul ul li {float:none;  position:relative; display:block;}
nav ul ul li a:link, nav ul ul li a:active, nav ul ul li a:visited {
	font-size:16px; font-family:'ralewaysemibold'; line-height:18px; padding:7px 0px; border-bottom:1px solid #666; color:#fff; text-align:center; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
nav ul ul li:first-child a {border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0;}
nav ul ul li:last-child a {border-bottom:0; border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px;}
nav ul ul li a:hover {background:#000; color:#ffc71f;}

/** mobile nav **/
#mobile-nav .close-nav {width:100%; display:block; background:url('../siteart/close-ex.png') no-repeat center right; height:30px; border-bottom:1px #000 solid;}
#mobile-nav {display:none; position:fixed; top:0; height:100%; z-index:9999; width:260px; overflow-x:none; overflow-y:auto; font-size:15px; background:#fdc620; color:#000; margin:0 !important;
	-moz-box-shadow:2px 0px 3px rgba(0, 0, 0, .4); -webkit-box-shadow:2px 0px 3px rgba(0, 0, 0, .4); box-shadow:2px 0px 3px rgba(0, 0, 0, .4);}
#mobile-nav ul {clear:both; display:block; padding:0;}
#mobile-nav ul li {display:block; margin:0; line-height:40px; position:relative; border-bottom:1px solid #000;}
#mobile-nav ul li a, #mobile-nav ul li span {padding:0 15px; display:block; text-decoration:none; color:#000;}
#mobile-nav ul li a:hover {background:#212121; color:#fff;}

#mobile-nav ul li.expandable .end {background:url('../siteart/rt-arrow.png') no-repeat center; position:absolute; top:0px; right:0px; width:40px; height:40px; display:block;}
#mobile-nav ul li.expandable .end.rotate {
	-ms-transform: rotate(90deg); /* IE 9 */
	-moz-transform: rotate(90deg); /* Firefox */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
#mobile-nav ul ul.collapsed {display:none;}
#mobile-nav ul ul.expanded {display:block;}
#mobile-nav ul li ul {border-bottom:none; margin:0; background:#BD9418;}
#mobile-nav ul li ul li {line-height:40px;}
#mobile-nav ul li ul li:last-child {border-bottom:none;}
#mobile-nav ul li ul li a, #mobile-nav ul li ul li span {color:#000; padding-left:30px;}
#mobile-nav ul li ul li a:hover {background:#212121; color:#fff;}


/********************************************** END HEADER */

/********************************************** START CONTENT */
.content-container {
	padding:25px 0;
}
.home-page-text {
	float:left;
	width:48%;
	padding:0 1% 0 0;
}
.home-page-text p {
	padding: 0 0 15px 0;
}
.home-image {
	float:right;
	width:48%;
	padding:0 0 0 1%;
}
.home-image img {
	width:100%;
}
.map-border {
	border-top:4px solid #808080;
}
.google-map {
	margin:0 0 -9px 0;
}
.inv iframe {margin:10px 0; background:#fff; width:1020px; height:2100px;}

/********************************************** END CONTENT */

/********************************************** START CONTACT FORM and PAGE*/
.contact-form {
	float:left;
	width:48%;
	pading:15px 1% 15px 0;
}
.map-container {
	float:right;
	width:48%;
	padding:15px 0 15px 1%;
}
.contact-form label {
	font-size:18px;
}
.required {color:#ffc71f;}
.contact-form input {background:#fff;}
.text-field {
	font-family: 'ralewayregular';
	font-size:16px;
	width:100%;
	height:32px;
	padding:7px;
	margin:10px 0;
	border:1px solid #2E2C2C;
	background:#fff;
}
.contact-form textarea {
	font-family: 'ralewayregular';
	font-size:16px;
	width:100%;
	height:130px;
	padding:7px;
	margin:10px 0;
	border:1px solid #2E2C2C;
	background:#fff;
}
.checkbox {
	margin:10px;
}
.contact-button {
	display:block;
	font-family: 'ralewaysemibold';
	font-weight:600;
	color:#212121;
	font-size:20px;
	padding:15px;
	width:35%;
	margin: 10px auto;
	border:none;
	
	-webkit-box-shadow: 0px 3px 8px 1px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 3px 8px 1px rgba(0,0,0,0.45);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.45);
}
.contact-button:hover {
	background:#ccc;
}
.CaptchaWhatsThisPanel a {color: #ffc71f;text-decoration:none;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;color:#fff;} 
/********************************************** END CONTACT FORM */

/********************************************** START FOOTER */
footer {
	border-top:4px solid #808080;
	padding:30px 0;
}
.footer-contact-info {
	width:30%;
	padding:10px 0;
	float:left;
	color:#ffc71f;
	font-size: 21px;
}
.footer-contact-info a {
	color:#ffc71f;
}
.footer-contact-info h2 {
	font-family: 'ralewaysemibold';
	text-decoration:underline;
}
.divfooter {
	width:60%;
	float:right;
	text-align:right;
	font-size:15px;
}
.divfooter a {
	color:#fff;
}
.divfooter a:hover {
	color:#ffc71f;
}
.contact-header {
	padding:15px 0;
}
/********************************************** END FOOTER */


/********************************************** INVENTORY STYLES */

.list-content{background-color: #FFF; color:#000;}
.detail-content{background-color: #FFF; color:#000;}
.detail-content-mobile{background-color: #FFF; color:#000;}
.hosted-content .fluid{background-color: #FFF; color:#000;}

#inv{padding: 5% 0;}
#inv *:not(.fa):not(.far):not(.fas):not(.fab):not(.material-icons){font-family: bahnschrift, urw-din, sans-serif!important;} /* Reset font, ignore icons */

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 90px !important;
    -o-border-radius: 90px !important;
    -webkit-border-radius: 90px !important;
    border-radius: 90px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#d5a71b !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#d5a71b !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #d5a71b !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #fff !important; color: #d5a71b !important;}

.check-availability-link, .email-seller-link, .video-chat-link, .faceted-search, .faceted-show-all-btn, .cs-btns a, .calculator-btn {background: #000 !important; border: solid 1px #000 !important; transition: ease all 0.2s !important;}
.check-availability-link:hover, .email-seller-link:hover, .video-chat-link:hover, .faceted-search:hover, .faceted-show-all-btn:hover, .cs-btns a:hover, .calculator-btn:hover {background: #fff !important; color: #000 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label, .part-detail-additional-data .data-label, .part-detail-content .detail-contact-bar {background: #000 !important;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .list-page-nav, .contact-options a {background: #000 !important;}
.list-main-section .contact-options a {border: #000 solid 1px !important; transition: ease all 0.2s !important;}
.list-main-section .contact-options a:hover {background: transparent !important; color: #000!important;}

.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}



/********************************************** START RESPONSIVE */
@media screen and (max-width:1135px) {
	nav a:link, nav a:active, nav a:visited, nav span {font-size:15px; padding:5px 10px;}
}
@media screen and (min-width:881px) {
	#mobile-nav {display:none!important;}
}
@media screen and (max-width:880px) {
	.menu-icon-toggle {
		display:block; background:url(../siteart/mobile-nav-icon.png) no-repeat center center; height:40px; width:40px; cursor:pointer; position:absolute; right:10px;
	}
	.toggle-desktop {
		display:none;
	}
	.contact-form {
		width:100%;
		pading:15px 0;
	}
	.map-container {
		width:100%;
		padding:15px 0;
	}
	.home-page-text {
		float:none;
		width:100%;
		padding:15px 0;
	}
	.home-image {
		float:none;
		width:100%;
		padding:15px 0
	}
	.footer-contact-info {
		width:100%;
		float:none;
		text-align:center;
		padding:15px 0;
	}
	.divfooter {
		width:100%;
		float:none;
		text-align:center;
		padding:15px 0;
	}
}
@media screen and (max-width:426px) {
	#logo {
		margin:40px auto 0;
	}
}
/********************************************** END RESPONSIVE */