/*===================== 
	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%;}


/*===================== 
		Fonts
=======================*/



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

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

body {
    font-family: 'Overlock', cursive;
    margin: 0;
	padding:0;
	background:url("../siteart/truckhero.jpg") center center fixed no-repeat !important;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;
	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;
	} 

img { border: 0; max-width:100%;} 
	
/*===================== 
	typography 
=======================*/

h1, h2, h3, h4, h5, h6 {
    font-family: 'Overlock', cursive;
	margin: 0;
	font-weight:900;
	line-height:1.5em;
	color:#a7be39;
	}
	h1 {font-size: 36px;}
	h2 {font-size: 30px;}
	h3 {font-size: 24px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}

p {
    font-family: 'Overlock', cursive;
	padding: 0 0 2% 0;
	font-size:18px;
	line-height:1.5em;
	margin: 0;
    color:#fff;
	}
strong{font-family: 'Overlock', cursive;font-weight:normal;}

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

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

a:hover  {
	text-decoration: none;
	color: #ccc;
	} 
	
	
.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:#093911; padding:2px 0;}
.topbar p{padding:0 0 0 0;}
.topbar i{margin-right:5px;}
.topbar ul{list-style:none;margin:0 auto;padding:0;}
.topbar ul li{float:left;padding:7px 40px 7px 0;font-weight:900;font-size:18px;color:#fff;}
.topbar ul li a{color:#fff !important;}
.topbar ul li a:hover{color:#ccc !important;}
.topbar ul li:last-child{float:right;padding:7px 0 7px 0;}
.topbar ul li,.topbar ul li img{display:inline;vertical-align: middle;}
.topbar ul li span{color:#a7be39;}
.topbar ul li a:hover span{color:#ccc;}
.topbar a {font-family:'Overlock', cursive;}


header{width:100%;margin:0;height:190px;position:relative;}

.headerwrap{width:96%;max-width:1480px;margin:0 auto;}
.logo{position:absolute;z-index: 1000;left:11%;top:40px;}
.headswoop{position:absolute;bottom:0;left:0;right:0;width:100%;}

.navbar{background:#a7be39;width:100%;}


/*===================== 
	content styles 
=======================*/
.wrapper{width:96%;max-width:1480px;margin:0 auto;padding:0;}
.container{width:100%;max-width:1520px;margin:0 auto;/*background:url("../siteart/white90.png") repeat;*/}
.internal{padding:4% 0 2% 0;}

/*===================== 
	welcome styles 
=======================*/
.welcome{padding:100px 0;}
.welcomebox{width:80%;background:#093911;padding:2%;position:relative;}
.welcometext{width:70%;}
.welcometext h3{line-height:1.2em;font-weight:400;}
.welcometext h1{line-height:1em;padding-bottom:20px;}
.welcomebutton{background:#a7be39;padding:3px 0;width:45%;float:left;margin:0 1% 1% 0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;text-align:center;}
.welcomebutton h4{color:#093911;}
.welcomebutton h4 i{display:none;color:#093911;}
.welcomebutton:hover{background:#fff;-moz-transition:0.2s ease-in;-webkit-transition:0.2s ease-in;-ms-transition:0.2s ease-in;-o-transition:0.2s ease-in;transition:0.2s ease-in;}
.welcomebutton:hover > h4 i{display:inline;-moz-transition:0.4s ease-in;-webkit-transition:0.4s ease-in;-ms-transition:0.4s ease-in;-o-transition:0.4s ease-in;transition:0.4s ease-in;}

.welcomeslider{width:40%;position:absolute;top:-40px;right:-200px;padding:1%;background:#fff;-moz-box-shadow:3px 3px 3px rgba(0,0,0,0.4);-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.4);box-shadow:3px 3px 3px rgba(0,0,0,0.4);}

.financebutton {
	    background: #a7be39;
    margin: 0 1% 1% 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 20px;
    width: 40%;
	float: none !important;
}
/*===================== 
	slideshow styles 
=======================*/
.slides{background:url(../siteart/concrete_wall.png) repeat;padding:0;color:#fff;position:relative;}

/*.cycle-slideshow{box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);}*/
.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;}

/*===================== 
	swoop styles 
=======================*/
.bodyswoop{height:230px;width:100%;background:url("../siteart/lowerswoop.png") top center no-repeat;position:relative;}
.swooptext{position:absolute;top:75%;left:12%;-moz-transform:translate(0,-75%);-webkit-transform:translate(0,-75%);-ms-transform:translate(0,-75%);-o-transform:translate(0,-75%);transform:translate(0,-75%);}
.swooptext h4{color:#fff;line-height:1.3em;font-weight:700;}

/*===================== 
	Form styles 
=======================*/
#formpage{padding:0 10px;}

form{
	margin:0 0 0;
}
label{
	display:block;
	font-size:16px;
	padding-top: 4%;
	width:100%;
}
input{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
	margin-bottom:10px;
}
input:focus{
	border: #2885b3 solid 1px;
}
input.button2{
	display:block;
	width:50%;
	margin:0 auto 5% auto;
	border:#277e32 solid 1px;
	background-color:#38b749;
	color:#fff;
	border-radius: 2px;
}

input.button2:hover{
	background-color:#277e32;
	cursor:pointer;
}

select{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

textarea{
	font-family: 'Open Sans', Arial, sans-serif;
	border: #999999 solid 1px;
	border-radius: 2px;
	padding: 1%;
	font-size:14px;
	width:98%;
}

input[type='checkbox'],input[type='radio']{width:15px !important;min-width:15px !important;margin-right:2px;}



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

.scrolling{display:block;background:url(../siteart/scrollingbg.jpg) repeat; padding:30px 0; border-top:#ffcd07 4px solid;}

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

.hosted-content .pagination > .drop-down-form select{width:8% !important;}
.hosted-content h1{font-family: 'Overlock', cursive !important;font-size:24px !important;color:#093911;font-weight:900;}
.hosted-content h2{font-family: 'Overlock', cursive !important;font-size:22px !important;color:#093911;font-weight:700;}
.hosted-content h3{font-family: 'Overlock', cursive !important;font-size:20px !important;color:#093911;font-weight:700;}
.hosted-content p{font-family: 'Overlock', cursive !important;color:#000;}
.currency-capital-price-container,.legal{display:none;}
.hosted-theme .btn{background:#a7be39 !important;-moz-border-radius:5px !important;-webkit-border-radius:5px !important;border-radius:5px !important;}
.hosted-theme .btn:hover{background:#fff !important;color:#093911;}

.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
}

/*===================== 
	contact styles 
=======================*/
.contacthalf{float:left;width:48%;margin-right:2%;}
.contacthalf h4 span{color:#fff;font-weight:500;}
.mapblock{height:400px;}

/*===================== 
	footer styles 
=======================*/
.contactbar{background:#a7be39;padding:5px 0;width:100%;text-align:center;border-bottom:2px solid #fff;margin-top:-4px;}
.contactbar p{display:inline-block;zoom: 1;*display: inline;vertical-align: middle;padding:0;margin:0 20px;font-weight:900;}
.contactbar p span{color:#093911;}
.contactbar p a:hover span{color:#fff;}

.pagebottom{background:#fff;padding:20px 0;border-top:#093911 8px solid;text-align: center;}
.pagebottom img{margin:0 auto !important;}
.pagebottom p{color:#093911;font-size:14px;}
.pagebottom a{color:#093911;}
.pagebottom a:hover{color:#666;}

footer {
	margin: 0 auto;
	width: 100%;
	}
	
a.footerlink:link,
a.footerlink:visited, 
a.footerlink:active {
	text-decoration: none; 
	font-size:11px;
	color: #093911;
	border-bottom:none;
	}
	a.footerlink:hover {
		text-decoration:none; 
		font-size:11px;
		color: #666;
		}

.footerlinks{font-family: 'Overlock', cursive!important;margin:1% 10px;font-weight:700;}
.footerlinks:hover{text-decoration: underline;}



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

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

.divfooter {
	text-align:center; 
	margin:0 auto;
    padding-top:20px;
	}


.faceted-search-content {background: #fff !important; }
.list-content .has-search-bar {
	background: rgba(255,255,255,0.60) !important;
}

.list-top-section .list-title {
	color: #000 !important;
}

.view-listing-details-link {
	background: #A7BE39 !important;
}
.contact-options a,.faceted-search-content .selected-facets-container .selected-facet {
	background: #093911 !important;
}

.detail__main-content {
	    background: #fff !important;
    padding: 20px !important;
    border-radius: 20px !important;
}

/*===================== 
	Responsive styles 
=======================*/
@media screen and (max-width: 1800px) {
    .logo{left:8%;}
    .swooptext{left:10%;}
}

@media screen and (max-width: 1650px) {
    header{height:170px;}
    .logo{left:5%;}
    .swooptext{left:6%;}
    
    .internal{padding:4% 2% 2% 2%;width:96%;}
}

@media screen and (max-width: 1480px) {
	h1 {font-size: 32px;}
	h2 {font-size: 28px;}
	h3 {font-size: 24px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}    
    
    header{height:160px;}
    .topbar ul li{font-size:16px;padding-right:20px;}
    .logo{max-width:380px;}
    .logo,.swooptext{left:2%;}
    .mapblock{height:300px;}
}

@media screen and (max-width: 1300px) {
    header{height:150px;}
    .topbar ul li{font-size:14px;padding-right:20px;}
    .welcomeslider{right:-190px;}
    .bodyswoop{height:200px;}
    
    .hosted-content h1{font-size:22px !important;}
    .hosted-content h2{font-size:20px !important;}
    .hosted-content h3{font-size:18px !important;}    
}

@media screen and (max-width: 1140px) {
    header{height:125px;}
    .topbar ul li{font-size:13px;padding-right:10px;}
    .logo{max-width:320px;top:20px;}
    .welcomeslider{right:-140px;}
    .welcomebutton{margin:0 2% 2% 0;}
    .welcomebutton h4 i,.welcomebutton:hover > h4 i{display:none;}
}

@media screen and (max-width: 1000px) {
    body{background:url("../siteart/truckhero.jpg") top center no-repeat !important;-moz-background-size:cover !important;-webkit-background-size:cover !important;background-size:cover !important;}
    
    h1 {font-size: 28px;}
	h2 {font-size: 24px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;} 
    p {font-size: 16px;}
    
    header{height:105px;}
    .topbar ul{text-align:center;}
    .topbar ul li,.topbar ul li:last-child{float:none;display:inline-block;zoom: 1;*display: inline;vertical-align: middle;margin:5px 10px;font-size:15px;padding:0;}
    .welcomeslider{right:-120px;}
    .swooptext{top:65%;}
    .footerlinks{margin:1% 5px;font-size:14px;}
    
    .internal{padding:6% 2% 4% 2%;}
    .hosted-content .listings-wrapper{width:96% !important;}
}

@media screen and (max-width: 830px) {
	h1 {font-size: 26px;}
	h2 {font-size: 22px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 16px;}
	p {font-size: 15px;}
    header{height:95px;}
    .logo{max-width:280px;}
    .welcomeslider{right:-100px;}
    .bodyswoop{height:160px;}
    .mapblock{height:260px;}
    
    .hosted-content h1{font-size:20px !important;}
    .hosted-content h2{font-size:18px !important;}
    .hosted-content h3{font-size:16px !important;}      
}

@media screen and (max-width: 700px) {
    header{height:86px;}
    .logo{top:15px;}
    .welcome{padding:70px 0;}
    .welcomebox{width:96%;text-align:center;}
    .welcomeslider{position:relative;width:98%;margin:0 0 2% 0;right:0;top:0;}
    .welcometext{width:100%;}
    .welcomebutton{float:none;width:47%;display:inline-block;zoom: 1;*display: inline;vertical-align: middle;margin:1%;}
    .swooptext{top:70%;}
    .footerlinks{margin:1% 10px;}
    
    .internal{padding:8% 2% 6% 2%;}
    
    .contacthalf{width:50%;margin:0 auto;}
}

@media screen and (max-width: 600px) {
    header{height:80px;}
    
    .internal{padding-top:10%;}
}

@media screen and (max-width: 520px) {
	h1 {font-size: 24px;}
	h2 {font-size: 20px;}
	h3 {font-size: 18px;}
	h4 {font-size: 16px;}
	h5 {font-size: 15px;}
	p {font-size: 15px;}    
    header{height:73px;}
    .topbar ul li{margin:3px 0;font-size:14px;}
    .wrapper{width:92%;}
    .logo{max-width:240px;left:4%;}
    .welcome{padding-bottom:40px;}
    .swooptext{left:4%;}
    
    .internal{padding-top:12%;}
}

@media screen and (max-width: 420px){
    header{height:68px;}
    .logo{max-width:215px;}
    .welcomebox{width:92%;padding:4%;}
    .swooptext{top:75%;}
    .footerlinks{display:block;margin:5px auto;}    
    
    .contacthalf{width:100%;float:none;display:block;margin:2% auto;}
}

@media screen and (max-width: 360px){
    header{height:62px;}
    .topbar ul li{font-size:12px;margin:0;}
    .logo{max-width:190px;top:10px;}
    .welcome{padding-top:50px;padding-bottom:20px;}
    .welcomebutton{width:96%;}
}