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

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #000000;
	text-align:center;
}

body.comingSoon
{
	background: #666666;
}

img{border: none;}
img, div, .pngFix {behavior: url(/scripts/iepngfix.htc);}

input, object
{
	outline: none;
}

a
{
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
}

div.clear
{
	clear: both;
	height: 0px;
	font-size: 0.063em;
	line-height: 1px;
	overflow: hidden;
}

div#containerMain
{
	position: relative;
	width: 1001px;
	margin: 0 auto;
	text-align:left;
}

/* Global Nav. */

div#containerLogo
{
	position: relative;
	float: left;
	width: 149px;
	background: #FF0000;
}

a#logoOlay
{
	position: absolute;
	top: 10px;
	left: 6px;
	width: 149px;
	height: 82px;
	z-index: 1;
}

a#logoOlay img
{
	width: 149px;
	height: 82px;
}

div#containerNav
{
	float: right;
	width: 816px;
	margin: 3px 29px 0 0;
	display: inline;
	z-index: 1;
}

div#navClub
{
	float: right;
	margin: 0 0 30px 0;
}

div#navClub img
{
	float: left;
	width: 46px;
	height: 20px;
	margin: 0 4px 0 0;
}

div#navClub ul
{
	float: left;
	margin: 2px 0 0 0;
	font-size: 0.75em;
	list-style-type: none;
}

div#navClub ul li
{
	float: left;
	margin: 0 6px 0 0;
	padding: 0 6px 0 0;
	border-right: 1px solid #FFFFFF;
}

div#navClub ul li#navContactUs
{
	margin: 0;
	padding: 0;
	border: none;
}

ul#navMain
{
	position: relative;
	float: right;
	padding: 0 0 5px 0;
	font-size: 0.75em;
	list-style-type: none;
	border-bottom: 1px solid #FFFFFF;
	z-index: 99;
}

ul#navMain li
{
	position: relative;
	float: left;
	margin: 0 6px 0 0;
	padding: 0 6px 0 0;
	border-right: 1px solid #FFFFFF;
}

ul#navMain li a
{
	display: block;
}

ul#navMain li#navLinkBuyNow
{
	margin: 0;
	padding: 0 18px 0 0;
	border: none;
	background: url(/images/icon-shopping-trolley.gif) right no-repeat;
	list-style-type:none;
}

ul#navMain li.last
{
	margin: 0;
	padding: 0;
	border: none;
	list-style-type:none;
}

li a.on
{
	color: #DAC46C;
}

div#containerNavProd
{
	position: absolute;
	top: 10px;
	left: 0px;
	width: 226px;
	padding: 20px 0 0 0;
	background: url(/images/spacer.gif);
	z-index:10000;
}

div#containerNavProd div#navProdTop
{
	position: relative;
	width: 226px;
	height: 29px;
	background: url(/images/bg-nav-prod-top.png);
}

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

div#containerNavProd ul
{
	position: relative;
	width: 211px;
	margin: 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	background: url(/images/bg-nav-prod.png);
}

div#containerNavProd ul li
{
	float: none;
	border: none;
	margin: 0;
	padding: 0 0 8px 0;
}

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

div#containerNavProd div#navProdBtm
{
	position: relative;
	width: 226px;
	height: 5px;
	background: url(/images/bg-nav-prod-btm.png);
}

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

div#containerNavProd
{
	display: none;
}

li#navLinkProductRange:hover div#containerNavProd, li.over div#containerNavProd
{
	display: block;
}

/* Main Content. */

div#containerContent, #containerNikitaLanding, #containerHoudiniLanding, #containerTwiggyLanding { position: relative; clear:both; width:1001px; z-index:0;}

/* Callouts. */

div.calloutGenericTop
{
	width: 206px;
	height: 12px;
	overflow: hidden;
	background: url(/images/bg-generic-callout-top.png);
}

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

div.calloutGeneric
{
	position: relative;
	width: 206px;
	margin: 0 0 15px 0;
}

div.calloutGenericBg
{
	width: 163px;
	padding: 7px 0 25px 43px;
	background: url(/images/bg-generic-callout.png) top;
}

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

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

div.calloutGeneric p
{
	font-size: 0.938em;
}

