/*===================== 
	Color information
	
	- yellow: #fcaf17;
	-
	-
	-
		 
=======================*/
/*===================== 
	CSS reset/normalize 
=======================*/

/**Correct `block` display not defined in IE 8/9.**/
article,aside,details,figcaption,figure,footer,header,hgroup,
main,nav,section,summary {display: block;}
pre {white-space: pre-wrap;}
small { font-size: 80%;}


/*===================== 
		Font 
=======================*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');

/*===================== 
	base styles 
=======================*/

html {
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
	}

body {
    margin: 0;
	padding:0;
	font-family: 'Roboto Condensed', sans-serif;
	}

svg:not(:root) {overflow: hidden;/*reset*/}
	
/* clear floats */ 
.group:before,
.group:after {content: ""; display: table;} 
.group:after {clear: both;}
.group {zoom: 1;}	
.clear { clear: both;}
.border{ clear:both; border-top: 3px solid #fff;}
	
/*image replacement*/
.hide-text {
	text-indent:  100%;
	white-space:  nowrap;
	overflow:  hidden;
	}	

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
	border-style: solid;
    height: 0;
	} 

img { border: 0;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	}
	h1{ font-size:21px; font-weight:bold; padding: 1% 2%;}
	h1.pg_title{ color:#fff; padding:2% 1%; text-align:center;}
	h5 {color:#fcaf17; font-size:18px; padding: 0 0 2% 0 !important;}

.hosted-content h3{
	font-size:18px;
}
.hosted-content h3#listings-title{
	font-size:21px;
}

p {
	margin: 0;
	padding:1%;
	font-size:16px;
	}

b, strong {
    font-weight: bold;
	}
.white{
	color:#fff;
}
/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted;/*reset*/
	}
	
a,
a:link, 
a:visited, 
a:active {
	outline: 0;/*reset*/
    color: #fcaf17; 
    text-decoration:none;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: underline;
		color: #fcaf17; 
		}  
.hosted-content h2 a{
	color:#000;
}

a.auction_btn{
	display:block;
	float:right;
	border: #fcaf17 solid 1px;
	position:relative;
	padding:12px 60px 12px 30px;
	margin:1% 6% 1% 2%;
	font-size:21px;
	font-weight:bold;
	text-decoration:none;
	transition:all .3s ease-in-out;
}
a.auction_btn:hover{
	text-decoration:none;
	background-color:#fcaf17;
	color:#000 !important;
}

/*===================== 
	header styles 
=======================*/

header {
	margin: 0 auto;
	max-width: 1200px;
	background-color:#000;
	}
.company_logos{
	padding:0;
	float:left;
	display:block;
	width:40%;
	padding:1% 0 0 2%;
}
img.logo{
	display:block;
	margin:auto;
	width:95%;
}
img.auction{
	width:70%;
	margin:0 auto;
	display:block;
}
img.auction:hover{
	opacity: .7;
}

/*===================== 
	nav styles 
=======================*/
#menu-button{
	display:none;
}
nav.mobile{
	display:none;
}

nav.primary {
	margin:0;
	padding:0;
	float:right;
	max-width:680px;
	}
	nav.primary ul {
		margin:0;
		padding:0;
		}
		nav.primary ul li {
			display:block;
			float:left;
			list-style-type:none;
			}
			nav.primary ul li a {
				display:block;
				padding-top:290px;
				text-decoration:none;
				color:#fff;
				font-weight:bold;
				font-size:20px;
				position:relative;
				box-sizing: content-box;
				}
			nav.primary ul li a#construction{
				background-image:url(../siteart/construction.png);
				background-repeat:no-repeat;
				padding-right:105px;
				padding-left:30px;
				box-shadow: 2px -14px 10px 10px rgba(0,0,0,.7);
				z-index:30;
				width:140px;
				
			}
			nav.primary ul li a#truck{
				background-image:url(../siteart/truck.png);
				background-repeat:no-repeat;
				padding-right: 65px;
				padding-left: 20px;
				box-shadow: 2px -14px 10px 10px rgba(0,0,0,.7);
				z-index:20;
				width:115px;
			}
			nav.primary ul li a#other{
				background-image:url(../siteart/other.png);
				background-repeat:no-repeat;
				padding-right:95px;
				padding-left: 20px;
				z-index:10;
				width:85px;
			}
			nav.primary ul li a:hover {
				opacity: .7;
				color: #fcaf17;
				}
