
body {
	background:#000;
	color:#402d26;
}

h1, h2, h3, h4, h5, p, div, form, ul, ol, li {
	margin:0;
	padding:0;
}

img {
	border:0;
}

.clear {
	clear:both;
	overflow: hidden;
}

.pngfix {
	behavior:url(css/iepngfix.htc);
}

div#switchOver
{
	position: relative;
	width: 1001px;
}


	/* --- inherited from new stylesheet for Olay refurb --- */
	
		div#containerNav
		{
			margin-bottom:35px;
		}
	
		div#containerContent {
			clear: both;
			position: relative;
			width: 961px;
		}
		
	/* --- end --- */

#containerContent {
	background:url(../img/bg-te-default.jpg) 0 0 no-repeat;
	height:452px;
	margin:0 0 30px 40px;
}


/* --- alt header styles (taken from old old Olay site) --- */

/* header */
#header{
	height:32px;
	margin:30px auto 40px; _margin-bottom:0;
	width:910px !important;
}

/* logo */
#logo{
	float:left;
}

/* menu */
#menu{
	float:right;
	background: url('../img/bg_filet.gif') right bottom no-repeat;
	padding-bottom:5px;
	position:relative;
	margin:7px 0 0 0;
	width:85%;
}
#menu li{
	display:block;
	float:left;
	margin-right:15px;
}
#menu ul{
	text-align:right;
	float:right;
}
#menu li.last{
	margin:0;
}
#menu ul li a{
	color:white;
	font-size:.65em;
	text-transform:uppercase;
}


/* --------------------------------------------------------*/


/* nav styles */

#navClub li
{
	color: #FFFFFF;
}

#containerContent ul {
	list-style:none;
}

html:first-child #containerContent ul {
	/* opera fix */
	padding-top:5px;
}

#containerContent ul#te-nav li {
	behavior:url(/new-improved-total-effects/css/iepngfix.htc);
	display:inline;
	float:left;
	height:22px;
}

#containerContent ul#te-nav li a {
	color:#4a362a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding:0 11px;
	text-decoration:none;
}

#containerContent ul#te-nav li a:hover {
	color:#f4efec;
}

#containerContent ul#te-nav li#nav-total-effects {
	padding-left:15px;
}

#containerContent img#packshot-nav-mini {
	position:absolute;
	top:-3px;
	left:57px;
}

#home #containerContent ul#te-nav li#nav-home {
	background:url(../img/bg-nav-home.png) 0 0 no-repeat;
}

* html #home #containerContent ul#te-nav li#nav-home
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../img/bg-nav-home.png", sizingMethod="crop");
}

#home #containerContent ul#te-nav li#nav-home a {
	color:#f4efec;
}

#total-effects #containerContent ul#te-nav li#nav-total-effects {
	background:url(../img/bg-nav-total-effects.png) 0 0 no-repeat;
}

* html #total-effects #containerContent ul#te-nav li#nav-total-effects
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../img/bg-nav-total-effects.png", sizingMethod="crop");
}

#total-effects #containerContent ul#te-nav li#nav-total-effects a {
	color:#f4efec;
}

#competition #containerContent ul#te-nav li#nav-competition {
	background:url(../img/bg-nav-competition.png) 0 0 no-repeat;
}

#competition #containerContent ul#te-nav li#nav-competition a {
	color:#f4efec;
}

#free-sample #containerContent ul#te-nav li#nav-free-sample {
	background:url(../img/bg-nav-free-sample.png) 0 0 no-repeat;
}

* html #free-sample #containerContent ul#te-nav li#nav-free-sample
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../img/bg-nav-free-sample.png", sizingMethod="crop");
}

#free-sample #containerContent ul#te-nav li#nav-free-sample a {
	color:#f4efec;
}

#download #containerContent ul#te-nav li#nav-download {
	background:url(../img/bg-nav-download.png) 0 0 no-repeat;
}

* html #download #containerContent ul#te-nav li#nav-download
{
	background: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled="true", src="../img/bg-nav-download.png", sizingMethod="crop");
}

#download #containerContent ul#te-nav li#nav-download a {
	color:#f4efec;
}

