/*
	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:216px; z-index:200; }
#zoneFlash, .flashHolder { height:580px; margin:0 auto; width:960px; background:url(../img/bg_site2.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; }
.clear {clear:both;}

a { outline:none;}

/* 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:150px; 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 0 0; padding-bottom:10px; width:100%; border-bottom:dotted 1px #666666; }
			#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:12px; >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;*/ padding-left:10px;  }
    
    #thanks .blockShareLinks { padding:28px 0 0 9px; border-top:dotted 1px #666666;}
    #thanks .blockShareLinks a { margin-bottom:9px; display:block;}
	
/*
	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
*/

/* 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 */





/* 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;}



/* LANDING LEE */

/*hp*/
.landing .flashHolder {width:950px !important;}
.landing #zoneFlash { width:950px !important; background:none !important;}
#inner .blockHeader1 { position:absolute; left:229px; top:52px; width:716px; height:21px;}
#inner .blockHeader1 h1 { display:block; width:716px; height:21px; text-indent:-9000px; background: url(../img/alt/hdr_dramatic_length.png) no-repeat left top;}
#inner .blockHeader2 { position:absolute; left:229px; top:73px; width:716px; height:31px;}
#inner .blockHeader2 h2 { display:block; width:716px; height:31px; text-indent:-9000px; background: url(../img/alt/hdr_new_lee.png) no-repeat left top;}
#inner .blockHeader3 { position:absolute; left:44px; top:132px; width:217px; height:67px;}
#inner .blockHeader3 h3 { display:block; width:217px; height:67px; text-indent:-9000px; background: url(../img/alt/hdr_longer_looking.png) no-repeat left top;}
#inner .blockParagraph1 { position:absolute; left:46px; top:206px; width:207px; height:46px;}
#inner .blockParagraph1 p { display:block; width:207px; height:46px; text-indent:-9000px; background: url(../img/alt/hdr_after_fluttery.png) no-repeat left top;}
#inner .blockParagraph2 { position:absolute; left:46px; top:260px; width:198px; height:29px;}
#inner .blockParagraph2 a { display:block; width:198px; height:29px; text-indent:-9000px; background: url(../img/alt/hdr_discover_new_lee.png) no-repeat left top;}

#inner .blockRowSiteBottom { position:absolute; left:18px; top:391px; z-index:0; overflow:hidden; width:950px; height:136px;}

#inner .blockWatchVideo { position:absolute; left:280px; top:133px; width:665px;}
#inner .blockWinMascaras { position:absolute; left:128px; top:392px; width:121px; height:122px;}

#inner .blockSection1 { position:absolute; left:743px; top:156px; width:275px;}
#inner .blockSection1 h4 {display:block; width:189px; height:55px; text-indent:-9000px; background: url(../img/alt/hdr_fashion_starlet.png) no-repeat left top;}
#inner .blockSection1 p {display:block; width:189px; height:90px; text-indent:-9000px; background: url(../img/alt/hdr_exclusive_magazine.png) no-repeat left top;}
#inner .blockSection1 a.sectionLink {}

#inner .blockSection2 { position:absolute; left:276px; top:401px; width:190px;}
#inner .blockSection2 h4 {display:block; width:190px; height:39px; text-indent:-9000px; background: url(../img/alt/hdr_tips_tricks.png) no-repeat left top;}
#inner .blockSection2 p {display:block; width:190px; height:57px; text-indent:-9000px; background: url(../img/alt/hdr_spring_2010.png) no-repeat left top;}
#inner .blockSection2 a.sectionLink {}

#inner .blockImgGlam { position:absolute; left:490px; top:379px; width:147px; height:159px;}
#inner .blockImgNatural { position:absolute; left:604px; top:371px; width:151px; height:159px;}
#inner .blockImgSpring { position:absolute; left:768px; top:393px; width:122px; height:142px;}

#inner .blockGetLoookCta { position:absolute; left:263px; top:373px; width:682px; z-index:500;}

