/*
	The maxfactor main.css file is used with the following overrides to allow for the flash content:
*/

#container { background:#000; position:relative; width:986px; height:auto; }
.comp #container { background-image:url(../img/bg-comp.jpg) !important; }
.comp #container #product_comp { position:absolute; left:42px; top:96px; }
.compThanks #container { background-image:url(../img/bg-comp.jpg) !important; }
.compThanks #container #product_comp { position:absolute; left:42px; top:96px; }
#logo-mf { position:absolute; top:10px; left:13px; }
#nav { position:absolute; top:10px; left:220px; z-index:200; }
#zoneFlash, .flashHolder { height:580px; margin:0 auto; width:960px; background:url(../img/bg_landing.jpg) no-repeat left top; }
#footer { position:absolute; bottom:-25px; z-index:500;}
.clear { display:block; height:1px; clear:both; font-size:1px; background:none !important; }
.errorLbl { color:#f00 !important; }

/* because of jquery.validate.js */
.error { display:none !important; }


/*
  taf styles
*/

#overlayContainer { height:95%; position:absolute; top:0; left:0; width:100%; z-index:2; }
#overlay { background:#000; height:100%; position:absolute; top:0; left:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5; width:100%; zoom:1; }
#tafOverlay { position:absolute; top:140px; left:257px; }

#tafContainer { background:url(../img/bg-taf-container.png) 0 0 repeat-y; min-height:280px; _height:280px; position:absolute; top:0; left:0; width:488px; }
    #tafContainer #bdrTopTafContainer { position:absolute; top:-3px; }
	#tafContainer #bdrBtmTafContainer { position:absolute; bottom:-3px; >z-index:-1; }
	#mascara { position:absolute; bottom:-50px; right:-103px; z-index:2; }
	
	#tafInner { background:#000 url(../img/bg-taf-inner.jpg) 0 0 no-repeat; border-right:1px solid #656565; border-left:1px solid #656565; font-family:arial, helvetica, sans-serif; /*margin:9px 10px;*/ min-height:332px; _height:332px; padding:57px 0 0 14px; position:relative; width:415px; }
		#bdrTopTafInner { position:absolute; top:-1px; left:0; }
		#bdrBtmTafInner { position:absolute; bottom:-1px; left:0; }
	#tafInner h1 { font-family:gill sans, arial, helvetica, sans-serif; font-size:23px; font-weight:normal; margin-bottom:25px; text-transform:uppercase; }
	#tafInner .field { display:block; float:left; width:195px; }
	#tafInner .name { margin-right:20px; _margin-right:10px; }
		#tafInner .field * { display:block; width:195px; }
		#tafInner .field input { border-top:1px solid #e3e3e3; border-right:0; border-bottom:0; border-left:1px solid #e3e3e3; margin:4px 0 6px; padding:1px; }
		#tafInner #check { clear:left; display:block; float:left; margin:10px 0 15px; width:100%; }
			#tafInner #check * { display:inline; float:left; }
			#tafInner #check input { margin-right:10px; }
			#tafInner #check label { color:#868686; line-height:13px; text-transform:none; width:385px; }
			#tafInner #check label .error { display:inline !important; float:left !important; }
	#tafInner label { font-family:gill sans, arial, helvetica, sans-serif; font-size:10px; text-transform:uppercase; }
	#tafInner #preview { clear:left; padding-top:15px; }
	#tafInner p.copy1 { color:#fff; margin-bottom:5px; text-transform:uppercase; }
	#tafInner p.copy2 { color:#868686; line-height:16px; margin-bottom:15px; width:370px; }
	#tafInner p.copy3 { color:#fff; font-size:12px; line-height:16px; margin-bottom:15px; padding-top:10px; width:370px; text-transform:uppercase; }
	
	.copyScroll { overflow:auto; width:400px; height:100px; }
	
		#tafInner #preview span { color:#fff; }
	#tafInner #thanks { margin-bottom:58px; >margin-bottom:62px; }
	#tafInner #form #thanks { display:none; }
    #tafContainer #bdrTopTafContainer { position:absolute; top:-3px; }
	#tafContainer #bdrBtmTafContainer { position:absolute; bottom:-3px; }
	#tafContainer #close { position:absolute; top:8px; right:5px;}
	/*#tafContainer #close { float:right; margin:8px 5px 0 0;display:inline;}*/
	#tafContainer #mascara { position:absolute; bottom:-40px; right:-80px; }
	
	#tafInner {/* background:#000 url(../img/bg-taf-inner.jpg) 0 0 no-repeat; border-right:1px solid #656565; border-left:1px solid #656565;*/ background:none !important; border:none !important; margin:0px 0 9px 10px; min-height:232px; height:350px; padding:10px 20px 15px 20px; position:relative; width:415px; }
		#bdrTopTafInner { position:absolute; top:-1px; left:0; }
		#bdrBtmTafInner { position:absolute; bottom:-1px; left:0; }
	#tafInner h1, #tafInner h2 { font-family:gill sans, arial, helvetica, sans-serif; font-size:20px; font-weight:normal; margin-bottom:25px; text-transform:uppercase; }
	#tafInner h1 span { font-size:68%}
	#tafInner h2.sub {font-size:123% }
	#tafInner #formInner { z-index:100; }
	#tafInner .field { display:block; float:left; width:190px; }
	#tafInner .name { margin-right:20px; _margin-right:10px; }
		#tafInner .field * { display:block; width:190px; }
		#tafInner .field input { border-top:1px solid #e3e3e3; border-right:0; border-bottom:0; border-left:1px solid #e3e3e3; margin:4px 0 6px; padding:1px; }
		#tafInner #check { clear:left; display:block; float:left; margin:10px 0 15px; width:100%; }
			#tafInner #check * { display:inline !important; float:left !important; }
			#tafInner #check input { margin-right:10px; }
			#tafInner #check label { color:#868686; line-height:13px; text-transform:none; width:autox; }
	#tafInner label { font-family:gill sans, arial, helvetica, sans-serif; font-size:10px; text-transform:uppercase; }
	#tafInner #preview { clear:left; padding-top:15px; >padding-top:7px; }
	#tafInner p#copy1 { margin-bottom:5px; text-transform:uppercase; }
	#tafInner p#copy2 { color:#868686; line-height:16px; margin-bottom:15px; width:370px; }
	#tafInner p#copy3 { color:#fff; font-size:12px; line-height:16px; margin-bottom:15px; padding-top:10px; width:370px; text-transform:uppercase; }
		#tafInner #preview span { color:#fff; }
	#tafInner #thanks { margin-bottom:62px; }
	
/*
	competition styles
*/

.comp #inner { color:#000; font-family:arial, helvetica, sans-serif; margin:123px 0 0 398px; width:460px; padding-left:10px;}
	.comp h1, .comp h2, .compThanks h1 { color:#252f86; font-family:gill sans, arial, helvetica, sans-serif; font-weight:normal; margin-left:-5px; text-transform:uppercase; }
	.comp h1 { font-size:36px; margin-left:-15px; }
	.compThanks h1 { margin-bottom:90px; margin-left:-15px; }
	.comp h1 span, .comp h2 span, .compThanks h1 span { display:none; }
	.comp h2 { font-size:19px; margin-left:-15px; margin-bottom:80px; }
	.comp p, .compThanks p { font-size:12px; margin:15px 0 15px 0; }
	.comp #inner span.form_inputs { display:block; height:51px;}
	.comp label, .comp input { display:block; }
	.comp label { text-transform:uppercase; }
	.comp input { margin-bottom:5px; float:left; clear:left;}
	.comp input.rh_btn { margin-left:9px; float:left; clear:right; }
	.comp #inner a { color:#000; margin-top:5px;text-decoration:underline; }
	.comp #inner a:hover { text-decoration:none; }
	.comp #ctl00_cphMainContent_ImageButton1 { margin-top:190px; }
	
.compThanks #inner { color:#000; font-family:arial, helvetica, sans-serif; margin:160px 0 0 398px; width:450px; padding-left:10px;}
	.compThanks #inner p { margin:15px 0 30px; }
	.compThanks #inner a { display:block; margin:0 0 5px 0; }
	
	.comp #inner #disclaimer, .compThanks #inner #disclaimer { position:absolute; bottom:52px; >bottom:49px; _bottom:48px; left:407px; font-family:arial, helvetica, sans-serif; width:400px; }
	
.maxClub #tafContainer { min-height:265px; _height:265px;  }
.maxClub #tafInner { background:#000 url(../img/bg-taf-inner.jpg) 0 -58px no-repeat; min-height:250px !important; _height:250px !important; }
.maxClubCopy h1 { margin:10px 0 0 0 !important; }
.maxClubCopy h2 { font-size:16px !important; margin:20px 0 0 0 !important; }
.maxClubCopy p { margin:30px 0 0 3px; }
.maxClubCopy a { background:url(../img/arrow-wh-blk-right.gif) 0 1px no-repeat; display:block; margin:20px 0 0 3px; outline:0; padding-left:12px; text-transform:uppercase; width:auto; }
.maxClubCopy a:hover { text-decoration:underline; }

#compOverlay { display:none; position:absolute; top:128px; left:270px; height:280px; width:480px;}
#compOverlay #tafInner { background:#000 url(../img/bg-taf-inner.jpg) 0 -58px no-repeat; _height:215px !important;}

/*
	terms
*/

.terms { background:#999 !important; }
	.terms #tafContainer { position:absolute; top:10px; left:10px; }
	.terms #tafInner { _width:455px; height:auto; }
	.terms ol { padding:0 0 10px 20px; }
	.terms li { margin:0 0 10px 0; }
	.terms ul li { list-style:none; margin:0 0 0 15px; }
	

/*
	html alternative
*/

/*.landing {  }
	.landing #zoneFlash h1 { position:absolute; top:132px; left:186px; }
	.landing #zoneFlash h1 span { display:none; }
	.landing #zoneFlash #product { position:absolute; top:91px; left:73px; }
	.landing #zoneFlash ul { position:absolute; top:365px; left:55px; }
		.landing #zoneFlash ul li { display:inline; float:left; }
		.landing #zoneFlash ul .videos { padding:0 3px 0 0; }
		.landing #zoneFlash ul #video1 { padding-top:6px; }
		.landing #zoneFlash ul #video2 { padding-top:8px; }
		.landing #zoneFlash ul #video3 { padding-top:4px; }
		.landing #zoneFlash ul #transcript { padding-top:17px; }
		.landing #zoneFlash ul #ctas a { display:block; }
	.landing #zoneFlash #star { position:absolute; top:400px; left:148px; }
	.landing #zoneFlash #disclaimer { position:absolute; bottom:52px; >bottom:49px; _bottom:48px; left:248px; font-family:arial, helvetica, sans-serif; width:260px; }
	.landing #zoneFlash #share { background:#000; color:#999; display:block; font-family:arial, helvetica, sans-serif; padding:2px 5px 0; position:absolute; bottom:40px; >bottom:36px; _bottom:35px; right:10px; text-transform:uppercase; }
	.landing #zoneFlash #share:hover { text-decoration:underline; }
	.landing #overlay { display:none; }*/


/* vodcast*/
.vodcast #container
{
	/*background-image: url(../img/bg-vodcast.jpg) !important;*/
}
.vodcast ul.videoList
{
	list-style-type:none;
	position:absolute;
	left:20px;
	top:372px;
}
.vodcast ul.videoList li
{
	display:inline;
	width:129px;
}
.vodcast ul.videoList li#transcript img
{
	padding-bottom:3px;
}
.vodcast ul#ctas
{
	list-style-type:none;
	position:absolute;
	left:825px;
	top:47px;
}
.vodcast #overlay, .landing #overlay 
{
	display:none;
}

/* eyeshadow */

/*hp*/
.landing {}
.landing .headerH1 { position:absolute; top:50px; right:18px; width:412px; height:67px;}
.landing .headerH1 h1 {display:block; text-indent:-9000px; width:412px; height:67px; background: url(../img/alt/bg_headerh1.png) no-repeat left top;}
.landing .watchTheVideo { position:absolute; top:182px; left:86px; width:253px; height:116px;}
.landing .watchTheVideo a {display:block; text-indent:-9000px; width:253px; height:116px; background: url(../img/alt/bg_headerh2.png) no-repeat left top;}
.landing .ctaFreeSample { position:absolute; top:296px; right:108px; width:214px; height:75px;}
.landing .ctaFreeSample a {display:block; text-indent:-9000px; width:214px; height:75px; background: url(../img/alt/cta_freesample.png) no-repeat left top;}
.landing .ctaFreeSample a:hover { background: url(../img/alt/cta_freesample_over.png) no-repeat left top;}
.landing .ctaReviewWin { position:absolute; top:384px; right:108px; width:214px; height:101px;}
.landing .ctaReviewWin a {display:block; text-indent:-9000px; width:214px; height:101px; background: url(../img/alt/cta_secondskin.png) no-repeat left top;}
.landing .ctaReviewWin a:hover { background: url(../img/alt/cta_secondskin_over.png) no-repeat left top;}

.landing .containerColours { position:absolute; top:496px; left:192px; width:576px; height:20px;}
.landing .containerColours .blockColours {float:left;}
.landing .containerColours .blockColours img {float:left;}
.landing .containerColours .blockColours p { float:left; color:#FFF; font-size:10px; font-family:Arial; padding:5px 11px 0 4px;}




.landing .blockVodCast1 { position:absolute; left:13px; top:0px; width:317px; height:180px;}
.landing .blockVodCast2 { position:absolute; left:13px; top:184px; width:317px; height:180px;}
.landing .blockVodCast3 { position:absolute; left:332px; top:0px; width:317px; height:180px;}
.landing .blockVodCast4 { position:absolute; left:332px; top:184px; width:317px; height:180px;}
.landing .blockVodCast5 { position:absolute; left:332px; top:367px; width:317px; height:180px;}
.landing .blockVodCast6 { position:absolute; left:650px; top:367px; width:317px; height:180px;}
.landing .blockLinkProd { position:absolute; right:113px; top:184px; width:131px; height:180px;}
.landing .blockLinkCompetition { position:absolute; left:48px; top:401px; width:235px; height:112px;}


/* vodcast */
.vodcast {}
.vodcast .blockLogo { position:absolute; left:13px; top:10px; width:146px; height:106px; z-index:100;}
.vodcast .blockTrasparentRight { float:right; position:relative; height:580px; width:518px; background: url(../img/alt/bg_transparent.png) no-repeat left top; z-index:50;}

.vodcast .blockHeader { position:absolute; right:13px; top:50px; width:518px; height:67px; z-index:100;}
.vodcast .blockHeader h1 { display:block; text-indent:-9000px; width:518px; height:67px; background: url(../img/alt/bg_headerh1.png) no-repeat 106px top;}
.vodcast .blockFirstText { position:absolute; right:0px; top:147px; width:518px; height:95px; z-index:100;}
.vodcast .blockFirstText p {display:block; width:401px; height:57px; text-indent:-9000px; background: url(../img/alt/sub_header.png) no-repeat 38px top;}
.vodcast .blockText { position:absolute; right:0px; top:236px; width:518px; height:102px; z-index:100;}
.vodcast .blockText p {display:block; width:494px; height:102px; text-indent:-9000px; background: url(../img/alt/img_text.png) no-repeat 36px top;}
.vodcast .blockSignature { position:absolute; right:0px; top:362px; width:518px; height:95px; z-index:100;}
.vodcast .blockSignature p {display:block; width:254px; height:95px; text-indent:-9000px; background: url(../img/alt/signature.png) no-repeat 46px top;}
.vodcast .blockLinkTranscript {position:absolute; right:110px; top:380px; width:87px; height:134px; z-index:300;}
.vodcast .blockBack {position:absolute; left:13px; top:520px; width:121px; height:18px; z-index:100;}
.vodcast .blockImgVodcast {position:absolute; left:13px; top:0px; width:960px; height:580px; z-index:40;}

.zIndex { z-index:500 !important;}