div {background: transparent;border: 0; margin: 0; padding: 0;	}
ol, ul {list-style: none;}

body  {background:url(../siteart/darkdenim3.png) repeat;padding:0;font-size:16px;line-height:24px;font-family: 'open_sansregular';color:#fff;}
.bg{background:url(../siteart/darkdenim3.png) repeat;}

.floatleft  {float:left; position:relative;}
.floatright {float:right; position:relative;}
.clear  {clear:both;}

a {color:#447ec3;text-decoration:underline;}
a:hover {color:#24292f;text-decoration:none;}

.white{color:#fff;}

h1{
    font-family: 'bebasregular';
	font-size:30px;
	color:#ec1b2e;
	margin:0 0 10px 0;
}

h2{
    font-family: 'bebasregular';
	font-size:24px;
	color:#ec1b2e;
	margin:0 0 10px 0;
}

#pagetitle{
    font-family: 'bebasregular';
	font-size:30px;
	color:#ec1b2e;
	margin:30px 0 20px 0;
}
 

.page-container {
	width:1020px;
	margin:0 auto;
}

.widgets1 {
	width: 25%;
	display: inline-block;
	margin-left: -50px;
}
.widgets2 {
	width: 25%;
    display: inline-block;
    vertical-align: top;
    float: right;
}


/*
.wrapper {
	width:1020px;
	margin:0 auto;
	padding-bottom:30px;
	position:relative;
}
*/

.middle_wrapper {width:100%;margin:0 auto;padding-top:30px;position:relative;background:url(../siteart/darkdenim3.png) repeat;}

.header {margin:0 auto 0 auto;background:#fff;}

.header img{ display: inline; vertical-align: middle;}

.nav-img {
	padding: 0 12px;
}

.nav-logos {width: auto; display: inline-block; vertical-align: middle;}

.nav-wrapper {
	text-align: center;
}

.jet-logo {
	margin-left: 50px;
}

.nav-wrapper {
	    text-align: center;
    width: 90%;
    margin: 0 auto;

}
.phone{font-family: 'bebasregular';color:#fff;height:33px;background:#252525;padding:6px 0 0 0;width:100%;font-size:16px;text-align:right;}

.white-bg {
	background: #fff !important;
	display: inline-block;
	width: 100%;
}

.main{}

.logo{}

.logo img{text-align:center;margin:35px auto 50px auto;display:block;}

.logo_sm{}

.logo_sm img{
	height:250px;
	text-align:center;
	margin:35px auto 50px auto;
	display:block;
}


.textbox{
	width:358px;
	float:left;
	margin:0 20px 0 0;
	text-align:left;
	font-size:16px;
	line-height:24px;
    font-family: 'open_sansregular';
}

/******NAVIGATION******/

/*.navigation_container {background:;min-width:1020px;margin:0 auto;}*/

.desktop {position:relative;display:block;z-index:9000;padding:15px 0 0 0!important;font-family: 'bebasregular'!important;text-align:center;text-decoration:none;font-size:16px;}
.desktop ul {list-style: none;  margin:0 0 0 0;padding:0 0 0 0;}

.desktop ul li {
    display: block;
    position: relative;
    float: left;
	text-align:center;
}

.desktop li ul {
    display: none;
}

.desktop ul li a {display:block;text-decoration:none;color:#252525;font-size:15px;padding:5px;margin:0 10px;height: 1%;}

.desktop ul li li a {
	padding:15px 10px;
	text-align:center;
	background:#252525;
}


.desktop ul li a:hover {
	height: 1%; 
	border-bottom:#d22127 3px solid;
}

.desktop ul li li a:hover {
	background:#ec1b2e;
	border-top:#252525 3px solid;
}

.desktop ul ul {
	display: none;
	position: absolute; 
	top:100%;
}

.desktop ul ul ul {
	position: absolute; 
	left: 100%;
	top:0; 

}

.desktop ul li:hover > ul {
	display: block;
	line-height: 18px;
	z-index: 100;
}

.desktop ul ul li {
	float: none; 
	position: relative;
	margin:0;
}
 

/*******Middle of PAGE******/

.middle {
	background:url(../siteart/middlebg.jpg) top repeat-x;
	background-color:#fff;
	width:100%;
	padding:0;
}

.leftbox{
	width:490px;
	height:400px;
	overflow:hidden;
	background:#c9c9c8;
	float:left;
	margin:0 40px 40px 0;
}

.small_address{float:left;margin:0 20px 0 20px;padding-right:60px;border-right:#aaa 1px solid;ext-align:left;font-size:12px;line-height:20px;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;color:#aaa;}


/******FOOTER******/
#pagebottom{width:100%;padding:40px 0 50px 0!important;line-height:14px;background:url(../siteart/mainbg.png) repeat;border-bottom: #1a1a1a 100px solid;}

.map-hold{width:40%;float:left;}

footer {padding:20px 0;line-height:14px;position:relative;top:-200px;}
.ie7 footer{padding:20px 0;line-height:14px;position:relative;top:0px;}
.ie8 footer{padding:20px 0;line-height:14px;position:relative;top:0px;}

a.footerlink:link, a.footerlink:visited, a.footerlink:active{text-decoration:underline;font-:Arial, Helvetica, sans-serif;font-size:13px;color:#aaa;}
a.footerlink:hover {text-decoration:none;font-:Arial, Helvetica, sans-serif;font-size:13px;color:#fff;}
.footertext{font-:Arial, Helvetica, sans-serif;font-size:13px;color:#aaa;}
.smallfootertext{font-:Arial, Helvetica, sans-serif;font-size:10px;color:#aaa;}
.divfooter {width:45%;text-align:left;margin:30px 0 0 0;}

/* Cycle Plugin slideshow styles */
#slideshow{
	position:relative;
	height:60px;
	width:250px;
	overflow:hidden;
	margin:-5px 35px 0 20px;
	float:right;
}
#slideshow img { 
    padding:0; 
    border:0; 
	height:60px;
	width:250px;
    top: 0;
    left: 0;
	display:block;
}


/* Style for the inventory iframe displayer pages */
.inv  {/*if you want to style the container add some stuff here*/}
.inv iframe {background:#fff;width:100%;height:100%;}


.background{background:url(../siteart/peterbilt2.jpg) no-repeat center center fixed;
-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;
overflow:hidden;
}


 h1.list-title {
	background: transparent !important;
	 color: #000 !important;
}

.detail-content .detail-main-body .main-detail-data .detail-title {
	background: transparent !important;
	color: #000 !important;
}

.compare-chkbox-container .compare-listings .compare-chkbox {
	    margin: -35px 8px 12px 2px !important;
}

.detail-content .dealer-info .contact-information .phone, .detail-content .dealer-info .contact-information .contact {
	background: transparent !important;
	color: #000 !important;
}

.phone {
	text-align: left !important;
}
/* ---- responsive ---- */
@media screen and (max-width:1274px){
	.nav-img {
		padding: 0;
	}
	
	.logo {
		margin: -5px 35px 0 20px;
	}

}

@media screen and (max-width:1200px){
.map-hold{width:65%;}
.small_address{border-right:none;}
	
.widgets1 {
		margin-left: 0;
	}
	
	.widgets2 {
		float: none;
	}
	
	.wid {
		padding-top: 150px;
	}
}

@media screen and (max-width:1190px){
.desktop ul li a {font-size:13px;padding:5px 4px;margin:0 0px;}
}

@media screen and (max-width:1086px){
	.nav-wrapper {
		width: 95%;
	}
	
	.jet-logo {
		margin-left: 20px;
	}
	
	
}
@media screen and (max-width:998px){
	
	.jet-logo {
		margin-left: 50px;
	}
	.nav-wrapper {
		text-align: end;
	}

}

@media screen and (max-width:992px){
.map-hold{width:100%;float:none;}
.small_address{display:block;margin-left:auto;margin-right:auto;padding-right:0px;}
}

@media screen and (max-width:755px){
	.nav-img {
	margin-left: -100px !important;
		}
	.jet-logo {
    margin-left: 30px;
}
}
@media screen and (max-width:705px){
div.desktop{display:none;}
}

@media screen and (max-width:581px){
footer{top:0;}
.divfooter {width:95%;padding:0 8px;margin:0;}
	.phone { text-align: center;}
}
@media screen and (max-width:450px){
	.nav-wrapper {text-align: center;}
}
