* { margin: 0px; padding: 0px; }
html, body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
margin: 0;
padding: 0;
border: 0;
}
.containerTableStyle { height: inherit!important; }
body {
min-width: 950px; /* 2x (LS fullwidth + CC Padding) + RC fullwidth */
}
.clear {
height: 0px;
line-height: 0px;
clear: both;
}
h1 {
border-bottom: 2px solid #EBEBEB;
font-size: 160%;
margin: 0 0 5px;
}
h2 {
border-bottom: 1px solid #EEEEEE;
margin: 0 0 5px;
padding: 20px 0 3px;
font-size: 120%;
}
h3 {
font-size: 110%;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
}
a:focus, a:active {
outline: 0;
}
/* LAYOUT */
#container {
padding-top: 10px;
overflow: hidden;
zoom: 1;
}
#container .column {
position: relative;
float: left;
display: inline;
}
#logo {
padding: 10px 0 10px 20px;
}
#header {
border-bottom: #DDD 1px solid;
}
#center {
padding: 0px 10px; /* CC padding */
}
#left {
width: 200px; /* LC width */
padding-left: 10px; /* LC padding */
}
#right {
width: 200px; /* RC width */
padding-right: 10px; /* RC padding */
}
#footer {
padding-top: 15px;
border-top: #DDD 1px solid;
clear: both;
}
#left {
*left: 210px; /* RC fullwidth */ /*** IE6 Fix ***/
}
#content {
overflow: hidden;
padding: 5px;
}
#content_detail {
float: left;
width: 50%;
padding: 0 50px 0 0;
}
#content_detail_2 {
float: right;
padding: 5px 0 0;
width: 40%;
}
/* Search Form */
#searchform #keyword {
width: 100px;
}
#searchform #category {
width: 120px;
}
#searchform #location {
width: 120px;
}
#searchform #location_id {
width: 110px;
}
#searchform #zip_miles {
width: 55px;
}
/* Forms */
div.form-container {}
/* Fix IE7 double margin bug */
div.form-container form {
width: 100%;
}
div.form-container form p {
margin: 0
}
div.form-container form p.note {
margin-left: 165px;
font-size: 90%;
color: #333333;
margin-top: 3px;
clear: both;
}
div.form-container form p.note img {
padding: 0px;
}
div.form-container div.controlset { margin-left: 165px; float: none; margin-top: 1px; }
div.form-container div.custom { }
/* Asterisk Next to required form fields */
div.form-container em {
font-weight: bold;
font-style: normal;
position: absolute;
color: #C00;
line-height: normal;
top: -2px;
}
div.form-container div.controlset input {
vertical-align: -2px;
}
div.form-container div.controlset div.item {
margin-bottom: 5px;
}
div.form-container select.page-numbers { width: 50px; padding: 1px; font-size: 90%; }
fieldset li {
list-style: none;
padding: 5px;
margin: 0;
clear: both;
position: static;
}
/* Removed position: relative to fix IE7 expanding tree overlap */
fieldset label {
font-size: 12px;
margin-right: 15px;
width: 150px;
display: block;
position: relative;
}
fieldset label em a {
font-size: 9px;
font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
font-weight: bold;
vertical-align: top;
padding-right: 2px;
}
label.error {
color: #C00;
}
div.form-container fieldset.buttonrow {
border: 0px;
margin: 0px;
padding: 0px 0px 10px 190px;
}
span.label {
font-size: 12px;
margin-right: 10px;
padding: 0px 10px 0 0;
width: 120px;
display: block;
float: left;
color: #666666;
}
fieldset {
margin-bottom: 15px;
padding: 10px;
border: 5px solid #F1F1F1;
-moz-border-radius: 5px;
}
fieldset.hidden {
border: 0px;
}
fieldset img {
padding-left: 10px;
}
fieldset div div img { padding: 0px; } /* fix for tree selects */
legend {
font-weight: bold;
color: #777777;
font-size: 1.2em;
padding: 0px 5px 0px 5px;
}
input.submit {
background: #FFFFFF url(./images/gradient_silver.gif) repeat-x scroll 0 0;
border: 1px solid #C6C3C6;
color: #666;
padding: 2px 5px 2px 5px;
cursor: pointer;
width: auto;
font-family: inherit;
font-size: 12px;
}
input.submit:hover {
background-color: #f5f7fa;
border: 1px solid #79a8f5;
background-image: none;
}
input.text,
textarea.textarea,
select.select,
select.select_multiple {
width: 250px;
background-color: #FFFFFF;
font-size: 12px;
color: #000000;
font-family: inherit;
border: 1px solid #C0C0C0;
padding: 3px 5px 3px 5px;
}
textarea.textarea {
height: 150px;
}
select.select,
select.select_multiple {
width: 262px;
padding: 2px 3px 2px 3px;
}
select.select option,
select.select optgroup,
select.select_multiple option,
select.select_multiple optgroup {
padding-left: 5px;
}
input.text:focus,
textarea.textarea:focus,
input.text.error:focus,
textarea.textarea.error:focus {
background-color: #f5f7fa;
border: 1px solid #79a8f5;
}
input.text.error,
textarea.textarea.error {
border: 1px solid #C00;
background-color: #FEF;
}
/* Table List */
div.table-list table { width: 70%; margin-bottom: 10px;}
div.table-list table, div.table-list td { border: 1px solid #CCC; border-collapse: collapse; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; }
div.table-list thead th, div.table-list tbody th { background: #FFF url(./images/gradient_silver.gif) repeat-x; color: #666; padding: 0px 10px; border-left: 1px solid #CCC; text-align: left; height: 26px; }
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; text-align: left; vertical-align: middle }
div.table-list caption { text-align: left; padding: 5px 0 0 5px; color: #666; height: 4ex; } /* set height here to fix safari overlap bug */
div.table-list caption span.page-numbers { font-size: 90%; padding-bottom: 3px; }
div.table-list caption span.page-numbers-results { font-size: 90%; margin-top: 5px; }
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; }
div.table-list span.page-numbers-results { float: left; }
div.table-list 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; }
div.table-list thead th.table-list-checkbox { width: 14px; }
div.table-list tfoot select { width: auto; line-height: 16px; vertical-align: middle; }
div.table-list tfoot select option { padding-right: 5px; }
div.table-list tfoot input.submit { vertical-align: middle;}
div.table-list tfoot input.checkbox { vertical-align: middle; }
/* Box Styles */
div.box { width: 100%; margin: 0px auto; padding: 0 0 10px 0; }
.box .box-header { background:transparent url(./images/box_top_left.gif) no-repeat 0px 0px; }
.box .box-header .box-side { position: relative; text-align: center; margin: 5px 0 0 0; font-weight: bold; line-height: 28px; height: 28px; background:transparent url(./images/box_top_right.gif) no-repeat right 0px; }
.box .box-header img { float: right; top: 6px; left: 180px; border: 0px; position: absolute; }
.box .box-body { background:transparent url(./images/box_middle_left.gif) repeat-y 0px 0px; }
.box .box-body .box-side { background:transparent url(./images/box_middle_right.gif) repeat right 0px; }
.box .box-body .box-side .box-content { margin:0px 1px 0px 1px; background:#fff url(./images/box_middle_content.gif) repeat 0px 0px; padding: 1em; text-align: left; }
.box .box-footer { background:transparent url(./images/box_bottom_left.gif) no-repeat 0px 0px; }
.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: 12px; margin:0px; padding-top: 0px; /*color: #314774;*/ color: #616161; border: 0; }
.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: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 {
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;
}
/* Maintenance */
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 */
#messages div.error,
#messages div.success,
#messages div.notice {
-moz-border-radius: 5px;
margin-bottom: 10px;
padding: 10px 5px 10px 35px;
border-width: 5px;
border-style: solid;
font-size: 1.2em;
}
#messages div.error {
border-color: #ffb9b9;
background: #ffeaea url(./images/message_error.gif) no-repeat 10px center;
}
#messages div.success {
border-color: #aedf7c;
background: #e2fbc8 url(./images/message_success.gif) no-repeat 10px center;
}
#messages div.notice {
border-color: #f9ff85;
background: #dffac2 url(./images/message_notice.gif) no-repeat 10px center;
}
/* Map */
#map {
border: 5px solid #C6C3C6;
width: 300px;
height: 300px;
}
.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 {}
/* Sideboxes */
#sidebox_popular_categories .count {
color: #525163;
font-size: 10px;
}
#sidebox-login a {
font-size: 11px;
}
#sidebox-login input {
width: 120px;
}
#sidebox-login input.submit {
width: 50px;
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;
}
/* Search form */
#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 {
width: 60px
}
/* Options */
#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: 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;
}
/* Classifieds Search */
.classifieds_results ol {
margin: 0 0 10px 0;
padding: 0;
}
.classifieds_results li {
list-style: none;
padding: 20px;
margin: 0;
clear: both;
border: #DDD 1px solid;
overflow: auto;
}
.classifieds_results .image {
float: left;
vertical-align: middle;
margin-right: 20px
}
.classifieds_results .classifieds_details {
vertical-align: middle;
}
.classifieds_results .classifieds_title {
font-weight: bold;
}
/* 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;
}
/* 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;
}
/* Classified Image Gallery */
#classified_image_gallery {
list-style: none;
width: 500px;
margin-top: 10px;
}
#classified_image_gallery li {
float: left;
display: block;
cursor: pointer;
border: 3px solid #fff;
outline: 1px solid #ddd;
margin-right: 14px;
margin-bottom: 14px;
}
#classified_gallery li img {
border: 0;
}
#classified_image_gallery_image {
border: 3px solid #fff;
outline: 1px solid #ddd;
margin: 10px 0 10px 0;
}
/* FAQ */
.faq_category {
font-size: 14px;
font-weight: bold;
color: #777777;
display: block;
margin: 15px 0 3px 0;
}
.faq_category_hr {
color: #CCCCCC;
height: 1px;
line-height: 1px;
}
.faq_question {
display: block;
margin: 5px 0 0 0;
}
.faq_question_open,
.faq_question_open:visited,
.faq_question_open:link {
text-decoration: underline;
}
.faq_answer {
margin: 0 0 10px 0;
padding: 0 0 0 20px;
}
/* Table */
table.frame {
border-collapse : collapse;
border-color: #EBEBEB;
border-style: solid solid none;
border-width: 1px 0 0 1px;
margin:0 0 10px;
padding: 0;
}
.table {
border-collapse : collapse;
width: 100%;
}
.table .label {
width: 150px;
background-color:#F5F5F5;
color:#333333;
text-align: right;
}
.table tr td {
padding: 10px;
background-color:#FFFFFF;
border-bottom: 1px solid #EBEBEB;
border-right: 1px solid #EBEBEB;
}
/* User Orders View */
#user_orders_view_listing_links {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#user_orders_view_listing_links li {
padding: 5px 0;
}
#user_orders_view_listing_links li img {
vertical-align: text-top;
padding: 0 5px 0 0;
border: 0;
}
body {
background:#BCC8B4;
scrollbar-face-color: #BAA63E;
scrollbar-darkshadow-color: #006800;
scrollbar-track-color: #006800;
scrollbar-arrow-color: #006800;
font-family: Arial, Helvetica, sans-serif; font-size: 12px}
td { font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.navtext { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF}
.navtable { border-color: #FFFFFF black; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px}
h2 { font-size: 18pt}
h3 { font-size: 16pt}
.copyright { font-size: 9pt; color: #000;margin-top: 10px;}
a:active { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #0066CC}
a:hover { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #006600; text-decoration: underline}
a:link { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #006600; text-decoration: none}
a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #006600; text-decoration: none}
.title { font-family: Arial, Helvetica, sans-serif; font-size: 18pt; font-weight: bold; color: #006600}
.subtitle { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: bold}