body { margin:0px; background-color:#fff; height:100% }
html { height:100% }
#PageDiv { position:relative; min-height:100% }
#BrowserBackground { width:100%; background-color:#fff }
#HeaderBar { height:620px; clear:both; padding:20px 20px 0px; background-color:#1d1d1d }
#TopHeaderContent { width:960px; height:850px; margin-left:auto; margin-right:auto }
#PuritySerenityHairLogoNew { left:9px; top:0px; width:143px; height:116px; float:left; margin-left:9px; margin-bottom:30px }
#WSHairNumber { min-height:18px; z-index:0; float:right }
#PurityNumber { width:387px; min-height:18px; z-index:0; float:right }
#TopMenu { width:960px; z-index:9999; margin-left:auto; margin-right:auto; height:auto; overflow:visible; position:relative }
#GalleryHeaderImage { left:0px; top:520px; width:960px; height:350px; overflow:hidden }
#PageContent { width:964px; z-index:0; clear:both; margin-left:auto; margin-right:auto; background-color:#fff; overflow:hidden }
#PageTitle { width:960px; z-index:0; float:left; clear:both; margin-top:38px; margin-right:4px }
#TopDivider { width:960px; min-height:4px; z-index:0; margin-top:15px; background-color:#e2e2e2; overflow:hidden }
#iStock000020040315LargeEditedRecolouredBlack { left:0px; top:161px; width:964px; height:703px; margin-bottom:92px; overflow:hidden }
#FooterBar { height:235px; z-index:0; clear:both; background-color:#1d1d1d }
#item3 { width:100%; min-height:1px; z-index:0; float:left; clear:both; margin-top:3px; background-color:#fff }
#FooterContent { width:960px; min-height:210px; z-index:0; margin-left:auto; margin-right:auto }
#ESPAFooterLogo { left:0px; top:38px; width:109px; height:106px; float:left; margin-top:38px; margin-right:10px }
#PurityInfo { width:84px; min-height:16px; z-index:0; float:left; margin-left:20px; margin-top:10px }
#PurityInfoMenu { width:120px; min-height:96px; z-index:0; float:left; margin-top:10px; height:auto; overflow:visible; position:relative }
#FooterDivider1 { width:1px; min-height:136px; z-index:0; float:left; margin-left:20px; background-color:#808080 }
#TopBrands { width:89px; min-height:16px; z-index:0; float:left; margin-left:25px; margin-top:10px }
#TopBeautyBrandsContainer { width:140px; z-index:0; float:left; margin-left:5px; margin-top:10px }
#Beauty { width:105px; min-height:16px; z-index:0; float:left; clear:both; margin-left:10px }
#BeautyFooterMenu { min-height:70px; z-index:0; float:left; clear:both; height:auto; overflow:visible; position:relative }
#TopHairBrandsContainer { width:95px; min-height:100px; z-index:0; float:left; margin-top:10px }
#Hair { width:73px; min-height:16px; z-index:0; float:left; clear:both; margin-left:10px }
#HairFooterMenu { width:95px; min-height:96px; z-index:0; float:left; clear:both; height:auto; overflow:visible; position:relative }
#FooterDivider2 { width:1px; min-height:136px; z-index:0; float:left; margin-left:5px; background-color:#808080 }
#SocialMediaContainer { width:76px; min-height:104px; z-index:0; float:left; margin-left:5px; margin-top:10px }
#SocialMedia { width:50px; min-height:16px; z-index:0; float:left; clear:both; margin-left:10px }
#FacebookLogo { left:10px; top:33px; width:32px; height:32px; float:left; clear:both; margin-left:10px; margin-top:5px }
#FooterCopyright { width:960px; min-height:16px; z-index:0; float:left; clear:both; margin-top:15px }
#item2 { position:absolute; left:30.59%; top:52.81%; width:538px; height:400px; z-index:1 }
.fwNavContainer1 { float:right; position:relative; right:50% }
#fwNav1 { position:relative; display:block; left:50%; padding:0; margin:0; list-style:none }
#fwNav1 .fwNavItem { width:auto; position:relative; float:left; margin:0; padding:0; border-right:1px solid #303030; border-top:0; border-bottom:0; border-left:0 }
#fwNav1 .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; background:#5E6162; padding:7px 10px 13px 10px }
#fwNav1 .fwFirstChild { border-left:0 }
#fwNav1 .fwLastChild { border-right:0 }
#fwNav1 .fwNavItem:hover > span a, #fwNav1 .fwNavItem:hover > a { color:#FFFFFF; text-decoration:none; background:#959595 }
#fwNav1 .fwNavItem a:hover, #fwNav1 .fwNavItem span a:hover, #fwNav1 .fwNavItem a:focus { color:#FFFFFF; text-decoration:none; background:#959595 }
#fwNav1 .fwNavItem a:active { color:#FFFFFF; text-decoration:none; background:#959595 }
#fwNav1-toggle, .fwNav1-toggle-label { display:none }
.fwNav1-toggle-label { width:30px; height:30px; overflow:hidden; background-repeat:no-repeat; background-size:100%; margin-left:auto; margin-right:auto }
#fwNav1 * .sub { visibility:hidden; position:absolute; left:-0; float:left; padding:0; margin:0; list-style:none; z-index:1 }
#fwNav1 .sub * .sub { top:-0 }
#fwNav1 .fwNavItem .sub .fwNavItem { display:block; margin:0; padding:0; left:0; width:11em; border-left:0; border-right:0; border-bottom:1px solid #303030; border-top:0 }
#fwNav1 * * * .sub { left:100%; top:0 }
#fwNav1 .fwNavItem .sub .fwNavItem a { display:block; color:#FFFFFF; text-decoration:none; background:#5E6162; padding:7px 10px 13px 10px }
#fwNav1 .fwNavItem .sub .fwFirstChild { border-top:0 }
#fwNav1 .fwNavItem .sub .fwLastChild { border-bottom:0 }
#fwNav1 .fwNavItem .sub .fwNavItem:hover > span a, #fwNav1 .fwNavItem .sub .fwNavItem:hover > a { color:#FFFFFF; text-decoration:none; background:#959595 }
#fwNav1 .fwNavItem .sub .fwNavItem a:hover, #fwNav1 .fwNavItem .sub .fwNavItem span a:hover, #fwNav1 .fwNavItem .sub .fwNavItem a:focus { color:#FFFFFF; text-decoration:none; background:#959595 }
#fwNav1 .fwNavItem .sub .fwNavItem a:active { color:#FFFFFF; text-decoration:none; background:#959595 }
#fwNav1 :hover > .sub { visibility:visible }
#fwNav2 { float:left; padding:0; margin:0; list-style:none }
#fwNav2 .fwNavItem { position:relative; width:9em; *vertical-align:bottom; margin:0; padding:0; box-sizing:border-box; border-left:0; border-right:0 }
#fwNav2 .fwNavItem a { display:block; color:#C8C8C8; text-decoration:none; padding:0px 10px 0px 10px }
#fwNav2 .fwFirstChild { border-top:0 }
#fwNav2 .fwLastChild { border-bottom:0 }
#fwNav2 .fwNavItem a:hover, #fwNav2 .fwNavItem span a:hover, #fwNav2 .fwNavItem a:focus { color:#FFFFFF; text-decoration:none }
#fwNav2 .fwNavItem a:active { text-decoration:none }
#fwNav2-toggle, .fwNav2-toggle-label { display:none }
.fwNav2-toggle-label { width:30px; height:30px; overflow:hidden; background-repeat:no-repeat; background-size:100% }
#fwNav3 { float:left; padding:0; margin:0; list-style:none }
#fwNav3 .fwNavItem { position:relative; width:10em; *vertical-align:bottom; margin:0; padding:0; box-sizing:border-box; border-left:0; border-right:0 }
#fwNav3 .fwNavItem a { display:block; color:#C8C8C8; text-decoration:none; padding:0px 10px 0px 10px }
#fwNav3 .fwFirstChild { border-top:0 }
#fwNav3 .fwLastChild { border-bottom:0 }
#fwNav3 .fwNavItem a:hover, #fwNav3 .fwNavItem span a:hover, #fwNav3 .fwNavItem a:focus { color:#FFFFFF; text-decoration:none }
#fwNav3 .fwNavItem a:active { text-decoration:none }
#fwNav3-toggle, .fwNav3-toggle-label { display:none }
.fwNav3-toggle-label { width:30px; height:30px; overflow:hidden; background-repeat:no-repeat; background-size:100% }
#fwNav4 { float:left; padding:0; margin:0; list-style:none }
#fwNav4 .fwNavItem { position:relative; width:8em; *vertical-align:bottom; margin:0; padding:0; box-sizing:border-box; border-left:0; border-right:0 }
#fwNav4 .fwNavItem a { display:block; color:#C8C8C8; text-decoration:none; padding:0px 10px 0px 10px }
#fwNav4 .fwFirstChild { border-top:0 }
#fwNav4 .fwLastChild { border-bottom:0 }
#fwNav4 .fwNavItem a:hover, #fwNav4 .fwNavItem span a:hover, #fwNav4 .fwNavItem a:focus { color:#FFFFFF; text-decoration:none }
#fwNav4 .fwNavItem a:active { text-decoration:none }
#fwNav4-toggle, .fwNav4-toggle-label { display:none }
.fwNav4-toggle-label { width:30px; height:30px; overflow:hidden; background-repeat:no-repeat; background-size:100% }