@charset "utf-8";
/* CSS Document for Olay UK Regenerist page. */
div.index{background:#000 url(../images/bg-product-range-index.jpg) no-repeat left top ;}
div#containerMain{ }
h1#hdrMain {float: right; margin: 3px 29px 42px 0; font: normal 1.5em Helvetica, Arial, sans-serif; display: inline;}
h1#hdrImage {float: right; margin: 3px 29px 10px 0; font: normal 1.5em Helvetica, Arial, sans-serif; display: inline;}
div#mainColumn{}
a.headLink {
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:0.6em;
font-weight:bold;
position:absolute;
top:35px;
left:30px;
width: 274px;
}
div.sampling{background:transparent url(skin/bg/bg_sampling.jpg) no-repeat center top;padding:10px 30px 20px 0;min-height:465px;*height:465px;}
div.hLarge{*height:520px;}
div.sampling h2 {float:right;}
div.sampling h2.w630 object {width:630px;}
/* Home page */
.floatR {float:right; !important}
.RmarginLg {margin-right:30px !important;}
.hidden {display:none !important;}
.hp {background:transparent url(skin/bg/bg_homePage.jpg) no-repeat center top;padding:10px 30px 0 0;min-height:455px;*height:455px; position:relative;}
.hpInside {padding-left:30px;}
.hpInsideTitleContent {position:absolute; top:35px; left:217px;}
.hpInside .TitleBig {width:653px; height:56px; background: url(skin/bg/bg_titleBig.png) no-repeat left top; text-indent:-9999px; zoom:1; margin-left:-3px;}
.hpInside .TitleSmall {width:541px; height:17px; background: url(skin/bg/bg_titleSmall.png) no-repeat left top; text-indent:-9999px; margin-top:20px; display:block; margin-left:0px; zoom:1;}
#menu {position:absolute; left:212px; top:138px;}
#menuBlur {background: url(skin/bg/navProductBlur.jpg) no-repeat left top; width:728px; height:218px; zoom:1; z-index:3; position:absolute;left:8px; top:-1px;}
#menuContent {position:relative;}
#zoneProduct1, #zoneProduct2, #zoneProduct3, #zoneProduct4, #zoneProduct5 {z-index:5; position:relative;}
#zoneProduct1 #back{position:absolute; left:101px; top:120px; display:block; z-index:5; behavior: url(/scripts/iepngfix.htc);}
#zoneProduct2 #back{position:absolute; left:271px; top:120px; display:block; z-index:5; behavior: url(/scripts/iepngfix.htc);}
#zoneProduct3 #back{position:absolute; left:390px; top:120px; display:block; z-index:5; behavior: url(/scripts/iepngfix.htc);}
#zoneProduct4 #back{position:absolute; left:525px; top:120px; display:block; z-index:5; behavior: url(/scripts/iepngfix.htc);}
#zoneProduct5 #back{position:absolute; left:823px; top:120px; display:block; z-index:5; behavior: url(/scripts/iepngfix.htc);}
#product1{ background: url(skin/misc/prodcut1.png) no-repeat left top; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/css/skin/misc/prodcut1.png", sizingnMethod="scale"); width:434px; height:317px; z-index:4; position:absolute; top:118px; left:81px; cursor:pointer;}
#product2{background: url(skin/misc/prodcut2.png) no-repeat left top; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/css/skin/misc/prodcut2.png", sizingMethod="scale"); width:543px; height:328px; z-index:4; position:absolute; top:120px; left:188px; display:block; cursor:pointer;}
#product3{background: url(skin/misc/prodcut3.png) no-repeat left top; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/css/skin/misc/prodcut3.png", sizingMethod="scale"); width:427px; height:324px; z-index:4; position:absolute; top:122px; left:375px; display:block; cursor:pointer;}
#product4{background: url(skin/misc/prodcut4.png) no-repeat left top; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/css/skin/misc/prodcut4.png", sizingMethod="scale"); width:427px; height:324px; z-index:4; position:absolute; top:121px; left:512px; display:block; cursor:pointer;}
#product5{background: url(skin/misc/prodcut5.png) no-repeat left top; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/css/skin/misc/prodcut5.png", sizingMethod="scale"); width:427px; height:324px; z-index:4; position:absolute; top:132px; right:30px; display:block; cursor:pointer;}
#itemMenu {overflow:hidden; _overflow:visible; zoom:1;}
#itemMenu li {float:left; list-style-type:none; padding:0;}
#itemMenu li a{display:block; height:205px; text-indent:-9999px;}
#itemMenu li#Forhead {background: url(skin/misc/item1.png) no-repeat left top; zoom:1; width:143px;}
#itemMenu li#Lips {background: url(skin/misc/item2.png) no-repeat left top; zoom:1; width:143px;}
#itemMenu li#Eyes {background: url(skin/misc/item3.png) no-repeat left top; zoom:1; width:143px;}
#itemMenu li#Face {background: url(skin/misc/item4.png) no-repeat left top; zoom:1; width:143px;}
#itemMenu li#See {background: url(skin/misc/item5.png) no-repeat left top; zoom:1; width:157px;}
#btnMenu {overflow:hidden; _overflow:visible; zoom:1; position:absolute; top:155px; left:16px; z-index:1;}
#btnMenu .first {padding:0;}
#btnMenu li {float:left; list-style-type:none; padding-left:22px;}
#btnMenu li .btn{display:block; background: url(skin/misc/btn_a_24.png) no-repeat left top; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/css/skin/misc/btn_a_24.png", sizingMethod="scale"); width:120px; height:49px; font-size:0.7em; text-align:center; padding-top:1px; *padding-left:4px; color:#FFF; cursor:pointer; padding-left:0!important; }
#back {display:block; background: url(skin/misc/btn_close.png) no-repeat left top; width:42px; height:41px; text-indent:-9999px;}
.footerBtn {
position:absolute;
bottom:0;
right:45px;
z-index:100;
width: 447px;
}
.btnDown {display:block; float:left; background: url(skin/misc/btn_a_24_Big.png) no-repeat left top; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/css/skin/misc/btn_a_24_Big.png", sizingMethod="scale"); width:250px; height:45px; font-size:0.7em; text-align:center; line-height:14px; *line-height:14px; font-weight:bold; padding-top:16px; padding-left:7px; *padding-left:7px; color:#FFF; cursor:pointer; }
.btnClinic {display:block; float:left; background: url(skin/misc/btn_a_24_Big.png) no-repeat left top; width:250px; height:50px; font-size:0.7em; text-align:left; font-weight:normal; padding-left:9px; padding-top:6px; color:#FFF; cursor:pointer; z-index:400;}
.btnClinic2 {display:block; float:left; background: url(skin/misc/btn_a_24_Big2.png) no-repeat left top; width:167px; height:50px; font-size:0.7em; text-align:left; font-weight:normal; padding-left:9px; padding-top:6px; color:#FFF; cursor:pointer; z-index:400;}
.btnDown.online{line-height:26px;}
.btnDown.twoL {line-height:21px; text-align:center; padding-left:0 !important; margin-right:11px;}
.btnDown span{font-weight:normal; display:block;}
.hp .footerBtn .btnFreeSample {display:block; float:left; padding-top:9px; padding-right:15px; zoom:1;}
/* Products Page */
div.pp {background:transparent url(skin/bg/bg_pp.jpg) no-repeat center top;padding:10px 30px 0 0;min-height:455px;*height:455px;}
div.ppLips {background-image: url(skin/bg/bg_pp.jpg);}
div.ppBeautyClinic {background-image:url(skin/bg/bg_beauty_clinic.jpg);_padding:10px 0 20px 0;}
div.pp div.ppInside {width:590px;margin-left:380px;}
div.ppRange div.ppInside {width:640px;margin-left:320px;}
div.ppBeautyClinic div.ppInside {width:920px;margin-left:30px;}
div.ppBeautyClinic div.ppInside .faq {width:481px;height:326px;background:url(skin/bg/bg_faq.png) no-repeat left top;margin:20px 20px 0 20px;float:left;_margin:20px 20px 0 10px; behavior:url(/scripts/iepngfix.htc);}
div.ppBeautyClinic div.ppInside .faq .scroll {width:450px;height:240px;margin:15px 0 0 15px;}
/* Scroll */
div.ppBeautyClinic div.ppInside .faq .scrollContent {width:450px;height:240px;float:left;overflow:auto;}
.scrollerDiv {*margin-top:20px;}
.scrolled {position:absolute;}
.scroller {position:relative !important;overflow:hidden!important;}
.scrollerRoad {background:url(skin/scroll/scrollerRoad.jpg) repeat-y center center ;width:10px;float:left;display:block;cursor:pointer;}
.scrollerLift {background:#8a5f56;width:10px;height:50px;position:absolute;right:0;top:0;z-index:1000;display:block;cursor:pointer;}
.scrollerBottom {background:url(skin/scroll/scrollerBottom.png) no-repeat center center ;width:10px;height:7px;float:left;display:block;cursor:pointer;}
.scrollerTop {background:url(skin/scroll/scrollerTop.png) no-repeat center center ;width:10px;height:7px;float:left;display:block;cursor:pointer;}
/* // Scroll */
div.ppBeautyClinic div.ppInside .faq .scrollContent div.question {width:430px;font-size:0.7em;margin:10px 0;padding:0 0 10px 0;border-bottom:1px dotted #8a5f56;}
div.ppBeautyClinic div.ppInside .faq .scrollContent div.first {margin-top:0;}
div.ppBeautyClinic div.ppInside .faq .scrollContent div.last {border-bottom:none;}
div.ppBeautyClinic div.ppInside .faq .scrollContent div.question strong {display:block;margin-bottom:5px;}
div.ppBeautyClinic div.ppInside .faq .scrollContent div.question ul {list-style:none;}
div.ppBeautyClinic div.ppInside .faq .scrollContent div.question ul li {}
/*
div.ppBeautyClinic div.ppInside .faq .scrollBar {width:20px;height:240px;float:left;background:url(skin/bg/bg_scroll.jpg) no-repeat center top;}
div.ppBeautyClinic div.ppInside .faq .scrollBar .scrollItem {width:10px;height:30px;margin:5px auto 0;background:#8a5f56;cursor:pointer;}
*/
div.ppBeautyClinic div.ppInside .doctors {width:390px;height:326px;float:left;font-size:0.7em;}
div.ppBeautyClinic div.ppInside .doctors .doc {clear:both;background:url(skin/misc/line.jpg) no-repeat center bottom;padding-top:10px;}
div.ppBeautyClinic div.ppInside .doctors .last {background:none;}
div.ppBeautyClinic div.ppInside .doctors .doc img {float:left;width:94px;height:135px;margin-right:6px;}
div.ppBeautyClinic div.ppInside .doctors .doc p {float:left;width:290px;}
div.ppBeautyClinic div.ppInside .doctors .doc p strong {display:block;font-size:1.1em;}
div.pp div.ppInside .titles {margin-bottom:20px;}
div.pp div.ppInside .titles2 {margin-bottom:8px;}
div.pp div.ppInside .titles h2 {font-size:30px;}
div.pp div.ppInside .titles h3 {font-size:15px;}
div.pp div.ppInside .titles .imgTitles {display:block; background: url(skin/bg/bg_titleSmallRange5.png) no-repeat left top; text-indent:-9999px; width:538px; height:56px; margin-left:73px; margin-top:25px;}
div.pp div.ppInside .titles2 .imgTitle1 {display:block; background: url(skin/bg/bg_titleSmallRange1.png) no-repeat left top; text-indent:-9999px; width:539px; height:79px; margin-left:30px; margin-top:25px;}
div.pp div.ppInside .titles .imgTitle2 {display:block; background: url(skin/bg/bg_titleSmallRange2Bis.png) no-repeat left top; text-indent:-9999px; width:575px; height:56px; margin-left:0px; margin-top:25px;}
div.pp div.ppInside .titles .imgTitle3 {display:block; background: url(skin/bg/bg_titleSmallRange3.png) no-repeat left top; text-indent:-9999px; width:465px; height:56px; margin-left:105px; margin-top:25px;}
div.pp div.ppInside .titles .imgTitle4 {display:block; background: url(skin/bg/bg_titleSmallRange4.png) no-repeat left top; text-indent:-9999px; width:445px; height:56px; margin-left:125px; margin-top:25px;}
div.pp div.ppInside .titles2 .imgTitle5 {display:block; background: url(skin/bg/bg_titleSmallRange5.png) no-repeat right top; text-indent:-9999px ; width:547px; height:56px; margin-left:80px; margin-top:25px;}
div.pp div.ppInside .titlesClinic .imgTitleBeauty {display:block; background: url(skin/bg/bg_titleBeauty.png) no-repeat left top; text-indent:-9999px; width:539px; height:56px; margin-left:30px; margin-top:20px;}
div.ppBeautyClinic div.ppInside .titles h2,
div.ppBeautyClinic div.ppInside .titles h2 object,
div.ppBeautyClinic div.ppInside .titles h3,
div.ppBeautyClinic div.ppInside .titles h3 object {width:500px;}
div.pp div.ppInside .product {font-size:0.7em; height:284px;}
div.ppRange div.ppInside .product {width:580px;margin-left:60px;}
div.pp div.ppInside .product p {z-index:3;margin-left:104px; }
div.pp div.ppInside .product .texts {float:left;}
div.pp div.ppInside .product .texts .description {margin:10px 0;}
div.pp div.ppInside .product .texts .hrange {height:105px;*height:105px;}
div.pp div.ppInside .product .texts .hForehead {height:133px;*height:133px;}
div.pp div.ppInside .product .texts .hLips {height:144px;*height:144px; width:380px;}
div.pp div.ppInside .product .texts .hEye {height:144px;*height:144px;}
div.pp div.ppInside .product .texts .hFace {height:124px;*height:134px;}
div.pp div.ppInside .product .texts .description p {margin:10px 0 0 0;}
div.pp div.ppInside .product .texts .quote {display:block;width:227px;background:no-repeat top left;}
div.pp div.ppInside .product .texts .qForehead {background-image:url(skin/bg/bg_quote_forehead.jpg); padding-top:4px; background-repeat:no-repeat; height:150px; margin-top:24px;}
div.pp div.ppInside .product .texts .qLips {background-image:url(skin/bg/bg_quote_lips.jpg);}
div.pp div.ppInside .product .texts .qEye {background-image:url(skin/bg/bg_quote_eye.jpg); width:310px; height:126px;}
div.pp div.ppInside .product .texts .qEye a:hover { text-decoration:underline !important; }
div.pp div.ppInside .product .texts .qFace {background-image:url(skin/bg/bg_quote_face.jpg);}
div.pp div.ppInside .product .texts .quote cite {display:block;padding:15px 15px 0 15px;font-style:normal;}
div.pp div.ppInside .product .texts .quote q {display:block;padding:0 15px 25px 15px;font-style:italic;}
div.pp div.ppInside .product .texts .quote q:hover {text-decoration:underline;}
/*
div.pp div.ppInside .product .texts .quote cite {display:block;width:202px;background:url(skin/bg/bg_quote.png) no-repeat left top;padding:25px 15px 0 15px;font-style:normal;}
div.pp div.ppInside .product .texts .quote q {display:block;width:202px;background:url(skin/bg/bg_quote.png) no-repeat left bottom;padding:0 15px 35px 15px;font-style:italic;}
*/
div.pp div.ppInside .product .img {float:left;height:290px;background:no-repeat right top; }
div.pp div.ppInside .product .img#img_forehead {background-image:url(../images/products/forehead.png); behavior:url(/scripts/iepngfix.htc);}
div.pp div.ppInside .product .img#img_lips {background-image:url(../images/products/lips.png); margin-top:10px; behavior:url(/scripts/iepngfix.htc); width:200px;}
div.pp div.ppInside .product .img#img_eye {background-image:url(../images/products/eye.png); height:280px; margin-top:10px; margin-left:0px; behavior:url(/scripts/iepngfix.htc); float:right;}
div.pp div.ppInside .product .img#img_face {background-image:url(../images/products/face.png);background-position:top; margin-top:90px;height:200px; behavior:url(/scripts/iepngfix.htc);}
div.pp div.ppInside .product .img#img_range {background-image:url(../images/products/range.png);background-position:right top;height:256px; margin-top:37px; behavior:url(/scripts/iepngfix.htc);}
div.ppRange div.ppInside .product .size2on3 {_width:60%;}
div.pp div.ppInside .product .img .caption {margin-top:260px;}
div.pp div.ppInside .product .img#img_range .caption {margin-top:0;}
div.pp div.ppInside .bottom {}
div.ppRange div.ppInside .bottom {width:580px;margin-left:60px;}
div.pp div.ppInside .bottom ul.pages {}
div.pp div.ppInside .bottom ul.pages li {display:block;float:left;margin:0 5px 0 0; height:48px;}
div.pp div.ppInside .bottom ul.pages li a {}
div.pp div.ppInside .bottom ul.pages li a img {width:32px;height:49px;}
div.ppBeautyClinic div.ppInside .bottom {clear:both;width:190px;margin:0 auto;}
div.ppBeautyClinic div.ppInside .bottom ul.pages {margin-top:-20px;*margin-top:0;}
div.pp div.ppInside .bottom .buttons {float:right; margin-right:20px;}
/* //Products page page */
/* Form Page */
form.sampling_form {font-size:0.7em;width:55%;float:right;margin:20px 20px 0 20px;clear:both;}
form.sampling_form p {}
form.sampling_form div {margin-top:5px;}
form.sampling_form div label {*padding:3px 0 0 0;}
form.sampling_form .label50 {display:block;width:50%;float:left;*width:49%;}
form.sampling_form .label50 span {display:block;width:100%;margin-top:5px;}
form.sampling_form .label50 input {display:block;width:94%;margin:0 6% 0 0;_margin:0 5% 0 0;}
form.sampling_form .label50 input.radio {display:block;float:left;width:5%;margin:0 3px 0 0;}
form.sampling_form .label50 label {display:block;float:left;}
form.sampling_form .label50 .input30 {display:block;width:27%;float:left;margin:0 3% 0 0;}
/* list */
.list_checkboxes ul {list-style:none;position:relative;}
.list_checkboxes ul li {}
.list_checkboxes ul li input {}
.list_checkboxes ul li label {}
.list_checkboxes .submitBtn {display:block;float:right;margin-top:-40px;}
/* // Form Page */
/* Error page */
.error {width:500px;font-size:0.7em;margin:100px 0 0 400px;}
.error h2 {width:500px;}
.sIFR-active .error h2.str_idealregime{margin-bottom:20px;}
.error p {clear:both;}
.error .btnBack {float:right;margin-top:20px;}
/* // Error page */
/* custom */
.bborder {border-bottom:1px solid #000;padding-bottom:5px;}
.vMargin, .tMargin {margin-top:10px !important;}
.vMargin, .bMargin {margin-bottom:10px !important;}
.size1on2 {width:50%;}
.size1on3 {width:175px;}
.size1on4 {width:25%;}
.size2on3 {width:66%;}
.size3on4 {width:75%;}
.last {width:auto;}
/* buttons : text button // */
.btn, .btn span, .btn input{ display:-moz-inline-stack;display:inline-block;vertical-align:middle;line-height:38px;white-space:nowrap;background:url(skin/misc/btn_submit.png) left top no-repeat;color:#FFF !important;text-decoration:none !important;cursor:pointer;text-align:center;}
.abtn, .abtn span{ display:-moz-inline-stack;display:inline-block;vertical-align:middle;line-height:31px;white-space:nowrap;background:url(skin/misc/btn_a_submit.png) left top no-repeat;color:#FFF !important;text-decoration:none !important;cursor:pointer;text-align:center;}
.btn, .abtn {padding-left:25px;_width:1%;font-size:100%;}
.btn span, .abtn span{display:block;background-position:right top;padding-right:25px;font-size:11px; font-weight:normal;}
.btn span input{border:none;background:none;text-align:left;display:block;position:relative;z-index:1;overflow:visible;font-family:inherit;padding:8px 6px 15px 13px;margin-left:-7px;_width:1%;*margin-left:-7px;*padding-top:2px;!padding-right:8px;}