/* CSS Document 			*/
/* Author: Douglas Rogers 	*/
/* Date: September 2, 2008 	*/

/* Modified April 18, 2011 by Patrick Walker */


body,div.main {	background-color: #133d7c;	padding: 0;	margin: 0;		background-color: #133d7c;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	color: #222222;}


div.container {
	width: 1010px;
	background-color: #FFFFFF;
	background-image: url(/images/bg-tile.jpg);
	background-repeat:repeat-y;
	height: 100%;
	text-align: left;
}

div.masthead{
	width: 1010px;
	height: 100px;
	//background-image: url(/images/masthead1.jpg);
	//background-repeat: no-repeat;
}

div.menu{
	width: 1010px;
	height: 50px;
	background-image: url(/images/truck1.jpg);
	background-repeat: no-repeat;
}

	.menu .home{
		width: 170px;
		height: 50px;
		float: left;
		margin-left: 320px;	
	}
	
	.menu .inventory{
		width: 170px;
		height: 50px;
		float: left;
	}
	
	.menu .specials{
		width: 166px;
		height: 50px;
		float: left;
	}	

	.menu .contactus{
		width: 184px;
		height: 50px;
		float: left;
	}


div.submasthead{
	width: 1010px;
	height: 15px;
	background-image: url(/images/submasthead1.jpg);
	background-repeat: no-repeat;
}

div.content{
	width: 100%;
	padding: 15px;
	
}

div.home-main div.specials-main{
	width: 950px;
	margin-right:20px;
}


div.footer{
	width: 1010px;
	height: 150px;
	//background-image: url(/images/footer.jpg);
	//background-repeat: no-repeat;
	text-align: center;
	font-size: 10px;
	color: #133d7c;
}	

div.footer-disclaimer{
	width: 1010px;
	height: 35px;
	background-image: url(/images/commercial-wrapper.jpg);
	background-repeat: repeat-y;
	text-align: center;
	font-size: 10px;
	color: #133d7c;
	height: 100px;
}	
	

div.clear{ 
	clear: both;
}


table.inventory-data{
	height: 170px;
}	
	
p{
	padding: 5px 15px 5px 5px;
	margin-right: 10px;
}

.small {
	font-size: 75%;
}	

.very-small {
	font-size: 60%;
}	
	
.contact-info p{
	font-size: 120%;
	font-weight: bold;
	text-align:left;
	color: #133d7c;
}	
	
/* A Tags */	
a, a:visited {
	color: #133d7c;
	text-decoration: none;
	font-weight: bold;
}	

a:hover, a:active{
	text-decoration: underline;
}

	
a img {
	border: 0;
}

h1 {
	color: #133d7c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/*  HR  */

hr{
	width: inherit;
	height: 2px;
	margin: 5px 30px 5px 30px;
	background-color: #133d7c;
	border-color: #133d7c;
}


div.associations{
	text-align: left;
	width: 320px;
}

div.associations ul li strong{
	font-size: 120%;
	color: #133d7c;
}

/* IMG Tags */

img.float-left{
	float: left;
	padding: 5px;

}

img.float-right{
	float: right;
	padding: 5px;
	margin-right: 20px;
}

/* DL,DT,DD Tags */

.contact-info {
	padding: 5px;

}

.flash-box-home{
	 float:left; 
	 padding-left: 7px;
}

.contact-info dl{
	background-image: url(/images/contact-info-bg.jpg);
	background-repeat: no-repeat;
	margin-left: 10px;
	width: 300px;
	height: 90px;
	padding: 5px;
 
}

dt{
	font-weight: bold; 
	color: #133d7c;
	font-size: 120%; 
	padding: 5px 0 0 5px;
	 
}
 
dd{   
	position: inherit; 
	padding-left: 10px;
	text-align: left; 
	
}

dd.title{
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* FEATURED Vehicles/SLIDESHOW (on home page) */


#slideshow-content{ height: 120px; margin-left: 340px;}

.slide { margin-left: 0px; }

.slide-content{ margin-left: 0px; }

.footer-slide { margin-left: 0px; }

.featured-vehicles-header{ margin: 0; padding: 0 0 0 50px;; float: none}

.featured-vehicle-home{
	text-align: center;
	/*margin-left: 300px;*/
}



.featured-vehicle-home table{
	width: 590px;
	
	border: 1px solid black;
	margin-bottom: 10px;
}
.featured-vehicle-home p{ /* for 0 returns case */
	padding-left: 300px;
	font-size: 120%;
	font-style: italic;
}

.fvImage{
	width : 135px;
	border-right: 1px solid black;
}

.fvHeader{
	height: 30px;
	background-image: url(/images/inv-header-bg.jpg);
	background-repeat: repeat-x;
	
	color: #ffffff;
	font-weight:bold;
	padding-left: 10px;	
}



.fvMiddle{
	height: 33px;
	text-align: right;
	padding-right: 10px;
	padding-left:30px;
}

.fvMiddle .fvValueTbl{
	width: auto;
	border: 0;
	padding: 10px;
}

.fvValueTbl .bottomRow td{
	border-top: 1px solid black;
	font-weight: bold;
}

.fvLbl{
	text-align: right;
}
.fvPrice{
	color: #133d7c;
	font-size: 150%;
}

.fvData{
	text-align: left;
}

.fvButton{
	text-align: right;
}
/* INVENTORY Tags */


div.inventory-main{
	text-align: center;

}

div.js-inventory{
	text-align: center;
	width: 930px;
	margin-left: 30px;
}

div.inventory-item{
	width: 450px;
	margin: 15px 5px 5px 5px;
	border: 1px solid black;
	float: left;
}
.invHeader{
	height: 30px;
	background-image: url(/images/inv-header-bg.jpg);
	background-repeat: repeat-x;
	
}

/* doesn't set A to white in Google Chrome, for some reason. i set it manually inline */
.invHeader a, .invHeader a:hover, .invHeader a:active{
	color: #ffffff;
	text-decoration: none;
}

.invHeader a:hover{
	font-style: italic;
}

.invDataLbl{
	text-align: right; 
	font-weight: bold;
	padding-right: 10px;
	height: 30px;	
}
 
.invData{
	text-align: left;
	font-style: italic;
}
 
.inv-image td{
 	height: 25px;
}
 
.inv-image td img {
	border: 1px solid black;
	margin: 5px;
}

.inv-buttons td{
	border-top: 1px solid black;
	vertical-align:bottom
}

/* SPECIALS Tags */


div.special-item{
	float: left;
	margin: 3px;
	border: 1px solid black;
	width: 320px;
	height:700px;
}

div.special-info table{
	padding-left: 40px;
}

div.special-info .fvValueTbl .fvPrice{
	text-align: right;
}

.special-item .vehicle-image{
	border-bottom: 1px solid black;
}

.special-title{
	height: AUTO;
	background-color: #1c55ac;
	/*
	background-image: url(/images/inv-header-bg.jpg);
	background-repeat: repeat;
	*/
	border-bottom: 1px solid black;
	
	color: #ffffff;
	font-style: italic;
	font-weight: bold;
	font-size: 120%;
	
	text-align: center;
	padding-top: 5px;
}

.special-comments{
	height: 200px;
}

.special-buttons .inv-buttons td,.special-buttons .inv-buttons{
	height:40px;
	padding: 0;
	margin: 0;
}

.offer-quote-main {
	text-align:center;
}

/* CONTACTUS Tags */

div.contactus-main{
	text-align: center;
	width: 600px;
	margin-left: 200px;
}

form.contactus{

}
table.input-table td.label{
	font-size: 125%;
	font-weight: bold;
	text-align: right;
}

table.input-table td h3{
	color: #133d7c;
	font-size: 150%;
}
 
input {
	background-image: url(/images/input-bg.jpg);
	background-repeat: repeat-x;
	height: 22px;
	border: 1px solid black;
	padding-left: 10px;
	
	font-size: 125%;
	font-family: Georgia, "Times New Roman", Times, serif;
}

textarea{
	background-image: url(/images/input-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid black;
	
}

/* DETAILS Tags */

div.details-main{

}

.details-main-image{
	border: 1px solid black;
	margin: 0 10px 10px 10px;
}

table.details-bottom{
	width: 850px;
}

table.details-bottom td{
	border: 1px solid #133d7c;
}


.details-options .header{
	background-image: url(/images/options-header.jpg);
	background-repeat: no-repeat;
	height: 42px;
	border-bottom: 1px solid #133d7c;
}

.details-link{
	height: 50px;
}

.details-comments .header{
	background-image: url(/images/more-info-header.jpg);
	background-repeat: no-repeat;
	height: 42px;
	border-bottom: 1px solid #133d7c;
}

ul.options-list{
	margin: 5px;
	padding: 0;
	float: left;
	width: 270px;
}
ul.options-list li{
	background-image: url(/images/check.jpg);
	background-repeat: no-repeat;
	list-style: none;
	line-height: 20px;
	text-align: left;
	padding: 0 0 3px 30px;
	margin: 0;
}

.detDataLbl{
	background-image: url(/images/inv-header-bg.jpg);
	background-repeat: repeat-x;
	text-align: right;
	line-height: 15px;
	font-weight: bold;
	padding: 3px 5px 3px 5px;
	margin: 0;
	color: #FFFFFF;
	border: 1px solid black;
}

.detData{
	text-align: left;
}

.detDetails{
	vertical-align: top;
	border: 1px solid #133d7c;
	padding: 5px;	
}

div.inv-thumbs{
	width: 850px;
}

img.inv-thumb{
	border: 1px solid black;
}

/* OFFER/QUOTE Tags */

div.offer-quote-item{
	/* float: left; */
	/* margin: 80px 3px 3px 3px; */
	border: 1px solid black;
	width: 320px;
}