html,body{margin:0;padding:0}
    body{background:#CBCBCB url('/images/personalSalon-mainBkg.gif'); background-attachment:fixed; color: #777; font-size: 15px; font-family: Arial, sans-serif}
    img {border: none; }
    form {margin:0}
    a, a:visited {text-decoration: none; color: #819A92;}
    a:hover{text-decoration: none; color:#CC7DA5;}
    a:active {outline:none;}
    :focus {-moz-outline-style:none;}
    .clearFloat{clear: both;}
    h1{margin: 0px; padding: 0px;}
    h1.mainHeader{font-size:30px; color: #A47299; margin:0; padding:0; padding-top:10px; }
    h1.mainHeader img.miniLogo{position:relative; top:3px; margin-right:5px;}
    h1.mainHeader span.tm {font-size:18px; position:relative; top:-10px; color: #E29DD3;}
    h2.mainHeader{font-size:14px; color: #888; margin:0; padding:0;}

    .securityNotice{background-color:yellow;color:black;padding: 4px;}
    .succMsgContent{font-size: 13px; color: green; padding: 4px; background: #f0fff0; border-style: solid; border-width: 1px; border-color: black}
    .errMsgContent{font-size: 13px; color: red; padding: 4px; background: #fffacd; border-style: solid; border-width: 1px; border-color: black}

    /* validation error message */   /* supply height to ensure consistent positioning for every browser */
    .validatorFormErrorMessage {height:15px; background-color:#FFFE36; border:1px solid #E1E16D; font-size:11px; color:#000; padding:3px 10px;}

    .orderNowButton{text-align:center; padding-top:10px;}
    .satisfactionSeal{margin-right:10px;}
    .orderNowSeal{margin-bottom:20px;}
    .guaranteeSeal{margin-left:10px;}

    .siteLinkCaptureImage{display:none;}

    .bodyContainer{margin: 0 auto 20px auto; width: 900px;}
    #mainContentContainer{background: #FFF; text-align: center;}

    div#header{width:900px; height:100px; overflow: hidden; background: white; margin:0px; padding:0px; border-top:2px solid #fff; border-bottom:2px solid #9D9D9D}

    .bodyContainer #topLinks{text-align:right; background:#E3E4EA; font-size:12px; border-top:2px solid #447019;}
    .bodyContainer #topLinks a{margin-right:20px; color:#775018; font-style:italic; font-weight:bold;}
    .bodyContainer #topLinks a:visited{color:#775018;}
    .bodyContainer #topLinks a:hover{color:#A47299;}

    .bodyContainer #bottomLinks{text-align:center; background:#E3E4EA; font-size:18px; border-top:2px solid #447019;}
    .bodyContainer #bottomLinks a{margin-right:20px; color:#775018; font-style:italic; font-weight:bold;}
    .bodyContainer #bottomLinks a:visited{color:#775018;}
    .bodyContainer #bottomLinks a:hover{color:#A47299;}


    /* http://www.dynamicdrive.com/style/csslibrary/item/solid_block_menu/ */
    ul.personalSalonMainMenu{
          margin: 0; padding: 0; font-size: 13px; font-weight: bold; float: left; width: 100%; overflow: hidden;
          margin-bottom: 0px; border: 0px solid #625e00; border-top: 1px dotted white;
          background: #A4C6BC url('/images/header/nav-background.jpg') repeat-x;}
    ul.personalSalonMainMenu li{display: inline;}
    ul.personalSalonMainMenu li a{float: left; background: #A4C6BC url('/images/header/nav-background.jpg') repeat-x; color: #FFF; padding: 7px 10px; border-right: 1px solid white; text-decoration: none; }
    ul.personalSalonMainMenu li a:visited{color: #FFF;}
    ul.personalSalonMainMenu li a:hover {color: #FFF; background: #DCB3BC;}
    ul.personalSalonMainMenu li.mainMenuCurrent a {background: #DCB3BC;}
    ul.personalSalonMainMenu li.mainMenuCurrent a:visited {background: #DCB3BC;}
    ul.personalSalonMainMenu li.mainMenuCurrent a:hover {background: #DCB3BC;}


    .personalSalonSubMenuEmpty{width: 100%; height:30px; font-size: 0px; background: #C1E8DD url('/images/header/navSub-background.jpg') repeat-x;}
    ul.personalSalonSubMenu{
          margin: 0; padding: 0; font-weight: bold; font-size: 13px; width: 100%; overflow: hidden;
          margin-bottom: 0px; border: 1px dotted #fff;
          background: #DCB3BC url('/images/header/navSub-pink-background.jpg') center center repeat-x;}
    ul.personalSalonSubMenu li{display: inline;}
    ul.personalSalonSubMenu li a{background: #DCB3BC url('/images/header/navSub-pink-background.jpg'); float: left; color: white; padding: 7px 15px; text-decoration: none; border-right: 1px dotted white;}
    ul.personalSalonSubMenu li a:visited{color: white;}
    ul.personalSalonSubMenu li a:hover {color: white; background: #DCB3BC;}
    ul.personalSalonSubMenu li.subMenuCurrent a {background: #E9BEC7;}
    ul.personalSalonSubMenu li.subMenuCurrent a:visited {background: #E9BEC7;}


    #footerMainMenu{margin:0px; padding:5px 0px; background-color:#eee;}
    #footerMainMenu ul{margin:0px; padding:0px; text-align:center;}
    #footerMainMenu ul li{display:inline; margin-left: 7px;}
    #footerMainMenu ul li a{color:#555; margin-left:5px;}
    #footerMainMenu ul li a:hover{color:#9EBEB3; font-weight:bold;}

    #footerSubMenu{margin: 0px; padding:5px 0px; background-color:#ddd;}
    #footerSubMenu ul{margin:0px; padding:0px; text-align:center;}
    #footerSubMenu ul li{display: inline; margin-left: 20px; }
    #footerSubMenu ul li a{color:#555; margin-left:7px;}
    #footerSubMenu ul li a:hover{color:#9EBEB3; font-weight:bold;}


    /* Products */
    .productsBodyContainer{}
    .XproductsBodyContainer h1{font-size: 30px; color: #FFB2EE; margin: 0px; padding-top: 20px; margin-bottom: 30px;}
    .XproductsBodyContainer h2{font-size: 25px; color: #FFB2EE; margin:0px; padding:0px;}

    .productsBodyContainer h2.mainHeader{margin-bottom:5px;}


    .productImageContainer{height: 200px; float: left; padding:0px 5px; margin: 0;}
    .productsBrowse{display: none;}

    .productImageCaption{border: 0px solid red; border-width: 0px; }
    .productsContainer{}
    .productsContainer H1{font-weight: bold; font-size: 18px; color: #FFB2EE;}
    .productContainer{text-align: left; width: 700px; margin: 0px auto;}
    .productDescription{padding: 5px; margin:20px; font-size: 12px; border: 3px solid #FFB2EE;}
    .productImage{float: left; margin:10px;}

    #shannonDornCredit{margin-top:30px;}
    

    /* Index */
    .contentBlueBackgroundContainer{margin: 0px auto; width: 900px; background: #0C9DD5 url('/images/index/background-gradient.jpg') repeat-x;}
    .contentBlueBackgroundContent{padding: 10px 0px; margin: 0px 15px;}

    div.eyeCatch{height: 250px; width: 900px; overflow: hidden;}

    .infoBoxesContainer{border: 0px solid black; margin-top: -3px;}
    .infoBoxesContainer .infoBoxSubContainer{width: 900px; height: 50px; float: left; margin: 0;}
    .infoBoxesContainer h1 {display: block; font-style:italic; color: #604439; height: 50px; font-size: 35px; padding: 0px; padding-top:5px; text-align:center; font-weight: bold; font-family: Arial, Tahoma, Helvetica, sans-serif;}
    .infoBoxesContainer h1 a{margin-left: 10px; font-size: 15px; color: #604439;}
    .infoBoxesContainer h1 a:visited{margin-left: 10px; font-size: 15px; color: #604439;}
    .infoBoxesContainer h1 a:hover{color: #3770B7;}

/*  #eyeCatchPlaceHolder{width: 900px; height: 180px;}*/

    .catchAttentionContainer{background: #FFF; border: 0px black solid; width: 80%; margin: 0 auto; margin-top: 15px; text-align: left; padding: 0;}
    .catchAttentionHeadline{font-size: 45px; color: #92AFA6; text-align: center; font-style:italic; font-weight: bold;}
    .catchAttentionContent{color: #916D4A; text-align: center; font-size: 26px;}
    .catchAttentionContent strong{font-weight: bold;}

    .tooltips {width:85%; margin:0 auto;}
    .tooltips .infoBoxSubContainer{text-align:left;}
    .tooltips .infoBoxSubContainer .description{display:none;}
    .tooltips .infoBoxSubContainer {float:left; width:33%;}
    .tooltips .infoBoxSubContainer h1{font-size:12px; font-weight:normal; margin:0px; padding:0px; cursor:help;}
    .tooltips .infoBoxSubContainer .description{width:300px; background:#FFF; border:2px solid #9EBEB3;}
    .tooltips .infoBoxSubContainer .description .header{margin:5px; background:#DCB3BC; color:#FFF; font-weight:bold; font-size:22px; padding:5px; text-align:center;}
    .tooltips .infoBoxSubContainer .description .content{margin:5px; margin-top:0px; padding:15px; padding-top:5px; background:#F8EFF0;}


    /* testimonials width: 870px; margin: 0 auto;  */
    .testimonialsBodyContainer { width: 820px; padding: 0 0 20px 0; margin: 0 auto; border: 0px solid orange;}
    .testimonialsBodyContainer h2.mainHeader{margin-bottom:10px;}

    .testimonialsBodyContainer .testimonialsScrollNavAndItems{float: left; width: 550px; margin-left: 10px; }

    .testimonialsBodyContainer .testimonialsScrollContainer{border: 0px solid green;}
    .testimonialsBodyContainer .testimonialsScrollItem{margin: 0px; margin-bottom: 10px;  text-align: left; padding: 0px 20px;}
    .testimonialsBodyContainer .testimonialsScrollItem .viewThis{font-size:12px; float:right; }
    .testimonialsBodyContainer .testimonialsScrollItemHeader{font-size: 22px; font-weight: bold; color: #F093C2; margin: 0px; padding: 0px;}
    .testimonialsBodyContainer .testimonialsScrollItemHeader{position:relative; padding:5px; padding-left:10px; background: #FFFC9C; border: 2px solid #FFB2EE;}
    .testimonialsBodyContainer .testimonialsScrollItemHeader .viewAll{position:absolute; top:0; right:10px; font-size:10px;}
    .testimonialsBodyContainer .testimonialsScrollItemContent{border: 2px solid #FFD7F3; border-top:0; color: #748B84; padding:10px;}

    .testimonialsBodyContainer .testimonialsScrollNavContainer{display: none;}
    .testimonialsBodyContainer .showAllTestimonialsLink{text-align: center; padding:10px;}
    
    .testimonialsBodyContainer .BeforeAfterImages{float: right;}
    .testimonialsBodyContainer .BeforeAfterImageAnimation{width:250px; border: 2px solid #DCB3BC; }
    .testimonialsBodyContainer .BeforeAfterImageAnimation img{width:250px; height: 250px;}
    .testimonialsBodyContainer .BeforeAfterImages .BeforeAfterImageAnimation img{margin-bottom:20px;}

    /* instructions */
    .instructionsBodyContainer{padding-bottom:20px;}
    .instructionsBodyContainer h1.mainHeader{}
    .instructionsBodyContainer h2.mainHeader{}

    .easyStepsImageSeparatorContainer{width:20px; float: left;}
    .easyStepsContainer {text-align:center; width:680px; margin:0 auto;}
    .easyStepsSubContainer{width:120px; height:113px; float: left; position:relative;}
    .easyStepsSubContainerContent{cursor:pointer;}
    .easyStepsSubContainerContentHOVER{background: #FEE1E6; border: 2px solid #D3BBBF; padding: 20px; margin-top: -30px; position:absolute; top:0px; right:-15px; z-index:1000;}
    .easyStepsSubContainerContentHOVER1{background: #C4B8F4; border: 2px solid #7A6E9F; padding: 20px; margin-top: -40px; position:absolute; top:0px; right:-15px; z-index:2000;}
    .easyStepsSubContainerContent .clickForDetails{background:#86B6FF; font-weight:bold; color:#FFF;}
    .easyStepsSubContainerContent .easyStepAction{background:#5A5075; font-size:11px; height:18px; overflow:hidden; font-weight:bold; color:#FFF}

    .easyStepsInfoContainer{}
    .easyStepsInfoSubContainer {display:none; text-align:left; min-height:200px; background: #FEE1E6; border: 2px solid #D3BBBF; margin-top:8px;}
    .instructionsBodyContainer .easyStepsInfoSubContainer div{}
    .instructionsBodyContainer .easyStepsInfoClose{float:right; cursor: pointer; font-weight:bold; font-size:20px; padding:2px; margin-right:0px; border: 1px solid #aaa; background:#BB3328; color:#FEE1E6; }
    .instructionsBodyContainer .easyStepsInfoCloseHOVER{background:#9384BF;}
    .instructionsBodyContainer .easyStepsImage{float: left; width: 200px; padding:10px; padding-top:30px;}
    .instructionsBodyContainer .easyStepsImage Img{border: 2px solid #aaa;}
    .instructionsBodyContainer .easyStepsImage .videoLink{text-align:center;}
    .instructionsBodyContainer .easyStepsContent h2{font-size:25px; color: #AAA; margin:5px; padding:0; }
    .instructionsBodyContainer .easyStepsContent h3{display:inline; font-size:15px;}
    .instructionsBodyContainer .easyStepsContent {float: left; width: 600px;}
    .instructionsBodyContainer .easyStepsContent ol{margin:0; list-style-type:upper-alpha;}
    .instructionsBodyContainer .easyStepsContent li{margin-bottom: 5px;}
    .instructionsBodyContainer .moreInfoNavigation a.orderNow{float:right; margin-top:20px; margin-bottom:20px; margin-right:30px; border:1px solid #aaa; border-top:0px; padding: 0 15px; background:#fff}
    .instructionsBodyContainer .moreInfoNavigation a.orderNow:hover{background: #A4C6BC; color:white; font-weight:bold;}

    .instructionsIconsContainer{margin: 0 auto; width:550px; padding-top: 30px;}
    .instructionsIconsContainer h2{display:none;}
    .instructionsIconsSubContainerHover{background: #FEE1E6; border: 2px solid #D3BBBF; margin-top: -10px;}
    .instructionsIconsClose{float:right; cursor: pointer; font-weight:bold; font-size:20px; padding:2px; margin-right:0px; border: 1px solid #aaa; background:#BB3328; color:#FEE1E6; }
    .instructionsIconsSubContainer{float: left; min-width:250px; padding: 10px; text-align:left;}
    .instructionsIconsSubContainerMenu{display: none; float:left; height: 300px; width:250px; overflow:auto;}
    .instructionsIconsSubContainerMain{float:left;}

    .userGuideBodyContainer{width: 800px; text-align: left; padding: 15px 60px;}

    .userGuideTableOfContents {}
    .userGuideTableOfContents h3{margin:0px; padding:0px;}
    .userGuideTableOfContents ul{text-align:left; margin:0;}
    .userGuideTableOfContents .current{font-weight: bold; color: #a04;}
    .userGuideTableOfContents .current:visited{font-weight: bold; color: #a04;}

    .userGuideToc{width:240px; border: 2px solid pink; padding:10px; margin:10px; background:#fee;}
    .userGuideTocTop{float:right;}
    .userGuideTocBottom{float:left; margin-left: 100px; margin-top: 40px; margin-bottom:40px;}


    /* Video */
    .videoBodyContainer {margin-left: 50px;}
    .videoBodyContainer h2.mainHeader{margin-bottom:5px;}
    .videoPlayerContainer{float: left; width: 430px; height: 370px;}
    .videoPlayerContainer a, .videoPlayerContainer a:visited {text-decoration: none; color: #F093C2; font-weight:bold;}
    .videoPlayerContainer a:hover{text-decoration: none; color:#A0C0B6;}
    .videoPlayerContainer #videoPlayerDownloadLink{font-size:10px;}

    .videoClipsContainer{float: left; width: 360px; height: 350px; overflow-y: auto; margin-left: 10px;}

    xa.videoClip{display: block; text-align: left; border: 2px solid #9EBEB3;  background: #B2D6CB; padding: 5px; margin: 0px; margin-bottom: 5px; color: #FFF;}
    xa.videoClip:visited{background: #9EBEB3; color: #FFF;}
    xa.videoClip:hover{background: #CDF7E9; color: #aaa;}
    xa.videoClip img{float: left; width: 100px; margin:0px; margin-right: 5px; border: 1px solid #CAF3E7; cursor: pointer; cursor: hand; }
    xa.videoClip .videoDescriptionContainer{float: left; width: 200px; cursor: pointer; cursor: hand; }
    xa.videoClip .videoDescriptionContainer strong{color: #455491; }

    div.videoClip{border: 2px solid #9EBEB3;  background: #9EBEB3; text-align: left; padding: 5px; margin: 5px; margin-top:0;}
    div.videoClip a{color: #FFF;}
    div.videoClip a img{float: left; width: 100px; margin:0px; margin-right: 5px; border: 1px solid #CAF3E7;}
    div.videoClip a strong{color: #52635D;}

    div.videoClip.thisHover{background: #DCB3BC; border-color: #885F7F; cursor: pointer;}
    div.videoClip a.thisHover{color: #FFF;}
    div.videoClip a img.thisHover{border: 3px solid #FFF;}
    div.videoClip a strong.thisHover{color: #6C4B65;}


    a.videoThumbCoupon{display: block; border:2px dashed #aaa;}
    a.videoThumbCoupon:hover{border:2px dashed #2FA04C;}


    /* Contact us */
    /*input[type="text"] */
    .contactUsBodyContainer{padding: 20px; padding-top:0px; background: url('/images/contactUs/hand-flower-fingernails.jpg') no-repeat top right;}
    .contactUsBodyContainer h1.mainHeader{text-align:left;}
    .contactUsBodyContainer h2.mainHeader{text-align:left; margin-bottom:15px;}

    .contactUsMessage {width:500px; float:left; text-align:left; padding-right:20px;}
    .contactUsMessage img.contactUsImage{float:left; width:150px; margin:5px; margin-right:10px; border: 1px solid pink;}
    .contactUsFormContainer{width:300px; float:left;}
    #contactUsForm {text-align:left;}
    #contactUsForm input[type="text"] {width: 75%; border:1px solid #A47299;}
    #contactUsForm textarea {width: 100%; height:100px; border:1px solid #A47299;}

    
    /*order*/
    .orderBodyContainer {padding: 5px;}
    .orderBodyContainer .sserddaLiame {text-align: center; background:#f6f6f6; border:3px solid #3e94dc; font-size:18px; margin:0px; padding:5px; width:270px; color: #A1C2B8; font-weight: bold;}
    .orderBodyContainer .orderMessage{text-align: left; margin: 0px auto; color: #92CCA0; padding: 80px; padding-top: 30px;}
    .orderBodyContainer .orderFormMessage{position:relative; width: 340px; float:left; padding-left: 20px; text-align:center; margin: 0px auto; font-weight: bold; color: #569FDC;}
    .orderBodyContainer .orderEmailLogoImg{padding-right: 10px; padding-bottom: 5px; float: left;}
    .orderBodyContainer .couponBorder{border:3px dashed #A47299; padding:10px;}
    .orderBodyContainer .orderAdImage{float:left; margin-left:20px; margin-top:10px;}

    /* faq */
    .faqBodyContainer{margin-left: 60px; margin-right:40px; text-align: left;}
    .faqBodyContainer h2{margin-bottom: 20px; margin-left:30px;}
    .faqBodyContainer img.faqHands{float: right; margin-top:20px;}
    .faqNoteAnswer{color: #616371; border-left: 2px dotted #A0C0B6; padding-left: 5px; margin: 2px 10px 5px 20px;}

    /* Compare */
    .compareBC{position:relative;}
    .compareBC h1.mainHeader{}
    .compareBC h2.mainHeader{margin-bottom:5px;}

    .compareBC .widthCenter{width: 600px;  margin: 0px auto; padding: 0px; border: 2px dotted #A47299;}
    .compareBC .background1{background: url(/images/compare/backgound-hands.jpg); background-position: top right; background-repeat: no-repeat;}
    .compareBC .background2{background: url(/images/compare/backgound-hands2.jpg); background-position: bottom right; background-repeat: no-repeat;}

    .compareBC table.comparisonChart {padding:10px;}
    .compareBC table.comparisonChart tr{text-align: center; color: #A47299;}
    .compareBC table.comparisonChart tr.thisHover{background: #FFDCE5; cursor:help;}
    .compareBC table.comparisonChart tr.attributeColumns{color: #999;}
    .compareBC table.comparisonChart tr td.attributeHeader{vertical-align: bottom;}
    .compareBC table.comparisonChart tr td.attributeHeader h3{text-align: left; font-weight: bold; font-size: 26px; color: #D795C9; margin:0; padding:0; padding-right: 20px;}
    .compareBC table.comparisonChart tr td.attributeName{text-align: left; color: #606060; font-style: italic;}
    .compareBC table.comparisonChart tr td.attributeName h4{text-align: left; color: #606060; font-style: italic; font-weight:normal; font-size:14px; padding:0; margin:0;}
    .compareBC table.comparisonChart tr td.attributeName h4.thisHover{font-weight:bold;}

    .compareBC table.comparisonChart tr td.attributeName div.description{display:none; width:400px; background:#FFF; border:2px solid #9EBEB3;}
    .compareBC table.comparisonChart tr td.attributeName div.description div.header{margin:5px; background:#DCB3BC; color:#FFF; font-weight:bold; font-size:22px; padding:5px; text-align:center;}
    .compareBC table.comparisonChart tr td.attributeName div.description div.content{font-style:normal; margin:5px; margin-top:0px; padding:15px; padding-top:5px; background:#F8EFF0;}

    .compareBC .hoverIndicator {position: absolute; display:none;}
    
    
    /* Search */
    .searchTerms{font-size: 16px; width: 700px; padding: 20px; padding-bottom: 0px; text-align: left;}
    .searchTerms strong {color: red;}
    .searchResult{border: 0px solid blue; width: 700px; padding: 5px; margin: 20px; text-align: left;}
    .searchTitle a {font-size: 18px; color: blue;}
    .searchTitle a strong {color: red;}
    .searchTitle a:hover {text-decoration: underline;}
    .searchContent strong{color: red;}
    .searchLink{color: #093; font-size: 12px;}
    .searchFormContainer{padding-top: 20px;}
    .searchFormContainer *.q {color: #D7095D; border:2px solid #D7095D; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; font-size:20px; padding:5px; width:270px}

    /* popup video */
    #footerExtras #overlayVideo{position: relative; display:none; border:2px solid black;}
    #footerExtras #overlayVideo #overlayVideoPlayer {width:425px; height:344px;}
    #footerExtras #overlayVideo .close{position:absolute; width: 20px; height:20px; top:-20px; right:-20px; cursor: pointer; background:url('/images/instructions/videoClose.png');}

    
    div.bottomPromoLink{text-align:center; padding: 30px 0; border: 0px solid red;}
    div.bottomPromoLink h1{font-size: 40px; color: #999; padding: 0px; margin: 0px; font-weight: bold;}
    div.bottomPromoLink h1 span.tm{font-size:18px; position:relative; top:-15px;}
    div.bottomPromoLink h2{font-size: 18px; color: #FFB2EE; padding: 0px; margin: 0px; font-weight: bold;}
    div.bottomPromoLink a{font-size:20px; text-decoration: underline;}
    div.bottomPromoLink a span.tm{font-size:12px; position:relative; top:-5px;}

    /* Footer */
    .footerContainer{text-align:right; padding-right: 20px; color: #FFF; background: #DCB3BC; border-top: 3px solid #CFA061;}