/*===================== 
	Color information
	
	- Light Blue: #6dc6e7;
	- Darker Blue: #2885b3;
	- Light Blue-Gray Tint: #e6ecf5;
	-
		 
=======================*/
/*===================== 
	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%;}



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

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

body {
    font-family: 'Open Sans', sans-serif;
    margin: 0;
	padding:0;
	background:#fff;
	color:#000;
	}

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;}
	
/*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;
    border-bottom: none;
    margin: 30px 0;
 }  

img { border: 0; max-width:100%;} 
.border-left{border-left:#ccc 1px solid;padding-left:2%;box-sizing:border-box;}
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif;
	margin: 0;
	padding:0 0 15px 0;
	font-weight:700;
	text-transform:uppercase;
	line-height:1em;
	color:#bf2226;
	}
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size:26px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 16px;
	}

p {
    font-family: 'Open Sans', sans-serif;
	padding: 0 0 10px 0;
	font-size:16px;
	line-height:1.5em;
	margin: 0;
	}
strong{font-weight:700;}

/*===================== 
	link styles 
=======================*/

a.link:focus {outline: thin dotted;/*reset*/
	}
	
a {
    text-decoration:none;
	color: #be1f21;
}

a:hover  {
	color: #000;
	} 
	
	
.appbutton{}
.appbutton a{background:#38b749; padding:5px 10px;color:#fff; border-radius:3px;}
.appbutton a:hover{background:#262626; padding:5px 10px;color:#fff; border-radius:3px;}
 
/*===================== 
	list styles 
=======================*/
ul.list{
	margin:0;
	padding: 0 0 5% 7%;
}
ul.list li{
	font-size:16px;
}

/*===================== 
	header styles 
=======================*/
.topbar{background:#be1f21; padding:10px 0;color:#fff;font-size:14px;line-height:14px;border-bottom:#ccc 1px solid;}
.topbar span{display:inline-block;}
.topbar br{display:none;}
.topbar p{padding:0 0 0 0;}
.topbar i{margin-right:5px;}
.topbar a{color:#fff;}
.topbar ul{list-style:none;margin:0 0 0 0;padding:0 0 0 0;}
.topbar ul li{padding: 0;float:left;}
.topbar ul li:last-child{float:right;}

header{position:relative;margin:0;padding:15px 0;background:url(../siteart/headerbg.jpg) center center no-repeat;-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;border-bottom:#4d4d4d 1px solid;box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);z-index:999;}
header img{display:inline-block;}
.headerwrap{width:96%;max-width:1170px;margin:0 auto;}
.logo{float:left;width:24%;}
.header-right{float:right;width:75%;}
.header-right h3{display:inline-block;text-align:right;font-style:italic;padding: 0 0 0 30px;}
.above-nav{padding:0;text-align: right;color:#be1f21;font-size:20px;font-weight:700;font-style:italic;}
.address{text-align:right;padding-top:10px;}
.address h2{padding:0;color:#000;}
.address h5{padding:0;color:#000;}




/*===================== 
	nav styles 
=======================*/
/* see menumaker.css for additional nav styles */


/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1170px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1230px;margin:0 auto;}


	
/*===================== 
	slideshow styles 
=======================*/
.slides{padding:0;color:#fff;position:relative;border-bottom:#bf2226 3px solid;}

.cycle-slideshow{}
.cycle-slideshow img{
	width:100%;
}

/* pager */
.cycle-pager { 
    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;display:none;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 16px; height: 16px; 
    display: inline-block; color: #ddd; cursor: pointer; transition: all .5s ease-in-out; 
}
.cycle-pager span.cycle-pager-active { color:#2885b3;}
.cycle-pager > * { cursor: pointer;}



/*===================== 
	banner styles 
=======================*/

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 50%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background:url(../siteart/arrow-left.png) 5% 50% no-repeat;}
.cycle-next { right: 0; background:url(../siteart/arrow-right.png) 95% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

.herodivider {position: absolute;top: 0;right: 50%;height: 100%;width: 3px;background:#be1f21;z-index: 900;}


	
/*===================== 
	Form styles 
=======================*/
.order-form{display:block;background:#fafafa;padding:15px;border:#ccc 1px solid;}

#formpage{padding:0 10px;}

form{
	margin:0 0 0;
}
label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
input{
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	box-sizing:border-box;
	width:98%;
	margin:0 1% 10px;
}
input.half{width:48%;float:left;}

input:focus{
	border: #2885b3 solid 1px;
}
input.button2{
	display:block;
	width:50%;
	margin:0 auto 20px;
	border:#be1f21 solid 1px;
	background-color:#be1f21;
	color:#fff;
	border-radius: 2px;
}

input.button2:hover{
	background-color:#4d4d4d;
	cursor:pointer;
}

select{
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:102%;
}
textarea{
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
	margin:0 1% 10px;
	box-sizing:border-box;
}

.CaptchaPanel {
    margin: 0px 0px 0px 0px !important;
    text-align: center;
    padding: 0px !important;
}

.CaptchaImagePanel,
.CaptchaMessagePanel,  
.CaptchaAnswerPanel, 
.CaptchaWhatsThisPanel {
	margin:0px 0px 0px !important;
	font-size: 12px;
	color: #000;
	text-align: left !important;
	font-weight:normal!important;
	padding:0px 0 0!important;
	box-sizing:border-box;
	}

.CaptchaImagePanel{float:left;margin-right:10px !important;}
.CaptchaMessagePanel{}
#CaptchaAnswer{margin:5px 0; width:50%;}
fieldset{width:98%;box-sizing:border-box;margin:0 1% 15px;background:#fff;}



/*===================== 
	layout styles 
=======================*/
.sidebar{float:left;width:23%;margin-right:2%;box-sizing:border-box;padding:15px;border:#4d4d4d 1px solid;}
.main-content{float:right;width:75%;}
ul.list-content {list-style:disc outside; margin:0px 0px 18px 0px;padding:0 0 0 0;}
ul.list-content li {margin-bottom:10px;margin-left:20px;}

.padit{padding:40px 0;}
.welcome h1{}
.welcome p{}
.welcome{}
.contact{padding:15px;background:#fafafa;border:#ccc 1px solid;margin-left:20px;word-wrap:break-word;}
.contact p{font-weight:700;}
.map img{display:block;width:100%;height:auto;}
.page{background:#000;color:#fff;}
.page p{color:#fff;}
.logos{background:#fff;text-align:center;border-top:#151414 10px solid;}
.logos img{margin:10px 30px;vertical-align:middle;display:inline-block !important;}
.scrollingbg{display:block;width:100%;height:90px;overflow:hidden;padding:0; border-top:#000 4px solid;}
.scrolling{
    width:100%;
    height:92px;
}
.gallery img { 
	height: auto;
	width: 19%;
	margin: .5%;
	float: left;
}

.linkboxes{text-align:center;background:url(../siteart/linkbox-bg.jpg) center center no-repeat; overflow:hidden; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;padding:40px 0;;border-bottom:#fff 1px solid;}
.linkbox{position:relative;float:left;width:31.33%; height:190px;box-sizing:border-box;margin:0 1%;padding:25px;font-family: 'Oswald', sans-serif;position:relative;text-align:center;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;
background-size:cover;background-color:#000;border:#fff 1px solid;}
.linkbox h2{font-size:36px;text-shadow: 2px 2px 0px rgba(10, 10, 10, 1);color:#fff;padding:10px 0;width:90%;z-index:10;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
a .linkbox{color:#fff;-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
a:hover .linkbox{color:#000;}
.linkbox:before {content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.3; transition: .3s all;display:block;z-index:1;}
.linkbox:hover:before {opacity: 0.6;background: #ae132b;}


#peterbilt{background-image:url(../siteart/peterbilt.jpg);}
#kenworth{background-image:url(../siteart/kenworth.jpg);}
#freightliner{background-image:url(../siteart/freightliner.jpg);}
#florida{background-image:url(../siteart/fl-inv.jpg);}
#georgia{background-image:url(../siteart/ga-inv.jpg);}

.invboxes{text-align:center;background:#000;padding:1% 0;overflow:hidden;}
.invbox{position:relative;float:left;width:48%; height:340px;box-sizing:border-box;margin:0 1%;padding:10px;font-family: 'Open Sans', sans-serif;position:relative;text-align:center;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;
background-size:cover;background-color:#000;border:#000 1px solid;}
.invbox h2{font-size:42px;text-shadow: 2px 2px 0px rgba(10, 10, 10, 1);color:#fff;border-top:#fff 1px solid;border-bottom:#fff 1px solid;position:relative;z-index:10;padding:10px 0;width:90%;z-index:10;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.invbox:before {content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: 0.1; transition: .3s all;display:block;z-index:1;}
.invbox:hover:before {opacity: 0.6;background: #ae132b;}

.inventorypage{background:#fff;}


.sitemap{background:url(../siteart/escheresque_ste.png) repeat;color:#fff;}
.sitemap p{line-height:2em;}
.sitemap i{font-size:42px;margin-right:20px;}

/*--------Scrolling Inventory--------*/

.mobilecontainer { 
	overflow:hidden; /* must have this property for mobile phones and tablet display! */
	width:100%; 
	margin:0 auto;
	height:92px; 
	padding:0;
	background:#000;
}
iframe.banner {
	width:100%;
	height:92px;
	background:#000
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 2.0%;
}
.col:first-child { margin-left: 0; }

.hosted-content .col{margin:0 0 0 0;}
.hosted-content h2, .hosted-content h3, .hosted-content h4, .hosted-content h5{color:#000;}
.hosted-content .listing-name a{color:#be1f21;}

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWELVE  */
.span_12_of_12 {
	width: 100%;
}

.span_11_of_12 {
  	width: 91.5%;
}
.span_10_of_12 {
  	width: 83%;
}

.span_9_of_12 {
  	width: 74.5%;
}

.span_8_of_12 {
  	width: 66%;
}

.span_7_of_12 {
  	width: 57.5%;
}

.span_6_of_12 {
  	width: 49%;
}

.span_5_of_12 {
  	width: 40.5%;
}

.span_4_of_12 {
  	width: 32%;
}

.span_3_of_12 {
  	width: 23.5%;
}

.span_2_of_12 {
  	width: 15%;
}

.span_1_of_12 {
  	width: 6.5%;
}


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.5%;
}
.span_2_of_4 {
	width: 49%;
}
.span_1_of_4 {
	width: 23.5%;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%; }
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }


/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 600px) {
	.col {  margin: 4% 0 4% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }
	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }
    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {
	width: 100%; 
	}			
}


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

.pagebottom{background:#111111;padding:50px 0;border-top:#fff 1px solid;border-bottom:#bf2226 3px solid;}
.pagebottom h4{color:#fff;}
.pagebottom p{color:#fff;font-size:14px;}
.pagebottom a{color:#fff;}
.pagebottom a:hover{color:#be1f21;}

footer {
	margin: 0 auto;
	padding:40px 0;
	background:#000;
	width: 100%;
	}
footer p{float:left;color:#fff;font-weight:700;text-transform:uppercase;padding:0;font-size:.8em;}
footer p:last-child{float:right;}
footer a{text-decoration:none;}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #ccc;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #fff;
		}

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

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

.divfooter {
	text-align:center; 
	margin:0 auto;
	}

/*===================== 
	Inventory styles 
=======================*/


input[type=checkbox i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 3px 3px 3px 4px;
    padding: initial;
    border: initial;
    border-radius: inherit;
    width: initial;
    font-size: initial;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label {
    font-size: inherit;
    padding-top: inherit;
    width: inherit;
}

.view-listing-details-link {
    background-color: #ae132b !important;

}
.list-content .price-container .price {
    color: #000 !important;
}


/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1210px) {
.topbar ul li{display:inline-block;padding: 3px 20px;border-right: none;}
.logo{float:left;width: 22%;}
.header-right{float:right;width: 77%;}	
.above-nav{padding:10px 0;text-align: right;}
.above-nav img{margin-right: 15px;vertical-align:middle;max-height: 20px;}	
}
@media screen and (max-width: 1000px) {
.logo{float:none;width: 100%;text-align:center;}
.header-right{float:none;width: 100%;}	
.above-nav{padding:10px 0;text-align: center;}
.above-nav img{margin-right: 20px;vertical-align:middle;max-height: 25px;}	
.logos img{margin: 10px 20px;max-height: 40px;width: auto;}
}
@media screen and (max-width: 800px) {
.linkbox{height: 170px;padding: 5px;padding-top: 50px;}
.linkbox h2{font-size: 24px;}
.header-right h3{display:block;text-align: center;font-style:italic;padding: 10px 0 0 0;}
.sidebar{float: none;width: 100%;margin-right: 0;}
.main-content{float: none;width: 100%;}
.topbar ul li{padding: 0;float:none;display:block;text-align:center;}
.topbar ul li:last-child{float:none;padding-top:5px;}
}
@media screen and (max-width: 600px) {
.border-left{border-left:none;padding-left:0;box-sizing:border-box;}
.linkbox {height:120px;}	
.linkbox h2{font-size: 18px;}
.invbox {height:190px;}	
.invbox h2{font-size:30px;}	
.welcome{}
.pagebottom{text-align:center;}
.gallery img { 
	height: auto;
	width: 49%;
	margin: .5%;
	float: left;
}
.contact{margin-left:0;}


}

@media screen and (max-width: 480px){
.topbar{font-size:12px;text-align:center;}
.topbar span{display:none;}
.topbar br{display:block;}

.invbox h2{font-size:24px;}	
.linkbox h2{font-size: 14px;}
.pagebottom{padding:20px 0;text-align: center;}
.divfooter {
	text-align:center; 
	}	
}
@media screen and (max-width: 414px){
	
}