@charset "utf-8";

/***** 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 *****/

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

}




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

}

/***** 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:#c50000 !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: #c50000 !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: #c50000 !important;}
.view-listing-details-link i, .view-listing-details-link span,.view-listing-details-link span:hover {color:white !important;} .page-nav {background: #c50000!important;} .search-results {color:#c50000!important}


/***** Text *****/

a {
	color:#c50000;
	text-decoration:none;
	font-family:'oswaldbook', Helvetica, Arial, sans-serif;
}

a:hover {
	color:#464646;
}

p {
	font-family:'oswaldbook', Helvetica, Arial, sans-serif;
	color:#000;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.5px;
}

.red {
	font-family:'oswaldbook', Helvetica, Arial, sans-serif;
	color:#c50000;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.5px;
}

.site-pg h1 {
	font-size:30px;
	font-family:'oswaldbold', Helvetica, Arial, sans-serif;
	color:#c50000;
	text-transform:uppercase;
	letter-spacing:0.5px;
	font-weight:normal;
}

.site-pg h2 {
	font-family:'oswaldbook', Helvetica, Arial, sans-serif;
	color:#000;
	font-size:20px;
	font-weight:normal;
	letter-spacing:0.5px;
}

.site-pg h3, .site-pg h3 a, .site-pg h4, .site-pg h4 a {
	font-size:18px;
	font-family:'oswaldbook', Helvetica, Arial, sans-serif;
	color:#c50000;
	text-transform:uppercase;
	letter-spacing:0.5px;
	font-weight:normal;
	margin:10px 0 40px;
}

.site-pg h3 a:hover,.site-pg h4 a:hover {
	color:#000;
}
/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
}
 
.scrolling{
    width:100%;
    height:92px;
}
/***** Header *****/

body {
	-webkit-text-size-adjust: none;
}

.wrap {
	max-width:1200px;
	width:96%;
	padding:0 2%;
	margin:0 auto;
}

header {
	background:url(../siteart/cloth_alike.png) repeat;
	width:100%;
	display: flex;
	padding:2% 0;
	border-bottom:solid #000 2px;
}

#logo {
	float:left;
	width:50%;
}

#topcontact {
	width:50%;
	float:right;
	font-family:'oswaldbook', Helvetica, Arial, sans-serif;
	color:#000;
	text-transform:uppercase;
	font-size:20px;
	text-align:right;
	letter-spacing:0.5px;
	margin:30px 0 20px;
}

.phone {
	font-size:28px;
	font-family:'oswaldbook', Helvetica, Arial, sans-serif;
	margin-left:15px;
}

/***** SIDE TABS *****/

.side {
	background: #fff;
    width: 300px;
    height: 510px;
    position: fixed;
    z-index: 100;
}

#markets {
    width: 330px;
    height: 520px;
    top: 125px;
    right: -330px;
    z-index: 99999;
}

#marketTab {
    display: block;
	height: 150px;
	width: 55px; 
	background: url(../siteart/markets2.jpg);
    position: absolute;
    left: -55px;
    top: 0px;
	-moz-box-shadow:-1px 1px 10px rgba(0, 0, 0, .6); 
	-webkit-box-shadow:-1px 1px 10px rgba(0, 0, 0, .6); 
	box-shadow:-1px 1px 10px rgba(0, 0, 0, .6);
}

#marketTab:hover {
	background: url(../siteart/markets.jpg);
}

#weather {
    top: 320px;
    right: -300px;
    height: 159px;
    z-index: 999;
}

#weatherTab {
    display: block;
	height: 150px;
	width: 55px; 
	background: url(../siteart/weather2.jpg);
    position: absolute;
    left: -55px;
    top: 0px;
	-moz-box-shadow:-1px 1px 10px rgba(0, 0, 0, .6); 
	-webkit-box-shadow:-1px 1px 10px rgba(0, 0, 0, .6); 
	box-shadow:-1px 1px 10px rgba(0, 0, 0, .6);
}

#weatherTab:hover {
	background: url(../siteart/weather.jpg);
}

/***** Slideshow *****/

#slideshow {
	width:100%;
	float:left;
}

.cycle-slideshow { width:100%; }

.cycle-slideshow img { width:100%; float:left; z-index: 5 !important;}

/* pager */
.example-pager { 
    text-align:center; width:100%; margin:-50px 0 -2px; position:relative; z-index:999; float:left;}