/* more opera fixes */

html:first-child #home #containerContent ul#te-nav li#nav-home {
	background:url(../img/bg-nav-home.png) 0 -5px no-repeat;
}

html:first-child #total-effects #containerContent ul#te-nav li#nav-total-effects {
	background:url(../img/bg-nav-total-effects.png) 0 -5px no-repeat;
}

html:first-child #competition #containerContent ul#te-nav li#nav-competition {
	background:url(../img/bg-nav-competition.png) 0 -5px no-repeat;
}

html:first-child #free-sample #containerContent ul#te-nav li#nav-free-sample {
	background:url(../img/bg-nav-free-sample.png) 0 -5px no-repeat;
}

html:first-child #download #containerContent ul#te-nav li#nav-download {
	background:url(../img/bg-nav-download.png) 0 -5px no-repeat;
}

/* done with opera */
/* end of nav styles */



/* homepage styles */

#home div#containerContent {
	margin:0 0 0 40px;
	padding: 0 0 50px 0;
}

#home #toolkit {
	position:absolute;
	top:40px;
	left:0px;
}

#home #new-improved {
	position:absolute;
	top:90px;
	left:80px;
}

#home #hdr-7-effects,
#total-effects #hdr-7-effects {
	position:absolute;
	top:60px;
	left:270px;
}

#home #txt-easy-living {
	position:absolute;
	top:149px;
	left:278px;
}

#home #packshot {
	display:none;
	position:absolute;
	top:260px;
	left:220px;
}

#home #packshotWidget {
	position:absolute;
	top:62px;
	left:637px;
}

#home #flash {
	height:235px;
	position:absolute;
	top:220px;
	left:387px;
	width:220px;
}

#home #flash #flashInner {
	height:235px;
	position:relative;
	width:220px;
}

#home #flash #flashInner .icon {
	color:#8e6531;
	font-size:.9em;
	font-weight:bold;
	height:29px;
	padding:3px 0 0 40px;
}

#home #flash #flashInner #icons #brush {
	background:url(../img/icon-brush.png) 4px center no-repeat;
}

#home #flash #flashInner #icons #torch {
	background:url(../img/icon-torch.png) 0 center no-repeat;
}

#home #flash #flashInner #icons #iron {
	background:url(../img/icon-iron.png) 1px center no-repeat;
}

#home #flash #flashInner #icons #lock {
	background:url(../img/icon-lock.png) 7px center no-repeat;
}

#home #flash #flashInner #icons #stick {
	background:url(../img/icon-stick.png) 0 center no-repeat;
}

#home #flash #flashInner #icons #can {
	background:url(../img/icon-can.png) 0 center no-repeat;
}

#home #flash #flashInner #icons #roller {
	background:url(../img/icon-roller.png) 2px center no-repeat;
}

#home #flash #packshot-sm {
	position:absolute;
	top:140px;
	left:-160px;
}

#home #packshot-sm2 {
	position:absolute;
	top:280px;
	left:215px;
}

#home #packshot {
	position:absolute;
	top:52px;
	left:625px;
	z-index: 0;
}

#home #btn-enter-now {
	position:absolute;
	top:205px;
	right:100px;
}

#home #bottom-right {
	position:absolute;
	top:305px;
	right:42px;
	z-index: 1;
}

#home #bottom-right h5 {
	color:#f4efec;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.9em;
	margin:0 0 7px 0;
	width:260px;
}

#home #bottom-right h5 span {
	font-weight: normal;
}

#home #copy-valet-day {
	color:#f4efec;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	margin:0 0 12px 0;
	width:240px;
}

#home #tabs li {
	display:inline;
	float:left;
	min-height:66px; _height:66px;
	width:128px;
}

#home #tabs li#tab-competition {
	background:url(../img/bg-tab-competition.png) 0 0 no-repeat;
}

#home #tabs li#tab-free-sample {
	background:url(../img/bg-tab-free-sample.png) 0 0 no-repeat;
}

#home #tabs li#tab-download {
	background:url(../img/bg-tab-download.png) 0 0 no-repeat;
}

