/***** 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 --------
red: #9e1c20;
dark red: #7c1318;
*/

/***** END RESET *****/

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

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

body {font-family: 'Raleway', sans-serif; font-size:16px; line-height: 30px; -webkit-text-size-adjust:none; background: #212121; color: #000;overflow-x:hidden !important;;}
h1 { font-size: 32px; color:#9e1c20; padding-bottom: 15px; text-align:center; font-family: 'Russo One', sans-serif;}
h2 {font-size: 28px; text-align:center;color:#FFF;font-family: 'Russo One', sans-serif;}
h3 {font-size:22px; color: #7c1318; text-transform:uppercase; font-weight: 700; text-align: center;font-family: 'Russo One', sans-serif;}
h3 a{ color: #fff;}
h4{ font-size: 20px; color: #9e1c20; font-weight: 700;}
h5{ font-size: 18px;color: #9e1c20; font-weight: 700; padding-bottom: 8px;}

a{color:#fff;}
a:link, a:visited, a:active {text-decoration:none;}
a:hover { color:#e62129;}

hr{ border: 1px solid #f3f3f3;}

#right{float: right;}
.left{text-align:left;}


/*-------- HEADER STYLES ------------------------------------------------*/
.header-container {position:fixed;}
header {width: 100%;text-align: center; margin: 0 auto; background: #a31322; border-bottom:15px solid #e62129; display:block; float:left;}
.header-width {width:90%; margin: 0 auto; padding: 1% 0;}
.logo img {width:20vw; float:left; padding-bottom:2%;}
.phone-icon {float:right; display:inline-block; padding:0 5px;}
.phone-icon img {width:50px;}
.email-icon {float:right; display:inline-block; padding:0 5px;}
.email-icon img {width:50px;}

/**BODY ------------------------------------------------------------**/
.home-bg {background: url(../siteart/home-bg.jpg); width: 100%; border-top:15px solid #e62129; display:inline-block;}
.width{width: 70%; margin: 0 auto;}
.about-title {background: #e62129; padding:10px 50px; float:left;}
.about-title h1 {color: #fff;}
.body-home p {color: #fff; line-height:30px; font-size:20px;  margin-top:6%; padding-bottom:5%;}

.wrap {width:90%;}
.manufacturers {width:100%; text-align:center; margin: 0 auto; background:none; display:inline-block;}
.manufacturers h2 {color: #fff; text-transform:uppercase; padding-top:25px; font-size:20px;}
.manufacturers p {color:#fff; }
.manufacturers p a {color:#e62129;}
.mfg-logos {text-align:center; padding-top:8px; display:inline-block; margin: 0 auto;}
.mfg-logos img {padding-bottom:10px; padding: 0px 5px 0px 5px;}

.manufacturers-2 {width:100%; text-align:center; margin: 0 auto; background: #980000; display:inline-block; padding:2% 0;}
.manufacturers-2 h1 { text-transform:uppercase;  font-size:28px; text-align:center; font-weight:600;}
.manufacturers-2 p {text-align:center;}
.manufacturers-2 h2 {color: #fff; text-transform:uppercase; padding-top:25px; font-size:20px;}
.mfg-logos-2 {text-align:center; padding-top:8px; display:inline-block; margin: 0 auto;}
.mfg-container {display:inline-block; width:200px;  margin: 1% 0 2% 0; background:#fff; border: 1px solid #fff;}
.mfg-container:hover {display:inline-block; width:200px;  margin: 1% 0 2% 0; border: 1px solid #a31322; }

.mfg-container img {width: 180px;opacity:.5;}
.mfg-container img:hover {opacity:1;}
.mfg-text {display:Inline-block; background:#000; color:#fff; font-size:14px; width: 100%; padding:10px 0; width:200px; text-transform:uppercase; font-weight:600; letter-spacing:1px;}
.mfg-text:hover {background:#a31322;}

/**---- SCROLLING MANU BAR -----------------------------*/
.brandbar h1 {text-align:center; font-size:35px; color:#e62129;}
.manu {background: #fff; width:100%;}
.manu-bar{
	width:64%;
	background:#fff;
	margin: 0 auto;
	text-align: center;
	padding:20px 0px;
}
.manulogo {padding: 0px 3%;}
.manulogo img {width: 250px; padding: 0px 2%;}

/*----- SCROLLING INVENTORY BANNER ---------------------------*/

.scrolling{
	width:100%;
	height:92px;
	
}
.banner {
	width:100%;
	height:92px;
	overflow:hidden;
	background:none;
	padding: 5px 0px 10px 0px;
	display: block;
}
/**NEW EQ ------------------------------------------------------------**/
.events-width {width:60%; margin: 0 auto;}
.events-pg {background: #fff; display:inline-block; width: 100%; padding: 3% 0;}
.events-pg p {text-align:center;}

/**ABOUT ------------------------------------------------------------**/
.about-pg {background: #fff; display:inline-block; width: 100%; padding: 3% 0;}
.about-pg p {text-align:left;}
.team {text-align:center; margin: 0 auto;}
.team h1 {border-bottom:1px solid #212121; border-top:1px solid #212121; padding:1% 0; margin:2% 0 1% 0;}
.team p {text-align:center; font-weight:700;}
.member {width:350px; display:inline-block; vertical-align:top; padding:2% 0; margin: 0 auto;}
.team .member-text img {max-width:300px; width: 100%; vertical-align: top;}
.team img {width:45px; display:inline-block;  vertical-align:middle;padding-right:10px;}
.member-text {vertical-align:top; display:inline-block; width:280px;}
.member-text p {font-weight:500; text-align:left; font-size:15px; line-height:21px;}
/**CONTACT ------------------------------------------------------------**/
.contact-pg {background: #fff; display:inline-block; width: 100%; padding: 3% 0;}
.contact-pg h1 {margin-top:2%;}
.contact-pg p {text-align:center; font-size:18px;}

/**EVENTS ------------------------------------------------------------**/
.brand {width:22%; float:left; vertical-align:middle; padding:2% 15px; text-align:center;}
.brands-pg {background: #fff; display:inline-block; width: 100%; padding: 3% 0;}
.brand img { height:100%; margin: 0 auto; vertical-align:middle; border-bottom: 1px solid #000;}
.brand h3 {padding-top:10px; color: #212121}
.brand h3:hover {color: #e62129;}

/*------- Inventory Styles -------------------------------------*/
.hosted-content #listings-title {text-align:left !important;}
body .full .inner-wrap {width:80% !Important; margin: 0 auto !important; margin-top:3% !important;}
.hosted-content .listings-wrapper .listings-list .listing-banner h2 {color:#212121 !important;}
.hosted-content h3 {font-family:'Raleway', sans-serif !important;}

/*------- FOOTER STYLES -------------------------------------*/
footer {background: url(../siteart/footer.jpg) no-repeat; width: 100%; display:inline-block; padding-top:3%; border-bottom:15px solid #e62129;}
.col-1-3 {width: 33%;  vertical-align:middle; display:inline-block; margin: 0 auto;}
.col-1-3 h3 {text-align:center; line-height:32px; font-size:20px; letter-spacing:1; margin: 0 auto; color:#fff; font-family: 'Raleway', sans-serif;}
.title-contact {background: #e62129; padding:15px 50px 0 50px; float:left;}
.title-contact h1 {color: #fff;}
.footer {text-align:center; background: #000; padding:15px 0;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#FF0004;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#fff;}

.divfooter {width:300px; text-align:center; margin:0 auto; line-height:15px;}

/*--------FORM STYLES--------------------------------------*/
#formpage {vertical-align:top; margin: 0 auto; font-family: 'Raleway', sans-serif; }
#formpage div { vertical-align:top; padding:5px 5px;}
#formpage input { padding:6px 5px 10px; border:1px solid #8e8d8d; color:#000; font-size:13px; background:#fff;}
#formpage textarea { padding:6px 5px; border:1px solid #8e8d8d; color:#000; font-size:12px; 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 #8e8d8d; color:#000; vertical-align:middle; font-size:12px; line-height:normal; padding:5px; width:100%;}
.formfield { float:none;  margin-right: 10px; color: #000; text-align: left; }
#formpage input  { width:100%; margin-top: 5px;}
 #formpage input.larger  { width:100%; }
#formpage textarea { width:99%; height:85px; text-align:left;}
#formpage input.radio { padding:0;  border:0; margin:0 5px 0 0; width:15px; height:15px; display:inline;}

/* focus states of various types of fields */
#formpage input:focus,
#formpage textarea:focus,
#formpage select:focus { background:#abacac;  color:#000; border:1px solid #abacac; outline-style:none;}

#formpage input.radio:focus,
#formpage input.checkbox:focus { background:none; border:0; outline-style:none;}

#formpage input.button-contact,
#formpage input.button-contact:focus {color:#fff; border: 2px solid #fff; padding: 8px 14px; width:120px; margin-top: 10px; background: #9e1c20; font-size:16px; line-height:14px;  
font-weight:700; text-transform:uppercase;}

#formpage input.button-contact:hover {background: #212121; color:#fff; text-shadow:none; border: 2px solid #fff; text-transform:uppercase;  padding: 8px 14px; width:120px;}
 
/* for plain text next to an input field, if not using a table structure */
#formpage label.basic {  color:#212121; font-size:13px; text-align:left; }

/*control the Captcha */
.CaptchaPanel {margin:0 auto !important;padding:0 0 0 0 !important;line-height:normal !important;color:#fff;width: 60%;margin: 0 auto; }

.CaptchaImagePanel {
	margin:0 auto;
	padding:0 0 0 0;
}

.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;
}

.CaptchaAnswerPanel {
	margin:0 0 0 0;
	padding:2px 0px 2px 0px !important;
	text-align: center;
}

.CaptchaWhatsThisPanel {
	line-height:0;
	margin:0 0 0 0;
	padding:10px 0 10px 0 !important;
	text-align: center;
}
.CaptchaWhatsThisPanel a {color:#000;}
.CaptchaWhatsThisPanel a:hover {text-decoration:underline;}

.detail-additional-data h3{color: white !important;}

.list-container-flexrow .view-listing-details-link {background-color: #9e1c20!important;}
.show-all-modal .show-all-modal-title {color: #000000!important;}
.list-redesign .payments-as-low-as-link {line-height: 1!important;}
.body-content {line-height: 1.2!important;}
.watsonsinccomhdev-9uiqsl {color: #000000!important;}
i.fa-gear {color: #FFFFFF!important;}
.options-popper-div .options-popper-btn {color: #FFFFFF!important;}

.ts-modal-content {
    h2 {
        color: #000 !important;
    }
}
.ts-modal-content label{color:#000!important;}
.ts-modal-content span, .ts-modal-content a, .ts-modal-content button{color:#000!important;}
.form-main-content .form-el label+textarea { color: #000000!important}
i.fas.fa-times {color: #000000!important;}
.listing-carousel .recommended-listings-container .listing .listing-content {background: #000000!important;}
span.section-title-text {color: #000000!important;}
.watsonsinccomhdev-1mb8t2f {background: #a31322!important;}

.list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid, .show-closest-first-container .show-closest-first, .list-redesign .bottom-section .side-container{background:#000!important; color:#fff!important; }
.list-redesign .list-container-flexrow .list-listing-card-wrapper .listing-card-grid, .list-content .list-listing-title-link{color:#fff!important;}
.faceted-search-content .faceted-section-head, .faceted-search-content .selected-facets-container .selected-facet, .listing-widget__shipping a, .listing-widget__financing a{background:#a31322!important; color:#fff!important;}
.show-all-modal button{background:#ccc!important;}
.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn{border:solid 1px #fff!important;}
.list-redesign .specs-container .specs-button{color:#000!important;}
.dealer-contact__header h2{color:#000!important;}
/*-------- RESPONSIVE STYLES ----------------------------*/
@media screen and (max-width: 1300px){
	.width {width:95%;}
}
@media screen and (max-width: 1170px) {
	.col-1-3 {padding-bottom:3%;}
	.brand {width:45%;}

	
}

@media screen and (max-width: 900px){
	.col-1-3 {width:100%; background:#212121;}
	.about-title {float:none;}
	.title-contact {float:none;}
	.body-home p {color: #fff; line-height:30px; font-size:16px;  margin-top:2%; padding-bottom:10%;}
	.header {float:none;}
	.header-width {width:80%; margin: 0 auto; padding: 1% 0;}
	.logo img {width:300px; float:left; padding-bottom:2%;}
	


}

@media screen and (max-width: 649px){
	.logo img {width:90%; float:right; padding-bottom:2%;}
	.phone-icon {float:none; margin:0 auto; text-align:center;}
	.email-icon {float:none; text-align:center; margin: 0 auto;}
	.brand {width:95%; float:none;text-align:center;}


}

@media screen and (max-width: 400px){
	.logo img {width:90%; float:right; padding-bottom:2%;}
	.member {width:300px;}


}