.block .blockFooterLinks { position:absolute; left:30px; bottom:10px; font-family:Arial, Helvetica, sans-serif; z-index:1000;}
.blockFooterLinks ul { list-style-type:none; margin:0; padding:0;}
.blockFooterLinks ul li { display:inline; float:left; margin:0; padding:0; font-size:1em; padding:0 10px 0 8px; text-transform:uppercase; background: url(../img/alt/bg_footer_li.gif) no-repeat left 3px;}
.blockFooterLinks ul li a { color:#FFF;}
.blockFooterLinks ul li a:hover { text-decoration:underline;}

.noBg { background:none !important;}

#inner .blockShareThis { position:absolute; left:770px; bottom:8px; z-index:1000; font-size:1.1em; display:none; }
.js .blockShareThis { display:block !important;}

.fixFlashShareThis {left:785px !important; bottom:10px !important;}
.at300bs.at15t_expanded, .at300bs.at15t_compact { background:url(../img/logo_addthis.gif) no-repeat left center !important}


.blockFacebookLink { position:absolute; left:835px; bottom:10px; border-left:solid 1px #ffffff; padding:0 0 0 9px; z-index:1000;}
.blockFacebookLink a { padding:4px 0 4px 20px; background:url(../img/icon_facebook.gif) no-repeat left 3px; font-size:1.1em; color:#FFF;}

.js #footer { bottom:-35px !important;}
.js .blockFacebookLink { display:none;}


/*fashion video page */

.fashionvideo {}
.fashionvideo #zoneFlash {background:url(../img/bg_fashion_video.jpg) no-repeat left top; }

.fashionvideo .blockLogo { position:absolute; left:13px; top:10px; width:146px; height:106px; z-index:100;}
.fashionvideo .blockTrasparentRight { float:right; position:relative; height:547px; width:303px; background: url(../img/alt/bg_grey_transp.png) no-repeat left top; z-index:50;}
#inner .blockBack {position:absolute; left:45px; top:500px; width:79px; z-index:100;}

.blockTrasparentRight .blockFashionHeader1 { margin-top:51px;}
.blockFashionHeader1 h1 {display:block; width:303px; height:46px; text-indent:-9000px; background: url(../img/alt/hdr_dramatic_length_corner.png) no-repeat left top;}
.blockTrasparentRight .blockFashionHeader2 {}
.blockFashionHeader2 h2 {display:block; width:303px; height:60px; text-indent:-9000px; background: url(../img/alt/hdr_new_lash.png) no-repeat left top;}
.blockTrasparentRight .blockFashionCopy {}
.blockFashionCopy p {display:block; width:303px; height:187px; text-indent:-9000px; background: url(../img/alt/hdr_beautiful_fashion.png) no-repeat left top;}
.blockTrasparentRight .blockFashionTranscript { padding-left:17px;}
.blockFashionTranscript a {}

/*.fashionvideo .blockImgVodcast {position:absolute; left:13px; top:0px; width:960px; height:580px; z-index:40;}*/

/*get the looks */

.getlooks {}
.getlooks #zoneFlash {background:url(../img/bg_get_looks.jpg) no-repeat left top; }
#inner .blockGetLook { position:absolute; left:42px; top:134px; width:215px; height:28px;}
.blockGetLook h3 {display:block; width:215px; height:28px; text-indent:-9000px; background: url(../img/alt/hdr_get_the_look.png) no-repeat left top;}
#inner .blockMakeUp { position:absolute; left:42px; top:162px; width:215px; height:91px;}
.blockMakeUp p {display:block; width:215px; height:91px; text-indent:-9000px; background: url(../img/alt/hdr_artist_caroline.png) no-repeat left top;}

#inner .blockCaroline {position:absolute; left:44px; top:260px; width:153px;}
#inner .blockHintsTips { position:absolute; left:47px; top:435px; width:195px;}

#inner .blockLookContainer {padding:133px 0 0 260px; width:699px; margin-right:-17px;}
.blockLookContainer .blockColLook { float:left; position:relative; width:216px; margin-right:17px; min-height:320px; _height:320px; background:url(../img/alt/bg_look_border.gif) no-repeat right top;}

.blockColLook p.hdrShopping {display:block; width:201px; height:92px; text-indent:-9000px; background: url(../img/alt/hdr_shopping.png) no-repeat left top;}
.blockColLook .prodFeatured {display:block; width:201px; height:26px; text-indent:-9000px; background: url(../img/alt/hdr_prod_featured.png) no-repeat left top;}

.blockColLook .blockSectionTitle { position:absolute; left:0; top:72px;}
.blockColLook .blockViewTranscripts { position:absolute; left:0; top:95px;}

.blockColLook p.hdrAfterDark {display:block; width:201px; height:92px; text-indent:-9000px; background: url(../img/alt/hdr_after_dark.png) no-repeat left top;}
.blockColLook p.hdrHotSpring2010 {display:block; width:201px; height:92px; text-indent:-9000px; background: url(../img/alt/hdr_hot_spring.png) no-repeat left top;}

#inner .blockMoreTutorials{ position:absolute; left:764px; top:499px; width:183px;}

.blockListProdContainer { width:205px; height:125px; overflow:auto;}

.blockColLook .blockListProd { padding-top:10px;}
.blockColLook .firstListProd { padding-top:0px !important;}
.blockListProd p {color:#FFF; padding:0 0 5px 0; font-size:11px; font-family:Verdana, Geneva, sans-serif;}
.blockListProd ul { list-style-type:none; margin:0; padding:0; width:80px;}
.blockListProd ul li {margin:0; padding:0 11px 4px 0; color:#cc6aae; font-size:11px; background:url(/img/alt/bg_arrow_right.gif) no-repeat right 4px; font-family:Verdana, Geneva, sans-serif; text-transform:uppercase;}
.blockListProd ul li a { color:#cc6aae; text-decoration:none;}