div.calloutLinks
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 3;
	width:87px;
	padding:0px;
}

div.calloutLinks2
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 3;
	width:57px;
	padding-right:0px;
	*padding-right:20px;
	_padding-right:0px;
}

div.calloutLinks3
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	z-index: 3;
	padding:0px;
}
div.containerBtn
{
	position: relative;
	float: right;
	margin: 0 0 0 2px;
	display: inline;
	z-index: 2;
}
#tafFrm #submitBtn .containerBtn { /*float:left;*/}

div.containerBtn2
{
	position: relative;
	float: right;
	margin: 0 0 0 2px;
	display: inline;
	z-index: 2;
}

div.btnFlare
{
	position: absolute;
	top: -10px;
	left: -11px;
	width: 30px;
	height: 22px;
	background: url(/images/bg-btn-flare.png);
	z-index: 1;
}
div.btnFlare2
{
	position: absolute;
	top: -10px;
	left: -31px;
	*left: -11px;
	width: 30px;
	height: 22px;
	background: url(/images/bg-btn-flare.png);
	z-index: 1;
}

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

div.containerBtnLink
{
	position: relative;
	width:auto;
	z-index:5;
	height:17px;
}
div.containerBtnLink2
{
	position: relative;
	width:auto;
	z-index:5
}

div.btnTopRight
{
	height: 3px;
	margin: 0 0 0 3px;
	overflow: hidden;
	background: url(../images/bg-btn-top-right.gif) top right no-repeat;
}
div.btnTopRight2
{
	height: 3px;
	margin: 0 0 0 3px;
	overflow: hidden;
	background: url(../images/bg-btn-top-right.gif) top right no-repeat;
	width:72px;
}

div.btnLink
{
	padding: 0 8px 3px 8px;
	background: url(../images/bg-btn.png) bottom repeat-x #FFFFFF;
	border: 1px solid #FFFFFF;
	font-size: 0.625em;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
	width:67px;
	height:8px;
}

.btnEnjoyHere { width:76px !important;}
#tafFrm #submitBtn .btnLink { width:37px !important;}
#tafFrm #submitBtn .btnFlare{ left:19px !important;}
.btnReadOn { width:56px !important;}

div.btnLink2
{
	padding: 0 8px 3px 8px;
	background: url(../images/bg-btn.png) bottom repeat-x #FFFFFF;
	border: 1px solid #FFFFFF;
	font-size: 0.625em;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase;
	width:57px;
}

div.btnLink a
{
	color: #000000;
}
div.btnLink2 a
{
	color: #000000;
}

div#logoGenericClubO
{
	position: absolute;
	top: -6px;
	left: -13px;
	width: 52px;
	height: 55px;
	z-index: 1;
	background: url(/images/logo-generic-club-o.png);
}

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

div#logoGenericConsultation
{
	position: absolute;
	top: -7px;
	left: -7px;
	width: 43px;
	height: 64px;
	z-index: 1;
	background: url(/images/logo-generic-consultation.png);
}

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

div#logoGenericSpeakToOlay
{
	position: absolute;
	top: -11px;
	left: -19px;
	width: 55px;
	height: 59px;
	z-index: 1;
	background: url(/images/logo-generic-speak-to-olay.png);
}

* html div#logoGenericSpeakToOlay
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="/images/logo-generic-speak-to-olay.png", sizingMethod="crop");
}

h3#hdrWtb
{
	margin: 25px 0 7px 0;
	font-size: 1em;
}

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

ul#linksWtb li
{
	width: 206px;
	padding: 10px 0;
	border-top: 1px solid #717171;
}

/* Global Footer. */

div#containerFooter
{
	color:#fff;
	width: 1001px;
	padding: 0 0 13px 0;
	background: #141414;
}

div#containerFooter h2
{
	float: left;
	width: 56px;
	height: 40px;
	margin: 0 0 0 27px;
	display: inline;
}

div#containerFooter p
{
	float: right;
	width: 300px;
	height: 40px;
	margin: 0 10px 0 0;
	display: inline;
}

div#footer
{
	clear: both;
	width: 945px;
	margin: 0 0 13px 0;
	padding: 12px 29px 12px 27px;
	background: #1F1F1F;
}

