/***** 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, img {  
    display: block;  
} 

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

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

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

}

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

@font-face {
    font-family: 'open_sansextrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {font-family: 'open_sansregular'; font-size:16px; line-height: 26px; -webkit-text-size-adjust:none; background: #fff !important; color: #000;}
h1 {font-family: 'open_sansextrabold'; font-size: 28px;  line-height: 32px; color: #da1d24; text-align:center; text-transform: uppercase; padding-bottom: 1%;}
h2 {font-family: 'open_sansextrabold';font-size: 20px; text-align:center; text-transform: uppercase;}

a:link, a:visited, a:active {text-decoration:none; font-family: 'open_sansbold'; color:#000;}
a:hover {text-decoration:underline; font-family: 'open_sansbold'; color:#da1d24;}
strong {font-family: 'open_sansbold'; font-size:16px;}

/** INVENTORY **/
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link, .faceted-search-content .selected-facets-container .selected-facet, .list-content .list-listing-mobile .view-listing-details-link, .list-content .list-listing-mobile .buy-now-link, .list-content .list-listing-mobile .check-availability-link, .list-content .list-listing-mobile .email-seller-link, .detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile, .list-container-flexrow .view-listing-details-link, .modal-content .form-bottom .captcha-and-submit .captcha-placeholder button, .contact-options a, .fin-calc-mobile>a {background:#da1d24 !important; }
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {font-size: 22px; line-height: 26px;}

.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #da1d24 !important;text-transform: uppercase; letter-spacing: 1px;}
.detail-content-mobile .detail-contact-bar .contact-bar-btn, .faceted-search-content .mobile-done-button-container .mobile-done-button {background: #000 !important;}

.detail-content .detail-main-body .main-detail-data .offer-btn, .detail-content .detail-main-body .main-detail-data .buy-btn {float:none;}
.modal-content .modal-top .modal-title, .listing-description, .list-content .listing-portion-title, .list-content .list-title .list-title-text, .detail-content .dealer-info h3, .dealer-info, .detail-content-mobile .dealer-info h3, .fin-calc p, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title {color:#000 !important;}
.dealer-btns-bottom a {background: #da1d24 !important;}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white!important;}
.page-nav: {background: #da1d24!important;}
.ListingParentElement {line-height: 13px!important;}
.option-count, .option-name {line-height: 12.5px!important;}
.faceted-search-content {
    border: 1px solid #ddd;
    min-width: 170px;
    max-width: 315px;
}

/** HEADER **/
.header {width: 100%; max-width: 90%; text-align: center; font-size: 18px; line-height: 24px; margin: 0 auto;}
.logo {max-width: 100%;}
.logo img {margin: 0 auto; max-width: 35%; height: auto; padding-top:10px;}

/**BODY**/
.wrapper {padding: 30px 0px; width: 90%; margin: 0 auto;}
.wrapper p {width: 90%; text-align: center; margin: 0 auto;}
.two-cols {
	width: 48%;
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
}

.three-cols {
	width: 33%;
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 10px;
}
.three-cols img {max-width: 100%; height: auto; margin: 0 auto;}

.colswrap {max-width: 100%; text-align: center;}

.four-cols {
	width: 24%;
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	font-family: 'open_sansregular';
	font-size: 14px;
}

/** HOVER STATE **/
.grid {
	position: relative;
	clear: both;
	margin: 0 auto;
	width: 100%;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden !important;
	width: 25% !important;
	max-width: 100%;
	height: auto !important;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
	display: inline-block;
	margin: 0px;
	vertical-align: top;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 24px;
	color: #fff;
    font-family: 'open_sansbold';
	text-transform: uppercase;
	font-size: 18px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	font-size: 22px;
	color: #da1d24;
}

.grid figure h2 span {
	font-family: 'open_sansregular';
	color: #da1d24;

}

.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
}
figure.effect-steve {
	z-index: auto;
	overflow: visible;
	background: #000;
}

figure.effect-steve:before,
figure.effect-steve h2:before {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #000;
	content: '';
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

figure.effect-steve:before {
	box-shadow: 0 3px 30px rgba(0,0,0,0.8);
	opacity: 0;
}

figure.effect-steve figcaption {
	z-index: 1;
}

figure.effect-steve img {
	opacity: 1;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: perspective(1000px) translate3d(0,0,0);
	transform: perspective(1000px) translate3d(0,0,0);
}

figure.effect-steve h2,
figure.effect-steve p {
	background: #fff;
	color: #da1d24;
}

figure.effect-steve h2 {
	position: relative;
	margin-top: 2em;
	padding: 0.25em;
	width: 85%;
}

figure.effect-steve h2:before {
	box-shadow: 0 1px 10px rgba(0,0,0,0.5);
}

figure.effect-steve p {
	margin-top: 1em;
	padding: 0.5em;
	font-weight: 800;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale3d(0.9,0.9,1);
	transform: scale3d(0.9,0.9,1);
	width: 85%;

}

figure.effect-steve:hover:before {
	opacity: 1;
}

figure.effect-steve:hover img {
	-webkit-transform: perspective(1000px) translate3d(0,0,21px);
	transform: perspective(1000px) translate3d(0,0,21px);
}

figure.effect-steve:hover h2:before {
	opacity: 0;
}

figure.effect-steve:hover p {
	opacity: 1;
	-webkit-transform: scale3d(1,1,1);
	transform: scale3d(1,1,1);
}

/****FRAMELESS STYLES****/

.hosted-content .listings-wrapper .bold, .hosted-content .listings-wrapper .italic, .hosted-content .listings-wrapper h2, .hosted-content .listings-detail-wrapper .bold, .hosted-content .listings-detail-wrapper .italic, .hosted-content .listings-detail-wrapper h2, .hosted-content .listings-drilldown-wrapper .bold, .hosted-content .listings-drilldown-wrapper .italic, .hosted-content .listings-drilldown-wrapper h2 {font-family: 'open_sansbold' !important;} /* Font for Inventory to match rest of website */

.hosted-content h2 {color: #fff !important;}  /* Featured Listings/General Listings */
.hosted-content h3 {color: #000 !important;}

.hosted-content .listings-wrapper .listings-list .listing-banner {background: #da1d24 !important;} /* Featured Listings/General Listings Background */
.hosted-content .listings-wrapper .sort-box {background: none !important;} /* Background for Sort Order */

.listing-name a:link, .listing-name a:visited, .listing-name a:active {color: #fff;} /*Inventory Title Link Colors */
.listing-name a:hover {color: #da1d24;}

.hosted-content input[type='submit'], .hosted-content button[type='submit'], .hosted-content .btn, .hosted-content .button {background: #da1d24 !important;} /* View Details button */
.hosted-content .btn:hover, .hosted-content .button:hover {background: #000 !important;} /* View Details Button */

.hosted-content .listings-detail-wrapper .information-box :nth-child(2n).row {background: #da1d24 !important;} /* Specifications row background */


.quicklinks {background: #da1d24; max-width: 100%; text-align: center; padding: 30px 0px;}



/*  FOOTER STYLES
------------------------------------------------*/
footer {background:url(../siteart/footer-bg.jpg) repeat; padding:20px 0; border-top: 3px solid #da1d24;}
#footercontent {width:80%; margin:0 auto;}

.footerleft {float:left; padding-top:10px;}
.footerright {float:right;}
a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:none;font-size:11px; color:#fff;}
a.footerlink:hover {text-decoration:none; font-size:11px; color:#acacac;}

.footertext{font-size:11px; color:#fff;}

.smallfootertext{font-size:11px; color:#fff;}

.divfooter {width:450px; color: #fff;}

/************************************************ Responsive Styles **/

@media screen and (max-width: 1030px) and (min-width:568px) {
.grid figure {width: 50% !important; background: #272727;}

.footerleft {width:40%;}
.footerright {width:40%; text-align:right;float: right;}
.footerright img {width:65%; float: right;}
}


@media screen and (max-width: 767px) and (min-width:600px) {
.footerleft {width:52%;}
.divfooter {width:100%;}
.footerright img {width:90%; float: none; text-align: center; padding-top: 8%;}

}
 
 

@media screen and (max-width: 599px){
.footerleft {width:100%; text-align: center;}
.divfooter {width:100%;}
.footerright{width: 90%;}
.footerright img {width:80%; float: none; text-align: center; padding-top: 8%;}


}

@media screen and (max-width: 568px){
h1{font-size:22px; padding-bottom: 2%;}
body {font-size:14px;}
.header { max-width: 90%; }

.logo {max-width: 100%;}
.logo img {margin: 0 auto; max-width: 80%; height: auto; padding-top:2%; padding-bottom: 2%;}

.two-cols {width: 100%;}
.three-cols {width: 100%;}
.four-cols {width: 100%; text-align: center;}
.padding {padding-right: 0px; padding-bottom: 20px;}

.grid figure {float: none; width: 100% !important; height: 300px!important;a}
figure.effect-steve img {width: 100%; height: auto;}

.header {font-size: 14px; line-height: 24px; }



}