#home #tabs li.tab a {
	color:#f4efec;
	display:block;
	font-family:Helvetica, Arial, sans-serif;
	font-size:.7em;
	font-weight:bold;
	line-height:1em;
	padding:8px 0 0 12px;
	text-decoration:none;
	text-transform:uppercase;
}

#home #tabs li.tab a:hover {
	text-decoration:underline;
}

#disclaimer {
	position: absolute;
	width: 250px;
	top: 413px;
	left: 281px;
	font: 0.6em Arial, Helvetica, sans-serif;
	color: #999;
}



/* total-effects-7-in-1 styles */

#total-effects #packshot2 {
	position:absolute;
	top:50px;
	left:0px;
}

#total-effects #center-copy {
	position:absolute;
	top:150px;
	left:305px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	margin-left:-25px; >margin-left:-30px;
}

#total-effects #easy-living {
	color:#ab8b62;
	font-weight:bold;
	margin:0 0 10px 10px; >margin-left:15px;
	text-align:right;
	width:300px;
}

#total-effects #txt-easy-living {
	margin:0 0 5px 5px;
}

#total-effects ol#effects {
	margin:0 0 10px 10px;
	padding-left:20px; >padding-left:25px;
}

#total-effects ol#effects li {
	font-weight:bold;
	line-height:13px;
	padding:3px;
}

#total-effects ol#effects li span {
	font-weight:normal;
}

#total-effects #buy-now {
	margin:0 0 0 32px;
}

#total-effects #range {
	position:absolute;
	top:150px;
	right:45px;
}

#total-effects #btn-see-the-range {
	position:absolute;
	top:360px;
	right:135px;
}



/* competition styles - landing */

#competition #containerContent {
	background:url(../img/bg-te-competition.jpg) 0 0 no-repeat;
}

#competition #containerInner {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	padding:55px 0 0 35px;
}

#competition #containerInner p {
	margin:10px 0 10px 4px;
	width:280px;
}

#competition #containerInner ol {
	/*background:url(../img/bg-ol-effects.png) 0 0 no-repeat; _background:none;*/
	font-weight:bold;
	margin:0 0 15px 20px;
	padding-left:2px; >padding-left:0;
}

#competition #containerInner ol li {
	line-height:13px;
	>margin-left:8px;
	padding:5px 0 5px 8px; >padding-left:0;
}

#competition #packshot3 {
	position:absolute;
	top:210px;
	right:20px;
}



/* competition styles - softreg (shares styles with #free-sample form ) */

#competition form#enter,
#free-sample form#enter {
	margin-bottom:10px;
	padding-top:10px;
}

#competition form a,
#free-sample form a {
	color:#35231e;
}

#competition form a:hover,
#free-sample form a:hover {
	text-decoration:none;
}

#competition form label,
#free-sample form label {
	font-size:1em;
}

#competition form#enter input#email,
#free-sample form#enter input#email {
	font-size:.8em;
	height:12px;
	margin-left:8px;
	width:140px;
}

#competition .form-spacer,
#free-sample .form-spacer {
	margin:10px 0;
}

#competition form #checkboxes,
#free-sample form #checkboxes {
	padding: 10px 0 0 0;
}

#competition form #checkboxes a,
#free-sample form #checkboxes a {
	text-decoration:underline;
}

#competition form #checkboxes a:hover,
#free-sample form #checkboxes a:hover {
	text-decoration:none;
}

#competition form #checkboxes input,
#free-sample form #checkboxes input {
	float: left;
	width: 13px;
	height: 13px;
	margin: 0 5px 2px 0;
}

#competition form #checkboxes label,
#free-sample  form #checkboxes label {
	float: left;
	font-size:.9em;
}

#free-sample #submit {
	margin: 13px 0 0 0;
}


/* competition styles - fullreg */

#competition form#register #left,
#free-sample form#register #left {
	display:inline;
	float:left;
	margin-right:10px;
	width:235px;
}

#competition form#register #right,
#free-sample form#register #right {
	display:inline;
	float:left;
}

#competition form#register #left label,
#free-sample form#register #left label {
	display:inline;
	float:left;
	padding-top:3px;
	width:100px;
}