.triangle{
	width: 0; 
	height: 0; 
	border-bottom: 50px solid #fcaf17; 
	border-left: 50px solid transparent;
	position:absolute;
	bottom:0;
	right:0;
	
}
.spacer{
	padding:0 0 0 12px;
}

/*===================== 
	content styles 
=======================*/

.top_bar{
	width:100%;
	border-top: #fff solid 3px;
}
	


/*===================== 
	layout styles 
=======================*/

.wrap {
	width: 100%;
	background: url(../siteart/diamondbg.jpg) no-repeat fixed;
	background-size: cover;
	}
.container {
	margin: 0 auto;
	
	background-color:#fff;
	}
.body-wrapper {padding:30px 0 !important;}

.container2 {
	max-width: 1200px;
	margin: 0 auto;
	background-color:#000;
	}
	
.col-1-6 { width: 16%;}
.col-1-5 { width: 20%;}
.col-1-4 { width: 24%;}
.col-1-3 { width: 33%;}
.col-1-2 { width: 49%;}
.col-2-3 { width: 65%;}
.col-3-4 { width: 75%;}



/*  LISTINGS
------------------------------------------------*/
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {margin:3px 0 0 2px !important;}

.list-top-section .list-title .list-listings-count,
.list-content .price-container .price,
.mobile-option-bar .mobile-option-bar-filter,
.listing-prices__retail-price,
.listing-prices__discount-formatted-price,
.listing-prices__alternate-retail-price,
.listing-prices__exclusive-wholesale-price {color:#fcaf17 !important;}


.view-listing-details-link,
.faceted-search-content .mobile-done-button-container .mobile-done-button,
.show-all-modal .apply-button,
.faceted-search-content .selected-facets-container .selected-facet{color:#000 !important; background:#fcaf17 !important;}

.faceted-search-content .mobile-done-button-container .mobile-done-button:hover {color:#000 !important; background:#000 !important;}

.show-all-modal .back-button {color:#fcaf17 !important; border:1px #fcaf17 solid !important;}

/*===================== 
	footer styles 
=======================*/

footer {
	margin: 0 auto;
	max-width: 1200px;
	background: #000;
	}
	
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: #fff;
		}

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

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

.divfooter {
	max-width:490px; 
	text-align:left; 
	color:#fff;
	padding:4% 0 2% 3%;
	float:left;
	}
div.foot_right{
	float:right;
	padding:2% 3% 2% 0;
	text-align:right;
}
/*=============================== 
		Responsive styles 
=================================*/

@media screen and (max-width: 1170px)  {
	nav.primary ul li a#construction{
		padding-right:60px;
	}
	nav.primary ul li a#truck {
		padding-right:0;
	}
	nav.primary ul li a#other {
		padding-right:20px
	}
	a.auction_btn{
		margin:1% 2% 1% 2%;
		font-size:21px;
	}
}
@media screen and (max-width: 1035px)  {
		h1.pg_title{font-size:18px;}
		a.auction_btn{
			margin:1% 1% 1% 2%;
			font-size:21px;
		}

}
@media screen and (max-width: 965px)  {
	nav.primary{
		display:none;
	}
	#menu-button{
		display: block;
		font-size: 32px;
		width:100%;
		position: relative;
		z-index: 400;/* needs to be lower than nav.mobile, adjust as needed */
		}
		#menu-button a{
		 color:#fff;
		 text-decoration: none;
		 padding: .1em 0 .1em 0.8em;
	  }
	nav.mobile{
		display:block;
		width:100%;
		}
		nav.mobile ul{
			padding:0;
			margin:0;
			}
			nav.mobile ul li{
				display:block;
				list-style-type:none;
				padding:0;
				margin:0;
			}
			nav.mobile ul li a{
				display:block;
				text-decoration:none;
				color:#fff;
				font-size:18px;
				font-weight:bold;
				padding:2% 4%;
				border-top: #fff solid 1px;
				margin:0;
			}
			nav.mobile ul li a:hover{
				background:#333;
			}
	.company_logos{
		display:block;
		float:none;
		margin:auto;
		width:50%;
	}
	
	.divfooter {
	max-width:490px; 
	text-align:center; 
	color:#fff;
	padding:2% 0 2% 0;
	float:none;
	display:block;
	margin:auto;
	}
	div.foot_right{
		float:none;
		padding: 0 0 2% 0;
		display:block;
		text-align:center;
		margin:auto;
	}
	h1.pg_title{ display:none;}
	a.auction_btn{
		float:none;
		margin:1% auto 1% auto;
	}


}
@media screen and (max-width: 460px)  {
	a.auction_btn{font-size:16px;}
}