@charset "utf-8";
/* CSS Document */

/* =============== RESET Properties =============== */
 
body{margin:0px; padding:0px; font-family:"HelveticaNeueW01-55Roma", arial; font-size:1em; color:#000;line-height:normal!important;background-color:#f6f6f6}
.pc_wrapper{width:936px; padding:20px; margin:0px auto}
.pc_wrapper *{-webkit-box-sizing:initial!important;-moz-box-sizing:initial!important;box-sizing:initial!important;
     /*vertical-align: top;*/}
  
/*****Basic Elements*****/  
.pc_clearer{clear:both}
.pc_wrapper a{color:#a7986a; text-decoration:none}
.pc_wrapper a:hover{color:#a7986a!important; text-decoration:none}
.pc_wrapper select { margin-right: 10px; width: 150px;}


/*****Generic Classes*****/  
.error-message{font-size:0.6875em; color:red;}
.pc_error-message{font-size:0.6875em; color:red;display:block}
.pc_error-message2{color: red;display: block;font-size: 0.6875em;margin-bottom: 20px;}

/*****Basic Layout*****/  

.pc_left-panel{width:610px; float:left; color:#7f7f7f !important;}
.pc_right-panel{width:320px; float:right;overflow:hidden;padding-top:25px}

.clearfix:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}


/* =============== DEFAULT HTML - HEADING STYLES =============== */
.pc_wrapper h1{color: #000;
	font-weight: 600;
	font-size: 1.875em;
	margin: 0 0 45px 0;
	font-family:"HelveticaNeueW01-75Bold"
	}
	
.pc_wrapper h2{font-size:0.875em; margin-bottom:15px;color: #000;font-family:"HelveticaNeueW01-75Bold";}
.pc_wrapper h3{font-size:0.75em; margin-bottom:15px;color:#575757;font-weight: normal;}
.pc_wrapper span{font-size:0.75em}
.pc_wrapper h1, .pc_wrapper h2, .pc_wrapper h3{line-height:normal!important;}
.pc_txtfld > span:first-child, .pc_slct > span:first-child, .yearbirthdate > span:first-child, .monthbirthdate > span:first-child, .trait > span:first-child{display: block;margin-bottom: 7px;font-size:0.875em;text-transform:uppercase;font-family:"HelveticaNeueW01-75Bold";}
/* =============== DEFAULT FORMS - FIELD =============== */

.pc_wrapper input[type="text"], .pc_wrapper input[type="password"]{
	color: #121418!important;
	padding: 3px;
	border: 1px solid #e4e4e4!important;
	background-color: #FFF!important;
	font-size:0.75em!important;
	-moz-border-radius: none!important;
	-webkit-border-radius: none!important;
	border-radius: 0 !important;
    box-shadow: none !important;
	width:254px;
	height:22px!important;
	line-height:22px!important;
	-webkit-appearance: none;
}

.pc_wrapper input[type*="radio"],
.pc_wrapper input[type*="checkbox"] {
	top: 1px;
	left:0px;
	margin: 0;
	position: relative;
	background:none;
	border:none;
	text-indent:0px;
	float: left;
}

.pc_wrapper label {cursor: pointer;font-size:0.75em;line-height:normal!important}
.pc_wrapper span > label{  display: block;font-size: 1em !important;padding-left: 25px;}
.pc_wrapper label > ul{ list-style-type: disc;margin: 5px 0 0 11px !important;display: none;/*Added by Manoj*/}
.pc_wrapper span > label{font-size:1em}
.pc_wrapper span > sup{color: #FF0000;font-size: 2em;left: 2px;position: relative;top:5px;font-family: "HelveticaNeueW01-65Medi";}

.pc_wrapper .button,
.pc_wrapper .button:link,
.pc_wrapper .button:active,
.pc_wrapper .button:visited {
	color: #fff!important;
	border: none;
	text-indent: 0;
	cursor: pointer;
	padding: 0px 20px!important;
	display: inline-block;
	background:url(/~/media/Olay/Images/button-bg.jpg) no-repeat left top #a7986a;
	border-radius: 0!important;
	-moz-border-radius: 0!important;
	-webkit-border-radius: 0!important;
	transition: none!important;
	-moz-transition: none!important;
	-webkit-transition: none!important;
	font-size:0.75em;
	font-weight:normal!important;
	height:32px;
	line-height:32px;
	text-transform:uppercase;
	-webkit-appearance: none;
	font-family:"HelveticaNeueW01-65Medi";
}
.pc_wrapper .button:hover {
	text-decoration: none;
	color: #000!important;
}

/* =============== MAIN CONTENT =============== */
  
/* =============== REGISTRATION STEP 1 =============== */

.pc_txtfld{margin-bottom:10px; overflow:hidden; min-height:52px;width:275px}

.pc_fName{display:inline-block; margin-right:20px}

.pc_slct{margin-bottom:10px;clear:left}
.chkbox{margin-bottom:10px;display:block}
.chkbox span, .chkbox label{float:left; margin-right:5px; font-weight:bold;font-size:0.75em}

.bottom_checks input{margin-right:3px}
.bottom_checks {width:auto!important;margin-bottom:10px}

.Opts{ overflow:auto; margin-top:20px;}
.Opts input{float:left; margin-bottom:46px; margin-right:5px; margin-top:5px;}
.Opts label{float:left; margin-right:10px; margin-top:5px; margin-bottom:20px; width:95%;}

.webelement_minors_email, .webelement_minors_name, .webelement_parents_mail{margin-bottom:10px}
.webelement_minors_email span, .webelement_minors_name span, .webelement_parents_mail span{display:block; font-weight:bold;}
.pc_reg-step .webgroupelementclass {color: #000;font-size:1em;font-weight: bold;margin-bottom: 20px;display:none}

.yearbirthdate > span > sup { visibility: hidden;}

.edit-birthyear{margin-right:150px}
.reset-pwd .edit-birthyear{margin-bottom:50px}
.pc_slct .pc_slct {height:55px;}

.pc_reg-step .pc_privacy-text a{font-weight:bold}
.pc_reg-step .pc_privacy-text{padding:20px 0}
.pc_reg-step .pc_privacy-text p{font-size:0.75em;color:#000;line-height:18px;}

.edit-birthday{float:left;width:130px;margin-bottom:25px}

.pc_alreadyAc span{color: #000;font-size: 0.75em;text-transform: none;display:inline;margin-right:5px}
.pc_alreadyAc a{font-size: 0.75em;font-weight:bold}
.rembme, .rembme-inner{margin-top: 20px;}
.rembme .custom-field{float: left;height: 20px;width: 20px}

.rembme-inner .custom-field{float: left;height: 20px;width: 20px}

.pc_btn{padding:0!important;margin:20px 0 !important;border:none!important;background:none!important;cursor:auto!important;box-shadow:none!important}
.pc_btn:hover, .pc_btn:focus{padding:0!important;margin:20px 0!important;border:none!important;background:none!important}

.checkbox, .radio {
	width: 16px;
	height: 16px;
	padding: 0;
	background: url(/~/media/Olay/Images/checkbox.png) no-repeat;
	display: block;
	clear: left;
	float: left;
	min-height:16px
}
.radio {
	background: url(/~/media/Olay/Images/radio.png) no-repeat;
}
.select {
	position: absolute;
	height: 28px;
	padding: 0 27px 0 8px;
	color: #121418;
	font-size: 0.75em;
	line-height:28px;
	background: url(/~/media/Olay/Images/select.png) no-repeat right top #fff;
	overflow: hidden;
	display:block;
	border:#e4e4e4 1px solid;width:65px;border-color:#E4E4E4;
}
.pc_slct select.styled, .pc_txtfld select.styled, .trait select.styled, .yearbirthdate select.styled{height: 28px !important;width:100px!important;margin: 0 0 7px 0!important;padding: 0 !important;border:none!important;font-weight:normal!important; }


.pc_txtfld .custom-field {min-height: 30px;min-height:40px;}
.pc_reg-step .pc_slct .custom-field:first-child .select, .monthbirthdate .select, .reset-pwd .pc_slct:first-child .select {width: 115px !important;}
.pc_reg-step .pc_slct .custom-field:first-child select.styled, .monthbirthdate select.styled, .reset-pwd .pc_slct:first-child select.styled{width: 150px !important;font-weight:normal!important;}

.pc_reg-step .pc_slct .custom-field, .yearbirthdate, .monthbirthdate, .reset-pwd .pc_slct {
    display:inline-block;
	margin-bottom:25px
}

/* =============== REGISTERATION STEP 2 =============== */
.pc_reg-step .checkTerms, .pc_reg-step2 .checkTerms, .pc_view-profile-step .checkTerms{margin-bottom:10px;clear:both}
.pc_reg-step .checkTerms input, .pc_reg-step2 .checkTerms input,  .pc_view-profile-step .checkTerms input{float:left; margin-right:5px}
.pc_reg-step .checkTerms label, .pc_reg-step2 .checkTerms label,  .pc_view-profile-step .checkTerms input{display: block;padding-left: 20px;}
.pc_reg-step .button, .pc_reg-step2 .button  {margin: 10px 0 10px;}
.pc_reg-step .bot-content p, .pc_reg-step2 .bot-content p {margin: 0 0 15px;font-size:0.75em}


/* =============== LOGIN =============== */
.pc_login-container{width:470px; overflow:hidden; float:left}
.pc_login-container .emailAddress{margin-bottom:10px; overflow:hidden}
/*.pc_login-container .emailAddress span, .pc_login-container .password span{padding-top:2px; font-weight:normal; display:block; font-weight:bold}*/
.pc_login-container .emailAddress input{float:left}

.pc_login-container .password{margin-bottom:22px; overflow:hidden}
.pc_login-container .password p{float:left; margin-top:5px; font-size:0.6875em;}
.pc_set-pwd .pc_login-container .password input{float:none}
.pc_set-pwd .pc_login-container .password small{color: #666;display: block;font-size: 0.625em;font-weight: normal;}
.pc_reg-step small, .pc_reg-step2 small, small.helptext{color: #666;display: block;font-size: 0.625em;font-weight: normal;}
.pc_txtfld.password > span#phdesktopbody_0_labeloptional_password {margin-right:3px}
.pc_login-container .pc_slctFld{width:200px;}
.pc_login-container .rembMe, .pc_login-container .forgotPwd, .pc_login-container .button {margin-bottom:5px; display:block;}
.forgotpwd {font-size: 0.75em;}
.createOne{font-size:0.75em; margin-top:7px;}

.pc_login-container .rembMe span{width:auto!important; float:none; font-size:0.6875em; margin-left:5px;}
.botReg{padding:20px 0 0 0}

.brandImagery{width:200px; float:left; text-align:center; border:1px dashed #CCC; height:150px; padding-top:63px; margin-left:20px;}


/* =============== RESET PASSWORD =============== */

/* =============== EDIT PROFILE =============== */
.editProfile .pc_txtfld{margin-bottom:10px; overflow:hidden}
.editProfile .pc_txtfld span{display:block; font-weight:bold;}
.editProfile .pc_txtfld input{display:block; padding:3px; width:275px;}
.editProfile .pc_txtfld .error-message{font-size:0.6875em; color:#F00; font-weight:normal}

.editProfile .ConsumerClass{overflow:auto}
.editProfile .year{width:70px; float:left}
.editProfile .month{width:70px; float:left}	
.editProfile .day{width:70px; float:left}



.preferred{width:118px; float:left}
.valid{margin-bottom:10px;}
.preferred span, .valid span{font-weight:bold; margin-right:5px;}

.mainOpt{overflow:auto; margin:10px 0}
.mainOpt input{float:left; margin-right:5px;}
.mainOpt label{float:left; width:95%}

.trait div{overflow:hidden; margin:10px 0}
.trait span{display:block; font-weight:bold; margin-bottom:0px;}
.trait input{float:left; width:17px; margin-right:5px;}
.trait label{float:left; width:95%; display:inline-block}
/*.pc_lName{display:inline-block}*/
.pc_lName {
    display: inline-block;
    vertical-align: top;
}
/* =============== VIEW PROFILE =============== */
.pc_view-profile-step, .pc_reg-step{position:relative}
.pc_view-profile-step{position:relative}
.pc_view-profile-step h2{padding-bottom:10px; line-height:14px;border-bottom:#e4e4e4 1px solid}
.pc_view-profile-step .pc_slct span, .pc_view-profile-step .pc_txtfld span{font-weight:normal; color:#666666; display:block;}
.pc_view-profile-step .pc_txtfld span:first-child, .pc_view-profile-step .pc_slct span:first-child, .pc_view-profile-step .webgroupelementclass{font-weight:bold!important; color:#000;font-family:"HelveticaNeueW01-65Medi",arial}
.pc_view-profile-step .pc_txtfld{margin-bottom:10px}

.pc_view-profile-step .edit-birthday, .pc_view-profile-step .pc_fName, .pc_view-profile-step .pc_lName{display:block}

.preferred{width:140px; float:left}
.preferred span:first-child{float:left;}
/*.address span:first-child{width:30px; float:left}*/
.address .aspNetDisabled{display:inline-block!important; width:20px;}
.address .aspNetDisabled input{width:20px}
.valid{width:140px;}
.valid span:first-child{/*width:30px; */float:left}
/*.AddressClass, .AccountClass, .ConsumerClass, .EmailClass, .EmailClass, .PhoneClass{overflow:auto}*/

.TraitClass div{margin-bottom:10px}
.TraitClass div span:first-child{display:block; font-weight:bold;}
.TraitClass div .aspNetDisabled{display:block}
.TraitClass div .aspNetDisabled input{margin-right:5px}
.webgroupelementclass{font-weight:bold; padding-top:10px; display:none}
/*.pc_view-profile-step .webgroupelementclass {color: #326CAE;font-size:1em;font-weight: bold;margin-bottom: 20px;}*/
.pc_view-profile-step .fieldTitle {color: #326CAE;font-size:1em;font-weight: bold;margin: 20px 0;}

.TraitClass label{font-size:0.75em; margin-left:5px;}


/* =============== RightPanel Styles =============== */
.pc_right-panel .head {
    border-bottom: 1px solid #E6E6E6;
    font-size: 1.625em;
    line-height: 25px;
    margin: 0 0 15px;
    padding: 20px 10px;
	font-family:"BauerBodoniW01-BoldItal 795739";
}
.pc_right-panel p{font-size:0.875em;padding:0 10px}

/* =============== Gender Styles =============== */
.pc_slct li {
    float: left;
    margin-right: 10px;
}
.pc_slct li.male {
    float: none;
}
.pc_slct li span {
    display: block;
    font-size: 0.75em;
    font-weight: normal;
}
.gender .pc_slct li{text-align:center}

.pc_edit-button{position:absolute;right:403px;top:83px;font-size:0.75em;}
.pc_edit-button a{font-weight:bold}

/* =============== Parental Styles =============== */
.parental-hidden{margin-top:20px}
.parental-hidden p{font-size:0.75em;color:#333;line-height:18px;margin-bottom:20px}
.parental-consent-page .year, .parental-consent-page .month{float:left;width:auto;margin-right:10px}

.pc_wrapper input.styled { opacity: 0;margin-left:-20px;filter: alpha(opacity=0); } 
.pc_wrapper select.styled { position: relative; opacity: 0; filter: alpha(opacity=0); z-index: 5; } 
.pc_wrapper .disabled { opacity: 0.5; filter: alpha(opacity=50); }
/*========================== For Log out pop up =============================*/
.modal-body a {
    background: none repeat scroll 0 0 #c2b690;
    border-radius: 0;
    border-width: 0;
    box-shadow: none;
    margin-top: 5px;
}
.warning-modal .modal-body {
    color: #000000;
    display: inline-block;
}
#logout-confirmation-modal.warning-modal {
    background: none repeat scroll 0 0 #ffffff;
}
/*Log out confirmation text left alignment*/
.tipsdetail #share-overlay.cooment-light-box h2, #warning-text-heading {
    padding: 20px 0 0 15px;
}
/*pop up close button alignment*/
.modal-header .close {
    margin-right: 5px;
}
/*===== Sign in page check box and text alignment ======*/
#phdesktopbody_0_remembermepanel.rembme span {
    float: left;
    margin-right: 5px;
}
.rembme #phdesktopbody_0_checkboxrememberme {
    top: 4px;
	margin-right: 5px;
}
/*=== Top brand bar width changed for lengthier user name and log out button alignment =======*/
.header .span7.brand-bar {
    width: auto !important;
}
/*======= Reset password page button alignment & spacing==========*/
.show.Password {
    margin-bottom: 15px;
}
.show.Password span:nth-child(2) {
    float: left;
}
.show.Password span {
    margin-right: 5px !important;
    vertical-align: top;
}
#phdesktopbody_0_ResetSubmitBtn.button {
    margin-bottom: 20px;
}
/*=== country selector background color changed === */
.header .country-selector a, .header .contry-selector-sign-bg a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

/*Hot fix changes starts here*/
.pc_wrapper .button:hover,
.pc_wrapper .button:focus,
.pc_wrapper .button:active {
    
    outline: none;
}

#logout-confirmation-modal.warning-modal .modal-header h3#warning-text-heading {
    margin-left: 13px;
}	

/*Hot fix changes ends here*/
/*CR: starts here*/

.homepage.cls-09a4de54-c678-4ebb-952d-e8813615c229 .pc_wrapper {
    padding-top: 0;
}
.homepage.cls-09a4de54-c678-4ebb-952d-e8813615c229 .pc_wrapper .pc_reg-step .pc_left-panel h1 {
    margin-bottom: 0;
}

.homepage.cls-09a4de54-c678-4ebb-952d-e8813615c229 .pc_wrapper .pc_reg-step .pc_left-panel h3 {
    margin-bottom: 10px;
}

.homepage.cls-09a4de54-c678-4ebb-952d-e8813615c229 .pc_wrapper .pc_reg-step .pc_left-panel .pc_registration-container {
    margin-top: 0;
}
.homepage.cls-09a4de54-c678-4ebb-952d-e8813615c229 .pc_wrapper .pc_reg-step .pc_left-panel .pc_registration-container .pc_privacy-text p {
    color: #7f7f7f;
}
.homepage.cls-09a4de54-c678-4ebb-952d-e8813615c229 .pc_wrapper .pc_reg-step .pc_left-panel .pc_registration-container .pc_privacy-text {
    padding-top: 7px;
}
/*CR: ends here*/
.cls-f0cd95e6-e7a1-4919-a307-946e8d9c6613 .pc_wrapper .pc_edit-profile-container .pc_optin label>ul
{display:block!important;}
.cls-643bc53a-1daf-4143-8c0b-42c8bf233ceb .pc_reg-step2 .pc_botContent input{
	    color: #fff!important;
    border: none;
    text-indent: 0;
    cursor: pointer;
    padding: 0 20px!important;
    display: inline-block;
    background: #a7986a;
    border-radius: 15px 0 0 0;
    font-size: .75em;
    font-weight: normal!important;
    line-height: 32px;
    text-transform: uppercase;
    font-family: "HelveticaNeueW01-65Medi";
}
.cls-643bc53a-1daf-4143-8c0b-42c8bf233ceb .pc_reg-step2 .pc_botContent input:hover{
color: #000!important;}