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


@font-face {
	font-family: 'Sansation';
	font-weight:normal;
	src: url('sansation_regular.eot');
	src: local('Sansation'), local('Sansation Regular'), url('sansation_regular.ttf') format('truetype');
}

@font-face {
	font-family: 'Sansation';
	font-weight:bold;
	src: url('sansation_bold.eot');
	src: local('Sansation'), local('Sansation Bold'), url('sansation_bold.ttf') format('truetype');
}

* html body {
  overflow: hidden;
}

img  { 
       image-rendering: optimizeQuality;  /* Firefox 3.6 */
       -ms-interpolation-mode: bicubic;   /* Internet Explorer 7.0+ */
     }

html, body {
	font-family: Sansation, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	margin: 0;
	padding: 0;
	border: 0;

}

#tehbodytag {
	background-color: #CBDAE5;
	background-image: url(images/bg-maincontent.gif);
	background-repeat: repeat-x;
	background-position: center center;
	background-attachment:fixed	}
	
	

.wrapper{width:960px; margin:0 auto;}

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

h1 { color: #666666; font-size: 160%; margin: 0 0 5px 0;} 
h2 {  color: #666666; font-size: 120%; margin: 0 0 5px 0; padding: 0;}
h3 {  color: #666666; font-size: 110%; font-weight: bold; margin: 0 0 5px 0; padding: 0;} 

/***************************************************/
/*************** Template Structure ****************/
/***************************************************/
#container {  /* padding-left: 210px;*/ /* LC fullwidth */  /*padding-right: 230px; */ /* RC fullwidth + CC padding */

}
#container .column { /*position: relative; float: left;*/ }
#header {
	border-bottom: #DDD 1px solid;
	height:209px;
	background-image: url(images/new-bg-header.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom:1px solid #115787;
}
#center { padding: 0px;  /* CC padding */ /*width: 100%;*/ float:left; width:560px;}
#left { width: 200px; /* LC width */ padding-left: 10px;  /* LC padding */ margin-left: -100%;  right: 230px; /* LC fullwidth + CC padding */ }
#right { width: 210px; /* RC width */  /* RC padding */ /* margin-right: -230px; *//* RC fullwidth + CC padding*/  float:right;}
#footer { border-top: #6EAB23 1px solid; clear: both; margin:0 !important; }
#footertop{height:180px; background-color:white; padding-top:20px; line-height:18px;}
#footertopleft{width:310px; float:left;}
#footertopmid{width:310px; float:left; margin-left:10px;}
#footertopright{width:310px; float:right;}
#footertop img{border:0; float:left; margin-right:25px; margin-bottom:100px;}
#footertop h4 a{color:#2D6896; text-transform:uppercase; font-size:24px; padding-bottom:10px; display:block;}
#footerbottom{
	height:139px;
	border-top:1px solid #AAAAAA;
	background-image: url(images/bg-footer.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:white;
	text-align:center; padding-top:20px;
}
#footerbottom  a{text-align:center; display:inline; text-decoration:none; margin:0px 4px; color:white; text-transform:uppercase}

#footerbottom  a:hover{color: #115785; text-decoration:none;}
#footerbottomimages{margin-top:60px;}
#footerbottomimages img{border:none; margin:0px 10px;}
#footerbottomimages img a{border:0; }
#left { *left: 210px; } /* RC fullwidth */ /*** IE6 Fix ***/   
#middletw8ds {float:left; width:160px;; margin-left:15px; margin-top:10px;}

/***************************************************/
/*************** FORM STYLES ***********************/
/***************************************************/
div.form-container { padding: 0px 0px 0px 0px; }
div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 13px; color: white; margin-top: 3px; }
div.form-container div.controlset { margin-left: 170px; float: none;}
div.form-container div.controlset input { width: auto; margin: 2px 0px 3px 0px; 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: 13px; 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 {	padding: 0px 5px;
	color:white;
	font-weight:bold;
	font-size:16px;
	width:auto;
	background-image: url(images/bg-topnav-on.gif);
	height: 30px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-icab-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
	text-shadow:0px 0px 5px gray;
	cursor:pointer;
	border:0;
	}
input.submit:hover{background-image: url(images/bg-topnav-on2.gif);}
input, textarea, select { width: 250px; background-color: #FFFFFF; font-size: 14px; color: #333333; font-family: inherit; border:1px solid white; padding: 5px; font-family: Sansation, Verdana, Arial, Helvetica, sans-serif;
	-moz-border-radius: 3px;
	-khtml-border-radius:3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-icab-border-radius: 3px;
	border-radius: 3px;
	
}
select option { /*width:200px;*/}
select { padding:4px; background-color:white;}
textarea { height: 150px; }
input:focus, input.error:focus, textarea:focus { border: 1px solid gray; }

/***************************************************/
/**************** 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; }
div.table-list thead th, div.table-list tbody th { background: #FFF url(./images/gradient_silver.gif) repeat-x; color: #666; padding: 5px 10px; border-left: 1px solid #CCC; text-align: left;}
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) repeat; }
div.table-list tbody tr:hover th { background: #FFF url(./images/table_tr_background.gif) repeat; 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 { width: 100%; margin: 0px auto; padding: 0 0 12px;  }
.box .box-header {
	background-color: #bbbbbb;
	
	border:1px solid white;
}
.box .box-header .box-side { text-align: center; margin: 0px 0 0 0; font-weight: bold; line-height: 28px; height: auto; }
.box .box-header img { float: right; margin: 7px 7px 0 0; border: 0px; }
.box .box-body {-moz-border-radius-bottomleft: 5px;
	
	}
.box .box-body .box-side { }
.box .box-body .box-side .box-content {  margin:0px 1px 0px 1px; background:#fff ;  padding: 1em; text-align: left; 

-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;

	-khtml-border-bottom-left-radius: 5px;
		-o-border-bottom-left-radius: 5px;
	-icab-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	
		-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	-icab-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px; }
.box .box-footer { background:transparent; }
.box .box-footer .box-side { font-size:1px; height:2px; background:transparent url(./images/box_bottom_right.gif) no-repeat right 0px; }
.box .box-header h1 { font-size: 16px;  /*color: #314774;*/ color:white; font-size:16px; padding-top:8px; padding-bottom:5px; text-align:left; margin-left:20px; }
.box p { margin:0.5em 0px 0px 0px; padding:0px; }
.box ul.box_list li.box_list { font-size: 14px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt 0pt 8px 0pt; padding-left: 18px; padding-bottom: 5px;}
.box ul.box_list { font-size: 14px; list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0pt; padding: 0pt; }

/***************************************************/
/**************** STAR RATING **********************/
/***************************************************/      
.star-rating { background:transparent url(./images/star_rating.gif) repeat-x scroll 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: transparent url(./images/star_rating.gif) repeat scroll 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:transparent url(./images/star_rating.gif) repeat scroll left bottom; display: block; height: 16px; position: absolute; text-indent: -9000px; z-index: 1; padding: 0px; padding-left: 0px; }
/***************************************************/
/**************** STATUS LINE **********************/
/***************************************************/
div#status-line {float:left; margin-top:45px;}
#login-status { color: #525163; font-size: 14px; float: right; position:relative; top:10px }
#status-line span#breadcrumbs { color: #525163; font-size: 12px; float: left; ;}
#status-line img#home { vertical-align: bottom; /*border-bottom: 1px solid #C6C3C6*/ }

/***************************************************/
/**************** TOP NAV **********************/
/***************************************************/
#headernavigation{float:right; width:750px; position:relative; top:60px;}
#headernavigation ul{float:right;}
#headernavigation li{
	list-style: none;
	float: left;
	margin-left:10px;

}

