/* CSS Document */

/*Basic elements*/

html, body {
	margin:					0px;
	padding:				0px;
	font-family:			Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:				11px; 
	background:				#f4f4f4 url(../media/bg.gif) repeat-y top center;
	height:					100%; 
	width:					100%;
}

h1{
	font-size:				1.3em;
}

h2{
	font-size:				1.25em;
}

h3{
	font-size:				1.2em;
}

h4{
	font-size:				1.15em;
}

h5{
	font-size:				1.1em;
}

h6{
	font-size:				1.0em;
}


div, input, select, textarea {
	font-family:			Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:				1.0em;
	padding:				0px;
	margin:					0px;
}

a {
	font-size:				1.0em;
	color:					#ff0000;	
}


img {
	border:					none;
	margin:					0px;
}

form {
	display:					inline;
}

/*Main containers*/

#container {
	height:					100%;
	background:				#ffffff;
	margin:					0px auto;
	width:					752px; 
	position:				relative;
}

html>body #container {
	height:					auto;
	min-height:				100%;
}

div.float_left {
	float:					left;
}


/*Top lines*/

#top_line {
	background-color:		#4b4b54;
	height:					7px;
	padding:				0px;
	border-bottom:			1px solid #ffffff;
}

#logo_w_bg, #car {
	height:					122px;
	float:					left;
	padding:				0px;
}

#logo_w_bg {
	background:				url(../media/bg_gradient.jpg) repeat-x top;
	width:					503px; 
}

/* Menu */

#menu_container {
	background: 			url(../media/menu_bg.gif) top center repeat;
	height:					auto;
	width:					100%;
	float:					left;
	border-top:				1px solid #ffffff;
}

a.menu {
	text-align:				center;
	font-weight:			bold;
	color:					#ffffff; 
	height:					2.6em;
	line-height:			2.6em;
	display:				block;
	float:					left;
	vertical-align: 		middle;
	padding-left:			1em;
	padding-right:			1em;
	text-decoration:		none;
	padding-top:			0px;
	padding-bottom:			0px;
	margin:					0px;
	text-decoration:		none;
}

a.menu:hover {
	background: 			#fe0000;
	
}

/* Data container */

#footer_container {
	position:				absolute;
	margin:					0px	auto;
	width:					752px;
	text-align:				center;
	bottom:					0px;
}

a.bottom_link {
	text-align:				center;
	color:					#000000;
	padding-left:			0.7em;
	padding-right:			0.7em;
	height:					2.0em;  
	line-height:			2.0em; 
	text-decoration:		none;
}

#footer_line {
	margin-top:				10px;
	margin-bottom:			10px;
	background-image:		url(../media/bottom_red_bg.gif);
	background-repeat:	repeat-x;
	height:					7px;
}

.footer {
	height:					2.0em;  
	line-height:			2.0em;
}

.footer_table_white, .footer_table_red {
	width: 					50%;
	float: 					left;
	padding: 				0px;
}

.footer_table_white {
   background:				url(../media/white.gif) repeat-y top center;		
}

.footer_table_red {
   background:				url(../media/red.gif) repeat-y top center;	
}

/*WHITE BOXES*/


div.white_lt, div.red_lt, div.white_t, div.red_t, div.whiter_t,
div.white_rt, div.white_lb, div.red_lb, div.white_b, div.red_b,
div.whiter_b, div.white_rb   {
	float:					left;
	height:					12px;	
}

div.white_lt {
	background:				url(../media/white_lt.gif) left top no-repeat;
	width:					9px;	
}

div.red_lt {
	background:				url(../media/red_lt.gif) left top no-repeat;
	width:					9px;
}

div.white_t {
	background:				#ffffff url(../media/gray_pixel.gif) repeat-x top;
	width:					339px;
}

div.red_t {
	background:				#f93131 url(../media/gray_pixel.gif) repeat-x top;
	width:					218px;
}

div.whiter_t {
	background:				#ffffff url(../media/gray_pixel.gif) repeat-x top;
	width:					121px;
}

div.white_rt {
	background:				url(../media/white_rt.gif) right top no-repeat;
	width:					12px;
}

div.white_lb {
	background:				url(../media/white_lb.gif) left  bottom no-repeat;
	width:					9px;
}

