/* BEGIN RESET */
* {background:transparent; border:0; margin:0; padding:0; font-family: 'Open Sans', sans-serif; font-style:normal; -webkit-text-size-adjust: none;}
ol, ul, li {list-style: none; font-size:15px; line-height:20px;}
.clear {clear: both; height:0px; margin:0;}

@font-face {
    font-family: 'HandelGothicBT-Regular';
    src: url('../fonts/HandelGothicBT-Regular_gdi.eot');
    src: url('../fonts/HandelGothicBT-Regular_gdi.eot?#iefix') format('embedded-opentype'),
         url('../fonts/HandelGothicBT-Regular_gdi.woff') format('woff'),
         url('../fonts/HandelGothicBT-Regular_gdi.ttf') format('truetype'),
         url('../fonts/HandelGothicBT-Regular_gdi.svg#HandelGothicBT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {font-family:'HandelGothicBT-Regular', Arial, sans-serif; font-size:36px; line-height:1.5em; text-transform:uppercase;}
h2 {font-family:'HandelGothicBT-Regular', Arial, sans-serif; font-size:30px; line-height:2em;}
h3 {font-family:'HandelGothicBT-Regular', Arial, sans-serif; font-size:24px; line-height:2em; text-transform:uppercase;}
h4 {font-family:'HandelGothicBT-Regular', Arial, sans-serif; font-size:18px; color:#f7c33d; margin-bottom:0px;}
p {font-size:18px; line-height:2em; margin-bottom:5px;}

a {text-decoration:none;}
a.my-link:hover {color: #fff !important;}
/* BASIC STYLES */
#contentwrap {width:90%; margin:0 auto;}
#site-width {width:75%; padding:2% 0; margin:0 auto;}
#site-width a {color:#000; font-family:'HandelGothicBT-Regular', Arial, sans-serif;}
#site-width a:hover {color:#f7c33d;}

hr {border-top:1px solid #f7c33d; margin:30px auto 0; padding:20px 0;}
em {font-style: italic;}
.lists-left {list-style-type:disc; margin-left:80px;}
.lists-right {list-style-type:disc;}


/* HEADER */
header {background:#111 url(../siteart/bg.jpg) repeat-x; color:#fff; background-size:cover;}
.logo {float:left; width: 200px; margin:10px 0 -145px; z-index:99999999999999; position:relative;}
.logo img {width:100%;}
.headerright {float:right; width: calc(100% - 200px); text-align:right; margin-top:20px;}
.fbtop {background:#f7c33d; padding:5px; width:1.5%;}
.navwrap {margin-top:15px; padding-bottom:20px; text-align:right; display:inline-block;}
.dealer-mid {width:45%;float:left; text-align:center; font-size:14px; font-weight:bold; position:absolute; margin:13px 200px;}


h4.location {font-family:'HandelGothicBT-Regular', Arial, sans-serif; font-size:16px; color:#f7c33d; }
h4.location {font-family:'HandelGothicBT-Regular', Arial, sans-serif; font-size:16px; color:#f7c33d; }
/* CONTENT STYLES */
body {overflow-x:hidden;}
#main {width:100%;}
#main img {width:100%;}

.column {display:inline-block; box-sizing:border-box; width:33.13%; vertical-align:top; background:#222 url(../siteart/icons/iconbg.jpg) repeat-X; text-align:center; color:#fff; padding:20px 0 30px; font-size:18px;}
.middle_column {display:inline-block; width:33.13%; vertical-align:top; box-sizing:border-box; background:linear-gradient(#f8c544, #fbd16f); text-align:center; padding:20px 0 30px; font-size:18px; color:#000;}

.bullet_column {display:inline-block; width:49%; vertical-align:top; box-sizing:border-box; padding:5px 13px 10px; color:#000;}
.bullet_column li {list-style-type:disc!important; font-size:14px!important;}

.five-column {display:inline-block; width:19.33%; vertical-align:top; box-sizing:border-box; background:linear-gradient(#f8c544, #fbd16f); text-align:center; padding:20px 0 30px; font-size:14px; color:#000;}

.two_column {display:inline-block; width:49.85%; box-sizing:border-box; }

.pageleft {float:left; display:inline-block; vertical-align:top; width:49%;  }
.pageright {float:right; vertical-align:top; width:38%;}
.pageright img {width:100%;}

.pagerightlisting {float:right; vertical-align:top; width:38%;}
.pagerightlisting img {width:100%;}
.pagerightlisting a {font-family:'HandelGothicBT-Regular', Arial, sans-serif!important;}
.pagerightlisting a:hover {color:#000!important; background:linear-gradient(#fbd16f, #f8c544);}
/*.contactleft {float:left; width:50%;}
.contactright {float:right; width:45%;}*/

.floatleft {float:left;}
.floatright {float:right;}
.contactbox {width:100%; display:inline-block; padding:0 1%; margin: 0 auto; text-align: center;}
.messagebox {width:95%; display:inline-block; padding: 1%;}

.headertopnwrap {float:right; display:block;}
.locationwrap {float:right; width:990px; padding-bottom:2%;}
.locationone { display:inline-block; float:left;}
.locationtwo { display:inline-block; float:left; padding-left:3%;}
.locationthree { display:inline-block; float:right;}


.financebtn{width:50%; text-transform:uppercase; color:#000; height:28px; line-height:28px; text-align:center; padding:0; background:linear-gradient(#f8c544, #fbd16f); border:0; margin-top:15px; font-family:'HandelGothicBT-Regular', Arial, sans-serif;}
.financebtn:hover {background-position:bottom; cursor:pointer; background:linear-gradient(#fbd16f, #f8c544);}

.on {background:linear-gradient(#f8c544, #fbd16f); padding:5px 0 5px 10px; font-size:15px;}
.off {font-size:15px; padding:5px 0 5px 10px;}

/* INVENTORY LAYOUT */	
.inv-imgs {margin-bottom:2%;}
.inv-imgs figure {width:23%; display:block; text-align: center; margin:1% 0 2% 1%; color:#000; float: left;}
.clearfix {clear:both;}
figure img {width:100%;}
.inv-imgs figcaption {font-weight:bold; text-transform:uppercase; margin-top: -120px; font-size: 24px; margin-bottom: 20%; color:#fff; position:relative; text-shadow:1px 1px 1px #000; padding:0 1%; font-family:'HandelGothicBT-Regular', Arial, sans-serif;}
.inv-imgs figure:hover figcaption {color:#fff; text-shadow:2px 2px 2px #000;}
img.brighten {opacity:.75; position:relative;}
img.brighten:hover {opacity:1;}
/*

button {float:right; margin-top:0; background: url(../siteart/back.png) no-repeat; font-family:'HandelGothicBT-Regular', Arial, sans-serif;}
*/

.invimage {display:inline-block; width:49.5%;vertical-align:top;}
.invimage img {height:330px; width:auto;}
.invvideo {display:inline-block; width:50%; vertical-align:top;}
/* FORM */
.formfield {display:inline-block; width:48%; margin:.5%; vertical-align:top;}
#formpage input  {width:100%; padding:.5%; margin:.25% 0; border:1px solid #000;}
#formpage input.larger  {width:100%; padding:.5%; margin:.25% 0;}
#formpage select {width:100%; padding:5px; margin:.25% 0; border:1px solid #000;}
#formpage textarea {width:100%; height:85px; padding:5px; border:1px solid #000;}
#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:#fff; border:1px solid #f8c544;}

#formpage input.radio:focus, #formpage input.checkbox:focus {background:none;  border:0; outline-style:none;}
#formpage input.button,#formpage input.button:focus {width:100px; margin:0 auto; padding:7px 0; border:1px solid #f8c544; font-size:15px; line-height:14px; color:#000; background:linear-gradient(#f8c544, #fbd16f);}
#formpage input.button:hover {background:linear-gradient(#fbd16f, #f8c544);} 

/*control the Captcha */
.CaptchaPanel {margin:0 0 0 0 !important; padding:0 0 0 0 !important; text-align: center !important; line-height:normal !important;}
.CaptchaImagePanel {margin:15px 0 0 0; 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;}
.CaptchaAnswerPanel {margin:0 auto 0; padding:2px 0px 2px 0px !important; color:#fff !important;}
.CaptchaWhatsThisPanel {line-height:0; margin:0 0 0 0; padding:3px 0 15px 0 !important; }
.CaptchaWhatsThisPanel a {color:#fff; line-height:12px; font-size:12px; }
.CaptchaWhatsThisPanel a:hover {text-decoration:none;} 
.captcha {width:55%; color:#fff;}

#colorblock {background:#111 url(../siteart/texture.jpg) repeat-y; color:#fff; padding:40px 0 20px;}

input.text {padding:5px 0; border:1px solid #fff;}
textarea {border:1px solid #333;}
input.button{width:50%; margin:0 auto; text-transform:uppercase; color:#000; height:28px; line-height:28px; text-align:center; padding:0 20px; background:linear-gradient(#f8c544, #fbd16f); border:0; margin-top:2px; font-family:'HandelGothicBT-Regular', Arial, sans-serif;}
input.button:hover {background-position:bottom; cursor:pointer; background:linear-gradient(#fbd16f, #f8c544);}

.sign-up {padding:10px 0; width:100%; text-align:center; margin-bottom:30px; }
.sign-up p {font-weight:bold; text-transform:uppercase; }
.sign-up input.text {display:inline-block; width:40%; margin-right:5%; text-align:center; color:#000; background:#fff;}

a.button {display:inline-block; width:25%; font-weight:bold; text-transform:uppercase; color:#000; text-align:center; padding:5px 20px; background:linear-gradient(#f8c544, #fbd16f); font-family:'HandelGothicBT-Regular', Arial, sans-serif;}
a.button:hover {background-position:bottom; text-decoration:none; background:linear-gradient(#fbd16f, #f8c544);}

.CaptchaAnswerPanel {width:50%; padding:3px 0 !important; color:#000; background:#fff; margin-top:10px;}

/* FOOTER */
#wrapper {background:#111 url(../siteart/footerbg.jpg) no-repeat;color:#fff; padding:30px 0 50px;}
#wrapper a {color:#fff;}
#wrapper a:hover {color:#f7c33d;}
.four_column {display:inline-block; width:15%; vertical-align:top;}
.footerright {float:right; width:15%;}
.footerright img {width:100%; margin-top:10px;}

footer {background:linear-gradient(#f8c544, #fbd16f); padding:0 0 20px;}
.footleft {float:left; width:50%; padding-top:20px;}
.footright {float:right; width:10%; text-align:right; margin-top:40px;}
.fb {background:#000; padding:5px;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{font-size:12px; color:#000;}
a.footerlink:hover {text-decoration:underline; font-size:12px;}
.footertext{font-size:12px; color:#000;}
.smallfootertext{font-size:12px; color:#000;}
.divfooter {width:100%; text-align:left;}


figure#full-width {
    margin-left: 37.5%;
}

/************************************************ Inv Styles **/
input[type=checkbox] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
}

#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: 0px !important;
    -o-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !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;}
.contact-btn, .detail-content-mobile .detail-contact-bar .contact-bar-btn span{color: white !important;}
.detail-content-mobile .contact-options a, .faceted-search-content .selected-facets-container .selected-facet{color: black !important;}
.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#f7c43e !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:#f7c43e !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 #f7c43e !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: #f7c43e !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;}





/************************************************ Responsive Styles **/
@media screen and (max-width: 1750px)  {
h1 {font-size:28px;}
h2 {font-size:24px;}

.navwrap {margin-top:5px;}

#site-width{width:90%;}


.column {width:32.9%; font-size:13px;}
.middle_column {width:32.9%; font-size:13px;}

/*.bullet_column {width:32.9%; font-size:13px;}*/

.five-column {width:19%; font-size:13px;}
}

@media screen and (max-width: 1480px)  {
.two_column {width:49.4%;}
.inv-imgs figcaption {margin-top: -50%; font-size: 14px; margin-bottom: 30%;}

.locationwrap{display:block; max-width: 640px; clear: both;  padding-bottom:2%;}

.locationone, .locationtwo {
    width: 100%;
    display: inline-block;
    float: right;
}

.dealer-mid {width:45%;}

.dealer-mid img {width:10%;}

}

@media screen and (max-width: 1280px)  {
.locationwrap{display:block; max-width: 640px; clear: both; padding-bottom:2%;}

.locationone, .locationtwo {
    width: 100%;
    display: inline-block;
    float: right;
}

.dealer-mid {width:35%;}

.dealer-mid img {width:15%;}



}


@media screen and (max-width: 1060px)  {
h1 {font-size:22px}
h2 {font-size:20px;}
h4 {font-size:14px;}
h4.location {font-size:14px;}

.logo{width: 18%;}
.header-right{width: 80%;}
.locationwrap{display:block; max-width: 640px; clear: both; padding-bottom:2%;}

.locationone, .locationtwo {
    width: 100%;
    display: inline-block;
    float: right;
}

.financebtn {width:75%;}

h4.location {font-size:14px;}
.four_column {width:20%; font-size:12px;}

.formfield {display:block; width:100%; margin:.5% auto;}

.dealer-mid {width:18%; font-size:12px;}
.dealer-mid img {width:20%;}

.five-column {font-size:9px;}
}

@media screen and (max-width: 930px)  {
.locationone, .locationtwo {
    width: 100%;
    display: inline-block;
    float: right;
}
.pageleft {float:none; width:100%;}
.pagerightlisting {float:none; width:75%; margin:10px 0 ;}

.contactbox {float:none!important; width:100%;}
}


@media screen and (max-width: 780px)  {
figure#full-width {
    margin-left: 26%;
}
h2 {font-size:18px;}
h3 {font-size:14px;}



.fbtop {width:2%;}

.pageleft {float:none; width:100%; margin-bottom:10px;}
.pagerightlisting {width:100%; margin:10px auto;}
.pageright {display:none;}

.column {display:block; width:100%; font-size:14px;}
.column img {width:25%;}
.middle_column {display:block; width:100%; font-size:14px;}
.middle_column img {width:25%;}
.bullet_column {display:block; width:100%; font-size:14px;}
.five-column {display:block; width:100%; font-size:14px;}

.contactleft {float:none; width:100%;}
.contactright {float:none; width:100%;}

.inv-imgs figure {width:48%;}
.inv-imgs figcaption {margin-top: -50%; font-size: 14px; margin-bottom:38%;}

.financebtn {width:100%; margin:0 auto; height:auto;}

#wrapper {background:#000;}
.four_column {width:49%; margin-bottom:10px;}
.footleft {float:none; width:100%;}
.footerright {float:none; width:50%;}
.footright {float:none; width:10%; margin-top:10px; text-align:left;}


.contactbox {width:98%; display:inline-block; padding-bottom:10px;}

.dealer-mid {display:none;}

	#main video{
		height: 300px;
	}


}

@media screen and (max-width: 400px)  {
figure#full-width {
    margin-left: auto;
}
h1 {font-size:16px;}
h2 {font-size:14px;}
h3 {font-size:13px;}
h4 {font-size:12px;}
h4.location {font-size:12px;}
p {font-size:12px;}
.logo {width:25%;}

.dealer-mid {display:none;}

.fbtop {width:3%;}

.column img {width:75%;}
.middle_column img {width:75%;}
.five-column {width:75%;}

.two_column {display:block; width:100%;}

.sign-up input.text {display:block; width:90%; margin:0 auto; text-align:center; color:#000; background:#fff;}

a.button {display:block; width:70%; margin:10px auto;}

.four_column {display:block; width:100%; margin-bottom:10px;}

.inv-imgs figure {width:100%; display:block; margin:0 auto 45%;} 
.inv-imgs figcaption {margin-top: -50%; font-size: 18px; margin-bottom:0;}





.contactbox {width:98%; display:inline-block; padding: 1%;}


}

@media screen and (max-width: 300px)  {
header {background:#111 url(../siteart/texture.jpg) repeat-x;}
.logo {float:none; width:75%; margin:0 auto -10px;}
.headerright {float:none; width:100%;}


.dealer-mid {display:none;}


.contactbox {width:98%; display:inline-block; padding: 1%;}


}