@import url('reset.css'); 

body {
	font-family: Arial, Helvetica, sans-serif;
	background: #bbb7aa url(../images/header-bg.png) repeat-x;
	margin: 0px; 

}

#container {
	width: 960px;
	margin: 0px auto;
}

#header {  
	background-color: #262925;  
	height: 133px;  
	margin: 0px;
	position: relative;
}  


#header .gradient {
	position: absolute;
	left: -130px;
	top: 0;
}

#header .logo {
	position: absolute;
	left: 0px;
	top: 30px;
}

#header .truck {
	position: absolute;
	left: 633px;
	top: 0px;
}

/*Main Navigation*/
#nav {
	background: url(../images/nav-bg.png) repeat-x; 
	height: 43px;  
	margin: 0px;
	position: relative;
}  

ul#navmain {
	float:left;
	width: 960px;
	margin: 0px auto;
	list-style: none;
}

ul#navmain li {
	display: inline;
}


ul#navmain li a {
	display: block;
	float: left;
	height: 42px;
	background-image: url(../images/nav-main.png);
	text-indent: -9999px;
}

	ul#navmain li a.home {
		width: 160px;
		background-position: 0px 0px;
	}

	ul#navmain li a.inventory {
			width: 159px;
			background-position: -160px 0px;
		}

	ul#navmain li a.about {
			width: 161px;
			background-position: -319px 0;
		}
		
	ul#navmain li a.contact {
			width: 160px;
			background-position: -480px 0;
		}

	ul#navmain li a.warranty {
			width: 160px;
			background-position: -640px 0;
		}
		
	ul#navmain li a.blog {
			width: 160px;
			background-position: -800px 0;
		}
		
	/*Main Nav Hover Effects */
	
	ul#navmain li a.home:hover {
		width: 160px;
		background-position: 0 -42px;
	}

	ul#navmain li a.inventory:hover {
			width: 159px;
			background-position: -160px -42px;
		}

	ul#navmain li a.about:hover {
			width: 161px;
			background-position: -319px -42px;
		}
		
	ul#navmain li a.contact:hover {
			width: 160px;
			background-position: -480px -42px;
		}

	ul#navmain li a.warranty:hover {
			width: 160px;
			background-position: -640px -42px;
		}
		
	ul#navmain li a.blog:hover {
			width: 160px;
			background-position: -800px -42px;
		}	

/*Main Content Layout*/

#page_container {
	background: #fff url(../images/pagemain-bg.png) repeat-y scroll 0 0;
	width: 960px;
	font-size: 12px;
	margin: 0 auto;
}

#page_container:after {
	content:" ";
	display:block;
	clear:both;
}

#content {
	padding: 0px 0px 20px 60px;

}

#content p {
	font-size: 12px;
	line-height: 14px;
	margin: 0px 0px 14px 0px;
	color: #000;
}


#content_left{
	float: left;
	width: 400px;
	margin: 0px;
}

#content_right{
	float: right;
	width: 410px;
	margin: 0px 30px 0px 0px;
	_margin: 0px 17px 0px 0px;
}

#content_2column:after {
	content:" ";
	display:block;
	clear:both;
}

.table_2column {
margin: 10px 0px 10px 0px;
}

#table_newcolumn {
margin: 10px 0px 10px 0px;
}

.table_left{
	float: left;
	width: 400px;
	margin: 0px;
}

.table_right{
	float: right;
	width: 410px;
	margin: 0px 30px 0px 0px;
	_margin: 0px 17px 0px 0px;
}

.clear:after {
	content:" ";
	display:block;
	clear:both;
}

	.clear {
		zoom: 1;}


/*Home Page Content*/

#content_left h3.welcome {
	background:transparent url(../images/home-welcome.png) no-repeat scroll 0 0;
	height:50px;
	width:243px;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-indent:-9999px;
}

#content_right h3.truckhome {
	background:transparent url(../images/home-truckinventory.png) no-repeat scroll 0 0;
	height:50px;
	width:226px;
	margin:0px 0px 10px 0px;
	padding:0px;
	text-indent:-9999px;
}

.keys {
	margin:10px 0px 0px 240px;
}

/*Home Page Image Styling */

