@charset "utf-8";
/* CSS Document for Olay UK Homepage. */


/* apply background to specific pages */

div.regenerist { background: url(../images/bg-regenerist.jpg) top no-repeat #000000;}
div.definity { background: url(../images/bg-definity.jpg) top no-repeat #000000;}
div.totalEffects { background: url(../images/bg-total-effects.jpg) top no-repeat #000000;}
div.regeneristEyeDermaPod { background: url(../images/bg-regenerist-eye-derma-pod.jpg) top no-repeat #000000;}
div.EyeDermaPod { background: url(../images/bg_glamour.jpg) top no-repeat #000000;}
div.FormRegeneristEyeDermaPod { background: url(../images/bg-form-regenerist-eye-derma-pod.jpg) top no-repeat #000000;}
div.complete { background: url(../images/bg-complete.jpg) top no-repeat #000000;}
div.regeneristEyeDermaPodNew { background: url(../images/bg-regenerist-eye-derma-pod-new.jpg) top no-repeat #000000;}

img#logoBoutique
{
	position: absolute;
	bottom: 10px;
	left: 22px;
}

div#rightColumn
{
	width: 386px;
	margin: 0 0 0 547px;
	padding: 60px 0 15px 0;
}

h1#hdrMainHome
{
	float: right;
	margin: 0 3px 0 0;
	font: normal 2em Helvetica, Arial, sans-serif;
	display: inline;
}

h1 a 
{
	display: block;
	padding: 0 0 12px 0;
	color: #DAC46C;
	cursor: pointer;
}

div.calloutHomeTop
{
	width: 386px;
	height: 12px;
	overflow: hidden;
	background: url(../images/bg-home-callout-top.png);
}

* html div.calloutHomeTop
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-home-callout-top.png", sizingMethod="crop");
}

div.calloutHome
{
	position: relative;
	width: 386px;
}

div.calloutHomeBg
{
	position: relative;
	width: 273px;
	padding: 7px 0 30px 113px;	
	background: url(../images/bg-home-callout.png);
}

* html div.calloutHomeBg 
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-home-callout.png", sizingMethod="scale");
}

div#containerPromoMain
{
	clear: right;
	width: 386px;
}

div#promoMain
{
	width: 386px;
	height: 146px;
	background: url(../images/bg-promo-main.png);
}

* html div#promoMain 
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-promo-main.png", sizingMethod="crop");
}

div.calloutHome h3
{
	margin: 0 0 2px 0;
	color: #DAC46C;
	font-size: 1.4em;
	font-weight: normal;
}

div.calloutHome h5
{
	margin: 0 0 9px 0;
	color: #DAC46C;
	font-size: 0.95em;
	font-weight: normal;
}

div.calloutHome p
{
	font-size: 0.75em;
}

div#promoMainTxt
{
	position: absolute;
	top: 32px;
	left: 22px;
	width: 210px;
	z-index: 3;
}

div#promoMainTxt h3
{
	margin: 0 0 0 31px;
}

div#promoMainTxt h5
{
	margin: 0 0 7px 31px;
}


div#promoMainTxt p
{
	margin: 0 0 0 31px;
	font-size: 0.75em;
}

p.txtIntro
{
	color: #DAC46C;
}

img#homeNewFlag
{
	position: absolute;
	top: -15px;
	left: -3px;
	width: 100px;
	height: 100px;
	z-index: 2; 
}

img#homePackshot
{
	position: absolute;
	bottom: 0px;
	right: 3px;
	width: 380px;
	height: 143px;
	z-index: 1;
}

div.calloutHomeLinks
{
	position: absolute;
	right: 3px;
	bottom: 0px;
	z-index: 3;
}

div.calloutHomeBtm
{
	width: 386px;
	height: 3px;
	padding: 0 0 14px 0;
	overflow: hidden;
	background: url(../images/bg-home-callout-btm.png) top no-repeat;
}

* html div.calloutHomeBtm 
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-home-callout-btm.png", sizingMethod="crop");
}

div.btnLink
{
	font-size: 0.6em;
}

div#containerLinksAmaze
{
	clear: right;
	width: 386px;
}

div.linksAmaze
{
	position: relative;
	width: 380px;
	height: 146px;
	padding: 0 3px 0 3px;
	background: url(../images/bg-home-callout.png);
}

* html div.linksAmaze
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-home-callout.png", sizingMethod="scale");
}

div.linksAmaze ul
{
	width: 380px;
	text-align: right;
	font-size: 0.8em;
	list-style-type: none;
}

div.linksAmaze ul li a
{
	width: 368px;
	padding: 5px 6px;
	display: block;
}

div.linksAmaze ul li a:hover
{
	color: #DAC46C;
	background: url(../images/bg-links-amaze.png);
}

* html div.linksAmaze ul li a:hover
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-links-amaze.png", sizingMethod="scale");
}

div#logoHomeClubO
{
	position: absolute;
	top: -29px;
	left: -10px;
	width: 113px;
	height: 116px;
	z-index: 1;
	background: url(../images/logo-home-club-o.png);
}

* html div#logoHomeClubO 
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/logo-home-club-o.png", sizingMethod="crop");
}

div#logoHomeConsultation
{
	position: absolute;
	bottom: -19px;
	left: -5px;
	width: 99px;
	height: 142px;
	z-index: 1;
	background: url(../images/logo-home-consultation.png);
}

* html div#logoHomeConsultation
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/logo-home-consultation.png", sizingMethod="crop");
}

/*EYE DERMA POD HOMEPAGE FLASH CONTAINER*/

.EyeDermaPodFlashContainer { background:#000; width:941px; height:466px; margin:15px auto 25px auto; position:relative;}
.eyeDermaPodReturnNavigation { color:#FFF; width:250px; position:absolute; left:30px; top:35px; font-size:11px; font-weight:700;}
.eyeDermaPodReturnNavigation a {color:#FFF; font-weight:700; text-transform:uppercase;}

#flashContainer .blockAlternateContent { width:941px; height:466px; position:relative; background:url(/images/bg_EyeDermaPodFlashContainer.jpg) no-repeat left top;}
.blockAlternateContent .blockHeader { position:absolute; left:221px; top:35px; width:508px; height:72px;}
.blockAlternateContent .blockResurfaces { position:absolute; left:112px; top:167px; width:243px; height:26px;}
.blockAlternateContent .blockFillsLines { position:absolute; left:74px; top:211px; width:204px; height:24px;}
.blockAlternateContent .blockRedPuff { position:absolute; left:597px; top:165px; width:160px; height:30px;}
.blockAlternateContent .blockRegenerist { position:absolute; left:14px; top:416px; width:166px; height:35px;}
.blockAlternateContent .blockCopyFlash { position:absolute; left:585px; top:442px; width:271px; height:24px;}
.blockAlternateContent .blockGetFlash { position:absolute; left:856px; top:442px; width:85px; height:24px;}
.blockAlternateContent .blockGetFlash a {display:block; width:85px; height:24px; background:url(/images/bg_getflash.jpg) no-repeat left top; text-indent:-9000px;}
.blockAlternateContent .blockGetFlash a:hover {background:url(/images/bg_getflash_over.jpg) no-repeat left top;}