div.red_lb {
	background:				url(../media/red_lb.gif) left  bottom no-repeat;
	width:					9px;
}

div.white_b {
	background:				#ffffff url(../media/white_b.gif) repeat-x bottom;
	width:					339px;
}

div.red_b {
	background:				#f93131 url(../media/red_b.gif) repeat-x bottom;
	width:					218px;
}

div.whiter_b {
	background:				#ffffff url(../media/white_b.gif) repeat-x bottom;
	width:					121px;
}

div.white_rb {
	background:				url(../media/white_rb.gif) right bottom no-repeat;
	width:					12px;
}

div.top_row, div.bottom_row {
	height:					12px;
	width:					360px; 
}

div.white_left {
	height: 					100%;
	width:					215px;	
	float: 					left;
	color: 					White;
}

div.red_right {
	height: 				10em;
	line-height: 			10em;
	padding:				0px;
	width:					121px;
	float: 					left;
	vertical-align: 		middle;
}

div.red_right img {
	margin-top:	expression(( this.offsetParent.offsetHeight - this.offsetHeight ) / 2); 
}

html>body div.red_right  img { /*hidden from IE 5-6, */
	margin-top: 0; /* to clean up, just in case IE later supports v-align! */
	vertical-align: middle;
}

div.center_row {
	margin: 					0px;
	height: 					10em;
	width:					336px;
	padding-left: 			12px;
	padding-right: 		12px;
	text-align: 			left;
}

.red_bold {
	color:					Red;
	height: 					1em;
	font-weight: 			bold;
}

#warranty {
	padding:			0.9em 0.1em 0 0;
	float:					left;
	height: 				8em;
	width: 					50%;
}

#hours {
	width:					40%;
	height: 				8em;
	text-align:				right;
	float: 					right;
}

.time {
	padding-top:			1em;
}

.al_right{
	float:					none;
	text-align: 			right;
	padding-right: 		0.5em;
}

#sidebar {
	width: 					190px;
	float: 					left;
	padding-bottom:			250px;	
}

.car_of_the_week_box {
	width: 					170px;
	margin: 					20px auto;
	background: 			#E4E4E4 url(../media/car_of_the_week_bg.gif) center top repeat-y;
}

.car_of_the_week_row {
	width: 					100%;
}

#main_content, #main_content_admin {
	float:					left;
	padding-left: 			10px;
	padding-right:			10px;
	font-size: 				1.1em;
}

#main_content {
	width: 					538px;
	padding-bottom:			250px;	
}

#main_content_admin {
	width: 					728px;
	padding-bottom:			50px;	
}

/*BLACK BOXES*/

div.black_lt, div.black_rt {
	padding: 				0px;
	width:					8px;
	height:					25px;
	float: 					left;	
}

div.black_lt {
	background:				url(../media/black_lt.gif) left top no-repeat;
}

div.black_t {
	background:				#000000 url(../media/gray_pixel.gif) repeat-x top;
	width:					154px;
	text-align: 			center;
	line-height:			25px;	
	font-size: 				1em;
	height:					25px;
	float:					left;
	color:					White;
	font-weight: 			bold;
	vertical-align: 		middle;
}

div.black_rt {
	background:				url(../media/black_rt.gif) right top no-repeat;
}

/*GRAY BOXES*/

.gray_lb, .gray_rb {
	background:				url(../media/gray_lb.gif) left bottom no-repeat;
	padding: 				0px;
	width:					8px;
	float:					left;
	height:					8px;
}

div.gray_rb {
	background:				url(../media/gray_rb.gif) right bottom no-repeat;
}

div.gray_b {
	background:				#E4E4E4 url(../media/gray_pixel.gif) repeat-x bottom;
	width:					154px;
	height:					8px;
	float:					left;
}


div.car_name, div.car_model, div.car_price_label, div.car_price {
	padding-left:			8px;	
}

div.car_name {
	font-size: 				1em;	
	font-weight: 			bold;	
	
}

div.car_model {
	font-size: 				0.9em;
}

div.car_price_label {
	padding-top: 			10px;
	font-weight: 			bold;		
}

div.car_price {
	padding-bottom: 		10px;
}

