﻿
/***** 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 --------
yellow: fbb825


*/

/***** END RESET *****/
::-moz-selection {
    background: #f3f3f3; 
    color: #000;
    text-shadow: none;
}
::selection {
    background: #f3f3f3;
    color: #000;
    text-shadow: none;
}


/* Clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}

/*-------- BODY STYLES --------*/

body.not-inv {font-family: 'Open Sans', sans-serif !important; 

	overflow-x: hidden; 
	color:#000; 
	font-size: 15px;
	line-height: 25px;
	width: 100%;
	font-weight: 400; 

}

a:link, a:visited, a:active {text-decoration:none; color:inherit}
a:hover {text-decoration:none;color: #6E6E6E; 	
	-webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s; }

.clear{clear: both;}

.not-inv hr{border:#000 1px solid;}
.not-inv p {font-weight: 300; padding: 5px 0;}

.not-inv h1 {font-family: 'Open Sans', sans-serif; font-size: 30px; line-height: 40px; font-weight: 800; font-style: italic; color: #fbb825; text-transform: uppercase; letter-spacing: 1px;}
.not-inv h1 span{font-weight: 400; font-style: normal; font-size: 25px; color: #fff;}
.not-inv h2{font-family: 'Open Sans', sans-serif; font-size: 22px; color: inherit; font-style: italic; font-weight: 600;}
.not-inv h3 {font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 800; font-style: italic; color: inherit; text-transform: uppercase;}

.not-inv strong{font-weight: 700; letter-spacing: 1px;}


/*--- HEADER STYLES ---------------------*/
.header {width: 100%; display: inline-block !important;  }

.header-wrapper {width:95%; margin: 0 auto; text-align: right; padding: 5px 0;}
.header-wrapper p{color: #000; text-align: left; padding: 10px 30px 15px 30px; display:inline-block; font-weight: 400; font-size: 18px;}
.header-wrapper p strong{letter-spacing: 0; font-weight: 800;}
.header-wrapper p:last-child{padding-right: 0;}

.logo {position:absolute; top:0px; z-index: 9999; box-shadow: 0px 0px 6px -7px rgba(0,0,0,.3)}
.logo img {width: 100%;  max-width:225px; }

.mobile-icons{display: none; padding-bottom: 10px;}
.mobile-icons .fa{font-size: 25px; margin: 5px 10px; color: #000;}

/*---MAIN STYLES------------------------*/
.wrapper-inner{width: 75%;  margin: 0 auto;}
.wrapper-center{width: 75%; text-align: center; margin: 0 auto;}
.wrapper-inv{width: 75%; text-align: left; margin: 0 auto;}

#pad{padding: 2% 0;}
#l-pad{padding: 5% 0;}
#space{padding: 40px 0;}

#pageimage{width: 100%; display: block;}

.black-bg{background: #000; color: #fff;}
.dark-gray{background: #212121;}
.gray-texture{background: url(../siteart/gray-texture.png) repeat; width: 100%;}


/*---HOME PAGE------------------------------*/
.hero-overlay{background: rgba(0,0,0,.7); position: absolute; z-index: 99; top:20vw;padding-top: 10px;}
.hero-overlay h1{padding: 20px 0 20px 40px; color: #fff; width: 60%;}
#overlay-btn{background: #fbb825; color: #000; padding: 15px 10px 15px 30px; display: inline-block; margin-top: 20px;  width: 70%; font-weight: 800; font-style: italic; font-size: 20px;}
#overlay-btn:hover{background: #fff;}
#overlay-btn .fa{float: right; margin-top:5px}


/*--cat--*/
.category-wrapper{margin: -50px auto 0 auto; text-align:  center; padding-bottom: 40px;}
.category{width: 20%; display: inline-block; margin: 0 3px;}
.category img{width: 100%; display: block;}
.category h2{background: #fbb825; color: #000; font-weight: 800; text-align: center; padding: 10px 0; }
.category h2:hover{background:#fff;}


/*--welcome--*/
.welcome-left{width: 40%; display: inline-block; margin-left:60px; margin-top: 60px;}
.welcome-left h1{color: #fbb825;}
.welcome-left h1 span{color: #fff;}

.welcome-right{width: 40%; background: #fbb825; padding: 40px 0; display: inline-block; float: right;}
.welcome-right iframe{height: 300px; margin-left: -90px}

/*---INVENTORY------------------------------*/
.faceted-search-content .faceted-search__main-section {border: 1px solid #444 !important;}
.faceted-search-content .faceted-section-head,.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn {background:#232323 !important;color: #f8f8f8 !important;}
.list-redesign .page-type-toggle,.list-top-section .list-bcrumbs-and-title .ground-bcrumbs .media-buttons .print-this,.list-top-section .list-bcrumbs-and-title .ground-bcrumbs .media-buttons .print-this, .list-top-section .list-bcrumbs-and-title .ground-bcrumbs .media-buttons .email-this,.faceted-search-content .selected-facets-container .selected-facet {color: #212121 !important;}
.list-content .list-listing-title-link{color:#fff !important;}
.list-redesign .specs-container .specs-button,.show-all-modal .show-all-modal-content-container,.list-listing.listing-data-selector .list-listing-title-link{color:#000 !important;}
.grouped-faceted-header {background: #232323 !important;}
.list-content .list-listing,.media-buttons a,.media-buttons button,.shipping,.show-closest-first,.parts-redesign .parts-list-content .grid .parts-listing-container .parts-listing-row,.parts-redesign .parts-list-content .parts-listings .parts-listing-container,.parts-redesign .parts-list-content .page-type-toggle-container{color:#000 !important;}
.list-top-section .list-listings-count{color: #eee !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:#fbb825 !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 #fbb825 !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,.faceted-search-content .selected-facets-container .selected-facet {background: #212121 !important; border-color: #212121 !important;color:#fff !important;}
.parts-list-content .parts-title-and-breadcrumbs .parts-listings-count {color:#fff !important;}
.ts-modal-container .ts-modal-content, .ts-modal-content input {color:#000 !important;-webkit-text-fill-color: #000 !important;}

/*---FOOTER---------------------------------*/
.mountains{background: #000;padding-top: 20px;}
.mountains img{display: block; width: 100%;}
.copyright{background: #212121; padding: 20px 0;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:12px;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:12px;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:12px; color:#999999;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#999999;}

.divfooter {width:40%; text-align:center; margin:0 auto; color:#999999; line-height: 15px;}




/*--CONTACT PAGE--------------------------*/
#contact-map{height: 450px;}

.contact-left{display: inline-block; vertical-align: top; width: 40%;}
.contact-right{display: inline-block; vertical-align: top}



/*---------- RESPONSIVE STYLES ----------*/
@media only screen and (max-width: 1500px) {

}

@media only screen and (max-width: 1300px) {

	
}
@media only screen and (max-width: 1024px) {
.header-wrapper{width: 98%;}
.header-wrapper p{font-size: 14px; padding: 5px 10px 10px 10px;}	

.wrapper-inner, .wrapper-center{width: 90%;}

	.hero-overlay{display: none;}	
	
	.category h2{font-size: 15px;}
	
	.welcome-left{width: 90%; margin: 0 auto 40px auto; display: block;}
	.welcome-right{width: 100%; float: none;text-align: center; padding:5px 0 25px 0; background: none;}
	.welcome-right iframe{margin-left: 0; width:90%; margin: 0 auto; }
	.divfooter {width:90%}	
}


@media only screen and (max-width: 800px) {
	
}


@media only screen and (max-width: 760px) {
	.header-wrapper p{display: none;}
	.mobile-icons{display: inline-block;}
	
	.logo img {max-width: 160px;}	

	
}


@media only screen and (max-width: 649px) {

	

	
	.category-wrapper{margin-top: 0; padding-top: 40px;}
	.category{width:40%; margin-bottom: 12px;}
	.category h2{font-size: 18px;}

	#contact-map{height: 300px;}
	.contact-left{display: block; width:100%;}
}


@media only screen and (max-width: 460px) {


	.category{width:70%;}
	
}