#competition form#register #right label,
#free-sample form#register #right label {
	display:inline;
	float:left;
	padding-top:3px;
	width:60px;
}

#competition form#register #left input,
#free-sample form#register #left input,
#competition form#register #right input,
#free-sample form#register #right input {
	font-size:.8em;
	height:14px;
	width:115px;
}

#competition form#register select,
#free-sample form#register select {
	width: 70px;
	font-size:10px;
	height:18px;
}

#competition form#register #dob-box label,
#free-sample form#register #dob-box label,
#competition form#register #dob-box input,
#free-sample form#register #dob-box input {
	display:inline;
	float:left;
}

#competition form#register #dob-box label,
#free-sample form#register #dob-box label {
	_margin-right:3px;
}

#competition form#register #dob-box label.separator,
#free-sample form#register #dob-box label.separator {
	padding:0 3px;
	width:auto;
}

#competition form#register #dob-box input,
#free-sample form#register #dob-box input {
	width:17px;
}

#competition form#register #dob-box input#year,
#free-sample form#register #dob-box input#year {
	width:27px;
}

#competition form#register #dob-box div,
#free-sample form#register #dob-box div {
	display:inline;
	float:left;
	font-size:.8em;
	padding:3px 0 0 2px;
}

#competition form#register .form-spacer2,
#free-sample form#register .form-spacer2 {
	margin:5px 0;
}

#free-sample .radioProduct {
	float: left;
	width: 13px;
	height: 13px;
	margin: 1px 5px 10px 0;
}

#free-sample .labelProduct {
	float: left;
	margin: 0 15px 10px 0;
}

/* competition styles - thanks */

#competition h2 {
	margin-top:40px;
}



/* free sample pages - takes form styles from above -see #competition-softreg */

#free-sample #containerInner {
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	padding:45px 0 0 35px;
}

#free-sample #containerInner p#regIntro {
	width:450px;
	margin: 0 0 10px 0;
}

#free-sample h1 {
	margin-bottom:10px;
}

#free-sample h2 {
	margin-bottom:15px;
}

#free-sample p {
	margin-bottom:15px;
	width:315px;
}

#free-sample #packshot4 {
	position:absolute;
	top:160px;
	right:20px;
}



/* terms styles */

#terms {
	color:#f4efec;
	font-family:Arial, Helvetica, sans-serif;
}

#terms #termsContainer {
	margin:10px auto;
	width:300px;
}

#terms h1 {
	font-size:1.4em;
	margin:0 0 20px 0;
}

#terms ol,
#terms p {
	font-size:.8em;
}

#terms ol {
	margin:0 0 20px 20px;
}

div#containerAnimationLinks
{
	position: absolute;
	bottom: 2px;
	right: 20px;
}

div#containerAnimationLinks h4
{
	float: left;
	margin: 5px 6px 0 0;
	font-size: 0.8em;
	font-weight: normal;
	color: #FFF;
}

div#containerAnimationLinks ul
{
	float: left;
	list-style-type: none;
	font-size: 0.8em;
	font-weight: bold;
}

div#containerAnimationLinks ul li
{
	float: left;
	margin: 0 4px 0 0;
}

div#containerAnimationLinks ul li a
{
	display: block;
	padding: 5px 7px;
	color: #DAC46C;
	background: #000;
	border: 1px solid #FFF;
}

#hdr-download
{
	position: absolute;
	top: 62px;
	left: 32px;
}

#key-visual-download
{
	position: absolute;
	top: 146px;
	left: 652px;
}

#flashcontentDownload
{
	position: absolute;
	top: 180px;
	left: 27px;
	width:216px; 
	height:190px;
}

#containerDownloadTxt
{
	position: absolute;
	top: 167px;
	left: 242px;
	width: 340px;
	padding: 0 0 0 10px;
	border-left: 1px solid #bd9770;
}

#containerDownloadTxt p
{
	margin: 0 0 15px 0;
	font-size:.75em;
}

#containerDownloadTxt p#air
{
	margin: 0;
	font-size:.65em;
	color: #ad7339;
}

#containerDownloadTxt p#air a
{
	color: #ad7339;
	text-decoration: underline;
}





















