#main .banner2 { width:760px; padding:3px 3px 8px 3px; } #main .banner { width:760px; padding:3px 3px 8px 3px; } #main .banner:hover img { opacity:0.8; filter:alpha(opacity=80); } #main .sato:hover { opacity:0.8; filter:alpha(opacity=80); } #main .recEvent { width:380px!important; padding:0; min-height:180px; } #main .recEvent .header { height:35px; background:#e1467a url(images/title-bg6.jpg) repeat-x; color:#fff; overflow:hidden; } #main .recEvent .header h2 { height:17px; margin:10px 0 0 10px; background:url(images/title-events.gif) no-repeat; } #main .recEvent .content { padding:5px; } #main .recEvent .content ul { list-style:none; margin:0; padding:0; } #main .recEvent .content li { width:348px; margin:0 0 2px 0; padding:0; } #main .recEvent .content li img { border:1px solid #ccc; width:368px; } #main .recEvent .content li:hover img { opacity:0.8; filter:alpha(opacity=80); } #main .adbox { width:380px!important; padding:0; min-height:190px; } #main .adbox .header { height:35px; background:#e1467a url(images/title-bg5.jpg) repeat-x; color:#fff; overflow:hidden; } #main .adbox .header h2 { height:17px; margin:10px 0 0 10px; background:url(images/title-recommended.gif) no-repeat; } #main .adbox .content { padding:5px; } #main .adbox .content ul { list-style:none; margin:0; padding:0; } #main .adbox .content li { width:348px; margin:0 0 2px 0; padding:0; } #main .adbox .content li img { border:1px solid #ccc; width:368px; } #main .adbox .content li:hover img { opacity:0.8; filter:alpha(opacity=80); } #main .topHairList { padding:10px 0 0 0; width:766px; } #main .topHairList .header { height:38px; background:#fff; color:#fff; overflow:hidden; margin:0 0 0 10px; } #main .topHairList .header h2 { background:url(haircare/haircare-top-title.gif) no-repeat; height:38px; margin:10px 0 0 0; } #main .topHairList .content { padding:10px 5px; } #main .topHairList .name { font-weight:bold; padding:1px 0; height:18px; } #main .topHairList ul { margin:0; padding:0; list-style:none; } #main .topHairList ul li { margin:0 3px 4px 3px; padding:15px 0 0 21px; float:left; width:159px; text-align:left; height:205px; background:url(haircare/list-bg.gif) no-repeat; display:inline-block; } #main .topHairList ul li:hover { background:url(haircare/list-bg-ro.gif) no-repeat; } #main .topHairList .logo, #main .topHairList .dealimg { margin:5px 0; padding:0; } #main .topHairList img { } #main .topHairList a { display:block; } #main .topHairList .rate a { display:inline; } #main .topHairList a:hover img { opacity:0.8; filter:alpha(opacity=80); } #main .topHairList .rating { font-size:85%; } #main .hairTips { padding:10px 0 0 0; width:766px; } #main .hairTips .header { height:38px; background:#fff; color:#fff; overflow:hidden; margin:0 0 0 10px; } #main .hairTips .header h2 { background:url(haircare/haircare-tips-title.gif) no-repeat; height:38px; margin:10px 0 0 0; } #main .hairTips .content { padding:10px 5px; } #main .hairTips .content .noter { background-color:#ffe8f0; border:1px solid #ccc; display:block; font-size:11px; margin:0 6px 5px 6px; padding:10px; } #main .hairTips ul { margin:0 6px 4px 6px; padding:0; list-style:none; } #main .hairTips ul li { margin:8px 0 0 0; } #main .hairTips ul li a { display:block; background-color:#fff; border:4px double #ccc; padding:5px; text-decoration:none; color:#333; } #main .hairTips ul li img { float:left; margin-right:10px; } #main .hairTips ul li .headline { color:#f94d86; display:block; font-weight:bold; text-decoration:underline; margin-bottom:4px; } #main .hairTips ul li a:hover .headline { text-decoration:none; } #main .hairTips ul li a:hover { border-color:#f94d86; } #main .mostrecHC { width:766px!important; padding:0; min-height:180px; } #main .mostrecHC .header { height:35px; color:#fff; overflow:hidden; } #main .mostrecHC .header h2 { height:23px; margin:10px 0 0 10px; background:url(haircare/mostrec-title.gif) no-repeat; } #main .mostrecHC .content { padding:5px; } #main .mostrecHC .content ul { list-style:none; margin:5px 0 0 0; padding:0; } #main .mostrecHC .content li { margin:0 4px 4px 4px; padding:0; float:left; } #main .mostrecHC .content li img { border:1px solid #ccc; } #main .mostrecHC .content li:hover img { opacity:0.8; filter:alpha(opacity=80); border-color:#F94C86; } #main .topSpaFirms { padding:0; width:766px; } #main .topSpaFirms .header { height:35px; background:#e1467a url(images/title-bg.jpg) repeat-x; color:#fff; overflow:hidden; } #main .topSpaFirms .header h2 { height:17px; margin:10px 0 0 10px; } #main .topSpaFirms .content { padding:10px 5px; } #main .topSpaFirms .name { font-weight:bold; padding:1px 0; height:18px; } #main .topSpaFirms ul { margin:0; padding:0; list-style:none; } #main .topSpaFirms ul li { margin:0 0 4px 4px; padding:0; float:left; width:174px; padding:5px; text-align:left; height:175px; border:1px solid #e1e1e1; } #main .topSpaFirms ul li.first { margin-left:0; } #main .topSpaFirms img { border:1px solid #fff; } #main .topSpaFirms a { display:block; } #main .topSpaFirms .rate a { display:inline; } #main .topSpaFirms a:hover img { opacity:0.8; filter:alpha(opacity=80); } #main .topSpaFirms .rating { font-size:85%; } #main .others { } #main .others ul li { height:52px; } #main .topHairList { } #main .topHairList .header { height:38px; background:#fff; color:#fff; overflow:hidden; } #main .topHairList .header h2 { background:url(haircare/haircare-top-title.gif) no-repeat; height:38px; margin:10px 0 0 0; } #main .prestigious { } #main .prestigious .header { background:#4ec435 url(images/title-bg2.jpg) repeat-x; } #main .prestigious .header h2 { background:url(images/title-prestigious.gif) no-repeat; } #main .exclusive { } #main .exclusive .header { background:#c7b623 url(images/title-bg3.jpg) repeat-x; } #main .exclusive .header h2 { background:url(images/title-exclusive.gif) no-repeat; } #main .others { } #main .others .header { background:#c7b623 url(images/title-bg4.jpg) repeat-x; } #main .others .header h2 { background:url(images/title-others.gif) no-repeat; } #main .hottest { } #main .hottest .header { background:#3f91ec url(images/title-bg5.jpg) repeat-x; } #main .hottest .header h2 { background:url(images/title-hottest.gif) no-repeat; } #main .floatLeftTop { width:380px; float:left; } #main .floatRightTop { width:380px; float:right; } #main .floatTop {} #main .floatTop ul li { padding:3px; } #detail #main .container .header { border-bottom:1px solid #e1e1e1; height:30px; margin-bottom:10px; } #detail #main .container .header h1 { font-size:160%; width:430px; margin:0; padding:0; float:left; } #detail #main .container .header .userReviews { float:right; margin-right:5px; } #detail #main .container .header .tellFriend { float:right; } #detail .banner { background:#e1e1e1; padding:5px; margin-bottom:10px; height:280px; } #detail .banner .slide { width:510px; height:280px; overflow:hidden; position:relative; font-size:90%; float:left } #detail .banner .slide img { position:absolute; z-index:9 } #detail .banner .slide .caption { position:absolute; bottom:0; background:url(images/trans-white-01.png); margin:5px; padding:7px 10px; z-index:10; width:480px; } * html #detail .banner .slide .caption { background:#fff; } #detail .banner .slide .caption h2 { font-size:100%; margin:0; padding:0; } #detail .banner .slide .caption p { margin:0; padding:0; } #detail .banner .textContent { width:205px; height:280px; float:right; position:relative; } #detail .banner .textContent p { margin:0; padding:0; } #detail .banner .textContent .text01 { font-family:"Arial Black",Arial; font-size:190%; color:#d60000; line-height:1.2em } #detail .banner .textContent .text02 { color:#666; position:absolute; bottom:10px; border-top:1px solid #cbcbcb; } #detail .banner .textContent .text02 h2 { font-family:Arial, Helvetica, sans-serif; font-size:160%; line-height:1.1em; font-weight:normal; margin:0; padding:8px 0; } #detail #main .content .title h2 span { display:none; } #detail #main .content { padding:10px 0; } #detail #main .content .title { height:45px; overflow:hidden; } #detail #main .content .title h2 { padding:0; margin:12px 0 0 0; height:25px; background-repeat:no-repeat; font-size:130%; font-weight:normal; font-family:"Arial Black"; color:#339a1f; } .featuredDeals { } .featuredDeals h2 { background-image:url(haircare/haircare-featured-title.gif); } .featuredDeals ul { list-style:none; margin:0; padding:0; } .featuredDeals ul li { margin:10px 0 0 30px; width:678px; } .aboutSalon { } .aboutSalon h2 { background-image:url(haircare/haircare-detail-about-title.gif); } .aboutSalon .title { margin:0 0 15px 0; } .aboutSalon img { float:left; } .aboutSalon .aboutText { float:right; width:280px; border-left:1px dashed #CCC; padding:0 0 0 15px; min-height:300px; height:auto!important; height:300px; } .aboutSalon .aboutText h3 { font-size:110%; margin-top:0; padding-top:0; } .detailBranches { width:700px; margin-left:20px; min-height:120px; overflow:hidden; } .detailBranches h3 { background:url(haircare/detail-branches.gif) no-repeat; margin:0; height:29px; } .detailBranches h3 span { display:none; } .editorsReview { } .editorsReview h2 { background-image:url(haircare/haircare-editor-title.gif); } .editorsReview .title { margin:0 0 15px 0; } .editorsReview img { margin-left:15px; } .editorsReview .photos { list-style:none; margin:0; padding:0 0 10px 0; text-align:center; } .editorsReview .photos li { display:inline; padding:0 5px; } .editorsReview .photos img { border:5px solid #efefef; } .editorsReview .reviewText { width:520px; background:url(images/dot-1.gif) repeat-y; padding:0 20px 0 20px; float:right; } .editorsReview .reviewText p { margin:0; padding:5px 0; } .editorsReview .rating { float:left; width:148px; margin:15px 0 0 20px; } .editorsReview .rating .rate { display:block; clear:both; white-space:nowrap; } .userReports { } .userReports h2 { background-image:url(haircare/haircare-userrpt-title.gif); } .userReports .title { margin:0 0 15px 0; } .userReports h3 { background:url(haircare/detail-userReportTitle2.jpg) no-repeat; color:#666; margin:10px 0; padding:5px 0 0 50px; height:30px; } * html .userReports h3 { font-size:20px; } .userReports hr { border:0; margin:10px 0; color:#e1e1e1; padding:0; height:5px; background:url(images/dot-2.gif) repeat-x; } .userReports .bannerAd { margin:0 0 0 30px; } .userReports .makeAppointment { margin:0 auto 30px auto; } .userReports .floatLeft { margin:0 10px 10px 0; } .userReports .floatRight { margin:0 0 10px 10px; } .detailStep { margin-top:20px; } .detailStep h4 { height:29px; } .detailStep h4 span { display:none; } .detailStep .detailStepText { float:right; width:420px; } .detailAfter .detailStepText { float:left; } .detailStep .detailStepText .detailStepTextIntro { margin:0; } .detailStep .quote { background:url(haircare/detail-concerns-bottom.jpg) no-repeat 0 100%; margin:10px 0 0 0; } .detailStep .quote blockquote { margin:0; padding:0; background:url(haircare/detail-concerns-top.jpg) no-repeat; min-height:100px; } .detailStep .quote p { margin:0; padding:30px 40px 30px 65px; } .detailConcern { } .detailConcern h4 { background:url(haircare/detail-concerns.gif) no-repeat; width:400px; } .detailConcern img { float:left; } .detailConcern ul { list-style:none; margin:0 0 0 40px; padding:0; display:block; } .detailConcern ul li { float:left; width:140px; background:url(images/dot-3.gif) no-repeat 0 6px; padding:0 0 0 10px; } .detailConcern p { margin: 0 0 10px 15px; } .detailSteps { } .detailSteps h4 { background:url(haircare/detail-steps.gif) no-repeat; } .detailSteps ol { list-style:none; margin:0; padding:0; } .detailSteps ol li { border:1px solid #fec9da; margin:0; padding:8px; width:345px; height:139px; overflow:hidden; float:left; margin:0 8px 8px 0; } .detailSteps ol li.even { margin-right:0; } .detailSteps ol li img { float:left; } .detailSteps ol li .detailsStepsText { float:left; width:170px; margin:0 0 0 8px; font-family:Verdana, Geneva, sans-serif; font-size:85%; line-height:1.3em } .detailSteps ol li h5 { font-size:110%; margin:0; padding:10px 0 0 0; } .detailSteps ol li p { margin:10px 0 0 0; padding:0; } .detailAfter { } .detailAfter h4 { background:url(haircare/detail-after.gif) no-repeat; width:400px; } .detailAfter img { float:right; } .detailAfter .quote { background-image:url(haircare/detail-after-bottom.jpg); } .detailAfter .quote blockquote { background-image:url(haircare/detail-after-top.jpg); } .detailAfter .quote p { margin:0; padding:30px 60px 30px 45px; } .beautyTips { } .beautyTips h2 { background-image:url(haircare/haircare-detail-tips-title.gif); } .beautyTips .title { margin:0 0 15px 0; } .beautyTips .quote { background:url(images/dot-1.gif) repeat-y; float:left; width:460px; margin:0 0 0 30px; padding:0 0 0 30px; text-align:center; min-height:167px; height:auto!important; height:167px; } .beautyTips .quote blockquote { margin:20px 0 20px 0; padding:0; background:url(images/detail-quote-left.jpg) no-repeat; } .beautyTips .quote p { margin:0; padding:0 15px; background:url(images/detail-quote-right.jpg) no-repeat 100% 100%; } .beautyTips .photo { float:left; width:170px; } .userReviews { } .userReviews h2 { background-image:url(haircare/haircare-userReview-title.gif); } .userReviews .title { margin:0 0 15px 0; } .userReviews .rating { font-size:110%; float:left; } .userReviews .rating .starBig + .rate { float:right; margin:2px 0 0 5px; } .userReviews .loginwelcome { float:right; margin:0; padding:0; } .userReviews .message { font-size:100%; color:#000; } .userReviews .comments .rating { width:200px; } .aboutPage { } .aboutPage h1 { margin:10px 0; padding:0 0 10px 0; height:27px; background:url(images/about-this-site.gif) no-repeat; } .aboutPage h1 span { display:none; } .aboutPage .content { background:url(images/box-7-left.jpg) no-repeat; padding:0 0 20px 7px; } .aboutPage .content .title { padding:0 165px 0 0; background:url(images/box-7-right.jpg) no-repeat 100% 0; } .aboutPage .content h2 { padding:15px 8px; height:17px; margin:0; white-space:nowrap; } .aboutPage .content .imgTitle h2 { position:relative; top:15px; left:10px; } .aboutPage .content h2 span { display:none; } .aboutPage .content .detail { clear:both; padding:0 10px 10px 10px; margin-top:-10px!important; } .commonProb { margin-bottom:-18px; padding-bottom:0 } .commonProb .title { width:431px; } .commonProb h2 { background:url(images/title-commonProb.png) no-repeat; } .commonProb ul { margin:20px 0 0 0; padding:0 0 0 150px; background:url(images/photo-1.jpg) 0 100% no-repeat!important; height:330px; list-style:none; } .commonProb ul h3 { display:none; } .commonProb ul li p { padding:40px 0 0 10px; margin:0; } .commonProb ul li { width:264px; height:161px; float:left; margin-left:10px; } * html .commonProb ul li { margin-left:6px; } .commonProb .bucket1 { background:url(images/bucket-1-1.jpg) no-repeat;} .commonProb .bucket1 p { padding-right:110px } .commonProb .bucket2 { background:url(images/bucket-1-2.jpg) no-repeat; } .commonProb .bucket2 p { padding-right:110px } .commonProb .bucket3 { background:url(images/bucket-1-3.jpg) no-repeat; } .commonProb .bucket3 p { padding-right:140px } .commonProb .bucket4 { background:url(images/bucket-1-4.jpg) no-repeat; } .commonProb .bucket4 p { padding-right:100px } .oneStop { } .oneStop .title { width:207px; } .oneStop h2 { background:url(images/title-oneStop.png) no-repeat; } .oneStop .button4 { margin-top:-40px; position:relative; } .oneStop em { font-size:130%; color:#ff0000; } .oneStop img { display:block; margin:0 auto; } .benefits { } .benefits .title { width:232px } .benefits ul { margin:25px 0 0 0; padding:0; list-style:none; } .benefits ul li { width:680px; padding-bottom:10px; } .benefits h2 { background:url(images/title-benefits.png) no-repeat; } .benefits h3 { display:none; } .benefits p { padding-top:60px; padding-left:58px; width:160px; } .benefits img { float:right; display:block; width:451px; margin:10px 0 0 10px; position:relative; z-index:1; } .benefits .bucket1 { background:url(images/bucket-2-1.jpg) no-repeat; } .benefits .bucket2 { background:url(images/bucket-2-2.jpg) no-repeat; } .benefits .bucket3 { background:url(images/bucket-2-3.jpg) no-repeat; } .benefits .bucket4 { background:url(images/bucket-2-4.jpg) no-repeat; } .easyProcess { } .easyProcess .title { width:152px; } .easyProcess h2 { background:url(images/title-easyProcess.png) no-repeat; } .easyProcess h3 { display:none; } .easyProcess ol { list-style:none; margin:20px 0 0 0; padding:13px 0 0 0; background:url(images/steps.jpg) no-repeat; } .easyProcess ol p { margin:0; padding:0; } .easyProcess ol li { padding:0 0 40px 240px; width:350px; font-size:90%; } * html .easyProcess ol li { padding-bottom:39px; } .how-to-choose { } .how-to-choose h1 { margin:10px 0 0 0; padding:0 0 10px 0; height:27px; background:url(images/how-to-choose.gif) no-repeat; } .how-to-choose h1 span { display:none; } .how-to-choose ul { list-style:none; margin:0; padding:0; } .how-to-choose ul li { margin:10px 0; } .how-to-choose ul p { display:none; } .samplebtn { width:275px; height:35px; background:url(images/request-sample.jpg) no-repeat; margin:0 0 20px 250px; } .makeRequest { } .makeRequest h1 { margin:10px 0 0 0; padding:0 0 10px 0; height:27px; background:url(images/make-a-request.gif) no-repeat; } .makeRequest h1 span { display:none; } .contactUs { } .contactUs h1 { margin:10px 0 0 0; padding:0 0 10px 0; height:27px; background:url(haircare/contact-us.gif) no-repeat; } .contactUs h1 span { display:none; } .createAccount { } .createAccount h1 { margin:10px 0 0 0; padding:0 0 10px 0; height:27px; background:url(images/create-an-account.gif) no-repeat; } .createAccount h1 span { display:none; } .makeAppointment { } .makeAppointment h1 { margin:10px 0 0 0; padding:0 0 10px 0; height:27px; background:url(haircare/make-an-appointment.gif) no-repeat; } .makeAppointment h1 span { display:none; } .loginPage { } .loginPage h1 { margin:10px 0 0 0; padding:0 0 10px 0; height:27px; background:url(images/login.gif) no-repeat; } .loginPage h1 span { display:none; } .address { margin:10px 0 0 20px; padding:0 0 0 0; list-style:none; } .address li { padding:1px 0 5px 20px; background:url(haircare/pink-bullet.jpg) 0 5px no-repeat; } .multiSelect { border:1px solid #e1e1e1; padding:10px; } .multiSelect p { margin:0; padding:0; } .multiSelect ul { margin:0; padding:10px; list-style:none; } .multiSelect ul li { clear:both; padding:10px 0; border-top:#e1e1e1 dotted 1px; } .multiSelect ul li.first { padding-top:0; border:0; } .multiSelect input, .multiSelect label, .multiSelect span.label { float:left; } .multiSelect label { margin:0 10px 0 5px; } .multiSelect .btn { float:right; } .multiSelect img { float:left; border:1px solid #e1e1e1; margin:0 10px 0 0; width:80px; height:auto; } .stepCrumb { margin:10px 0 60px 0; padding:0; display:block; } .stepCrumb li { float:left; margin:0; padding:5px 8px 5px 8px; border-left:1px solid #e1e1e1; } .stepCrumb li.inactive { color:#777; } .stepCrumb li.active { font-weight:bold; background:#fff; } .stepCrumb li.pass { background:#e4ffdf; } .check1 { margin:0; padding:0; list-style:none; width:480px; } .check1 li { background:url(images/check-1.jpg) no-repeat; min-height:35px; height:auto!important; height:35px; padding-left:40px; margin:0 0 20px 0; } .check1 li.odd { color:#777 } .imgbox { } .imgbox .caption { background:#000; color:#fff; font-size:11px; padding:3px; text-align:center; } * html .imgbox .caption { margin:-5px 0 0 0; } *:first-child+html .imgbox .caption { margin:-5px 0 0 0; } .imgbox img { margin:0; padding:0; line-height:0; } .imgbox1 { width:329px; } .imgbox2 { width:216px; } .haircaretips { font-family:Arial, Helvetica, sans-serif; } .haircaretips h1 { margin:10px 0; padding:0 0 10px 0; height:27px; background:url(haircare/hc-tips.gif) no-repeat; } .haircaretips h1 span { display:none; } #lossbald, #malepattern, #femalepattern { padding-bottom:30px; margin-bottom:30px; border-bottom:1px dashed #999; } #haircolor { padding-bottom:5px; } #lossbald h2, #malepattern h2, #femalepattern h2, #haircolor h2 { margin:0 0 5px 0; padding:0; color:#f94c85; font-family:"Times New Roman", Times, serif; font-size:24px; } #lossbald ul { margin:20px 0 0 0; padding:0; list-style:none; } #lossbald li { float:left; margin:0 0 10px 30px; padding-bottom:10px; width:220px; text-align:center; font-size:14px; font-weight:bold; } #lossbald li img { margin-bottom:5px; border:1px solid #CCC; } #lossbald li.first { margin-left:0; } #lossbald h3 { margin:0 0 5px 0; padding:0; font-size:20px; font-weight:bold; color:#f94c85; font-family:"Times New Roman", Times, serif; } #lossbald .baldlist, #femalepattern .femalecaused, #haircolor .colourAfter { margin:10px 0 0 0; border:1px dashed #f94c85; padding:15px; } #lossbald .baldlist img { float:left; margin-right:15px; } #lossbald .baldlist .baldread { display:block; margin-top:5px; font-size:12px; } #lossbald .baldlist .baldread a { color:#f94c85; text-decoration:underline; } #lossbald .baldlist .baldread a:hover { color:#333; text-decoration:none; } #malepattern .malecaused { border:1px dashed #666; margin:10px 0; padding:15px; } #malepattern .malecaused img, #femalepattern .femalecaused img { float:right; margin:0 0 20px 20px; border:2px solid #ccc; } #malepattern .malecaused h4, #malepattern .maleSymptoms h4, #malepattern .maleTreatment h4, #femalepattern .femalecaused h4, #femalepattern .femaleSymptoms h4, #femalepattern .femaleTreatment h4 { margin:0 0 5px 0; padding:2px 0 0 25px; font-size:16px; background:url(haircare/crown.gif) no-repeat; display:block} #malepattern .maleSymptoms, #malepattern .maleTreatment, #femalepattern .femaleSymptoms, #femalepattern .femaleTreatment { border:4px double #CCC; padding:15px; background-color:#fff; margin-top:10px; } #haircolor .colourAfter img { float:left; margin:0 20px 0 0; border:2px solid #ccc; display:inline-block } #haircolor .colourAfter h4 { margin:0 0 5px 0; padding:2px 0 0 25px; font-size:16px; display:block; color:#f94c85; }