.top-gradient {
	margin: 0px 0px 0px 1px;
	padding: 0px;
	border: none;
}

.home-inventory {
	margin:0px 0px 0px -7px;
}

.buttoninventory {
	margin: 0px 0px 0px 5px;
}

.clientgallery {
	margin: 0px 0px 0px 10px;
}

.home-line {
	margin: 20px 0px 0px 10px;
}

/*Home Page Bottom TriMenu Layout*/

#trimenu {
	clear: both;
	margin: 10px 0px 0px 0px;
	height: 190px;
}

#trimenu .buy, #trimenu .sell, #trimenu .explore {
	float:left;
	margin: 10px 0px 0px 0px;
	padding:0px;
	width:280px;
}

#trimenu .buy h4{
	background:transparent url(../images/home-buy.png) no-repeat scroll 0 0;
	height:183px;
	width:280px;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-indent:-9999px;
}	

#trimenu .sell h4{
	background:transparent url(../images/home-sell.png) no-repeat scroll 0 0;
	height:183px;
	width:280px;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-indent:-9999px;
}	
	
#trimenu .explore h4{
	background:transparent url(../images/home-explore.png) no-repeat scroll 0 0;
	height:183px;
	width:280px;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-indent:-9999px;
}		

#trimenu .buy p, #trimenu .sell p, #trimenu .explore p{
	margin:-100px 30px 0px 35px;
	padding:0px;
}	

#trimenu p a{
	color: #2b6385;
	text-decoration: none;
	border: none;
		}
	
#trimenu p a:hover {
	color: #2b6385;
	text-decoration: underline;
	border: none;
		}

/*Contact Us Content */

#content_left h3.contact_us {
	background:transparent url(../images/contact-us.png) no-repeat scroll 0 0;
	height:50px;
	width:243px;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-indent:-9999px;
}

#content_left h4.address{
	background:transparent url(../images/contact-address.png) no-repeat scroll 0 0;
	height:26px;
	width:160px;
	margin: 0px 0px 5px 0px;
	padding:0px;
	text-indent:-9999px;
}


#content_left h4.talk-to-us {
	background:transparent url(../images/contact-talktous.png) no-repeat scroll 0 0;
	height:18px;
	width:107px;
	margin:20px 0px 5px 0px;
	padding:0px;
	text-indent:-9999px;
}

#content_left h4.e-mail {
	background:transparent url(../images/contact-email.png) no-repeat scroll 0 0;
	height:18px;
	width:102px;
	margin:20px 0px 5px 0px;
	padding:0px;
	text-indent:-9999px;
}


#content_right h3.visit-us {
	background:transparent url(../images/contact-visit-us.png) no-repeat scroll 0 0;
	height:20px;
	width:96px;
	margin:0px 0px 40px 0px;
	padding:0px;
	text-indent:-9999px;
}

#content_right p.location {
	margin: 0px 40px 30px 0px;
}

.buttonmap {
	margin:0px 0px 30px 0px;
}

/*Inventory & Gallery Content */

#content h3.truck-inventory {
	background:transparent url(../images/truck-inventory.png) no-repeat scroll 0 0;
	height:27px;
	width:207px;
	margin:0px 0px 40px 0px;
	padding:0px;
	text-indent:-9999px;
}	

#content h3.client-gallery {
	background:transparent url(../images/client-gallery.png) no-repeat scroll 0 0;
	height:27px;
	width:256px;
	margin:0px 0px 40px 0px;
	padding:0px;
	text-indent:-9999px;
}	

#content p.clientgal {
	font-size: 12px;
	margin: 15px 0px 0px 0px;
	color: #2b6385;
}

#content p.clientgal a{
	color: #2b6385;
	text-decoration: underline;
	border: none;
		}
	
#content p.clientgal a:hover {
	color: #2b6385;
	text-decoration: underline; 
	border: none;
		}


/*Inventory Table Styling*/

#inventorytable {
	width: 850px;
	padding: 0px;
	margin: 0px;
}

#inventorytable a{
	color: #000000;
	text-decoration: none;
	border: none;
		}

#inventorytable a:hover {
	color: #000000;
	text-decoration: underline;
	border: none;
		}

