@charset "utf-8";
/* CSS Document for Olay UK Boutique landing pages. */

div.regenerist 		{background:url(../images/bg-regenerist-landing-3.jpg) top no-repeat #000000;}
div.totalEffects 	{background:url(../images/bg-total-effects-landing.jpg) top no-repeat #000000;}
div.complete 		{background:url(../images/bg-complete-landing.jpg) top no-repeat #000000;}
div.definity 		{background:url(../images/bg_definity-landing_v7.jpg) top no-repeat #000000;}
div.antiWrinkle 	{background:url(../images/bg-anti-wrinkle-landing.jpg) top no-repeat #000000;}
div.natureFusion 	{background:url(../images/bg-nature-fusion-landing.jpg) top no-repeat #000000;}
div.provital 		{background:url(../images/bg-provital-landing.jpg) top no-repeat #000000;}
div.classicCare 	{background:url(../images/bg-classic-care-landing.jpg) top no-repeat #000000;}
div.cleansers 		{background:url(../images/bg-cleansers-landing.jpg) top no-repeat #000000;}
div.aquaPhysics 	{background:url(../images/bg-aqua-physics-landing.jpg) top no-repeat #000000;}
div.professional 	{background:url(../images/bg-professional-landing.jpg) top no-repeat #000000;}

div#spacerClaim
{
	float: left;
	width: 1px;
	height: 250px;
}

div#containerClaim
{
	float: left;
	width: 1000px;
	padding: 43px 0 0 0;
}

div.antiWrinkle div#containerClaim
{
	padding: 31px 0 0 0;
}

div.natureFusion div#containerClaim
{
	padding: 26px 0 0 0;
}

div.provital div#containerClaim
{
	padding: 27px 0 0 0;
}

div.aquaPhysics div#containerClaim {padding: 33px 0 0 0;}

div.regenerist div#containerContent h1
{
	width: 193px;
	height: 50px;
	margin: 0 0 0 425px;
}

div.totalEffects div#containerContent h1
{
	width: 245px;
	height: 50px;
	margin: 0 0 0 507px;
}

div.complete div#containerContent h1
{
	width: 192px;
	height: 50px;
	margin: 0 0 0 495px;
}

div.definity div#containerContent h1
{
	width: 128px;
	height: 50px;
	margin: 0 0 0 406px;
}

div.antiWrinkle div#containerContent h1
{
	width: 155px;
	height: 62px;
	margin: 0 0 0 435px;
}

div.natureFusion div#containerContent h1
{
	width: 222px;
	height: 67px;
	margin: 0 0 0 534px;
}

div.aquaPhysics div#containerContent h1 {width:281px; height:62px; margin:0 0 0 406px;}
div.aquaPhysics div#containerContent .blockCornerNew { position:absolute; right:0px; top:0px; width:120px; height:122px; }
div.aquaPhysics div#containerContent .blockTvPresenter { position:absolute; left:44px; top:33px; width:117px; height:52px; }
div.aquaPhysics div#containerContent .blockOlayAwards { position:absolute; left:69px; top:133px; width:91px; height:120px; }

div.provital div#containerContent h1
{
	width: 151px;
	height: 66px;
	margin: 0 0 0 396px;
}

div.cleansers div#containerContent h1
{
	width: 204px;
	height: 50px;
	margin: 0 0 0 415px;
}

div#containerContent h2#hdrQuote, div#containerContent h1#hdrQuote
{
	font-size: 1.6em;
	font-weight: bold;
}

div.regenerist div#containerContent h2#hdrQuote
{
	margin: 2px 0 10px 425px;
}

div.totalEffects div#containerContent h2#hdrQuote
{
	margin: 2px 0 10px 493px;
}

div.complete div#containerContent h2#hdrQuote
{
	margin: 2px 0 10px 476px;
}

div.definity div#containerContent h2#hdrQuote
{
	margin: 2px 0 10px 387px;
}

div.antiWrinkle div#containerContent h2#hdrQuote
{
	margin: 2px 0 10px 423px;
}

div.natureFusion div#containerContent h2#hdrQuote
{
	margin: 2px 0 10px 515px;
}

div.provital div#containerContent h2#hdrQuote
{
	margin: 2px 0 10px 420px;
}

div.classicCare div#containerContent h1#hdrQuote
{
	margin: 52px 0 10px 547px;
}

div.cleansers div#containerContent h2#hdrQuote
{
	margin: 2px 0 10px 396px;
}

div#containerContent p#txtIntro
{
	font-size: 0.8em;
}

div.regenerist div#containerContent p#txtIntro
{
	width: 380px;
	margin: 2px 0 58px 538px;
}

div.totalEffects div#containerContent p#txtIntro
{
	width: 360px;
	margin: 2px 0 58px 592px;
}

div.complete div#containerContent p#txtIntro
{
	width: 360px;
	margin: 2px 0 58px 592px;
}

div.definity div#containerContent p#txtIntro
{
	width: 390px;
	/*margin: 2px 0 58px 440px;*/
	margin: 2px 0 44px 560px; /* temp */
}

div.antiWrinkle div#containerContent p#txtIntro
{
	width: 470px;
	margin: 2px 0 58px 507px;
}

div.natureFusion div#containerContent p#txtIntro
{
	width: 390px;
	margin: 2px 0 28px 580px;
}

div.aquaPhysics div#containerContent p#txtIntro
{
	width: 440px;
	margin: 2px 0 28px 530px;
}

div.provital div#containerContent p#txtIntro
{
	width: 390px;
	margin: 2px 0 28px 396px;
}

div.classicCare div#containerContent p#txtIntro
{
	width: 370px;
	margin: 0 0 95px 560px;
}

div.cleansers div#containerContent p#txtIntro
{
	width: 420px;
	margin: 2px 0 82px 420px;
}

div#leftColumn
{
	float: left;
	width: 206px;
	margin: 0 0 50px 30px;
	display: inline;
}

div#rightColumn
{
	float: left;
	width: 716px;
	margin: 0 0 0 22px;
	padding: 0 0 20px 0;
}

div.containerProduct
{
	position: relative;
	float: left;
	width: 169px;
	margin: 0 0 20px 10px;
	padding: 0 0 30px 0;
	background: url(../images/bg-container-product.jpg) top no-repeat;
	display: inline;
}

div.containerProduct img
{
	display: block;
	width: 169px;
	height: 158px;
}

div.containerProduct img.packshotNewFlag
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 72px;
	height: 72px;
}

div.containerProduct img.packshotNewBtn
{
	position:absolute;
	top:122px;
	left:41px;
	width:44px;
	height:22px;
}

div.containerProduct img.packshotFreeSampleFlag
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 90px;
	height: 85px;
}


div.containerProduct h3
{
	margin: 12px 16px 0 16px;
	font-weight: bold;
	font-size: 0.7em;
}

div.containerProduct h3 span
{
	font-weight: normal;
	font-style: italic;
	font-size: 0.8em;
}

div.containerProduct ul
{
	position: absolute;
	bottom: 0px;
	left: 16px;
	list-style-type: none;
}

div.containerMoreProduct ul
{
	margin: 21px 0 0 0;
	list-style-type: none;
}

div.containerProduct ul li, div.containerMoreProduct ul li
{
	float: left;
	font-size: 0.7em;
}

div.containerProduct ul li a, div.containerMoreProduct ul li a
{
	display: block;
	color: #DAC475;
}

div.containerProduct ul li.moreInfo a, div.containerMoreProduct ul li.moreInfo a
{
	margin: 0 4px 0 0;
	padding: 4px 7px 4px 7px;
	background: #2A2626;
}

div.containerProduct ul li.buyNow, div.containerMoreProduct ul li.buyNow
{
	padding: 0 13px 0 0;
	background: url(../images/bg-link-buy-now.gif) right no-repeat;
}

div.containerProduct ul li.buyNow a, div.containerMoreProduct ul li.buyNow a
{
	padding: 4px 0 4px 11px;
	background: #595959;
}

div#txtMoreProducts
{
	clear: left;
	width: 706px;
	margin: 0 0 0 10px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}

div#txtMoreProducts h2
{
	float: left;
	margin: 10px 0;
	font-size: 1em;
}

div#txtMoreProducts p
{
	float: right;
	margin: 13px 0 0 0;
	font-size: 0.6em;
	font-weight: bold;
}

div.containerMoreProduct
{
	float: left;
	width: 348px;
	margin: 6px 0 0 10px;
	background: url(../images/bg-container-more-product.jpg) top no-repeat;
	display: inline;
	position:relative;
}

div.containerMoreProduct img.packshotNewFlag
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 52px;
	height: 52px;
}

div.containerMoreProduct img
{
	float: left;
	width: 70px;
	height: 68px;
}

div.containerMoreProduct h3
{
	float: left;
	width: 120px;
	margin: 20px 5px 0 0;
	font-weight: bold;
	font-size: 0.7em;
}

div.containerMoreProduct h3 span
{
	font-weight: normal;
	font-style: italic;
	font-size: 0.8em;
}

h2.sifr-alt {display:block; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:23px; line-height:1.2; padding:0; margin:0 0 4px 405px; font-weight:normal; width:550px;}
h2.sifr-alt  img {vertical-align:middle;}
p.disclaimer {margin:12px 0 12px 560px; width:390px; font-size:10px;}
p.stars {position:absolute; top:130px; left:390px;}

/*.regenerist div.containerProduct img.packshotNewFlag
{
	position: absolute;
	top: 26px;
	left: 108px;
	width: 56px;
	height: 43px;
}*/

/* professional page */
div.professional div#containerContent h1 {width:281px; height:62px; margin:0 0 0 500px; position:relative;}
div.professional div#containerContent h1 img {position:absolute; left:95px; bottom:-110px;}
div.professional div#rightColumn {background:#fff url(../images/bg_professional-details.png) repeat-x 0 0; padding:23px 0 0;margin-bottom:20px;}
div.professional div#rightColumn .content {background:url(../images/bg_professional-content.png) no-repeat 100% -23px; float:left; display:inline; width:100%; overflow:hidden;}
div.professional div#rightColumn .content .cont-img {float:left; display:inline; width:230px; margin-left:65px;}
div.professional div#rightColumn .content .cont-text {float:left; display:inline; margin-left:40px; width:248px;}
div.professional div#rightColumn .content h3 {font-size:12px; line-height:18px; margin:10px 0; font-family:Helvetica, Arial, sans-serif; color:#000;}
div.professional div#rightColumn .content p {font-size:12px; color:#000; line-height:18px; margin-bottom:14px;}
div.professional div#rightColumn .content strong {color:#ca2221;}
div.professional div#rightColumn .content a {color:#ca2221;}
/*div.professional div#rightColumn .cta {list-style:none; margin-left:70px; padding:0; width:610px; overflow:auto;}
div.professional div#rightColumn .cta li {float:left; display:inline; background:url(../images/bg_professional-li.png) no-repeat 100% 100%; width:175px; margin-right:21px; border-top:1px solid #fff; font-size:11px; min-height:68px; height:auto !important; height:68px;}
div.professional div#rightColumn .cta li a {background:url(../images/icon-professional-arrow.png) no-repeat 84px 50%; position:relative; width:67px; color:#000; padding:12px 95px 0 13px; display:block; min-height:56px; height:auto !important; height:56px;}
div.professional div#rightColumn .cta li.last a {padding-top:18px; min-height:50px; height:auto !important; height:50px;}
div.professional div#rightColumn .cta li a img {position:absolute; top:3px; right:4px;}*/
div.professional div#rightColumn .content p.find-out-more {padding-top:20px;}
div.professional div#rightColumn .content p.find-out-more a {background: url("../images/professional/bg_submit.png") no-repeat scroll 6px 42% #ca2221;  color:#fff; font-size: 1em; padding:2px 10px 2px 18px; text-decoration:none; text-transform:uppercase;}
div.professional div#rightColumn p.disclaimer {clear:both; color:#000; width:auto; margin:6px 0 6px 12px; font-size:10px;}/**/







