/*GENERAL ELEMENTS*/
html, body { 
font-family :  Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size : 10pt; 
color: #000000; 
text-align: center;
}

/*Full site (hdr, content, ftr) container*/
#container{
margin: 0 auto;
text-align: left;
width: 960px;
position: relative;
background-color: #fff;
}

TD { 
font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size : 10pt; 
color: #000000;  
font-weight : normal;
}

img {
border: 0px;
}

.bckWhite { 
background-color: #FFFFFF; 
}

.bckBlack{
background-color: #000;
}
	
b { font-weight: bold; }

.Hidden		{visibility: hidden;}	
.NoDisplay	{visibility: hidden; display: none;}
.Visible	{visibility: visible;}		

a { 
color : #152270; 
text-decoration : none; 
}

a:HOVER { 
color : #ccc; 
text-decoration : underline;
}

.small { 
color: #fff; 
font-size : 10px; 
font-weight : normal; 
}

a.small {
color: #fff;
font-family: Trebuchet MS, Arial,Verdana, Geneva, Helvetica, sans-serif;
text-decoration : none;
}

a.small:HOVER {
color: #666;
text-decoration: none;
}

a.small:HOVER img {
text-decoration: none;
}


.title { 
color: #000; 
font-size : 13pt; 
font-weight: bold; 
}

.subtitle { 
color: #666666; 
font-size : 12pt; 
font-weight: bold; 
}

.subhead, .subhead a:link, .subhead a:active, .subhead a:visited { 
color: #c00; 
font-size: 13px; 
font-weight: bold; 
text-decoration: none; 
}

.subhead a:HOVER { 
color: MediumBlue; 
text-decoration: underline; 
}

/*for News pop up*/
.bckDkGray {
background: #999 url(/images/bckNav.gif) repeat-x 0 0;
}

.pop { 
font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size: 11pt; 
color: #000000;  
font-weight: normal;
}

.bckPopUp1 { 
background-color: #FFFFFF; 
background-image: url(/images/bckPopup.jpg); 
background-repeat: no-repeat; 
}

/*END GENERAL ELEMENTS*/


/*HEADER & FOOTER*/
#header {
text-align: left;
background: #110540;
/*padding: 5px 0px;*/
width: 960px;
position: relative;
height: 80px;
z-index: 99;
}

/*logo image*/
#logo{
margin: 0;
position: absolute;
}

#addressBelowLogo {
position: absolute;
color: #fff; 
font-size: 10pt;
font-weight: bold;
top: 150px;
left: 10px;
text-align: center;
width: 450px;
height: 125px;
overflow: hidden;
z-index: 100;
}
html #addressBelowLogo{top: 130px;}

#addressBelowLogo a{
color: #fff;
text-decoration : none;
}

#addressBelowLogo a:HOVER {
color: #666;
text-decoration: none;
}

#twitter {
position: absolute;
left: 20px;
top: 160px;
z-index: 1000;
}

#manuBtns{
text-align: center;
position: absolute;
left: 260px;
top: 15px;
}

#footer{
position: relative;
width: 960px;
margin: 0 auto;
padding-top: 0;
color: #000;
text-align: left;
font-size: 8pt;
top: 115px;
}
*html #footer{top: 0;}

#footer a{
color: #99ccff;

}

#footer a:hover{
text-decoration: underline;
}

#ftrAddress{
float: right;
text-align: right;
color: #fff;
}

.hours {
float: left;
margin-right: 20px;
color: #fff;
}

.serving {
float: left;
width: 580px;
margin-right: 20px;
color: #fff;
}

/*END HEADER & FOOTER ELEMENTS*/

/*HOME PAGE STYLES*/
#hmContent {
margin: 0 auto;
background-color: #110540;
width: 960px;
text-align: left;
}

#hmContent img {
behavior: url(includes/iepngfix.htc); /*for any pngs in IE 6*/
}

#minis {
float: left;
width: 420px;
margin: 150px 0 0 20px;
padding-left: 10px;
text-align: center;
}

#minisTable a {
text-decoration: none;
font-size: 8pt;
}

#minisTable td {
padding-right: 10px;
padding-top:10px;
}

#cars{
float: right;
width: 490px;
height: 320px;
}

#creditButton {
position: absolute;
top: 110px;
right: 15px;
}

#creditButton2 {
position: absolute;
top: 430px;
right: 15px;
}

#rotateImages {
position: absolute;
top: 190px;
right: 15px;
}

/*goes along with large cars*/
#hmCar_text {
font-size: 8pt;
color: #333;
text-align: right;
width: 75px;
margin-top: -200px; /*pushes text up w/o moving image down*/
}

/*Buttons & Welcome container (bottom half)*/
#hmBottom {
position: relative;
background: #110540 url(/images/bckBottom.jpg) bottom right no-repeat;
/*height: 398px;  -- for one video */
height: 480px;
width: 960px;
clear: right;
top: 115px;
}

*html #hmBottom{top: 0;}