#headernavigation li a{
	display:block;
	padding:5px 0px;
	color:white;
	font-weight:bold;
	font-size:16px;
	background-image: url(images/bg-topnav-off.gif);
	height: 20px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-icab-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
	
}
#headernavigation li a:hover{background-image: url(images/bg-topnav-on.gif); text-decoration:none; }
#headernavigation a#navhome{width:58px;}
#headernavigation a#navcat{width:146px;}
#headernavigation a#navloc{width:140px;}
#headernavigation a#navadv{width:141px;}
#headernavigation li a#addlistingbutton{
	background-image: url(images/bg-topnav-add.gif);
	background-repeat: no-repeat;
	background-position: left top;
position:relative;
top:-41px;
	width:210px;
	padding:46px 0px 46px 0px;

	text-align:center;
	text-shadow: 0px 0px 5px #001100;
}
#headernavigation li a#addlistingbutton:hover{ background-position:0px -111px; text-shadow: 0px 0px 5px #001100;}

/***************************************************/
/**************** MAINTENANCE LINE *****************/
/***************************************************/
div#maintenance-line { background-color: #ffeaea; border-bottom: 1px solid #e82a2a; overflow: auto; padding: 5px 5px 5px 10px; height: 17px; text-align: center; font-weight: bold; color: #e82a2a; }
div#maintenance-message { background-color: #ffeaea; border: 1px solid #e82a2a; overflow: auto; padding: 20px 20px 20px 20px; text-align: center; font-weight: bold; color: #e82a2a; margin: 20px; font-size: 14px; }