#inventorytable thead th a{
	color: #2b6385;
	text-decoration: none;
	border: none;
		}

#inventorytable thead th a:hover {
	color:#2b6385;
	text-decoration: underline;
	border: none;
		}

#inventorytable thead th{
	border-collapse: collapse;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
	padding: 15px 0px 15px 10px;
	text-align: left;
	color: #2b6385;
}

#inventorytable thead th.unitno{
	width:50px;
}

#inventorytable thead th.image{
	width:80px;
}

#inventorytable tbody th, #inventorytable tbody td {
	text-align: left;
	vertical-align: middle;
	padding: 20px 0px 20px 10px;
}

#inventorytable tbody td.unitno {
	text-align:center;
}

#inventorytable tbody tr:hover, #inventorytable tbody tr.alt:hover {
	background: #cce5f4;
}

.thumbnail {
	border: 1px solid #CCCCCC;
	padding: 2px;
}

.alt {
	background: #f4f8fa;
	border-top: 1px dotted #CCCCCC;
	border-bottom: 1px dotted #CCCCCC;
}

/*Truck Detail Content */

h2.trucktitle {
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:36px;
	font-weight: normal;
	color: #2b6385;
}


h3.truckgallery {
	margin:0px 0px 2px 0px;
	padding:0px;
	font-size: 14px;
	color: #2b6385;
	font-weight: normal;
}

h3.truckshort {
	margin:0px 0px 5px 0px;
	padding:0px;
	font-size: 14px;
	color: #2b6385;
	font-weight: normal;
}

h4.truckheading {
	margin:20px 0px 20px 0px;
	padding:0px;
	font-size: 18px;
	color: #2b6385;
}

h4.truckcomments {
	margin:30px 0px 20px 0px;
	padding:0px;
	font-size: 18px;
	color: #2b6385;
}

h4.truckheadingline {
	margin:30px 60px 20px 0px;
	padding:0px;
	font-size: 18px;
	color: #2b6385;
	border-bottom: 1px dotted #2b6385;
}

.truck-detail-thumb {
	border: 1px solid #CCCCCC;
	padding: 2px;
	margin: 30px 0px 20px 0px;
}

.buttonviewmore {
	margin:0px 0px 20px 70px;
}



/*Truck Inventory Image Gallery Styling*/
	
.inv_gallery { 
	float: left; 
	margin: 40px 20px 20px 50px;
	padding: 2px;
}

h2.trucktitlegallery {
	margin:0px 0px 0px 45px;
	padding:0px;
	font-size:36px;
	font-weight: normal;
	color: #2b6385;
}

h3.truckshortgallery {
	margin:0px 0px 10px 45px;
	padding:0px;
	font-size: 14px;
	color: #2b6385;
	font-weight: normal;
}

h3 a{
	color: #2b6385;
	text-decoration: none;
	border: none;
		}
	
h3 a:hover {
	color: #2b6385;
	text-decoration: underline;
	border: none;
		}

/*Truck Detail Tables */

.truckdetail th{
	border-collapse: collapse;
	padding: 0px 0px 10px 0px;
	text-align: left;
	vertical-align:top;
	width: 160px;
}

.truckdetail th.specsub{
	border-collapse: collapse;
	padding: 20px 0px 10px 0px;
	text-align: left;
	vertical-align:top;
	width: 160px;
}

.truckdetail td, .truckwarranty td {
	text-align: left;
	vertical-align:top;
	padding: 0px 0px 10px 10px;
}

.truckdetail td.specsub {
	text-align: left;
	vertical-align:top;
	padding: 20px 0px 10px 10px;
}

.truckwarranty th{
	border-collapse: collapse;
	padding: 0px 0px 10px 0px;
	text-align: left;
	vertical-align:top;
	width: 250px;
}

/* Two Column Pages with Side Graphic */

#contentgraphic {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 1px;
	width: 950px;
	position: relative;
}

#contentgraphic p {
	font-size: 12px;
	line-height: 14px;
	margin: 0px 0px 14px 0px;
	color: #000;
}

#contentgraphic p a{
	color: #2b6385;
	text-decoration: none;
	border: none;
		}
	
