body                    { font-family:Verdana, Arial, Helvetica, sans-serif; background-color:black; margin:0; padding:0; color:white; font-size:11px; }
td                      { vertical-align:top; }
img                     { border-style:none; }
h1                      { font-size:1.4em; }


/*  Form elements  */
form                    { display:inline; }
input, select, textarea { font-size: 1em; background-color:white; border:solid #bbb 1px; font-size:12px; } 
textarea                { width:25em; height:9em; } 
.noborder               { border-style:none; background-color:transparent; }
input[type="checkbox"]  { background-color:white; }  /*  Opera 8.5 displays a black background */
input[type="submit"]    { -moz-border-radius:2pt; }
input.button            { background-color:red; color:white; border:solid 1px white; font-weight:bold; }


/*  STANDARD FORM  */
.error_box     { color:#B30003; margin-top:1em; margin-bottom:1em; }
.error_note    { font-size:1em; color:#B30003; font-weight:bold; background-color:#C2C2C2; }
.error_message { font-size:1em; color:#B30003; background-color:#C2C2C2; }
span.required  { color:#B30003; }
.field_error   { color:#B30003; background-color:#C2C2C2; }
.underline     { text-decoration:underline; }


img.car_image_small     { width:88px; }
img.car_image_medium    { width:140px; }
img.car_image_big       { width:280px; }
div.medium_image_holder { width:140px; height:105px; border:solid white 2px; line-height:0px; }


div#top_menu          { width:100%; background-image:url('media/top_menu_bg.jpg'); line-height:0px; }
div#top_menu table    { border-collapse:collapse; margin:0; padding:0; }
div#top_menu table td { margin:0; padding:0; }


table#content_holder { border-collapse:collapse; margin:0; padding:0; }
table#content_holder td#left_menu { margin:0; padding:0; vertical-align:top; width:16%; }
table#content_holder td#left_menu table { border-collapse:collapse; margin:0; padding:0; }
table#content_holder td#left_menu table td { margin:0; padding:0; line-height:0px; }
table#content_holder td#content { vertical-align:top; padding-top:33px;  color:white; font-size:11px; }
table a        { color:red; }
.section_title { font-weight:bold; color:white; font-size:13pt; padding-top:1em; }


/*  Dashboard  */
#content_wrapper 				{ width: 882px; font-family: Arial; }
#content_wrapper > div#top 		{ height: 10px; background: url('./media/dashboard/main-top.png') left top no-repeat; }
#content_wrapper > div#main   	{ background: url('./media/dashboard/main-content.png') left top repeat-y; }
#content_wrapper > div#bottom 	{ height: 9px; background: url('./media/dashboard/main-bottom.png') left bottom no-repeat; }
#content_wrapper > div#main > div { position: relative; padding: 10px 7px; }
#content_wrapper > div#main > div > h5 { position: absolute; right: 40px; top: 2px; margin:0; padding:0; font-weight: normal; font-size: 12px;  }
#content_wrapper > div#main > div > img { display: block;  }

#content_wrapper > div#main div#features { width: 864px; margin: 10px auto; margin-bottom: 25px; }
#content_wrapper > div#main div#features-top { height: 37px; background: url('./media/dashboard/features-top.png') left top no-repeat; }
#content_wrapper > div#main div#features-content { background: url('./media/dashboard/features-content.jpg') left top repeat-y; }
#content_wrapper > div#main div#features-bottom { height: 15px; background: url('./media/dashboard/features-bottom.png') left top no-repeat;}

#content_wrapper > div#main div#features table { position: relative; width: 100%; margin-top: -12px;  }
#content_wrapper > div#main div#features table td { text-align: center; vertical-align: bottom; padding-bottom: 15px; }
#content_wrapper > div#main div#features table td img { display: block; margin: 0 auto; }

#content_wrapper > div#main div#statistics { width: 864px; margin: 13px auto; margin-bottom: 0px; background: url('./media/dashboard/statistics.png') left top no-repeat black; padding-bottom: 18px; }
#content_wrapper > div#main div#statistics > div { padding: 18px 14px; }
#content_wrapper > div#main div#statistics > div div { float: left; margin-left: 40px; }
#content_wrapper > div#main div#statistics > div div:first-child { margin-left: 0; }
#content_wrapper > div#main div#statistics h1 { color: #FF0000; font-size: 16px; font-weight: normal; text-transform: uppercase; margin:0; }
#content_wrapper > div#main div#statistics table  { border-collapse: collapse; margin-bottom: 3px; }
#content_wrapper > div#main div#statistics table th { color: #FFD600; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: right;  }
#content_wrapper > div#main div#statistics table th:first-child { text-align: left; padding-right: 20px; }
#content_wrapper > div#main div#statistics table th a { color: #FFD600; text-decoration: none; }
#content_wrapper > div#main div#statistics table th a:hover { text-decoration: underline; }
#content_wrapper > div#main div#statistics table td:first-child { padding-right: 20px; text-align: left; }
#content_wrapper > div#main div#statistics table td { font-size: 14px; padding: 0; text-align: right; }
#content_wrapper > div#main div#statistics table td a { color: white; text-decoration: none; }
#content_wrapper > div#main div#statistics table td a:hover { text-decoration: underline; }
#content_wrapper > div#main div#statistics table + a { color: #A7A7A7; text-decoration: none; font-size: 14px; }
#content_wrapper > div#main div#statistics table + a:hover { text-decoration: underline; }


#content_wrapper > div#main div#leads { width: 862px; margin: 0 auto; }
#content_wrapper > div#main div#leads-top { height: 39px; background: url('./media/dashboard/leads-top.png') left top no-repeat; }
#content_wrapper > div#main div#leads-content { position: relative; height: 132px; background: url('./media/dashboard/leads-content.png') left top repeat-y; }
#content_wrapper > div#main div#leads-bottom { height: 16px; background: url('./media/dashboard/leads-bottom.png') left top no-repeat;}
#content_wrapper > div#main div#leads-content div#latest-email-leads {
	position: absolute;
	top: -39px; 
	width: 274px;
	height: 187px;
	overflow-y: hidden;
	background: url('./media/dashboard/latest-email-leads-bg.jpg') left top no-repeat;
}
#content_wrapper > div#main div#leads-content div#latest-email-leads > div { height: 33px; }
#content_wrapper > div#main div#leads-content div#latest-email-leads table { margin: 5px; margin-bottom: 3px; border-collapse: collapse; color: black; font-size: 12px; }
#content_wrapper > div#main div#leads-content div#latest-email-leads table td:first-child { font-weight: bold; padding-right: 15px; }
#content_wrapper > div#main div#leads-content div#latest-email-leads table td.car { width: 130px; }
#content_wrapper > div#main div#leads-content div#latest-email-leads table td a { color:#000; text-decoration: none; }
#content_wrapper > div#main div#leads-content div#latest-email-leads table td a:hover { text-decoration: underline; }
#content_wrapper > div#main div#leads-content div#latest-email-leads > a { margin-left: 16px; color: black; text-decoration: none; font-size: 14px; }
#content_wrapper > div#main div#leads-content div#latest-email-leads > a:hover { text-decoration: underline; }

#content_wrapper > div#main div#leads-content div#page-views {
	position: absolute;
	top: -39px;
	left: 274px; 
	height: 187px;
	padding-left: 12px;
	overflow-y: hidden;
	color: black;
}
#content_wrapper > div#main div#leads-content div#page-views > div {
	width: 563px;
	height: 148px;
	overflow: hidden;
}
#content_wrapper > div#main div#leads-content div#page-views h3 {
	text-transform: uppercase;
	margin-top: 12px;
	margin-left: 30px;
	margin-bottom: 0;
}

table.data  { border-collapse: collapse; margin-bottom: 3px; font-family: Arial; }
table.data td:first-child { text-align: left; }
table.data td { font-size: 12px; padding: 5px; padding-right: 30px; text-align: right; background: #666666; }
table.data.leads td { text-align: left; }
table.data.leads td:first-child { font-weight: bold; }
table.data td a { color: white; text-decoration: none; }
table.data td a:hover { text-decoration: underline; }
table.data.leads td a { text-decoration: underline; }

div.clear { clear: both; height: 0; margin: 0; min-height: 0; padding: 0 !important; visibility: hidden; }



/*  Choose package page  */
table#select_package                       { border-collapse:collapse; width:510px; margin-top:3.7em; text-align:center; margin-left:auto; margin-right:auto; }
table#select_package td                    { vertical-align:top; padding:0; margin:0; width:50%; }
table#select_package td div.seller_section { background-color:black; height:285px; margin-top:10px; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:120%; word-spacing: 1px; }
table#select_package img.screenshot        { display:block; margin:1em auto 1.5em auto; text-align:center; }
table#select_package td.package_listing    { vertical-align:top; padding-top:10px; }
table#select_package .package              { background-color:black; width:200px; height:106px; margin:0 auto 1em auto; }
table#select_package .package_img          { display:block; padding-top:11px; margin:0 auto 0 auto; }
table#select_package .package_difference   { font-size: 32px; font-family: Arial, Helvetica, sans-serif; word-spacing: 1px; }
table#select_package .package_price        { font-size: 10px; font-family: Arial, Helvetica, sans-serif; word-spacing: 1px; padding-top:15px;}
table#select_package .package a            { font-size: 12px; color:red; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 130%; }
table#select_package #packages_footer      { background-color:#333333; text-align:left; padding:10px 10px 20px 10px;}
table#select_package #seller_dealer        { border:solid #4D4D4D 10px; }
table#select_package #seller_private       { border:solid #646464 10px; }
table#select_package #packages_private     { background-color:#4D4D4D;  }
table#select_package #packages_dealer      { background-color:#646464;  }


table.car_search_results { border-collapse:collapse; }
table.car_search_results a  { color:black; }
table.car_search_results th { font-size:12px; }
table.car_search_results th a { color:white; }
table.car_search_results tr.line1 { background-color:white; line-height: 15px;}
table.car_search_results tr.line2 { background-color:#CCC; line-height: 15px;}
table.car_search_results tr.line1 td { color:black; }
table.car_search_results tr.line2 td { color:black; }
table.car_search_results tr.line2 td a { color:black; }
.feature_categ_name { font-weight:bold; padding-top:5px; color:red; }
table.car_search_results .pagingDiv a { color:red; }


table.featured_cars          { text-align:center; margin-top:10px; }
table.featured_cars td       { font-size:9pt; width:130px; }
table.featured_cars td.image { padding:0px; }
table.featured_cars td.text  { padding:2px 10px 20px 10px; }
table.featured_cars a        { text-decoration:none; }
table.featured_cars img      { border:solid white 1px; }

.pagingDiv   { text-align:left; font-size:8pt; padding-top:1em; padding-bottom:1em; }



table.input_form    { border-collapse:collapse; background-color:#333333; border-style:solid; border-width:2px; margin-right:10px; border-color:white; }
table.input_form th { font-size:1.4em; font-weight:bold; padding:7px; text-align:left; }
/*  Apply only to outer cell of the table (don't affect nested tables)  */
table.input_form > tbody > tr > td { font-size:9pt; padding:5px; border-style:solid; border-width:2px; text-align:left; }

/*  Hide from IE5-mac. \*/
* html table.input_form td    { font-size:9pt; padding:5px; border-width:2px;  text-align:left; }
* html table.input_form td td { font-size:9pt; padding:0px; border-style:none; text-align:left; }
/* End hide from IE5/mac */



/*  Car details  */
table#seller_details    { border-collapse:collapse; width:100%; border:solid #666 1px; }
table#seller_details td { padding:10px; background-color:#ccc; color:black; }
.hyperlink              { cursor:hand; cursor:pointer; }
#car_custom_main_image  { filter:progid:DXImageTransform.Microsoft.Fade(duration=0.4); }
td#car_details_features { text-align:left; vertical-align:top; font-family:Tahoma,sans-serif; font-size:13px; }
td#car_details_seller_notes { text-align:left; vertical-align:top; font-family:Tahoma,sans-serif; font-size:13px; padding-top:0.5em; }


/*  Footer  */
#footer           {
	margin-top:2em;
	font-size:10px;
	color:white;
	text-align:center;
}
#footer a         { font-style:normal; }
#footer a:link    { color:white; }
#footer a:visited { color:#ccc; }
#disclaimer       { font-size:7pt; }


/*  Banners  */
.banner1     { width:568px; text-align:center; }
.banner1 img { border:solid gray 1px; }
.banner1 img.noborder { border-style:none; }
.banner2     {  }
.banner2 img { border:solid gray 1px; }
.banner2 img.noborder { border-style:none; }





body.popup { color:white; background-color:#333;}


/*  SHOP ORDER STEPS  */
#orderSteps                          { border-collapse:collapse; margin:0 auto; margin-bottom:10px; }
#orderSteps td						 { padding:0; margin:0; line-height:0px; }										
#orderSteps td div                   { }
#orderSteps td.stepDescription       { padding-right:5px; }
#orderSteps td.finalStep             { padding-right:0px; }
#orderSteps .stepIndicator           { padding:0px; margin:0px; text-align:center; }
#orderSteps .stepIndicator img		 { display:block; margin:0; }
#orderSteps .stepCurrent,
#orderSteps .stepActive				 { background:black; color:white; }
#orderSteps .stepActive a            { color:white; }

.bodytext { font-size:13px; }