div#navFooter
{
	float: left;
	width: 700px;
}

div#navFooter h3
{
	float: left;
	margin: 5px 6px 0 0;
	font-size: 0.75em;
	font-weight: normal;
}

div#navFooter ul
{
	float: left;
	margin: 5px 0 0 0;
	font-size: 0.75em;
	color: #DAC46C;
	list-style-type: none;
}

div#navFooter ul li
{
	float: left;
	margin: 0 6px 0 0;
	padding: 0 6px 0 0;
	border-right: 1px solid #DAC46C;
}

div#navFooter ul li.end
{
	border: none;
}

div#navFooter ul li a
{
	color: #DAC46C;
}

div#footer form
{
	float: right;
	width: 196px;
}



div#footer form select
{
	float: left;
	width: 163px;
	margin: 0 4px 0 0;
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #000000;
}

div#footer form input
{
	float: right;
	padding: 1px 2px;
	font-size: 0.75em;
	color: #DAC46C;
	border: none;
	background: #4D4D4D;
	cursor: pointer;
}

div#containerFooter p#txtRights
{
	float: none;
	width: auto;
	height: auto;
	margin: 0 0 0 27px;
	font-size: 0.75em;
}

/* Lightboxes */

div#lightBoxBg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1001px;
	z-index: 99;
	background: #020202;
	display: none;
}

div#lightBoxContainer
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1001px;
	z-index: 100;
	background: transparent;
	display: none;
}

div#lightBox
{
	position: relative;
	width: 1001px;
	margin: 50px 0 0 0;
	padding: 0 0 20px 0;
}

div.overlay
{
	width: 1001px;
	padding: 108px 0 50px 0;
	text-align: center;
	background: url(../images/bg-club-olay-thankyou.png) top no-repeat;
}

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

div.brand
{
	background: url(../images/logo-olay.png) top no-repeat;
}

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

div.overlay h1
{
	width: 350px;
	font-size: 1em;
	margin: 0 auto 25px auto;
}

div.overlay p
{
	width: 350px;
	font-size: 0.813em;
	margin: 0 auto 25px auto;
}

div.overlay a
{
	font-size: 0.75em;
	text-decoration: underline;
}

/* Coming soon page. */
#comingSoon
{
	background: #666666;
}

#comingSoon img
{
	position: absolute;
	top: 10px;
	left: 6px;
	width: 149px;
	height: 82px;
	z-index: 1;
}

#comingSoon div#txtComingSoon
{
	position: absolute;
	top: 200px;
	left: 275px;
	width: 450px;
}

#comingSoon div#txtComingSoon h1 {
	width: 450px;
	font-size: 1.438em;
	margin: 0 0 10px 0;
	text-align: center;
}

#comingSoon div#txtComingSoon p {
	font-size: 0.813em;
}

/* glamour description */