#contentgraphic p a:hover {
	color: #2b6385;
	text-decoration: underline;
	border: none;
		}

/* Uniform Styling */

#left_graphic{
	float: left;
	width:475px;
	margin: 0px;
	padding: 0px;
}

#left_graphic .img{
	margin: 0px;
	padding: 0px;
	border: none;
	clear: left;
}

#right_graphic_content{
	float: right;
	width:380px;
	margin: 40px 50px 0px 0px;
	_margin: 40px 25px 0px 0px;
}


/* About Us Styling */
#right_graphic_content h3.about_us {
	background:#ffffff url(../images/about-us.png) no-repeat scroll 0 0;
	height:46px;
	width:222px;
	margin:0px 0px 30px 0px;
	padding:0px;
	text-indent:-9999px;
	clear: right;
}

/*Site Map Styling */

#right_graphic_content h3.site_map{
	background:#ffffff url(../images/site-map.png) no-repeat scroll 0 0;
	height:42px;
	width:243px;
	margin:0px 0px 40px 0px;
	padding:0px;
	text-indent:-9999px;
}

#right_graphic_content p.sitemap{
	margin: 0px 0px 40px 0px;
}


/*Warranty Styling */


#right_graphic_content h3.warranty {
	background:#ffffff url(../images/warranty.png) no-repeat scroll 0 0;
	height:27px;
	width:124px;
	margin:0px 0px 40px 0px;
	padding:0px;
	text-indent:-9999px;
}

.premium2000 {
	margin:0px 0px 0px 215px;
}


/*Truck & Gallery Inventory Styling */

#right_graphic_content h3.truck_inventory {
	background:#ffffff url(../images/inventory-truck.png) no-repeat scroll 0 0;
	height:27px;
	width:207px;
	margin:0px 0px 40px 0px;
	padding:0px;
	text-indent:-9999px;
}

.browsecurrent {
	margin:20px 0px 60px 0px;
}

.clientgallerycamera {
	margin:20px 0px 60px 0px;
}

.browseavailable {
	margin:10px 0px 30px 70px;
}

.browseavailablegallery {
	margin:15px 0px 0px 640px;
}

.returnclientgallery {
	margin:10px 0px 30px 60px;
}

.trucksgallery {
	margin:20px 0px 60px 0px;
}

/* email form
------------------------------------------------- */

#content_left p.invalid {
	margin-top: 20px;
	color: #DF0000;
}


form {
	margin-top: 10px;
	width: 400px;
	color: #000;
	border: none;
	text-align: left;
}

label {
	float: left;
	width: 200px;
	margin-top: 10px;
	font-size: 10px;
}

fieldset {
	border: 0;

}
legend {
	display: none;
}

input[type="text"], select, textarea {
	float: left;
	margin-top: 3px;
	width: 100%;
	padding: 3px 0px;
	background: #F5F6F2;
	color: #000000;
	border: 1px solid #c5c5c5;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input[type="text"]:focus, 
input[type="text"].focus,
select:focus,
select.focus,
textarea:focus,
textarea.focus{
  background-color: #f6fcfe;
  border: 1px solid #9db4bd;
  padding: auto;
}

input[type="submit"] {
	clear: both;
	float: none;
	background: #F5F6F2;
	border: 1px solid #c5c5c5;
	margin: 15px 0px 0px 310px;
	_margin: 15px 0px 0px 300px;
	cursor: hand;
	cursor: pointer;
}


		
/* Footer Layout and Styling*/

#footer {
	background: #2b6385 url(../images/footer-bg.png) repeat-x scroll 0 0;
	height:650px;
	clear:both;
}

	
	#footer li {
		font-size: 12px;
		color: #779bb1;
		margin: 30px 0px 0px 0px;
		line-height: 15px;
	}
	
	#footer li a{
		color: #779bb1;
		text-decoration: none;
		border: none;
	}
	
	#footer li a:hover {
		color: #779bb1;
		text-decoration: underline;
		border: none;
	}

	#footer p {
		font-size: 12px;
		line-height: 18px;
		color: #779bb1;
		margin: 0px 0px 20px 7px;
	}

		#footer p a{
			color: #779bb1;
			text-decoration: none;
			border: none;
		}
	
		#footer p a:hover {
			color: #779bb1;
			text-decoration: underline;
			border: none;
		}

	