.example-pager span { 
    font-family:arial; font-size:50px; width:16px; height:16px; display:inline-block; color:#ddd\9; color:rgba(255,255,255,0.8); cursor:pointer; 
}
.example-pager span.cycle-pager-active { color:#c50000;}
.example-pager > * { cursor:pointer;}

/***** Main *****/

#welcome {
	width:60%;
	float:left;
	padding:3% 20%;
	background:url(../siteart/cloth_alike.png) repeat;
	text-align:center;
	border-top:solid #000 2px;
}

#main {
	width:100%;
	float:left;
	padding:3% 0;
}

.onethird {
	text-align: center;
	width:25%;
		float:left;
align-items: center;
vertical-align: middle;
}

.twothirds {
	display: inline-block;
	width:75%;
	float:right;
align-items: center;
	text-align: center;
}

.icon {
text-align:center;
	float: left;
}

.icon img {
width:30%;

}

.auction img {
	width:55%;
	text-align: center;
}

.space {
	width:12.5%;
	float:left;
}

/***** Contact *****/

#contact {
	width:90%;
	float:left;
	padding:3% 5%;
}

#map {
	width:100%;
	float:left;
}

.contactinfo {
	width:38%;
	float:left;
}

/***** Footer *****/

#scroller {
	width:100%;
	float:left;
	overflow:hidden;
	height:108px;
}

footer {
	width:100%;
	float:left;
	background:url(../siteart/cloth_alike.png) repeat;
	padding:2% 0;
}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#242424;}
a.footerlink:hover {text-decoration:none; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#c50000;}

.footertext{font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#242424;}

.smallfootertext{font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#242424;}

.divfooter {max-width:450px; width:98%; text-align:center; margin:0 auto; color:#242424;}




@media screen and (max-width: 1160px) { 

	#logo {
		width:40%;
	}
	
	#topcontact {
		margin:10px 0 20px;
		width:60%;
	}

}

@media screen and (max-width: 1030px) {
	
	#marketTab {
		display:none;
	}
	
	#weather {
		top:220px;
		z-index:999999;
	}
	
}


@media screen and (max-width: 1007px) {
	
	.contactinfo {
		width:50%;
	}
	
	#contact {
		width:96%;
		padding:3% 2%;
	}
	
	#map iframe {
		height:300px;
	}
	
}


@media screen and (max-width: 968px) {  

	#logo {
		width:60%;
		float:none;
		margin:0 auto;
	}
	
	#topcontact {
		margin:20px 0 5px;
		width:100%;
		text-align:center;
	}

}

@media screen and (max-width: 900px) { 

	#welcome {
		width:80%;
		padding:3% 10%;
	} 

	.onethird {
		width:50%;
		padding:3% 25%;
		float:left;
	}
	
	.twothirds {
		width:100%;
		float:left;
		margin-left:0;
	}

}


@media screen and (max-width: 736px) {  

	.side {
		display:none;
	}
}

@media screen and (max-width: 720px) {
	
	#contact {
		margin-bottom:20px;
	}
	
	.contactinfo {
		width:100%;
	}
	
}

@media screen and (max-width: 614px) {
	
	#welcome {
		width:96%;
		padding:3% 2%;
	} 
	
	#logo {
		width:80%;
	}
	
	#topcontact {
		margin:10px 0 0;
	}
	
	.onethird {
		width:70%;
		padding:3% 15%;
	}

}

@media screen and (max-width: 593px) { 

	.icon {
		width:50%;
		margin:10px 0 0;
	}
	
	.icon img {
		width:80%;
	}
	
	.space {
		display:none;
	}

}

@media screen and (max-width: 565px) {  

	#logo {
		width:95%;
	}
	
	header {
		width:100%;
		padding:2% 0;
	}
	
	h1 {
		font-size:25px;
	}
	
	h2 {
		font-size:18px;
	}
	
	.example-pager { 
    	margin:-40px 0 -12px;
	}

}

@media screen and (max-width: 470px) {
	
	.onethird {
		width:80%;
		padding:3% 10%;
	}
	
}

@media screen and (max-width: 310px) {
	
	.onethird {
		width:100%;
		padding:3% 0;
	}
	
	.icon {
		width:100%;
	}
	
	.icon img {
		width:75%;
	}
	
}