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

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

div.register
{
	background: url(../images/bg-club-olay-register.jpg) top no-repeat #000000;
}

div.profile
{
	background: url(../images/bg-club-olay-profile.jpg) top no-repeat #000000;
}

div.home
{
	background: url(../images/bg-club-olay-home.jpg) top no-repeat #000000;
}

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

div.profile span#amazeTxt
{
	margin: 5px 29px 29px 0;
}

h1#hdrClubOlay, h1#hdrRegisterClubOlay
{
	clear: right;
	margin: 0 0 23px 257px;
	font: normal 2em Helvetica, Arial, sans-serif;
}

h1#hdrProfileClubOlay
{
	clear: right;
	margin: 0 0 6px 257px;
	font: normal 2em Helvetica, Arial, sans-serif;
}

img#callouts-top
{
	display: block;
	width: 753px;
	height: 10px;
	margin: 0 0 0 122px;
}

div#containerCallouts
{
	position: relative; 
	width: 753px; 
	margin: 0 0 127px 122px;
}

div#bgCallouts
{
	position: relative;
	width: 753px;
	background: url(../images/club-landing-callouts-bg.png);
}

* html div#bgCallouts 
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/club-landing-callouts-bg.png", sizingMethod="scale");
}

img#callouts-btm
{
	display: block;
	width: 753px;
	height: 49px;
}

div#containerLogin
{
	position: relative;
	float: left;
	width: 246px;
	margin: 18px 50px 0 33px;
	display: inline;
}

div#containerRegister
{
	position: relative;
	float: left;
	width: 420px;
	margin: 18px 0 0 0;
}

div#containerCallouts h2
{
	margin: 0 0 7px 0;
	font-size: 1.3em;
	font-weight: normal;
	color: #000000;
}

div#containerLogin label
{
	display: block;
	margin: 0 0 2px 0;
	font-size: 0.8em;
	color: #000000;
}

div#containerLogin input
{
	padding: 1px;
	font-size: 0.7em;
	color: #FFFFFF;
	border: 1px solid #000000;
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background: #6f6662;
}

div#containerLogin input#email
{
	width: 212px;
	margin: 0 0 9px 0;
}

div#containerLogin input#password
{
	width: 176px;
	margin: 0 0 4px 0;
}

div#containerLogin p
{
	margin: 0 0 8px 0;
	font-size: 0.7em;
	color: #000000;
}

div#containerLogin p.error
{
	width: 210px;
	padding: 2px;
	color: #FF0000;
	border: 1px solid red;
	background: #FFFFFF;
}

div#containerLogin a
{
	color: #000000;
	text-decoration: underline;
}

div#containerLogin input#keepsigned
{
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}

div#containerLogin label#labelKeepSigned
{
	margin: 0;
	font-size: 0.8em;
	display: inline;
}

div#containerRegister p
{
	width: 215px;
	margin: 0 0 4px 0;
	font-size: 0.7em;
	color: #000000;
}

div#containerRegister p.introTxt
{
	font-size: 0.8em;
	margin: 0 0 7px 0;
}

div#containerRegister p.last
{
	margin: 0;
}

div#containerRegister p.introTxt strong
{
 font-size: 1.1em;
}

img#keyVisualRegister
{
	position: absolute;
	right: 3px;
	bottom: 3px;
	width: 264px;
	height: 229px;
	z-index: 0;
}

div#calloutSignInLink
{
	position: absolute;
	left: 192px;
	bottom: 3px;
	z-index: 1;
}

div#signInBtn
{
	position: relative;
	width: 87px;
	padding: 3px 0 0 0;
	border-bottom: 2px solid #000000;
	background: url(../images/btn-top-sign-in.png) top no-repeat;
}

* html div#signInBtn 
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/btn-top-sign-in.png", sizingMethod="crop");
}

div#calloutSignInLink input
{
	display: block;
	width: 87px;
	color: #FFFFFF;
	font: bold 0.6em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(../images/bg-btn-sign-in.jpg) bottom no-repeat #2C2C2C;
	border: none;
	cursor: pointer;
	overflow: hidden;
}

