html{ height: 100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
table {font-size:inherit}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;}
body{ width: 100%; height: 100%; text-align: center; background: #90e3e6 url(../images/body_bg.jpg) repeat-x; color: #000; position: relative; font:11px arial,helvetica,clean,sans-serif; line-height:1.3em}
h1 {color: #000; font-size: 20px; line-height: 1.2em}
h2 {color: #000000; font-size: 17px}
h3 {color: #000000; font-size: 15px; font-weight: bold; margin-bottom: 15px}
p{ margin: 3px 0px 5px 0px; line-height: 1.3em}
h4 {color: #13889f; font-size: 15px; font-weight: bold; margin-bottom: 10px}
h5{ font-size: 12px; font-weight: bold; color: #002830}
a:link, a:visited, a:active{ color: #0a5385; text-decoration: none; font-weight: bold}
* {outline:none}
a:hover{ text-decoration: underline}
strong, b{ font-weight: bold;}
strong.highlight{ color: #339999; font-weight: bold}
a:link span, a:visited span, a:active span, a:hover span{ color: #339999}
em, i{ font-style: italic}
p.reviewed, p.reviewed a:link, p.reviewed a:visited, p.reviewed a:active{ color: #c70162}
p.reviewed a:hover{ text-decoration: underline}
p.reviewed img{ vertical-align: middle; margin-right: 3px}
img{ font-size: 9px}
ul.standard-list{ list-style: disc; margin-left: 20px}
#outer-bg{ background: transparent url(../images/container_bg.jpg) no-repeat scroll 50% 0px}
#container{ width: 950px; position: relative; margin: 0px auto; text-align: left; padding-top: 128px}
#hdr-search{ position: relative; width: 950px; height: 50px; background:transparent url(../images/hdr-search-bg.png) left top no-repeat; border-bottom:1px solid #89BEC6; z-index:1}
#hdr-search .brand-selector a.select {position:absolute; left:112px; top:14px; background:transparent url(../images/hdr-brands-select.gif) no-repeat; width:228px; height:0; padding-top:24px; overflow:hidden; display:block}
#hdr-search .brand-selector a.select:hover {background:transparent url(../images/hdr-brands-select-hl.gif) no-repeat}
#hdr-search #brand-list li {display:inline}
#hdr-search #brand-list a {color:#2276B2; display:block; padding-left:10px}
#hdr-search #brand-list a:hover {background-color:#f2f2f2}
#hdr-search #brand-list ul {margin-bottom:5px}
#hdr-search #brand-list {position:absolute; left:112px; top:38px; width:225px; height:464px; overflow:auto; background-color:#f8f8f8; border:1px solid #e0e0e0; border-width:0 0 1px 1px; z-index:6}
.modal {position:absolute; top:-100px; left:-100px; width:700px; height:900px; z-index:5}
#hdr-search #brand-list p {background:transparent url(../images/hdr-brands-letter-bg.gif) repeat-x; height:22px; text-align:center; color:#044C5B; font-weight:bold; line-height:22px; margin:0 0 5px 0; font-size:15px}
#hdr-search form{ padding: 9px 7px 0px 40px; color: #FFF; position: relative}
#hdr-search #search-text{ position: absolute; top:12px; left:32px; font-size: 10px}
#hdr-search img {vertical-align:middle}
#hdr-search label {position: absolute; top: 14px; left: 665px}
#hdr-search-input{ width: 236px; height: 19px; padding:2px; border: 0; background:#fff url(../images/input_big_bg.gif) no-repeat; position: absolute; top: 14px; left: 377px; display:block; font-size:medium}
#hdr-search-submit{ width: 34px; height: 23px; position: absolute; top: 14px; left: 622px}
#main-nav{ width: 910px; height: 42px; list-style: none; margin-left:20px; position:relative; z-index:3}
#iFrame{ position: absolute; top: 42px; left: 0px; z-index: 1; border: 0; margin:0; padding:0}
#iFrame2{ position: absolute; top: 42px; left: 135px; z-index: 1; border: 0; margin:0; padding:0}
ul.flyout{ position: absolute; top: 42px; left:0px; width: 141px; background: #13889f url(../images/dropdown_1_bg.jpg) repeat-x; z-index: 40}
#main-nav li{ float: left; position: relative; height: auto}
#main-nav li a span{ display: none}
#main-nav li a {height: 42px; display: block; float: left; font-weight: normal}
#main-nav li a {background-image:url(../images/bh-nav.png); background-repeat:repeat-y}
#nav-0 a {background-position: 0 0; width: 70px}
#nav-1 a {background-position: -70px 0; width:127px}
#nav-2 a {background-position:-197px 0; width:124px}
#nav-3 a {background-position:-321px 0; width:114px}
#nav-4 a {background-position:-435px 0; width: 75px}
#nav-5 a {background-position:-510px 0; width: 87px}
#nav-6 a {background-position:-597px 0; width: 72px}
#nav-7 a {background-position:-669px 0; width: 85px}
#nav-8 a {background-position:-754px 84px; width:156px}
#nav-8.logged-in a {background-position:-754px -84px; width:156px}
#nav-8.logged-out a {background-position:-754px 0; width:156px}
#nav-0 a:hover, #nav-0 a.selected {background-position: 0 -42px}
#nav-1 a:hover, #nav-1 a.selected {background-position: -70px -42px}
#nav-2 a:hover, #nav-2 a.selected {background-position:-197px -42px}
#nav-3 a:hover, #nav-3 a.selected {background-position:-321px -42px}
#nav-4 a:hover, #nav-4 a.selected {background-position:-435px -42px}
#nav-5 a:hover, #nav-5 a.selected {background-position:-510px -42px}
#nav-6 a:hover, #nav-6 a.selected {background-position:-597px -42px}
#nav-7 a:hover, #nav-7 a.selected {background-position:-669px -42px}
#nav-8 a:hover, #nav-8 a.selected {background-position:-754px 42px}
#nav-8.logged-in a:hover, #nav-8.logged-in a.selected {background-position:-754px -126px}
#nav-8.logged-out a:hover, #nav-8.logged-out a.selected {background-position:-754px -42px}
#main-nav li ul.flyout li{ float: left; display: block; width: 127px; height: 15px; margin:0px 0px 0px 0px; padding:6px 0px 6px 8px; background: transparent url(../images/dropdown_1_li_bg.gif) left bottom no-repeat}
#main-nav li ul.flyout li:hover{ background-image: none; background-color: #457983}
#main-nav li ul.flyout li a:link, #main-nav li ul.flyout li a:visited, #main-nav li ul.flyout li a:active, #main-nav li ul.flyout li a:hover{ color: #FFF; width:119px; height: 15px; display: block; margin:0; padding:0px 0px 0px 8px; font-size: 12px; float: none; background: none}
#main-nav li ul.flyout li a:hover{ font-size: 12px; background: transparent url(../images/list_arrow.gif) 0pt 50% no-repeat}
#main-nav li ul.flyout li ul.cLevel{ position: absolute; top: 0px; left:135px; width: 230px; background: #50a7b8 url(../images/dropdown_2_bg.jpg) repeat-x; z-index: 40}
#main-nav li ul.flyout li ul.cLevel li{ width: 214px; background: transparent url(../images/dropdown_2_li_bg.gif) left bottom no-repeat}
#main-nav li ul.flyout li ul.cLevel li a:link, #main-nav li ul.flyout li ul.cLevel li a:visited, #main-nav li ul.flyout li ul.cLevel li a:active, #main-nav li ul.flyout li ul.cLevel li a:hover{ width: 208px}
#content{ color: #333; background: #FFF url(../images/content_bg.gif) repeat-y; width: 950px; overflow: hidden; min-height: 400px; height: auto}
* html #content{ _height: 400px; overflow: visible}
.plain #content{ background-image: none; background-color: #FFF}
#footer {margin-top:30px; background:transparent url(../images/footer_bg.gif) 0 45px repeat-x}
#footer a {color: #55ACB3; font-size:10px}
#footer .inner{ background: transparent url(../images/footer-top-cap.png) no-repeat; padding-top: 5px; width: 950px; overflow: hidden; z-index:1; margin: 30px auto 0 auto; font-size: 11px; text-align:left; color: #55ACB3}
#footer .content {background: #074C5C url(../images/footer-center-bg.gif) repeat-x; padding: 23px 19px 20px 19px; height:1%; width:912px; position:relative}
#footer .col {width:162px; float:left; margin-right:24px; margin-bottom:15px}
#footer .col h2 {border-bottom:2px solid #80989C; margin-bottom:20px; text-indent:-200px; overflow:hidden; height:22px}
#footer .col h2 a {height:0; padding-top:22px; display:block; overflow:hidden; text-indent:0}
#footer .col p {margin:0; text-align:right}
#footer .col p a {font-size:11px; font-weight:normal}
#footer .col ul {margin:0; padding:0; list-style-type:none}
#footer .col li {border-bottom:1px dotted #2E6D72; padding-bottom:4px; margin-bottom:4px; width:100%}
#footer-column-1 h2 {background:transparent url(../images/footer-feature-products.gif) no-repeat}
#footer-column-2 h2 {background:transparent url(../images/footer-feature-articles.gif) no-repeat}
#footer-column-3 h2 {background:transparent url(../images/footer-popular-discussions.gif) no-repeat}
#footer #footer-column-4 {width:350px; margin-right:0}
#footer-column-4 h2 {background:transparent url(../images/footer-sponsors.gif) no-repeat}
#footer-column-4 ul {width:155px}
#footer-ad-container div {text-align:right; width:185px; background-image:url(../images/footer-arrow.gif); background-repeat:no-repeat; position:absolute; z-index:1000; right:23px; top:75px}
#footer-ad-container img {border:10px solid #1d5d69; width:150px}
#footer-ad0 {background-position:0 -1px}
#footer-ad1 {background-position:0 21px}
#footer-ad2 {background-position:0 43px}
#footer-ad3 {background-position:0 65px}
#footer-ad4 {background-position:0 88px}
#footer-ad5 {background-position:0 110px}
#footer-ad6 {background-position:0 133px}
#footer-ad7 {background-position:0 155px}
.plain rr {background: transparent url(../images/footer_plain_bg.gif) no-repeat}
#footer .bottom {clear:both}
#footer .links {float:left; width:625px}
#footer .links a {color: #55ACB3; font-size: 10px; font-weight:normal}
#footer .links span {padding:0 5px}
#footer .copyright {float:right; color: #55ACB3; font-size:10px; width: 260px}
#footer .copyright a {color: #55ACB3; font-size:10px}
#top-ad{ position: absolute; top: 20px; right: 0px; width: 728px; height: 90px}
#large-left {position:relative}
#large-left, #large-left-products-show, #large-left-brands-show {width: 640px; float: left; overflow: hidden}
#large-left.signup{ width: 630px}
#large-left.member{ width: 780px}
#large-left.salons {width: 920px}
#large-left-brands{ width: 940px; float: left; overflow: hidden; padding-left: 10px}
#brand_listings{ float: left; width: 520px}
#list-my-brand{ float: left; width: 205px}
#small-left{ float: left; display: inline; margin-top: 10px; width: 170px}
#small-right{ float: right; display: inline; width: 310px; z-index:2}
#small-right.signup h2{ font-size:22px; margin:10px 0 5px 0; color:#012A2E}
#small-right #member-tout {margin: 5px}
#small-right.brand-info{ width: 215px}
#small-right.member{ width: 150px; margin-top: 10px}
#small-content{ width: 460px; float: left; margin-top: 10px; overflow:hidden}
#small-content.product-info{ width: 555px}
#small-content.favourites{ width: 430px; margin: 10px 15px 0px 15px}
#small-content.favourites-with-details{ width: 445px; margin: 10px 15px 0px 0px}
#small-content.member{ float: left; width: 580px; padding-left: 10px}
#small-content-profile{ float: left; width: 740px; padding:0 0 10px 10px; margin:10px 0 10px 0}
#small-content.salons{ float: left; width: 620px; padding-left: 10px}
#small-content .wrapper{ margin: 0px 16px 0px 17px}
.wrapper h1 img{ vertical-align:middle}
#small-content-brands{ float: left; width: 725px; margin-top: 10px; padding: 0px 10px 0px 25px}
#find-products{ background-color: #f7f7f7; font-size: 11px; color: #000; width: 170px; position: relative; overflow: hidden}
#find-products p{ padding: 10px 6px 0px 6px}
#find-products form{ padding: 8px}
#find-products strong, #have-your-say strong{ font-weight: bolder}
#find-products .keyword{ width: 150px; display: block; margin-bottom: 4px}
#find-products select{ width: 153px; display: block; margin-bottom: 6px}
#find-products form div, #have-your-say form div{ width:100%; text-align: right; margin-top: 4px}
#small-left .divider{ width: 170px; height: 1px; background: transparent url(../images/divider.gif) no-repeat; overflow: hidden; margin: 10px 0px 10px 0px; background-color: transparent}
#popular-searches, #have-your-say{ width: 166px; border: 1px solid #eeeeee; padding: 1px 1px 10px 1px}
#have-your-say{ font-size: 11px; color: #333}
#have-your-say form, #have-your-say #poll-results{ padding: 8px 8px 0px 8px}
#have-your-say p{ margin: 6px 0px; padding:0}
#have-your-say p input{ margin-right: 4px}
.searchTerms{ padding: 8px}
#editors-update{ padding-bottom:10px; margin-bottom:10px; background: transparent url(../images/divider.gif) left bottom repeat-x; overflow: hidden}
#editorial-image{ float: left; display: inline; width: 200px}
#editorial-image img{ display: block; margin:0}
#editorial{ margin-left:215px; font-size: 11px; color: #666}
#editorial h2, #editorial h2 a:link, #editorial h2 a:visited, #editorial h2 a:active{ font-size: 20px; line-height:20px; color: #333; margin: 10px 0px 10px 0px; font-weight: normal}
#editorial h2 a:hover{ color: #333; text-decoration: underline}
#editorial p{ margin: 3px 0px 4px 0px}
#editorial p a:link, #editorial p a:visited, #editorial p a:active{ font-weight: bolder}
#editorial p.date{ font-size: 11px; color: #989898; margin:0}
.rss {position:absolute; top:9px; right:10px; z-index:50}
.rss a {font-weight:normal; color:#116DB0}
.rss img {vertical-align:text-top; padding-right:5px}
#bh-loves{ width: 435px; height: 213px; background: #FFF url(/images/beauty-heaven-loves_bg.jpg) no-repeat; margin-top: 4px; padding: 57px 0px 0px 25px; overflow: hidden}
#bh-loves .product, #matches .product{ float: left; display: inline; width: 100px; margin-right: 4px; font-size: 10px; color: #666}
#matches .product{ margin-right: 6px}
#bh-loves .product p, #matches .product p{ margin-bottom: 3px}
#bh-loves .product p.price, #matches .product p.price{ color: #c40262; font-size: 13px; font-weight: bold}
#bh-loves .product .thumb, #matches .product .thumb{ border: 1px solid #eff2f2; background-color: #FFF; width: 80px; height: 80px; padding: 9px; margin-bottom: 8px; text-align: center; position: relative}
#bh-loves .product .thumb .icon-fave{ position: absolute; right: -3px; bottom: -20px}
#bh-loves .product .thumb img, #matches .product .thumb img{ vertical-align: middle}
#bh-loves .rated{ margin-left: 2px}
.product a {font-size: 10px; font-weight: bolder}
.new-content {overflow: hidden; padding-bottom:10px; margin-bottom:10px; background: transparent url(../images/divider.gif) left bottom repeat-x; position: relative}
.new-content.first{ background: none}
.new-content .thumb{ float: left; display: inline; background-color: #FFF; width: 80px; height: 80px}
.new-content .content{ font-size: 11px; color: #666; position: relative; margin-left:104px}
.new-content .content h3{ font-size: 12px; font-weight: bold; color: #333; margin: 14px 0px 3px 0px}
.new-content .content h3 a:link, .new-content .content h3 a:visited, .new-content .content h3 a:active, .new-content .content h3 a:hover{ color: #000}
.new-content .content h3 a:hover{ text-decoration: underline}
.new-content .content a:link, .new-content .content a:visited, .new-content .content a:active, .new-content .content a:hover{ font-weight: bolder}
img.member-type {position: absolute; top: 0px; right: 0px}
#editorial .comments a, .new-content .comments a {color:#B3025A; font-size:11px}
.event-wrapper{ background: transparent url(../images/bottom_bg.gif) right top no-repeat; height: 150px}
.event-wrapper.noBG{ background: none; height: auto !important}
#member-tout {width:300px; margin: 0px 0px 0px 5px; background: transparent url(../images/member_bg.gif) repeat-y; padding-bottom: 2px; border-bottom: 1px solid #9bb7bd; margin-bottom: 10px}
#why_join {margin:5px; padding:50px 10px 0 15px; width:275px; height:191px; background:transparent url(../images/why-join-bg.gif) no-repeat; position:relative}
#why_join #form1 {height:97px}
#why_join #auto_user_email {width:206px; height:21px; padding:2px; border: 0; background:#fff url(../images/input_big_bg.gif) no-repeat; font-size:medium}
#why_join .error {color:#c00; color:#B3025A; font-weight:bold; font-size:13px; padding-top:15px}
#why_join #spinner {position:absolute; left:204px; top:106px}
#why_join #auto_user_email {position:absolute; left:15px; top:101px}
#why_join #form1 input.submit {position:absolute; right:16px; top:101px}
#why_join h3 {display:none}
#why_join h4 {color:#054D5B; font-weight:normal; margin:0 0 2px 0}
#why_join ul {list-style-type:none; list-style-position:inside}
#why_join li {color:#666; background:transparent url(../images/bullet_hearts.gif) 0 -1px no-repeat; padding-left:15px}
#why_join li.extra {color:#B3025A; background:transparent url(../images/bullet_hearts.gif) 0 -14px no-repeat}
#why_join #join2 {position:absolute; right:16px; bottom:17px}
#member-login-form {position:absolute; top:242px; right:5px; background:transparent url(../images/member_login_bg.gif); width:260px; height:128px; padding:35px 20px 10px 20px}
#member-login-form p {height:30px}
#member-login-form #user_name, #member-login-form #user_pw {font-size:medium; width:174px; border:0; background:#fff url(../images/input_big_bg.gif) no-repeat; float:left; padding:2px}
#member-login-form p.remember {margin:10px 0 0 85px; color:#666}
#member-login-form p.username label, #member-login-form p.password label {color:#26454C; font-size:15px; float:left; clear:left; width: 82px; padding:2px 0}
#flash-ticker {position:absolute; top:0px; right:3px}
#btn-logout{ position: absolute; width: 64px; height: 22px; top: 18px; right: 10px; background: transparent url(../images/btn_logout.gif) left top no-repeat}
#btn-logout:hover{ background-position: left bottom}
#forum-search {background: transparent url(../images/forum_search_bg.gif) no-repeat; position: relative; padding: 20px 0px 20px 20px; color: #666; font-weight: bold}
#forum-search form {padding: 10px 10px 10px 0; display: inline; font-size: 11px}
#forum-search .submit {position: absolute; width: 64px; height: 0; overflow:hidden; padding-top:20px; top: 18px; right: 10px; border:none; background: transparent url(../images/btn_search.gif) left top no-repeat}
#forum-search .submit:hover {background-position: left bottom}
#member-submit{ position:absolute; right:20px; top:110px}
#member-exclusive{ margin: 5px; padding: 40px 10px 10px 10px; width: 280px; overflow: hidden; background:url(../images/competition-bg.gif) 0 0 no-repeat; color:#606060; line-height:16px; font-size:12px; border-bottom:1px solid #dedede}
#member-exclusive p {text-align:right; clear:both}
#member-exclusive #info {float: left; width: 164px; padding: 5px 5px 5px 8px; font-size: 11px}
#member-exclusive #thumb, #signup-exclusive #thumb{ float: right; width: 82px; text-align:right; overflow: hidden}
#member-exclusive #thumb img {border:1px solid #e6e6e6}
#member-exclusive h4 {color:#404040; font-size:11px}
#signup-exclusive{ margin: 4px 4px 2px 4px; padding: 7px; width: 278px; overflow: hidden; background: #eef3f4 url(../images/become_member_bg.gif) no-repeat}
#about-forums{ margin: 4px 4px 2px 4px; padding: 7px; width: 278px; overflow: hidden; background: #eef3f4 url(../images/about-forums-bg.gif) no-repeat}
#signup-exclusive #info{ float: left; width: 165px; padding: 30px 5px 5px 8px; font-size: 11px}
#about-forums #info{ padding: 25px 5px 5px 8px; font-size: 11px}
#become-member{ background: transparent url(../images/hdr-become-member.gif) 6px 0px no-repeat; padding: 20px 100px 10px 15px; width: 185px; position: relative; font-size: 11px}
#register-btn{ position: absolute; top: 20px; right: 14px; display: block; width: 64px; height: 20px; background: #FFF url(../images/btn_register.gif) no-repeat}
#register-btn:hover{ background-position: left bottom}
#newsletter{ background: #FFF url(../images/hdr-newsletter.gif) 6px 0px no-repeat; padding: 25px 5px 10px 15px; width: 278px; position: relative; font-size: 11px; border: 1px solid #e5e5e5; margin: 5px 0px 0px 5px}
#newsletter form{ padding-top: 5px; width: 278px; position: relative}
#newsletter #btn-submit{ position: absolute; display: block; width: 64px; height: 20px; top: 16px; right: 14px; background: #FFF url(../images/btn_enews.gif) no-repeat}
#newsletter form input{ width: 190px}
#newsletter #btn-submit:hover{ background-position: left bottom}
#newsletter-2{ width: 298px; margin: 5px 0px 0px 6px}
.ad-block{ background: #588d96 url(../images/ad-block_bg.gif) repeat-y; padding-left: 5px}
.ad-block.plain{ background: none}
.ad-block img {display:block}
.ad-block .ad {margin:5px 0}
.ad {margin:5px; overflow:hidden; width:300px}
.ad h3{ font-size:13px; color:#333}
#tell-friend{ width: 200px; height: 34px; background: #FFF url(../images/hdr-tell-friend_bg.gif) no-repeat; padding: 25px 7px 0px 93px; font-size: 11px; margin: 6px 0px 0px 5px}
#breadcrumbs-login{ width: 100%; overflow: hidden; font-size: 11px; height:30px; background-color:#D1E4E5}
#breadcrumbs {line-height: 30px; padding: 0 0 0 22px; height:30px; border-bottom:1px solid #d5d5d5}
#small-right .welcome-nav, .right-col .welcome-nav {background-color:#D1E4E5; border-bottom:1px dotted #7FB6BF; position:static}
.welcome-nav {height:20px; padding:5px 10px; text-align: right; width:290px; position:absolute; right:0; top:221px}
.welcome-nav p.welcome {color:#B3025A; float:left}
.welcome-nav p.nav {float:right}
#articles {margin:20px 30px 25px 30px}
#products {width: 166px; border: 1px solid #f1f1f1; padding: 1px; background-color: #FFF}
#product-menu, #article-menu{ margin-top:5px}
.product-category, .member-category{ padding: 4px; background: #FFF url(../images/product-sub-category_bg.gif) left bottom repeat-x; color: #13889f; margin: 0px 5px 1px 5px; cursor: pointer}
.product-category.selected, #product-menu .selected, .article-category.selected{ background: #13889f url(../images/product-category_bg.gif) repeat-x; color: #FFF}
.product-category.last{ background-image:none}
.product-category a:link, .product-category a:visited, .product-category a:active, .member-category a:link, .member-category a:visited, .member-category a:active, .article-category a:link, .article-category a:visited, .article-category a:active{ padding:0px 12px 0px 0px; color: #13889f; font-size: 11px; font-weight: bolder; background: none}
.product-category a:hover, .member-category a:hover{ }
.product-category.selected a:link, .product-category.selected a:visited, .product-category.selected a:active{ color: #FFF; background: transparent url(../images/arrow_Down.gif) right center no-repeat}
.member-category.selected a:link, .member-category.selected a:visited, .member-category.selected a:active, .member-category.selected a:hover, .article-category.selected a:link, .article-category.selected a:visited, .article-category.selected a:active, .article-category.selected a:hover {color: #FFF; background: none}
.product-sub-category{ margin: 0px 5px 1px 5px; height:0; overflow:hidden}
.product-sub-category li{ background: #FFF url(../images/product-sub-category_bg.gif) left bottom repeat-x}
.product-sub-category a:link, .product-sub-category a:visited, .product-sub-category a:active{ display: block; width: 151px; padding:5px 0px 5px 5px; color: #999; font-size: 11px; font-weight: bolder; background: none}
.product-sub-category a:hover{ background-color: #b8dbe2}
.member-category.last, #product-menu .last{ background-image:none}
#product-detail-wrapper{ width: 555px; background: #FFF url(../images/product-detail-bdr.gif) repeat-y; z-index:50; margin-bottom: 20px}
#product-detail{ width: 555px; background: transparent url(../images/product-detail_bg.gif) left bottom no-repeat; z-index:51}
#product-detail-inner{ width: 523px; margin-left: 17px; margin-right: 15px; border-top: 1px solid #e4e9ed; z-index:52}
.product-wrapper{ width: 490px; overflow: hidden; padding: 15px 16px 40px 17px; background-color: transparent; z-index:1}
* html .product-wrapper {height:1%}
#product-detail-inner .product-wrapper{ z-index: 200}
.product-wrapper h2{ font-size: 20px; line-height:24px; color: #000; font-weight: normal; margin:0px 0px 5px 0px}
.product-left{ float: left; display: inline; width: 152px; margin-right: 15px; position: relative}
.product-left .thumb{ width:150px; height:150px; overflow: hidden; border: 1px solid #eff2f2; margin-bottom: 15px; position: relative; text-align: center}
.product-left .thumb img{ display: block; vertical-align: middle; margin: 0px auto}
.product-left .thumb .zoom{ position: absolute; top: 0px; left:0px}
.product-left li, .article-tools li{ padding: 5px 0px 7px 5px; background: transparent url(../images/divider.gif) left bottom repeat-x; font-size: 11px; font-weight: normal}
.product-left li a:link, .product-left li a:visited, .product-left li a:active, .article-tools li a:link, .article-tools li a:visited, .article-tools li a:active{ color: #80929f}
.product-left li a:hover, .article-tools li a:hover{ color: #333}
.product-left li img, .article-tools li img{ vertical-align: bottom; margin-right: 3px}
#review-form, #tell-friend-form{ width: 452px; z-index:200; position: absolute}
#article-review-form{ margin: 20px}
.review-form-inner{ position: relative; width: 430px; height: 340px; border: 1px solid #ccc; background-color: #eef3f4; font-size: 11px; padding: 10px}
#article-review-form .review-form-inner{ width: auto; height: 140px}
#tell-friend-form .review-form-inner{ height: auto}
.review-header{ width: 430px; margin:0 0 6px; padding:0 0 6px; background: transparent url(../images/divider.gif) left bottom repeat-x; overflow: hidden}
#article-review-form .review-header{ width: auto}
#article-review-form .review-header h4{ margin:0}
.review-header h5{ float: left; width: 200px; font-size: 14px; font-weight:bold; color: #000}
.review-header h5 img{ vertical-align: middle; margin-right: 5px}
.review-header div{ float: right; width: 40px; padding-top: 3px}
.review-header div a:link, .review-header div a:visited, .review-header div a:active{ text-decoration: none; display:block; width:40px; background: transparent url(../images/icon_close.gif) right center no-repeat; text-align: left}
.review-header div a:hover{ text-decoration: underline}
.pointer{ position: absolute; top: -16px; left: 20px}
.pointer-down{ position: absolute; bottom: -16px; left: 20px}
.review-form-inner .form-content{ width: 430px}
#article-review-form .review-form-inner .form-content{ width: 398px}
.form-content dl{ width: 430px; overflow: hidden}
#article-review-form .form-content dl{ width: 398px}
.form-content dt{ float: left; width: 80px; clear: left; margin-bottom: 6px; font-weight: bold}
#tell-friend-form .form-content dt{ width: 160px}
#tell-friend-form .form-content dd{ width: 270px}
.form-content dd{ float: left; width: 350px; margin-bottom: 6px}
#article-review-form .form-content dl dd{ width: 318px}
.form-content dd label{ font-weight: bold; margin: 0px 10px 0px 3px}
.form-content label img{ margin-right: 1px}
.form-content .field{ width: 335px; border: 1px solid #CCC; height: 17px}
#tell-friend-form .form-content .field{ width: 240px}
#article-review-form .form-content .field{ width: 316px}
.form-content .comment-field{ width: 335px; height: 60px; border: 1px solid #CCC}
#article-review-form .form-content .comment-field{ width: 316px}
.form-content .buttons{ text-align: right; padding: 3px 12px 0px 0px}
#article-review-form .form-content .buttons{ padding-right: 0px}
#tell-friend-form .form-content .buttons{ text-align: right; padding: 3px 27px 0px 0px}
#tell-friend-form .form-content textarea {border:1px solid #CCCCCC; height:60px}
p.errors{ color: #CC3333; font-weight: bolder; font-size: 10px}
.product-right{ width: 323px; float: left; display: inline; color: #666; font-size: 11px; z-index:1}
.product-right h3{ font-size: 12px; color: #000; font-weight: bold; margin-bottom: 5px}
.shop{ margin: 15px 0px 0px 0px; font-weight: bold}
.shop li{ padding: 2px 0px 2px 0px}
div.affiliates{ width: 145px; height: 18px; text-align: center; margin: 10px 0px 10px 0px; padding-top: 4px; font-weight: bold; background: #FFF url(../images/affiliates_bg.gif) no-repeat}
ul.product-articles{ font-weight: bold; color: #666; padding: 2px 0px 2px 0px}
#other-products{ margin-left: 17px; z-index:1}
#other-products h4{ margin-left: 10px; margin-bottom: 5px}
#other-products .product-wrapper{ background: #FFF url(../images/divider.gif) left bottom repeat-x; padding-bottom: 20px; margin-bottom: 10px; z-index:1}
#other-products .product-wrapper.last{ background: none}
.brand-info .info{ padding-right: 15px; font-size: 11px; margin-top: 10px}
.info h5{ margin-top: 20px; color: #000; font-size: 11px; font-weight: bold}
.hotline{ font-size: 12px; font-weight: bold; color: #666}
.article-category{ background: #FFF url(../images/article-category_bg.gif) left bottom repeat-x; color: #0a5385; margin: 0px 5px 0px 5px; cursor: pointer}
.article-category.last{ background-color: #FFF; background-image: none}
.article-category a:link, .article-category a:visited, .article-category a:active{ padding:4px 6px 4px 6px; color: #13889f; font-size: 11px; font-weight: bold; background: none; display: block; text-decoration: none}
.article-category a:hover{ background-color: #13889f; color: #FFF; text-decoration: none}
.article-category.selected{ }
.article-content{ color: #666; font-size: 11px; overflow: hidden}
.article-content h1{ color: #333; font-size: 20px}
.article-content p.date{ font-size: 9px}
.article-tools{ float: left; padding: 0px 15px 10px 0px; width:200px}
.article-body h1{ font-size: 20px; font-weight: normal; color: #002830; margin: 15px 0px 5px 0px}
.article-body h2{ margin: 15px 0px 5px 0px; font-size: 15px; font-weight: bold; color: #13889f}
.article-body h3{ font-size: 13px; font-weight: bold; color: #333; margin: 10px 0px 5px 0px}
.article-body h4{ color: #000; font-weight: bold; font-size: 11px; margin: 0px 0px 3px 0px}
.article-body h5{ color: #000; font-weight: normal; font-size: 11px; margin: 0px 0px 3px 0px}
.article-body a:link, .article-body a:visited, .article-body a:active{ font-weight: bold}
#article-detail-wrapper{ width: auto; overflow: hidden; margin:20px 0; background: #FFF url(../images/article-detail_bdr.gif) repeat-y}
#article-detail{ width: auto; background: transparent url(../images/article-detail_bg.gif) left bottom no-repeat}
#article-detail-inner{ width: auto; margin-left: 12px; margin-right: 12px; position: relative}
#article-detail-inner-wrapper h3{ padding: 0px 0px 6px 0px; width: 100%; background: transparent url(../images/divider.gif) left bottom repeat-x}
#article-detail-inner-wrapper #edit{ position: absolute; top: 22px; right: 30px; font-weight: bold}
.article-wrapper{ width: 430px; overflow: hidden; padding: 15px 30px 40px 25px; background-color: transparent}
#article-detail-inner-wrapper{ width: 500px; overflow: hidden; padding: 15px 25px 40px; background-color: transparent; border-top: 1px solid #EEE}
#article-detail-inner-wrapper dl{ width: 100%; overflow: hidden}
#article-detail-inner-wrapper dt{ float: left; clear: left; width: 120px; font-weight: bold}
#article-detail-inner-wrapper dd {float:left}
* html #article-detail-inner-wrapper dd {float:none; margin-left:120px}
.article-wrapper.for-products{ width: 415px; padding: 15px 15px 40px 15px; margin:0}
.article-wrapper h3{ padding: 0px 0px 6px 0px; margin:0px 50px 10px 0px; background: transparent url(../images/article-wrapper-h3_bg.gif) left bottom repeat-x}
.article-wrapper h1{ font-size: 20px; font-weight: normal; color: #002830}
.article-wrapper ul.category, #article-detail-inner-wrapper ul.category{ float: left; width: 50%; font-weight: bold}
#article-detail-inner-wrapper ul.category-az{ width: 100%; overflow: hidden}
#article-detail-inner-wrapper ul.category-az li{ float: left; display: inline; padding-right: 6px}
#other-recent-articles{ background-color: #e8f6f7; padding: 10px; margin-top:10px; font-weight: bold; font-size: 11px; overflow:hidden}
#other-recent-articles h2{ }
#other-recent-articles h5{ font-size: 11px; font-weight: bold; color: #000; margin-top: 10px}
hr.other-articles{ border: 0; margin: 0px 17px; background: transparent url(../images/divider.gif) left top repeat-x}
.floated-articles{ float: left; width: 50%}
#events, #large-content, #ask-us {overflow: hidden; margin: 20px 20px 25px 25px}
#large-content hr{ height: 1px; border: 0; background: transparent url(../images/divider.gif) repeat-x}
#event-filter{ background: #f5f5f5 url(../images/divider.gif) left top repeat-x; margin: 10px 0px 0px 0px; padding: 6px 0px 0px 0px}
#event-filter form{ background: #f5f5f5 url(../images/divider.gif) left bottom repeat-x; margin: 0px 0px 10px 0px; padding: 0px 0px 7px 10px}
.event-block{ width: 100%; overflow: hidden; background: #FFF url(../images/divider.gif) left bottom repeat-x; padding: 10px 0px 20px 0px}
.event-block.row1{ background-color: #f7f7f7}
.event-thumb{ float: left; display: inline; width: 102px; margin-left: 10px; background-color: #FFF}
.event-thumb img{ display: block; border: 1px solid #eff2f2; padding: 10px}
.event-content{ float: left; display: inline; width: 408px; padding: 0px 10px 0px 20px; font-size: 12px; color: #666}
.event-content h5{ font-weight: bold; color: #000}
.event-info{ margin-top: 10px; background: transparent url(../images/divider.gif) left top repeat-x; padding-top: 10px; font-size: 11px}
.pagination-block{ padding-top: 5px; margin: 10px 0px 10px 0px; width:100%; background: #F5f5f5 url(../images/divider.gif) left top repeat-x; font-size: 11px}
.pagination-inner{ padding: 0px 0px 5px 0px; background: transparent url(../images/divider.gif) left bottom repeat-x; width: 100%; overflow: hidden}
.pagination-block.noBorder, .pagination-inner.noBorder{ background: none}
.pagination-left{ float: left; display: inline; padding-left: 10px}
.pagination-show-first-all{ float: left; display: inline; padding-left: 10px; padding-right: 10px; background: transparent url(../images/vertical-divider.gif) right top repeat-y}
.pagination-sort-params{ float:left; display:inline; padding-left: 10px; padding-right: 10px; background: transparent url(../images/vertical-divider.gif) right top repeat-y}
.pagination-right{ float: right; display: inline; padding-right:10px}
.search-hdr{ width: 100%; position: relative; margin-bottom: 10px; height: 32px; background: #62B7CC url(../images/hdr-search-bg.png) repeat-x}
.product-result-wrapper{ width: 585px; overflow: hidden; background: #fff url(../images/divider.gif) left top repeat-x; padding: 0px 0px 10px 0px; font-size: 11px}
.product-category-wrapper{ width: 435px; overflow: hidden; background: #fff url(../images/divider.gif) left top repeat-x; padding: 0px 0px 10px 0px; font-size: 11px}
.product-result-wrapper .thumb, .product-category-wrapper .thumb {float: left; width: 80px; height: 80px; margin-top: 10px; border: 1px solid #eff2f2; padding: 10px; text-align: center}
.product-result-wrapper .thumb img, .product-category-wrapper .thumb img{ display: block; vertical-align: middle; margin: 0px auto}
.product-result-wrapper .thumb-result{ float: left; width: 80px; height: 80px; text-align: center; padding:10px; margin-top: 10px; border: 1px solid #eff2f2}
.product-result-wrapper .thumb-result .thumb{ float: none; padding: 0; border: 0; margin: 0}
.product-result-wrapper .thumb-result .thumb img{ display: block; vertical-align: middle; margin:0px auto}
.result-info{ float: left; width: 380px; padding-left: 10px; padding-top: 10px}
.result-info .comments {color:#B3025A}
.product-category-wrapper .result-info{ width: 250px}
.result-info h5{ font-weight: bold; color: #333}
.result-price{ float: right; width: 60px; height: 101px; background: transparent url(../images/price_bg.gif) 0px 1px no-repeat; padding-left: 10px; padding-top: 10px}
#bh-loves-category{ width: 428px; background: transparent url(../images/bh-loves-category_bg.gif) no-repeat; margin-left: 15px; padding-top: 35px; padding-left: 6px}
#bh-loves-category .product-wrapper{ width:100%; overflow: hidden; margin:0; padding:10px 0px 0px 0px}
#bh-loves-category .product{ width: 102px; float: left; display: inline; margin: 0px 3px 0px 0px; padding:0; font-size: 10px}
#bh-loves-category .product-wrapper .product .thumb{ border: 1px solid #eff2f2; padding: 10px; background-color: #FFF; width: 80px; height: 80px; text-align: center; margin:0; position: relative}
#bh-loves-category .product-wrapper .product .thumb .img{ display: block; vertical-align: middle; padding:0; margin: 0px auto}
#bh-loves-category .product .thumb .icon-fave-cl{ position: absolute; right: -3px; bottom: -5px}
#bh-loves-category .product .brand{ color: #666}
#bh-loves-category .product .price{ font-weight: bolder; color: #c40262; font-size: 14px}
.product-column{ float: left; width:175px; display: inline; margin-right: 20px; font-size: 11px}
.product-column h3{ font-size: 12px; font-weight: bold; margin: 0px 0px 4px 0px}
.product-column h4{ font-size: 11px; font-weight: bold; margin: 0px 0px 0px 0px; color: #000}
.product-column ul{ margin-left: 10px}
.product-column hr{ margin: 10px 0px}
.product-column .reviews_count {color:#80929F; font-weight:bold}
.product-column .reviews_count img {vertical-align:middle}
#subcategory-listing{ width: 435px; margin: 0px 10px 0px 15px}
#confidentiality{ width: 165px; padding: 20px; height: 90px; background: #FFF url(../images/confidential_bg.gif) no-repeat; font-size: 11px}
#member-confidentiality{ width: 95px; padding: 20px; height: 155px; background: #FFF url(../images/member_confidentiality.gif) no-repeat; font-size: 11px}
#confidentiality-wide{ width: 265px; padding: 20px; height: 90px; background: #FFF url(../images/confidential_wide_bg.gif) no-repeat; font-size: 11px; color:#606060}
#confidentiality-large{ width: 245px; padding: 20px 30px 20px 30px; height: 90px; background: transparent url(../images/confidentiality-lge_bg.gif) no-repeat; font-size: 11px}
#confidentiality h5, #confidentiality-large h5, #member-confidentiality h5{ font-weight: bold; margin-bottom: 10px}
#signup{ width: 604px; margin: 20px 0px 20px 25px; margin: 10px 0 20px 20px}
#signup-outer{ border: 1px solid #eee; padding: 4px; background-color: #FFF}
#signup-required{ overflow: hidden; background: #fff url(../images/signup_bg.gif) left bottom repeat-x}
#signup-required-inner{ overflow: hidden; background: transparent url(../images/signup-inner_bg.gif) right bottom no-repeat; padding:15px}
#signup-required-inner h1 {color:#10363e; margin-bottom:1em}
#signup-required-inner p {color:#606060; font-size:12px; margin:1em 0}
#signup-outer.member, #signup-outer.member #signup-required, #signup-outer.member #signup-required-inner{ margin-left: 0px; width: 570px}
#signup-required-inner.list-my-brand{ padding-top: 5px; padding-left: 10px; width: 600px}
#signup-required-inner dl{ overflow: hidden; margin: 5px 15px 10px 15px; font-size: 11px; background: transparent url(../images/divider.gif) left bottom repeat-x; padding-bottom: 10px}
#signup-required-inner dl.noBorder{ background: none}
#signup-required-inner dl.line-item{ margin:0; padding:0}
#signup-required-inner dl.last-item{ margin-bottom: 10px; padding-bottom: 10px }
#signup-required-inner dt{ float: left; display:inline; clear: left; width: 145px; padding-bottom: 5px; color:#004048}
#signup-required-inner dt label {font-size:15px; font-weight:normal}
#signup-required-inner dd, #signup-optional dd{ float: left; display:inline; width: 230px; padding-bottom: 5px}
#signup-required-inner dd .normal-input, dd .brand-input{ width: 220px; border: 1px solid; border-color:#727272 #b4b4b4 #dadada #b4b4b4; padding: 2px; font-size:15px; color:#333; background: #fff url(../images/input_big_bg.gif) repeat-x}
#signup-required-inner dl.floated{ margin: 5px 0px 10px 0px; width: 595px}
#signup-required-inner dl.floated dt, #signup-optional dl.floated dt{ float: left; display:inline; clear: left; width: 140px; padding-bottom: 5px}
#brand_listing_brands{ border: 1px solid #CCC; width: 223px; overflow-y: scroll; height: 80px}
#signup-required-inner dd .half-size-input{ width: 110px; border: 1px solid; border-color:#727272 #b4b4b4 #dadada #b4b4b4; padding: 2px; font-size:15px; color:#333; background: #fff url(../images/input_big_bg.gif) repeat-x}
.small{ font-size: 10px; color:#6D999F}
#signup-outer div.hr{ width:100%; height: 1px; margin: 5px 0px 5px 0px; background: transparent url(../images/divider.gif) left top repeat-x; border: 0}
#signup-optional{ margin:10px 0; padding: 10px; background-color: #dcf2f5; overflow: hidden}
#signup-optional h5{ font-weight: bold}
#signup-outer.member #signup-optional{ width: 550px}
.signup-options-wrapper{ width: 575px; overflow: hidden}
#signup-outer.member .signup-options-wrapper{ width: 580px}
#options-text{ float: left; width: 120px; font-size: 11px; font-weight: bold}
#signup-optional #options{ float: left; width: 460px; width: 280px; font-size: 11px}
#signup-outer.member #signup-optional #options{ width: 460px}
.signup-option{ float: left; display: inline; margin-top: 5px; margin-bottom: 2px}
.signup-option label{ margin: 0px 10px 0px 5px}
.signup-question{ float: left; display: inline; width: 275px; margin-right: 15px; margin-bottom: 5px}
.signup-question select {width: 120px}
#signup-outer.member #signup-optional .signup-question{ width: 275px}
#signup-competition{ margin-top:15px; padding: 10px; background-color: #dcf2f5; font-size: 11px; overflow: hidden}
#win{ float: left; width: 40px; font-weight: bold}
#signup-competition #thumb{ float: left; width: 100px}
#signup-competition #thumb img{ display: block}
#competition-text{ float: left; width: 260px; padding-right: 10px}
#competition-question{ clear:both; padding-top:10px}
#competition-question #competition_entry_answer{ width: 250px; overflow-y: scroll}
#signup-terms{ margin: 10px 0 0 145px}
#signup-terms p {margin:5px 0}
#signup-terms .submit {margin-top:5px; padding:2px 15px}
#glossary{ width: 910px; overflow: hidden; margin: 10px 10px 30px 20px}
#glossary-pagination-outer, .glossary-pagination-outer{ width:100%; background: transparent url(../images/divider.gif) left top repeat-x; padding-top: 5px; margin-bottom: 20px}
#glossary-pagination-inner, .glossary-pagination-inner{ width:100%; background: transparent url(../images/divider.gif) left bottom repeat-x; padding-bottom: 5px; overflow: hidden; font-size: 11px}
#glossary-pagination-inner div.spaced.for-glossary{ float: left; width: 35px; text-align: center; background: transparent url(../images/az_splitter.gif) right top no-repeat}
#glossary-pagination-inner div.spaced{ float: left; background: transparent url(../images/az_splitter.gif) right top no-repeat; width: 27px; text-align: center}
#glossary-pagination-inner div.spaced.last {background:none}
.term-block h5{ font-size: 12px; margin:0; font-weight: bold; padding-left: 10px}
.term-block{ padding-top: 5px}
.term{ width:100%; background: none; padding-top: 5px}
.term-block.outer{ width: 910px; background: #f7f7f7 url(../images/divider.gif) left top repeat-x; padding-top: 5px; margin-bottom: 10px}
.term-block.outer h5{ padding-left: 10px}
.term-inner{ width:100%; overflow:hidden; background: transparent url(../images/divider.gif) left bottom repeat-x; padding: 4px 0px 10px 0px}
.term .thumb{ float: left; display: inline; margin-left: 10px; width: 102px}
.term .thumb img{ border: 1px solid #eff2f2; background-color: #FFF; padding: 10px; width: 80px; height: 80px; overflow: hidden}
.term .content{ float: left; width: 770px; padding-left: 10px}
#reviews{ width: 915px; margin: 0px 25px 0px 10px; overflow: hidden}
#large-right{ float: left; width: 733px; margin-top: 10px; padding-left: 12px; position: relative}
#large-right h2{ color: #002830; font-size: 20px; font-weight: normal; width: 650px; margin-bottom: 20px}
#large-right h3{ font-size: 16px; color: #333; margin-bottom: 15px; font-weight: normal}
#large-right .pagination-left{ font-size: 11px; margin:0; padding-left: 0px}
#large-right .pagination-right{ font-size: 11px; margin:0; padding-right: 0px}
#large-right .pagination-left img{ vertical-align: middle; margin-right: 3px}
#large-right .pagination-block{ background-color: #FFF}
#review-pagination{ width: 100%; overflow: hidden; font-size: 11px}
.rating{ float: left; font-weight: bold; margin-bottom: 3px}
img.rating-heart{ vertical-align: middle}
.comment, .comment.even{ padding: 5px; background-color: #eef3f4; font-size: 11px; color: #666}
.comment.odd{ background-color: #FFF}
.comment h5{ font-size: 12px; font-weight: bold; color: #000; margin: 3px 0px 0px 0px}
.comment-icons img{ vertical-align: middle; margin-right: 10px}
.comment-profile{ width:723px; background: #FFF url(../images/divider.gif) left bottom repeat-x; font-size: 11px; padding: 5px; margin-bottom: 10px}
.comment-profile dl{ width: 600px; overflow: hidden}
.comment-profile dl dt{ float: left; clear: left; width: 80px; margin-bottom: 4px}
.comment-profile dl dd{ float: left; width: 520px; margin-bottom: 4px}
.commentable-info{ width: 700px; overflow: hidden; margin-bottom: 10px}
.commentable-info h4{ margin:0}
.commentable-info .thumb{ float: left; width: 100px}
.commentable-info .commentable-content{ float: left; width: 600px}
#ask-us h1, #login h1, #events h1{ font-size: 20px; color: #002830}
#ask-us-form, #login-form {margin-top: 15px; border: 1px solid #eee; padding:5px; overflow: hidden}
#ask-us-form-inner, #login-form-inner{ background: #FFF url(../images/ask-us_bg.gif) left bottom repeat-x; overflow: hidden; padding: 10px}
#ask-us-form-inner p {color:#6D999F; font-size:10px; margin:0 0 15px}
#ask-us-form-inner .notice{ color: #CC3333; font-weight: bold}
#login-form .normal-input{ width: 160px; border: 1px solid #CCC; padding: 2px}
.success{ color: #002830; font-weight: bold}
#ask-us-form dl, #login-form dl{ overflow: hidden}
#login-form dt, #ask-us-form dt{ float: left; clear: left; width: 140px; margin-bottom: 5px; font-weight: bold; color: #002830}
#login-form dt{ width: 70px}
#ask-us-form dd, #login-form dd{ float: left; width:350px; margin-bottom: 5px}
#qa_regards{ border: 1px solid #c6c8c9; width: 248px; height: 16px}
.qa_input{ border: 1px solid #c6c8c9; width: 248px; height: 16px}
.fieldWithErrors{ display: inline}
.fieldWithErrors input, .fieldWithErrors select, .fieldWithErrors textarea {border:1px solid #c00 !important}
.fieldWithErrors label {color:#c00 !important}
#qa_question{ border: 1px solid #c6c8c9; width: 245px; height: 105px; overflow-y: scroll}
#meet-the-experts{ width: 298px; height: 96px; background: transparent url(../images/meet_the_experts.jpg) no-repeat; border: 1px solid #e4e4e4}
#meet-the-experts p{ margin: 33px 135px 0px 10px; font-size: 11px; color: #666; line-height: 1.1em}
#right-side-bar{ margin-left: 5px; margin-right: 5px}
#right-side-bar hr{ border: 0; margin: 5px 0px; background: transparent url(../images/divider.gif) left top repeat-x}
#right-side-bar #tell-friend{ margin-left: 0}
.askus{ border-top: 1px solid #EEE}
#become-member.askus{ background: transparent url(../images/hdr-become-member.gif) 6px 4px no-repeat; padding: 24px 100px 20px 15px; border-top: 1px solid #e3e3e3}
#become-member.askus #register-btn{ top: 24px}
#previous-questions{ background: #FFF url(../images/divider.gif) left top repeat-x; padding-top: 10px; margin-top: 10px}
#previous-questions h3{ font-size: medium; color: #002830}
#previous-questions a{ font-weight: bold}
#previous-questions h3 img{ vertical-align: middle;margin-right: 5px;}
#previous-questions p{ margin-top: 10px}
#landing-page ul{ margin: 5px 0px 5px 0px; padding-left: 20px; text-indent: 1em; list-style: disc}
#landing-page ol{ margin: 5px 0px 5px 25px; list-style: decimal outside}
#landing-page ul li{ margin: 3px; padding: 0px}
#landing-page ol li {margin: 3px; padding: 0px}
#landing-page h3{ margin: 15px 0px 0px 0px}
.competition-question{ font-weight: bold; font-size: 11px}
#competition_entry_answer{ width: 572px; height: 80px; border: 1px solid #CCC; margin-bottom: 5px}
#competition-terms ul{ margin: 5px 0px 5px 0px; padding-left: 20px; text-indent: 0em; list-style: disc}
#competition-terms ul li{ margin: 3px; padding: 0px}
#competition-errors{ margin: 10px 0px 0px 40px; padding: 4px; background-color: #FFF; width: 610px}
#signup-errors, #askus-errors{ margin: 15px 0px; padding: 4px; background-color:#fee}
.form-errors{ border: 1px solid #c33; color: #c00}
.form-errors p, .form-notice p{ padding: 5px 10px 0px 10px}
.form-errors ul{ padding: 0px 10px 10px 10px}
.form-notice{ border: 1px solid #080; color: green; font-weight: bold; background-color:#cfc; margin:10px 0; padding:10px}
.form-notice a {color:#060; text-decoration:underline}
#competition-errors .form-notice p, .success{ color: green}
#details-success{ margin-right: 10px}
#details-success .success, #askus-errors.form-errors .success{ color: green}
#login-form .normal-input{ width: 160px; border: 1px solid #CCC; padding: 2px}
#forum{ width: 580px; margin: 20px 25px 0px 25px}
#forum h1 {margin-bottom: 10px}
#forum_tabs {position:relative}
#forum_tabs p.subtitle {position:absolute; right:0; padding-top:2px}
#forum_tabs ul {width:580px; border-bottom: 1px solid #044d58; height: 24px; margin-bottom: 5px}
html>body #forum_tabs ul {height: 25px}
#forum_tabs ul li, #forum_tabs ul li a {display:block; float:left}
#forum_tabs ul li a {background-color:#89BEC6; color:#FFFFFF; font-size:12px; height:20px; margin-right:4px; padding:5px 7px 0}
#forum_tabs ul li a.active {background-color:#044d58}
#forum_tabs .tab {}
#forum_tabs .tab h2 {padding: 5px 0; font-size: 15px}
table.forum-table tr{ width: 100%}
table.forum-table tr td{ padding-top: 5px; padding-bottom: 25px}
table tr.with-border{ height: 1px; margin: 0; padding:0; background: transparent url(../images/divider.gif) top left repeat-x}
table.forum-table tr.with-border td{ height: 1px; margin: 0; padding:0; font-size: 1px}
td.vat.c1{ width:30px; text-align: center}
td.vat.c1 img{ vertical-align: middle;}
td.c2.vat{ font-size: 11px; color: #666; width: 350px; padding: 5px 10px 0px 10px}
td.c3{ width: 20px; padding-right: 5px}
td.c2.vat a{ font-weight: bold; font-size: 12px}
td.c2.vat div.desc p{ font-weight: bold; color: #666}
td.inv.lp{ width: 135px; padding-left: 10px; padding-right: 10px; background: #f2f2f2; background: transparent url(../images/price_bg.gif) bottom left no-repeat; padding-top: 5px}
td.c2.title{ width:250px; padding: 0px 5px 0px 5px}
td.ca.inv.stat{ width: 35px; padding: 0px 5px 0px 5px}
td.lp{ width: 150px; padding: 0px 5px 0px 5px}
tr.hentry{ width: 100%}
tr.hentry td{ padding-top: 5px; padding-bottom: 5px; background: transparent url(../images/vertical-divider.gif) 0px 2px repeat-y}
tr.hentry td.noBorder{ background: none}
#forum h2.recent-posts{ width: 100%; background: transparent url(../images/divider.gif) top left repeat-x; margin: 10px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 18px; font-weight: normal}
table.forum-head{ background: transparent url(../images/divider.gif) top left repeat-x}
table.forum-head tr th{ padding: 5px}
table.forum-head th.la.withBorder{ background: transparent url(../images/vertical-divider.gif) 0px 2px no-repeat}
div.forum-head{ margin-bottom: 10px; background: #f5f5f5 url(../images/divider.gif) bottom left repeat-x}
div.forum-head.topics{ margin-bottom: 0}
#forum .stats{ margin-top: 10px; background: #f5f5f5 url(../images/divider.gif) bottom left repeat-x}
#forum .users{ background: transparent url(../images/divider.gif) top left repeat-x; padding: 5px}
#forum-admin{ margin: 5px;padding: 5px;background-color:#FFF;border: 1px solid #CCC}
#forum .pagination-inner{ padding-top: 5px; background-position: top left}
#forum .date{ color: #666; margin-bottom: 3px}
img.photo{ float: left; margin: 0px 5px 5px 0px}
p.admin, span.posts{ font-size: 11px; color: #666; margin:0}
td.body.entry-content{ width: 450px; padding-left:10px; vertical-align: top; color: #666}
div.editbox {background:url(/images/reply_background.png); border:2px solid #06272e; border-width:2px 0; position:fixed; bottom:0; left:0; right:0; padding:6px 0 7px; z-index: 500}
div.editbox .container {width:760px; margin:0 auto}
div.editbox p {margin:0.5em 0;}
div.editbox textarea {width:90%; background:white; opacity:1; font-size: 11px; font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif}
div.editbox .button_or a {color:#ccc}
div.editbox table td {border:0}
div.editbox a.utility {color: #f99; font-size: 12px; padding: 2px 5px 4px; display: block; font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif; float: right; text-align: right; margin-top: 0.2em}
div.editbox h5 {background:#222; color:white; padding:2px 10px 3px; font-size:12px; margin:0.2em 0 0.5em}
div.editbox p.help span, div.editbox ul.help span {color:#FFF}
div.editbox p.help, div.editbox ul.help {padding:3px 10px; font-size: 12px; color:#ccc; font-family: 'Lucida Grande', Tahoma, Arial, Helvetica, sans-serif}
div.editbox ul.help {margin:0}
div.editbox ul.help {list-style-type:none}
.favourite-wrapper{ width: 100%; overflow: hidden; position: relative; margin-top: 10px; padding-top: 5px; background: #FFF url(../images/divider.gif) top left repeat-x}
.favourite-wrapper h5{ margin-bottom: 5px}
.favourite-wrapper .delete{ position: absolute; top: 3px; right: 0px}
.favourite-wrapper .thumb{ float: left; width: 80px; border: 1px solid #eff2f2; padding: 10px}
.favourite-info{ float: left; overflow:hidden; float:left; width: 318px; padding-left: 10px}
.product-match{ }
.favourite-wrapper .thumb img{ border: 0; display: block}
#forgot-password .normal-input{ width: 200px; padding: 2px; border: 1px solid #CCC}
#profile-options, #avatar{ width: 710px; border: 1px solid #EEE; background-color: #FFF; padding: 4px; margin-top: 20px}
#profile-inner{ background: transparent url(../images/signup_bg.gif) bottom left repeat-x}
#profile-bg{ padding: 10px; background: transparent url(../images/signup-inner_bg.gif) bottom right no-repeat}
#profile-inner h3, #avatar h3{ font-size: 14px; color: #002830; margin: 0}
#avatar{ margin-top: 10px}
#avatar-inner{ background-color: #dcf2f5; padding: 10px}
ul.product-option{ width: 100%; overflow: hidden; padding: 4px 0px 6px 0px; margin-bottom: 10px; background: transparent url(../images/divider.gif) left bottom repeat-x}
ul.product-option li{ float: left; display: inline; margin:3px 15px 3px 0px}
.favourite-wrapper{ width: 100%; overflow: hidden; position: relative; margin-top: 10px; padding-top: 5px; background: #FFF url(../images/divider.gif) top left repeat-x}
.favourite-wrapper h5{ margin-bottom: 5px}
.favourite-wrapper .delete{ position: absolute; top: 3px; right: 0px}
.favourite-info{ float: left;width:590px; overflow:hidden; float:left; width: 318px; padding-left: 10px}
.favourite-wrapper .thumb img{ display: block}
#forgot-password .normal-input{ width: 200px; padding: 2px; border: 1px solid #CCC}
#matches{ width: 424px; padding-left: 6px; height: 100%; position: relative}
#btn-profile{ position: absolute; bottom: 0px; right: 5px; width: 107px; height: 19px; background: transparent url(../images/btn-profile.gif) top left no-repeat}
#profile-match{ position: absolute; top: -10px; right: 5px; width: 275px; background-color: #FFF; z-index: 100}
#profile-match-inner{ padding: 5px; border-left: 1px solid #e4e9ed; border-right: 1px solid #e4e9ed; border-bottom: 1px solid #e4e9ed}
#profile-match-content{ background: #f6f6f6 url(../images/profile-bg.gif) left top repeat-x; padding: 10px}
#profile-match-content h3{ font-size: 16px; font-weight: normal; color: #002830; margin: 0; padding-bottom: 10px; background: transparent url(../images/divider.gif) left bottom repeat-x}
#profile-match-content h5{ font-size: 12px; font-weight: bold; color: #000; margin-top: 10px}
div.sitemap{ float: left; width: 200px; padding-right: 20px}
div.sitemap h5{ margin: 10px 0px}
.image-caption{ margin: 5px 0px 3px 0px; font-size: 10px; color: #666}
.brand-logo{ width: 200px; overflow: hidden; margin-bottom: 10px}
.portlet{ background-repeat: no-repeat}
#find-products-right{ width: 294px; border: 1px solid #eee; padding: 2px; background-color: #FFF; margin: 10px 0px 10px 5px}
#find-hdr{ width: 100%; height: 25px; background: #43646b url(../../images/find-products_bg.gif) repeat-x}
#find-products-right #form-holder{ padding: 5px}
#form-holder .keyword{ display: block; width: 278px; border: 1px solid #CCC; padding: 2px; margin-bottom: 5px}
#form-holder select{ display: block; width: 284px; border: 1px solid #CCC; padding: 2px; margin-bottom: 5px}
#form-holder-submit{ text-align: right}
#flashcontent{ margin-top: 10px;width:200px;height:180px;text-align: center}
.article-comment{ background: #FFF url(../../images/divider.gif) top left repeat-x; padding: 5px 10px 0px 0px; margin: 0px 0px 10px 0px}
.article-comment .date{ font-size: 10px; color: #666}
.video-icon{ position: absolute; top: 90px; left: 12px}
.loyalties{ margin-left: 30px}
.loyalties img{ display:block}
.lp{ margin: 15px 0px 5px 0px}
.caption{ font-size: 10px; color: #666}
#mod-info{ text-align: left; background-color: #FFF; padding: 0px 4px}
#topic-title{ width: 400px}
#q{ border: 1px solid #CCC; width: 105px; padding: 2px}
#trial-team{ width: 133px; height: 130px; margin: 0px 0px 5px 5px; padding: 60px 155px 0px 10px; background: #FFF url(../images/trial-team-bg.jpg) no-repeat; overflow: hidden; border: 1px solid #e3e3e3}
#logo {position:absolute; left:0px; top:37px}
#logo a {display:block; width:211px; height:0; padding-top:53px; overflow:hidden; background:transparent url(../images/logo.png) 0px 0px}
#logo a:hover {background-position:0px 53px}
.signup-competition-banner {margin:10px 0; padding: 10px; background-color: #dcf2f5; overflow: hidden}
.signup-competition-banner img {width:80px; height:80px; float:left;margin-right:10px}
.hidden {display:none !important}
#exclusive-member-benefits {margin-left:10px}
#competition-winner {border:1px solid #eee; padding:3px; height:1%; overflow:hidden; width:292px; margin-bottom:5px}
#competition-winner p {margin:10px; line-height:16px; color:#606060; font-size:12px}
#competition-winner h3 {height:0; background:transparent url(../images/competition_winner.gif) no-repeat; padding-top:24px; overflow:hidden; margin:0}
#competition-winner p.name {background-color:#E9F7F8; padding:10px; color:#00292d; font-size:15px; font-weight:bold; text-align:center}
#competition-winner img {float:left; margin-right:10px}
input.help {width: 220px; border: 1px solid; border-color:#727272 #b4b4b4 #dadada #b4b4b4; padding: 2px; font-size:15px; color:#aaa; background: #fff url(../images/input_big_bg.gif) repeat-x; font-style:italic}
#articles .pagination {margin:0}
.pagination {padding: 5px; margin: 0 17px; text-align:right; background-color:#f7f7f7; border:1px dotted #b0b0b0; border-width:1px 0 1px 0}
.pagination a {padding: 2px 5px 2px 5px; text-decoration: none; color: #0A5385}
.pagination span.current {padding: 2px 5px 2px 5px; font-weight: bold; background-color: #0A5385; color: #FFF}
.pagination span.disabled {padding: 2px 5px 2px 5px; color: #ccc}
.categories .pagination {border:none; padding:10px 0 5px 0; margin:0}
#four-oh-four {background-color:#C40262; padding:20px 0; font-size:18px; color:#fff; text-align:center}
#four-oh-four h1 {font-size:50px; color:#fff}
#four-oh-four p {margin:1em 0}
#article-competition {margin:20px 30px 10px 17px}
#article-competition strong {display:block; margin-bottom:3px}
#article-competition h2 {color:#1388AB; font-weight:bold}
#article-competition p {margin:1.5em 0; line-height:1.6em}
em.search {background-color: #ffc; font-style: normal; font-weight: bold}
#dialog a.button{ margin-top: 5px; width: 100px; display:block; padding: 5px 10px; background: #0F8199; color:white; float:left}
#dialog a#yes{ margin-left: 10px; margin-right: 30px}
#dialog a.button:hover{ background: #044C5B}
#dialog {background: url(../images/overlay.png); display:none; padding:20px; width: 340px;z-index: 99999}
#quiz_widget {margin:5px; border-bottom:1px solid #dedede; width: 300px height: 185px; overflow: hidden; position: relative}
#quiz_widget .image {}
#quiz_widget .title {position: absolute; top: 100px; left: 0px; float: left}
#quiz_widget h4 {background-color:#044C5B; color: #fff; font-family: arial, helvetica, sans-serif; font-weight: normal; padding: 2px 5px; margin: 0px; float: left; font-size: 12px}
#quiz_widget h3 {background-color:#0F8199; font-size: 18px; color: #fff; font-family: arial, helvetica, sans-serif; font-weight: normal; padding: 7px; margin: 0px; float: left; clear: left}
#quiz_widget .title a {color: #fff; text-decoration: none; font-weight: normal}
#quiz_widget .title a:hover {text-decoration: none}
.quiz-block .thumb {width:172px; height:172px; padding:7px; background:url(../images/home_thumb_bg.gif) 0 0 no-repeat; overflow:hidden}
.quiz-block .thumb a {display:block; width:172px; height:172px; background-position:50% 50%; background-repeat:no-repeat}
.quiz-block-container {clear:both; margin-top:20px; margin-bottom:15px; overflow:hidden; width:630px; margin-left:10px; float:left}
.quiz-block {float:left; width:188px; margin:0 10px; position:relative; height:330px; border-bottom:1px dotted #9BA4A9}
.quiz-block h3 {height:18px; margin:0 0 5px 0}
.quiz-block h4{ background:url(../images/bg-story-hdr.gif) bottom left repeat-x; height:35px; padding:5px 5px 0 5px; margin:0 5px 5px 5px; font-size:14px; line-height:14px}
.quiz-block h4 a {color:#044C5B}
.quiz-block h4 a:hover {color:#0F8299}
.quiz-block a {color:#116DB0}
.quiz-block p {margin:0 5px 10px 5px; color:#666}
#twitter_tout {margin:5px}
#salon-guide{ width: 200px; height: 33px; background: #FFF url(../images/hdr-salon-guide_bg.gif) no-repeat; padding: 25px 7px 0px 93px; font-size: 11px; margin: 6px 0px 0px 5px}
#salon-guide a:link, #salon-guide a:visited, #salon-guide a:active, #salon-guide a:hover{ font-weight: bolder}
#salons-alphabet div.spaced.for-glossary{ float: left; width: 34px; text-align: center; background: transparent url(../images/az_splitter.gif) right top no-repeat}
#salons-alphabet div.spaced.for-glossary.last{ background:none}
.desc {display:block; margin-top:15px; margin-bottom:15px}
#salons_index, #salon_basic {margin-top:10px}
#salons_index .left-col, #salon_basic .left-col {width: 695px; padding:0 10px 0 20px}
#salons_index .right-col, #salon_basic .right-col {width: 210px; padding:0 10px 0 5px}
#salons_index .left-col h2 {margin:1em 0 0.5em 0; font-size:medium; font-weight:bold}
#salons_index .left-col h3 {margin:1em 0 0.5em 0}
#salon_basic .left-col h1 {margin-bottom:1em}
#salon_basic .left-col h1 span, #salon_gold .left-col h1 span {position:relative; top:-5px}
#salon_basic .left-col h1 span a {color:#aaa}
.featured-salons-wrapper {overflow:hidden; height:1%}
.featured-salons-wrapper h2 {height:0; width:200px; padding-top:28px; background:url(../images/featured_salons.gif); overflow:hidden; margin:10px 0 5px 0}
#salon-search-wrapper{ margin: 0 0 0 10px; width: 688px}
#salon-search-form{ border: 1px solid #eee; padding:5px; overflow: hidden; margin-bottom:15px}
#salon-search-form-inner{ background: #FFF url(../images/ask-us_bg.gif) left bottom repeat-x; overflow: hidden; padding: 0px 15px 15px 15px}
.salon-search{ width:580px; overflow:hidden; margin: 0; padding:0}
.salon-search.withBorder{ background: transparent url(../images/divider.gif) left top repeat-x; padding-top: 5px; margin-top: 5px}
.salon-search dt{ float:left; clear: left; width:130px; margin-bottom: 4px}
.salon-search dd{ float: left; width: 450px; margin-bottom: 4px}
#form-buttons {float: right; padding-top: 10px}
#salon-search select {background-color: #FFFFFF !important}
input.text {background-color: #FFFFFF !important; width: 120px}
#salon-search-form-inner label {color:#1D455F; font-weight:bold; line-height:1.5em}
#salon-search-form-inner span {color:#868E8F; line-height:1.5em}
#salon-search-form-inner table {}
#salon-search-form-inner td {vertical-align:top; padding-right:10px}
#salon-search-form-inner input, #salon-search-form-inner select, #salon-search-form-inner option {font-size:medium}
#salon-search-form-inner #service {width:250px}
#salon-search-form-inner .submit {text-align:right}
#salon-search-form-inner .submit input {padding:2px 5px; font-size:inherit}
.salon-search div{ width:150px; float:left; margin: 3px 0px 2px 0px; font-size: 11px; overflow: hidden}
.salon-search dd div input{ float: left; margin-right: 3px}
.salon-search dd div label{ float: left}
#search-form div.wider-col {width:175px}
#search-form div.narrow-col {width:115px}
dt#service-type {width:590px; overflow:hidden; float:left; padding-top: 15px}
#checkboxes {float:right}
dd#checkboxes {margin-top:15px; width:560px; overflow: hidden}
#checkboxes div span {padding-left: 5px}
input.checkbox {padding-bottom: 5px}
#register-salon {background-image: url(../images/bg_list_your_service.jpg); background-repeat: no-repeat; background-position:right top; height:110px; margin-right:20px; padding-top:22px; padding-left:108px}
#register-salon a:link, #register-salon a:visited, #register-salon a:active, #register-salon a:hover {font-weight: 600; text-decoration: none}
#register-salon p {width: 170px; font-size: 10px}
#register-salon h4 {font-size:12px; font-weight: 600; color: #333333}
#register-content {padding-left:20px; width:725px; margin-top:10px}
#register-content p {}
.salon-register {padding:5px; margin:20px 0 10px; border:1px solid #EEEEEE}
.salon-register h2 {font-size:15px; font-weight:bold; color: #333; margin-bottom:5px}
.salon-register h2 span {font-size:11px; padding-left:5px; font-weight:normal}
.salon-register h2 span span {padding-left:0}
.salon-register select {background-color: #FFFFFF !important}
a:link#blue-text, a:visited#blue-text, a:active#blue-text, a:hover#blue-text {color:#0A5385; font-weight:bold; text-decoration:none}
#listing-type {width: 695px; height:230px; overflow:hidden}
#listing-type #col-left {width:135px; float:left; margin-left: 30px}
#listing-type #col-left span {font-size:15px; font-weight:bold; color: #333}
#listing-type #col-right {width:495px; float:left}
#listing-type #table-wrapper {background: url(../images/bg_listing_type.jpg) top right no-repeat; width:464px; height:218px; padding-top:12px}
#listing-type input#gold , #listing-type input#basic {margin-right:2px!important}
#listing-type table {margin-left:5px; width:454px}
#listing-type table td {padding-left:5px; height:22px; vertical-align:middle}
#listing-type td#col1-width {width:270px}
#listing-type td#col2-width {width:57px}
#listing-type td#col3-width {width:115px}
#listing-type td.cost {padding-left:25px}
.tick-green-bg {background-image: url(../images/tick_bg_green.gif); background-repeat: no-repeat; background-position: 25px 5px}
.tick-white-bg {background-image: url(../images/tick_bg_white.gif); background-repeat: no-repeat; background-position: 25px 5px}
.cross-green-bg {background-image: url(../images/cross_bg_green.gif); background-repeat: no-repeat; background-position: 25px 7px}
.cross-white-bg {background-image: url(../images/cross_bg_white.gif); background-repeat: no-repeat; background-position: 25px 7px}
#content-area {border:1px solid #EEEEEE; padding:5px; overflow: hidden; margin-left:0px; margin-top:20px}
.salon-register dl {float:left; overflow:hidden; width:585px}
.salon-register dt {width:180px; font-weight: bold; float:left; padding-bottom:5px}
.salon-register dd {float:left; width:405px; padding-bottom:5px}
.salon-register input#salon_name, input#salon_trading_name, input#salon_first_name, input#salon_last_name, input#salon_mobile, input#salon_email, input#salon_url, #gold-listing-details input#image, #gold-listing-details input#pricelist, #gold-listing-details dd#brands input {}
.salon-register .submit {margin-top:10px; padding:2px 5px; display:block}
#business-details {clear:both; padding-top:15px}
#business-details p {padding-top:5px}
#business-details #phone-details {width:225px; overflow:hidden}
#area-code {width:25px; float:left}
#salon_unit, #salon_level, #salon_street_number, #salon_postcode, #salon_postal_postcode, #salon_street_name, #salon_suburb {width:175px}
#bg-form-gradient {background:#DDF2F5 url(../images/register-salon-bg.jpg) left top repeat-x; padding:5px 15px 20px 15px}
#business-details dl {padding-bottom:15px; padding-top:5px}
#business-details input {background-color: #FFFFFF !important}
#business-details select {background-color: #FFFFFF !important}
#street-address, #salon_user {clear:left; background: transparent url(../images/divider.gif) left top repeat-x; padding:15px 0px 0px 0px; overflow:hidden}
#salon_user h3 {margin:1em 0 0 0; font-size:small}
#salon_user ul.member-type {margin:15px 0 20px 15px; overflow:hidden; height:1%}
#salon_user ul.member-type li {float:left; display:block; width:200px}
#street-address dl, #postal-address dl, #salon_user dl {padding-top: 10px}
#street-address input {background-color: #FFFFFF !important}
#street-address select {background-color: #FFFFFF !important}
input#salon_postcode, input#salon_postal_postcode {width:117px}
select#salon_region_id {width:180px}
#postal-address {background: transparent url(../images/divider.gif) left top repeat-x; padding-top:15px}
#postal-address dl {}
#postal-address dt span#header-2 {font-size:15px}
#postal-address dd input#checkbox {margin-right:10px}
#section-divider {background: #FFF url(../images/divider.gif) left center repeat-x; height:10px; clear:both}
#postal-address input {background-color: #FFFFFF !important}
#postal-address select {background-color: #FFFFFF !important}
#services {padding:15px 0; background:transparent url(../images/divider.gif) left top repeat-x; overflow:hidden; clear:left}
#services dl {width:575px; float:left}
#services dt {width:0}
#services dd#checkboxes div {width:200px; display: inline; float:left; overflow: hidden; margin: 2px 0px}
#services dd#checkboxes div input{ float: left}
#services dd#checkboxes div label{ float: left; padding-left: 4px}
#services dd#checkboxes div.wider-col {width:165px}
#services dd#checkboxes div.narrow-col {width:105px}
#gold-listing-details {clear:left; padding-left:15px; padding-top:15px; overflow: hidden; background: #E0F3F6 url(../images/register_salon_feature.jpg) right bottom no-repeat !important; height:490px}
#gold-listing-details p span {margin-right:20px}
#gold-listing-details dl {padding-bottom:40px}
#gold-listing-details dt {background: transparent url(../images/divider.gif) left top repeat-x; padding-top:10px}
#gold-listing-details dd {background: transparent url(../images/divider.gif) left top repeat-x; padding-top:10px}
#gold-listing-details dd#brands {background: transparent url(../images/divider.gif) left top repeat-x; padding-top:10px}
#gold-listing-details dt.no-dotted-line {background-image:none}
#gold-listing-details dd.no-dotted-line {background-image:none}
#gold-listing-details input {margin-bottom:5px; width:180px}
#gold-listing-details input#btn_image, #gold-listing-details input#btn_pricelist {width: 60px}
#gold-listing-details textarea {height:115px; width:300px; margin-bottom:10px}
#buttons {text-align:right; width: 575px; padding-top:10px; margin-left: 36px}
#salon-listings {width:900px; overflow: hidden; margin: 10px 20px 0px 20px}
#salon-listings h1{ color: #002830; font-size: 20px}
#salons-alphabet{ width: 100%; overflow: hidden; margin: 15px 0px 5px 0px}
#salons-alphabet a{ color: #0a5385; font-weight: bold}
.salon-basic{ width: 100%; overflow: hidden; background: transparent url(../images/divider.gif) left top repeat-x; padding: 0; margin:0}
.salon-basic-simple{ width: 100%; overflow: hidden; padding: 0; margin:0}
.salon-name{ float: left; padding: 5px 0px 5px 10px; width: 40%}
.salon-address{ float: left; padding: 5px 0px 5px 10px; width: 40%}
.salon-phone{ float: left; padding: 5px 0px 5px 0px; width: auto}
.salon-gold{ position:relative; width:670px; height:115px; overflow: hidden; background:#fff url(../images/salon_search_result_gold_bg.gif); margin: 5px 0px 10px 0; padding:10px 15px 15px}
.salon-gold img.logo{ float: left; border: 5px solid #FFF; width:70px; margin-right:20px}
.salon-gold table {float:left; width:550px}
.salon-gold th {color:#fff; font-size:11px; width:33%; font-weight:bold; border-bottom:1px dotted #5E9DA8; padding:5px 0}
.salon-gold td {vertical-align:top; padding:5px 10px 0 0}
.salon-gold .rating{ float:right}
.salon-gold .name {margin-bottom:12px}
.salon-gold .name a {font-size:medium; font-weight:normal; color: #484848}
.salon-gold .more{ position:absolute; bottom:5px; right:5px; width:90px}
.salon-gold .more a{ height:0; padding-top:22px; overflow:hidden; display:block}
#search-again{ width: 100%; background: #FFF url(../images/divider.gif) top left repeat-x; padding-top: 10px}
#search-again dl{ width: 100%; overflow: hidden; margin-top: 5px}
#search-again dl dt{ float: left; clear: left; width: 80px; margin-bottom: 4px}
#search-again dl dd{ float: left; width: 300px; margin-bottom: 4px}
#search-again dl dd .normal-input{ width: 200px; border: 1px solid #CCC; padding: 2px}
#claim_salon {float: left; width:692px; overflow: hidden; margin: 10px 0 0 20px}
#salon_gold {overflow: hidden; margin-left:20px}
#salon_gold .left-col {width:170px}
#salon_gold .right-col {width:690px; margin:5px 45px 0 0}
#salon_gold h1 {margin-bottom:1em}
#salon_gold .left-col p {margin:15px 5px}
#salon_gold .left-col img {border: solid #EFF2F2 1px; padding:8px}
#salon_gold .left-col .gallery-images img {border: solid #EFF2F2 1px; padding:2px}
.desc {display:block; margin-top:15px; margin-bottom:15px}
.action-links {width:100%; background: #FFF url(../images/divider.gif) top left repeat-x; padding-top: 10px; margin-top: 10px}
.download-pricelist a:link, .download-pricelist a:visited, .download-pricelist a:active,.download-pricelist a:hover {color:#0A5385; text-decoration:none; font-weight: bold; padding-top:2px; height:20px}
.read-review a:link, .read-review a:visited, .read-review a:active, .read-review a:hover {color:#0A5385; text-decoration:none; font-weight:600; background-image: url(../images/icon_tick.gif); background-repeat: no-repeat; padding-left:30px; padding-top:2px; height:20px; display:block}
.post-review a:link, .post-review a:visited, .post-review a:active, .post-review a:hover {color:#0A5385; text-decoration:none; font-weight:600; background-image: url(../images/icon_heart.gif); background-repeat: no-repeat; padding-left:30px; padding-top:2px; height:20px; display:block}
.featured-salon {padding:20px 0 0 0; width:210px; background:url(../images/featured-salon-tout-bg-top.gif) no-repeat; margin-bottom:10px; overflow:hidden}
.featured-salon h3 {margin:7px 25px 2px 25px}
.featured-salon h3 a {font-size:15px; line-height:18px; color:#343436}
.featured-salon p {margin:5px 25px}
.featured-salon img.logo {border:5px solid #fff; display:block; margin-left:25px}
.featured-salon .more{ width:210px; height:28px; background:url(../images/featured-salon-tout-bg-bottom.gif) no-repeat}
.featured-salon .more a{ height:0; padding-top:28px; overflow:hidden; display:block}
.top-rated-salon {margin:20px 0; background-color:#eee; border:1px solid #ccc; padding:5px}
.prompt {color:#ccc}
#browse_salons {height:1%; overflow:hidden}
#browse_salons p {border-bottom:1px dotted #A8AEAE; margin-bottom:10px; padding-bottom:8px; font-weight:bold}
#browse_salons ul.states {width:688px; height:1%; overflow:hidden; border-top:1px dotted #A8AEAE; margin-bottom:22px}
#browse_salons ul.states li {width:86px; height:32px; float:left; text-align:center; color:#45869C; background:#EDF8FA url(../images/salons_state_bg_selected.gif) top left no-repeat; font:normal 13px/32px arial, helvetica, sans-serif}
#browse_salons ul.states li a {display:block; color:#45869C; background:#EDF8FA url(../images/salons_state_bg.gif) top left no-repeat; font:normal 13px/32px arial, helvetica, sans-serif}
#browse_salons ul.regions {float:left; width:40%; margin-right:5%}
#salon_basic table, #salon_gold table {width:100%; margin-bottom:30px}
table.my-salons {margin:15px 0; width:100%; border-bottom:1px dotted #aaa}
table.my-salons tr.odd {background-color:#f0f0f0}
#salon_basic td, #salon_gold td {width:30%}
#salon_basic td, #salon_gold td, .my-salons td {vertical-align:top; padding:5px 2px 5px 2px}
#salon_basic th, #salon_gold th, .my-salons th {color:#7e7e7e; border-bottom:1px dotted #aaa; padding-bottom:3px; font-size:10px; text-transform:uppercase}
#salon_gold .real-women {margin:0 0 12px 0; border:1px solid #7e7e7e; display:block; padding:15px}
#salon_gold .real-women h2 {color:#7e7e7e; font-size:10px}
span.required {color:red; font-size:13px}
#claim_salon p {margin:10px 0}
#claim_salon .warning {color:#c00; font-weight:bold; font-size:medium}
#claim_salon .salon {border-top:1px dotted #888; border-bottom:1px dotted #888; margin:5px 0; padding:10px 0 5px 0}
#claim_salon h2 {font-size:medium; font-weight:bold}
#claim_salon h3 {margin-bottom:5px}
#claim_salon label {font-weight:bold}
.left-col {float:left}
.right-col {float:right}
#salon_map {width:690px; height:400px}
.fieldWithErrors select, .fieldWithErrors input {border:1px solid #c00}
.errorExplanation {color:#c00; background-color:#fff0f5; padding:10px; border:1px solid #c00}
.errorExplanation h2 {color:#c00}
.errorExplanation ul {margin-left:20px; list-style-type:disc}
.errorExplanation li {display:list-item; float:none}
.success {padding:10px; color:#5c5; font-weight:bold; border:1px solid #5c5; background-color:#cfc; margin:15px 0}
#salons_index .editorial{ font-size: 11px; color: #666; margin:25px 0 35px 0; overflow:hidden; height:1%}
#salons_index .editorial .image{ float:left; margin-right:15px; width:200px; height:200px; overflow:hidden}
#salons_index .editorial h2, #salons_index .editorial h2 a {font-size: 20px; color: #333; margin: 0 0 10px 0; font-weight: normal}
#salons_index .editorial h2 a:hover{ color: #333; text-decoration: underline}
#salons_index .editorial p{ margin: 3px 0px 4px 0px}
#salons_index .editorial p a {font-weight: bolder}
#salons_index .editorial p.date{ color: #989898}
#today-on-bh {clear:both; position: relative; margin-top: 25px; background-color:#fff}
#today-on-bh .today-title{ width: 950px; height: 29px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 0px}
#today-on-bh .today-title span {font-size: 15px; font-weight: bold; color:#333; position:absolute; top: 8px; left: 20px}
#today-on-bh .today-title ul {position:absolute; right:20px; top: 5px}
#today-on-bh .today-title ul li {margin-left: 3px; float:left}
#today-on-bh .story-block {display: inline; float:left; width:172px; margin:0 10px; position:relative; height:262px; padding:20px 6px 0; background-color:#fff; border-right:1px solid #d6dbde}
#today-on-bh .story-block h3 {height:18px; margin:0 0 5px 5px}
#today-on-bh .story-block h4 {margin:10px 5px 0; font-size:14px; line-height:14px}
#today-on-bh .story-block h4 a {color:#044C5B;}
#today-on-bh .story-block h4 a:hover {color:#0F8299}
#today-on-bh .story-block a {color:#116DB0;}
#today-on-bh .story-block p {margin:0 5px 10px 5px; color:#666;}
#today-on-bh .story-block .thumb {width:158px; height:158px; padding:7px; background:url(../images/footer_thumb_bg.gif) 0 0 no-repeat; overflow:hidden}
#today-on-bh .story-block .thumb a {display:block; width:158px; height:158px; background-position:50% 50%; background-repeat:no-repeat}
#footer-slider {width: 924px; overflow: hidden; position:relative; height: 282px; background-color:#fff; margin-left: 13px; clear:both}
#footer-slider .footer-slider-item {width: 185px; height: 282px; overflow: hidden; display:inline; float: left}
#footer-slider .footer-slider-item .story-block {margin: 0}
#footer-slider-container {}
#leftScroll {display:block; width:23px; height:20px; background:url(/images/footer-arrow-left-disabled.gif); text-indent: -200px; overflow:hidden}
#rightScroll {display:block; width:23px; height:20px; background:url(/images/footer-arrow-right-disabled.gif); text-indent: -200px; overflow:hidden}
#leftScroll:hover {background:url(/images/footer-arrow-left.gif)}
#rightScroll:hover {background:url(/images/footer-arrow-right.gif)}