.bgGlamourDescription {background:#000000 url(../images/bg_glamour.jpg) no-repeat scroll center top;}
#containerContent .blockGlamourHeader { height:56px; width:941px; margin:0 auto 0 auto;}
.blockGlamourHeader .blockLeftTitle {float:left; width:450px; padding-top:38px;}
.blockLeftTitle a {font-size:0.688em; font-weight:700; color:#FFFFFF;}
.blockGlamourHeader .blockRigthTitle {float:right; width:443px; height:56px;}
.blockRigthTitle h1 {margin:0px; padding:0px; width:443px; height:56px; text-indent:-9000px; background:url(../images/bg_newtouch.png) no-repeat left top;}
#containerContent .blockGlamourContent {width:911px; padding-left:30px; margin:0 auto 22px auto; background:url(../images/bg_contentglamour.jpg) no-repeat left top;}
.blockGlamourContent .blockLeftCopyGlamour {float:left; width:657px; padding-top:39px;}
.blockGlamourContent .blockRightCopyGlamour {float:left; width:254px;}
.blockLeftCopyGlamour h2 {margin:0px; padding:0px; width:657px; height:106px; text-indent:-9000px; background:url(../images/bg_glamourh2.png) no-repeat left top;}
.blockLeftCopyGlamour h3 {margin:0px; padding:0px; width:657px; height:51px; text-indent:-9000px; background:url(../images/bg_glamourh3.png) no-repeat left top;}
.blockLeftCopyGlamour .firstParagraph {margin:0px !important; padding:0px !important; width:657px; height:44px; text-indent:-9000px; background:url(../images/bg_glamourfirstp.png) no-repeat left top;}
.blockLeftCopyGlamour p {font-size:0.75em; color:#FFFFFF; padding:0 0 15px 0; margin:0px;}

.moreSpace1 {padding-bottom:34px !important;}
.moreSpace2 { font-size:0.813em !important;}

/* Regenerist Eye Derma Pod*/
.titleRegeneristEyeDermaPod { width:407px; height:29px; float:right; margin-top:11px; margin-right:24px; _margin-right:12px;}
.menuRegeneristEyeDermaPod { width:422px; height:354px; float:left; margin-top:11px; _margin-top:5px; margin-left:28px; _margin-left:18px; background:url(../images/img-menu-packshot-regenerist-eye-drema-pod.jpg) no-repeat left top; padding-bottom:179px; _padding-bottom:150px;}
.packshotRegeneristEyeDermaPod {position:absolute;left:231px;top:11px;width:219px;height:170px;float:right}
.textMenuContainerEyeDermaPod { width:330px; height:225px; padding: 90px 23px 27px 27px;}
.textMenuContainerEyeDermaPod h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.375em; color:#DAC46C; font-weight:normal;}
.textMenuContainerEyeDermaPod h2 { font-family:Arial, Helvetica, sans-serif; font-size:1.125em; color:#DAC46C; font-weight:normal; margin-bottom:15px;}
.textMenuContainerEyeDermaPod p { font-family:Arial, Helvetica, sans-serif; font-size:0.813em; color:#FFFFFF; margin-bottom:7px;}
.textMenuContainerEyeDermaPod .yellowTxt { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#DAC46C; margin-bottom:8px;}
.btnBeFirstContent { width:155px; height:33px; padding-left:215px;}

/* Regenerist Eye Derma Pod Thank You Page*/
.menuThankYouRegeneristEyeDermaPod { width:422px; height:246px; float:left; margin-top:11px; _margin-top:5px; margin-left:28px; _margin-left:18px; background:url(../images/img-menu-thankyou-regenerist-eye.jpg) no-repeat left top; padding-bottom:287px; _padding-bottom:197px;}
.btnDiscoverRangeContent { width:230px; height:35px; padding-left:140px;}

/*Regenerist Eye Derma Pod Registration Form*/
.FormContentRegeneristEyeDermaPod { width:662px; height:auto; float:left; margin-top:11px; _margin-top:5px; margin-left:28px; _margin-left:18px; background:url(../images/img-menu-form-regenerist-eye.jpg) no-repeat left top;}
.packshotRegeneristEyeDermaPodForm {position:absolute;left:472px;top:52px;width:219px;height:170px;float:right}

.FormContentRegeneristEyeErrors { width:580px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:0.813em; color:#CC0000; padding:5px 0px 0px 27px;}

.FormContentRegeneristEye { padding-top:10px;}
.FormRegeneristEyeMainTable { width:580px; margin-left:27px;}
.FormRegeneristEye { font-family:Arial, Helvetica, sans-serif; font-size:0.813em; color:#FFFFFF;}
.FormRegeneristEye select { font-family: Arial, Helvetica, sans-serif; font-size:0.875em; color:#000000; border:none;}
.FormRegeneristEye input { width:255px; padding-top:2px; height:20px; font-family: Arial, Helvetica, sans-serif; font-size:0.875em; color:#000000; border:none;}

.checkboxGender {}
.checkboxGender input { width:18px; color:#000000 !important}

.checkboxDOB {}
.checkboxDOB select { width:60px;}

.checkboxDOBYear { width:95px;}
.checkboxDOBYear select { width:95px;}

.checkboxDisclamer {}
.checkboxDisclamer input { width:20px; margin:0; padding:0;}

.FormRegeneristEyeFirstName {}
.FormRegeneristEyeFirstName input { width:175px; font-family: Arial, Helvetica, sans-serif; font-size:0.875em; color:#000000;}

.textFormContainerEyeDermaPod { width:393px; height:auto; padding: 60px 23px 0px 27px;}
.textFormContainerEyeDermaPod h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.375em; color:#DAC46C; font-weight:normal;}
.textFormContainerEyeDermaPod h2 { font-family:Arial, Helvetica, sans-serif; font-size:1.125em; color:#DAC46C; font-weight:normal; margin-bottom:15px;}
.textFormContainerEyeDermaPod p { font-family:Arial, Helvetica, sans-serif; font-size:0.813em; color:#FFFFFF; margin-bottom:7px;}
.textFormContainerEyeDermaPod .yellowTxt { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; color:#DAC46C; margin-bottom:8px;}

.submitFormRegeneristEye { width:580px; height:24px; background:url(../images/bg-sumbit-form-regenerist.jpg) no-repeat left top; padding-bottom:15px;}
.submitFormRegeneristEyeBtn { width:74px; height:24px; float:right;}
.submitFormRegeneristEyeBtn input { margin:0px; padding:0px; border:none; width:74px; height:24px; background:url(../images/btn-sumbit-form-regenerist.jpg) no-repeat left top; cursor:pointer;}

.tickBox{ text-align:left; padding-bottom:10px;}
.tickBox input{ padding:0px !important; margin:0px !important; width:20px;}

/* olay_registration.php */
.ipod { background:url(../images/bg-regenerist-eye-derma-pod.jpg) no-repeat left top; }
#containerContent .blockOlayReg {width:941px; height:490px; margin-left:30px; }
.blockOlayReg .blockOlayRegLeft { width:545px; padding:40px 0 0 37px;}
.blockOlayRegLeft .blockOlayRegCopy {width:542px; padding-left:3px;}
.blockOlayRegCopy h1 {margin:0px; padding:0 0 16px 0; text-indent:-9000px; width:494px; height:64px; background:url(../images/bg_welcomeh1.png) no-repeat left top;}
.blockOlayRegCopy p {margin:0px; padding:0 0 16px 0; font-size:0.75em; color:#FFFFFF;}
.blockOlayRegCopy h2 {margin:0px; padding:0px; font-size:1em; color:#FFFFFF;}
.blockOlayRegCopy h2 a {color:#FFFFFF; text-decoration:underline;}
.blockOlayRegLeft .blockOlayRegForm {width:545px;}
.blockOlayRegForm .blockRowOlayRegForm { padding-top:25px;}
.blockOlayRegForm .blockRowOlayRegForm form {margin:0px; padding:0px;}
.blockRowOlayRegForm .blockColOlayRegFormLeft {float:left; width:335px;}
.blockRowOlayRegForm .blockColOlayRegFormRigth {float:left; width:210px; padding-top:25px;}
.blockColOlayRegFormLeft .blockOlayRegLabel {padding:0 0 10px 3px;}
.blockOlayRegLabel label {margin:0px; padding:0px; font-size:0.75em; color:#FFFFFF;}
.blockColOlayRegFormLeft .blockOlayRegInput {}
.blockOlayRegInput input {margin:0px; padding:2px; font-size:0.75em; color:#000000; width:253px; border:solid 1px #333333; }
.blockColOlayRegFormRigth input {margin:0px; padding:0px; border:none; width:161px; height:20px; background:url(../images/btn_getwaitinglist.jpg) no-repeat left top; cursor:pointer;}

/* olay regenerist eye derma pod new */

div#switchOver {height:510px;width:1001px;}
.showDermaPodNew {left:0;position:absolute;top:0;width:1001px;}
#containerDermaPodNew .blockDermaPodNewContent {height:424px;left:550px;position:absolute;top:28px;width:400px;}
.blockDermaPodNewContent .blockDermaNew {background: url(/images/bg_dermanewtof.png) no-repeat scroll left top;height:151px;width:451px;}
.blockDermaNew .blockDermaNewLeft {float:left;padding:25px 0 0 32px;width:193px; *width:183px; }
.blockDermaNewLeft h2 {color:#DAC46C;font-size:1.375em;font-weight:normal;margin:0;padding:0 0 10px;}
.blockDermaNewLeft h2 span {font-size:0.75em;}
.blockDermaNewLeft p {color:#FFFFFF;font-size:0.813em;margin:0;padding:0 0 10px;}
.blockDermaNew .blockDermaNewRigth {float:left;width:220px;}
.blockDermaNewRigth .blockDermaNewLinks {padding-top:121px;}
.blockPrecSolutLinks a, .blockDermaNewLinks a, .blockTwiggyLinks a {float:left;}
.blockDermaPodNewContent .blockDermaClubOlay {background:transparent url(/images/bg_clubolay.png) no-repeat scroll left top;height:128px;width:451px;}
.blockDermaClubOlay .blockClubOlayCont {padding:30px 0 0 124px;/*width:270px;*/}
.blockClubOlayCont p {color:#FFFFFF;font-size:0.813em;margin:0;padding:0 0 7px;}
.blockClubOlayCont p span, .blockSkinConsultationCont p span {color:#DAC46C;}
.blockClubOlayCont .blockClubOlayLink2 {padding:0 0 0 137px;}
.blockDermaPodNewContent .blockDeramSkinConsultation {background:transparent url(/images/bg_skiconsultation.png) no-repeat scroll left top;height:145px;width:451px;}
.blockSkinConsultation .blockSkinConsultationCont, .blockDeramSkinConsultation .blockSkinConsultationCont {padding:38px 0 0 114px;/*width:280px;*/}
.blockClubOlayCont h2, .blockSkinConsultationCont h2 {color:#DAC46C;font-size:1.375em;font-weight:normal;margin:0;padding:0 0 4px;}
.blockSkinConsultationCont p {color:#FFFFFF;font-size:0.813em;margin:0;padding:0 0 2px;}
.blockClubOlayCont p span, .blockSkinConsultationCont p span {color:#DAC46C;}
.blockSkinConsultationCont .blockSkinConsultationLink2 {padding:0 0 0 179px;}
.fixPadTop {padding-top:33px !important;}

#quickLinks, #quickLinks select { color: #000000; background: #ffffff; }
option[selected], option:hover, option:selected { background: #000000 !important; color: #ffffff !important; }
div#containerLogin * {color: white !important; }
input:focus, textarea:focus, select:focus, a:focus { border: 1px dotted #5A3B4A !important; }


/* Dropdown control */
.selectBox-dropdown {
	width: 110px; /* width = (desired width) - padding-right */
	padding-right: 40px;
	position: relative;
	border: solid 1px #BBB;
	line-height: 1;
	text-decoration: none;
	color: #000;
	outline: none;
	vertical-align: middle;
	background: white;
	display: inline-block;
	float: left;
	cursor: default;
	font-size: 11px;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
	border-color: #666;
}

.selectBox-dropdown.selectBox-menuShowing {
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
	width: 100%;
	padding: .2em .3em;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
	position: absolute;
	top: 0;
	right: 0;
	width: 23px;
	height: 100%;
	background: url(jquery.selectBox-arrow.gif) 50% center no-repeat;
	border-left: solid 1px #BBB;
}


/* Dropdown menu */
.selectBox-dropdown-menu {
	position: absolute;
	z-index: 99999;
	max-height: 200px;
	border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
	background: #FFF;
	-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	overflow: auto;
}


/* Inline control */
.selectBox-inline {
	width: 250px;
	outline: none;
	border: solid 1px #BBB;
	background: #FFF;
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: auto;
}

.selectBox-inline:focus {
	border-color: #666;
}


/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
	list-style: none;
	display: block;
	cursor: default;
	padding: 0;
	margin: 0;
	color: black;
	font-size: 11px;
	text-align: left;
}

.selectBox-options LI A {
	line-height: 1.5;
	padding: 0 .5em;
	white-space: nowrap;
	overflow: hidden;
	background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
	background-color: #EEE;
}

.selectBox-options LI.selectBox-disabled A {
	color: #888;
	background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
	background-color: #C8DEF4;
}

.selectBox-options .selectBox-optgroup {
	color: #666;
	background: #EEE;
	font-weight: bold;
	line-height: 1.5;
	padding: 0 .3em;
	white-space: nowrap;
}


/* Disabled state */
.selectBox.selectBox-disabled {
	color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
	opacity: .5;
	filter: alpha(opacity=50);
	border-color: #666;
}

.selectBox-inline.selectBox-disabled {
	color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
	background-color: transparent !important;
}