#welcome {
font: normal 9.5pt/1.25em Trebuchet MS, Arial, Verdana, sans-serif;
color: #000;
/*width: 255px;*/
width: 291px;
height: 360px;
text-align: right;
position: absolute;
top: 50px;
left: 30px;
background: url(/images/welcomeBKG.png) no-repeat;
}

#welcomeText {
position: absolute;
height: 278px;
width: 255px;
overflow: hidden;
text-align: left;
top: 35px;
left: 15px;
}

/*for "Read More" link*/
.more a {
position: absolute;
color: #666666;
font-size: 8pt;
text-decoration: underline;
right: 10px;
top: 318px;
}

#hmButtons{
width: 360px;
text-align: center;
position: absolute;
left: 320px;
top: 20px;
}

#video{ 
text-align: center;
width: 250px;
height: 441px;
padding-top: 15px;
position: absolute;
right: 20px;
top: 20px;
background: transparent url(/images/bckVideo.png) top left no-repeat;
behavior: url(includes/iepngfix.htc); /*for any pngs in IE 6*/
}
#video p object, #video p embed { width: 228px !important; height: 186px !important; }

#address{
position: absolute;
/*right: 22px;
top: 280px;*/
right: 300px;
top: 340px;
width: 230px;
font: normal 8pt/1.3em Trebuchet MS, sans-serif; 
text-align: right;
color: #fff;
}

#address a{
color: #99ccff;
}

/*END HOME PAGE STYLES*/

/*NAVIGATION*/
/* contains the CSSnav so that it doesn't try to double-up*/ 
#navContainer {
position: absolute;
right: 0px;
text-align: left;
height: 80px;
width: 636px;
z-index: 9000;	
background: #fff url(/images/bckNav.gif) bottom left no-repeat;
}

#nav, #nav ul { 
margin: 0px 10px; /*a negative number cancels ul indentation*/
margin-top: 0px;
list-style-type: none;
}
html>body #nav, #nav ul { position: relative; margin-left:-30px; }

#nav li { 
float:left;
white-space: nowrap; 
display: inline;
width: 75px;
}

/*individual btns that need different styling*/
#nav #home {
width: 50px;
}

#nav #inventory {
width: 82px;
}

#nav #finance {
width: 68px;
}

#nav #specials {
width: 68px;
}

#nav #service {
width: 68px;
}

#nav #parts {
width: 55px;
}

#nav #dealer {
width: 90px;
}


#nav #clearance {
width: 135px;
}

#nav #staff {
width: 115px;
}


/*for top level links (not drop down)*/
#nav a.top {
display: block; 
text-decoration: none;
text-align: center;
text-transform: none;
font: bold 10pt Trebuchet MS, Arial,Verdana, Geneva, Helvetica, sans-serif;
color: #fff;
height: 80px;
max-height: 30px; /*for firefox (adds padding to height)*/
padding-top: 50px;
border-right: 1px solid #193070;
}

/*nav over state*/
#nav a:hover {
background: #110540;
text-decoration: none;
color: #fff;
}

/*drop down list*/
#nav li ul { 
margin: 0px;
z-index: 9999; 
border: 2px solid #fff; 
border-top-style: none;
border-bottom-style: none;  
padding: 0px; 
position: absolute;
background: #ececec; 
width: 140px;
left: -999em; 
}

/*for wider drop down lists*/
#nav li ul.wider{
width: 160px;
}

/*drop down list items*/
#nav li ul li {
border-bottom: 1px solid #fff;
border-right: 0px;
width: 100%;
}

/*drop down links*/
#nav li ul li a {
display: block;
font: bold 9pt/2em Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif;
color: #000;
text-align: left;
border: 0px;
text-transform: none;
letter-spacing: normal;
height: 25px;
}

#nav li ul li a:hover {
background: #d3d4dc; 
text-decoration: none;
color: #000;
}

#nav li ul ul { 
margin: -25px 0 0 136px; 
}

html>body #nav li ul ul { 
margin: -25px 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; 
}
/*END NAVIGATION*/


/*Vehicle Specials*/
.invWhiteTitle { color: #ffffff; font-family : Trebuchet MS, Arial, Verdana; font-size : 14pt; font-weight: bold; }
.invSpcBck		{ background-color: #99cccc;}
.invSpcHdr	  { color: #007CC2; font-family : Trebuchet MS, Arial, sans-serif; font-size : 13.5pt; font-weight: bold; }
.invSpcText	  { color: #fff; font-family : Trebuchet MS, Arial, sans-serif; font-size : 10pt; font-weight: bold; }	
.invSpcPrice  { color: #cccc66; font-family : Trebuchet MS, Arial, sans-serif; font-size : 11pt; font-weight: bold; }
.invSpcBorder { border: 1px solid #000; background-color: #660000; float: none;  }
.invSpcHdrBck { border-bottom: 1px solid #333; background-color: #000; text-align: center; }
.invSpcTableCellHor { border-right: 1px solid #000; }
.invSpcTableCellVer { border-bottom: 1px solid #000; }
.invSpecialTitle { font: 14px Garamond, Times, Times New Roman, serif; color: #fff; }

/*close btn for LGCoupons*/
.invBckBox{background-color: #fff;}