* { margin: 0px; padding: 0px; }



* html body {

  overflow: hidden;

}



html, body {

    font-family: Arial, sans-serif;

    font-size: 12px;

    color: #000000;

    margin:0px;

    padding:0px;

    border:0px;

}



body {
    width: 400px;
    min-width: 400px;  /* 2x (LS fullwidth + CC Padding) + RC fullwidth */

}



h1 {

  font-size:16px;

  color: #006e79;

  font-weight:normal;

  margin-bottom:0px;

}



h2 { font-family: tahoma, verdana, arial, helvetica; color: #666666; font-size: 120%; margin: 0 0 5px 0; padding: 0;}

h3 { font-family: tahoma, verdana, arial, helvetica; color: #666666; font-size: 110%; font-weight: bold; margin: 0 0 5px 0; padding: 0;} 



/***************************************************/

/*************** Template Structure ****************/

/***************************************************/

#container {

  padding-top:0px;

  padding-left:0px;

  padding-right:0px;

}



#container .column {

  position: relative;

  float: left;

}



#header {

  border-bottom: #DDD 1px solid;

}

  

#center {

  padding:0px 0px;

}



#left { width: 200px; /* LC width */ padding-left: 10px;  /* LC padding */ margin-left: -100%;  right: 230px; /* LC fullwidth + CC padding */ }

#right { width: 200px; /* RC width */ padding-right: 10px;  /* RC padding */  margin-right: -230px; /* RC fullwidth + CC padding*/ }

#footer { padding-top: 15px; border-top: #DDD 1px solid; clear: both; }

#left { *left: 210px; } /* RC fullwidth */ /*** IE6 Fix ***/   



/***************************************************/

/*************** FORM STYLES ***********************/

/***************************************************/

div.form-container { padding: 0px 5px 0px 5px; background-color: #FFF; }

div.form-container form p { margin: 0; }

div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; margin-top: 3px; }

div.form-container div.controlset { margin-left: 170px; float: none;}

div.form-container div.controlset input { width: auto; margin-bottom: 5px; vertical-align: middle; border:0 none; }

div.form-container input.controlset { width: auto; }

div.form-container select.page-numbers  { width: 50px; padding: 1px; font-size: 90%; }