div#calloutJoinClubLink
{
	position: absolute;
	right: 3px;
	bottom: 3px;
	z-index: 1;
}

div#joinClubBtn
{
	position: relative;
	width: 204px;
	padding: 3px 0 0 0;
	border-bottom: 2px solid #000000;
	background: url(../images/btn-top-join-club.png) top no-repeat;
}

* html div#joinClubBtn 
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/btn-top-join-club.png", sizingMethod="crop");
}

div#joinClubBtn a
{
	display: block;
	width: 204px;
	padding: 2px 0;
	background: url(../images/bg-btn-join-club.jpg) bottom no-repeat #2C2C2C;
	font-size: 0.6em;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
	text-align: center;
}

form#regFrm, form#profileFrm
{
	width: 751px;
	margin: 0 0 100px 125px;
}

div#detailsTop
{
	width: 751px;
	height: 22px;
	overflow: hidden;
	background: url(../images/bg-fieldset-details-top.png);
}

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

div#detailsBg
{
	width: 751px;
	background: url(../images/bg-fieldset-details.png);
}

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

div#detailsBtm
{
	width: 751px;
	height: 13px;
	margin: 0 0 6px 0;
	overflow: hidden;
	background: url(../images/bg-fieldset-details-btm.png);
}

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

fieldset.details
{
	position: relative;
	float: left;
	width: 275px;
	border: none;
}

fieldset#basic
{
	margin: 0 0 0 50px;
	display: inline;
}

fieldset#contact
{
	margin: 0 0 0 105px;
}

legend
{
	font-size: 1em;
	color: #DAC46C;
}

fieldset span
{
	display: block;
	font-size: 0.7em;
}

fieldset legend span
{
	display: inline;
	font-size: 1em;
	color: #FFFFFF;
}

fieldset ul
{
	padding: 10px 0 7px 0;
	list-style-type: none;
	font-size: 0.8em;
}

fieldset#contact ul
{
	padding: 24px 0 0 0;
}

fieldset ul li
{
	margin: 0 0 9px 0;
}

fieldset ul li span
{
	float: left;
	width: 93px;
	font-size: 1em;
}

fieldset.details label
{
	float: left;
	width: 93px;
	margin: 2px 0 0 0;
}

label.error, span.error
{
	color: #CC0000;
}

fieldset.details input, fieldset.details select
{
	padding: 1px;
	font-size: 0.9em;
	color: #000000;
	border: 1px solid #000000;
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background: #AEA9A6;
}

fieldset.details select
{
	padding: 0;
}

fieldset.details input.type1
{
	width: 174px;
}

fieldset.details input.type2
{
	width: 80px;
}

fieldset.details select#country, fieldset.details select#title
{
	width: 130px;
}

fieldset.details li#gender label
{
	width: auto;
	margin: 0 12px 0 0;
	font-size: 0.9em;
}

fieldset.details li#gender input
{
	float: left;
	width: 12px;
	height: 12px;
	margin: 1px 5px 0 0;
	border: none;
	background: none;
}

div#containerErrors
{
	margin: 0 0 10px 0;
	padding: 2px;
	font-size: 0.7em;
	color: #FF0000;
	border: 1px solid red;
	background: #FFFFFF;
	display: none;
}

div.register div#containerErrors
{
	display: block;
}

div#containerErrors h2
{
	font-size: 1em;
	margin: 0 0 10px 0;
}

div#containerErrors ul
{
	margin: 0 0 10px 10px;
	list-style-type: none;
}

div#containerErrors ul li
{
	margin: 0 0 3px 0;
}

form#regFrm input.error, form#regFrm select.error
{
	border: 1px solid red;
	color: #FF0000;
	background: #FFFFFF;
}

div#genericTop
{
	width: 751px;
	height: 22px;
	overflow: hidden;
	background: url(../images/bg-fieldset-generic-top.png);
}

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

div#genericBg
{
	width: 751px;
	background: url(../images/bg-fieldset-generic.png);
}

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

div#genericBtm
{
	width: 751px;
	height: 13px;
	margin: 0 0 6px 0;
	overflow: hidden;
	background: url(../images/bg-fieldset-generic-btm.png);
}

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