div.car_property, div.car_property_value {
	padding-top:			2px;	
}

div.car_property {
	float:					left;
	padding-left:			8px;	
}

div.car_property_value {
	text-align: 			right;
	padding-right:			8px;	
}

#page_name {
	padding-top: 			20px;
	color: 					Red;
	font-size: 				1.1em;
	font-weight:			bold;
	float:					left;
	width:					100%;
}

p {
	padding-top:			10px;
	font-size: 				1.1em;
}

#login_container {
	width:					18em;
	margin:					0 auto;
	padding:				20px;
	border:					1px solid Red;	
}

.login_left {
	float:					left;
	width:					5em;
	text-align:			right;
}

.login_right {
	padding-bottom:			10px;
}

.w50, .details_image {
	width:					50%;
	float:					left;
	position:				relative;
}

.w40 {
	float: left;
	width: 40%;
}

.w50, .w40 {
	text-align:				right;
	padding-right:			10px;
}

.details_image {
	text-align:				center;
}

.editor_menu {
	padding-right:			10px;
	font-weight:			bold;
}

.padding_bottom, .cpadding {
	padding-bottom:			10px;
}

.align_center, .cpadding {
	text-align:				center;
}


.align_right {
	text-align:				right;
}

.list_row:hover {
	background-color:		#EEEEEE;
}

.car_list_name {
	font-weight:			bold;
	height:					26px;
	line-height:			26px;
	color:					White;
}

.car_photo {
	float:					left;
	width:					270px;
	height:					100%;
}

.car_photo img {
	margin:					10px;
}

.car_detail {
	padding:				10px;
}

.list_item_dark, .list_item_light {
	height:					auto;
	width:					100%;
	padding:				0px;
	position:				relative;
	padding-bottom:			10px;
}

.list_item_dark {
	background:				#e4e4e4 url(../media/list_bg_top.gif) repeat-x top;
}

.list_item_light {
	background:				#ffffff url(../media/list_bg_top.gif) repeat-x top;
}

.list_left_border, .list_right_border {
	background-color:		#aaaaaa;
	position:				absolute;
	top:					0px;
	width:					1px;
	height:					expression(this.offsetParent.offsetHeight);
	z-index:				1;
}


html>body .list_left_border, .list_right_border {
	height:					100%;
}


.list_left_border {
	left:					0px;
}

.list_right_border {
	right:					0px;
}


.list_bottom_border_dark, .list_bottom_border_light{
	position:				absolute;
	bottom:					0px;
	height:					1px;
	width:					100%;
	left:					0px;
}

.list_bottom_border_dark {
	background:				#e4e4e4 url(../media/gray_pixel.gif) repeat-x left bottom;
}

.list_bottom_border_light {
	background:				#ffffff url(../media/gray_pixel.gif) repeat-x left bottom;
}

.list_lt, .list_rt, .list_lb_dark, .list_lb_light, .list_rb_dark, .list_rb_light {
	height:					8px;
	width:					8px;
	position:				absolute;
	z-index:				2;
}

.list_lt {
	background:				url(../media/list_lt.gif) top left no-repeat;
	left:					0px;
	top:					0px;
}

.list_rt {
	background:				url(../media/list_rt.gif) top left no-repeat;
	right:					0px;
	top:					0px;
}

.list_lb_dark, .list_lb_light, .list_rb_dark, .list_rb_light  {
	bottom:					0px;
}

.list_lb_dark {
	left:					0px;
	background:				url(../media/list_lb_dark.gif) bottom left no-repeat;
}

.list_lb_light {
	left:					0px;
	background:				url(../media/list_lb_light.gif) bottom left no-repeat;
}

.list_rb_dark {
	right:					0px;
	background:				url(../media/list_rb_dark.gif) bottom right no-repeat;
}

.list_rb_light {
	right:					0px;
	background:				url(../media/list_rb_light.gif) bottom right no-repeat;
}

.details_container {
	position: relative;
	height: auto;
}

.bottom_elements {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.details_thumbnails {
	width:					100%;
	bottom:					0px;
	left:					0px;
	text-align:				center;
}

input.short {
	width:					40px;
}

.special_features {
	width:					250px;
	height:					100px;
}