/***** 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;  
} 


.faceted-search-content.visible {z-index: 2000 !important;}
.ts-modal-container{z-index: 3000 !important;}


/*-------- COLORS --------

*/

/***** END RESET *****/
::-moz-selection {
    background: #000; 
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
.clear{clear: both;}

h1 {font-family: 'Montserrat', sans-serif; letter-spacing: 2px; font-size: 30px;}
h2 {font-family: 'Montserrat', sans-serif;letter-spacing: 1px;}
h3 {font-family: 'Montserrat', sans-serif;letter-spacing: 1px;}
h4 {font-family: 'Montserrat', sans-serif;letter-spacing: 1px;}
h5 {font-family: 'Montserrat', sans-serif;letter-spacing: 1px;}
body {
	font-family: 'Montserrat', sans-serif !important;
}
p {
	font-family: 'Montserrat', sans-serif;
}
p a{color: #000;}



/*---HEADER---------------------*/
header {
	position:absolute;
	z-index: 9999;
	top:0;
	width:100%;
	font-size:18px;
	background:rgba(0,0,0,.70);
	border-top:5px solid #fd0000;
	padding:10px 0;
	z-index: 9999;
}

.header-inner {width:90%; margin: 0 auto;}

#topleft {
	width:25%;
	position: relative;
    display: inline-block;
    top: 0;
    left: 0;
	padding: 4px 0; 
}

#logo {
	border:5px solid #fd0000;
	border-radius: 20px;
	background:#fff;
	text-align: center;
	margin: 0 auto;
	
}
#logo img{width:100%; 
	max-width: 250px;
	display: inline-block;
	padding:20px 20px;
	text-align: center;
}


#topright {
	margin-right:10%;
	float:right;
	padding:5px 0;
	display:inline-block;
	text-align: right;
	width:60%;
	font-family: 'Montserrat', sans-serif;
}

