﻿/* Make HTML 5 elements display block-level for consistent styling */ 
header, nav, article, footer, address, section { 
	display: block; 
} 

/*************************************************************** BEGIN RESET ********************************************************************/

* { 
    margin: 0;  
    padding: 0;  
    border: 0;  
    outline: 0;  
    background: transparent;  
}

ol, ul {list-style: none;}

table{border-collapse:collapse; width:100%;}
td{vertical-align:top;}

/* 
 * Containing floats in a consistent manner
 * By Jonathan Neal and Nicolas Gallagher
*/

/* 
 * New block formatting context method
 * IE 6+, Firefox 2+, Safari 4+, Opera 9+, Chrome
*/

.nbfc {
    overflow: hidden;
    /* for IE 6/7 */
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    /* non-JS fallback */
    *zoom: 1;
}

/* 
 * Clearfix method (contemporary browsers)
 * IE 6+, Firefox 3.5+, Safari 4+, Opera 9+, Chrome
 * (needs old mobile browser testing)
*/

.cf {
    /* for IE 6/7 */
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    /* non-JS fallback */
    *zoom: 1;
}

.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

/* 
 * Clearfix method (increased legacy browser support)
 * IE 6+, Firefox 2+, Safari 4+, Opera 9+, Chrome
*/

.cf {
    /* for IE 6/7 */
    *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");
    /* non-JS fallback */
    *zoom: 1;
}

.cf:before,
.cf:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden;
    visibility: hidden; 
}

.cf:after {
    clear: both;
}

/*************************************************************** END RESET ********************************************************************/

body {
	font-family: "Calibri", "Myriad Pro", sans-serif;
	font-size:16px;
	line-height:21px;
	color:#000000;
	background:#050505 url('../siteart/bg.jpg') repeat-x !important;
}
	
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
}
footer, .push {
	height: 142px; /* .push must be the same height as .footer */
}

/*

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/
/*************************************************************** TEXT FORMATTING ********************************************************************/

