/* NORMALIZING styles -------------------------------------------*/ body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {font-size: 100%; font-family: Arial, Helvetica, sans-serif}
div, span, img, form, h1, h2, h3, h4, h5, h6 {margin: 0px; padding: 0px; background-color: transparent; border: 0px}
table{ border: 0px}
/* MAIN styles -------------------------------------------*/ body{ margin: 0px; padding: 0px; color: #262626; background-color: #fff; background-image: url(../images/bg_masthead_6x125.gif); background-repeat: repeat-x; background-position: 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: 1.5em; font-weight: normal; font-variant: normal}
h1{ font: normal bold 29px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #262626; margin:0px 0px 0px 0px; padding: 0px}
h2{ font:normal bold 13px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #747474; margin: 0px 0px 3px 0px}
p {padding: 2px 0px; margin: 0px 0px 10px 0px}
td{ vertical-align: top}
a:link{ color: #0083B6; text-decoration: none}
a:visited{ color: #0083B6; text-decoration: none}
a:hover{ color: #0083B6; text-decoration: underline}
a:active{ color: #0083B6; text-decoration: underline}
dt{ font-weight: bold}
hr {border: 0; width: 100%; color: #ccc; background-color: #ccc; height: 1px; margin: 0px; padding: 0px}
.clr {clear: both; height: 0px}
.clearfix:after {/*http://positioniseverything.net/easyclearing.html*/ content:"."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/ .clearfix {height: 1%; display:block;}
/* End hide from IE Mac */ /* CONTAINER styles -------------------------------------------*/ #container{ max-width: 1200px; min-width: 910px; width: auto}
body.register #content, body.review #content{ width: 692px; margin: 0 0 0 -346px; position: relative; left: 50%}
/* CONTENT styles -------------------------------------------*/ .float-left{ float:left}
.float-right{ float:right}
.content-box{ border: 5px solid #eaeaea; padding: 15px; position: relative}
/*add a company styles*/ body.add-company.step-one .content-box{ width:335px; text-align:center; min-height: 13em}
* html body.add-company.step-one .content-box{ height: 13em; /*ie min height*/ padding-bottom: 3em}
body.add-company.step-one #content{ padding-bottom: 6em}
body.add-company.step-one #content .content-box h2{ text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1; font-weight: normal}
body.add-company.step-one #content .content-box h2 strong{ text-align: center; font-size: 36px; font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif}
body.add-company.step-one #content .content-box p{ margin: 1.5em 0 0; text-align: left}
body.add-company.step-one .content-box input, div#confirmation.content-frame input{ position: absolute; bottom: 15px; left: 50%; margin-left: -33px}
#content_wrapper{ float: left; width: 100%; background:#fff}
#content{ margin: 25px 10px 0px 200px; padding: 0 0 20px 0; text-align: left; background:#fff; width: 770px}
#content.center{ position:relative; margin-left:-384px; left:50%; width:768px}
#content.center h1{ text-align:center}
#content.compact{ width: 692px}
body.home #content{ margin: 0 10px 0px 295px; padding: 0 0 20px 0; width: 650px}
#content h2{ font: normal bold 15px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #262626}
#content h3{ font: normal bold 13px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #262626; margin: 0 0 5px}
.heading_link{ font: normal normal 10px/1.2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif}
#content_top, #test_container{ border-bottom: 1px solid #eaeaea; margin-bottom: 15px; padding: 25px 0 5px 0; font: normal normal 11px/1.2em Arial, Helvetica, sans-serif}
#content_top #breadcrumbs, #content_top #breadcrumbs li{ margin: 0px; padding: 0px; list-style: none; color: #990000}
#content_top #breadcrumbs{ float: left}
#content_top #breadcrumbs li{ color: #990000; display: inline}
#content_top a{ color: #990000; text-decoration: none}
#content_top a:hover{ text-decoration: underline}
#content_top #breadcrumbs li span{ color: #990000; font: normal normal 10px/1.7em Arial, Helvetica, sans-serif; padding: 0 5px 0 7px}
#content_top #controls{ float: right; margin: 0px; padding: 0px}
#content_top #controls a{ display: block; float: left; margin: 0 0 0 15px}
#content_top a#control_print{ background: transparent url(../images/icon_print.gif) 0 50% no-repeat; padding: 0 0 0 20px}
#content_top a#control_research{ background: transparent url(../images/icon_research.gif) 0 0 no-repeat; padding: 0 0 0 15px}
#content_top a#control_email{ background: transparent url(../images/icon_email.gif) 0 0 no-repeat; padding: 0 0 0 20px}
#content h1 img{ margin: 0 10px -10px 0}
#company_block_1, #event_block_1{ width: 60%; float: left; margin: 0 0 20px 0}
.details_grid{ border-collapse: collapse}
.details_grid th{ text-align: left; font: normal normal 10px/1.5em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #747474; vertical-align: top; padding: 3px 15px 0 0}
.details_grid td{ vertical-align: top; font: normal normal 12px/1.5em Arial, Helvetica, sans-serif}
#company_block_2{ float: right; width: 40%; text-align: center; margin: 0 0 20px 0}
#event_block_2{ float: right; width: 40%; margin: 0 0 20px 0}
#rating{ width: 120px; height: 105px; padding: 10px 0 0 0; margin: 0 auto 0 auto; display: block; background: #fff url(../images/star_rating.gif) center top no-repeat; text-align: center; font: normal bold 40px/105px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif}
#company_block_3, #event_block_3{ clear: left; float: left; width: 100%; margin-bottom: 10px}
div.gallery_list ul{ list-style: none; margin: 0px; padding: 0px; float: left}
div.gallery_list ul li{ display: inline; margin: 0px 2px 0px 0px; padding: 0px}
div.gallery_list ul li a img{ padding: 1px; background: #fff; border: 2px solid #02ADEF}
div.gallery_list ul li a:hover img{ border: 2px solid #0095D5}
div.gallery_list ul li.gallery_controls{ display: block; text-align: right; font: normal normal 10px/1.2em Arial, Helvetica, sans-serif; color: #747474}
#company_block_4{ float: right; width: 38%; margin-bottom: 10px}
#event_block_4{ float: right; width: 40%; margin-bottom: 10px}
#news_list{ margin: 0px; padding: 0px; list-style: none}
#news_list li{ margin: 0px 0px 5px 0px; padding: 0px 0px 0px 40px; list-style: none; font: normal normal 12px/1.2em Arial, Helvetica, sans-serif}
#news_list li.news{ background: transparent url(../images/label_news.gif) 0px 0px no-repeat}
#news_list li.save{ background: transparent url(../images/label_news.gif) 0px -47px no-repeat}
#news_list li.event{ background: transparent url(../images/label_news.gif) 0px -95px no-repeat}
#news_list li.tip{ background: transparent url(../images/label_news.gif) 0px -143px no-repeat}
#news_list li .date{ font: italic normal 11px/1.2em Arial, Helvetica, sans-serif; color: #878787}
#credentials{ padding: 5px 0; margin: 0 0 5px 0; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; clear: left}
#credentials h2{}
#credentials table.details_grid td{ padding-right: 50px}
#reviews_controls{ background-color: #FCFCF2; border-top: 2px solid #262626; padding: 10px}
#reviews_controls table{ float: left; margin: 10px 0 0 0}
#reviews_controls table td{ vertical-align: middle}
#reviews_controls table td label{ font-weight: bold}
#reviews_controls table td select{ margin: 0 25px 0 0}
#reviews_controls h2{ float:left}
.btn_write_review{ float: right; display: block; width: 125px; height: 37px; background: #fff url(../images/btn_write_review_hover.gif) 0 0 no-repeat; letter-spacing : -1000em; text-indent: -1em}
div.hr {height: 1px; background: #CCC; line-height: 1px; font-size: 1px}
/* Just for Opera, but hide from MacIE */ /*\*/html>body .btn_write_review {letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ a.btn_write_review:hover{ background: #fff url(../images/btn_write_review_hover.gif) 0 -36px no-repeat}
#reviews_controls_bottom{ padding: 10px; position: relative}
#reviews_disclaimer{ font: italic normal 10px/1.7em Arial, Helvetica, sans-serif; color: #747474; padding: 0 0 0 80px}
.pagination{ margin: 0px; padding: 10px 0px 10px; list-style: none; position: relative; width: 300px}
.pagination li{ margin: 0px; padding: 0px; list-style: none; display: inline}
.pagination li a{ margin: 0px; padding: 2px 5px; background: #FAFAFA; border: 1px solid #E1E1E1}
.pagination li a:hover{ background: #007FB1; border: 1px solid #007FB1; color: #fff; text-decoration: none}
table.review{ width: 100%; border-collapse: collapse; border-top: 1px solid #E1E1E1}
table.review td{ padding: 2px 10px}
table.review td.leader{ width: 5%}
table.review td.leader .rating{ display: block; width: 49px; height: 43px; padding: 4px 0 0 0; background: #fff url(../images/star_rating_small.gif) 0 0 no-repeat; margin: 10px 0 0 0; text-align: center; font: normal bold 17px/47px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif}
table.review td.review_body{ width: auto}
p.reviewer_details{ color: #747474; font: normal normal 11px/1.2em Arial, Helvetica, sans-serif; margin: 10px 0}
p.reviewer_details span.review_date{ font: normal normal 12px/1.2em Arial, Helvetica, sans-serif}
p.reviewer_details span.reviewer_name{ color: #242424; font: normal bold 13px/1.2em Arial, Helvetica, sans-serif}
p.reviewer_details a.profile_linkArrow{ background: transparent url(../images/btn_profile_both.gif) no-repeat right 0}
p.reviewer_details a:hover.profile_linkArrow{ background: transparent url(../images/btn_profile_both.gif) no-repeat right -30px}
p.reviewer_details span.reviewer_name.expanded a.profile_linkArrow{ background: transparent url(../images/btn_profile_both.gif) no-repeat right -30px}
p.reviewer_details span.reviewer_name.expanded{ background: #e6e6e6}
p.reviewer_details span.reviewer_name{ padding: 3px; margin: 0 10px 0 0}
/*<p class="reviewer_details"><span class="reviewer_name">Johanna</span><span class="review_date">Apr 23, 2007</span><br /> 12 of 15 people found this review helpful:</p>*/ div.profile_dropdown{ color: #747474; font: normal normal 11px/1.2em Arial, Helvetica, sans-serif; margin: 10px 0}
div.profile_dropdown p.reviewer_mask{ background: #E6E6E6; padding: 3px; margin: 0px; float: left}
div.profile_dropdown img.profile_expand{ margin: 0 3px -2px 2px}
div.profile_dropdown span.reviewer_name{ color: #242424; font: normal bold 13px/1.2em Arial, Helvetica, sans-serif}
div.profile_dropdown ul{ clear: left; margin: 0px; padding: 0px; list-style: none; border: 1px solid #E6E6E6; background: #F8F8F8}
div.profile_dropdown ul li{ margin: 0px; padding: 0px; list-style: none; display: inline}
div.profile_dropdown ul li a{ display: block; padding: 5px 30px 5px 10px; background: #F8F8F8}
div.profile_dropdown ul li a:hover{ background: #F2F2F2}
table.review td.gallery{ width: 160px}
table.review p.helpful{ font: italic normal 10px/1.2em Arial, Helvetica, sans-serif; color: #747474; padding: 0; margin-top: -8px}
table.review p.helpful a{ font: normal normal 10px/1.2em Arial, Helvetica, sans-serif}
table.review tr.company_reply td.leader{ background: transparent url(../images/icon_response.gif) right top no-repeat}
#search_results{ width: 710px; margin: 25px 0 5px 0px}
.search_suggest a{ font-weight: bold; font-style: italic; text-decoration: underline}
#search_results h2{ font-weight: normal}
#search_results .pagination{ margin: 5px 0 0 12px}
h3#sponsored_link_heading{ width: 15px; height: 76px; background: transparent url(../images/sponsored_link_heading.gif) 0 0 no-repeat; letter-spacing : -1000em; text-indent: -1em; float: right; margin: 3px 15px 0 0; padding: 0}
/* Just for Opera, but hide from MacIE */ /*\*/html>body #sponsored_link_heading h3 {letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ ul#sponsored{ margin-left:12px !important}
ul#sponsored a{ font-weight: bold; font-size: 14px; padding-left: 12px}
ul#sponsored li{ height: 27px; background: url(../images/bg_sponsored_links.gif) 0 0 repeat-x; line-height: 30px; clear: left}
ul#sponsored{ margin: 0 0 30px 0; padding: 0; list-style: none}
ul#sponsored .rating{ display: block; width: 29px; height: 25px; padding: 2px 2px 0 0; text-align: center; background: #fff url(../images/star_rating_sponsored.gif) 0 0 no-repeat; font: bold 11px/27px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; float: left}
table.search{ width: 100%; border-collapse: collapse; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; margin: 0 0 0 0px}
table.search .rating{ display: block; width: 53px; height: 51px; padding: 2px 0 0 0; text-align: center; background: #fff url(../images/star_rating_search.gif) 0 0 no-repeat; font: normal bold 18px/53px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif}
table.search td.leader{ font-size: 10px; font-style: italic; color: #474747; padding: 10px 20px 12px 12px; width: 10%; white-space:nowrap}
#content table.search td.name h3{ font: normal bold 15px/1.0em Arial, Helvetica, sans-serif; margin: 0}
#content table.search td.name h3 span{ font-size: 11px}
table.search td.contact{ width: 175px}
table.search td.image a img {background: #FFFFFF; border:2px solid #02ADEF; padding:1px; display: block; margin-bottom: 5px}
table.search td.image{ text-align: center; font: normal normal 10px/1.2em Arial, Helvetica, sans-serif; color: #747474}
table.search td.name{ padding-top: 10px}
table.search td.image{ padding: 10px 12px 10px 0px; width: 70px}
table.search td.contact p{ font-size: 11px; line-height: 1.1em}
table.search td.contact p.address{ margin-bottom: 2px}
table.search.premium td.testimonial{ padding-right: 40px}
table.search td.testimonial{ padding-right: 12px}
table.search td.testimonial p{ font-style: italic; line-height: 1.1em}
table.search td.testimonial p.quote{ margin-bottom: 2px}
table.search td.testimonial p.byline{ font-size: 11px}
table.search td.testimonial p.byline span{ font-weight: bold; font-style: normal}
table.search.premium{ background: #eef7fa url(../images/bg_search_premium.gif) repeat-x 0 0}
table.search.premium .rating{ background: url(../images/star_rating_searchPrem.gif) 0 0 no-repeat}
table.search.noRating .rating{ background: url(../images/star_noRating_search.gif) 0 0 no-repeat}
#add_business{ margin:5px 0 0 0px; padding: 15px; height: 21px; line-height: 21px; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; background: #fcfcf2; width: 695px}
.btn_add_business{ display: block; width: 88px; height: 21px; background: #fff url(../images/btn_add_business.gif) 0 0 no-repeat; letter-spacing : -1000em; text-indent: -1em}
/* Just for Opera, but hide from MacIE */ /*\*/html>body .btn_add_business {letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ a.btn_add_business:hover{ background: #fff url(../images/btn_add_business.gif) 0 -21px no-repeat}
#add_business p{ float:left}
#add_business a{ float: right}
#add_business p span{ font-size: 14px; font-weight: bold}
#secondaryContent{ width: 605px; margin: 0 0 25px 0px; padding: 15px 0; border-bottom: solid 1px #e1e1e1}
body.savings #secondaryContent{ border-top: solid 1px #e1e1e1; border-bottom: none}
#recentPosts{ border-right: solid 1px #e1e1e1; width: 45%; float: left; margin: 0 15px 0 0}
#recentPosts ul, #recentPosts li{ font-size: 11px; line-height: 1.2em}
#recentPosts h2{ font: normal bold 15px/1.5em Arial, Helvetica, sans-serif; margin-left: 5px}
#recentPosts a.linkAll{ padding: 0 0 0 40px; text-decoration: underline}
#talk{ float: left}
#talk ul, #talk li{ margin: 0; padding: 0; list-style: none; font-size: 11px}
#talk h2{ font: normal bold 15px/1.5em Arial, Helvetica, sans-serif}
#talk ul, #talk li{ margin: 0; padding: 0; list-style: none; font-size: 11px; line-height: 1.2em}
#talk ul li{ margin: 0 0 5px 0}
#talk ul li{ margin: 0 0 5px 0}
#considerBox{ border-top: solid 1px #e1e1e1; clear: both; margin: 0 0 20px 0; padding: 10px 0 0 0}
#considerBox table{ padding: 0 0 0 14px; border: solid 4px #d5d5d5; background: #ededed url(../images/bg_considerBox.gif) repeat-x 0 0; width: 100%}
#considerBox table img{ padding: 3px; background: #fff; margin-right: 10px}
#considerBox table img{ padding: 3px; background: #fff; margin-right: 10px}
#considerBox h3{ font: normal bold 15px/1.2em Arial, Helvetica, sans-serif; display: inline}
#considerBox h4{ color: #747474; font: normal normal 12px/1.2em Arial, Helvetica, sans-serif; display: inline; margin-left: 5px}
#considerBox table td.rating span{ display: block; width: 53px; height: 51px; padding: 2px 0 0 0; background: url(../images/star_rating_search.gif) 0 0 no-repeat; font: normal bold 18px/53px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif}
#considerBox table td.rating{ font-size: 10px; font-style: italic; text-align: center; background: url(../images/bg_considerBox_sponsored.gif) no-repeat right top; padding: 5px 40px 0 0}
#considerBox table td.main{ padding: 10px 20px 0 0; color: #303030; font-style: italic}
#considerBox table td.main span{ font-size: 11px; font-weight: bold}
body.register #register{ border-right: solid 1px #d9d9d9; padding-right: 46px; float: left; width: 301px}
body.register #sign_in{ width: 301px; float: right}
body.register #sign_in form{ width: 261px}
body.register #register input.textField{ width: 291px}
body.register #sign_in input.textField{ width: 251px}
body.register #content{ margin-bottom: 85px}
body.register #content h1, body.review #content h1{ font-size: 30px; text-align: center; margin: 25px 0 25px 0}
body.register #content h2{ color: #000; font-size: 18px}
body.register #content p{ color: #666666; font-size: 11px}
body.register #validation {background: #fff; border: #ffeda6 solid 5px; font-weight: bold; margin: 0 0 30px 0}
body.register #validation p{ margin: 0; padding: 0; color: #333333}
body.register #validation div {background: #fffdcd; display: block; margin: 3px; padding: 15px}
body.register #validation ul, body.register #validation li{ margin: 0; padding: 0; list-style-position: inside; color: #990000}
body.register #validation ul{ margin: 10px 0}
body.register #validation li{ display: none; padding-left: 5px}
body.register form label{ font-size: 11px; font-weight: bold; color: #333}
body.register form label span{ font-weight: normal; color: #666; font-style: italic}
body.register form input{ color: #666}
body.register form table{ width: 100%}
body.register table td{ padding: 0 0 10px 0}
body.register table td.invalid input{ background-color: #fff2f2; border-color: #990000}
body.register table td.invalid label{ color: #990000}
body.register input{ margin: 0}
#acceptTerms label{ font-weight: normal; margin-left: 5px}
#acceptTerms label a{ text-decoration: underline}
body.register #content h2, #sign_in h2{ background: #ddd; padding: 10px 0px 10px 20px}
#sign_in{ background: #f4f4f4}
#sign_in table{ margin: 20px 0px 10px 20px}
body.review h1 span{ color: #666; font-weight: bold; font-style: italic}
#review_form{ border: solid 5px #eaeaea; padding: 15px; width: 572px; position: relative; left: 50%; margin-left: -286px}
#review_form.compact{ border: solid 5px #eaeaea; padding: 15px; width: 412px; position: relative; left: 50%; margin-left: -226px}
#review_form strong{ font-weight: bold; font-style: italic}
#review_form span.rating{ display: block; width: 37px; height: 35px; padding: 4px 0 0 0; background: #f3f3f3 url(../images/star_small_review.gif) 0 0 no-repeat; margin: 0 15px 0 0; text-align: center; font: normal bold 16px/31px Arial, Helvetica, sans-serif; float: left; color: #000; display:inline; /* IE double float bug */ cursor: pointer}
#review_form span.empty{ background-image: url(../images/star_small_review_empty.gif); /* padding-top:; */ color: #666}
#review_form span.zero.empty{ background-image: url(../images/star_small_review_zero_empty.gif)}
#review_form span.zero{ background-image: url(../images/star_small_review_zero.gif)}
#review_form #rating{ background-image: url(../images/star_rating_review_large.gif); background-color: transparent; font-size:32px; height: 92px; line-height:92px}
.rating_scale{ background: url(../images/1x1_gray.gif) repeat-x left center; font-size: 11px; font-style: italic; color: #666}
.rating_scale.high{ text-align: right}
.rating_scale span{ background: #f3f3f3}
#review_form ul, #review_form li{ list-style: none; margin: 0; padding: 0}
#review_form input.textField{ width: 300px; overflow: hidden; /* On fields with 1 line, IE 7 renders a scroll bar and obscures all of the text! */ }
#review_form input.textField.small{ width: 100px; overflow: hidden; /* On fields with 1 line, IE 7 renders a scroll bar and obscures all of the text! */ }
#review_form textarea{ width: 300px; overflow: auto}
#review_form table.rating{ width: 195px; float: left}
#review_form li{ margin: 0 0 20px 0}
#review_form table.rating tr.stars td{ padding-bottom: 5px}
#review_form span.rating_number{ font-size: 24px; font-weight: bold; color: #333333; float: left; display: block; margin: 10px 0 0 0; width: 50px; text-align: center; font-style: normal}
#review_form span.rating_number.noRating{ color: #666666}
#review_form input.cost{ width: 100px}
#review_form textarea{ width: 416px; height: 115px}
#review_form label span{ font-style: italic; font-size: 11px; color: #666}
#review_form .submit{ float: right}
#review_form li.attachPhoto div{ display: none}
#review_form li.attachPhoto.expand div{ display: block}
#review_form_small{ border: solid 5px #eaeaea; padding: 15px; position: relative; width: 572px; left: 50%; margin: 10px 0 10px -286px}
#review_form_small h2{ font-size: 16px; color: #333; font-family: Arial, Helvetica, sans-serif; font-weight: normal}
#review_form_small img{ position: relative; left: 320px; margin: 10px 5px 0 0}
#review_form_small p.notice{ color: #666; font-weight: bold; font-style: italic}
#content .savings_coupon{ border: solid 1px #ddd; margin: 0 0 5px 0}
#content .savings_coupon.last{ margin-bottom: 5px}
#content .savings_coupon div{ border: solid 1px #a0db9c; background: #d8f8d6; margin: 2px; padding: 10px; position: relative}
#content .savings_coupon h3{ font-family: Arial, Helvetica, sans-serif; font-size: 15px; margin-bottom: 5px; line-height: .9em}
#content .savings_coupon h3 span{ font-size: 11px}
#content .savings_coupon h3 span{ font-size: 11px}
#content .savings_coupon h3 span{ font-size: 11px}
#content .savings_coupon p{ font-weight: bold; margin-bottom: 0; width: 65%}
#content .savings_coupon p span{ font-weight: normal; font-style: italic; font-size: 11px}
#content .savings_coupon a.print_coupon{ display: block; width: 100px; height: 22px; background: url(../images/btn_print_coupon.gif) 0 0 no-repeat; letter-spacing : -1000em; text-indent: -1em; position: absolute; right: 10px; top: 10px}
/* Just for Opera, but hide from MacIE */ /*\*/html>body #content .savings_coupon a.print_coupon {letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ /*ie 6 conflict, not being used, so commenting out*/ /*#content .savings_coupon.premium{ border-color: #a0db9c; background: #a0db9c}
#content .savings_coupon.premium h3{ font-size: 18px}
#content .savings_coupon.premium p{ font-size: 13px}*/ .event_item{ border: 1px solid #e9e9e9; margin-bottom: 5px}
.event_item div{ position: relative; border: 1px solid #ffd9c3; margin: 2px; padding: 10px; background: #fff5ef}
.event_item p{ width: 75%}
.event_item table{ position: absolute; right: 10px; top: 10px}
.event_item td.image{ color: #747474; font-size: 10px; text-align: center}
.event_item td.image img{ background: #FFFFFF; border:2px solid #02ADEF; padding:1px; display: block; margin-bottom: 5px}
.event_item td.caption{ font-weight: bold; font-size: 11px; font-style: italic; padding-right: 10px}
#content .event_item h3{ font-size: 15px; font-family: Arial, Helvetica, sans-serif}
#content .event_item h3 span{ font-size: 12px}
#content .event_item p{ margin: 0}
#content .coupon{ background: #0995d8; color: #fff; width: 612px; padding: 30px 40px 30px; margin: 25px auto 100px}
#content .coupon h1{ color: #fff; font-size: 33px; font-weight: bold}
#landing h1{ }
#content .coupon div.logo{ float: left; margin-right: 15px; margin-bottom: 3px; text-align:center; font-weight:bold}
#content .coupon div.logo img{ border: solid 3px #27baff; display:block}
#content .coupon div.logo{ border: solid 3px #27baff}
#content .coupon p{ font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; font-size: 21px; line-height: 1.2; font-weight: normal}
#content .coupon a{ display: block; width: 147px; margin: 0 auto; text-align: center}
#content .coupon p.details{ font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #fff; margin-right: 20px}
#content .coupon p.tagline{ color: #a9e2ff; font-size: 16px; font-style: italic; margin: 10px 0 0; line-height: 1.5}
#content.compact h1{ text-align: center}
#select_company{ border: solid 5px #eaeaea; margin-bottom: 100px}
#select_company #search_company_box td {vertical-align: middle; padding: 1.5em 10px}
#select_company table#search_company_box{ background: #e4e4e4; width: 100%; color: #878787; font-weight: bold; display: block}
#select_company #search_company_box label{ color: #4b494a; font-size: 14px}
#select_company #search_company_box input{ width: 280px; height: 27px; font-style: italic; font-size: 20px; color: #4B494A; line-height: 30px; padding: 3px 5px 0}
#select_company #search_results{ width: 654px; margin: 0 14px}
#select_company #search_results th{ text-transform: uppercase; font-size: 11px; color: #878787; border-bottom: 1px #e4e4e4 solid; text-align: left}
#select_company #search_results td{ border-bottom: 1px #e4e4e4 solid; padding: .75em 0; text-align: left}
#select_company #search_results td.btn{ width: 48px}
#select_company #search_results td.company_name, #select_company #search_results th.company_name{ font-weight: bold; padding-left: 10px; width: 50%}
#select_company h3{ margin: 0; padding: 0; text-align: left; padding-left: 1.75em; font-size: 14px; font-weight: bold; margin: 20px 0; font-family: Arial, Helvetica, sans-serif}
#select_company .pagination{ width: auto; margin: 20px 0 5px 15px}
#coupon_process{ margin: 20px 0; padding: 0 30px; list-style: none; border-bottom: 1px #e4e4e4 solid; text-align: center; color: #b7b7b7; font-size: 14px; font-weight: bold}
#coupon_process li{ display: inline; padding-right: 30px; line-height: 30px}
#coupon_process li.current{ color: #000}
#sign_in_box{ background: #f6f6f6}
#sign_in_box h2{ background: #e4e4e4}
#coupon_code h1{ text-align: left !important}
#coupon_code h2{ color: #fff; font-size: 26px}
#content #coupon_code p{ color: #a9e2ff; font-size: 16px; margin: 20px 0 0}
#coupon_code a{ float: right; padding-left: 20px}
#add_a_company_window_content{ background: #f2f2f2; color: #000}
#add_a_company_window_content h1{ text-align: center; margin-bottom: 18px}
#add_a_company_window_content ul, #add_a_company_window_content li{ margin: 0; padding: 0; list-style:none}
#add_a_company_window_content ul li{ margin: 0 0 20px 0}
h1 em{ color:#666666; font-style: italic}
/*ordered step lists*/ .step-list{ margin: 20px 0; padding: 0 30px; border-bottom: 1px #e4e4e4 solid; text-align: center; color: #b7b7b7; font-size: 14px; font-weight: bold; list-style: none}
.step-list li{ display: inline; padding-right: 30px; line-height: 30px}
.step-list li.current{ color: #000}
/*star-rater form*/ .form-box{ background: #f3f3f3; padding: 0 10px; margin-bottom: 1.5em}
* html .form-box{ height: 1%}
#content .form-box h2{ background: #e3e3e3; margin:0 -10px; padding:0 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333; line-height: 2}
#content .form-box h2 em{ font-style: italic; font-weight: normal; color: #666}
.form-box .overall{ padding-right:30px}
.form-box .overall p{ text-align: center; color: #333; font-weight:bold}
#review_form .form-box ul{ margin-top:10px}
#review_form .form-box ul li.last{ padding-bottom: 10px}
/*add a company form*/ #review_form form{ padding: 0 10px}
input.full, textarea.full{ width: 99% !important}
.attachPhoto label{ width: 3em; float:left}
.attachPhoto p{ margin: 0; padding: 0}
.attachPhoto li.upload input{ margin:1em 20px 0 0}
#review_form .attachPhoto ul{ background: url(../images/dotted_gray.gif) repeat-y 410px 0; margin:10px 0}
#review_form .attachPhoto ul li{ padding-left: 20px; margin: 0}
#review_form h2.expandable{ background: #e3e3e3 url(../images/arrows_blue.gif) no-repeat 10px 7px; padding-left: 20px}
#review_form li.open h2.expandable{ background-position: 10px -33px}
/*add a company customer confirmation*/ body.add-company.confirmation #review_form{ text-align:center; margin-bottom: 1.5em}
body.add-company.confirmation p.return{ text-align:center}
body.add-company.confirmation #content #review_form h2{ font-size:36px}
body.add-company.confirmation #review_form em{ font-size:14px; color: #666; font-style: italic}
body.add-company.confirmation #review_form p.intro{ font-size:16px}
body.add-company.confirmation #review_form p.details{ text-align: left}
body.register.add-company #content{ width: 768px; margin: 0 0 0 -384px}
body.register.add-company #content .intro{ font-size: 12px; color: #666}
body.register.add-company #register{ width: 350px}
body.register.add-company #sign_in{ width: 326px}
/* SIDEBAR styles -------------------------------------------*/ #sidebar{ margin: 0 0 0 -100%; padding: 25px 10px 15px 15px; background: #fff url(../images/bg_sidebar.jpg) right top no-repeat; width: 155px; float: left; display: inline; position: relative}
#sidebar .navlinks, #sidebar .navlinks li{ margin: 0px; padding: 0px; list-style: none}
#sidebar .navlinks{ margin-bottom: 20px}
#sidebar img.ad{ margin-bottom: 10px}
#newsletter_signup h2{ border-bottom: 1px solid #EFEFEF; margin-bottom: 8px}
#newsletter_signup h2 a{ display: block; padding: 0px 15px 5px 0; color: #747474; float: left; background: transparent url(../images/arrow_newsletter.gif) right center no-repeat}
#newsletter_signup form label{ font-weight: bold; font-size: 11px; color: #747474}
#newsletter_signup input{ margin-bottom: 5px; color: #ccc}
#newsletter_signup input#newsLetter_email{ width: 100%}
#refineSearch{ border-bottom: 1px solid #EFEFEF; margin-bottom: 15px}
#refineSearch h3{ font:normal bold 11px/1.2em Arial, Helvetica, sans-serif; color: #262626; margin: 0px 0px 3px 0px}
#refineSearch h4{ font: italic 11px/1.2em Arial, Helvetica, sans-serif; color: #747474; margin: 5px 0px 3px 0px}
#refineSearch select{ width: 90%; margin: 0 0 20px 0}
#refineSearch h4.first{ margin-top: 0}
#refineSearch input.checkBox{ margin: 0px 8px 0px 0; padding: 0; width: 13px; height: 13px; vertical-align: middle}
#refineSearch a{ margin: 5px 0 20px 21px; display: block; text-decoration: underline}
body.savings #refineSearch table,body.events #refineSearch table{ font-size: 11px; font-weight: bold; margin: 0 0 20px 0}
body.savings #refineSearch table label span, body.events #refineSearch table label span{ color: #747474; font-weight: normal}
body.savings #refineSearch table input.input_text, body.events #refineSearch table input.input_text{ color: #747474}
body.savings #refineSearch table input#savings_search_text,body.events #refineSearch table input#savings_search_text{ width: 150px}
body.savings #refineSearch table input#savings_search_km, body.savings #refineSearch table input#savings_search_location, body.events #refineSearch table input#savings_search_km, body.events #refineSearch table input#savings_search_location{ float: right; margin: 0 5px}
body.savings #refineSearch table label,body.events #refineSearch table label{ float: left}
body.savings #refineSearch table tr td,body.events #refineSearch table tr td{ vertical-align: middle}
body.home #sidebar ul, body.home #sidebar li{ list-style: none; margin: 0; padding: 0}
body.home #sidebar ul{ margin: 15px 0}
body.home #sidebar ul li{ display: inline; /* fixes spacing in ie6 */ }
body.home #sidebar ul a{ font-weight: bold; display: block; padding: 3px 0 3px 12px}
body.home #sidebar ul a:hover{ text-decoration: none; background: #d4f4ff}
body.home #sidebar a.linkAll{ padding: 12px; font-weight: bold}
body.home #sidebar .ad_block {margin:0 0 10px 5px}
/* FOOTER styles -------------------------------------------*/ #footer_wrapper{ background-color: #EBEBEB; clear: left}
#footer_wrapper p.tagline{ font-size:14px; font-weight:bold; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#666666; background: #fff; /* border-bottom: 1px solid #C7C7C7; */ text-align: center; padding-bottom: 20px; /* white-space: nowrap;*/ }
#footer{ padding: 0px; margin: 0px; text-align:center}
#footer p{ padding: 5px 10px; /*border-left: 1px solid #ccc;*/ /*float: left;*/ text-align:center; margin: 0px}
#footer p.firstp{/* remove border from first floated p */ border: 0px}
#footer ul{ margin: 0px; padding-top: 15px; list-style: none; border-top: 1px solid #C7C7C7}
#footer ul li{ padding: 0px; list-style: none; display: inline; margin: 0 15px 0 0}
.js-link{ color:#0083B6; cursor:pointer}
/* Upgrade to Premium Process, 10-22-2008 -------------------------------------------------------------- */ .content-frame{ border: 5px solid #eaeaea; padding: 15px}
#upgrade-tos{ width: 602px; position: relative; left: 50%; margin: 0 0 0 -321px; margin-bottom: 3em}
#upgrade-tos h2{ font-family: Arial, Helvetica, sans-serif}
#upgrade-tos p{ color: #545454}
#listing-options{ width: 640px; position: relative; left: 50%; margin-left: -320px}
#listing-options table{ border-collapse: collapse; width: 100%}
#listing-options td, #listing-options th{ padding: 10px 20px; border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3}
#listing-options tbody td{ background: #e2f0f7; text-align: center; color: #000; width: 12em}
#listing-options tbody tr.odd td{ background: #f2f7f9}
#listing-options tbody th{ background: #dfdfdf; color: #0083b6; font-weight: bold}
#listing-options tbody tr.odd th{ background: #eaeaea}
#listing-options td.premium-col, #listing-options th.premium-col{ border-color: #0083b6; border-width: 2px}
#listing-options thead th{ background: #efefef url(../images/listing-options-gradient.gif) repeat-x left bottom; border-top: #d3d3d3 1px solid; text-align: center; font-size: 13px; padding-top:20px; padding-bottom:20px}
#listing-options thead th strong{ font-weight: bold; font-size: 18px; color: #747474}
#listing-options thead th strong em{ font-weight: normal}
#listing-options thead th h2{ text-align: left; font-size: 24px}
#listing-options tbody tr.last-row td, #listing-options tbody tr.last-row th{ border-bottom: 2px solid #d3d3d3}
#listing-options tbody tr.last-row td.premium-col{ border-bottom: 2px solid #0083b6}
#listing-options th.table-label{ background: none; border-top: none; border-left: none; border-bottom: 1px solid #d3d3d3; padding: 5px; vertical-align: top}
#upgrade-confirmation{ width: 602px; position: relative; left: 50%; margin: 0 0 0 -336px; margin-bottom: 3em; padding: 30px}
#confirmation{ width: 400px; position: relative; left: 50%; margin: 0 0 0 -230px; margin-bottom: 3em; padding: 30px}
#upgrade-confirmation h2, #upgrade-confirmation p.large, #confirmation h2, #confirmation p.large{ text-align: center}
#upgrade-confirmation p.large, #confirmation p.large{ font-size: 16px}
#upgrade-confirmation h2, #confirmation h2{ font-size: 36px; line-height: 1.3; margin-bottom: .5em}
#upgrade-confirmation h2 em, #confirmation h2 em{ color: #535353; font-size: 14px}
#upgrade-confirmation label{ font-weight: bold; text-transform: uppercase; font-size: 11px}
#upgrade-confirmation textarea{ width: 99%; height: 120px; margin-bottom: 1.5em}
/* Edit Mode -------------------------------------------------------------- */ #edit-mode-wrapper{ background: #ffffc2}
#edit-mode-wrapper #sidebar{ background: none; width: 200px; color: #333}
#edit-mode-wrapper #sidebar h2{ color: #333}
#edit-mode-wrapper #content{ background: #fff; padding: 0 20px; margin-left: 240px; margin-top: 10px}
#listing-categories ul, #listing-categories li{ margin: 0; padding: 0; list-style: none}
#listing-categories li{ border-top: #c1c1c1 1px solid; position: relative; padding: .5em 0}
#listing-categories ul{ border-bottom: #c1c1c1 1px solid; margin-bottom: .5em}
#listing-categories a.delete{ position: absolute; right: 0; top:50%; margin-top: -7px}
#listing-categories select{ margin-bottom: 5px; float:right}
#listing-categories p{ clear: both}
#listing-categories em, #edit-mode-wrapper #sidebar em{ color: #815600; font-style: italic}
#company-header{ padding: 2px}
#company-header input.title{ font-size: 24px; font-family: "Trebuchet MS", "Lucida Grande", Arial, sans-serif; width: 600px}
#company-header img.logo{ float:left; margin: 0 10px 0 0}
#edit-mode-wrapper #sidebar em{ color: #936800}
#edit-listing{ background: #ffffc2; margin: -25px -10px 10px -15px; text-align: center; padding: 20px 0; font-weight: bold; border-bottom: 1px solid #666666}
#report-listing-edits{ width: 420px; padding: 20px; position: relative; left:50%; margin: 0 0 0 -230px}
/* Updgrade Ads -------------------------------------------------------------- */ #upgrade-ad{ background: #0073b3 url(../images/upgrade-ad-starburst-lrg-1.gif) no-repeat right top; color: #edfaff; margin-bottom: 20px}
#upgrade-ad.trial{ background: #0073b3 url(../images/upgrade-ad-starburst-lrg-2.gif) no-repeat right top}
#sidebar #upgrade-ad{ background: #0073b3 url(../images/upgrade-ad-starburst-1.gif) no-repeat right 60px}
#sidebar #upgrade-ad.trial{ background: #0073b3 url(../images/upgrade-ad-starburst-2.gif) no-repeat right 60px}
#sidebar #upgrade-ad{ padding: 10px}
#upgrade-ad{ padding: 20px; position: relative}
#upgrade-ad a{ color: #ace7ff; text-decoration: underline}
#upgrade-ad ul, #upgrade-ad li{ margin: 0; padding: 0; list-style: none; border: none; font-weight: normal}
#upgrade-ad ul{ margin-bottom: 12px}
#upgrade-ad li{ background: url('../images/upgrade-ad-bullet.gif') no-repeat left .5em; padding-left: 12px}
#upgrade-ad strong{ color: #ace7ff; font-style: italic; text-transform: uppercase; letter-spacing: .05em}
#sidebar #upgrade-ad p.upgrade-button{ text-align: center}
#upgrade-ad p.upgrade-button{ position: absolute; bottom: 0; right: 20px}
#upgrade-ad h3{ color: #fff; font-weight: normal; font-size: 22px; display: inline}
#upgrade-ad a.sample{ font-size: 14px}
.edit-highlight{ background: #ddf2ff; padding: 10px; margin: 0 -10px}
.image-edit-x{ position: absolute; top:0; right: 0}
div.gallery_list ul li a img.image-edit-x{ border: none; border: 0; padding: 0; margin:0}
div.gallery_list ul li{ position: relative; float: left; margin-right: 5px}
.charter_member_badge {line-height: 35px; background-image: url(../images/charter_member_badge.gif); background-repeat: no-repeat; background-position: 0px 0px; display: block; width: 84px; text-indent: -10000px}
.charter_member_badge:hover {background-image: url(../images/charter_member_badge.gif); background-position: 0px -35px}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0}
#lightbox a img{ border: none}
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto}
#imageContainer{ padding: 10px}
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0}
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block}
/* GPP change to always show prev / next #prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url(/images/prevlabel.gif) left 15% no-repeat}
#nextLink:hover, #nextLink:visited:hover {background: url(/images/nextlabel.gif) right 15% no-repeat}
*/ #prevLink {float: left; background: url(/images/prevlabel.gif) left 15% no-repeat}
#nextLink {float: right;background: url(/images/nextlabel.gif) right 15% no-repeat}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% }
#imageData{ padding:0 10px; color: #666}
#imageData #imageDetails{ width: 70%; float: left; text-align: left}
#imageData #caption{ font-weight: bold}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em}
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em}
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000}
/************************* New CSS at the top *************************/ /* WAR Search - Big box warning */ div#search_for_auto_complete {background-color:white; border:1px solid #888; margin:0px; padding:0px}
div#search_for_auto_complete li {margin-left: -20px; list-style-type: none}
/* End WAR Search */ div.auto_complete {position:absolute; width:250px; background-color:white; margin:0px; padding:0px; z-index: 10}
ul.auto_complete {list-style-type: none; margin:0px; padding:0px; border:1px solid black}
ul.auto_complete li.selected {background-color: #ffb}
li.company{ list-style-type: none; display:block; margin:0; padding:2px; height:32px}
li.company .name {font-weight:bold; font-size:12px; line-height:1.2em}
li.location{ color: #0083B6; cursor: pointer; list-style-type: none; display:block; margin:0; padding:2px; height: auto; font-size: 12px}
li.link {font-weight:bold; font-size:12px; line-height:1.2em}
li.company .address {font-size:10px; color:#888}
/* Remove halo effect in firefox * Not valid, but targets Mozilla based browsers that want to outline a:active */ :focus {-moz-outline-style: none}
/* End Review page Ratings */ /************************* Override CSS below here *************************/ /* 1.3 Live Search - Override to make space for the live search progress indicator on the home page. */ body.home #sub_header label {margin:0pt 1pt 0pt 7px}
/* CSS Table */ div.table {position:relative; z-index:1; min-height: 500px}
div.table .even {padding-bottom: 2px; padding-top: 2px}
div.table .odd {padding-bottom: 2px; padding-top: 2px}
div.table div.title {width: 100%; padding-bottom: 5px; padding-top: 5px; font-size:0.8em}
div.table .title .column {}
div.table div.row {}
div.table div.selected {cursor: pointer; padding-bottom: 2px; padding-top: 2px}
div.table .column {padding-top: 4px; padding-bottom: 4px; padding-left:4px; width: 0%; height:100%; float:left; font-size:1.0em}
div.identage {margin-left: 40px}
/* CSS Table */ /* pagination form err's will_paginate - http://plugins.require.errtheblog.com/browser/will_paginate/README */ .pagination{ padding: 3px; margin: 3px; position: relative; width: 500px}
.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #E1E1E1; text-decoration: none; background: #FAFAFA}
.pagination a:hover, .pagination a:active {background: #007FB1; border: 1px solid #007FB1; color: #fff}
.pagination span.current {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099; font-weight: bold; background-color: #000099; color: #FFF}
.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eee; color: #ddd}
/* pagination form err's will_paginate - http://plugins.require.errtheblog.com/browser/will_paginate/README */ /* Override the default width for the search results pagination */ div#search_results div.pagination {width: 100%}
.error {margin: 0 0 2px 10px; padding: 12px 10px 0px 20px; color: white; font-size: 11px; font-family:verdana, helvetica, sans serif; border: none; background: url(/images/error.gif) no-repeat 0 10px}
.busy {width: 20px; height: 20px; background: url(/images/throbber-busy.gif) no-repeat top left}
/* This can be merged with application.css */ #contact_us_form{ border:5px solid #EAEAEA; left:50%; margin-left:-228px; padding:15px; position:relative; width:416px}
#contact_us_form ul, #contact_us_form li{ list-style: none; margin: 0; padding: 0}
#contact_us_form input.textField {width: 300px; overflow: hidden; /* On fields with 1 line, IE 7 renders a scroll bar and obscures all of the text! */ }
#contact_us_form textarea{ width: 300px; overflow: auto}
#contact_us_form li{ margin: 0 0 20px 0}
#contact_us_form textarea{ width: 416px; height: 115px}
#contact_us_form label span{ font-style: italic; font-size: 11px; color: #666}
#contact_us_form .submit{ float: right}
#about_us{ border:5px solid #EAEAEA; left:25%; margin-left:-228px; padding:15px; position:relative; width:85%}
#coupon_code a{ padding-left: 20px}
#validation_dev {background: #fff; border: #ffeda6 solid 5px; font-weight: bold; margin: 0 0 30px 0}
#validation_dev p{ margin: 0; padding: 0; color: #333333}
#validation_dev div {background: #fffdcd; /* display: block; */ margin: 3px; padding: 15px}
#validation_dev ul, #validation_dev li{ margin: 0; padding: 0; list-style-position: inside; color: #990000}
#validation_dev ul{ margin: 10px 0}
#validation_dev li{ display: none; padding-left: 5px}
/* Active Scaffold textarea bug */ .active-scaffold textarea {height: auto}
/* Active Scaffold textarea bug */ span.in_place_editor_field p:hover {background-color: rgb(255,255,153)}
/* fix for lightbox bug in IE */ #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: hidden; width: 100% }
/* fix for lightbox bug in IE */ .busy {width: 20px; height: 20px; background: url(/images/throbber-busy.gif) no-repeat}
/* floating div for respond to a review */ #transparent_message, #transparent_geocode_warning {text-align: center; opacity: 0.9; position: absolute; top: 20px; -moz-border-radius:10px; background: #FFF492; border-top: 1px solid #D5D5D5; border-bottom: 1px solid #D5D5D5; margin: 10px}
#transparent_geocode_warning {background: #FF9999}
#transparent_message p, #transparent_geocode_warning p {padding: 0 10px}
/* Live edit button styles */ a.editor_cancel {margin-left: 1.25em}
input.editor_ok_button {margin-left: 3px; width: 4em}
/* Tell-a-friend v1 static contest */ .greentext {font: 10px Verdana, Helvetica, sans-serif; font-style:italic; color: #2c9821}
#banner_box {margin-bottom: 10px}
#med_wide_contest_banner img {padding: 10px 0 10px 0}
#med_wide_contest_banner_registration img {margin-top: -10px; padding: 0 0 20px 0}
#review_contest_login_banner img {padding: 10px 0 10px 0}
/* change city */ #change_city{ margin:5px 0 0 0px; padding: 15px; height: 21px; line-height: 21px; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1; background: #fcfcf2; width: 695px}
#change_city p{ float:left}
#change_city a{ margin-left: 8px}
#change_city p span{ font-size: 14px; font-weight: bold}
/* change city */ /* write a review - with near box */ #select_company #search_company_box input{ width: 280px; height: 27px; font-style: italic; font-size: 18px; color: #4B494A; line-height: 30px; padding: 3px 5px 0}
/* write a review - with near box */ /* html * {margin: 0; padding: 0; border: 0}
*/ /* ul, li {list-style: none}
*/ /* input, select, textarea {border: 1px #ccc solid; border-color: #7f7f7f #7f7f7f #dedede #dedede}
*/ .left {float: left}
.right {float: right}
.clear {clear: both; height: 0; line-height: 0px; border: 0px solid red}
.clearfix:after {clear: both; display: block; content: "."; height: 0; visibility: hidden}
/* for the last 7 people on earth using IE Mac */ .clearfix {display: inline-block}
/* Hide from IE Mac \*/ * html .clearfix {height: 1%}
.clearfix {display: block}
/* End hide from IE-mac */ body.home a, body.home a:visited {text-decoration: none; color: #0083b6}
body.home a:hover {text-decoration: underline}
body.home {margin: 0; padding: 0; border: 0; /*!!!*/ font: 62.5%/1.2em Tahoma, Arial, Sans-Serif; font-family: Arial, Helvetica, sans-serif; background: #fff; color: #333; /* text-align: center; /* IE6 centering */ }
body.home *, #categories ul, ul#header-nav {margin: 0; padding: 0; border: 0}
/* ========= MASTHEAD ========= */ div#masthead {position: relative; height: 125px; width: 100%; font-family: "Trebuchet MS", Verdana, sans-serif; /* font-size: 1.11em;*/ font-size: 14px; text-align: left; background: transparent url(/images/bg_masthead_6x125.gif) 0 0 repeat-x}
ul#header-nav {list-style: none; position: absolute; top: 25px; left: 200px; width:500px;}
#header-nav li {display: inline; text-transform: lowercase}
#header-nav li a {display: block; float: left; margin-right: 30px; padding-bottom: 6px; color: #67cdff}
#header-nav li a:hover {color: #fff}
#header-nav li.current a {color: #fff; background: transparent url(/images/nav_current.gif) center bottom no-repeat}
div#account {position: absolute; top: 26px; right: 1px; line-height: 1.11em; /*!*/ }
body.home div#account {right: 40px; /*!*/ }
#account .reviewer {float: left; color: yellow; margin-top:-2px;}
#account ul {list-style: none; display: inline}
#account li {display: inline; text-transform: lowercase}
#account li a {display: block; float: left; margin-left: 15px; color: #fff}
#account li a:hover {color: #fff}
#account li.current a {color: #fff; background: transparent url(/images/nav_current.gif) center bottom no-repeat}
/* === MASTHEAD: SEARCH === */ #masthead form.search-form {position: absolute; left: 189px; top: 87px; top: 81px; width:675px}
/* match height of label and input ? (never mind p.eg) */ .search-form label.search-text-label, .search-form label.search-city-label {display: block; float: left; height: 1.5em; margin: .45em 0.6em 0 0; text-align: right; font-weight: bold}
.search-form label.search-text-label {width: 3.9em}
.search-form label.search-city-label {width: 2.7em}
.search-form .input-wrapper {display: block; float: left}
.search-form .input-wrapper.left {margin-right: 1.5em}
.search-form input {height: 23px; height: 1.5em; padding: .3em 0 0 .3em; font-size: .9em; border: 1px #ccc solid; border-color: #7f7f7f #7f7f7f #dedede #dedede}
.search-form input.search-text {width: 21em; /*width: 16.5em;*/ }
.search-form input.search-city {width: 15em; /*width: 10.5em;*/ }
.search-form p.eg {clear: both; margin: .18em 0 0 .24em; font-size: .84em; letter-spacing: .03em; color: #808080; font-style: italic}
.search-form input.submit {margin-left: 9px; padding: 0; width: 32px; height: 25px; border: 0}
/* wip ... #search-form input#search-text, #search-form input#search-city {display: block; float: left; height: 23px; padding-top: .3em; border: 1px solid blue}
#search-form input#search-text {width: 21em}
#search-form input#search-city {width: 15em}
*/ /* ========= CONTAINER (to fix width) ========= */ div#kontainer {clear: both; width: 900px; margin: 0 auto; margin: 0 0 0 21px; text-align: center; border: 0px solid red}
/* ========= CITIES ========= */ div#cities-top-wrapper {clear: both; display: block; margin-bottom: 12px; padding: 21px 0 15px; text-align: left; font-size: 1.2em; border-bottom: 1px solid #eaeaea}
#cities-top-wrapper h3.locale {float: left; width: 228px; height: 27px; line-height: 27px; /*!*/ padding-left: 33px; font-size: 1.35em; background: transparent url(/images/star_rating_smaller.gif) left center no-repeat}
div.cities {margin-left: 261px; font-size: 1.11em; line-height: 1.11em}
.cities h1.city-list-hdr {float: left; margin-right: 9px; font-size: 1.11em; /*for IE6, 7*/ }
ul.cities {list-style: none; margin-bottom: 10px; line-height: 20px; padding:0;}
.cities li {display: inline}
.cities li a {display: block; float: left; margin: 0 6px 0 0; padding: 0 6px 0 0; font-weight: bold; border-right: 1px solid #0083b6}
.cities li.no-border a {border: 0; margin: 0; padding: 0}
/*.cities li.more-cities a {padding-right: 12px; background: transparent url(/homestars/images/arrow_down_blu_8x7.gif) right .3em no-repeat}*/ /* ========= COLUMN WRAPPER, COLUMNS ========= */ /* 1. col-left/sidebar = 240px 2. gutter = 21px 3. main content = 639px 4. total = 900px */ div#column-wrapper {clear: both; width: 900px; margin-bottom: 33px; padding-top: 10px; font-size: 1.2em; text-align: left; border-bottom: 1px solid #eaeaea}
div.col-left {clear: both; float: left; width: 240px}
div.col-right {width: 635px; margin-left: 261px; /* margin for non-IE */ }
/* ========= CATEGORIES MENU ========= */ div#categories {margin-bottom: 1.5em; border: 0px solid teal}
#categories h2 {margin-bottom: 17px; padding-bottom: 7px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; border-bottom: 1px solid #dadada; color: #272727}
#categories ul {list-style: none; font-size: 13px}
#categories li {display: block; margin: 0 0 0 0; padding: 0 0 0 6px; /*apply to 'more' paragraph */ color: #666}
#categories li a {font-family: "Trebuchet MS", Verdana, sans-serif; font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; font-size: 0.99em; line-height: 1.89em; letter-spacing: .0em}
/*#categories li a:hover {color: #000}*/ #categories li.selected {padding: 6px 0 6px 6px; background: #d4f4ff}
/* 'more categories' */ #categories p {margin-left: 6px}
#categories p a {text-decoration: underline}
#categories p a:hover {color: #000}
/* ========= MAIN CONTENT ========= */ /* === PROMO === */ div#promo {clear: right; margin-bottom: 15px}
#promo img.promo {margin-bottom: 15px; /* match div#promo */}
#promo h1 {font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 22px; line-height: 1.2em; color: #272727}
#promo h1 span {font-size: 14px; line-height: 1.2em; color: #999; font-style: italic}
.col-right h2 {margin-bottom: 13px; padding-bottom: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.2em; color: #333; border-bottom: 1px solid #ccc}
/* === CALL TO ACTION (main content column = 639px) === */ div.call-to-action {clear: right; margin: 18px 0; padding-bottom: 14px; border-bottom: 1px solid #ccc}
.call-to-action h2 {padding-bottom: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333}
.call-to-action p {width: 496px; margin-left: 143px; line-height: 1.5em}
/* === 'THE GOOD', 'THE BAD' (main content column = 639px) === */ div.good-and-bad {display: block; float: left; /*clear: right;*/ margin-bottom: 18px}
div.col-the-good {display: block; float: left; width: 260px; border: 0px solid teal}
div.col-the-bad {display: block; width: 260px; margin-left: 320px; border: 0px solid teal}
.good-and-bad h3 {margin-bottom: 8px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 16px; font-size: 19px; line-height: 1.29em; color: #757575}
img.good-bad {width: 190px; margin-bottom: 15px; padding: 4px; border: 2px solid #c7c7c7}
.good-and-bad h4 {display: block; float: left; width: 100%; margin-bottom: 6px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; line-height: 16px; color: #757575}
.good-and-bad h4 span {display: block; float: left; width: 36px; height: 35px; line-height: 42px; margin-top: -7px; margin-right: 12px; text-align: center; font-size: 0.9em; color: #000; background: transparent url(/images/star_rating_36px.gif) 0 0 no-repeat}
.good-and-bad p {line-height: 1.5em}
.good-and-bad p span.reviewer {font-weight: bold}
/* ========= REVIEWS ========= */ div#reviews {clear: right; margin-bottom: 33px}
#reviews h2 {margin-bottom: 18px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 18px; color: #333}
#reviews h2 span {float: right; font-size: 12px; color: #666}
div.review {margin-bottom: 15px; line-height: 1.2em}
/* the rating star */ .review h5 {float: left; margin: 0 12px 12px 0; width: 36px; height: 35px; line-height: 36px; font-size: 0.96em; text-align: center; background: transparent url(/images/star_rating_36px.gif) 0 0 no-repeat}
.review h4 {margin-bottom: 9px}
.review p {font-style: italic; line-height: 1.5em}
.review p .reviewer {font-style: normal; font-weight: bold; color: #333}
/* ========= FOOTER (still inside div#kontainer, re: centering between header/footer ========= */ div#footer-top {clear: both; display: block; padding-bottom: 14px; font-size: 1.2em; border: 0px solid teal; text-align: center}
#footer-top img#logo2 {margin: 24px 0 12px 0}
#footer-top p {margin-bottom: 9px; font-family: "Trebuchet MS", Verdana, sans-serif; font-weight: bold; line-height: 1.2em; color: #333}
div#footer-bottom {clear: both; display: block; padding: 18px 0; font-size: 1.2em; text-align: center; background: #ebebeb; border-top: 1px solid #c7c7c7}
#footer-bottom ul {list-style: none; display: block; margin: 0 auto; width: 60em}
#footer-bottom li {display: inline}
#footer-bottom li a {display: block; float: left; margin-right: 20px; margin-right: 1.5em; color: #0083b6}
/* ========= WRITE A REVIEW PAGE ========= */ div#write-review {clear: right}
#write-review h1 {margin-bottom: 9px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 22px; color: #000}
#write-review p {line-height: 1.35em}
div#review-steps {display: block; margin: 21px 0 30px 0; padding-bottom: 9px; color: #333; border-bottom: 1px solid #ccc}
#write-review h3 {float: left; margin-right: 9px; font-size: 1.2em; /*for IE6, 7*/ }
#write-review h4 {display: block; margin-bottom: 6px; font-size: 1.2em; color: #000}
#review-steps ol {display: block; font-size: 1.2em}
#review-steps ol li {display: inline; margin-right: 2.1em}
#review-steps ol li a {font-weight: bold; color: #999}
#review-steps ol li.current a {color: #333}
/* ========= SEARCH-FOR-A-COMPANY FORM (RITE REVIEW PAGE) ========= */ #write-review form.search-form {margin: 0 0 30px 0; padding: 15px 9px 18px 0; background: #ddd; border: 4px solid #e4e4e4}
/* 'Company Name' is longer than 'Search' */ #write-review .search-form label.search-text-label {width: 9em}
#write-review .search-form .input-wrapper.left {margin-right: .75em}
#write-review .search-form input.search-text {width: 24em}
#write-review .search-form input.search-city {width: 12em}
#write-review .search-form input.submit {margin-left: 9px; padding: 0; width: 32px; height: 25px; border: 0}
/* ========= FIND/SELECT A COMPANY TABLE WRAPPER; (col-right is 639px) ========= */ div#company-find-select {clear: right; width: 631px; margin-bottom: 3em; border: 4px solid #e4e4e4}
#company-find-select form.search-form {border: 0}
div#review-sample-hdr {margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #ccc}
#review-sample img.sample {width: 240px; margin: 0 0 15px 3em; padding: 6px; border: 4px solid #c7c7c7}
#review-sample img.rating-star {float: left; width: 27px; margin: -7px 6px 0 0}
#review-sample h5 {margin-bottom: 6px; font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 14px; color: #333; border: 1px solid #fff}
div.rating-rater {border: 1px solid #ccc}
/* #company-find-select ul.pagination {display: block; width: 585px; width: auto; height: 1.5em; margin: 0 0 1.5em 15px; border: 0px solid #0ff}
#company-find-select .pagination li {display: inline}
#company-find-select .pagination li a {display: block; float: left; margin-right: 9px; padding: 2px 5px; text-decoration: none; background: #fafafa; border: 1px solid #e1e1e1}
#company-find-select .pagination li a:hover {background: #007fb1; color: #fff; border: 1px solid #007fb1}
#company-find-select .pagination li.current a {background: #000099; color: #fff}
*/ ul.pagination {display: block; width: 585px; width: auto; height: 1.5em; margin: 0 0 1.5em 15px}
/* alt vsn, to accommodate inline 'sort by' form in category search results page */ ul.pagination.alt {display: block; float: left; width: 22.5em; margin-right: .75em}
.pagination li {display: inline}
.pagination li a {display: block; float: left; margin-right: 9px; padding: 2px 5px; text-decoration: none; background: #fafafa; border: 1px solid #e1e1e1}
.pagination li a:hover {background: #007fb1; color: #fff; text-decoration: none; border: 1px solid #007fb1}
.pagination li.current a {background: #000099; color: #fff}
.pagination li.no-margin a {margin: 0}
#company-find-select h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; margin: 0 0 0 15px; border: 0}
/* ========= SEARCH RESULTS TABLE (WRITE REVIEW PAGE) ========= */ #company-find-select table#search-results {width: 599px; margin: 0 15px 1.5em 15px; border-collapse: collapse}
#search-results th {padding: .75em 0; font-size: 11px; text-transform: uppercase; color: #878787; border-bottom: 1px #e4e4e4 solid}
#search-results td {vertical-align: middle; padding: .75em 0; border-bottom: 1px #e4e4e4 solid}
#search-results td.btn {width: 48px}
#search-results td.company_name, #search-results th.company_name {font-weight: bold; padding-left: 10px; width: 50%}
#add_business {padding: 15px; background: #fcfcf2; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; width: auto}
#search-results-category #add_business {margin-bottom: 3em}
.btn_add_business {display: block; width: 88px; height: 21px; background: #fff url(http://homestars.com/images/btn_add_business.gif) 0 0 no-repeat; letter-spacing : -1000em; text-indent: -1em}
/* ========= CATEGORY SEARCH RESULTS PAGE ========= */ ul.sponsored {list-style: none; margin: 0 0 2.1em 12px; padding-right: 18px; background: #fff url(http://homestars.com/images/sponsored_link_heading.gif) right top no-repeat}
.sponsored li {/* display: block;*/ height: 1.5em; line-height: 1.5em; height: 27px; line-height: 27px; margin-bottom: 3px; background: #f4f4f4}
.sponsored li .rating {display: block; float: left; width: 31px; height: 27px; margin-right: 15px; text-align: center; background: #f4f4f4 url(http://homestars.com/images/star_rating_sponsored.gif) 0 0 no-repeat; font: bold 11px/27px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif}
div#search-results-category {}
#search-results-category h1 {margin-bottom: 9px; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 22px; color: #000}
#search-results-category p {line-height: 1.35em}
#search-results-category h2 {margin: 12px 0; font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 18px; color: #000}
#search-results-category h3 {}
/* ====== SORT RESULTS FORM ====== */ /*form.results-sorter {margin: -.75em 0 30px 15px; padding: 9px; height: 1.5em; border-bottom: 1px solid #ccc}
*/ form.results-sorter {margin: 0 0 1.5em 23.25em; padding: 0px; height: 1.5em; line-height: 1.5em; border: 0px solid #ccc; /*border-width: 1px 0; */}
div.select-wrapper {float: left; margin-right: 15px; border: 0px solid teal}
label.sort-method-label {display: block; float: left; width: 4.5em; height: 1.5em; line-height: 1.65em; margin-right: .3em; font-weight: bold}
select.sort-method {width: 7.8em; width: 9.9em; border: 1px solid #999}
select.sort-method option {padding-left: 3px}
div.checkbox-wrapper {float: left; border: 0px solid teal}
input.checkbox {}
label.fotos-only-label {height: 1.5em; line-height: 1.5em; margin-left: .3em; font-weight: bold}
/* ====== CATEGORY SEARCH RESULT MODULE ====== */ div.result-wrapper {padding: 15px 9px; background: #edf6fa; border-top: 1px solid #e1e1e1}
div.result-wrapper.last {margin-bottom: .9em; border-bottom: 1px solid #e1e1e1}
.result-wrapper img.right {margin: 0 0 .6em .6em; padding: 2px}
.result-wrapper a img.right {border: 1px solid #0083b6}
div.rating-star {float: left; width: 75px; text-align: center; font-size: .9em; font-style: italic; color: #666}
.rating-star span {display: block; width: 53px; height: 50px; line-height: 55px; margin: 0 auto 6px auto; color: #333; font-size: 18px; font-weight: bold; background: transparent url(/images/star_rating_searchPrem.gif) 0 0 no-repeat}
div.review-wrapper {margin-left: 90px; border: 0px solid #000}
.review-wrapper h3 {font-family: Arial, Helvetica, sans-serif; font-size: 1.29em; line-height: 1.32em}
.review-wrapper h4 {margin-bottom: .75em; font-size: 1.11em; line-height: 1.11em}
.review-wrapper p.company-info {float: left; width: 16.5em; font-size: 1.05em; line-height: 1.05em}
div.testimonial {margin-left: 17.1em; font-size: 1.05em; line-height: 1.05em}
.testimonial p.quote {margin-bottom: .45em; font-style: italic}
.testimonial p.byline {font-weight: bold; color: #333}
.testimonial p.byline span {border: 0px solid red}
div.banner {background-position:left; background-repeat:no-repeat; background-color:#93daf9; border:5px solid #FFF}
div.b_big {background-image:url(../images/banner/banner_big.png); width:773px; height:132px}
div.b_small {background-image:url(../images/banner/banner_small.png); width:698px; height:125px}
div.b_big div.upgrade_box {margin-left:575px; width:198px; text-align:center}
div.b_small div.upgrade_box {width:180px; margin-left:515px; text-align:center}
div.banner div.upgrade_box h3, div#content div.banner div.upgrade_box h3 {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:17px; margin-top:10px}
div.banner div.upgrade_box h3 a {color:black; text-decoration:none}
div.banner div.upgrade_box h3 a:hover {text-decoration:underline}
div.b_small div.upgrade_box h3 {font-size:16px}
div.banner div.upgrade_box a.banner_button span{ position:absolute; left:-999em}
div.banner div.upgrade_box a.banner_button {background-image:url(../images/banner/banner_button.png); background-repeat:no-repeat; display:block; width:126px; height:39px; text-align:center; margin:5px auto}
div.banner div.upgrade_box a.banner_button:hover {background-image:url(../images/banner/banner_button_hil.png)}
div.banner div.upgrade_box p {font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:0}
div.banner div.upgrade_box p a {color:#0099e8; text-decoration:none}
div.banner div.upgrade_box p a:hover {text-decoration:underline}
div.banner div.upgrade_box p.small {margin-top:7px; color:#666; font-size:9px}
div.b_small {}