html {
	height:100%;
	width:100%; /* safari */
}

body {
	padding:0; margin:0;
	height: 100%;
	font: 12px arial, helvetica, sans-serif;
	background: url(../images/layout/checkered_background.jpg) repeat;
	color: #000;
	height: 100%;
}

/* Overrides */
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; }
h1 { font-size:20px; }
h2 {	font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:12px; }
h5 { font-size:11px; }
h6 { font-size:10px; }
img { border:0; }
p { margin:2px; padding:2px; }

/* Background Colors */
.red { color:#FF0000; }
.dark_gray { background:#808080; }
.light_gray { background:#D8D8D8; }
.white { background:white; }

/* Font Colors */
.black_t { color:black; }
.red_t { color:#FF0000; }
.white_t { color:white; }
.dark_gray_t { color:#808080; }
.light_gray_t { color:#D8D8D8; }

/* COMMON CLASSES */
form { margin:0; padding:0; }
.hdn{ display:none; }
.strong { font-weight:bold; }
.t_left { text-align:left; }
.t_right { text-align:right; }
.center { text-align:center; }
.cntr { margin-left:auto; margin-right:auto; }
.clear { clear:both; }
.block { display:block; }
.noborder { border:0; }
.default_padding { padding:5px 5px 5px 5px; }
.full { display:inline-block; width:100%; height:100%; }

div.hr {
	display:block; clear:both; margin:0; height:20px;
	background:url(../images/layout/hrule.png) center right no-repeat;
}
a.prev, a.next { display:block; color:#444; font-weight:bold; text-decoration:none; border:none; }
a.prev:hover, a.next:hover { color:#fff; background:#ef3d42; }
a.prev { float:left; }
a.next { float:right; }

/* Error Classes */
.errorExplanation { width:100%; border:solid 1px red; background:#fee; margin:0 0 10px 0; padding:0; }
.errorExplanation h2 { font-size:13px; margin:10px 15px; color:red; }
.errorExplanation p { margin:5px 15px; }
.fieldWithErrors { background:#fee; float:left; }
.fieldWithErrors input { background:#fee; border:solid 1px red; }

/* Layout */
#container { width:850px; margin-left:auto; margin-right:auto; text-align:center; background:white; }
#banner {
	width:100%;
	height:102px;
	background: white url(../images/layout/top_banner.jpg) top left no-repeat;
}
#logo { float:left; width:510px; height:55px; position:relative; top:40px; left:25px; text-align:left; }
#basic_search { float:right; text-align:left; width:220px; position:relative; top:55px; text-align:left; color:white; }
.basic_search_button {
	width:65px; height:25px; cursor:pointer; color:white; vertical-align:middle; font-size:11px; margin-top:-5px;
	background: url(../images/buttons/basic_search_button.gif) top left no-repeat;
}
#top_page_time { width:100%; left:25px; margin-top:2px; }
#main_content { width:100%; height:100%; text-align:left; }
.menu_padding { padding-left:25px; }
#left_menu { float:left; width:175px; color:gray; height:100%; background:white; }
#left_menu  .menu_item {
	display:block; width:100%; height:25px; padding-top:5px; left:25px;
	background: url(../images/layout/black_menu_item.gif) top left no-repeat;
}
#left_menu .gray_gradient {
	width:100%; height:100%; color:black;
	background:white url(../images/layout/gray_white_gradient.gif) top left repeat-x;
}
#left_menu .menu_item a { position:relative; font-size:14px; }
#left_menu .menu_item a, .footer_menu a { color:white; text-decoration:none; }
#left_menu .menu_item a:hover, .footer_menu a:hover { color:#FF0000; text-decoration:underline; }
#content { float:left; width:670px; overflow:hidden; }
.inner_content {  padding:5px 5px 5px 5px; }
.top_special_area {
	width:100%; height:100%; padding-bottom:10px;
	background: url(../images/layout/featured_vehicles.jpg) top left no-repeat;
}
#footer {
	width:100%; height:30px; color:white; text-align:left;
	background: url(../images/layout/footer.gif) top left;
}
#footer .spacer, .copyright, .footer_menu { height:100%; margin-top:5px; }
#footer .spacer { float:left; width:20px; }
.copyright { float:left; width:220px; color:#FF0000; }
.footer_menu { float:right; width:459px; text-align:right; color:white; }
.footer_menu a {  padding:0px 2px 0px 2px; }

/* Stock list page */
.featured_vehicles { width:100%; display:inline-block; padding:10px 20px 10px 30px; }
.display_featured_vehicle { width:165px; min-height:175px; height:175px; background-color:gray; font-size:1.1em; font-weight:bold; padding:4px 2px 4px 2px; }
.display_featured_vehicle a { color:black; text-decoration:none; }
.display_featured_vehicle a:hover { color:#FF0000; text-decoration:underline; }
.display_featured_vehicle .information { margin-top:3px; font-size:1.2em; }
.display_featured_vehicle .information a { color:white; text-decoration:none; }
.display_featured_vehicle .information a:hover { color:#FF0000; text-decoration:underline; }
.display_vehicle { float:left; width:164px; height:124px; background-color:gray; padding:4px 1px 1px 4px; }
.display_vehicle_data {
	float:left; width:455px; height:125px; line-height:145%;
	background: url(../images/layout/stocklist_details_background.gif) top left no-repeat;
}
span.vehicle_data_heading, span.vehicle_data_data { display:inline-block;  }
span.vehicle_data_heading { font-size:12px; }
span.vehicle_data_data { font-weight:bold; text-align:left; }
.more_details { padding-top:10px; }

/* Vehicle Details Classes */
.vehicle_details { width:100%; }
.vehicle_images_bar { float:left; width:330px; }
.vehicle_summary h3 { color: red; }

div.vehicle_details_text { float:left; width:220px; }
div.vehicle_details_text dl { display:block; width:300px; height:160px; margin:0; padding:0; }
div.vehicle_details_text dt { display:block; width:85px; margin:0; padding:0; font-weight:bold; text-align:left; float:left; clear:left; }
div.vehicle_details_text dd { display:block; width:200px; margin:0 0 0 10px; padding:0; text-align:left; float:left; }
div.vehicle_details_text ul { margin:20px 0 0 12px ; padding:0; list-style:square; }
div.img_ctrls{ width:202px; height:24px; }
.buttons { clear:both; width:100%; }
.buttons a { float:left; display:inline-block; width:30%; text-align:center; color:black; }
.buttons a:hover { color:#FF0000; }

/* Order Steps Classes */
.order_steps { width:100%; background:inherit; }
table.vehicle_summary { border:none; width:450px; }
table.vehicle_summary td { vertical-align:top; }
table.vehicle_summary td.image, table.vehicle_summary td.image img { width:160px; }
table.vehicle_summary td.image a:hover  { color:#ef3d42; }
table.vehicle_summary td dl { display:block; width:240px; margin:15px 0 0 0; padding:0; }
table.vehicle_summary td dt { display:block; width:85px; margin:0; padding:0; font-weight:bold; text-align:left; float:left; clear:left; }
table.vehicle_summary td dd { display:block; width:140px; margin:0 0 0 10px; padding:0; text-align:left; float:left; }
.order_form { width:350px; margin:10px auto; }
.order_form label { font-weight:bold; }
.order_form h2 { margin:10px 0; font-size:14px; color:#ef3d42; }
.order_form table { width:100%; border:solid 1px #eee; }
.order_form table th { text-align:left; }
.order_form table td input { width:200px; }
div.bank_details table th, div.bank_details table td, div.contact_tables table th, div.contact_tables table td { text-align:left; vertical-align:top; }
div.contact_tables table { width:100%; }
div.contact_tables table th { width:80px; }
.special_vehicles dl dt { display:block; width:120px; margin:0; padding:1px; float:left; clear:left; font-weight:bold; }

.vehicle_details_top, .order_steps_top { color:red; padding:5px 5px 5px 5px; }


ul.order_buttons
{
	display:block;
	/*width:450px;*/
	height:20px;
	margin:0 auto;
	padding:0;
	list-style:none;
	float:right;
}

ul.order_buttons li 
{
   display:block;
   float:left;
   height:20px;
   margin:0;
   padding:0;
   color:black;
   border-right:solid 1px white;
}
ul.order_buttons li.label{
	padding:0 4px;
	color:#000;
}


ul.order_buttons li a{
	padding:0 4px;
}


.list_item{
  width:450px;
  min-height:130px;
  clear:both;
  margin:0 auto 10px auto;
  padding:10px 0 0 0;
  background:url(../images/layout/hrule.png) top right no-repeat;
}

.list_item h2{
	font-size:15px;
	float:left;
	width:230px;
}

.list_item h3{
	font-size:14px;
	float:right;	
}

.list_item img{
  display:block;
  float:left;
  width:134px;
  height:100px;
  border:none;
  margin:0;
  padding-right:10px;
}

.list_item img .right { display: block; float:right; }

div.list_item div.header { height:20px;display:block;}

form.vehicle_criteria label { padding-right:5px; font-size:12px; font-weight:bold; }
form.vehicle_criteria input, form.vehicle_criteria text-input, form.vehicle_criteria select { font-size:12px; width:145px; }