img { behavior: url(includes/iepngfix.htc) }  /* requires this line, the script, and also the /images/blank.gif */ 

body {
	margin: 0;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;/* font sizing in ems, baby. if you want to change anything, just change this.*/
	/*funny thing happens at 75% and lower. opera goes to a nice small size, but moz and ie pc change almost not at all. seems 76% is as small as you can go and stay the same across browsers. poop.*/
	color: #000;
	background-color: #000000;
	}
#content {
	margin: 0em;
	background-color: #c00010;
	color:#FFFFFF;
	padding: 5px 20px;/* use padding instead of margin for multicolumn layouts because of a really odd ie5pc bug where it sometimes relates the width of an unrelated menu div to this div. i'll, uh, write about that somewhere. it was hard to figure out what was causing it, so i want this note here to remind me. */
	}
	
.wrapper {
	margin:0 auto;
	padding-bottom:1px;
	background:url(/images/background.jpg);
	background-color: #C00010;
	background-position:bottom left;
	background-repeat:no-repeat;
	width:860px;
	position:relative;
}

div.feature{
	background:url(/images/featureBG.gif);
	float:left; 
	padding:9px;
	width:186px; 
	height:141px;
}

div.feature img{
	width:184px;
	height:138px;
	border:1px solid #fff;
}

div.featureTxt{
	background:url(/images/featureTxtBG.gif);
	float:left; 
	width:204px; 
	height:23px; 
	font-size:1.1em;
	padding-top:5px;
	margin-top:5px;
	background-position:center;
	background-repeat:no-repeat;
	text-align:center;
}

div.featureTxt a, div.featureTxt a:visited{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	color:#000;
	text-decoration:none;
}

div.featureTxt a:hover{
color:#000;
	font-style:italic;
	text-decoration:none;
}


/* locations styles (locations.cfm) */
table.hours {
	border-color: #000000;
	border-width: 1px;
	border-style: solid;
	border-collapse: collapse;
	width: 100%;
}

table.hours tr td.hours {
	background:#FFFFFF;
	border: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-left: 10px;

	font-family: arial;
	font-size: 11px;
	text-align: left;
	clear: both;
	color: #000000;
}

table.hours tr th.hours {
	border: 1px solid #000000;
	background:#000000;
	margin: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	font-family: arial;
	font-size: 9pt;
	text-align: left;
	color: #FFFFFF
}
/* EOF locations styles */

/*OurTeam Styles*/
.ourTeamDiv{
	margin: 0 0 3px 5px;
	padding: 7px 0 7px 0;
	width: 98%;
	border-bottom: 1px solid #999999;
}

.ourTeamImg{
	margin: auto 5px 20px 0;
	float: left;
}


/* Details styles */

	
	.textareadetails
{
    	BORDER-RIGHT: #5F8AC5 2px solid;
    	BORDER-TOP: #5F8AC5 1px solid;
	FONT-FAMILY: verdana, arial;
	FONT-WEIGHT: normal; 
    	FONT-SIZE: 11px;
    	BORDER-LEFT: #5F8AC5 1px solid;
    	COLOR: #000000;
    	BORDER-BOTTOM: #5F8AC5 2px solid;
    	BACKGROUND-COLOR: #FFFFFF
}


.vehicleheader
{
	font-family: Verdana; 
	font-weight: bold; 
	font-size: 10pt; 
	color: white; 
	padding: 5px
}

.vehicleretailprice
{
	font-family: Verdana;
	font-weight: normal; 
	font-size: 8pt; 
	color: #000000; 
	padding: 2px
}

.vehicleprice
{
	font-family: Verdana;
	font-weight: bold; 
	font-size: 12pt; 
	color: #FF0012; 
	padding: 2px
}


.detailheaders 
{
	font-family: Verdana; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 9pt; 
	color: #FFFFFF; 
	padding: 5px
}

.detailtext
{
	font-family: Verdana; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 9pt; 
	color: #FFFFFF; 
	padding: 10px;
}

.accessories{
text-align:left;
}

.detailspecs
{
	font-family: Verdana; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 8pt; 
	color: #FFFFFF; 
	text-align:left;
	padding: 3px
}

.detailspecial
{
	font-family: Verdana; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 8pt; 
	color: #FF4800; 
	padding: 3px
}


.mileagetext2 
{	
	font-style: normal; 
	font-weight: normal; 
	font-family: arial; 
	font-size: 8pt; 
	color: #FFFFFF; 
	padding: 5px
}

.similarvehicles 
{	
	font-style: normal; 
	font-weight: normal; 
	font-family: arial; 
	font-size: 7pt; 
	color: #FFFFFF; 
	padding: 2px
}

.headerformtext
{
	font-family: Verdana; 
	font-style: normal; 
	font-weight: bold; 
	font-size: 10pt; 
	color: #FFFFFF; 
	padding: 10px
}

.detailformtext
{
	font-family: Verdana; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 8pt; 
	color: #FFFFFF; 
	padding: 3px
}

.formheaders {
	text-decoration:none; 
	font-weight:bold;
	font-size:9pt;
	color: #fff;
	border-bottom:1px solid #fff;
	padding: 3px;
	text-align:left;
  }

.bodytext 
{
	text-decoration:none; 
	font-family:verdana, arial; 
	font-weight:normal; 
	font-size:9pt; 
	color: #ffffff;
	padding: 5px;
}


.bodytextwhite 
{
	text-decoration:none; 
	font-family:verdana, arial; 
	font-weight:normal; 
	font-size:9pt; 
	color: #FFFFFF;
	padding: 5px;
}

.required 
{
	text-decoration:none; 
	font-family:verdana, arial; 
	font-weight:normal; 
	font-size:9pt; 
	color: #ffff00;
	padding: 5px;
}

.hours
{
	font-family: Verdana; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 8pt; 
	color: #FFFFFF; 
	padding: 2px
}


.vehicleno
{
	font-family: Verdana, Arial; 
	font-style: normal; 
	font-weight: normal; 
	font-size: 7pt; 
	color: #FFFFFF;
	padding: 8px
}

.shwrmImg{
border:1px solid #fff;
width:135px;
height:101px;
margin:4px 8px;
}
/* EOF Details Styles */


/*the following classes are to demonstrate better line heights for narrow columns*/	
.narrow1{
	width: 50%;
	line-height: 1.3em;
	}
.narrow2{
	width: 50%;
	line-height: 1.5em;
	}
		
/*typography*/
a {color: #0000ff; text-decoration:none;}     /* unvisited link */
a:link {color: #0000ff}     /* unvisited link */
a:visited {color: #0000ff}  /* visited link */
a:hover {color: #0000ff; text-decoration:underline;}   /* mouse over link */
a:active {color: #0000FF}   /* selected link */

h1 {
	font-size: 1.2em;
	font-weight: bold;
	color:#FFFFFF
	}
h2 {
	font-size: 1.7em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.4em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: normal;
	}
h4 {
	font-size: 1.2em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h5 {
	font-size: 1.0em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
h6 {
	font-size: 0.8em;
	margin: 1.2em 0em 1.2em 0em;
	font-weight: bold;
	}
img {
	border: 0;
	}

p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}
li > p {
	margin-top: 0.2em;
	}
pre {/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/
	font-family: monospace;
	font-size: 1.0em;
	}
strong, b {
	font-weight: bold;
	}