.header-location{display: inline-block; color:#888888; font-weight: 300; font-size:20px; letter-spacing: 1px; margin:5px 10px;}
.header-location a{color:#000; font-weight: 700;}
.header-location p {display: inline-block;}

#topright img{width: 25%; float:right;}

#phone {display: inline-block; color:#fff; font-size:16px; letter-spacing: 1px;}
#phone a{ color:#fff; }
#phone a:hover{color:#939393}
#vert-line {display: inline-block;color:#fff; font-size:16px; letter-spacing: 1px;}
#email {display: inline-block;color:#fff; font-size:16px; letter-spacing: 1px;}
#email a{color:#fff; }
#email a:hover{color:#939393}

/*HERO OTHER PAGES*/
.hero-text-adl {position:absolute; top:18vw;background:rgba(0,0,0,.60); padding:25px 35px; display: inline; right: 0; left: 0; width:60%; text-align: center; margin: 0 auto;  }
.hero-text-adl h1{color:#fff; font-size:40px;  line-height: 32px; left: 0; right:0; text-align: center; margin: 0 auto; letter-spacing: 3px;}
.hero-text-adl h4{color:#fff; font-size:25px;  line-height: 32px; left: 0; right:0; text-align: center; margin: 0 auto; letter-spacing: 3px;}
#amp { font-size:50px; color:#fd0000;}
/*---SLIDESHOW----------------------------*/
.cycle-slideshow { z-index: 99;}
.cycle-slideshow img{width:100%;}
.cycle-overlay {position:absolute; top:27vw; width:50%; float: right;right:0;  margin-right:3%; z-index: 999;}
.cycle-overlay h2 {color:#000; text-transform: uppercase; font-size:40px; letter-spacing: 2px;font-weight: 500; line-height: 30px;}
.cycle-overlay h1 {color:#000; text-transform: uppercase; font-size:50px; letter-spacing: 2px; font-weight: 700;}
#red-text {font-size:60px; letter-spacing: 1px; color: #fd0000; font-weight: 700;}
.red-btn {width:320px; background:#fd0000; color:#fff; text-transform: uppercase; letter-spacing: 1px; text-align: center; padding:10px 0; font-size:18px; transition:.3s ease;}
.red-btn:hover {width:320px; background:#212121; color:#fff; text-transform: uppercase; letter-spacing: 1px; text-align: center; padding:10px 0; font-size:18px;}
.red-btn a{color: #fff;}

/*-------- BODY STYLES -------------------*/

 .width{margin: 0 auto; width: 60%; text-align: left; padding: 20px 0;}

a:link, a:visited, a:active {text-decoration:none;}
a:hover {text-decoration:none;}


hr{border:#000 1px solid;}

.gray-bar{background: #373737; padding: 25px 0; margin: 0 auto; text-align: center;}

#black-buttons{background: #000; border: 1px solid #fff; border-bottom: 5px solid #fff; color: #fff; padding: 15px 0; width: 280px; text-align: center; display: inline-block; letter-spacing: 1px;transition:.3s ease;}
#black-buttons:hover{background: #fff; color: #000;}

.white-feature{width: 100%; padding: 3% 0; background: url(../siteart/white-feature.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; }

.white-feature h1{color: #fd0000; font-size: 40px; font-weight: 900;}
.white-feature h1 span{font-size:22px; font-weight: 400;}


.red-btn-small {width:210px; background:#fd0000; color:#fff; text-transform: uppercase; letter-spacing: 1px; text-align: center; padding:12px 0; font-size:15px; font-weight: 700; transition:.3s ease;}
.red-btn-small a{color: #fff;}
.red-btn-small:hover { background:#212121; color:#fff; }


#pageimage{width: 100%; display: block;}

/**---- SCROLLING MANU BAR ------------*/
.border-manu-mobile {display: none;}
.brandbar{
	background:#fff;
	margin: 0 auto;
	text-align: center;
	padding:10px 0px;
	width: 85%;
	top:0;
	left: 0;
	right:0;
}
.manu-slider img{width:80%;  padding: 15px 15px; border:.5px solid #000;}
.manu-slider img:hover {opacity:.7; border:.5px solid #ddd;-webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s;}
.border-manu {border-top:2px solid #000;border-bottom:2px solid #000; padding:15px 0; margin:20px 0;}



/*--------FORM STYLES -2 --------------------------------------*/
.form-wrap {width:100%; display: inline-block; padding:2% 0; }

#formpage .formfield placeholder {color:#fff;}

#formpage { 
	vertical-align:top; 
	margin: 0 auto;  
	text-align:center;
}

#formpage div {
	vertical-align:top;
	padding:5px;
	color: #000;
	text-align: center;
}

#formpage input {
	padding:6px 5px 10px;
	border:1px solid #ed1b24;
	background:#fff;
 -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0 !important;
}

#formpage textarea {
	padding:6px 5px;
	border:1px solid #ed1b24;
	color:#000;
	background:#fff;
	margin-top: 5px;
}

/* selects have similar styles to input & textarea fields, but with no padding. Text in a dropdown select is positioned differently */
#formpage select {
	border:1px solid #000;
	color:#000;
	vertical-align:middle;
	font-size:16px;
	line-height:normal;
	padding:8px ;
	width:100%;
}

.formfield {
	width:47%; 
	float:left; 
	margin-right: 12px; 
	color: #000;
	text-align:left;
	font-family: 'Open Sans', sans-serif; 

}

#formpage input  {
    width:100%;
}
#formpage input#interest  {
    width:auto;
}
 
#formpage input.larger  {
    width:100%;
}

#formpage textarea {
    width:100%;
    height:85px;
	font-family: 'Open Sans', sans-serif; 
	color:#fff;

}

#formpage input.radio {
    padding:0; 
    border:0;
    margin:0 5px 0 0;
    width:15px;
    height:15px;
	text-align: left;	
 }

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus {
	background:#fff; 
	color:#000;
	border:1px solid #000;
	outline-style:none;
	-webkit-transition-duration: 0.4s; 
	/* Safari */ transition-duration: 0.4s;
}


#formpage input.button,
#formpage input.button:focus {
	width: 340px;
	color:#fff !important; 
	background: #212121; 
	padding: 12px 20px; 
	font-weight: 700;
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
	display: inline-block;
	text-align: center;
	font-family: 'Open Sans', sans-serif; 
 -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0 !important;
	letter-spacing: 1px;
	font-size:16px;

}
#formpage input.button:hover {
    background: #000; 
	-webkit-transition-duration: 0.4s; 
	/* Safari */ transition-duration: 0.4s;
	
	
	
}

/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {
    color:#fff;
    font-size:13px;
    text-align:center;
} 

/*control the Captcha */

.CaptchaPanel {
	padding:1% 0;
	line-height:normal !important;
	color:#000;
	width: 30%; 
	text-align:center;
	margin: 0 auto !important;
}

.CaptchaImagePanel {
margin-top: 10px;
padding:0 0 0 0;
	text-align: center;
}

.CaptchaMessagePanel {
padding:0 0 0 0 !important;
margin:0 0 0 0 !important;
font-weight:normal !important;
font-size:12px;
line-height:14px;
text-align: center !important;
}

.CaptchaAnswerPanel {
margin:0 0 0 0;
padding:2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 10px 0;
	padding:10px 0 10px 0 !important;
	text-align: left;
}
.CaptchaWhatsThisPanel a {color:#fff;}
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 



/*-------- FOOTER STYLES ----------------*/
.footer{background: #fd0000; padding: 3% 0; color: #fff;}
.width-90 {width:90%; margin: 0 auto;}
.footer .col-1-2{text-align: left; width: 35%; display: inline-block;}
.footer .col-middle {width:25%; text-align: center; margin: 0 auto; display: inline-block;}
.footer .col-middle img{width:80%; text-align: center; margin: 0 auto; display: inline-block;}
.footer .col-2-2{text-align: right; width: 30%; display: inline-block; float: right;}
.footer .col-1-2 h2, .footer .col-2-2 h2{font-size: 16px; font-style: italic;  letter-spacing: 1px;}
.footer a{color: #fff;}

.copyright{background: #000; color: #fff; padding: 10px 0; font-size: 13px;}
.copyright a{color: #fff;}
#blk-text {color:#000; font-size:18px;}
p#lt-gray {font-size:15px;}



/*----INVENTORY STYLES - KEEP AT BOTTOM OF CSS----*/

.hosted-content .m-bottom-10 h1 {font-size:18px !important; line-height: 25px;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link {
	background-color: #fd0000!important;
}
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover {
	background-color: #333333!important;
}
.faceted-search-content .faceted-section-head {
	background: #000!important;
	color: #fff!important;
}
.faceted-search-content .selected-facets-container .selected-facet {
	background: #333333!important;
}
.list-content .list-title .list-title-text {
	color: #fd0000!important;
}
.detail-content .detail-main-body .main-detail-data .offer-btn {
	background-color: #fd0000!important;
}
.detail-content .detail-main-body .main-detail-data .offer-btn:hover {
	background-color: #333333!important;
}
.detail-content .detail-additional-data .data-row .data-label {
	background-color: #fd0000!important;
	font-weight: 600!important;
}
.faceted-search-content button.faceted-search{
	    background-color: #fd0000!important;
}
.show-all-modal .apply-button{background-color: #fd0000!important;}
.show-all-modal .back-button{    border: 1px solid #fd0000!important;
    color: #fd0000!important;}
.mobile-option-bar .mobile-option-bar-filter{color: #000!important;}
.list-top-section .list-title .list-listings-count{color: #000!important;}
/*----INVENTORY Mobile STYLES - KEEP AT BOTTOM OF CSS----*/

.list-content .list-listing-mobile .view-listing-details-link {
	background-color: #fd0000!important;
}
.list-content .list-listing-mobile .view-listing-details-link:hover {
	background-color: #333333!important;
}
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {
	background-color: #fd0000!important;
}

.detail-content-mobile .detail-additional-data .data-row .data-label {
	background-color: #fd0000!important;
	font-weight: 600!important;
}

.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {
	background-color: #fd0000!important;
	border: none!important;
}
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile {
	background-color: #fd0000!important;
	border: none!important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn {
	background: #fd0000!important;
}







/*---------- RESPONSIVE STYLES ----------*/



@media only screen and (max-width: 1700px) {
	.width {width: 80%;}
	#topleft {width:29%;}
	.cycle-overlay h1 {font-size:35px;}
	.cycle-overlay h2 {font-size:35px;}
	.cycle-overlay {top:25vw; width: 60%;}

}
@media only screen and (max-width: 1500px) {
	.width {width: 80%;}
	#topleft {width:29%;}
	#logo {max-width: 410px; width: 100%;}
	#logo img {max-width: 300px; width: 100%;}
	.cycle-overlay h1 {font-size:30px;}
	.cycle-overlay h2 {font-size:30px;}
	.cycle-overlay {top:22vw; width: 60%;}
}
@media only screen and (max-width: 1400px) {
	.header-inner {width:95%; margin: 0 auto;}
}
@media only screen and (max-width: 1260px) {
	header {position:relative; background:#212121;}
	#logo {max-width: 300px;}
	#logo img {max-width:225px;}
	
	#phone a {font-size:12px;}	
	#phone {font-size:12px;}
	#email a {font-size:12px;}	
	#email {font-size:12px;}
	.cycle-overlay h1 {font-size:30px;}
	.cycle-overlay h2 {font-size:30px;}
	.cycle-overlay {top:25vw; width: 90%; z-index: 9;}

}
@media only screen and (max-width: 1100px) {
	.hero-text-adl {top:22vw;}
	#topleft {width:40%;}
	#vert-line {display: none;}
	#topright {width:50%;}
	.width{width:90%;}
	.border-manu {display: none;}
	.border-manu-mobile {display: inline;}
	.cycle-overlay {position: relative; top:0;  background:#fff; border-top:5px solid #212121; border-bottom:5px solid #212121; width: 100%; margin-right:0; padding:25px 0; text-align: center;} 
	.cycle-overlay h1 {font-size:30px; text-align: center;}
	.cycle-overlay h2 {font-size:30px;text-align: center;}
	.red-btn {text-align: center; margin: 0 auto; width:90%;}
	.red-btn:hover {text-align: center; margin: 0 auto; width:90%;}
	#black-buttons {margin-top:25px;}
	.manu-slider img {padding:30px 15px;}
	.formfield {width: 45%;}
	.footer .col-1-2{width: 100%;}
	.footer .col-middle {width: 100%; text-align: left;}
	.footer .col-middle img {margin-top:25px; width: 100%; max-width: 250px;}
	.footer .col-2-2{width: 100%; text-align: left; float: none; margin-top: 35px;}
	
}
@media only screen and (max-width: 900px) {
	.hero-text-adl {position:relative; width: 100%; background:#000;top:0;display: inline-block; left:0; rigth: 0; padding:25px 0;}
	.hero-text-adl h1{color:#fff; font-size:22px;  line-height: 32px; left: 0; right:0; text-align: center; margin: 0 auto; letter-spacing: 3px;}
	.hero-text-adl h4{color:#fff; font-size:18px;  line-height: 32px; left: 0; right:0; text-align: center; margin: 0 auto; letter-spacing: 3px;}
	#amp { font-size:30px; color:#fd0000;}

	#phone a {font-size:10px;}	
	#phone {font-size:10px;}
	#email a {font-size:10px;}	
	#email {font-size:10px;}
	header {display: inline-block !important;}
	#topleft {width: 100%; margin: 0 auto; text-align: center;}
	#topright {width: 100%; margin: 0 auto; text-align: center;}
	
	header {z-index: 999;}
	
	.mobile-done-button {background-color: black !important;}

}
@media only screen and (max-width: 700px) {
	.formfield {width: 97%;}
	.CaptchaPanel {width: 97%;}
	.cycle-overlay h1 {font-size:25px;}
	.cycle-overlay h2 {font-size:25px;}
	#black-buttons {width:85%;}
	#red-text {font-size:32px;}
	.white-feature h1 {font-size:22px; line-height: 30px;}
	.col-1-2 p {font-size:14px;}

}
@media only screen and (max-width: 550px) {
	h1 {font-size:25px; text-transform: uppercase;}
	h2 {font-size:17px;}
}