*{padding:0;margin:0;} BODY{font-family:Verdana,Arial,sans-serif;color:#fff;font-size:100%;text-align:center; padding:0;background:#000 url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/main-bg.jpg) repeat-x 0 0;} TABLE{font-family:Verdana,Arial,sans-serif;color:#fff;} A{color:#c3932c;} IMG{border:0;} .clear{clear:both;} TD{ vertical-align:top;} .TextAlertGlobalBold, .textGlobal, .errmsg{color:#c3932c !important;font-weight:700 !important;} .AspNet-WebPart{width:815px;margin:0 auto;text-align:left;} .ssm-banner{text-align:right;} /* YEARCHILD */ .RegistrationForm .YearChild {padding:0 0 0 14px;font-weight:700;} /* INIT DIV */ #WebPartZone1{ padding:0;} /* COMMON HEADER WRAP */ #header-wrap{position:relative;width:815px;padding:0} #header-wrap h1{margin:0 0 95px 48px;} #ctl00_WebPartManager1_wp1918775508 #header-wrap h1{margin:0 0 107px 48px;} #header-wrap .sub-content {width:380px;} #header-wrap .sub-content H2 {padding:22px 0 11px 48px;color:#c3932c;font-size:1.6em;} #header-wrap .sub-content P {padding:0 0 21px 48px;} #header-wrap .questionnaire-subheader{padding:0;margin:0;background:transparent url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/questionnaire-header.png) no-repeat 38px 0;} #header-wrap .questionnaire-subheader P{margin:0 42px 0 38px;padding:12px 15px 8px;color:#fff;font-size:1.2em;font-weight:700;} .AspNet-WebPart .mgm-header{padding:0;margin:0;background:transparent url(../../ITGCFiles/BrandSite/value_mbci/value_mbci_register_bx_hd_bg.jpg) no-repeat 49px 0;} .AspNet-WebPart .mgm-header P{margin:0 51px 0 49px;padding:12px 15px 8px;color:#fff;font-size:1.2em;font-weight:700;} /*----------------------------------------------------------------------------------------------------------------*/ /* HOME */ #header-wrap .home-bx{margin:0 0 0 171px;} #header-wrap .home-bx-top{width:457px;height:29px;background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/home-box-top.png) no-repeat 0 0;} #header-wrap .home-bx-mid{width:457px;background: url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/home-box-tile.png) repeat-y 0 0;} #header-wrap .home-bx-mid H2 {padding:22px 50px 27px 50px;color:#c3932c;font-size:1.6em;} #header-wrap .home-bx-mid P {padding:0 52px 21px 50px;} #header-wrap .home-bx-mid P.home-bx-enter{padding:0 51px 13px 50px;text-align:right;;clear:both;display:block} #header-wrap .home-bx-mid .home-bx-chx {float:left;width:64px;margin:16px 0 48px 0;text-align:right;} #header-wrap .home-bx-mid LABEL {float:left;width:270px;margin:16px 0 48px 6px;} #header-wrap A{ white-space:nowrap;} #header-wrap .home-bx-base{width:457px;height:30px;background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/home-box-base.png) no-repeat 0 0;} /*----------------------------------------------------------------------------------------------------------------*/ /* SOCIAL */ #social-links{position:absolute;bottom:170px;right:20px;display:none;} #social-links A{margin-left:16px;font-weight:700;} #social-links .social-links-fb{padding:4px 0 8px 26px;background: url(../../ITGCFiles/BrandSite/value_mbci/bg_be_social_icon_2.gif) no-repeat 0px 0px;text-decoration: none;} #social-links .social-links-tw{padding:4px 0 8px 26px;background: url(../../ITGCFiles/BrandSite/value_mbci/bg_be_social_icon_3.gif) no-repeat 0px 0px;text-decoration: none;} /*----------------------------------------------------------------------------------------------------------------*/ /* TERMS */ #terms-wrap{position:absolute;z-index:4;width:562px;display:none;} #terms-wrap, #terms-wrap DIV{width:562px;} #terms-wrap .terms-top{height:35px;background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/home-terms-top.png) no-repeat 0 0;text-align:right;} #terms-wrap .terms-tile{background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/home-terms-tile.png) repeat-y 0 0;} #terms-wrap .terms-base{height:35px;background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/home-terms-base.png) no-repeat 0 0;} #terms-wrap h3{color:#c3932c;font-size:1.6em;margin:0 10px 16px 44px;float:left;display:block} #terms-wrap ul{ list-style-type:none;padding:0 44px 0 44px;clear:both} #terms-wrap li{ list-style-type:none;padding:0 0 10px 18px;font-size:1em;} #terms-wrap li.nos1{ background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/li-num-1.gif) no-repeat 0 0;} #terms-wrap li.nos2{ background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/li-num-2.gif) no-repeat 0 0;} #terms-wrap li.nos3{ background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/li-num-3.gif) no-repeat 0 0;} #terms-wrap li.nos4{ background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/li-num-4.gif) no-repeat 0 0;} #terms-wrap li.nos5{ background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/li-num-5.gif) no-repeat 0 0;} #terms-wrap li.nos6{ background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/li-num-6.gif) no-repeat 0 0;} #terms-wrap li.nos7{ background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/li-num-7.gif) no-repeat 0 0;} #terms-wrap li.nos8{ background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/li-num-8.gif) no-repeat 0 0;} #terms-wrap p{margin:0 44px 0 44px;font-size:1em;} #terms-close{float:right;margin-right:35px} /*----------------------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------------------*/ /* TERMS */ #ingredients-wrap{position:absolute;z-index:11;width:562px;display:none;} #ingredients-wrap, #ingredients-wrap DIV{width:562px;} #ingredients-wrap .terms-top{height:35px;background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/home-terms-top.png) no-repeat 0 0;text-align:right;} #ingredients-wrap .terms-tile{background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/home-terms-tile.png) repeat-y 0 0;} #ingredients-wrap .terms-base{height:35px;background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/home-terms-base.png) no-repeat 0 0;} #ingredients-wrap h3{color:#c3932c;font-size:1.6em;margin:0 10px 16px 44px;float:left;display:block} #ingredients-wrap ul{ list-style-type:none;padding:0 44px 0 44px;clear:both} #ingredients-wrap li{ list-style-type:none;padding:0 0 10px 18px;font-size:1em;} #ingredients-wrap p{margin:0 44px 0 44px;font-size:1em;} #ingredients-close{float:right;margin-right:35px} /*----------------------------------------------------------------------------------------------------------------*/ /* POP-UP */ BODY.login .LoginTextInnerPadding{display:none} /*----------------------------------------------------------------------------------------------------------------*/ /* POP-UP */ #bg-wrap{display:none;position:fixed;_position:absolute;height:100%;width:100%;top:0;left:0;background:#eae8ec;z-index:10;} /*----------------------------------------------------------------------------------------------------------------*/ /* THANK YOU */ #ctl00_WebPartManager1_wp1210080848 .MemberHeader{width:407px;float:left;height:36px;background:transparent url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/thankyou-header.png) no-repeat top left;margin:0;padding:0} #ctl00_WebPartManager1_wp1210080848 .MemberHeader h1{color:#FFFFFF;font-size:1.3em;padding:8px 0 0 14px} #ctl00_WebPartManager1_wp1210080848 .Membercontainer{clear:both;float:left;width:377px;background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/login-login-base.png) bottom left;min-height:224px;height:auto !important;height:224px;padding:10px 15px 10px 15px} #header-wrap-thankyou{background:#000 url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/thankyou-bg.jpg) no-repeat;position:relative;width:815px;padding:0;height:849px;margin-bottom:-260px} #header-wrap-thankyou h1{margin:0 0 20px 48px !important;} #ctl00_WebPartManager1_wp1210080848{z-index:4;position:relative;left:180px;top:-350px;width:407px} #ctl00_WebPartManager1_wp1210080848 div{text-align:left !important} #ctl00_WebPartManager1_wp1210080848 p{margin:10px 0 20px 0;font-size:1.1em} #ctl00_WebPartManager1_wp1210080848 a img{position:relative;left:-2px} /*----------------------------------------------------------------------------------------------------------------*/ /* LOG IN */ #header-wrap-login{background:#000 url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/login-bg.jpg) no-repeat;position:relative;width:815px;padding:0;height:849px} body.lostpassword #header-wrap-login{background:#000 url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/login-bg.jpg) no-repeat !important} #header-wrap-login h1{margin:0 0 19px 48px !important;} #login-alarm{float:left;padding:0 0 0 110px;position:relative} #home-copy{float:left;position:relative;left:-10px;width:540px;margin:99px 0 0 0;font-size:0.7em;} #ctl00_WebPartManager1_wp750451364{z-index:2;position:absolute;top:430px} #ctl00_WebPartManager1_wp750451364 .LoginHeaderBackground{display:none} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin .PaddingLogin{padding:0 0 0 41px;width:733px;clear:both;float:left;margin:0} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPassword .PaddingLogin, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPasswordConfirmation .PaddingLogin{padding:0 0 0 195px;width:423px;clear:both;float:left; font-size:0.7em; margin:0} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin .ColumnSpace{width:0;font-size:0;display:none} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin table{clear:both} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin .shadowborder, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin .shadowbordernotmember, #ctl00_WebPartManager1_wp750451364_ctl00_Login1_LabelGreaterThan, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPassword .shadowborder, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPasswordConfirmation .shadowborder, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPasswordConfirmation .shadowborders{display:none} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin .MemberHeader, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPassword .MemberHeader, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPasswordConfirmation .MemberHeader{width:423px;float:left;height:37px;background:transparent url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/login-header.jpg) no-repeat top left;margin:0;padding:0} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPassword .MemberHeader, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPasswordConfirmation .MemberHeader{background:transparent url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/lostpassword-header.jpg) no-repeat top left;margin:0;padding:0} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin .MemberHeader h1, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPassword .MemberHeader h1, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPasswordConfirmation .MemberHeader h1{color:#FFFFFF;font-size:1.3em;padding:10px 0 0 24px} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin #ctl00_WebPartManager1_wp750451364_ctl00_Login1_LabelAdresseEmail{display:none} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin .BgMauvenotmember{width:310px;float:left;height:37px;background:transparent url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/login-register-header.jpg) no-repeat top left} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin .BgMauvenotmember h1{color:#FFFFFF;font-size:1.3em;padding:10px 0 0 24px} #ctl00_WebPartManager1_wp750451364_ctl00_ImageButtonCreateAccount{width:112px !important;height:43px !important;float:left} #ingredients-wrap{display:none} #share{width:228px;float:right;height:41px;padding:14px 0 0 24px;background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/share-bg.jpg) no-repeat top left;} #share span{display:block;padding:8px 12px 0 0;float:left} #share ul{width:164px;margin:0;padding:0;list-style-type:none;float:left} #share ul li{margin:0 9px 0 0;padding:0;display:block;float:left} #ctl00_WebPartManager1_wp1009340002{position:absolute;top:705px;width:761px;padding-left:54px;clear:both;} #ctl00_WebPartManager1_wp1009340002 span{height:90px;font-size:0.7em;color:#fff;display:block} .visiomember img{display:none} #header-wrap-login #home-copy h2{font-size:1.2em;margin:0 0 14px 0} #header-wrap-login #home-copy p{font-size:1.1em;margin:0 0 14px 0;line-height:1.1em;} #header-wrap-login #home-copy a{font-size:0.8em;color:#fff;text-decoration:underline} #ctl00_WebPartManager1_wp436661230 #header-wrap {background:url("../../ITGCFiles/BrandSite/OlayWakeUpWonder2/lostpassword-bg.jpg") no-repeat scroll 0 0 #000000;float:left;padding-bottom:20px} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin .Membercontainer, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPassword .Membercontainer, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPasswordConfirmation .Membercontainer{clear:both;width:377px;background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/login-footer.jpg) bottom left;min-height:208px;height:auto !important;height:208px;padding:10px 23px 10px 23px} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPassword .Membercontainer, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPasswordConfirmation .Membercontainer{background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/lostpassword-footer.jpg) bottom left;} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin .notmemberwrapper{clear:both;width:270px;background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/login-register-footer.jpg) bottom left;min-height:208px;height:auto !important;height:208px;padding:10px 20px 10px 20px} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPassword .Membercontainer, #ctl00_WebPartManager1_wp750451364_ctl00_PanelLostPasswordConfirmation .Membercontainer{background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/lostpassword-footer.jpg) bottom left;} .Membercontainer .calageinnercontainer .txtLoginMemberSmallFont{margin:5px 0 0 3px;font-size:1.1em;display:block} .Membercontainer .calageinnercontainer .txtLoginMemberPurple{display:block;margin:8px 4px 0 3px;font-size:1.1em} .Membercontainer .calageinnercontainer #ctl00_WebPartManager1_wp750451364_ctl00_UserName{height:20px;margin:5px 0 9px 3px;} #ctl00_WebPartManager1_wp750451364_ctl00_LostPasswordImageButton{position:relative;left:-4px} .Membercontainer .calageinnercontainer .btnaligment {margin:10px 0 0 0 !important;padding:0 0 8px} .Membercontainer .calageinnercontainer .btnaligment img{position:relative;left:-3px} #ctl00_WebPartManager1_wp750451364_ctl00_Login1_LabelIdentification{color:#FFFFFF;display:block;font-size:1.1em;font-weight:700;margin:1px 4px 0 2px;} #ctl00_WebPartManager1_wp750451364_ctl00_Login1_LabelUserName{display:block;margin:8px 4px 0 2px;font-size:1.1em} #ctl00_WebPartManager1_wp750451364_ctl00_Login1_UserName{height:20px;margin:4px 0 2px 2px;} #ctl00_WebPartManager1_wp750451364_ctl00_Login1_LabelPassword{display:block;margin:12px 4px 0 2px;font-size:1.1em} #ctl00_WebPartManager1_wp750451364_ctl00_Login1_Password{height:20px;margin:5px 0 9px 2px;} #ctl00_WebPartManager1_wp750451364_ctl00_Login1_HyperLinkOublieMotDePasse{margin:0 0 0 2px;color:#9c8753;text-decoration:underline;font-size:1.1em;} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin .Membercontainer .btnaligment {margin:10px 0 5px 0 !important;position:relative;left:-4px;float:left;clear:both} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin .innernotmember .txtLoginMemberSmallFont{padding:0 10px 0 4px;height:153px;font-size:1.1em;display:block} #ctl00_WebPartManager1_wp750451364_ctl00_PanelLogin .innernotmember .txtLoginMemberSmallFont p{margin:0;padding:0} #ctl00_WebPartManager1_wp750451364_ctl00_UserNameRequired{color:#c3932c !important;line-height:1em;margin:0;padding:0;vertical-align:middle} #errorMsg,#successMsg{display:none} #successMsg{background:#99ff99;border:1px solid #009900;padding:10px;color:#000} #errorMsg{background:#ff9999;border:1px solid #cc0000;padding:10px;color:#000} input.error, select.error,div.error{background:#ff9999;border:1px solid #cc0000} .loginAreaLogin{clear:both;float:left;width:423px;background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/login-footer.jpg) bottom left;min-height:260px;height:auto !important;height:260px;font-size:80%;margin:5px 0 0 40px} .loginAreaLogin h2{width:377px;float:left;height:30px;background:transparent url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/login-header.jpg) no-repeat top left;margin:0;padding:7px 23px 0 23px} .loginAreaLogin .inner{padding:10px 23px 10px 23px;clear:both} .loginAreaLogin label{margin:5px;width:65px;float:left;display:block} .loginAreaLogin input{margin:5px} .loginAreaRegister{float:left;margin:5px 0 0 5px;width:310px;background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/login-register-footer.jpg) bottom left;min-height:260px;height:auto !important;height:260px;padding:0;font-size:80%} .loginAreaRegister h2{width:264px;float:left;height:30px;background:transparent url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/login-register-header.jpg) no-repeat top left;margin:0;padding:7px 23px 0 23px} .loginAreaRegister .inner{padding:10px 23px 10px 23px;clear:both} .loginAreaRegister label{margin:5px} .loginAreaRegister input{margin:5px} #fldRegGenderFemaleDiv,#fldRegGenderMaleDiv{float:left} #registerArea label{width:130px;float:left;font-weight:bold;margin:5px 0} #registerArea input,#registerArea select{width:200px;float:left;margin:5px 0} #registerArea input.radio,#registerArea input.checkbox{width:14px;float:left;margin-right:5px} #registerArea label.checkbox{float:left;width:auto} #registerArea label.radio{float:left;width:auto;margin-right:15px} #registerArea select.dob{width:64px;margin-right:5px;float:left} #registerArea .colleft{float:left;width:350px;padding:0} #registerArea .colright{float:left;width:345px;padding:0} #registerArea .colfull{width:695px;clear:both} #registerArea .colfull label{width:300px} #registerArea br{clear:both} #registerArea{width:715px;float:left;background:url('/ITGCFiles/BrandSite/OlayWakeUpWonder2/register-tile.png') top left repeat-y;margin-left:50px;font-size:80%} #registerArea h2{width:695px;height:30px;padding:7px 10px 0 10px;background:url('/ITGCFiles/BrandSite/OlayWakeUpWonder2/register-header.png') top left no-repeat} #registerArea .inner{padding:10px} .childRow{clear:both} .sampleContainer{clear:both;float:left;width:423px;background:url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/login-footer.jpg) bottom left;min-height:260px;height:auto !important;height:260px;font-size:80%;margin:5px 0 0 40px;margin: 120px 0 0 170px;} .sampleContainer h2{width:377px;float:left;height:30px;background:transparent url(../../ITGCFiles/BrandSite/OlayWakeUpWonder2/login-header.jpg) no-repeat top left;margin:0;padding:7px 23px 0 23px;font-size:100%} .sampleContainer .inner{padding:10px 23px 10px 23px;clear:both} .sampleContainer,.competitionContainer{display:none} #noJS{width:100%;background:#ffff99;color:#000;height:40px;text-align:center;border-bottom:1px solid #000;padding:10px 0;font-size:80%} #noJS p{text-align:center;margin:0 0 10px 0;font-weight:bold} #noJS a{color:#0066cc;text-decoration:underline}