/* BEGIN RESET */
* {background:transparent; border:0; margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; -webkit-text-size-adjust: none;}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

h2 {font-size: 19px; font-weight: bold; margin: 0 0 5px 0;}
h3 {font-size: 16px; font-weight: normal; margin: 0 0 5px 0;}
h4 {color: #000; font-size: 18px; border-bottom: 1px solid #ff1520; margin: 15px 0 15px 0;}
h5 {font-size: 18px; font-weight: bold; text-align:center; line-height:23px;}
h6 {font-size: 14px; font-weight: bold; text-align:center; text-align:20px; margin-top:5px;}

p {font-size: 12px; line-height:20px;font-weight:normal; margin:10px 0;} 

a:link, a:visited {color: #000; text-decoration: underline;}
a:hover, a:active {color: #ff1520; text-decoration: none;}

.style1 {font-size:18px;}

/* BASIC STYLES */
.show-menu-for-mobile {display:none;}  /* At most larger screen widths, the burger icon for the mobile menu won't be displayed. */
body {background: url('../siteart/page-photo-bg.png') repeat-x top center #696969; font-family: Arial, Helvetica, sans-serif; padding:25px 0 0 0; overflow-x:hidden;}
#contentwrapper {width:100%; max-width:960px; margin:0 auto; background-color:rgba(255,255,255,0.7); border:1px solid #ff1520;}
#site-width {width:90%; margin:0 auto;}
#site-width-inv {width:99%; margin:0 auto;}

/* HEADER STYLES */
header {border-bottom:10px solid #ff1520;}
.logo {float:left; width:40%; padding:25px 0 0 0px;}
.logo img {width:100%;}
.headerright {float:right; width:58%; position:relative; margin:0 -50px -35px 0;}
.headerright img {width:100%;}

/* CONTENT STYLES */
.pageright {float:right; width:70%; padding-top:10px;}
.weather {text-align:center;}
.pageright img {width:100%; border:1px solid #000;}
.pageright ul {font-size:12px; line-height:20px; font-weight:normal; margin:10px 0;}

.pageleft {float:left; width:25%; padding-top:10px; text-align:center;}
.pageleft img {width:100%;}
.mobilemap {display:none;}


.contact-info {border-top:1px solid #ff1520; border-bottom:1px solid #ff1520; padding:10px 0; margin-top:10px;}
.address {float:left; width:50%;}
.phone {float:right; width:40%;}

.thundercreek {float:right; width:70%; padding-top:10px;}

.gallery img {display:inline-block; width:47%; margin:1%;}

.modellist {text-align:center; border-bottom:1px solid #000;}
.mobilelist {float:left; width:48%;}
.mobile {float:right; width:50%;}

/* SCROLLING INVENTORY */
.scrolling-wrap {width:100%; height:90px; overflow:hidden; padding:5px 0; background:#cccccc;}
.scrolling{width:100%; height:92px;}

/* FOOTER */
footer {background:#ff1520; padding:10px 0; color:#cccccc;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-size:12px; color:#cccccc;}
a.footerlink:hover {font-size:12px;}
.footertext{font-size:12px; color:#cccccc;}
.smallfootertext{font-size:12px; color:#cccccc;}
.divfooter {width:450px; text-align:center; margin:10px auto;}

/* VERTICAL NAVIGATION */
nav {  text-align:left; position:relative; display:block; z-index:9000; margin:0 0 30px; width:100%; background:#000;}
nav ul {list-style: none; margin: 0 0 0 0; padding:0 0 0 0;}
nav li{list-style: none;  margin: 0 0 0 0; padding:0 0 0 0;}  
  
/*hides the dropdowns of (secondlevel) */
nav li ul {display:none;}

/*reveals the dropdowns of (secondlevel) */
nav li:hover ul {display:block;   position:absolute;}
  
/* position of dropdown (secondlevel) */
nav ul ul {position:absolute; border-bottom:0; left:215px;  *left:270px; margin: -40px 0 0 0; padding:0 0 0 0; width:215px; line-height:0;}  
    
/*appearance of main navigation links */
nav ul li a.firstlevel:link,
nav ul li a.firstlevel:active,
nav ul li a.firstlevel:visited {height: 1%;/*For IE7*/ margin:0; text-decoration:none; color:#fff; display:block; padding:10px 10px; border-bottom:1px solid #fff;
border-top:1px solid #fff; font-weight:normal;}
nav ul li a.firstlevel:hover {height: 1%;/*For IE7*/ color:#fff; background:#ff1520;}
  
/* appearance of dropdown (secondlevel) */
nav ul ul li a.secondlevel {height: 1%;/*For IE7*/  line-height:18px; text-decoration:none;  color:#fff; border-top:1px #fff solid; border-bottom:1px #fff solid; display:block; margin:0; text-align:left; background: #000; padding:10px 15px;}
nav ul ul li a.secondlevel:hover {background: #ff1520; color:#fff;}

/* HORIZONTAL NAVIGATION */ 
#navwrap {background:#000;} 
#neesenav {position:relative; display:block; z-index:999; margin:0 auto 0 auto; padding:0 0 0 0; text-align:center;}
#neesenav ul, nav li {list-style: none;  margin:0 0 0 0; padding:0 0 0 0;  }
#neesenav ul li {display: block; position: relative; float:left; text-align:center;}
#neesenav li ul {display: none;}

/* appearance of the first-level links */  
#neesenav ul li a { display: block; text-decoration: none; color: #fff; font-size:13px; line-height:18px; padding:12px 12px; border-right: 1px solid #fff; border-left: 1px solid #fff; text-align:center; font-weight:normal;}
 
/* appearance of the first-level links on hover */
#neesenav ul li a:hover {color:#fff; background: #ff1520;}
  
/* appearance of the sub-level links */   
#neesenav ul li li a {width:215px; padding:8px 0 8px 15px; text-align:left; background:#090909; border-bottom:1px #fff solid; border-right: 1px solid #fff; border-left: 1px solid #fff;}

/* appearance of the sub-level links on hover */
#neesenav ul li li a:hover {color:#fff;  background:#ff1520 url("../siteart/nav-ro-bg.jpg") repeat-x;}
    
/* Optional-use, Begin targeting styles of first and last links */
#neesenav ul li:last-child  {border-right:0; /* Optional-use, this targets last li */}
#neesenav ul li:last-child a {border-right:0; /* Optional-use, this targets last link */}
#neesenav ul li:first-child  {border-left:0; /* Optional-use, this targets first li */}
#neesenav ul li:first-child a {border-left:0; /* Optional-use, this targets first li */}
  
/* Optional-use, cancells out border for subnav li containers*/
nav ul li li:last-child  {border-left:0; border-right:0;}
#neesenav ul li li:last-child a {border-right:0;}
#neesenav ul li li:first-child  {border-left:0; border-right:0;}
  
#neesenav ul ul {display: none; position: absolute; top:100%; left:0;}
#neesenav ul ul ul {position: absolute;  left: 100%; top:0; }
#neesenav ul li:hover > ul {display: block; line-height:18px; z-index: 100; background:#FF1520;}
#neesenav ul ul li {float: none;  position: relative;}

  

/************************************************ Inventory Styles **/

.view-listing-details-link {
    color: #000 !important;
}
.selected-facet {color: #000 !important;}
.dealer-info .contact-information .phone{
	float: none;
    width: initial;
}

.dealer-info .contact-information .address{
	float: none;
    width: initial;
    color: initial;
}

.add-this-gray-buttons .addthis_inline_share_toolbox {
    float: none;
    width: 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;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#ff1520 !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:#ff1520 !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 #ff1520 !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: #ff1520 !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: 1280px) and (min-width:1024px) {
.show-menu-for-mobile {display:none;}
#contentwrapper {width:90%;}
	
#neesenav ul li a {padding:12px 10px;}	
}



@media screen and (max-width: 1023px) and (min-width:958px) {
.show-menu-for-mobile {display: none;}
#contentwrapper {width:90%;}
.headerright {margin:0 -10px -30px 0;}
.pageleft {width:35%;}
.pageright {width:60%;}
.thundercreek {width:60%;}

#neesenav ul li a {font-size:13px; padding:12px 8px;}
}

@media screen and (max-width: 957px) and (min-width:521px) {
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
body {padding:0;}
.logo {width:45%; padding:25px 0 0 0;}
.headerright {width:50%; margin:0 -10px -30px 0;}
#contentwrapper {width:100%; border:none;}
.map {display:none;}
.mobilemap {display:block; margin-top:0; text-align:center;}
.pageright {float:none; width:100%; margin-top:-10px;}
.thundercreek {float:none; width:100%; margin-top:-10px;}
.weather {display:none;}

.contact-info {margin-bottom:30px;}
.address {width:40%;}
.phone {width:50%;}

/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: .5rem 0 .5rem 1.25rem;
	color:#fff;
}
nav  {display:none;}
#neesenav  {display:none;}
}

@media screen and (max-width: 519px){
.show-menu-for-mobile {display: block;}
.hide-for-mobile {display:none;}
.hide {display:none;}
body {padding:0;}
h5 {font-size:14px; line-height:16px;}
h6 {font-size:12px; line-height:15px;}
.logo {width:45%; padding:15px 0 0 15px;}
.headerright {width:50%; margin:0 -10px -20px 0;}
#contentwrapper {width:100%; border:none;}
.pageright {float:none; width:100%;}
.thundercreek {float:none; width:100%;}
.thundercreek img {width:100%;}
.weather {display:none;}
.map {display:none;}
.mobilemap {display:block; margin-top:10px; text-align:center;}

.contact-info {margin-bottom:30px;}
.address {float:none; width:100%;}
.phone {float:none; width:100%;}

.gallery img {display:block; width:100%; margin:5px auto;}

.mobilelist {float:none; width:100%;}
.mobile {float:none; width:100%;}

.divfooter {width:90%;}


a.footerlink:link, a.footerlink:visited, a.footerlink:active{font-size:10px;}
a.footerlink:hover {font-size:10px;}
.footertext{font-size:10px;}
.smallfootertext{font-size:10px;}


/******************styles for the main site navigation during mobile display*************/
#navicon {
	float: left;
	font-size: 32px;
	font-size: 2em;
	text-decoration: none;
	position: relative;
	z-index: 99999999999999999;
	margin: .5rem 0 .5rem .75rem;
	color:#fff;
}
nav  {display:none;}
#neesenav  {display:none;}
}

@media only screen and (max-width: 957px) {
    .opened-nav {
        position: absolute;
        left: 0;
        display: block !important;
		padding-bottom: 160px; 
		width: 215px; 
    }

    li.has-dpdown ul {
        position: relative !important;
        display: block;
        left: 0;
        top: 0;
        margin-top: 0 !important;
    }
	
	.opened-nav ul li { position: relative; display: flex; flex-direction: column; align-items: stretch; width: 215px; }
	.opened-nav ul li a, .opened-nav ul ul li a { 
		position: relative; display: block!important; width: 100%; height: 40px!important; 
		color: #fff!important; text-decoration: none; border-bottom: 1px solid #fff; 
		line-height: 36px; box-sizing: border-box; 
	}
	.opened-nav ul li a { padding-left: 10px; }
	.opened-nav ul ul li a { padding-left: 20px; }
}