fieldset.generic
{
	margin: 0 0 0 50px;
	border: none;
}

fieldset#password li#first
{
	float: left;
	margin: 0 50px 0 0;
}

fieldset#password label
{
	margin: 2px 10px 0 0;
}

fieldset#password input
{
	width: 134px;
	padding: 1px;
	font-size: 0.9em;
	color: #000000;
	border: 1px solid #000000;
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background: #AEA9A6;
}

fieldset#password span
{
	clear: left;
}

fieldset#optins input, fieldset#whichProds input, fieldset#whatProds input
{
	float: left;
	width: 13px;
	height: 13px;
	margin: 1px 5px 0 0;
}

fieldset#optins label, fieldset#whichProds label, fieldset#whatProds label
{
	float: left;
	margin: 0 0 1px 0;
}

div#containerTerms
{
	width: 650px;
	margin: 0 0 0 50px;
	padding: 0 0 10px 0;
}

div#containerTerms h2
{
	font-size: 1em;
	font-weight: normal;
	color: #DAC46C;
}

.footerH2 { padding-bottom:15px !important;}

div#containerTerms h2 a
{
	color: #DAC46C;
}

div#overflowTerms
{
	width: 590px;
	height: 120px;
	margin: 12px 0 10px 0;
	padding: 10px 30px;
	border: solid 1px #000000;
	border-top: solid 1px #FFFFFF;
	overflow: auto;
	background: #AEA9A6;
}

div#overflowTerms h3
{
	margin: 0 0 15px 0;
	font-size: 0.7em;
	font-weight: normal;
	color: #000000;
	text-transform: uppercase;
}

div#overflowTerms p
{
	padding: 0 0 10px 0;
	font-size: 0.7em;
	color: #000000;
}

div#containerTerms ul
{
	list-style-type: none;
	font-size: 0.8em;
}

div#containerTerms ul li
{
	float: left;
}

div#containerTerms ul li#privacy
{
	float: right;
}

div#containerTerms input
{
	float: left;
	width: 13px;
	height: 13px;
	margin: 1px 5px 0 0;
}

div#containerTerms label
{
	float: left;
	margin: 0 0 1px 0;
}

div#containerCOSubmitBtn
{
	width: 87px;
	height: 44px;
	margin: -30px 0 0 303px;
	padding: 76px 0 0 30px;
	background: url(../images/bg-star-club-olay-next-btn.png);
}

* html div#containerCOSubmitBtn 
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-star-club-olay-next-btn.png", sizingMethod="crop");
}

div#cOSubmitBtn
{
	width: 87px;
	padding: 3px 0 0 0;
	background: url(../images/bg-club-olay-next-btn-top.png) top no-repeat;
}

* html div#cOSubmitBtn
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-club-olay-next-btn-top.png", sizingMethod="crop");
}

div#cOSubmitBtnBtm
{
	width: 87px;
	height: 3px;
	overflow: hidden;
	background: url(../images/bg-club-olay-next-btn-btm.png);
}

* html div#cOSubmitBtnBtm 
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-club-olay-next-btn-btm.png", sizingMethod="crop");
}

div#containerCOSubmitBtn input
{
	display: block;
	width: 87px;
	padding: 2px 0 3px 0;
	color: #FFFFFF;
	font: bold 0.6em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border: none;
	overflow: hidden;
	background: url(../images/bg-club-olay-next-btn.jpg) bottom;
	cursor: pointer;
}

p#approach
{
	width: 380px;
	margin: 0 0 28px 262px;
	font-size: 0.9em;
}

fieldset#whereHear input
{
	float: left;
	width: 12px;
	height: 12px;
	margin: 1px 5px 0 0;
}

fieldset#whichProds li, fieldset#whatProds li
{
	float: left;
	width: 230px;
}

div.home div#containerContent
{
	padding: 85px 0 0 0;
}

h1#hdrClubHome
{
	margin: 0 0 67px 574px;
	font: normal 2em Helvetica, Arial, sans-serif;
}

div#leftColumnClubHome
{
	float: left;
	width: 206px;
	margin: 2px 0 40px 30px;
	display: inline;
}

