html, body { 
font-family :  Arial, Verdana, Trebuchet MS, Geneva, Helvetica, sans-serif; 
font-size : 12px; 
color: #000; 
text-align: center;
margin: 0;
}
.BKGmain { background: #eae9e6 url(/images/BKGmain.gif) repeat 0 0; }

TD { 
font-family : Arial, Verdana, Trebuchet MS, Geneva, Helvetica, sans-serif; 
font-size : 12px; 
color: #000;  
font-weight : normal;
}

img {
border: 0px;
behavior: url(includes/iepngfix.htc); /*for any pngs in IE 6*/
}

.bckWhite { background-color: #fff;}
.bckBlack{background-color: #000;}
.itemborder { border: 1px solid #999; }

.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.Hidden		{visibility: hidden;}	
.NoDisplay	{visibility: hidden; display: none;}
.Visible	{visibility: visible;}
.relative { position: relative; }

a { 
color : #336699; 
text-decoration : underline;
}	
a:hover { 
color : #333; 
}
H1{color: #610000;}
/*titles*/
.title, h1 { 
color: #660000;  /*#d3020c*/
font-family : Arial, Helvetica, sans-serif; 
font-size : 20px; 
font-weight: bold; 
margin: 0;
}

.subtitle, .subhead, h2 { 
color: #d3020c; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 13px; 
font-weight: bold; 
margin: 0;
}
.subhead a:link, .subhead a:active, .subhead a:visited 
{ 
color : #336699;
text-decoration : none; 
font-weight: bold; 
}
.subhead a:HOVER { 
color : #333; 
text-decoration : underline; 
}

h3 {
font: bold 12px Arial, sans-serif;
margin: 0;
}
.red { color: #d3020c; }
.grey { color: #606060; }
.black { color: #000; }
/*----------*/

/*Full site (hdr, content, ftr) container*/
#container{
margin: 5px auto;
width: 984px;
position: relative;
}
.dropshadowTop { background: transparent url(/images/dropshadowTop.gif) repeat; }
.dropshadowBottom { background: transparent url(/images/dropshadowBottom.gif) repeat; }
.dropshadowLeft { background: transparent url(/images/dropshadowLeft.gif) repeat; }
.dropshadowRight { background: transparent url(/images/dropshadowRight.gif) repeat; }

#subcontainer{
margin: 0;
width: 976px;
position: relative;
z-index: 2;
}
#header {
position: absolute;
top: 0px;
left: 0px;
width: 976px;
height: 125px;
z-index: 2;
}
#welcomeName {
	position: absolute;
	top: 70px;
	right: 15px;
}
#welcomeName td { color: #fff; font-size: 14px; }

/*Navigtation Styles
This starts the styles for the new CSS Navigation */
/* contains the CSSnav so that it doesn't try to double-up*/ 
#navContainer {
clear: both;
text-align: left;
height: 45px;
position: absolute;
top: 61px;
left: 176px;
z-index: 3000;
width: 604px;
}

#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style-type: none; 
	line-height: 20px; 
	z-index: 3000;
}
#nav a {
	display: block; 
	font-size: 10px;
	color: #fff;
	text-decoration: none;
	width: 100%; 
}	
#nav a:hover {
	text-decoration: none;
	color: #000;
}		
#nav li { 
	float: left;
	white-space: nowrap; 
}	
#nav li ul { 
	z-index: 3000; 
	border: 0px solid #fff; 
	padding: 5px; 
	position: absolute;
	background: #d3020c url(/images/navdropdownBKG.jpg) no-repeat 0 0; 
	width: 140px; 
	width: expression('142px'); 
	left: -999em; 
}	
#nav li ul li {
	width: 100%;
	border-bottom: 1px solid #e27771; 
}	
#nav li ul ul { 
	margin: -21px 0 0 140px; 
}	
#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em; 
}	
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { 
	left: auto; 
}

div#content {
width: 976px;
margin: 0;
padding-top: 106px;
background: #fff url(/images/BKGHomePage.jpg) no-repeat 0 106px;
z-index: 1;
text-align: left;
}

#contentInner {
	width: 406px;
	margin: 48px auto 40px 176px;
	position: relative;
	float: left;
	z-index: 5;
}

#contentInnerCreditApp {
	width: 713px;
	margin: 48px auto 40px 33px;
	position: relative;
	z-index: 5;
}

#contentInnerGarage {
	width: 913px;
	margin: 48px auto 40px 33px;
	position: relative;
	z-index: 5;
}

.rightsidebuttons {
	float: right;
	width: 205px;
	margin-right: 20px;
	margin-top: 75px;
	position: relative;
	z-index: 5;	
}
* html .rightsidebuttons {margin-right: 10px;}

#frontbuttons {
	float: left;
	margin-top: 277px;
	margin-left: 2px;
}

.dropshadowcontainer {
	position: relative;
	width: 182px;
	height: 112px;
}
.dropshadowbump {
	position: absolute;
	top: 4px;
	left: 4px;
}