/***************************************************/
/******************* 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: 11px; 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 { float:left; margin-top:10px; margin-left:15px }

#sidebox-login a { font-size: 11px; } 
#sidebox-login input { width: 160px; }
#sidebox-login input.submit { width: 70px; margin: 5px 0px 0px 5px; }
#sidebox-login div.form-container label { width: 80px; margin: 0 0 5px 0; text-align: left; }
#sidebox-login div.form-container fieldset.buttonrow { margin-left: 0px; }
#sidebox-login div.form-container div.controlset { padding: 0px; margin: 0px; }
#sidebox-login div.form-container div.controlset input { width: auto; }
#sidebox-login fieldset { padding: 0px; margin: 0px; }
fieldset .text, fieldset .textarea, input[type="text"], input[type="password"], fieldset select{border:1px solid silver;}



#searchform div.form-container p.note { margin-left: 0; }
#searchform div.form-container input { width: 140px }  
#searchform div.form-container select { width: 152px }
#searchform div.form-container input.submit { width:70px; background-image:url(images/bg-topnav-off.gif); border:none !important; }
#searchform div.form-container input.submit:hover{background-image:url(images/bg-topnav-on2.gif)}
#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; 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: 14px; }
ul.category_list .category a { font-size: 14px; }
ul.category_list .category_description { font-size: 12px; }
ul.category_list .subcategories { font-size: 12px; font-weight: normal; }
ul.category_list .subcategories a { font-size: 12px; 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;  padding: 0px 20px 20px 0px; }
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: 5px; height: 120px; }
ul.listing_results { margin: 0px; }
li.listing_results { padding: 10px; border: #DDD 1px solid; overflow: auto; }
ul.listing_results .listing_results_listing { }
ul.listing_results .listing_results_title { padding-bottom: 5px; }
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: 10px; 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; overflow: auto; }
.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 {
	COLOR: #6DAB22;
	text-decoration: none;
}
a:hover {
	COLOR: #115787;
	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-size: 16px; text-decoration : none; font-weight: bold; color: black; }
.listing_4 {  font-size: 16px; text-decoration : none; font-weight: bold; color: blue }

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

/********** IMAGE GALLERY ********/
#image_gallery { list-style: none; width: 500px; margin-top: 10px; }
#image_gallery li { float: left; display: block; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; } 
#image_gallery li img { border: 0; }
#image_gallery_image { border: 3px solid #fff; outline: 1px solid #ddd; margin: 10px 0 10px 0; }
#image_gallery_image_title { font-weight: bold; font-size: 14px; margin-left: 5px; }
#image_gallery_image_description { margin-left: 5px; }

/********** OFFER IMAGE GALLERY ********/
#offer_image_gallery { list-style: none; width: 500px; margin-top: 10px; }
#offer_image_gallery li { float: left; display: block; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#offer_gallery li img { border: 0; }
#offer_image_gallery_image { border: 3px solid #fff; outline: 1px solid #ddd; margin: 10px 0 10px 0; }


/********** SEARCHFORM ********/
#searchform{
	background-color: #115787;
	height: 160px;
	color:white;
	border-left:1px solid #115787;
	border-right:1px solid #115787;
	border-bottom:1px solid #115787;
		background-image: url(images/bg-topsearch.gif);
	background-repeat: repeat-x;
	background-position: left top;	
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-bottom-left-radius: 5px;
		-o-border-bottom-left-radius: 5px;
	-icab-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
		-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-bottom-right-radius:5px;
	-o-border-bottom-right-radius: 5px;
	-icab-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
#searchform table{ width:98%; margin:0 auto;}
#searchform table strong{
	display:block;
	width:100%;
	padding:19px 0px 32px;
	font-size:16px;

}

/********** Login Box ********/
#loginboxalpha {}
#loginboxalpha .box-header{
	
	background-color: #82B64A;
	background-image: none;
	border:0;
	height:auto; width:208px; margin-left:1px;}
	
	#loginboxalpha .box-header .box-side{height:auto; background-image:none; border:0; margin:0; }

#loginboxalpha .box-header h1{ }

#loginboxalpha  .box-content{
	color: white;
	background-color: #6EAB23;
	border:0px; margin-top:-5px;
	
}

#loginboxalpha input{border:1px solid white;}
#loginboxalpha input.submit{border:none;}
#loginboxalpha a{color:white; text-decoration:none;}
#loginboxalpha a:hover{text-decoration:underline; text-align: left}