div.form-container input.error, div.form-container select.error, div.form-container textarea.error { border: 1px solid #C00; background-color: #FEF; }

div.form-container div.custom { padding: 3px 5px 3px 5px; }

/*

div.form-container fieldset ol { margin: 0; padding: 0; }

div.form-container fieldset li { list-style: none; padding: 5px 0 5px 0; margin: 0; }

div.form-container em { font-weight: bold; font-style: normal; position: absolute; right: 0; color: #C00; }

div.form-container label { font-size: 12px; margin-right: 10px; padding: 0px 10px 0 0; width: 150px; display: block; float: left; text-align: right; position: relative; }

div.form-container label.error { color: #C00; }

div.form-container fieldset.buttonrow { border: 0px; margin: 0px; padding: 0px; margin-left: 180px; }

*/

fieldset ol { margin: 0; padding: 0; }

fieldset li { list-style: none; padding: 5px; margin: 0; clear: both; }

div.form-container em { font-weight: bold; font-style: normal; right: 0; color: #C00; } /* removed position: absolute; due to IE7 overlap bug */

fieldset label { font-size: 12px; margin-right: 10px; padding: 0px 10px 0 0; width: 150px; display: block; float: left; text-align: right; position: relative; }

label.error { color: #C00; }

div.form-container fieldset.buttonrow { border: 0px; padding: 0px; }

div.form-container fieldset.buttonrow input { margin: 0 0 0 185px; }



fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; -moz-border-radius: 8px; border-radius: px; }

fieldset.hidden { border: 0px; }

fieldset li img { padding-left: 10px; }

fieldset li p img { padding: 0; }

legend { font-weight: bold; color: #555; padding: 5px 10px 5px 10px; border: #DDD 1px solid; background-color: #EEE }

fieldset div div img { padding: 0px; } /* fix for tree selects */

input.submit-button { background-color: #EEE; border: 1px solid #C6C3C6; color: #666; padding: 2px 5px 2px 5px; cursor: pointer; width: auto;}

input.submit-button:hover { background-color:#f5f7fa; border: 1px solid #79a8f5;}

input, textarea, select { width: 250px; background-color: #FFFFFF; font-size: 12px; color: #000000; font-family: inherit;  border: 1px solid #C0C0C0; padding: 3px 5px 3px 5px; }

select option { padding-left: 5px; }

select { width: 262px; padding: 2px 3px 2px 3px; }

textarea { height: 150px; }

input:focus, input.error:focus, textarea:focus { background-color: #f5f7fa; border: 1px solid #79a8f5; }



/***************************************************/

/**************** TABLE LIST ***********************/

/***************************************************/

div.table-list table { width: 100%; margin-bottom: 10px;}

div.table-list table, div.table-list td { border: 1px solid #CCC; border-collapse: collapse; font-family: tahoma, verdana, arial, helvetica; }

div.table-list thead th, div.table-list tbody th { background: #FFF url('images/gradient_silver.gif') repeat-x; color: #666; border-left: 1px solid #CCC; text-align: left; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px}

div.table-list tbody th { background: #fafafb; border-top: 1px solid #CCC; text-align: left; font-weight: normal; }

div.table-list tbody tr td { padding: 5px 10px; color: #666; }

div.table-list tbody tr.odd,

div.table-list tbody tr.odd th { background: #f6f6f6; }  

div.table-list tbody tr:hover { background: #FFF url('images/table_tr_background.gif'); }

div.table-list tbody tr:hover th { background: #FFF url('images/table_tr_background.gif'); color #454545 }

div.table-list tbody tr:hover td { color: #454545; } 

div.table-list tfoot td, div.table-list tfoot th { border-left: none; border-top: 1px solid #CCC; padding: 5px 10px; background: #ebebeb; color: #666; font-weight: normal; }

div.table-list caption { text-align: left; padding: 5px 0 0 5px; color: #666; height: 4ex;}

div.table-list caption span.page-numbers { font-size: 90%; padding-bottom: 3px; }

div.table-list caption span.page-numbers-results, div.table-list caption span.page-numbers-results a { font-size: 90%; margin-top: 3px; }



div.table-list table a:link { color: #666; }

div.table-list table a:visited { color: #666; }

div.table-list table a:hover { color: #003366; text-decoration: none; }

div.table-list table a:active { color: #003366; }



/* Page Numbers in Table List */

span.page-numbers-results { float: left; }

span.page-numbers { float: right; } 

div.table-list span.page-numbers a { text-decoration: none; }

div.table-list span.page-numbers a:hover { text-decoration: underline; }



/***************************************************/

/**************** BOX STYLES ***********************/

/***************************************************/

div.box {margin: 0px auto; padding: 0px 0; }

.box .box-header {}

.box .box-header .box-side {margin-left:0; margin-right:0; margin-top:5px; margin-bottom:0 }

.box .box-header img { float: right; margin:0px; border: 0px; }

.box .box-body {}

.box .box-body .box-side {}

.box .box-body .box-side .box-content {width:400px; margin:0px 1px; padding:0px; text-align: left }

.box .box-footer {}

.box .box-footer .box-side { font-size:1px; height:2px;}

.box .box-header h1 { font-size: 12px; margin:0px; padding-top: 0px; /*color: #314774;*/ color: #616161; }

.box p { margin:0.5em 0px 0px 0px; padding:0px; }

.box ul.box_list li.box_list { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt; background:transparent url(images/arrow.gif) no-repeat scroll 0px 2px; padding-left: 18px; padding-bottom: 5px;}

.box ul.box_list { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt; padding: 0pt; }



/***************************************************/

/**************** STAR RATING **********************/

/***************************************************/      

.star-rating { background:url('images/star_rating.gif') repeat-x left top; height:16px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0px; position:relative; width:80px }

.star-rating li { float:left; margin:0px; padding:0px; clear: none; }

.star-rating li a { display: block; height: 16px; line-height: 16px; overflow: hidden; padding: 0px; position: absolute; text-decoration: none; text-indent: -9000px; width: 16px; z-index: 20; }

.star-rating li a:hover { background: url('images/star_rating.gif') left center; border: medium none; left: auto; z-index: 2 }

.star-rating a.one-star { left:0px; }

.star-rating a.one-star:hover { width:16px; }

.star-rating a.two-stars { left:16px; }

.star-rating a.two-stars:hover { width:32px; }

.star-rating a.three-stars { left:32px; }

.star-rating a.three-stars:hover { width:48px; }

.star-rating a.four-stars { left:48px; }

.star-rating a.four-stars:hover { width:64px; }

.star-rating a.five-stars { left:64px; }

.star-rating a.five-stars:hover { width:80px; }

.star-rating ul { padding: 0px; }

.star-rating li.current-rating { background:url('images/star_rating.gif') left bottom; display: block; height: 16px; position: absolute; text-indent: -9000px; z-index: 1; padding: 0px;  }

/***************************************************/

/**************** STATUS LINE **********************/

/***************************************************/

div#status-line { background-color: #F8F8F8; border-bottom: 1px solid #C6C3C6; overflow: auto; padding: 5px 5px 5px 10px; height: 17px; }

#status-line span#login-status { color: #525163; font-size: 12px; float: right; }

#status-line span#breadcrumbs { color: #525163; font-size: 12px; float: left; }

#status-line img#home { vertical-align: bottom; /*border-bottom: 1px solid #C6C3C6*/; } 



/***************************************************/

/******************* MESSAGES **********************/

/***************************************************/

div.message div.error, div.success { margin-bottom: 10px; padding: 10px 5px 10px 35px; line-height: 1.2em; border-width: 1px; border-style: solid; -moz-border-radius: 4px; }

div.message div.error { border-color: #e82a2a; background: #ffeaea url('images/message_error.gif') no-repeat 10px 10px;}

div.message div.success { border-color: #4dda2c; background: #eaffea url('images/message_success.gif') no-repeat 10px 10px;}



/***************************************************/

/********************** MAP ************************/

/***************************************************/

#map { border: 5px solid #C6C3C6; }



.listing_hot { color: red; font-size: 9px; }

.listing_updated { color: green; font-size: 9px; }

.listing_new { color: green; font-size: 9px; }



.listing_sidebox_title { font-weight: bold; }

.listing_sidebox_description { font-size: 10px; }

.listing_sidebox_details { font-size: 9px; padding-top: 5px; }

.listing_sidebox_location {}



/* SIDEBOX STYLES */

#sidebox_popular_categories, #sidebox_categories, #sidebox_menu, #members-menu { /*line-height: 20px;*/ }

/* Popular category sidebox number (Ex: Automotive (3) - style applies to "(3)") */

#sidebox_popular_categories .count { color: #525163; font-size: 10px; }

/* Status line at the top of the page generally showing the breadcrumbs */



#logo { padding: 10px 0 10px 20px; }



#sidebox-login a { font-size: 11px; } 

#sidebox-login input { width: 120px; }

#sidebox-login input.submit-button { width: 50px; margin-left: 85px; }

#sidebox-login div.form-container label { width: 80px; padding: 0 0 5px 0; text-align: left; }

#sidebox-login div.form-container fieldset.buttonrow { margin-left: 0px; }

#sidebox-login fieldset { padding: 0px; margin: 0px; }



#searchform div.form-container p.note { margin-left: 0; }

#searchform div.form-container input { width: 150px }  

#searchform div.form-container select { width: 162px }

#searchform div.form-container input.submit-button { width:60px }



#options select { width: 100px; }



/* CATEGORY STYLES */

ul.category_list li.category_list { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt; background:transparent url(images/icon_categories.gif) no-repeat scroll 0px 0px; padding: 0px 20px 20px 20px; }

li.category_list { clear: both; }

ul.category_list { font-weight: bold; text-decoration : none; color: #888888; }

ul.category_list .category { font-size: 12px; }

ul.category_list .category a { font-size: 12px; }

ul.category_list .category_description { font-size: 10px; }

ul.category_list .subcategories { font-size: 9px; font-weight: normal; }

ul.category_list .subcategories a { font-size: 9px; font-weight: normal; }

ul.category_list img { float: left; padding: 0px 10px 20px 0px; }



ul.location_list li.location_list { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt; background:transparent url(images/icon_categories.gif) no-repeat scroll 0px 0px; padding: 0px 20px 20px 20px; }

ul.location_list { font-weight: bold; text-decoration : none; color: #888888; }

ul.location_list .location { font-size: 12px; }

ul.location_list .location a { font-size: 12px; }

ul.location_list .location_description { font-size: 10px; }

ul.location_list .sublocations { font-size: 9px; font-weight: normal; }

ul.location_list .sublocations a { font-size: 9px; font-weight: normal; }

ul.location_list img { float: left; padding: 0px 10px 20px 0px; }





ul.listing_results li.listing_results { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin:0px; width:100%}

ul.listing_results {width:100%; margin: 0px; }

li.listing_results {width:100%;padding-top:14px; padding-bottom:14px; border-bottom: #DDD 1px solid; overflow: auto; }

ul.listing_results .listing_results_listing {line-height:19px;}

ul.listing_results .listing_results_title { padding-bottom:0px; }

ul.listing_results .listing_results_score { float: left; }

ul.listing_results .listing_results_zip_distance { float: left; }

ul.listing_results .listing_results_logo { padding-right:0px; float: left; width: auto; }

ul.listing_results .listing_results_address { padding-bottom: 5px; }

ul.listing_results .listing_results_rating { float: right; vertical-align: top; }

ul.listing_results .listing_results_description { }





ul.listing_options li.listing_options { font-size: 12px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0px; padding-left: 30px; }

li.listing_options { line-height: 22px; padding-bottom: 5px; }



/* Images Search */

.image_results ol { margin: 0 0 10px 0; padding: 0; }

.image_results li { list-style: none; padding: 20px; margin: 0; clear: both; border: #DDD 1px solid; }

.image_results .image { float: left; vertical-align: middle; margin-right: 20px }

.image_results .image_details { vertical-align: middle; }

.image_results .image_title { font-weight: bold; }



/* Documents Search */

.document_results ol { margin: 0 0 10px 0; padding: 0; }

.document_results li { list-style: none; padding: 20px; margin: 0; clear: both; border: #DDD 1px solid; }

.document_results .document_details { vertical-align: middle; }

.document_results .document_title { font-weight: bold; }



/* Offers Search */

.offers_results ol { margin: 0 0 10px 0; padding: 0; }

.offers_results li { list-style: none; padding: 20px; margin: 0; clear: both; border: #DDD 1px solid; }

.offers_results .image { float: left; vertical-align: middle; margin-right: 20px }

.offers_results .offers_details { vertical-align: middle; }

.offers_results .offers_title { font-weight: bold; }

                                                   

.clear { height: 0px; line-height: 0px; clear: both; }

                                          

/********** LINKS ****************/

A:link { COLOR: #5678a2; text-decoration: none; }

A:visited { COLOR: #5678a2; text-decoration: none; }

A:hover { COLOR: #F56655; text-decoration: underline; }

A:active { COLOR: #5678a2; text-decoration: none; }



/********** LISTS ****************/ 

li.sitemap_li {}

ul.sitemap_ul { margin-left: 10px; padding-left: 1.0em; padding-top: 0.2em; list-style-image: url('images/point.gif') }



.listing_default { font-family: Verdana, Arial, Sans-Serif; font-size: 12px; text-decoration : underline; font-weight: bold; color: black; }

.listing_4 { font-family: Verdana, Arial, Sans-Serif; font-size: 12px; text-decoration : none; font-weight: bold; color: blue }



/********** TREE *****************/

.dhtmlx_tree_wrapper { padding: 5px; height: 150px; width: 250px; border: #C0C0C0 1px solid; }
