/*
* -------------------------------
* common 
* ------------------------------- 
*/

* { padding: 0; margin: 0;  }

body { font: 12px Verdana, sans-serif; background: #FFF; line-height: 18px;  }

a { text-decoration: none; }
a:active { outline: none; }
a img { border: none; }
.cleaner { display: block; height: 1px; overflow: hidden; clear: both; }

li { display: block; list-style-type: none; }
h1, h2, h3, h4 { font: normal 28px Arial, Verdana, Helvetica, sans-serif; }

h1 { margin: 0 0 20px 0; }
h1 span { color: #000; }
h2 { font-size: 22px; margin: 0 0 20px 0;  }
h3 { font-size: 18px; margin-bottom: 5px; }
h4 { font-size: 14px; margin-bottom: 5px; }

p { padding: 0 0 20px 0;  }
p a { color: #C00; text-decoration: underline;  }
p a:visited { color: #600; }

/* --- Layout --- */
#page_container { width: 960px; margin: 0 auto; padding: 20px 0; position: relative;  }

#header { height: 90px; overflow: hidden; margin-bottom: 20px; }
#header h1 { width: 360px; height: 90px; float: left;  }
#header h1 a { display: block; width: 100%; height: 100%; text-indent: -1000px; }

#header ul { height: 32px; width: 590px; overflow: hidden; padding-left: 9px; }
#header ul li { float: left; height: 32px; }
#header ul li a { float: left; height: 32px; line-height: 32px; padding: 0 9px; color: #000; font-size: 12px; }
#header ul li.selected a,
#header ul li a:hover { text-decoration: underline;  }
#header ul li.feedback { float: right; }

#header h3 { width: 238px; height: 37px; margin: 10px 0; line-height: 53px; float: left; color: #FFF; text-align: right; padding-right: 10px;  }

#header .search { width: 320px; display: block; height: 47px; margin: 10px 0 0 0; padding: 0 0 0 10px; float: left;  overflow: hidden; }
#header .search h4 { color: #FFF; font-size: 14px; margin: 0;  }
#header .search strong { display: block; padding: 7px 0 5px 0;  }
#header .search strong.help { padding: 0 0 0 2px; margin: 1px 0 0 0; color: #FFF; font: 9px/8px Tahoma, sans-serif; cursor: default; }
#header .search strong.help span { color: #FFF; }
#header .search select { width: 100px;  }
#header .search input { width: 92px;  }
#header .search form .field { padding: 0 1px;  }

#hbar { height: 25px; margin: -20px 0 20px 0; border-bottom: 1px solid #CCC; overflow: hidden; }
#hbar .inner { padding: 0 15px; line-height: 25px;  }
#hbar a { text-decoration: underline;  }
#hbar .left { width: 50%; float: left; overflow: hidden;  }
#hbar .right { width: 50%; float: right;  overflow: hidden; text-align: right;  }
#hbar .right a { padding: 0 5px;  }

#bar { margin-top: 20px; color: #FFF; }
#bar .inner { padding: 10px 15px;  }
#bar a { color: #FFF; }

#footer { margin-top: 20px; padding: 0 0; clear: both; }
#footer a:hover { text-decoration: underline;  }
#footer ul { clear: both; border-top: 1px solid #CCC; padding-top: 5px; margin-bottom: 5px; height: 20px; }
#footer ul li { float: right; border-left: 1px solid #CCC; padding: 0 10px; display: block; line-height: 20px;  }
#footer ul li.right { float: left; border: none; border-right: 1px solid #CCC; }
#footer ul li.rights { float: left; border: none; padding: 0 10px;  }
#footer ul li.last { border: none; }
#footer ul li.right.last { border: none; }
#footer .copyright { border-top: 1px solid #CCC; padding: 5px 340px 0 10px; float: left;   }

#footer .banklogo { display: block; height: 60px; background: #CCC; margin-top: 5px; float: right;  }
#footer .banklogo img { display: block;  }


#cnt { position: relative; height: 1%; }
#cnt.column { float: left; width: 710px; margin-right: 20px; }

#sidebar { width: 230px; color: #FFF; float: left;  }

/* --- Sidebar panels --- */
#sidebar .panel { margin: 0 0 20px 0;  } 

#sidebar .panel,
#sidebar .panel h2,
#sidebar .panel h3,
#sidebar .panel h3 a { color: #FFF; }

#sidebar .panel .cnt { color: #FFF; }
#sidebar .panel .cnt a { color: #FFF; }

#sidebar .panel .cnt li { font-size: 10px; list-style: none outside; }
#sidebar .panel .cnt li a { display: block; line-height: 20px; color: #FFF; padding-left: 5px; position: relative;  }
#sidebar .panel .cnt li.selected a { background: #FFF; color: #000; }

#sidebar .panel .cnt ul li .new { width: 30px; color: #FFF; display: block; height: 20px; font-size: 12px; line-height: 20px; position: absolute; top: 0; right: 0; text-align: center; font-weight: bold; overflow: hidden;  }

#sidebar .panel#car_services .cnt ul li { width: 50%; float: left; overflow: hidden;  }
#sidebar .panel#car_services .item { background: #FFF; color: #000; margin: 10px 0 20px 0; }
#sidebar .panel#car_services .item a { color: #000; } 
#sidebar .panel#car_services .item img { display: block; margin-bottom: 4px; }
#sidebar .panel#car_services .item strong { display: block; font-weight: normal; font-size: 12px; color: #666; padding-bottom: 5px; }
#sidebar .panel#car_services .item .whitebox_bottom_right { padding: 10px 15px; zoom: 1; }

#sidebar .field .button.submit {  font-size: 11px; font-family: Verdana, sans-serif; cursor: pointer; }

/* --- Basic grid styles --- */
.col { float: left; overflow: hidden;  }
.col .inner { padding: 0 20px 0 0; }

.col.w2 { width: 50%; }
.col.w3 { width: 33%; }
.col.w4 { width: 25%; }
.col.w5 { width: 20%; }

.col.w23 { width: 66%; }
.col.w34 { width: 75%; }
.col.w25 { width: 40%; }
.col.w35 { width: 60%; }

/* --- Lists --- */
.list { width: 100%; border-collapse: collapse; }
.list .name { width: 100px; }
.list .buyer_type { width: 100px; }
.list .buyer_location { width: 100px; }
.list .trave2view { width: 100px; }
.list .buying_limit { width: 100px; }
.list .buying_req { width: 200px; }
.list .contact { width: 100px; }

.list thead th { text-align: left; /*color: #007bc1; */ color: #444; font-weight: normal; font-size: 14px;   }
.list td,
.list th { padding: 5px; border-bottom: 1px solid #CCC; }
.list td {   }
.list tfoot td { border: none; }

/* --- News list --- */
.news {  }
.news li { list-style: none outside; }
.news li a { display: block; border-bottom: 1px solid #CCC; padding: 20px 0;  }
.news li a strong { color: #333; font-weight: normal; font-size: 18px;   }
.news li a .date { display: block; color: #999; }
.news li a .desc { display: block; color: #444; padding-top: 10px; }

/* --- Faq --- */
#faq dt { font-size: 14px; color: #007bc1; cursor: pointer; }
#faq dd { padding: 10px; margin-bottom: 10px; }

/* --- Page --- */
.page { line-height: 18px; color: #333;  }
.page h2 { margin: 0 0 10px 0;  }
.page ul { padding: 0 20px 20px 20px; }	
.page ul li { display: list-item; padding-bottom: 5px;  }

/* --- Services --- */
#services table { border-collapse: collapse; table-layout: fixed; }
#services table td { width: 200px; padding: 0 0 15px 0; vertical-align: top; border: solid #FFF; border-width: 0 32px 20px 0; text-align: left;   }
#services table td .holder { width: 200px; display: block; overflow: hidden; height: 100%; float: left;  }
#services table td.empty { background: none; }
#services table td.last { border-right: none; }
#services table a { display: block; color: #FFF; padding: 0 20px 20px 20px;  }
#services table a img { display: block; margin: 5px 0; border: 1px solid #FFF;  }
#services table strong { display: block; font-weight: normal; font-size: 14px; margin: 20px 0 5px 0; color: #FFF; padding-left: 20px; }

/* --- Lists --- */
#listing-filter { background: #EEE; margin-bottom: 20px; padding: 10px; position: relative; font-size: 10px; border: 1px solid #CCC; }
#listing-filter select { font-size: 10px; width: 90%; }
#listing-filter a.button { float: none; position: absolute; bottom: 10px; right: 10px; }
#listing-filter a.button.apply {  }
#listing-filter label { font-weight: bold; display: block;  }
#listing-filter .input { margin-bottom: 5px; }
#listing-filter .input input.field { width: 90%;  }

#paging { padding: 0;  }
#paging ul { display: none;  }

#paging li { display: inline; padding: 0 5px; }
#paging li.prev { padding-right: 10px; }
#paging li.next { padding-left: 10px; }

#paging li a {  }
#paging li.selected a { font-weight: bold; text-decoration: underline;  }
#paging li a:hover { text-decoration: underline; }

#id_county { width: 110px; }
#sb_activation {  }
#sb_activation .buttons { border: none; padding: 0;   }
#sb_activation form .field { border: none; padding: 0;   }
#sb_activation form .field input { margin: 0;  }
#add_items { margin-top: 20px; border-top: 1px solid #CCC; padding-top: 20px; }

/* --- Messages list --- */
.grid { border: solid 1px #CCC; border-width: 0 0 1px 0; padding: 0; margin: 0;   }
.grid ul { padding-left: 0; display: none;  }
.grid span { display: block; float: left; height: 24px; line-height: 24px; overflow: hidden; overflow: hidden;  }

.grid li { list-style: none outside; display: block; }
.grid li.header span { border: none; font-size: 14px; color: #666; }

.grid .line { border-top: solid 1px #CCC; border-left: none; float: none; padding: 0;  }
.grid .expand { height: 16px; }
.grid .actions, .list.grid .expand { border: none; }

.grid li:hover { background: #FFF; }
.grid .line:hover { background: #EEC; }

.grid li  	  .expand { padding: 0; }
.grid li li   .title { text-indent:  20px; }

.grid .toggle  			{ width: 20px; border: none; padding: 0;  }
.grid .toggle a 		{ color: #000; display: block; width: 24px; height: 24px; text-indent: -1000px;  }
.grid .toggle a.minus, 		
.grid .toggle.active a 	{  }
.grid .toggle a.loading	{  }

.grid span.checkbox 	{ width: 3%; padding-left: 5px; }
.grid .title 			{ width: 33%;  }
.grid .name 			{ width: 20%; }
.grid .time				{ width: 25%; }
.grid .status 			{ width: 10%; }
.grid .delete			{ width: 20px; height: 24px; background-position: left center; }

.grid .cant_read			{ background: #DDD; border-color: #999; }
.grid .cant_read .status,
.grid .cant_read .title a	{ color: #900; font-weight: bold;  }

	
/* --- Overlay --- */
.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity=50);
}


.window { display: none; width: 600px; position: fixed; top: 90px; left: 50%; margin: 0 0 0 -300px; background: #FFF; max-height: 70%; overflow: auto; }
.window .hdr { padding: 20px 20px 0 20px;  }
.window .cnt { padding: 10px 20px 20px 20px;  }
.window .cnt .cancel { float: right;  margin-right: 0; }

#latest_news { color: #FFF; }
#latest_news h3,
#latest_news a { color: #FFF; }
#latest_news a:hover { text-decoration: underline;  }

.news_rss { display: block; width: 170px; padding: 5px 60px 0 0; height: 48px; background: url('images/Billboard_Feed_Add_48x48.png') right top no-repeat; text-align: right;  float: right; outline: none; color: #999; }
.news_rss:hover { color: #444; }

/* --- Comments --- */
.comments_list { margin-top: 20px; }
.comments_list li { display: block; border-top: 1px solid #CCC; padding: 10px 15px;  }
.comments_list li.odd { background: #EEE; }
.comments_list li .name { font-weight: bold; display: block; width: 100%;  }
.comments_list li .date { display: block; color: #999; }
.comments_list li .comment { display: block; padding: 10px 0;  }

#registration_form h2 strong { font-weight: bold; color: #900; }

.standard { border: 1px solid #CCC; width: 100%; border-collapse: collapse; margin-bottom: 20px; }
.standard td,
.standard th { padding: 2px 5px;  border: 1px solid #CCC; text-align: left;  }
.standard th.right { text-align: right; width: 20%;   }
.standard .total { background: #EEE; }

.activate_account { }
.activate_account .field { border: none; padding: 0; }
.activate_account .field input { float: right;  }

.contacts span { display: block; font-size: 15px;  }

.recite { width: 100%; border-collapse: collapse; border: 1px solid #CCC; margin-bottom: 20px; }
.recite td,
.recite th { padding: 3px 5px; border: 1px solid #CCC; }
.recite td { text-align: right;  }
.recite tbody th { text-align: left; background: #EEE; }
#user_panel { float:left; margin-right:20px; width:710px;  }

.bluebox_top_left .list th,
.bluebox_top_left .list th a,
.bluebox_top_left .list td { color: #FFF; border-color: #FFF; }

#sellers.mod ul,
#buyers.mod ul { border-bottom: 1px solid #CCC; }
#sellers.mod ul li,
#buyers.mod ul li { border-top: 1px solid #CCC; }
#sellers.mod ul li a,
#buyers.mod ul li a { display: block; padding: 3px 5px; }
#sellers.mod ul li a:hover,
#buyers.mod ul li a:hover { background: #EEE; }

.cost span { font-size: 80%; display: block; }

.data_info { border-top: 3px solid #CCC; padding-top: 20px; }

#id_disabled_subscription_id li,
#id_van_subscription_id li,
#id_car_subscription_id li,
#id_bike_subscription_id li,
#id_truck_subscription_id li,
#id_home_subscription_id li { float: left; padding-right: 16px; }

#id_disabled_subscription_id li input,
#id_van_subscription_id li input,
#id_car_subscription_id li input,
#id_bike_subscription_id li input,
#id_truck_subscription_id li input,
#id_home_subscription_id li input { position: relative; top: 3px; }

#id_home_subscription_id,
#id_van_subscription_id,
#id_car_subscription_id,
#id_bike_subscription_id,
#id_truck_subscription_id,
#id_disabled_subscription_id { overflow: hidden; padding: 3px;  }

#id_disabled_subscription_id { background: #EEE; color: #444; }


/*
* -------------------------------
* forms 
* ------------------------------- 
*/

form { padding: 0; font-size: 11px;  }

form br { line-height: 22px; }

form #errors { border: 1px solid #900; color: #900; margin: 0 0 20px 0; padding: 7px 10px; background: #FFF; }
form #errors p { padding-bottom: 0; }
form #errors li { padding: 0 0 3px 0; }
form #errors li label {  }

form input { }
label { display: block; font-weight: bold; margin: 0 0 2px 0; }

form .input strong span,
label span { color: #F00; }

form ul ul { padding: 0 20px; }
form ul li label { display: inline; padding: 0 0 0 5px;  }

form textarea { display: block; width: 100%; border: none; }
form option { }
form select { border: 1px solid #999; }
form select option { padding-right: 10px; }

form .col .col select { width: 190px;  }
#user_panel form .col .col select { width: 130px;  }
form#edit .col .col select { width: 110px;  }

form .col.w25 select { width: 110px;  }

form #id_birth_date  { width: 40px; }
form #id_birth_month { width: 80px; }
form #id_birth_year  { width: 60px; }

form fieldset { padding: 20px 20px 0 20px; border: solid #999; border-width: 1px 0 0 0; margin: 0 0 20px 0;  }
form fieldset legend { padding: 0 10px; font: normal 24px Arial, Verdana, Helvetica, sans-serif; color: #007bc1;  }

form .input { padding-bottom: 10px; clear: both; }
form .input .file-img { display: block; width: 80px; height: 70px; margin-right: 5px; padding: 5px; background: #FFF; border: 1px solid #999; }
form .input .file { margin-bottom: 8px;  }
form .input.invalid .field { background: #FEE; border-color: #900; }
form .input .error { color: #A00; font-size: 90%; font-weight: bold; float: left;   }

form ul.permissions > li {  display: block; width: 50%; float: left;  }
form ul.permissions strong { display: block; margin-top: 10px; }

form .checkbox { display: inline;  }
form .list .checkbox { display: inline; font-weight: normal;  }

form .field { border: 1px solid #999; background: #FFF; padding: 2px 3px; }
form .field .field { border: none; width: 100%; padding: 0; }

form .help { display: block; font-size: 10px; color: #666; font-weight: normal;  }

form .buttons { clear: both; padding: 10px 0; border-top: 3px solid #CCC; }
form .buttons .field { border: none; background: none; padding: 0; }
form .buttons input { display: block; float: left; margin-right: 10px; height: 25px; line-height: 20px; padding: 0 20px;  border: none; cursor: pointer; color: #FFF; font-family: Verdana, sans-serif; }

.button 		{ display: block; float: left; height: 25px; line-height: 25px; padding: 0 20px; margin: 0 5px 5px 0; border: none; color: #FFF; }
.right .button 	{ margin-right: 0; margin-left: 5px; } /* left aligned - swapping margins left/right */

form .buttons .right { float: right; display: block; font-weight: bold; height: 20px; line-height: 20px;  }
form .buttons .right a { font-weight: normal;  } 

.search form .input { clear: none; float: left; padding-right: 4px; }

/* --- File types --- */
.file-type { padding: 5px 0 5px 30px; font-weight: bold; color: #000; border: solid #999; border-width: 1px 0; margin: 5px 0 10px 0;  }
.file-type a { }
.file-type.jpg {  }

/* --- SelectSwap jQuery Plugin CSS --- */
.hiddenSelect { display: none;  }

.jq_select { border: 1px solid #CCC; padding: 3px;  }

#price_structure { position: absolute; top: 405px; left: 170px; background: #FFF; padding: 20px; border: 1px solid #CCC; }
#price_structure table { border-collapse: collapse; margin-bottom: 10px; margin-left: 1px; }
#price_structure table td { border: 1px solid #CCC; padding: 2px 5px; font-size: 11px;  }

.example { display: inline; position: relative; color: #369;  }
.example:hover { cursor: pointer; text-decoration: underline;  }
.example:hover span { display: block; }
.example span { display: none; width: 150px; position: absolute; top: 20px; left: -30px; border: 1px solid #CCC; background: #FFF; padding: 10px; color: #000; font-size: 9px; line-height: 12px;  text-align: justify; text-decoration: none;  }


table td.icons { width: 20px; }
a.icon { display: block; width: 16px; height: 16px; background-position: left top; background-repeat: no-repeat; overflow: hidden; text-indent: -1000px;  }

.icon.delete		{ background-image: url(icons/page_delete.png); 		}
.icon.edit 			{ background-image: url(icons/page_edit.png); 			}
.icon.results 		{ background-image: url(icons/zoom.png); 				}

.icon.contact,
.icon.message 		{ background-image: url(icons/comment_add.png); 		}
.icon.requests 		{ background-image: url(icons/page_white_stack.png) 		}

#sidebar #login.panel { margin: 0;  }
#login form .input .field { border: none; }
#login form .buttons { padding: 0; border: none; margin: 0;  }
#login form .buttons .field { border: none; background: none; padding: 0; }
#login form .buttons input { display: block; float: left; margin-right: 10px; height: 25px; line-height: 20px; border: none; cursor: pointer; font-weight: bold;   }

#login .buttons .right a { font-size: 10px; display: block; float: left; padding: 3px 0 0 0; }
#login .buttons .right a:hover { text-decoration: underline;  }

#message_form { padding-top: 20px; }

#login_toggle .input { background: #EEE; color: #C00; padding: 10px; margin: 0 0 10px 0; border: 1px solid #CCC; }
#login_toggle .input .help { color: #999;  }

#login_holder { display: none;  }

#message { background: #EEE; border: 1px solid #CCC; padding: 20px 20px 0 20px; margin-bottom: 20px; }
#message h2 { margin: 0;  }
#message .content { padding: 0 0 10px 0;  }
#message .display_name {  }
#message .hdr { margin: 0 0 20px 0; }
.message-container .buttons { clear: both; margin-bottom: 40px; padding-top: 5px; border-top: 2px solid #CCC; }


#request_data { width: 300px; float: right; background: #FFF; border: 1px solid #CCC; padding: 10px; font-size: 10px; margin: 0 0 20px 20px;  }
#request_data .input { clear: both; }
#request_data .input label { float: left; display: block; padding-right: 5px; }
#request_data .input .label_value { padding-left: 5px; display: block; }
#request_data .input label.text { float: none; clear: both; width: 100%; padding: 0;  }


/*
* -------------------------------
* registration 
* ------------------------------- 
*/

#steps { border-collapse: collapse; width: 100%; margin-bottom: 40px; table-layout: fixed; }
#steps td { border-right: 1px solid #FFF; }
#steps td a { display: block; padding: 0 0 0 20px; height: 30px; line-height: 30px; color: #FFF;  }
#steps td.selected a { background: #666; }

.button.done,
.button.resets { float: right; margin: 0 0 0 15px;  }

#subscription { width: 100%; border-collapse: collapse; }
#subscription td,
#subscription th { padding: 2px 5px;  border: 1px solid #CCC; text-align: left; font-size: 10px;  }
#subscription thead th { font-weight: normal; font-size: 11px; font-weight: bold;  color: #007BC1; border: none; border-bottom: 2px solid #007BC1; padding-bottom: 5px; text-align: center; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-top: 1px solid #CCC;  }
#subscription tfoot th,
#subscription tfoot td { font-weight: normal; font-size: 11px; font-weight: bold;  color: #007BC1; border: none; border-top: 2px solid #007BC1; padding: 3px; text-align: center; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#subscription tfoot th { text-align: left;  }
#subscription tbody th { background: #EEE; }

#subscription .bronze 	{ width: 20%; background: #FFF; }
#subscription .silver 	{ width: 20%; background: #EEE; }
#subscription .gold 	{ width: 20%; background: #FFF; }
#subscription .platinum { width: 20%; background: #EEE; }

#user_panel .list th,
#user_panel .list td { padding: 4px 2px;  }
#user_panel .list thead th { font-size: 11px; font-weight: bold; }
#user_panel .list thead td { font-size: 10px;  }

.box .binner { overflow: hidden;  }
.box .box #subscription { margin: 0 -21px 20px -19px; width:460px; border-right: 1px solid; }
#user_panel #subscription { width: auto;  }

/*
* -------------------------------
* index 
* ------------------------------- 
*/

/* --- Index image --- */
.index .image { width: 320px; height: 260px; float: left; margin-right: 40px; }
.index .image a.active_search { display: block; width: 320px; height: 252px; text-indent: -10000px;  }
.index .image a { color: #FFF; }
.index .image .col a { color: #FFF; padding: 0 10px; font-size: 10px; white-space: nowrap; }

.index .image .left,
.index .image .right { width: 50%; float: left; overflow: hidden; text-align: left; font-size: 22px; line-height: 24px; font-weight: normal; color: #FFF; margin: 10px 0;  } 

.index .image .left a,
.index .image .right a { color: #FFF; text-decoration: none;  } 


.index .image .left { text-align: right;  }
.index .image .left .inner { border-right: 1px solid #FFF; }
.index .image .inner { padding: 10px 10px; }
.index .image .inner * { padding: 0; }
.index .image .right { text-align: left;  }

.index .image .bluebox_bottom_right { height: 388px;  }

.index .holder { float: left; height: 388px;  overflow: hidden; width: 600px; position: relative;  }

.index .holder .box { zoom: 1; }
.index .holder .box .bbl { padding-top: 10px; zoom: 1; }

/* --- Latest request list --- */
#latest_rq { padding: 0 15px; height: 218px;  overflow: hidden; color: #AAA; }
#latest_rq .hdr { position: relative; margin-bottom: 20px; }
#latest_rq .hdr a { display: block; position: absolute; top: 5px; right: 0px; text-transform: uppercase; font-size: 10px; }
#latest_rq ul { border-bottom: 1px solid #CCC;  } 
#latest_rq li { border-top: 1px solid #CCC; padding: 1px 5px; list-style: none outside;  }
#latest_rq li a {  }

#latest_rq table { width: 100%; border-top: 1px solid #CCC; border-collapse: collapse; }
#latest_rq table td { border-bottom: 1px solid #CCC; }

/* --- Index modules | Car Services | Buyers | Sellers --- */
.index .mod { width: 290px; float: left; margin: 20px 20px 0 0; overflow: hidden; }
.index .mod .hdr { padding: 20px 20px 0 20px; position: relative;  }
.index .mod .hdr h3 { font-size: 24px; }
.index .mod .hdr a.register { display: block; width: 90px; height: 25px; background: url(images_cars/button_bgrd_left.jpg) left top no-repeat; color: #FFF; position: absolute; top: 20px; right: 20px; }
.index .mod .hdr a.register span { display: block; width: 100%; height: 100%; font-size: 11px; line-height: 25px; background: url(images_cars/button_bgrd_right.jpg) right top no-repeat; color: #FFF; text-align: center;  }
.index .mod .hdr a.register:hover { font-weight: bold; text-decoration: underline;  }

.index .mod .cnt { height: 94px; padding: 0 20px 0 20px;  }
.index .mod .cnt .more { padding: 0 15px 0 0;   }
.index .mod .cnt .more:hover { text-decoration: underline;  }
.index .mod .cnt .links { padding-top: 10px; text-transform: uppercase; font-size: 10px;  }

.index .mod#car_services { width: 320px; margin-right: 40px; overflow: hidden;  }
.index .mod#car_services .hdr h3 { color: #999; }
.index .mod#car_services ul { }
.index .mod#car_services ul li.first { margin-right: 20px; }
.index .mod#car_services ul li { display: block; float: left; width: 130px;  } 
.index .mod#car_services ul li a { display: block; line-height: 18px; border-bottom: 1px solid #CCC; color: #000; font-size: 11px;  } 

.index .mod#sellers { margin-right: 0; }

.index .mod#sellers .cnt,
.index .mod#buyers .cnt { height: 52px; padding: 0 20px; overflow: hidden; margin-bottom: 10px;  }

.index .mod .links { height: 16px; padding: 0 20px 10px 20px; overflow: hidden; line-height: 16px; margin-bottom: 5px; }
.index .mod .links .more { float: right; padding: 0 0 0 10px;   }
.index .mod .links a { float: left; text-align: left;  }
.index .mod .links a:hover { text-decoration: underline;  }

.index .search { overflow: hidden; margin: 0 10px;  }
.index .search .input { padding-bottom: 0; }
.index .search .button { }
.index .search .cnt { height: 31px; padding: 10px 0 0 5px; }
.index .search h4 { color: #666; font-size: 14px; margin: 0 10px 0 0; float: left; padding: 2px 0 0 0;  }
.index .search select { height: 20px; width: 100px; }
.index .search input { width: 92px; }
.index .search form .field { padding: 0 1px;  }
.index .search strong.help { padding: 0 0 0 2px; margin: 1px 0 0 0; color: #000; font: 9px/8px Tahoma, sans-serif; cursor: default; }
.index .search strong.help span { color: #000; }


.howitworks h2 { margin: 0 0 10px 0; }
.howitworks .more { display: block; width: 100px; margin-top: -18px; float: right; }
.howitworks .cnt p { padding: 0; clear: both;  }
.howitworks .cnt { height: 81px; overflow: hidden;   }

/* --- Links to the other sections --- */
.sitesec { display: block; width: 230px; height: 150px; float: left; background: #CCC; margin-right: 13px; margin-top: 20px; }
.sitesec a { display: block; width: 100%; height: 100%; text-indent: -1000px; overflow: hidden;  }

.sitesec.cars 	{ background: url('images/index_mod_buyers4cars2.jpg') 		left top no-repeat; }
.sitesec.homes 	{ background: url('images/index_mod_buyers4homes2.jpg') 	left top no-repeat; }
.sitesec.bikes 	{ background: url('images/index_mod_buyers4bikes2.jpg') 	left top no-repeat; }
.sitesec.vans 	{ background: url('images/index_mod_buyers4vans2.jpg') 		left top no-repeat; }
.sitesec.trucks { background: url('images/index_mod_buyers4trucks2.jpg')	left top no-repeat; }

.sitesec.last { margin-right: 0; }