/* CSS Document */

/* hack for min-height */

#Body{ height: 400px}
#Container>content { height: auto; min-height:400px} 

/*general stuff */


img {
	border:none;
	}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(images/bg.jpg) repeat-x;
	background-color:#000000;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left:0px;
	}

h1 {
	font-size:1.25em;
	color:#666666;
	font-weight:bold;
	}
	
h2 {
	font-size:1.25em;
	}

h3 {
	font-size:1.15em;
	clear:both;
	}
	
h4 {
	font-size:1.05em;
	}

kbd{
	color: #555;
	background-color: #ddd;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: inherit;
	font-family: inherit;
	padding: 0 3px 2px 4px;
	}

#Container {
	margin: 0 auto;
	width:760px;
	background:#FFFFFF;
	}

#ContainerFull {
	width:100%;
	background:#FFFFFF;
	}

/*header stuff*/

#Header {
	margin: 0 auto;
	width:758px;
	
	background:#FFFFFF;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	
	}
	
/*midheader stuff*/

#MidHeader {
	width:758px;
	height:300px;
	background:#FFFFFF;
	text-align:center;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	}

/*this hack is for ie6 because theres a 5px line between the midheader and the menu*/

html>body #MidHeader {
	margin: 0 auto;
	}
	
/*menubar stuff*/

#Menu {
	margin: 0 auto;
	background:#a6181e;
	width:740px;
	height:18px;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	text-align:left;
	border-left:#000000 solid 1px;
	border-right:#000000 solid 1px;
	}
	
#Menu a {
	color:#FFFFFF;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	font-size:.75em;
	font-weight:bold;
	
	}
	
#Menu a:hover {
	color:#000000;
	background:#FFFFFF;
	}

.Date {
	color:#FFFFFF;
	font-size:.75em;
	padding-left:180px;
	}
	
/*container stuff*/

#FullBody {
	width:100%;
	min-height:400px;
	height:auto;
	background:#FFFFFF;
	overflow:auto;
	color:#666666;
	font-size:.75em;
	padding:20px;
	}

#Body {
	margin: 0 auto;
	width:760px;
	min-height:400px;
	height:auto;
	background:#FFFFFF;
	overflow:auto;
	color:#666666;
	font-size:.75em;
	}

#BodyCoupon {
	margin: 0 auto;
	height:100%;
	width:100%;
	overflow:auto;
	color:#FFFFFF;
	font-size:.75em;
	}
 
#ContentSingleColumn {
	width:730px;
	padding:5px 10px 10px 20px;
	background:#FFFFFF;
	}
	
#ContentSingleColumn a {
	color:#000000;
	}

#ContentSingleColumn a:hover {
	color:#a6181e;
	text-decoration:none;
	}

#HomeContent {
	width:720px;
	padding:5px 0 10px 0;
	clear:both;
	}

#HomeContent2 {
	width:720px;
	padding:10px 0;
	}

#HomeContentText {
	width:48%;
	float:left;
	color:#666666;
	}

#HomeContentRight {
	width:50%;
	padding-left:10px;
	float:right;
	}

#Hours {
	width:100%;
	}

#Hours td {
	border-bottom:#a6181e solid 1px;
	
	}


#HoursDay {
	width:100px;
	background:#eaeaea;
	float:left;
	padding:5px;
	}

#HoursTimes {
	background:#cccccc;
	float:right;
	padding:5px;
	}

.HoursGrey {
	background:#CCCCCC;
	}
	

.TableHeading {
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	color:#666666;
	border-bottom:#a6181e solid 1px;
	}

.ShadedCell {
	background:url(images/check_mark.png) no-repeat center;
	}
	
.BlackCell {
	background:#CCCCCC;
	color:#666666;
	text-align:center;
	}

#WarrantyTable {	
	width:100%;
	}
	
#WarrantyTable td {
	border-bottom:#a6181e solid 1px;
	}
	


.SmallText {
	font-size:.75em;
	}

#Content {
	float:right;
	width:570px;
	padding:5px 10px 10px 10px;
	
	}

#Content a {
	color:#000000;
	text-decoration:none;
	}

#Content a:hover {
	color:#a6181e;
	text-decoration:underline;
	}


#SideMenu {
	float:left;
	width:150px;
	padding:20px 10px 10px 10px;
	background:#FFFFFF;
	}
	
#SideMenu a {
	color:#000000;
	text-decoration:none;
	line-height:20px;
	padding:2px;
	display:block;
	}
	
#SideMenu a:hover {
	color:#FFFFFF;
	background:#a6181e;
	}

/* styles for the models pages */

