@charset "utf-8";
/* CSS Document for Olay UK Boutique landing pages. */

div.regenerist
{
	background: url(../images/bg-regenerist-landing-2.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_v6.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#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 440px;
}

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: 490px;
	margin: 2px 0 58px 440px;
}

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 485px;
}

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;
}