.footertable td, .footertable td a {
	font: normal 9px Arial, sans-serif;
	color: #606060;
	text-decoration: none;
	text-align: left;
	/*padding-bottom:20px;*/
}
.footertable td a:hover { color: #0066cc; }
.footertable h1 {
	font: bold 11px Arial, sans-serif;
	margin: 0;
	margin-bottom: 5px;
	color: #606060;
}
.footertable .blue {
	font: bold 14px Arial, sans-serif;
	margin: 0;
	color: #0066cc;
}
.footertable tr.noPad { margin-bottom: -10px; }
.footertable tr.noPad td, .footertable tr.noPad td a { padding-bottom: 0; }
.bottomtable td, .bottomtable td a {
	font: normal 10px Arial, sans-serif;
	color: #999;
	text-decoration: none;
}

/*Form Elements*/
.textfieldLG {
	color: #000;
	padding-left: 3px;
	width:172px; 
}
.textfieldLG2 {
	color: #000;
	padding-left: 3px;
	width:135px; 
}
.textfieldMDLG {
	color: #000;
	padding-left: 3px;
	margin-right: -3px;
	width:76px; 
}
.textfieldMD {
	color: #000;
	padding-left: 3px;
	margin-right: -3px;
	width:43px; 
}
.textfieldSM {
	color: #000;
	padding-left: 3px;
	width:26px; 
}
select { 
	border: solid 0 #fff;
	color: #000;
    background-color: #fff;
}
select option {
     background-color: #fff;
}
.selectSM {
	padding-left: 3px;
	height:auto;
	width:70px; 
	background: #fff;
	border: 1px solid #8a8a8a;
	/*background: transparent url(/images/selectBKG_sm.gif) no-repeat;*/
}
.selectMD {
	padding-left: 3px;
	height:auto;
	width:180px; 
	background: #fff;
	border: 1px solid #8a8a8a;
	/*background: transparent url(/images/selectBKG_sm.gif) no-repeat;*/
}
.selectLG {
	padding-left: 3px;
	height:auto;
	width:300px; 
	background: #fff;
	border: 1px solid #8a8a8a;
	/*background: transparent url(/images/selectBKG_sm.gif) no-repeat;*/
}
/*---------------------*/

#GarageContentsInner h2{
	color:#000;
	font-size:18px;
	font-family : Frutiger, "Frutiger Black", Arial, Verdana, Helvetica, sans-serif; 
	font-weight:bold !important;
	margin-bottom: 20px;
	border-bottom: 1px solid #6d6d6d;
}
#GarageContentsInner h3 {
	margin: 5px auto 0px 10px;
	color:#000;
	font-size:14px;
	font-family : Frutiger, "Frutiger Black", Arial, Verdana, Helvetica, sans-serif; 
	font-weight:bold !important;
	text-transform: uppercase;
}
#GarageContentsInner td {
	font-size: 10px;
	color: #000;
	font-weight: bold;
}
#GarageContentsInner td a{
	text-decoration: underline;
	color: #cc0000;
}
#GarageContentsInner td a:hover{text-decoration: none;}
#GarageContentsInner hr {
	margin: 10px;
}

.smArrows { 
	float: right; 
	width: 200px;
	height: 22px;
	margin: 5px 10px 0 auto;
	text-align:right;
	font-size: 14px;
}

.iconX {
	position: absolute;
	top: 5px;
	left: -5px;
}

div.scroll {
	height: 190px;
	width: 290px;
	overflow: auto;
	padding: 5px;
	border: 1px solid #3b2622;
}
#vehicleOptions { 
	float: left; 
	width: 285px; 
	height: 190px;
	overflow: hidden;
}
#vehicleOptions dl {
	clear:both;
	width:100%;
	margin:0;}
#vehicleOptions dt {
	margin-bottom: 0px; }
#vehicleOptions dd {
	width:50%; 
	float:left; 
	margin:0;}
 #vehicleOptions li { 
	 margin-left: -25px; 
	 font-size: 10px;
	 list-style: square;
 }
 
 #StandardOptions { 
	float: left; 
	width: 500px; 
	height: 200px;
	overflow: hidden;
}

#StandardOptions dl {
	clear:both;
	width:100%;
	margin:0;}
	
#StandardOptions dt {
	margin-bottom: 0px; }
	
#StandardOptions dd {
	width:50%; 
	float:left; 
	margin:0;}
	
 #StandardOptions li { 
	 margin-left: -45px; 
	 font-size: 10px;
	 list-style: none;
 }
 
 #scrolltrack1 {
 	float: left;
	width: 15px;
	height: 190px;
	margin-left: 10px;
	background: url(/images/scrollbartrack.png) repeat-y;
}
#scrolltrackHandle1 {
	width: 15px;
	height: 15px;
	background: url(/images/scrollbarhandle.png) no-repeat;
	cursor: n-resize;
}
/*-------------------*/

/*Calculater styles*/
tr.odd { background: #3d1f1f; }
/*-------------------*/

/*DisplayContent Page Styles*/
.paddedContent5 {
width: 1018px;
height: 609px;
margin: 100px 280px auto;
}
#displayContentWrap { 
	float: left; 
	width: 990px; 
	height: 609px;
	overflow: hidden;
	margin-top: 5px;
}
 #scrolltrack2 {
 	float: left;
	width: 15px;
	height: 609px;
	margin-left: 10px;
	background: url(/images/scrollbartrack.png) repeat-y;
}
#scrolltrackHandle2 {
	width: 15px;
	height: 15px;
	background: url(/images/scrollbarhandle.png) no-repeat;
	cursor: n-resize;
}