#footer_container_main {
	position: relative;
	background: #2b6385 url(../images/footer-pagebottom.png) no-repeat scroll 0 0; 
	width: 960px;
	height: 600px;
	margin:0 auto;
	
}

#footer_container_about {
	position: relative;
	background: #2b6385 url(../images/about-footer.jpg) no-repeat scroll 0 0; 
	width: 960px;
	height: 600px;
	margin:0 auto;
}

#footer_container_sitemap {
	position: relative;
	background: #2b6385 url(../images/sitemap-footer.jpg) no-repeat scroll 0 0; 
	width: 960px;
	height: 600px;
	margin:0 auto;
}

#footer_container_warranty {
	position: relative;
	background: #2b6385 url(../images/warranty-footer.jpg) no-repeat scroll 0 0; 
	width: 960px;
	height: 600px;
	margin:0 auto;
}

#footer_container_inventory {
	position: relative;
	background: #2b6385 url(../images/inventory-footer.jpg) no-repeat scroll 0 0; 
	width: 960px;
	height: 600px;
	margin:0 auto;
}


#footer_3column {
	position: absolute;
	width: 960px;
	margin:80px 0px 0px 60px;
	
}

/* New Arrivals Footer Styling */

#footer_3column .newarrivals, #footer_3column .latest_blog, #footer_3column .follow_us {
	float: left;
	width: 220px;
}

#footer_3column .newarrivals, #footer_3column .latest_blog {
	margin: 0px 100px 0px 0px;
}

#footer_3column .newarrivals h6 {
	background:transparent url(../images/footer-newarrivals.png) no-repeat scroll 0 0;
	height:22px;
	width:131px;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-indent:-9999px;
}

#footer_3column .latest_blog h6 {
	background:transparent url(../images/footer-latestblog.png) no-repeat scroll 0 0;
	height:22px;
	width:115px;
	margin:0px 0px 20px 0px;
	padding:0px;
	text-indent:-9999px;
}

#footer_3column .follow_us h6 {
	background:transparent url(../images/footer-followus.png) no-repeat scroll 0 0;
	height:22px;
	width:100px;
	margin:0px 0px 25px 0px;
	padding:0px;
	text-indent:-9999px;
}

#footer_3column div.follow_us li.RSS{	
	background: transparent url(../images/footer-rss.png) no-repeat scroll 0 50%;
	height: 35px;
	line-height: 15px;
	padding: 0px 0px 0px 40px;	
	margin: 10px 0px 0px 0px;
}

#footer_3column div.follow_us li.emailsub{	
	background: url(../images/footer-emailsub.png) no-repeat scroll 0 50%;
	height: 35px;	
	line-height: 15px;
	padding: 0px 0px 0px 40px;	
	margin: 15px 0px 0px 0px;
}

#footer_3column div.follow_us li.twitter{
	background: url(../images/footer-twitter.png) no-repeat scroll 0 50%;
	line-height: 15px;
	height: 35px;
	padding: 0px 0px 0px 40px;
	margin: 15px 0px 0px 0px;
}
	
#footer_3column div.follow_us li.facebook{	
	background: url(../images/footer-facebook.png) no-repeat scroll 0 50%;
	height: 35px;
	line-height: 15px;
	padding: 0px 0px 0px 40px;	
	margin: 15px 0px 0px 0px;
}

/*Lower Footer*/

#footer_bottom {
	padding: 370px 40px 60px 60px;
	width: 840px;
	clear: both;
}

#footer_bottom div.bottom_left h6 {
	background:transparent url(../images/footer-ERG.png) no-repeat scroll 0 0;
	height:64px;
	width:166px;
	margin:40px 0px 10px 0px;
	padding:0px;
	text-indent:-9999px;
}

#footer_bottom .bottom_left, div#footer_bottom .bottom_right {
	float: left;
	width: 420px;
}

#footer_bottom div.bottom_right {
	text-align: right;
	margin:40px 0px 20px 0px;
	padding:0px;

}

.varve-pic {
	margin:0px 0px 75px 0px;
}