@charset "utf-8";
/* CSS Document */
/**** Clear Global Style ****/
html, body {
	background:none;
	height:100%;
}
.wrapper {
	position:static;
}
#header {
	margin:0;
	padding:0;
	height:auto;
}
#header .content {
	min-height:0;
	background:none;
}
#productsMenu {
	margin:0;
	padding:0;
	height:0;
	overflow:hidden;
	background:none;
}
#js #core {
	margin:0;
	padding:0;
}
#core {
	position:static;
	padding:0;
	margin:0;
	height:auto;
	min-height:455px;
	background:none;
}
#footer {
	margin:0;
	padding:0;
	height:auto;
}
/**** Clear Global Style ****/
#beautyAdvisor {
	color:#666;
}
#beautyAdvisor a {
	color:#666;
}
.beautyAdvisorContainer {
	position:relative;
	width:944px;
	border:3px solid #85145f;
	background:#b84f8b;
}
.beautyAdvisorShadow {
	font-size:0;
	width:950px;
	height:7px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	background:url(/img/beautyAdvisor/bg/ba-container-shadow.png) no-repeat;
}
#beautyAdvisor .innerBg {
	width:923px;
	min-height:455px;
	background:#fff url(/img/beautyAdvisor/bg/ba-main-bg.jpg) top left no-repeat;
}
.sectionOff {
	position:absolute;
	left:-9999px;
	top:-9999px
}
.sectionOn {
	position:static;
}
.baCommonTitle {
	padding-left:174px;
	padding-top:8px;
}
.baCommonText {
	margin:0;
	padding:0;
	clear:both;
}
.baMainContainer {
	padding-left:231px;
	padding-right:5px
}
#products, #medias {
	position:relative;
	width:685px;
}
#products .scrollBar, #medias .scrollBar {
	position:absolute;
	left:200px;
	top:20px;
	width:460px;
	height:11px;
	background:url("/img/common/bg/scrollBarGutterHorizontal.gif") repeat-x scroll 0 0 transparent;
	overflow:hidden;
}
#products .scrollBar .face, #medias .scrollBar .face {
	position:absolute;
	left:0;
	height:9px;
	background:url("/img/common/bg/scrollBarFaceHorizontal.gif") no-repeat scroll 50% 0 #A97D35;
	border:1px solid #B48F49;
}
#baFeature #products, #baFeature #medias {
	padding-top:20px;
}
#baFeature #medias {
	margin-top:15px;
}
#baFeature #products .scrollBar, #baFeature #medias .scrollBar {
	top:0px;
}
/* Beaury Advisor == Navigation */
#beautyAdvisorMenu {
	position:absolute;
	width:138px;
	left:0;
	top:0;
	margin:0;
	padding:0;
}
#beautyAdvisorMenu li a {
	display:block;
	height:42px;
	overflow:hidden;
	background-image:url(/img/l10n/beautyAdvisor/nav/ba-nav.gif);
	background-repeat:no-repeat;
	text-indent:-1000em;
}
#navNeeds a {
	background-position:0 0;
}
#navFeature a {
	background-position:0 -42px;
}
#navExpert a {
	background-position:0 -84px;
}
#navDiag a {
	background-position:0 -126px;
}
#navMyLoreal a {
	background-position:0 -168px;
}
#navNeeds a:hover, #navNeeds.selected a {
	background-position:-150px 0;
}
#navFeature a:hover, #navFeature.selected a {
	background-position:-150px -42px;
}
#navExpert a:hover, #navExpert.selected a {
	background-position:-150px -84px;
}
#navDiag a:hover, #navDiag.selected a {
	background-position:-150px -126px;
}
#navMyLoreal a:hover, #navMyLoreal.selected a {
	background-position:-150px -168px;
}
/* Beaury Advisor == Button Close*/
#baButton {
	position:absolute;
	right:6px;
	top:10px;
}
#baButton a {
	display:block;
	width:25px;
	height:23px;
	overflow:hidden;
	background:url(/img/beautyAdvisor/bg/ba-icon-close.gif) no-repeat;
	text-indent:-1000em;
}
/* Beauty Advisor == Section Inner*/
#baNeedsFilter {
	height:455px;
	background:url(/img/beautyAdvisor/bg/ba-needs-bg.jpg) right bottom no-repeat;
}
#baNeedsResult {
	height:455px;
}
#baUserInterface {
	height:455px;
}
#baDiagIndex {
	height:455px;
	background:url(/img/beautyAdvisor/bg/ba-needs-bg.jpg) right bottom no-repeat;
}
#baDiagMen, #baDiagMenResult {
	height:455px;
	background:url(/img/beautyAdvisor/bg/ba-diag-men-bg.jpg) right bottom no-repeat;
}
#baDiagHairCare {
	height:455px;
	background:url(/img/beautyAdvisor/bg/ba-diag-haircare-bg.png) right bottom no-repeat;
}
#baDiagHairColor {
	height:455px;
	background:url(/img/beautyAdvisor/bg/ba-diag-haricolor-bg.jpg) right bottom no-repeat;
}
#baDiagHairColorResult {
	height:455px;
}
#baDiagSkinCare {
	height:455px;
	background:url(/img/beautyAdvisor/bg/ba-diag-skincare-bg.jpg) right bottom no-repeat;
}
#baDiagSkinCareResult {
	height:455px;
	background:url(/img/beautyAdvisor/bg/ba-diag-skincare-result-bg.jpg) right bottom no-repeat;
}
#baExpertIndex {
	height:455px;
}
#baFeatureFilter {
	height:455px;
}
/* Beauty Advisor == Needs Filter*/
#baNeedsFilter h1 {
	margin:0;
	padding:0;
}
#baNeedsResult h1 {
	margin:0;
	padding:0;
	padding-top:7px;
	padding-bottom:18px;
}
#baNeedsResult h1.baNeedsLoginTitle {
	margin:0;
	padding:0;
	margin-top:12px;
}
#baNeedsResult h1 img {
	vertical-align:middle;
}
#baNeedsResult h1 span {
	font-size:14px;
	color:#9A7F36;
	font-weight:normal;
	vertical-align:middle;
}
.filterContainer {
	margin-top:70px;
}
.needsProResult ul, #needsVidResult ul {
	margin:0;
	padding:0;
	overflow:hidden;
}
.needsProResult ul li {
	width:220px;
	margin-right:8px;
	height:105px;
	float:left;
}
.needsProResult ul li .visual {
	width:79px;
	float:left;
}
.needsProResult ul li .visual img {
	width:59px;
	height:59px;
}
.needsProResult ul li .content {
	width:140px;
	float:left;
}
.needsProResult ul li .content h3 {
	margin:0;
	padding:0;
	clear:both;
	font-size:12px;
	font-weight:normal;
}
#beautyAdvisor .needsProResult ul li .content p {
	margin:0;
	padding:0;
	float:left;
}
#beautyAdvisor .needsProResult ul li .content p.btn a {
	display:block;
	width:71px;
	height:25px;
	overflow:hidden;
	margin:0;
	padding:0;
	border:none;
	background:url(/img/l10n/btn/addToCart.png) no-repeat;
	text-indent:-1000em;
	cursor:pointer;
}
.needsProResult ul li .content p.btn a:hover {
	background:none;
}
.needsProResult ul li .price {
	margin-top:5px;
	margin-right:5px;
	color:#9a7f36;
	font-size:14px;
	font-weight:700;
}
.needsProResult ul li .starScore {
	clear:both;
	height:10px;
	font-size:0;
	overflow:hidden;
}
.needsProResult ul li .starScore span {
	width:45px;
	height:50px;
	display:block;
	background:url(/img/common/picto/product-icon-star.png) no-repeat;
	text-indent:-1000em;
}
.star0 {
	margin-top:10px;
}
.star1 {
	margin-top:-40px;
}
.star2 {
	margin-top:-30px;
}
.star3 {
	margin-top:-20px;
}
.star4 {
	margin-top:-10px;
}
.star5 {
	margin-top:0;
}
.needsProResult ul li .comments {
	clear:both;
	color:#b69031;
}
.needsProResult ul li .bzContent {
	height:35px;
	margin-top:5px;
}
#needsVidResult ul li {
	float:left;
	width:330px;
	height:100px;
}
#needsVidResult ul li .visual {
	width:152px;
	height:82px;
	float:left;
	margin-right:12px;
	overflow:hidden;
}
#needsVidResult ul li .visual a {
	dispaly:block;
	width:152px;
	height:82px;
	position:absolute;
}
#needsVidResult ul li .visual a img {
	width:140px;
	height:70px;
	padding:6px;
	background:#e3e3e3;
}
#needsVidResult ul li .visual a span.video {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:6px;
	top:6px;
	background:url(/img/experts/bg/icon-video.png) no-repeat;/*background:url(/img/beautyAdvisor/bg/ba-needs-video-mask.png) no-repeat;*/
}
#needsVidResult ul li .content {
	width:126px;
	float:left;
}
#needsVidResult ul li .content p {
	margin:0;
}
#baNeedsLoginAdvice {
	position:absolute;
	width:240px;
	padding:6px;
	top:6px;
	right:35px;
	border:1px solid #eeddb5;
}
#baUserLogin p {
	margin:5px 0;
	padding:0;
	overflow:hidden;
}
#baUserLogin p .splite {
	display:block;
}
#baUserLogin p a {
	position:absolute;
	right:6px;
	top:8px;
	display:block;
	width:76px;
	height:23px;
	overflow:hidden;
	background:url(/img/l10n/beautyAdvisor/btn/ba-myloreal-register.png) no-repeat;
	text-indent:-1000em;
}
#needsProResult {
	width:660px;
	height:105px;
	overflow:hidden;
	position:relative;
}
#needsProResult .scrollContent, #needsProResult .scrollNone {
	width:660px;
}
#needsProResult .scrollBar {
	right:0px;
	height:105px;
}
#needsVidResult {
	width:660px;
	height:100px;
	overflow:hidden;
	position:relative;
}
#needsVidResult .scrollContent, #needsVidResult .scrollNone {
	width:660px;
}
#needsVidResult .scrollBar {
	right:0px;
	height:100px;
}
/* Beauty Advisor == My Loreal*/
.baUserMain {
	width:627px;
	margin-top:10px;
	padding:8px 0;
	overflow:hidden;
	background:url(/img/beautyAdvisor/bg/ba-myloreal-dash-line.gif) 248px 0 repeat-y;
}
.baUserMain p {
	margin:7px 0;
	padding:0;
}
.baUserMain p.error {
	padding-left:15px
}
.baUserMain ul {
	margin:12px 0;
	padding:0;
}
#baUserLoginForm {
	width:240px;
	float:left;
}
#baUserLoginForm .text {
	margin:12px 0;
	overflow:hidden;
}
#baUserLoginForm .text label {
	display:block;
	width:68px;
	float:left;
	padding-top:3px;
}
#baUserLoginForm .text input {
	float:left;
}
#baUserLoginForm .actions {
	margin-left:68px;
}
#baUserLoginForm .actions a {
	color:#b59030;
}
.baUserLoginButton {
	display:block;
	width:67px;
	height:23px;
	margin-top:5px;
	overflow:hidden;
	text-indent:-1000em;
	background:url(/img/l10n/beautyAdvisor/btn/ba-myloreal-btn-login.png) no-repeat;
}
.baUserRegButton {
	display:block;
	width:67px;
	height:23px;
	margin-top:5px;
	overflow:hidden;
	text-indent:-1000em;
	background:url(/img/l10n/beautyAdvisor/btn/ba-myloreal-btn-register.png) no-repeat;
}
#baUserRegister {
	width:358px;
	float:right;
}
#baUserRegister .actions {
	width:100%;
	clear:both;
}
#baUserRegister ul {
	float:left;
}
#baUserRegister ul li {
	margin:2px 0;
	width:358px;
	float:left;
	line-height:16px;
	background:#e6e6e6 url(/img/beautyAdvisor/bg/ba-myloreal-vCorner.gif) -400px 10px no-repeat;
}
.courtesyVTop {
	display:block;
	background:url(/img/beautyAdvisor/bg/ba-myloreal-vCorner.gif) 0px 0px no-repeat;
}
.courtesyVBottom {
	display:block;
	padding:4px 22px;
	background:url(/img/beautyAdvisor/bg/ba-myloreal-vCorner.gif) -800px 100% no-repeat;
}
/* Beauty Advisor == Diagnostic */
#baDiagIndex h1 {
	margin:0;
	padding:0;
	margin-top:10px;
	margin-bottom:2px;
}
#baDiagMen h1 {
	margin:0;
	padding:0;
}
#baDiagMenResult h1 {
	margin:12px 0 5px;
	padding:0;
}
#baDiagIndex .baCommonText {
	width:400px;
}
#baDiagMenResult .baCommonText {
	width:400px;
	margin-bottom:20px;
}
#baDiagList {
	width:700px;
	margin-top:37px;
	margin-left:29px;
	overflow:hidden;
}
#baDiagList li {
	float:left;
	width:200px;
	height:80px;
	margin:0 7px 7px 0;
	position:relative;
}
#baDiagList li .content {
	position:absolute;
	top:57px;
	left:12px;
}
#baDiagList li p {
	margin:0;
	padding:0;
	float:left;
	margin-right:5px;
}
#baDiagList .btn a {
	display:block;
	width:55px;
	height:15px;
	overflow:hidden;
	margin:0;
	padding:0;
	border:none;
	background:none;
	text-indent:-1000em;
	cursor:pointer;
}
#baDiagList .btn a:hover {
	background:none;
}
#baDiagList .start a, #baDiagList .start a:hover {
	background:url(/img/l10n/beautyAdvisor/btn/diag/btn-diag-start.png) no-repeat;
}
#baDiagList .restart a, #baDiagList .restart a:hover {
	display:none;
	background:url(/img/l10n/beautyAdvisor/btn/diag/btn-diag-again.png) no-repeat;
}
#baDiagList .result a, #baDiagList .result a:hover {
	display:none;
	background:url(/img/l10n/beautyAdvisor/btn/diag/btn-diag-result.png) no-repeat;
}
#baDiagList .done .start a, #baDiagList .done .start a:hover {
	display:none;
}
#baDiagList .done .restart a, #baDiagList .done .restart a:hover {
	display:block;
}
#baDiagList .done .result a, #baDiagList .done .result a:hover {
	display:block;
}
#baDiagMenResult .needsProResult ul {
	width:240px;
}
#baDiagMenResult .actions {
	margin-top:15px;
	overflow:hidden;
}
#diagMenProResult {
	width:300px;
	height:210px;
	overflow:hidden;
	position:relative;
}
#diagMenProResult .scrollContent, #diagMenProResult .scrollNone {
	width:280px;
}
#diagMenProResult .scrollBar {
	right:0px;
	height:210px;
}
.diagBtnRecommence {
	display:block;
	float:left;
	margin-right:30px;
	width:81px;
	height:25px;
	background:url(/img/l10n/beautyAdvisor/btn/diag/btn-diag-recommence.png) no-repeat;
	text-indent:-1000em;
}
.digaBtnOhterDiag {
	display:block;
	float:left;
	width:81px;
	height:25px;
	background:url(/img/l10n/beautyAdvisor/btn/diag/btn-other-diag.png) no-repeat;
	text-indent:-1000em;
}
/* Beauty Advisor == Diagnostic Men */
#baDiagMen #main {
	width:405px;
	margin-left:231px;
	margin-top:15px;
}
#baDiagMen #diagForm {
	height:185px;
}
#diagForm ul img.error {
	display:none;
}
#baDiagMen #main .radioGroup {
	margin:0;
	padding:0;
}
#baDiagMen #main .radioGroup li {
	float:none;
	width:120px;
	margin-left:5px;
	margin-top:10px;
	overflow:hidden;
}
#baDiagMen #pagination {
	float:right;
}
#baDiagMen .btn {
	margin:0;
	padding:0;
	float:left;
}
#baDiagMen .btn a {
	display:block;
	margin:0 25px 0 0;
	padding:0;
	border:none;
	width:76px;
	height:24px;
	text-indent:-1000em;
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-back.png) no-repeat;
}
#baDiagMen .btn a:hover {
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-back.png) no-repeat;
}
#baDiagMen .next a {
	display:block;
	margin:0;
	padding:0;
	border:none;
	width:76px;
	height:24px;
	text-indent:-1000em;
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-next.png) no-repeat;
}
#baDiagMen .next a:hover {
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-next.png) no-repeat;
}
#baDiagMen legend {
	overflow:hidden;
}
#baDiagMen legend span {
	display:block;
	float:left;
	line-height:24px;
	font-size:14px;
	margin-right:6px;
}
#diagMenStep1 .stepNumber {
	display:block;
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-1.png) no-repeat;
}
#diagMenStep2 .stepNumber {
	display:block;
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-2.png) no-repeat;
}
#diagMenStep3 .stepNumber {
	display:block;
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-3.png) no-repeat;
}
#diagMenStep4 .stepNumber {
	display:block;
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-4.png) no-repeat;
}
#diagMenStep5 .stepNumber {
	display:block;
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-5.png) no-repeat;
}
#diagMenStep6 .stepNumber {
	display:block;
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-6.png) no-repeat;
}
#diagMenStep1 #diagForm {
	background:url(/img/beautyAdvisor/bg/diag/men/ba-diag-men-step1.jpg) 100% 24px no-repeat;
}
#diagMenStep2 #diagForm {
	background:url(/img/beautyAdvisor/bg/diag/men/ba-diag-men-step2.jpg) 100% 24px no-repeat;
}
#diagMenStep3 #diagForm {
	background:url(/img/beautyAdvisor/bg/diag/men/ba-diag-men-step3.jpg) 100% 24px no-repeat;
}
#diagMenStep4 #diagForm {
	background:url(/img/beautyAdvisor/bg/diag/men/ba-diag-men-step4.jpg) 100% 24px no-repeat;
}
#diagMenStep5 #diagForm {
	background:url(/img/beautyAdvisor/bg/diag/men/ba-diag-men-step5.jpg) 100% 24px no-repeat;
}
#diagMenStep6 #diagForm {
	background:url(/img/beautyAdvisor/bg/diag/men/ba-diag-men-step6.jpg) 100% 24px no-repeat;
}
/* Beauty Advisor == Diagnostic HairCare */
#baDiagHairCare .baCommonTitle {
	padding-top:33px;
	padding-bottom:10px;
}
#hairCareDiagStep2, #hairCareDiagStep3, #hairCareDiagStep4 {
	display:none;
}
.branch1, .branch2, .branch3 {
	display:none;
}
#baDiagHairCare #main .radioGroup {
	margin:0;
	padding:0;
}
#baDiagHairCare #main .radioGroup li {
	float:none;
	margin-left:5px;
	margin-top:5px;
	overflow:hidden;
}
#baDiagHairCare #main .radioGroup li img {
	float:right;
}
#baDiagHairCare #diagForm {
	width:330px;
}
#hairCareDiagStep1, #hairCareDiagStep2, #hairCareDiagStep3 {
	margin-top:20px;
}
#baDiagHairCare .legend {
	overflow:hidden;
}
#baDiagHairCare .legend span {
	display:block;
	float:left;
}
#baDiagHairCare .error {
	margin-top:0;
	margin-bottom:0;
}
#hairCareDiagStep1 .legend span, #hairCareDiagStep2 .legend span, #hairCareDiagStep3 .legend span {
	width:172px;
	height:42px;
	background:url(/img/beautyAdvisor/bg/diag/haircare/diag-women-haircare-legend.gif) no-repeat;
	text-indent:-1000em;
}
#hairCareDiagStep1 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-1.png) no-repeat;
	text-indent:-1000em;
}
#hairCareDiagStep2 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-2.png) no-repeat;
	text-indent:-1000em;
}
#hairCareDiagStep3 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-3.png) no-repeat;
	text-indent:-1000em;
}
#hairCareDiagStep1 label, #hairCareDiagStep2 label {
	margin-top:5px;
}
#hairCareDiagStep4 .legend span {
	float:none;
	padding-bottom:12px;
}
#hairCareDiagStep4 .legend span.stepNumber {
	font-size:20px;
	font-weight:700;
	padding:12px 0 0;
}
#baDiagHairCare #diagForm {
	overflow:hidden;
}
#baDiagHairCare .actions {
	float:right;
	margin-top:15px;
}
#baDiagHairCare .btn {
	margin:0;
	padding:0;
	float:left;
}
#baDiagHairCare .btn a {
	display:block;
	margin:0 25px 0 0;
	padding:0;
	border:none;
	width:76px;
	height:24px;
	text-indent:-1000em;
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-back.png) no-repeat;
}
#baDiagHairCare .btn a:hover {
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-back.png) no-repeat;
}
#baDiagHairCare .next a {
	display:block;
	margin:0;
	padding:0;
	border:none;
	width:76px;
	height:24px;
	text-indent:-1000em;
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-next.png) no-repeat;
}
#baDiagHairCare .next a:hover {
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-next.png) no-repeat;
}
#baDiagHairCare .radioGroup li {
	margin-right:0;
}
#js #hairCareDiagStep4 #main .radioGroup li {
	margin:0;
}
#js #hairCareDiagStep4 label {
	width:250px;
	margin:0;
	line-height:22px;
	overflow:hidden;
}
#js #hairCareDiagStep4 .hairCareDiagType1 {
	height:47px;
	padding:3px 3px 3px 59px;
	background:url(/img/beautyAdvisor/bg/diag/haircare/icon-haircare-result1-off.jpg) 3px 3px no-repeat;
}
#js #hairCareDiagStep4 .hairCareDiagType2 {
	height:47px;
	padding:3px 3px 3px 59px;
	background:url(/img/beautyAdvisor/bg/diag/haircare/icon-haircare-result2-off.jpg) 3px 3px no-repeat;
}
#js #hairCareDiagStep4 .hairCareDiagType3 {
	height:47px;
	padding:3px 3px 3px 59px;
	background:url(/img/beautyAdvisor/bg/diag/haircare/icon-haircare-result3-off.jpg) 3px 3px no-repeat;
}
#js #hairCareDiagStep4 label.checked, #js #hairCareDiagStep4 label.checkedFocus {
	height:47px;
	padding:3px 3px 3px 59px;
	background-color:#ded7dc;
}
/* Beauty Advisor == Diagnostic HairColor */
#hairColorDiagStep2, #hairColorDiagStep3, #hairColorDiagStep4, #hairColorDiagStep5, #hairColorDiagStep6, #hairColorDiagStep7 {
	display:none;
}
#baDiagHairColor #diagForm {
	width:330px;
}
#baDiagHairColor #diagForm label {
	margin-top:4px;
	width:170px;
}
#hairColorDiagStep1, #hairColorDiagStep2, #hairColorDiagStep3, #hairColorDiagStep4, #hairColorDiagStep5, #hairColorDiagStep6, #hairColorDiagStep7 {
	margin-top:15px;
}
#baDiagHairColor .legend {
	padding-bottom:1em;
	overflow:hidden;
}
#baDiagHairColor .legend span {
	display:block;
	float:left;
	padding-left:8px;
	line-height:24px;
	font-size:12px;
	font-weight:700;
}
#baDiagHairColor .legend span.stepNumber {
	padding:0;
}
#hairColorDiagStep1 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-1.png) no-repeat;
	text-indent:-1000em;
}
#hairColorDiagStep2 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-2.png) no-repeat;
	text-indent:-1000em;
}
#hairColorDiagStep3 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-3.png) no-repeat;
	text-indent:-1000em;
}
#hairColorDiagStep4 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-4.png) no-repeat;
	text-indent:-1000em;
}
#hairColorDiagStep5 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-5.png) no-repeat;
	text-indent:-1000em;
}
#hairColorDiagStep6 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-6.png) no-repeat;
	text-indent:-1000em;
}
#hairColorDiagStep7 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-7.png) no-repeat;
	text-indent:-1000em;
}
#baDiagHairColor #main .radioGroup {
	margin:0;
	padding:0;
	height:200px;
	overflow:hidden;
}
#baDiagHairColor #main .radioGroup li {
	float:none;
	margin-left:5px;
	margin-top:5px;
	overflow:hidden;
}
#baDiagHairColor #main .radioGroup li img {
	float:right;
}
#baDiagHairColor .actions {
	width:285px;
	margin:0 auto;
	padding-top:15px;
	overflow:hidden;
}
#baDiagHairColor .btn {
	margin:0;
	padding:0;
	float:left;
}
#baDiagHairColor .next {
	float:right;
}
#baDiagHairColor .btn a {
	display:block;
	margin:0;
	padding:0;
	border:none;
	width:76px;
	height:24px;
	text-indent:-1000em;
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-back.png) no-repeat;
}
#baDiagHairColor .btn a:hover {
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-back.png) no-repeat;
}
#baDiagHairColor .next a {
	display:block;
	margin:0;
	padding:0;
	border:none;
	width:76px;
	height:24px;
	text-indent:-1000em;
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-next.png) no-repeat;
}
#baDiagHairColor .next a:hover {
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-next.png) no-repeat;
}
#baDiagHairColorResult .baMainContainer {
	padding-left:190px;
}
.diagHairColorChoice {
	width:255px;
	height:295px;
	margin-right:15px;
	padding-right:5px;
	float:left;
	border-right:1px dotted #727073;
}
.diagHairColorChoice h2 {
	width:85px;
	height:19px;
	margin:0;
	padding:0;
	background:url(/img/l10n/beautyAdvisor/title/ba-title-diag-haircolor-choice.png) no-repeat;
	text-indent:-100em;
}
.diagHairColorChoice ul {
	margin:0;
	padding:0;
}
.diagHairColorChoice ul li {
	margin:18px 0 0;
	padding:0;
}
.dataStored {
	color:#9b2373;
}
.diagHairColorProducts {
	width:445px;
	float:left
}
.diagHairColorProductsResult {
	width:440px;
	height:80px;
	position:relative;
	overflow:hidden;
}
.diagHairColorProductsResult ul {
	margin:0;
	padding:0;
}
.diagHairColorProductsResult ul li {
	width:210px;
	margin-right:10px;
	height:80px;
	float:left;
}
.diagHairColorProductsResult ul li .visual {
	width:69px;
	float:left;
}
.diagHairColorProductsResult ul li .visual img {
	width:59px;
	height:59px;
}
.diagHairColorProductsResult ul li .content {
	width:140px;
	float:left;
}
.diagHairColorProductsResult ul li .content h3 {
	margin:0;
	padding:0;
	clear:both;
	font-size:12px;
	font-weight:normal;
}
#baDiagHairColorResult #products {
	margin:0;
	padding:15px 0 0;
	position:relative;
	width:440px;
}
#baDiagHairColorResult #products .scrollBar {
	width:440px;
	position:absolute;
	left:0px;
	top:-7px;
	height:11px;
	background:url("/img/common/bg/scrollBarGutterHorizontal.gif") repeat-x scroll 0 0 transparent;
	overflow:hidden;
}
#baDiagHairColorResult #products .scrollBar .face {
	position:absolute;
	left:0;
	height:9px;
	background:url("/img/common/bg/scrollBarFaceHorizontal.gif") no-repeat scroll 50% 0 #A97D35;
	border:1px solid #B48F49;
}
.productsProfits {
	margin:0.5em 0;
}
#baDiagHairColorResult .actions {
	padding-top:5px;
	padding-right:10px;
	float:right;
}
/* Beauty Advisor == Diagnostic SkinCare */
#baDiagSkinCare .baCommonTitle, #baDiagSkinCareResult .baCommonTitle {
	padding-top:0
}
#baDiagSkinCare #diagForm {
	width:400px;
	overflow:hidden;
}
#skinCareDiagStep2, #skinCareDiagStep3, #skinCareDiagStep4, #skinCareDiagStep5, #skinCareDiagStep6 {
	display:none;
}
#skinCareDiagStep1 .radioGroup, #skinCareDiagStep6 .radioGroup {
	background:url(/img/beautyAdvisor/bg/diag/skincare/ba-diag-skincare-step1.jpg) right center no-repeat;
}
#skinCareDiagStep2 .radioGroup {
	background:url(/img/beautyAdvisor/bg/diag/skincare/ba-diag-skincare-step2.jpg) right center no-repeat;
}
#skinCareDiagStep3 .radioGroup {
	background:url(/img/beautyAdvisor/bg/diag/skincare/ba-diag-skincare-step3.jpg) right center no-repeat;
}
#skinCareDiagStep4 .radioGroup {
	background:url(/img/beautyAdvisor/bg/diag/skincare/ba-diag-skincare-step4.jpg) right center no-repeat;
}
#skinCareDiagStep5 .radioGroup {
	background:url(/img/beautyAdvisor/bg/diag/skincare/ba-diag-skincare-step5.jpg) right center no-repeat;
}
#baDiagSkinCare #diagForm, #baDiagSkinCare #diagForm .radioGroup li {
	overflow:hidden;
}
#baDiagSkinCare p.error {
	margin:1em 0;
}
#baDiagSkinCare .legend {
	overflow:hidden;
	margin-top:1em;
}
#baDiagSkinCare .legend span {
	display:block;
	float:left;
	padding-left:8px;
	line-height:24px;
	font-size:12px;
	font-weight:700;
}
#baDiagSkinCare .legend span.stepNumber {
	padding:0;
}
#skinCareDiagStep1 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-1.png) no-repeat;
	text-indent:-1000em;
}
#skinCareDiagStep2 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-2.png) no-repeat;
	text-indent:-1000em;
}
#skinCareDiagStep3 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-3.png) no-repeat;
	text-indent:-1000em;
}
#skinCareDiagStep4 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-4.png) no-repeat;
	text-indent:-1000em;
}
#skinCareDiagStep5 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-5.png) no-repeat;
	text-indent:-1000em;
}
#skinCareDiagStep6 .legend span.stepNumber {
	width:24px;
	height:24px;
	background:url(/img/beautyAdvisor/bg/diag/number-step-6.png) no-repeat;
	text-indent:-1000em;
}
#baDiagSkinCare #diagForm .radioGroup {
	margin:0;
	padding:0;
}
#baDiagSkinCare #diagForm .radioGroup li {
	float:none;
	width:130px;
	height:32px;
	margin-left:5px;
	padding-top:13px;
}
#diagForm #skinCareDiagStep6 .radioGroup li {
	float:none;
	width:130px;
	height:auto;
	padding-top:13px;
	padding-bottom:4px;
}
#baDiagSkinCare #diagForm .radioGroup li img {
	float:right;
}
#diagSkinCareProResult {
	overflow:hidden;
	clear:both;
}
#diagSkinCareProResult ul {
	padding-top:8px;
	float:left;
}
#diagSkinCareProResult ul li {
	width:85px;
	margin-right:10px;
	float:left;
	text-align:center;
}
#diagSkinCareProResult ul li.symbolPlus {
	padding-left:19px;
	background:url(/img/products/bg/BAProductsBgPlus.gif) 0px 45px no-repeat;
}
#diagSkinCareProResult .visual {
	padding:5px 0;
}
#diagSkinCareCommonTitle, #diagSkinCareSeparate {
	float:left;
}
#diagSkinCareCommonTitle p, #diagSkinCareSeparate p, #diagSkinCareProResult p, #diagSkinCareCommonTitle ul, #diagSkinCareSeparate ul, #diagSkinCareProResult ul {
	margin:0;
}
#diagSkinCareCommonTitle h3, #diagSkinCareSeparate h3, #diagSkinCareProResult h3 {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:1em;
}
#diagSkinCareCommonTitle h2 {
	background:url(/img/l10n/beautyAdvisor/title/ba-title-diag-skincare-01.gif) no-repeat;
	height:19px;
	overflow:hidden;
	text-indent:-1000em;
	margin:8px 0;
}
#diagSkinCareSeparate h2 {
	background:url(/img/l10n/beautyAdvisor/title/ba-title-diag-skincare-02.gif) no-repeat;
	height:19px;
	overflow:hidden;
	text-indent:-1000em;
	margin:8px 0;
}
#diagSkinCareProResult h2 {
	background:url(/img/l10n/beautyAdvisor/title/ba-title-diag-skincare-03.gif) no-repeat;
	height:19px;
	overflow:hidden;
	text-indent:-1000em;
	margin:8px 0;
}
#diagSkinCareCommonTitle {
	width:215px;
	margin-right:10px;
}
#diagSkinCareSeparate {
	width:190px;
}
#diagSkinCareSeparate .visual {
	float:left;
	width:59px;
	overflow:hidden;
	margin-right:15px;
}
#diagSkinCareSeparate .content {
	float:left;
	width:110px;
}
#baDiagSkinCareResult .stepTitle {
	color:#9c2d78;
}
#baDiagSkinCareResult .price {
	color:#b59030;
	font-weight:700;
}
#baDiagSkinCareResult p.btn {
	float:left;
}
/*#diagSkinCareProResult p.btn {
	margin-top:35px;
}*/
#diagSkinCareProResult .actions {
	margin-top:35px;
}
#baDiagSkinCareResult p.btn a, #baDiagSkinCareResult p.btn a:hover {
	display:block;
	float:left;
	width:71px;
	height:25px;
	margin:0;
	padding:0;
	border:none;
	background:url(/img/l10n/btn/addToCart.png) no-repeat;
	text-indent:-1000em;
	cursor:pointer;
}
/*#diagSkinCareProResult p {
	float:left;
}*/
#baDiagSkinCare .actions {
	float:right;
}
#baDiagSkinCare .actions p {
	margin:15px 0 0;
	float:left;
}
#baDiagSkinCare .actions .btn a {
	margin-right:23px;
}
#baDiagSkinCare .btn a {
	display:block;
	margin:0 25px 0 0;
	padding:0;
	border:none;
	width:76px;
	height:24px;
	text-indent:-1000em;
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-back.png) no-repeat;
}
#baDiagSkinCare .btn a:hover {
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-back.png) no-repeat;
}
#baDiagSkinCare .next a {
	display:block;
	margin:0;
	padding:0;
	border:none;
	width:76px;
	height:24px;
	text-indent:-1000em;
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-next.png) no-repeat;
}
#baDiagSkinCare .next a:hover {
	background:url(/img/l10n/beautyAdvisor/btn/btn-diag-next.png) no-repeat;
}
/* Beauty Advisor == Expert */
#baExpertIndex .baCommonTitle {
	padding-top:0;
	margin-top:0px;
}
#baExpertIndex h1 {
	margin:-5px 0 0;
	padding:0;
}
#baExpertIndex .baCommonText {
	width:590px;
}
.baExpertList {
	margin:5px 0 0 -7px;
	padding:0;
	width:625px;
	overflow:hidden;
	line-height:normal;
}
.baExpertList * {
	position:relative;
}
.itemFrame {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:141px;
	height:285px;
	overflow:hidden;
	background:url(/img/beautyAdvisor/bg/experts-list-item-bg-top.png) no-repeat;
}
.itemFrame span {
	position:absolute;
	bottom:0;
	left:0;
	width:141px;
	height:285px;
	display:block;
	background:url(/img/beautyAdvisor/bg/experts-list-item-bg-body.png) bottom no-repeat;
}
.baExpertList li {
	width:125px;
	padding:5px 9px 12px 7px;
	float:left;
	margin-right:12px;
}
.baExpertList .visual {
	width:125px;
	height:140px;
	margin-bottom:2px;
	overflow:hidden;
}
.baExpertList .visual img {
	width:123px;
	height:138px;
	border:1px solid #ccc;
}
.baExpertList li h3 {
	height:36px;
	padding:3px;
	color:#fff;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	background:url(/img/beautyAdvisor/bg/ba-expert-type-bg.jpg) repeat-x;
}
.baExpertList li h3 img {
	display:block;
}
.baExpertList li p {
	margin:5px 0 0;
	position:relative;
	float:left;
	width:100%;
}
.baExpertList li p a {
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:76px;
	height:21px;
	overflow:hidden;
	background:url(/img/l10n/beautyAdvisor/btn/ba-expert-btn-view.gif) no-repeat;
	text-indent:-1000em;
}
/* Beauty Advisor == Feature */
#baFeatureFilter h1 {
	margin:0;
}
#baFeatureFilter .baCommonTitle {
	padding-top:0;
}
#baFeatureFilter .baCommonText {
	width:450px;
	padding-bottom:10px;
}
#chooseSeries {
	width:350px;
	margin:0px 0 15px;
}
#chooseSeries label {
	display:none;
}
#chooseSeries .fauxSelect {
	background:#fff url(/img/beautyAdvisor/bg/fauxselect.gif) no-repeat 100% 50%;
	width:116px;
}
#chooseSeries .fauxSelect div {
	width:108px;
	background-image:none;
	line-height:14px;
}
#fauxSelect {
	font-size:12px;
}
#chooseSeries #baFeatureBtn {
	display:block;
	float:left;
	margin-left:5px;
	margin-top:-2px;
	width:56px;
	height:21px;
	overflow:hidden;
	background:url(/img/l10n/beautyAdvisor/btn/ba-feature-btn-confirm.gif) center no-repeat;
	text-indent:-1000em;
}
#needsProResult ul li {
	margin-right:0;
}
#featureProResult {
	width:660px;
	height:100px;
	position:relative;
	overflow:hidden;
}
#featureProResult .scrollContent, #featureProResult .scrollNone {
	width:670px;
}
#featureProResult .scrollBar {
	right:0px;
	height:100px;
}
#featureProResult .loading {
	width:280px;
	height:90px;
	background:url(/img/checkout/bg/popin-addtobasketloader-wrapper.gif) left center no-repeat;
	text-indent:-1000em;
}
#featureProResult.needsProResult ul {
/*width:670px;*/
}
.needsProResult#featureProResult ul li {
	width:220px;
	height:100px;
	padding:0;
	margin:0;
}
#featureProResult.needsProResult ul li .visual {
	width:90px;
	padding-right:12px;
	float:right;
}
#featureProResult.needsProResult ul li .content {
	width:100px;
}
#featureProResult.needsProResult ul li .bzContent {
	height:30px;
}
#featureProResult.needsProResult ul li .price {
	margin-top:0;
}
#featureProResult.needsProResult ul li a {
	position:relative;
}
#baFeatureFilter #needsVidResult {
	height:100px;
}
#baFeatureFilter #needsVidResult ul li {
	height:100px;
}
#baFeatureFilter #needsVidResult .scrollContent, #baFeatureFilter #needsVidResult .scrollNone {
	width:670px;
}
#baFeatureFilter #needsVidResult .scrollBar {
	right:0px;
	height:100px;
}
#baFeatureFilter .needsProResult ul li .content p {
	float:none;
	clear:both;
}
#main .loginLinks, #beautyAdvisor .loginLinks {
	clear:both;
	padding:10px 0;
	font-size:13px;
	color:#B59030;
}
#main .loginLinks a, #beautyAdvisor .loginLinks a {
	color:#B59030;
	text-decoration:underline;
}