div#centreColumnClubHome
{
	float: left;
	width: 482px;
	margin: 0 26px 0 30px;
}

div#rightColumnClubHome
{
	float: left;
	width: 209px;
}

div#leftColumnClubHome h2
{
	margin: 0 0 7px 0;
	font-size: 1em;
}

div#leftColumnClubHome ul
{
	width: 206px;
	margin: 0 0 12px 0;
	list-style-type: none;
	font-size: 0.75em;
}

div#leftColumnClubHome ul li
{
	width: 206px;
	padding: 9px 0;
	border-top: 1px solid #BAAFAF;
}

div.calloutGeneric input#name
{
	position: relative;
	width: 140px;
	margin: 8px 0 0 0;
	padding: 2px;
	font-size: 0.7em;
	color: #FFFFFF;
	border: 1px solid #5B5147;
	border-left-color: #6F6C6A;
	border-bottom-color: #6F6C6A;
	background: #7D7268;
}

div#logoGenericClubO
{
	top: 12px;
}

div#divider
{
	width: 206px;
	height: 1px;
	background: #BAAFAF;
	margin: 0 0 10px 0;
	font-size: 0.1em;
	line-height: 0.1em;
	overflow: hidden;
}

div#centreColumnClubHome h2
{
	margin: 0 0 22px 0;
}

div#centreColumnClubHome p
{
	margin: 0 0 20px 0;
	font-size: 0.8em;
}

div#centreColumnClubHome p strong
{
	font-size: 1.2em;
}

div#containerMoreMsgsLink
{
	width: 482px;
	margin: 0 0 20px 0;
	padding: 12px 0;
	border-top: 1px solid #BAAFAF;
	border-bottom: 1px solid #BAAFAF;
}

div#containerMoreMsgsLink h5
{
	float: right;
	font-size: 0.6em;
	font-weight: bold;
	text-transform: uppercase;
}

div#centreColumnClubHome ul
{
	width: 466px;
	margin: 0 0 0 16px;
	list-style-type: none;
}

div#centreColumnClubHome ul li
{
	width: 427px;
	margin: 0 0 20px 0;
	padding: 0 0 0 39px;
	list-style-type: none;
	background: url(../images/icon-envelope.png) top left no-repeat;
}

* html div#centreColumnClubHome ul li
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/icon-envelope.png", sizingMethod="crop");
}

div#centreColumnClubHome ul li span
{
	float: left;
	width: 300px;
	margin: 4px 0 0 0;
	font-size: 0.8em;
}

div#centreColumnClubHome ul li div.linkMsgs
{
	float: right;
	margin: 2px 0 0 0;
	background: url(../images/bg-link-msgs.png);
}

* html div#centreColumnClubHome ul li div.linkMsgs
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-link-msgs.png", sizingMethod="scale");
}

div#centreColumnClubHome ul li div.linkMsgs a
{
	position: relative;
	display: block;
	padding: 5px;
	font-size: 0.7em;
	text-transform: lowercase;
	color: #DAC475;
}

div.calloutClubHomeTop
{
	width: 209px;
	height: 15px;
	overflow: hidden;
	background: url(../images/bg-club-home-callout-top.png);
}

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

div.calloutClubHome
{
	position: relative;
	width: 209px;
}

div.calloutClubHomeBg
{
	position: relative;
	width: 194px;
	padding: 0 0 4px 15px;	
	background: url(../images/bg-club-home-callout2.png) no-repeat left top;
}

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

div.calloutClubHomeBtm
{
	width: 209px;
	height: 20px;
	padding: 0 0 8px 0;
	overflow: hidden;
	background: url(../images/bg-club-home-callout-btm.png) top no-repeat;
}

.btnEnjoyHere { padding:1px 0 0 135px; width:74px; position:relative;}
.btnEnjoyHere .btnFlare { left:123px; top:-8px;}

.btnReadOn2 { padding:1px 0 0 148px; width:61px; position:relative;}
.btnReadOn2 .btnFlare { left:136px; top:-8px;}

