/*GENERAL ELEMENTS*/
html, body { 
font-family :  Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size : 10pt; 
color: #fff; 
text-align: center;
}

#clear { clear: both; }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }

/*Full site (hdr, content, ftr) container*/
#container{
margin: 0 auto;
text-align: left;
width: 960px;
position: relative;
}

TD { 
font-family : Trebuchet MS, Arial, Verdana, Geneva, Helvetica, sans-serif; 
font-size : 10pt; 
color: #000;  
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 : #707276; 
text-decoration : none; 
}
a:HOVER { 
color : #ccc; 
text-decoration : underline; 
}

a:visited { 
color : #ccc; 
text-decoration : underline; 
}

.title { 
color: #000; 
font-size : 14pt;
}

.subtitle { 
color: #666666; 
font-size : 12pt; 
font-weight: bold; 
}

.subhead, .subhead a:link, .subhead a:active, .subhead a:visited { 
color: #333; 
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; 
}

.small { 
color: #666666; 
font-size : 8pt; 
font-weight : normal; 
text-decoration : none; 
}

/*END GENERAL ELEMENTS*/


/*HEADER & FOOTER*/
#header {
text-align: left;
background: #fff url(/images/contentBck.gif);
/*padding: 5px 0px;*/
width: 960px;
position: relative;
height: 250px;
z-index: 99;
}

/*logo image*/
#logo{
margin-left: 0px;
margin-top: 0px;
position: absolute;
}

#buttons {
margin-top:100px;
margin-right:10px;
float:right;
}

#buttons img { margin:-3px; behavior: url(includes/iepngfix.htc);}

#footer{
width: 960px;
margin: 0 auto;
padding-top: 0px;
color: #fff;
text-align: left;
font-size: 8pt;
}

#footer a{
color: #F6DC05;

}

#footer a:hover{
text-decoration: underline;
}

#ftrAddress{
float: right;
text-align: right;
}

.hours {
float: left;
margin-right: 20px;
}

/*END HEADER & FOOTER ELEMENTS*/

/*HOME PAGE STYLES*/
#hmContent{
margin: 0 auto;
background-color: #ffffff;
width: 960px;
text-align: left;
}

#hmContent img {
behavior: url(includes/iepngfix.htc); /*for any pngs in IE 6*/
}

#minis {
float: left;
width: 420px;
margin: 20px 0px 0px 20px;
padding-left: 0px;
}

*html body #minis { margin-left: 10px; width: 454px;}

#minisTable a {
text-decoration: none;
font-size: 8pt;
}

#minisTable td {
padding-right: 5px;
}

#cars {
margin-top: 5px;
float: right;
text-align: center;
width: 490px;
height: 300px;
}
#cars object, #cars embed { width: 449px !important; height: 275px !important; }
#cars p { margin: 0 auto; }

.videoContainer { float: left; width: 300px; height: 209px; margin-right: 10px; margin-bottom: 50px;text-align: center; }
.videoContainer + .videoContainer + .videoContainer { margin-right: 0; }
.videoContainerTitle {
height: 35px;
overflow: hidden;
}
.videoContainer object, .videoContainer embed { width: 300px !important; height: 184px !important;}
.videoContainer p { margin: 0; }

#soon {
position: absolute;
margin-right: 5px;
}

/*goes along with large cars*/
#hmCar_text{
font-size: 8pt;
color: #333333;
font-weight: bold;
text-align: right;
width: 75px;
margin-top: -250px; /*pushes text up w/o moving image down*/
margin-left: 350px;
}

/*Buttons & Welcome container (bottom half)*/
#hmBottom{
position: relative;
height: 250px;
width: 960px;
background-color: #fff;
clear: right;
margin-bottom: 20px;
}

#leftBox {
float: left;
font: normal 9.5pt/1.25em Trebuchet MS, Arial, Verdana, sans-serif;
margin-left: 30px;
color: #000;
width: 460px;
text-align: center;
clear: both;
}

*html body #leftBox { margin-left: 10px; width: 454px;}

#leftBox img { margin: 0px; }

#welcomeText {
height: 130px;
width: 440px;
overflow: auto;
text-align: left;
margin-top: 8px;
}

*html body #welcomeText { width: 460px; height: 160px; }

#textLink {
position: absolute;
width: 290px;
text-align: left;
font-size: 12px;
top: 295px;
left: 15px;
}

#more {
width: 80px;
margin-top: 15px;
}

.more a{
color: #f60;
text-decoration: underline;
}

#middleBox {
position: relative;
float: left;
width: 305px;
height: 325px;
}

#videoTitle {
width: 305px;
height: 42px;
line-height: 42px;
color: #fff;
background: url(/images/videoHdr.gif) no-repeat 0 0;
}

#video {
height: 283px;
background: url(/images/bckVideo.gif) repeat-y;
text-align: center;
}

#video img {
margin-bottom: 15px;
}

a.videoLink{
text-align: right;
background: transparent url(/images/bckVideoLink.gif) center right no-repeat;
}

#rightBox {
float: left;
width: 294px;
margin-left: 19px;
color: #000;
}

.btnAdjustRt {
margin-right: 7px;
}

.btnAdjustTop {
margin-top: 10px;
}

/*For Video Archive*/
#headline0, #headline1,#headline2,#headline3,#headline4,#headline5,#headline6,#headline7,#headline8,#headline9, #headline10 {
	display: none;
	color: #fff;
	padding: 0px;
	margin: 0px;
}

#event {
list-style-type: none;
}


#address{
position: absolute;
right: 20px;
bottom: 20px;
width: 230px;
font: normal 8pt/1.3em Trebuchet MS, sans-serif; 
text-align: right;
color: #09c;
}

#bb {
margin-right:5px;
margin-top:10px;
padding-bottom:20px;
clear: both;
}

/*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: 81px;
width: 636px;
z-index: 9000;	
background: #000 url(/images/bckNav.gif) bottom left no-repeat;
}

#nav, #nav ul { 
margin: 0px 10px; /*a negative number cancels ul indentation*/
list-style-type: none;
background: url(/images/bckNavLink.gif) 0 0 repeat-x;
}
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 #finance{
width: 65px;
}

#nav #inventory{
width: 80px;
}

#nav #service{
width: 60px;
}

#nav #parts{
width: 55px;
}

#nav #dealer{
width: 85px;
}

#nav #rodman{
width: 140px;
}

/*#nav #staff{
width: 116px;
}*/


/*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 #000;
background: #000 url(/images/bckNavLink.gif) 0 0 repeat-x;
}

/*nav over state*/
#nav a:hover {
background: #000;
text-decoration: none;
}

/*drop down list*/
#nav li ul { 
margin: 0px;
z-index: 3; 
border: 2px solid #444; 
border-top-style: none;
border-bottom-style: none;  
padding: 0px; 
position: absolute;
background: #3b3c3e; 
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 #444;
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: #fff;
text-align: left;
border:0px;
text-transform: none;
letter-spacing: normal;
height: 25px;
}

#nav li ul li a:hover {
background: #555; 
text-decoration: none;
}

#nav li ul li a:visited {
text-decoration: none;
}
	
#nav li ul ul { 
margin: -23px 0 0 135px; 
}

#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; }