body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: none;
	background-color: #000000;
	color: #000000;
}

td
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
/***********************************
Inventory Layout for  Layout
**********************************/
.titleRow {
font-family: verdana;
font-size: 9px;
font-weight: bold;
color: #ffffff;
padding-left: 10px;
background-color: #666666;
}
.titleRow h2
{
	padding:0px;
	margin:0px;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
}
.sortCombo 	{
font-size: 9px;
font-family: verdana;
color: #000000;
font-weight: none;
}

.carHeading	{
font-size: 11px;
font-family: verdana;
color: #333333;
font-weight: bold;
}

.carHeadingSub	{
font-size: 10px;
font-family: verdana;
color: #333333;
font-weight: bold;
}

.carDetails	{
font-size: 10px;
font-family: verdana;
color: #666666;
}

.btnView	{
width: 100%;
font-family: verdana;
font-size: 9px;
color: #ffffff;
font-weight: bold;
border: 1px solid #FFFFFF;
background-color: #FF3300;
}

/*******************************************
First | Previous | Next | Last "Links CSS" for Inventory Page
********************************************/
.searchNav	{
font-size: 10px;
font-family: verdana;
color: #FFFFFF;
background-color: #666666;
}

#searchNavLinks	a {
color: #ff9900;
text-decoration: underline;
font-size: 9px;
font-family: verdana;
}

#searchNavLinks	a:hover{
color: #FFFFFF;
}

#sortByLinks {
font-size: 9px;
font-family: verdana;
color: #FFFFFF;
background-color: #666666;
}

#sortByLinks	a {
color: #FFFFFF;
text-decoration: underline;
font-size: 9px;
font-family: verdana;
padding-right: 7px;
}

#sortByLinks a:hover {
color: #ff9900;
}

.priceSelling	{ font-size: 11px; font-family:arial; color: #333333; font-weight:bold; }
.dollarSign	{ color: #FF9900; font-size: 14px; font-weight: bold; font-family: arial;}
#bigPrice	{ font-size: 20px; font-family:arial; font-weight: bold; color: #990000; text-decoration: none; }


#searchNavLinks a
{
	font-weight:bold;
	font-size: 13px;
	color: #ffff99
}	

/*********  Layout End **********/

.dealer_name {
	padding-top: 25px;
	font-size: 18px; 
	color: #7a7a7a;
	text-transform: uppercase;
}

.address_bar {
	background-color: #ebebeb;
	color: #d0d0d0;
	border-bottom: 1px solid #000000;
	text-align: right;
	padding: 4px;
}

.address_bar td {
	color: #838383;
}

div.advanceSearch {
background-color:#c71444; 
padding: 6px;
color: #FFFFFF;
font-weight: bold;
}

/* I implement the min-height hack for IE5 and IE6 */
#mainContent {
	min-height:250px;
  	height:auto !important;
  	height:250px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	FORMS
  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

#orderYourCar .formTitleRow { background-color: #666666; color: #ffffff; height: 25px; font-weight: bold;}
#orderYourCar  .formCaption {
 	background-color: #E1E1E1;
	text-align: right;
 }
#frm17_0 td.heading {
 background-color: #666666; color: #ffffff; height: 25px; font-weight: bold; padding-left:5px;
} 
#frm17_0 td {
   padding:5px;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	GRID
  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

.grid {
	padding: 0px;
	border: 1px solid #d0d0d0;
}

.grid td { 
	padding: 4px; 
}

.tBody {
	background-color: #ebebeb;
}

.grid2 {
	padding: 0px;
	border: 1px solid #d0d0d0;
}

.grid2 td { 
	padding: 4px;
}

.tBody2 {
	background-color: #ffffff;
}