a:link, a:visited {color:#499c34; text-decoration:none;}
a:hover, a:active {color:#000000; text-decoration:underline;}

p{margin-bottom:21px;}
p:last-child{margin:0;}

h1,h2,h3,h4,h5{line-height:normal;}
h1{font-size:24px; text-transform:uppercase; color:#499c34; margin:0px 0px 5px;}
h2{font-size:21px;}
h3{font-size:18px; margin:0px 0px 6px; border-bottom:1px solid; padding:0 0 2px;}
h4{font-size:15px;}
h5{font-size:12px; font-style:italic;}


/*************************************************************** SITE FRAMEWORK ********************************************************************/
.wrap {margin:20px auto; max-width:1040px; width:85%; background:#fff;}
.lt-ie9 .wrap {width:1040px;}

.left{float:left;}
.text-left{text-align:left;}
.left-padit{float:left; margin:0px 10px 0px 0px;}
.right{float:right;}
.text-right{text-align:right;}
.right-padit{float:right; margin:0px 0px 0px 10px;}
.center{margin:0 auto;}
.text-center{text-align:center;}
.clear-it{clear:both;}
.border-it{border:1px solid #828282;}
.dividerline {background:#dbdbdb; height:1px; margin:10px auto; width:96%; clear:both;}

.push-down1{margin-top:50px;}
.push-down2{margin-top:30px;}
.push-down3{margin-top:20px;}
.push-down4{margin-top:10px;}
.push-down5{margin-top:5px;}

header {background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(211,211,211,1) 100%); padding:20px;}
h1#logo {background:url('../siteart/logo.png') no-repeat; height:118px; width:270px; position:absolute; text-indent:-9999px; max-width:100%; background-size:contain;}
#contact-info {
	float:right; 
	margin:46px 10px 10px;
	padding:8px 10px;
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	font-size:18px;
	line-height:22px;
	font-style:italic;
	font-weight:bold;
	text-align:right;
	width:90%;
}

#mid {
	background:url("../siteart/mid-bg.jpg") center center no-repeat;
	max-height:240px;
	padding:20px 0 20px 33px;	
}




/*  SCROLLING INVENTORY
------------------------------------------------*/
.scrolling-wrap {width:100%; height:90px; overflow:hidden; margin:10px 0px;}
.scrolling{width:100%; height:90px;}



.hosted-content a.widget-email {background:#499c34 !important;}


.cycle-slideshow {width: 30%; margin:0 3% 0 0; height: auto; box-shadow:2px 2px 3px rgba(0,0,0,.5); float:left;}
.cycle-slideshow img { opacity: 0; filter:alpha(opacity=0); max-width:100%;}	
	.cycle-slideshow#slideshow3 {
		margin-right:0;	
	}




.content {padding:10px 0;}	

#sidebar {background:#c1bfbf; padding:1%; position:relative; float:left; width:23%; margin-left:-17px; margin-right:2%; box-shadow:2px 2px 3px rgba(0,0,0,.5); text-align:center;}
	#sidebar:before {display:block; content:''; background:url('../siteart/sidebar-fold.png') no-repeat; height:10px; width:17px; position:absolute; top:-10px; left:0;}
	nav#primary {
		text-transform:uppercase;
		font-size:18px;
		width:100%;
		text-align:left;
		margin:0 0 1.25em;
	}
		nav#primary li a {
			display:block;
			padding:10px 15px;	
			background:url("../siteart/nav-divider.gif") left bottom repeat-x;
			color:#000;
			text-decoration:none;
		}
		nav#primary li a:hover {color:#499c34;}
		
nav#inventory {background:#c1bfbf; padding:0 25px 0 1%; position:relative; width:100%; margin-left:-17px; box-shadow:0px 2px 3px rgba(0,0,0,.5); text-align:center;}
nav#inventory li {display:inline-block; float:left;}
nav#inventory li a {display:block; padding:8px 15px; color:#000;}
	nav#inventory:before {display:block; content:''; background:url('../siteart/sidebar-fold.png') no-repeat; height:10px; width:17px; position:absolute; top:-10px; left:0;}
	nav#inventory:after {display:block; content:''; background:url('../siteart/sidebar-fold-right.png') no-repeat; height:10px; width:17px; position:absolute; top:-10px; right:0;}

#main {padding:0 2% 0 0; float:left; width:69%;}
#main-wide {width:96%; margin:1em auto;}

iframe#map {margin:0 2%; width:65%; float:left; display:block;}
iframe#map.narrow {margin:0 2% 0 0%; width:46%; float:left; display:block;}

#sidebar.two {background:#44972f; float:right; width:28%; padding:2%; margin:0 -17px 0 0; text-align:left; color:#fff;}
#sidebar.two.narrow {width:24%;}
#sidebar.two a {color:#fff; text-decoration:underline;}
#sidebar.two a:hover {text-decoration:none;}
	#sidebar.two:before {background:url('../siteart/sidebargreen-fold.png') no-repeat; height:8px; top:-8px; right:0; left:auto;}
	



.hosted-content a.btn, .hosted-content a.button  {text-decoration:none !important;} 




/*************************************************************** FOOTER STYLES ********************************************************************/
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:10pt;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:10pt;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:10pt; color:#999999;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:8pt; color:#999999;}

.divfooter{
	width:550px; text-align:center; margin:20px auto; line-height:normal;
}


@media screen and (max-width:784px){
	body {
		font-size:13px;
		line-height:18px;	
	}
	h1{text-align:center;}
	h1#logo {
		position:relative;
		margin:0 auto;
	}
	
	#contact-info {text-align:center; margin:26px auto 5px;}
	
	#sidebar {
		width:100%;
		float:none;
		padding-right:29px;
		box-shadow:0px 2px 3px rgba(0,0,0,.8);
		margin-bottom:1em;
	}
	#sidebar:after {
		position:absolute;
		display:block;
		content:'';
		background:url('../siteart/sidebar-fold-right.png') no-repeat; 
		height:10px; 
		width:17px; 
		top:-10px; right:0px;
	}
	nav#primary li a {text-align:center;}
	#main {
		clear:both;
		width:90%;	
		margin:0 auto;
		float:none;
	}
	#sidebar.two, #sidebar.two.narrow {
		width:100%;
		padding-left:22px;
	}
		#sidebar.two:after {
			background:url('../siteart/sidebargreen-fold-left.png') no-repeat; 
			height:8px; 
			top:-8px; left:0px;
			right:auto;
		}
	iframe#map, iframe#map.narrow {
		width:90%;
		float:none;
		margin:1em auto;
	}
}


/*************************************************************** INVENTORY STYLES ********************************************************************/

.wrap-lg{max-width:1240px!important;width:97%!important;}
.view-listing-details-link{color:#FFF!important;}
.list-content .list-listing .listing-top-right .listing-dealer-info .dealer-name{border:none!important;}
.option-name, .option-count{margin-top:0!important;}
.compare-chkbox-container .compare-listings .fa-check{top:0px!important;left:2px!important;}
.dealer-info .contact-information{text-align: left!important;}

#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:#009d36 !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:#009d36 !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 #009d36 !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: #009d36 !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;}
