@charset "utf-8";
/* CSS Document for Olay UK Product landing page. */

div.index
{
	background: url(../images/bg-product-range-index.jpg) top no-repeat #000000;
}

div.antiWrinkle
{
	background: url(../images/bg-product-range-index-other.jpg) top no-repeat #000000;
}

h1#hdrMain
{
	float: right;
	margin: 3px 29px 42px 0;
	font: normal 1.5em Helvetica, Arial, sans-serif;
	display: inline;
}

div#leftColumn
{
	float: left;
	margin: 0 0 0 30px;
	display: inline;
}

div.index div#leftColumn
{
	width: 218px;
}

div.antiWrinkle div#leftColumn
{
	width: 218px;
}

div#rightColumn
{
	float: left;
}

div.index div#rightColumn
{
	width: 724px;
}

div.antiWrinkle div#rightColumn
{
	width: 712px;
}

div.index div#containerBoutiques
{
	width: 724px;
	background: url(../images/bg-container-boutiques.gif);
}

div.antiWrinkle div#containerBoutiques
{
	width: 712px;
	background: url(../images/bg-container-boutiques-other.gif);
}

div.containerBoutique
{
	position: relative;
	float: left;
	padding: 0 0 13px 0;
	display: inline;
}


div.index div.containerBoutique
{
	width: 163px;
	margin: 0 0 0 18px;
}

div.antiWrinkle div.containerBoutique
{
	width: 170px;
	margin: 0 0 0 8px;
}

div.index div.containerBoutique h2 img
{
	width: 163px;
	height: 244px;
}

div.antiWrinkle div.containerBoutique h2 img
{
	width: 170px;
	height: 352px;
}

div.containerBoutique p#aw
{
	width: 170px;
	background: url(../images/bg-aw.jpg) top no-repeat;
}

div.containerBoutique p#nf
{
	width: 170px;
	background: url(../images/bg-nf.jpg) top no-repeat;
}

div.containerBoutique p#pv
{
	width: 170px;
	background: url(../images/bg-pv.jpg) top no-repeat;
}

div.containerBoutique p#af
{
	width: 170px;
	background: url(../images/bg-af.jpg) top no-repeat;
}

div.containerBoutique p a
{
	display: block;
	padding: 0 5px;
	font-size: 0.7em;
	text-align: center;
}

div.containerBoutique p a .sectionAge {display:block; padding-top:3px; text-align:center; font-weight:700;}
div.containerBoutique p a .sectionAge_nf { color:#749b44; }
div.containerBoutique p a .sectionAge_af { color:#008cd9; }
div.containerBoutique p a .sectionAge_aw { color:#87479d;}
div.containerBoutique p a .sectionAge_pv { color:#a67e54; }


div.containerBoutique p#aw
{
	background: url(../images/bg-aw.jpg) top no-repeat;
}

div#containerOtherBoutiques {width:724px; background: url(../images/bg-container-other-boutiques.png) 100% 0 no-repeat;}
	* html div#containerOtherBoutiques {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-container-other-boutiques.png", sizingMethod="crop");}

div#containerPackshots
{
	width: 724px;
	margin: 0 0 17px 0;
}

div#packshotMinHeight
{
	float: left; display:inline;
	width: 1px;
	height: 180px;
}

div.containerPackshot
{
	float: left; display:inline;
	width: 163px;
	text-align: center;
	margin-left:18px;
}

div.containerPackshot h2
{
	margin: 0 0 2px 0;
	color: #DAC46C;
	font-size: 1em;
	font-weight: normal;
}

div.containerPackshot h2 a
{
	position: relative;
	display: block;
	width: 163px;
	padding: 130px 0 0 0;
	color: #DAC46C;
}

div.containerPackshot p
{
	font-size: 0.8em;
}

div#cleansers {background:url(../images/product-landing-cleansers.png) no-repeat 50% 0;}
	* html div#cleansers {background:none;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/product-landing-cleansers.png", sizingMethod="crop");}
div#cleansersBlackout {position:absolute; top:0px; left:0px; width:163px; background:url(../images/product-landing-cleansers-blackout.png) no-repeat 50% 0; display:none;}

* html div#cleansersBlackout
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/product-landing-cleansers-blackout.png", sizingMethod="crop");
}

div#professional {background: url(../images/product-landing-professional.png) no-repeat 0 0; margin-left:15px;}
	* html div#professional {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/product-landing-professional.png", sizingMethod="crop");}
div#professionalBlackout {position:absolute; top:0; left:0; width:163px; background:url(../images/product-landing-professional-blackout.png) no-repeat 0 0; display:none;}
	* html div#professionalBlackout {background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/product-landing-cleansers-blackout.png", sizingMethod="crop");}


div#classic-care
{
	background: url(../images/product-landing-classic-care.png) no-repeat 50% 0;
}

* html div#classic-care
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/product-landing-classic-care.png", sizingMethod="crop");
}

div#classic-careBlackout
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 163px;
	background: url(../images/product-landing-classic-care-blackout.png) no-repeat 50% 0;
	display: none;
}

* html div#classic-careBlackout
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/product-landing-classic-care-blackout.png", sizingMethod="crop");
}

div#anti-wrinkle
{
	background: url(../images/product-landing-anti-wrinkle.png) no-repeat 50% 0;
}

* html div#anti-wrinkle
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/product-landing-anti-wrinkle.png", sizingMethod="crop");
}

div#anti-wrinkleBlackout
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 163px;
	background: url(../images/product-landing-anti-wrinkle-blackout.png) no-repeat 50% 0;
	display: none;
}

* html div#anti-wrinkleBlackout
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/product-landing-anti-wrinkle-blackout.png", sizingMethod="crop");
}

div.blackout
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background: #000000;
	display: none;
}

div.antiWrinkle div.blackout
{
	width: 163px;
}

div#backBoutiques
{
	display: block;
	width: 719px;
	margin: 0 0 0 1px;
	padding: 17px 0;
	font-size: 0.6em;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	background:  url(../images/bg-back-other-boutiques2.png) no-repeat 0 0;
}

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

div#backBoutiques a
{
	position: relative;
}

p#antiWrinkleQuote
{
	margin: 0 0 17px 106px;
	font-size: 1em;
	font-weight: bold;
}