#models .hero{padding-top:20px;}
#models .headertxt{ padding:20px 0 20px 0;}
#models .headertxt p{padding:1px 20px 5px 20px;}
table.modelsBox{margin:0 0 0 0; height:inherit; background:#FFFFFF;}
table.modelsBox td.jellybean{width:176px; text-align:right; vertical-align:top; padding-bottom:20px;}
	td.jellybean a{display:block; width:176px; text-align:center; text-transform:uppercase;}
table.modelsBox td.copy{width:100%; text-align:left; padding:0 10px 20px 20px;vertical-align:top; font-size:9px;}
#models h2{font-size:11px; color:#a6181e;}
#models h3{font-size:9px; color:#a6181e; display:block; margin-bottom:5px;}
span.legal{ padding:10px 20px; font-size:1em; color:#999999;}

/* styles for the options pages */

#options #exterior{width:100%; float:right;clear:both; text-align:left; background:#FFFFFF;}
#options .tbloptions{width:100%; background:#fff; }
#options .tblfuel{width:100%; background:#fff; }
#options h3{font-size:1.25; text-transform:uppercase;}
#options h4{font-size:1; text-transform:uppercase;}
#options td.checkcol{width:75px; background:#fff; padding:0px 3px; text-align:center;border-bottom:#9a0000 solid 1px; border-left:#fff solid 4px; border-right:#fff solid 4px; vertical-align:bottom;}
#options td.descrip{ font-size:9px;border-bottom:#9a0000 solid 1px; padding:3px 0 3px 10px;border-left:#fff solid 4px; border-right:#fff solid 4px;}
#options td.left col{ font-size:9px;border-bottom:#9a0000 solid 1px; padding:3px 0 3px 10px;border-left:#fff solid 4px; border-right:#fff solid 4px;}
#options td.col{ font-size:9px;border-bottom:#9a0000 solid 1px; padding:3px 0 3px 10px;border-left:#fff solid 4px; border-right:#fff solid 4px;}
#options td.collapse{border-bottom:#ffffff solid 1px;}
#options td.ColumnHeader{background:#ffffff; border:0px; font-weight:bold; text-align:center;}
#options .collapse{width:20px;text-align:center;}
#options tr.alternatingRow0{background:#fff; }
#options .headerTable{border-bottom:solid 1px #9a0000;width:100%;}
#interiorTable, #exteriorTable, #SafetyTable, #MechanicalTable, #SoundTable, #SeatsTable, #MechanicalTable, #specsTable{padding-bottom:20px;}
#options .headerTable td.description{border-bottom:#9a0000 solid 0px;border-left:#fff solid 4px; border-right:#fff solid 4px;}
#options #mainContent #specsTable h4{font-size:10px; color:#9a0000; text-transform:uppercase; padding-left:12px; padding-top:10px;}

/*form stuff*/

.CreditApp, .CreditApp table
  {
    font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
    font-size: 8pt;
  }

  .CreditApp .Required
  {
    color: red;
    font-weight: bold;
    font-size: 10pt;
  }

  .CreditApp .InError
  {
    background-color: red;
  }

  .CreditApp .ErrorMsg
  {
    color: red;
    font-weight: bold;
  }

  .CreditApp .Divider
  {
    background-color: #FFFFFF;
  }

  .CreditApp .Break
  {
    background-color: #a6181e;
    font-weight: bold;
    padding: 2px;
	color:#FFFFFF;
   
  }

  .CreditApp .SmallBreak
  {
    background-color: #F0F0F0;
    padding: 2px;
    border: 1px dotted gray;
    width: 128px;
  }

  .CreditApp .Hidden
  {
    display: none;
  }

  .CreditApp .RequiredTitle
  {
    font-weight: bold;
  }

  .CreditApp .Level0
  {
    background-color: #FFFFFF;
  }

  .CreditApp .Level0 .ContentBody
  {
   
    background-color: #FFFFFF;
  }

  .CreditApp .Level1
  {
    background-color: #F0F0F0;
    padding-left: 4px;
  }

  .CreditApp .Level1 .Title
  {
    font-size: 24px;
    font-weight: bold;
  }

  .CreditApp .Level1 .ContentBody
  {
    margin-left: 52px;
    background-color: white;
  }

  .CreditApp .Level2
  {
    background-color: #F8F8F8;
    padding-left: 4px;
  }

  .CreditApp .Level2 .Title
  {
    font-size: 18px;
    font-weight: bold;
  }

  .CreditApp .Level2 .ContentBody
  {
    margin-left: 38px;
    background-color: white;
    padding: 8px;
  }


 
  .label {
width:50px;
  }
 
  textarea {
width: 200px;
  font-family: Tahoma;
  font-size: 8pt;
  }
   


  .error {
  font-family: Tahoma;
font-size: 8pt;
  color: red;
  margin-left: 5px;
  display:none;
  }

/*Calculator*/

#Calculator h1 {
	color:#FF0000;
	}


/*footer stuff*/

#Footer {
	margin: 0 auto;
	width:740px;
	padding:5px 10px 5px 10px;
	font-size:.75em;
	text-align:right;
	color:#FFFFFF;
	background:#a6181e;
	}

#Footer a {
	color:#FFFFFF;
	text-decoration:none;
	}

#Footer a:hover {
	color:#000000;
	background:#FFFFFF;
	}