.clubOlayblockSubmit { padding:20px 0 0 105px; width:58px; position:relative; }
.clubOlayblockSubmit .btnFlare { left:93px; top:10px;}
.clubOlayblockSubmit input { display:block; width:58px; height:17px; background:url(../images/btn_send2.gif) no-repeat left top; border:none; cursor:pointer;}

.fixCallHeight { padding-bottom:0px !important;}

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

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

div.calloutClubHome p
{
	font-size: 0.7em;
}

div.calloutClubHomeLinks
{
	position: absolute;
	right: 2px;
	bottom: -17px;
	z-index: 3;
}

.callClubFix { /*right:14px !important;*/}

div.overlay ul
{
	width: 340px;
	margin: 0 auto;
	list-style-type: none;
	text-align: left;
	font-size: 0.8em;
}

div.overlay ul#forgotEmail
{
	width: 290px;
}

div.overlay ul li
{
	margin: 0 0 9px 0;
}

div.overlay label
{
	float: left;
	width: 150px;
	margin: 2px 0 0 0;
}

div.overlay ul#forgotEmail label
{
	width: 100px;
}

div.overlay input
{
	width: 174px;
	padding: 1px;
	font-size: 0.9em;
	color: #000000;
	border: 1px solid #000000;
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background: #AEA9A6;
}

div.overlay select
{
	width: 130px;
	padding: 1px;
	font-size: 0.9em;
	color: #000000;
	border: 1px solid #000000;
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background: #AEA9A6;
}

div.overlay ul#subscriptions input, div.overlay input#verify
{
	float: left;
	width: 13px;
	height: 13px;
	margin: 1px 5px 0 0;
	padding: 0;
	border: none;
	background: none;
}

div.overlay ul#subscriptions label, div.overlay label#labelVerify
{
	float: left;
	width: 300px;
	margin: 0 0 1px 0;
}

div.overlay input#verify
{
	margin: 11px 5px 0 0;
}

div.overlay label#labelVerify
{
	margin: 10px 0 1px 0;
}

div#containerOverlayBtn
{
	width: 117px;
	height: 100px;
	margin: -10px auto 0 auto;
}

div#containerOverlayBtnBg
{
	width: 87px;
	height: 44px;
	margin: 0 0 0 -12px;
	padding: 56px 0 0 30px;
	background: url(../images/bg-star-club-olay-next-btn.png) 0 -20px no-repeat;
}

* html div#containerOverlayBtnBg
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-star-club-olay-next-btn.png", sizingMethod="crop");
}

div#overlayBtn
{
	width: 87px;
	padding: 3px 0 0 0;
	background: url(../images/bg-club-olay-next-btn-top.png) top no-repeat;
}

* html div#overlayBtn
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-club-olay-next-btn-top.png", sizingMethod="crop");
}

div#overlayBtnBtm
{
	width: 87px;
	height: 3px;
	overflow: hidden;
	background: url(../images/bg-club-olay-next-btn-btm.png);
}

* html div#overlayBtnBtm 
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../images/bg-club-olay-next-btn-btm.png", sizingMethod="crop");
}

div#containerOverlayBtnBg input
{
	display: block;
	width: 87px;
	padding: 2px 0 3px 0;
	color: #FFFFFF;
	font: bold 0.6em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	border: none;
	overflow: hidden;
	background: url(../images/bg-club-olay-next-btn.jpg) bottom;
	cursor: pointer;
}

div.overlay div#containerErrors
{
	width: 380px;
	margin: 10px auto;
	padding: 2px;
	font-size: 1em;
	color: #FF0000;
	border: 1px solid red;
	background: #FFFFFF;
	text-align: left;
}

div.overlay div#containerErrors h2
{
	font-size: 0.7em;
	margin: 0 0 10px 0;
}

div.overlay div#containerErrors ul
{
	margin: 0 0 10px 10px;
	list-style-type: none;
}

div.overlay div#containerErrors ul li
{
	margin: 0 0 3px 0;
	font-size: 0.85em;
}

div.overlay div#containerErrors p
{
	margin: 0 0 10px 0;
	font-size: 0.7em;
}

div.overlay input.error
{
	border: 1px solid red;
	color: #FF0000;
	background: #FFFFFF;
}