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

#container { background-color:#000; background-image:url(../img/bg-container-flem.jpg) !important; background-position:top; background-repeat:no-repeat; position:relative; }
.comp #container { background-image:url(../img/bg-comp.jpg) !important; }
.compThanks #container { background-image:url(../img/bg-comp-thanks.jpg) !important; }
#logo-mf { position:absolute; top:10px; left:14px; }
#nav { position:absolute; top:10px; left:220px; }
#zoneFlash { height:535px; margin:0 auto; width:957px; }
#footer { position:absolute; bottom:0px; >bottom:-5px; }
.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; filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5; width:100%; }
#tafOverlay { position:absolute; top:75px; left:245px; }

#tafContainer { background:url(../img/bg-taf-container.png) 0 0 repeat-y; min-height:380px; _height:380px; position:absolute; top:90px; left:270px; width:488px; }
    #tafContainer #bdrTopTafContainer { position:absolute; top:-3px; }
	#tafContainer #bdrBtmTafContainer { position:absolute; bottom:-3px; >z-index:-1; }
	#tafContainer #close { float:right; margin:8px 5px 0 0; }
	#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:15px 20px; 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 { border-top:1px dotted #666; 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; }
		#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 { float:right; margin:8px 5px 0 0; }
	#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; margin:9px 10px; min-height:332px; _height:332px; padding: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:23px; font-weight:normal; margin-bottom:25px; text-transform:uppercase; }
	#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 { border-top:1px dotted #666; 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:58px; }
	
/*
	competition styles
*/

.comp #inner { color:#000; font-family:arial, helvetica, sans-serif; margin:60px 0 0 450px; padding-left:5px; width:450px; }
	.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; }
	.comp h2 { font-size:19px; width:400px; }
	.comp p { font-size:12px; margin:15px 0 15px 0; }
	.comp label, .comp input { display:block; }
	.comp label { text-transform:uppercase; }
	.comp input { margin-bottom:5px; }
	.comp #inner a { color:#000; margin-top:5px; }
	.comp #inner a:hover { text-decoration:underline; }
	.comp #ctl00_cphMainContent_ImageButton1 { margin-top:190px; }
	
.compThanks #inner { color:#000; font-family:arial, helvetica, sans-serif; margin:120px 0 0 220px; padding-left:5px; width:355px; }
	.compThanks #inner p { margin:15px 0 30px; }
	.compThanks #inner a { display:block; margin:0 0 15px 0; }

.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 { position:absolute; top:135px; left:246px; }
#compOverlay #tafInner { background:#000 url(../img/bg-taf-inner.jpg) 0 -58px no-repeat; min-height:215px !important; _height:215px !important; }

/*
	terms
*/

.terms { background:#999 !important; }
	.terms #tafContainer { position:absolute; top:10px; left:10px; }
	.terms #tafInner { _width:455px; }
	.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:275px; left:190px; }
	.landing #zoneFlash #product { position:absolute; top:45px; left:800px; }
	.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:365px; left:855px; }
	.landing #zoneFlash #volume { position:absolute; bottom:45px; >bottom:41px; _bottom:40px; left:25px; font-family:arial, helvetica, sans-serif; text-transform:uppercase; }
	.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; }