.titleRow2 { background-color: #838383; color: #FFFFFF; white-space: nowrap; }
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	INVENTORY
  ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


.titleRow, .titleRow td { background-color: #666666; color: #FFFFFF; white-space: nowrap; }
.titleRow td.selected { border-top: 1px solid #ff0033; }
.titleRow a img { width: 8px; height: 4px; border: 0px; vertical-align: middle; text-align: right; padding-left: 4px; }
.titleRow a { color: #FFFFFF; text-decoration: none; display: block; margin: 0px; }
.titleRow a:hover { text-decoration: underline; }
.oddRow { background-color: #FFFFFF; }
.evenRow { background-color:#EFEFEF; }
.highLightRow { background-color:#FFFFCC; border-top: 2px solid #EFEFEF; border-bottom: 2px solid #EFEFEF;  }
.oddRow { background-color: #FFFFFF; }
.evenRow { background-color:#EFEFEF; }
.titlePage  {font-size: 13pt; font-weight: bold; color: #000000; }
.tableBorder {background-color:#999999; }
.closeWindow {background-color: #DDDDDD; }

.submitButton {
		font-family: Tahoma, Verdana, Arial; 
		font-size: 10px; color: #ffffff; 
		background-color: #626262;
		border-color: #626262 #626262 #626262 #626262; 
		letter-spacing: 1px; 
		position: relative; 
		left: 8px;
		font-weight: bold; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px
	}	
	/* ../inventory/index.cfm "Search" and "View All" buttons */
	.searchFormBtn {
		font-family: Tahoma, Verdana, Arial; 
		font-size: 10px; color: #ffffff; 
		background-color: #626262;
		border-color: #626262 #626262 #626262 #626262; 
		letter-spacing: 1px; 
		left: 8px;
		height: 25;
		font-weight: bold; 
		border-style: solid; 
		border-top-width: 1px; 
		border-right-width: 1px; 
		border-bottom-width: 1px; 
		border-left-width: 1px
	}		




/***************************************************
	Recently Viewed
**************************************************/
#recentlyViewed td.title
{
	font-family:arial,verdana,sans-serif;
	font-size:14px;
	font-weight:bold;
	color: #c71444;
	padding-bottom:2px;
	border-bottom: 1px solid #626262;
}
#recentlyViewed td.vehicleBG
{
	background-color:#EFEFEF;
	padding:5px;
}

/**************************************************
    MULTI IMAGE NEXT PREV FIST LAST CSS
**************************************************/
.imgSlideOver {
	cursor:pointer;
	background-color: #C3E3EA;
	color: #000000;
	}
.imgSlideOut {
	background-color: #EEEEEE; 
}
.showingImages {
	background-color: #e1e1e1;
}	

/******************************************
 *		INVENTORY LAYOUT 2 CSS
 ******************************************/
 
 #inventoryDetails td.text
 {
 	background-color: #EFEFEF;
 	
 }
 #inventoryDetails {
 	border-spacing: 1px
 }
 #inventoryOptionsTable a {
 	font-size: 12px; 
	font-weight:bold;
	
 }
 
 #inventoryOptionsTable td.inventoryOptionsOver
 {
 	background-color: #DDDDDD;
 }
  #inventoryOptionsTable td.inventoryOptions 
 {

 	background-color: #DDDDDD;
 }
	
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::  MENU CODE ::::::::::::::::::::::::::::::::::
   ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/		
#mainNav {
	left: 0;
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-transform: uppercase;
}
#mainNav li {
	position: relative;
	display: block;
	float: left;
	background: #FFFFFF;
	-moz-opacity:.98;
	opacity:.98; 
}
#mainNav  li  a {
	font-size: 10px;
	font-weight: bold;
	display: block;
	text-decoration: none;
	color: #838383;
	padding: 2px 8px 2px 5px;
}
#mainNav li a:hover {
	color: #c71444;
}
#mainNav li a.mnHover  {
	color: #c71444;
}

#navAtLevel2
{
	left: 0;
	position: absolute;
	top: 0px; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	padding:0px;
	margin:0px;
	text-transform: none;
	
}
#navAtLevel2 li
{
	border-left:1px solid #ffffff;
	color: #838383;
}
#navAtLevel2 li a
{
	font-size: 10px;
	display: block;
	width: 160px; /*width of sub menu levels*/
	color: #838383;
	background: #ffffff;
	padding: 4px;
	text-decoration: none;
	border-bottom: 1px solid #ccc;
	-moz-opacity:.95;
	opacity:.95; 
}
#navAtLevel2 li a:hover 
{
	background-color: #c71444;
	color: white;
}

#navAtLevel3
{
	left: 0;
	position: absolute;
	top: 0; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	padding:0px;
	margin:0px;
}

#navAtLevel3 li
{
	border-left:1px solid #ffffff;
}

#navAtLevel4
{
	left: 0;
	position: absolute;
	top: 0; /* no need to change, as true value set by script */
	display: block;
	visibility: hidden;
	padding:0px;
	margin:0px;
}

#navAtLevel4 li
{
	border-left:1px solid #ffffff;
}


 

/*
	::::::::::::::::::::::::::::::::::::::::: END MENU CODE :::::::::::::::::::::::
 */		

div#pageTitle {
	font-size: 16px;
	font-weight:bold;
	color: #c71444;
	padding:4px 0px 10px 0px;
}
div#pageTitle h1 {
	margin:0px;
	padding:0px;
	font-size:16px;
	font-style:normal;
	font-weight:bold;
}	
.shadow {
	background-color: #d0d0d0;
	color: #000000;
}

/* footer */
.footer {
	background-color: #d0d0d0;
	text-align: right;
	vertical-align: middle;
	width: 100%;
	
}

.footer td {
	color: #838383;
}

.footer a
{
	color: #838383;
	text-decoration: none;
}

.footer a:hover
{
	color: #c71444;
}

/***********************************************************************************
Schdule Appointment / Order Parts / Contact Us ... Forms 
************************************************************************************/

#schlAppointment .heading
{
	font-weight:bold;
	font-size: 10pt;
	color: #c71444;
	border-bottom: 1px dotted #333298;
}

.borderBottom
{
	border-bottom: 1px dotted #333298;
}

.contactFormHeading
{
	font-weight:bold;
	font-size: 10pt;
	color: #c71444;
	border-bottom: 1px dotted #333298;
}

.redText {color: #c71444;}
/******************************************************************************************/

/* Alignment of icons and bg */
#inventoryOptionsTableImages td
{
    text-align:center;
    background-color: #efefef;
}
/*mouse over color of icon bg */
#inventoryOptionsTableImages td.inventoryOptionsOver
{
    background-color: #fff;
}
/*fixes bug with png's in ie 6.0 and 5.5 */
#inventoryOptionsTableImages td img
{
     behavior: url(/jScripts/iepngfix/iepngfix.htc)
}

/**************************************************
		Evox Virtual Showroom CSS
***************************************************/
/* Alignment of icons and bg */
#inventoryOptionsTableEvox td
{
    text-align:center;
    background-color: #333333;
}
/*mouse over color of icon bg */
#inventoryOptionsTableEvox td.inventoryOptionsOver
{
    background-color: #666666;
}
/*fixes bug with png's in ie 6.0 and 5.5 */
#inventoryOptionsTableEvox td img
{
     behavior: url(/jScripts/iepngfix/iepngfix.htc)
}
/**************** END Evox  ***********************/


/*
	:::::::::::::::::::::::::::::::::::::::::;  NEW CARS :::::::::::::::::::::::
 */	
 
 #newCarsList td.tdYears
 {
 	padding-top:10px;
	padding-bottom:5px;
	font-size: 14pt;
 }

 #newCarsList td.tdYears a
 {
 	font-size: 14pt;
 }
 #newCarsList td.model
 {
 	
	padding:11px 0px 11px 0px;
	width:33%;
 }
 
 #modelBox
 {
 	
	border:1px solid #868686;
	background-color:#f7f7f7;
	padding:5px;
	cursor:pointer;
	width:200px;
 
 }
 #modelBox td.modelName
 {
 	text-align:center;
	padding: 8px 0px 3px 0px;

	font-weight:bold;
 }
 
  #modelBox td.details
 {
 	
	padding: 8px 0px 15px 8px;

 }

#modelBox td.details a
 {
	color: #990000;
	text-decoration: none;
}
 
 
 /****************************************
 *          Models pages
 ****************************************/
 
 div#evoxModelDetail #newCarDetails td.inventoryOptions
 {
    padding-bottom:5px;
	background: #F7F3F7;

 }
 
div#evoxModelDetail #newCarDetails td.inventoryOptionsOver
 {
    padding-bottom:5px;
	background: #474747;
	
 }
div#evoxModelDetail #newCarDetails td.inventoryOptionsOver a
 {
 text-decoration:none;
 }
div#evoxModelDetail #newCarDetails td.content
 {
    text-align:center;
 }
 div#evoxModelDetail #newCarDetails ul
 {
 	list-style: none;
	padding:0px;
	margin:0px;
 }
 div#evoxModelDetail #newCarDetails ul li
 {
	padding:0;
	margin:0;
	border-bottom:1px solid #333333;
 }
 div#evoxModelDetail #newCarDetails ul li a
 {
 	color: #000000;
	display:block;
	padding:2px;
	background-color: #e8e8e8;
	text-decoration:none;
	font-weight:bold;
 }
div#evoxModelDetail #newCarDetails ul li a.active
 {
 	color: #ffffff;
	background-color: #990000;
	
 } 
 div#evoxModelDetail #newCarDetails ul li a:hover
 {
 	color: #ffffff;
	background-color: #990000;
	
 }
 div#evoxModelDetail #newCarDetails div.heading
 {
 	font-size:11pt;
	font-weight:bold;
	text-transform: uppercase;
	cursor:pointer;
	padding-bottom:10px;
 }
 
 div#evoxModelDetail #newCarDetails td.subMenu
 {
 	padding-left:5px;
	border-left: 1px solid #151515;
 }
 /* spacers top and bottom of the main content */
 div#evoxModelDetail #newCarDetails td.topSpacer
 {
 	height:10px;
 }
 div#evoxModelDetail #newCarDetails td.bottomSpacer
 {
 	height:10px;
 }
 
 /* too foter links return and select different model */
 div#evoxModelDetail #newCarDetails td.changeModel
 {
   border-top: 1px solid #151515;
   padding-top:5px;
   text-align:center;
 }
 div#evoxModelDetail #newCarDetails td.changeModel a
 {
 	display:block;
	width:275px;
	text-align:center;
	float:left;
	text-decoration:none;
 }
 div#evoxModelDetail #newCarDetails td.changeModel a:hover
 {
	text-decoration:underline;
 }
 
 /* images */
 div#evoxModelDetail #newCarDetails div.thumbs
 {
 	padding-top:10px;
	padding-left:18px;
 }
 div#evoxModelDetail #newCarDetails div.thumbs img
 {
 	cursor: pointer; 
	border: 1px solid #fff;
 }
 div#evoxModelDetail #newCarDetails div.thumbs img:hover
 {
 	border: 1px solid #a8e4e4;
 }