﻿
/***** BEGIN RESET *****/

* {
    background:transparent;
    border:0;
    margin:0;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
}
ol, ul {list-style: none;}
.clear {clear: both; height:0px; margin:0;}

/***** END RESET *****/

a {
	color:#bf1e2e;
	text-decoration:none;
}

a:hover {
	color:#7B7B7B;
}

p {
	font-family: Helvetica, Arial, sans-serif;
	color:#000;
	font-size:16px;
	line-height:24px;
}


h1 {
	font-family:'Teko', Helvetica, Arial, sans-serif;
	color:#bf1e2e;
	font-weight:500;
	font-size:40px;
}

h2 {
	font-family:'Teko', Helvetica, Arial, sans-serif;
	color:#FFF;
	font-weight:500;
	font-size:30px;
}


h2 a {
	color:#FFF;
	font-family:'Teko', Helvetica, Arial, sans-serif;
}

h2 a:hover {
	color:#ccc;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	-webkit-text-size-adjust: none;
}

.wrapper {
	max-width:1300px;
	margin:0 auto;
}

header {
	background:#FFF;
	float:left;
	width:90%;
	padding:2% 5% 3%;
	*padding:2% 5% 0;
	-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, .7); 
	-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, .7); 
	box-shadow:0px 0px 20px rgba(0, 0, 0, .7);
	position:fixed;
	*position:relative;
	z-index:99999;
	transition: all 0.4s ease;
	
}

header.sticky {
  padding:10px 5%;
}

header.sticky #logo {
	width:28%;
	margin-bottom:25px;
}

header.sticky #topphone {
	margin-top:10px;
}

#logo {
	width:40%;
	float:left;
	margin-bottom:30px;
}

#topphone {
	width:30%;
	float:right;
	text-align:right;
	color:#bf1e2e;
	font-family:'Teko', Helvetica, Arial, sans-serif;
	font-weight:700;
	font-size:30px;
	margin-top:35px;
}
/***** 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:#bf1e2e !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: #bf1e2e !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: #bf1e2e !important;}
.page-nav{background-color:#bf1e2e!important}
.search-results {color:#bf1e2e!important}
.return-links span, .return-links i {color:#bf1e2e!important;}
.list-content, .detail-content, .bread-crumbs-heading {padding-top:40px!important;}






/***** Slideshow *****/

#slideshow {
	width:100%;
	float:left;
	position:relative;
	margin-top:190px;
	*margin-top:0;
}

.cycle-slideshow { width:100%; }

.cycle-slideshow img { width:100%; float:left; }

/***** Home Main *****/

#main {
	background:#FFF;
	float:left;
	width:90%;
	padding:0 5% 3%;
	-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, .7); 
	-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, .7); 
	box-shadow:0px 0px 20px rgba(0, 0, 0, .7);
	position:relative;
	z-index:999;
}

#blankmain {
	background:#FFF;
	float:left;
	width:90%;
	padding:0 5% 3%;
	position:relative;
	margin-top:230px;
}

#blankmain iframe {
	width:100%;
}

.blackbox {
	width:14%;
	padding:3%;
	float:left;
	background:#000;
	text-align:center;
}

.redbox {
	width:14%;
	padding:3%;
	float:left;
	background:#bf1e2e;
	text-align:center;
}

.redbox img, .blackbox img {
	width:100%;
}

.redbox a img, .blackbox a img {
	position: relative; 
    top:0;
}

.redbox a img:hover, .blackbox a img:hover {
    top: -5px;
}

.auction {
	width:16%; 
	padding:3.05% 2%;
}

.mobile { 
	overflow:hidden; /* must have this property for mobile phones and tablet display! */
	width:100%;
}

/***** Contact *****/

#map {
	width:70%;
	float:left;
}

.half {
	width:30%;
	float:left;
}

.auctionlogo {
	margin:10px 0;
	float:right;
	position:relative;
}

/***** FOOTER *****/

footer {
	width:100%;
	float:left;
	padding:3% 0;
	background:#bf1e2e;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#FFF;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#ccc;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#FFF;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#FFF;}

.divfooter {max-width:450px; text-align:center; margin:0 auto; color:#FFF; width:95%;}



@media screen and (max-width: 1695px) { 
	
	#slideshow {
		margin-top:160px;
	}
	
}

@media screen and (max-width: 1445px) {
	
	.auction { 
		padding:2.8% 2%;
	}
	 
}

@media screen and (max-width: 1340px) {
	
	.auction { 
		padding:2.5% 2%;
	}
	 
}


@media screen and (max-width: 1286px) { 
	
	#slideshow {
		margin-top:130px;
	}
	
}

@media screen and (max-width: 1234px) {
	
	.auction {
		padding:2.2% 2%;
	}
	
	#topphone {
		margin-top:20px;
	}
	
	#blankmain {
		margin-top:170px;
	}
	 
}

@media screen and (max-width: 1127px) { 

	.redbox, .blackbox {
		width:21%;
		padding:2%;
	}
	
	.auction {
		width:94%;
		padding:3%;
		margin-top:10px;
	}
	
	.auction img {
		width:50%;
	}

}


@media screen and (max-width: 980px) { 
	
	#slideshow {
		margin-top:120px;
	}
	
	#logo {
		width:60%;
		margin-bottom:10px;
	}
	
	header.sticky #logo {
		width:50%;
		margin-bottom:0;
	}
	
	header {
		padding:2% 5% 0;
	}
	
	header.sticky {
	  padding:8px 5% 0;
	}
	
	#map {
		width:60%;
	}
	
	#map iframe {
		height:300px;
	}
	
	.half {
		width:40%;
	}
	
}

@media screen and (max-width: 660px) { 

	#topphone {
		width:100%;
		float:none;
		margin:10px auto;
		text-align:center;
	}
	
	header.sticky #topphone {
		display:none;
	}
	
	#logo, header.sticky #logo {
		width:80%;
		float:none;
		margin:0 auto;
	}
	
	header {
		width:94%;
		padding:2% 3% 0;
	}
	
	header.sticky {
	  padding:8px 3% 0;
	}
	
	#main {
		width:94%;
		padding:2% 3%;
	}
	
	#slideshow {
		margin-top:150px;
	}
	
	#map {
		width:100%;
		margin-top:20px
	}
	
	.half {
		width:100%;
		padding-top:30px;
	}
	
	.auctionlogo {
		margin:20px auto 15px;
		float:none;
	}

}


@media screen and (max-width: 570px) {  
	
	.redbox, .blackbox {
		width:46%;
		padding:2%;
		margin:5px 0;
	}
	
	.auction {
		width:94%;
		padding:3%;
		margin-top:5px;
	}
	
	.auction img {
		width:70%;
	}
}

@media screen and (max-width: 353px) {  
	
	.redbox, .blackbox, .auction {
		width:94%;
		padding:3%;
		margin:5px 0;
	}
	
	.auction img {
		width:90%;
	}
	
	#logo, header.sticky #logo {
		width:100%;
	}
	
	#slideshow {
		margin-top:130px;
	}
	
	.half {
		padding-top:0;
	}


}




