html { min-height: 100%; padding-bottom: 1px; }
body { margin: 0px auto; font: normal 12px georgia, times; color: #000; background: #EFEEF4 url('/images/background.gif') center repeat-y; }
img { display: block; border: 0px; }
h1,h2,h3 { font: bold; font-family: georgia, times; color: #3F4875; margin: 10px 0px 10px 0px; }
h1 { font-size: 24px; margin: 0px 0px 15px 0px; }
h1 a { color: #3F4875; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
table { border-collapse: collapse; border-spacing: 0; }
table td { padding: 0px; }
a { color: #8E1032; }
a:hover { color: #8E1032; text-decoration: none; }

.b { display: block; }
.c { clear: both; }
.fl { float: left; }
.fr { float: right; }
.nm { margin: 0px; }
.hr { color: #3F4875; border: 0px; border-top: 1px #E0E3EA dashed; margin: 20px 0px 20px 0px; }
table.nw td, table.nw th{ white-space: nowrap; }
a.profile{ color: black ; }

#layout { width: 970px; margin: 0px auto; background: #FFF; padding-top: 0px; }

#header { width: 946px; margin-right: 12px; margin-left: 12px; height: 60px; }
#header #logo { display: block; float: left; width: 224px; height: 60px; }
#header #logo img { width: 224px; height: 60px; }
#header #topnav { width: 722px; float: left; margin-top: 10px; height: 50px; background: url("/images/tab_base.gif") bottom no-repeat; }
#header #topnav a { color: #3F4875; text-align: center; text-decoration: none; float: left; width: 100px; height: 25px; padding: 9px 0 0 0; margin: 0 1px 0 0; font: bold 13px Tahoma, Arial; background-image: url("/images/tab.gif"); background-repeat: no-repeat; }
#header #topnav a.active { background-image: url("/images/tab_.gif"); color: #FFF; height: 27px; }
#header #topnav a:hover { color: #8E1032; }
#header #topnav a.active:hover { color: #FFF; }

.top_breadcrumbs{ margin: 0 0 0 11px ; }

#content { width: 946px; margin: 18px 12px 18px 12px; }
#content.content_with_separator { background: url("/images/dotbgr.gif") repeat-y 734px 0; overflow: hidden; }

#container { width: 720px; min-height: 530px; float: left; }
#homeproduct { width: 590px; }
#homeproduct #picture { width: 212px; height: 212px; padding: 13px; background: #F7F8F9; border: 1px #D9DAE3 solid; }
#homeproduct #picture #box { background: #FFF; border: 1px #D9DAE3 solid; width: 210px; height: 210px; display: block; }
#homeproduct #picture img { width: 210px; height: 210px; border: 0; }
#homeproduct #description { width: 330px; padding: 0px 10px 0px 10px; }
#homeproduct #description h1 { font-weight: bold; font-size: 16px; color: #3F4875; margin: 0px; }
#homeproduct #description p { font-size: 12px; line-height: 20px; }
#homebrands { background: #F3F3F3; margin-left: 10px; padding: 10px; width: 100px; background: #E7E9EF; font-size: 11px; }
#homebrands #title { font-size: 12px; font-weight: bold; color: #3F4875; margin-bottom: 5px; }
#homebrands a { color: #3F4875; text-decoration: none; }
#homebrands a:hover { color: #3F4875; text-decoration: underline; }

#products {}
.product { width: 150px; margin-right: 39px; }
.product .picture { width: 134px; height: 134px; padding: 7px; background: #F7F8F9; border: 1px #D9DAE3 solid; }
.product .picture .box { background: #FFF; border: 1px #D9DAE3 solid; width: 132px; height: 132px; }
.product .picture .box a { display: block; }
.product .picture img { width: 132px; height: 132px; }
.product a.title { display: block; text-align: center; margin: 5px 0px 0px 0px; color: #3F4875; text-decoration: none; }
.product a:hover.title { text-decoration: underline; }
.product_display { float: left; }
.product_display .picture_column { float: left; margin: 0 15px 15px 0; }
.product_display .picture { padding: 13px; background: #F7F8F9; border: 1px solid #D9DAE3; }
.product_display .picture img { width: 210px; display: block; border: 1px solid #D9DAE3; }
.product_display .breadcrumbs { margin: 15px 0; }
.product_display .brand { display: inline-block ; background: #3F4875; color: #FFF; font-size: 18px; padding: 5px; font-weight: bold; margin: 0px 0px 0px 0px; text-decoration: none; }
.product_display .description { margin: 15px 0; line-height: 20px; font-size: 13px; }
.product_display .price { font: bold 28px georgia; color: #8E1032; text-align: center ; margin: 5px ; }
.product_display .product_links { background: #F7F8F9; border-top: 5px #D9DAE3 solid; border-bottom: 5px #D9DAE3 solid; height: 280px; padding-top: 5px; padding-bottom: 5px; }
.product_display a.buynow { display: block; width: 123px; height: 35px; margin-top: 15px; background: url('/images/button.gif'); text-align: center; font: bold 18px georgia,arial; padding-top: 12px; text-decoration: none; color: #FFF; }
.product_display a:hover.buynow { background: url('/images/button_.gif'); }

#salons {}
.salons_home .city_list td.column{ width: 283px; padding: 0; }
.salons_home h2 { margin: 15px 0 15px 0; }
.chart { width: 100%; border-collapse: collapse; border-top: 1px #C4C4DA solid; }
.chart table{ width: 100%; }
.chart td { vertical-align: middle; padding: 5px; border-bottom: 1px #C4C4DA solid; }
.chart .results { vertical-align: middle; padding: 5px; border-bottom: 1px #C4C4DA solid; }
.chart a { text-decoration: underline; color: #656B9F; }
.chart a:hover { text-decoration: none; color: #8E1032; }
.chart .total { color: #666; }
.chart .n { width: 45%; }
.chart .p { width: 15%; font-weight: bold; color: #656B9F; white-space: nowrap; }
.chart .a { width: 40%; }
.chart .odd { background-color: #EFEEF4; }
.salon_display { float: left; }
.salon_display h2 { color: #8E1032; }
.salon_display .stopby { font: 11px bold verdana,tahoma,arial; background: #FFF9FA; padding: 5px; border: solid 1px #FFEFF2; text-align: center; color: #8E1032; margin-bottom: 10px; }
.salon_display .details{ width: 250px; padding: 10px; height: 555px; float: left; border: 5px solid #FFEFF2; background-color: #FFF9FA; }
.salon_display .map{ width: 420px; height: 440px; float: right; border: 5px solid #D9DAE3; }
.salon_display .salon_nav{ float: right ; width: 430px; padding: 10px 0 0 0; }
.salon_display .salon_nav .prev_next{ width: 100%; }
.salon_display .salon_nav .prev_next td { width: 33%; }
.salon_display .rating_block { margin: 20px 0; }
.salon_display .rate_message { margin: 10px 0; }
.salon_display .rating td { padding: 0 3px; cursor: pointer; }
.salon_display .ads { margin: 20px 0; }
.salon_display .specialties { margin: 20px 0; }

#admin_status_displayer {}
#admin_status_displayer div { text-align: center; }
#admin_status_displayer div.status_0 { background: #FFDFDF; }
#admin_status_displayer div.status_1 { background: #FFFECC; }
#admin_status_displayer div.status_2 { background: #E3FFDF; }

#paginator { margin: 15px 0 15px 0; }
#paginator a { display: block; float: left; background: #F7F8F9; color: #3F4875; padding: 5px; font-weight: bold; font-size: 16px; border: 1px #D9DAE3 solid; text-decoration: none; width: 20px; height: 20px; text-align: center; margin-right: 4px; }
#paginator a:hover { background: #F7F8F9; background: #D9DAE3; }
#paginator a.current { background-color: #EFEEF4; }

.sidebar { width: 192px; float: right ; margin: 0 0 20px 0 ; }
.sidebar #comeonin { width: 160px; padding: 5px 15px 5px 15px; background: #FAE5A4; color: #595959; text-align: center; line-height: 20px; }
.sidebar #comeonin h3 { font-size: 18px; font-weight: bold; color: #C18434; }
.sidebar #comeonin a { font-weight: bold; color: #595959; }
.sidebar #comeonin a:hover { text-decoration: none; color: #595959; }
.sidebar #prize { width: 190px; background: #8E1032; padding-bottom: 1px; }
.sidebar #prize #title { width: 172px; height: 35px; margin: 0px auto; }
.sidebar #prize #product { width: 184px; height: 184px; margin: 0px auto; }
.sidebar #prize #description { width: 174px; background: #FFF; margin: 0px auto; text-align: center; padding: 5px; margin-bottom: 2px; }
.sidebar .sidebarnav { clear: both; width: 180px; padding: 0px 5px 5px 5px; background: #F7F8F9; border: 1px #D9DAE3 solid; }
.sidebar .sidebarnav .title { font: bold 14px georgia; color: #8E1032; padding: 7px 5px 5px 3px; }
.sidebar .sidebarnav a { display: block; font: normal 14px georgia; text-decoration: none; color: #3F4875; border-top: 1px #D9DAE3 solid; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; }
.sidebar .sidebarnav a.first { border-top: none; }
.sidebar .sidebarnav a:hover { background: #D9DAE3; }
.sidebar .sidebarnav a.active { background: #8E1032; color: #FFF; border-top: 1px #8E1032 solid; border-bottom: 1px #8E1032 solid; }
.sidebar .sidebarnav .sub a { padding-left: 20px; font: normal 11px georgia; }
.sidebar .sidebarnav .sub .sub a { padding-left: 40px; font: normal 11px georgia; }

#footer { width: 946px; border-top: 3px #E0E3EA solid; margin: 10px 12px 0px 12px; padding-top: 10px; color: #B9BCC9; }
#footer a { color: #B9BCC9; text-decoration: none; }
#footer a:hover { color: #B9BCC9; text-decoration: underline; }
#footer .all_salons{ clear: both; padding-top: 10px; }
#footer .all_salons a { margin-left: 1px; }

.system_errors{ border: 1px solid red; }
.system_messages{ border: 1px solid green; }

.list_table{ border-spacing: 0; border-collapse: collapse; border: 1px solid #E0E3EA; }
.list_table td, .list_table th{ padding: 5px ; }
.list_table th{ text-align: left ; background-color: #E0E3EA; }
.list_table td{ border-top: 1px solid #E0E3EA; }

.form_section{ margin: 10px 0 ; }

/* jquery autocomplete widget */
.ui-autocomplete{ cursor: default ; background-color: #F7F8F9 ; padding: 0 ; list-style-type: none ; width: 350px ; border: 1px solid #ccc ; border-width: 1px 1px 0 1px ; }
.ui-autocomplete li{ padding: 0 ; margin: 0 ; }
.ui-autocomplete li a{ display: block ; padding: 6px ; border-bottom: 1px solid #ccc ; color: black ; }
.ui-autocomplete li a:hover{ background-color: #FFF9FA ; }

#tip_results .tip{ border-bottom: 1px solid #EFEEF4; padding: 6px; }

#tip_display .content{ margin: 15px 0; }

.reviews_section{ margin: 30px 0; border-top: 1px dashed #E0E3EA; }
.reviews_section .review_form{ display: none; }
.reviews_section .review_form .form_section{ margin: 10px 0 ; }
.reviews_section .review_list{ margin: 10px 0 ; }
.reviews_section .review_list .review .title{ font-weight: bold; margin: 0 0 10px 0; }
.reviews_section .review_list .byline{ float: right ; color: #999; }
.reviews_section .review_list .review .description{ margin: 10px 0 0 0; }
.reviews_section .review_list .review{ padding: 10px 0 ; border-top: 1px dashed #E0E3EA; overflow: hidden; }