/* BELONGS TO: /TIPS/INDEX.JSP */
#chatContainer{margin:120px 0 0 860px;}
ul.testw{border:solid 2px red}
#contents{height: 120px;}
/*Face Styles*/#contents_face{height: 45px;}/*Face Styles*/
#tipsToolboxContainer{float: left; display: inline;margin:0; padding: 25px 0 0 22px; background: #e5e5e5;width: 179px; height: 210px;}

/*IE7*/
 *:first-child+html #tipsToolboxContainer{height: 220px;}

#tipsToolboxContainer #tipsToolboxBody{background: #e5e5e5;width:179px; height: 136px; margin:0; padding: 0;}
#tipsToolboxBody {color:#003399;font-weight:bold;font-size:10px;}
#tipsToolboxBody select {float: left;width:154px;color:#666666;font:normal 10px Arial, Verdana,Helvetica, sans-serif;margin-bottom:2px; height: 19px; }

#top5Tips {margin-top:0px;font-weight:bold;color:#000000;}
#top5Tips .top5Tips a{color:#C95C32}
#seasonTips li{margin:0 0 10px -10px;font-size:.90em}

#mollyZoom { width:297px; height:145px; }
#swfRolloverContainer{width:800px;position:absolute;z-index:200;padding-left:200px;display:none}
#swfRollover{width:297px;}
#swfRollover #swfContent{background:transparent url(/tips/images/zoom/tips_rolloverBG.png) repeat-y;}
#swfRollover #swfContent a{font-weight:bold;color:#FF6600;text-transform:uppercase;text-decoration:none;}

#swfContents{display:none;}
#rolloverImage{cursor:pointer}
#rolloverDesc{margin-top:5px;width:140px;}

a.faceMUTips{text-transform: uppercase; font-family: Arial; font-weight: bold; font-size: 11px;color: #8d5131; text-decoration: none;} 
a.eyeMUTips{text-transform: uppercase; font-family: Arial; font-weight: bold; font-size: 11px;color: #663399; text-decoration: none;} 
a.lipMUTips{text-transform: uppercase; font-family: Arial; font-weight: bold; font-size: 11px;color: #d63385; text-decoration: none;}

body.eyes .TipsfooterImage{float: right; position: absolute; right: 0; margin: 0; padding: 0; background: url('/makeup-tips/images/eye-tips/eye-footer-image.jpg') no-repeat; width: 261px; height: 218px;  position: absolute; top: 0; left: 378px;}
ul#overlayVids.tipList li img{margin:10px 0 0 0;}
ul#overlayVids.tipList {width: 180px;float: left;margin: 0 0 0 25px;padding: 0;}
ul#overlayVids.tipList li{width: 180px;height: 115px;float: left;margin: 0 0 20px 0;padding: 0;}

/*IE6\*/
*html ul#overlayVids.tipList {margin: 0 0 0 12px;}
/*IE6*/

/*IE6\*/
*html ul#overlayVids.tipList li{margin: 0 0 20px 0;}
/*IE6*/
ul#overlayVids.tipList h2{width:180px;}
/*Videos*/

.readTranscript{text-decoration:underline; cursor: pointer; font-family: Arial; font-size: 11px;color: #333;position: relative; top:10px; }

/*IE6\*/
*html ol.transcript{left: 480px; }
/*IE6*/

/*IE7*/
 *:first-child+html ol.transcript{left: 480px; }
 
ol.transcript{display: none;list-style:none;padding: 5px; border: solid 1px #ccc; background: #fff;position: absolute; top: 380px; z-index: 1000;width: 250px; }
ol.transcript li{padding: 0 0 10px 0; text-align: justify;}
div#howto_desc_text p{margin: 0; padding: 0;}
div#howto_desc_text{color: #000; font-family: Arial; font-size: 12px; margin: 0 0 0 25px; padding: 0;}
div#howto_desc_text span.sifRTitle{text-transform: uppercase; display: block; margin: 92px 0 0 0px; padding: 0; color: #993300; font-family: Arial; font-size: 16px; font-weight: bold; }
div#howto_title{color: #000; font-family: Arial; font-size: 18px; margin: 0 0 20px 25px; border: none;padding: 0; }
div#howto_flashdiv{margin-left: 25px;}

.tipWrapper{margin: 0 0 0 45px; padding: 0;}
/*Face Styles*/
.tipWrapperface{margin: 0; padding: 0;}/*Face Styles*/
.tipContent{border-left: none; border-right: none; border-top: solid 1px #000; border-bottom: solid 1px #000;
margin: 0; padding: 0; width:847px;}
.formSubmitBtnTips{margin: 5px 0 0 0px; float: left; cursor:pointer; width: 77px; height: 15px; background: #000; color: #fff;
font-family: Arial; font-weight: bold; font-size: 10px;}
.formSubmitBtnTipsreset{margin: 5px 0 0 5px; float: left; cursor:pointer; width: 75px; height: 15px; background: #000; color: #fff;
font-family: Arial; font-weight: bold; font-size: 10px;}
.tipsHeader_container_image{background: url('/makeup-tips/images/home/tips-of-the-trade.gif') no-repeat; width: 260px; height: 36px;}
ul.tipsHomelist{width: 342px; margin: 15px 0 0 35px; padding: 0;float: left; display: inline;}
/*IE6\*/
* html ul.tipsHomelist{margin-left: 15px;}
/*IE6*/
ul.tipsHomelist li#listHead{width: 345px; height: 71px; list-style: none;position: relative; z-index: 1000; background: url('/makeup-tips/images/home/molly-sterns-beauty-tips.gif') no-repeat;}
ul.tipsHomelist li{font-size: 10px; padding: 5px 0 0 0; margin: 0;}
ul.tipsHomelist li a{color: #000;}
a.mollyIntro{color: #000;}
.homepage_mollyStern{background: url('/makeup-tips/images/home/molly-stern-image.jpg') no-repeat; width: 269px; height: 232px; margin: 0; padding: 0;float: left; display: inline;}
body div.tipCallouts_face{float: left; background: url('/makeup-tips/images/home/face-tips.jpg') no-repeat; width: 277px; height: 86px; margin: 0 0 10px 0; padding: 0;}	
body div.tipCallouts_eyes{float: left;  background: url('/makeup-tips/images/home/eye-tips.jpg') no-repeat; width: 277px; height: 86px; margin: 0 0 10px 10px; padding: 0;}	
body div.tipCallouts_lips{float: left;  background: url('/makeup-tips/images/home/lips-tips.jpg') no-repeat; width: 277px; height: 86px; margin: 0 0 10px 10px; padding: 0;}	
p.tipCallouts_face{font-family: Arial; font-size: 11px; float: left;  width: 277px; height: 86px;margin: 0; padding: 0;}	
p.tipCallouts_eyes{font-family: Arial; font-size: 11px; float: left;  width: 277px; height: 86px;margin: 0 0 0 10px; padding: 0;}	
p.tipCallouts_lips{font-family: Arial; font-size: 11px; float: left;  width: 277px; height: 86px;margin: 0 0 0 10px; padding: 0;}	
body a.tipsCalloutshome{display: block;width: 277px; height: 86px;}

/*Face Styles*/
body.face .tipSection_banner{border-bottom: solid 1px #000; margin: 0 0 5px 15px; padding: 0; 
width: 924px; height: 197px; background: url('/makeup-tips/images/face-tips/face-facts-banner.jpg') no-repeat;}
body.lips .tipSection_banner{border-bottom: solid 1px #000; margin: 0 0 5px 15px; padding: 0; 
width: 924px; height: 208px; background: url('/makeup-tips/images/lips-tips/lip-service.jpg') no-repeat;}
body.eyes .tipSection_banner{border-bottom: solid 1px #000; margin: 0 0 5px 15px; padding: 0; width: 924px; height: 223px; background: url('/makeup-tips/images/eye-tips/eye-openers-banner.jpg') no-repeat;}
div.tipsTemplate_left{margin: 0 0 30px 0; padding: 0; float: left;width: 226px; border-right: solid 1px #000;}
body ul.tipsNavigation{text-transform: uppercase;float: left;list-style: none; margin: 40px 0 60px 0; padding: 0; font-family: Arial; font-size: 12px; }
body ul.tipsNavigation li a{display: block;text-decoration: none; color: #000; cursor: pointer; margin: 0; padding: 5px 0 15px 32px; width: 194px; height: 6px;}
body ul.tipsNavigation li a:hover{display: block; background: #000;text-decoration: none;  color: #fff; cursor: pointer; margin: 0; padding: 5px 0 15px 32px; width: 194px; height: 6px;}
body img.advisorQuiz{float: left;list-style: none; margin: 35px 0 10px 20px; padding: 0; width: 186px;}
body p.advisorQuiz{float: left; margin: 0 0 10px 20px; padding: 0; width: 186px;}
body a.advisorQuiz{text-decoration: none;background: #000; color: #fff; font-weight: bold; font-family: Arial; font-size: 10px;display: block; text-align: center; float: left; margin: 0 0 30px 20px; padding: 0; width: 79px; height: 15px;} 

/*IE6\*/
* html body ul.tipsNavigation li a{padding: 5px 0 5px 32px; }
/*IE6*/

/*IE6\*/
* html body ul.tipsNavigation li a:hover{ padding: 5px 0 5px 32px; }
/*IE6*/

/*IE6\*/
* html body #howtovideos_tips{margin-top: -15px;}
/*IE6*/

/*IE6\*/
* html body #seeall_tips{margin-top: -15px;}
/*IE6*/

/*End left Nav Styles*/

body div.tipsFooterTemplate{font-family: Arial; float: left; width: 627px; display: inline;margin: 0 0 30px 50px; padding: 0;}
body h2.tipsFooterTemplate{margin: 0; padding: 0; font-size: 18px; font-weight: normal;}
body h4.tipsFooterTemplate{margin: 0; padding: 0; font-size: 11px; font-weight: normal;}
body div.tipsFooterTemplate_container{position: relative;border-top: solid 1px #000; float: left; display: inline;margin: 10px 0 0 0; padding: 0; width: 627px;}
body div.tipsFooterTemplate_container ul.navMenu{  border-right: solid 1px #000;float: left;  list-style: none;
font-family: Arial; font-size: 14px; color: #000;}
body div.tipsFooterTemplate_container ul.navMenu li{margin: 0; padding: 0 15px 15px 0;}
body div.tipsFooterTemplate_container ul.navMenu_section{position: relative; z-index: 100; top: 5px;margin: 0 0 0 20px; padding: 0; width: 260px; float: left; display: inline; 
font-family: Arial; font-size: 11px; color: #000;}
body div.tipsFooterTemplate_container ul.navMenu{color: #000;margin: 20px 0 0 0; padding: 0; width: 142px;}
body div.tipsFooterTemplate_container ul.navMenu li{margin: 0 0 15px 0; padding: 0 0 3px 0;}
body div.tipsFooterTemplate_container ul.navMenu li a{margin: 0; padding: 3px 10px 0 0;text-decoration: none; text-align: right;color: #000; display: block; width: 132px; height: 16px;}
body div.tipsFooterTemplate_container ul.navMenu li a:hover{margin: 0; padding: 3px 15px 0 0; display: block; color: #fff;width: 132px; height: 16px;}
div.tipsFooterTemplate_container a{color: #000;}
/*IE6\*/
* html body div.tipsFooterTemplate_container ul.navMenu li a:hover{padding: 3px 20px 0 0;  }
/*IE6*/

body div.tipsFooterTemplate_container ul.navMenu_section li{ margin: 0 0 0 20px; padding: 0 0 15px 0;}



body div.tipsFooterTemplate_container ul.navMenu_section li.footerInitial{font-family: Arial; font-size: 16px; font-weight: bold; color: #993300; list-style: none; margin: 10px 0 0 0; padding: 0 0 5px 0; text-transform: lowercase;}
body:last-child:not(:root:root) div.tipsFooterTemplate_container ul.navMenu_section li.footerInitial{font-weight: normal; }

body.face div.tipsFooterTemplate_container ul.navMenu li a:hover{background: #993300;margin: 0; padding: 3px 10px 0 0; display: block; color: #fff;width: 132px; height: 16px;}

body.eyes div.tipsFooterTemplate_container ul.navMenu li a:hover{background: #8f69b4;margin: 0; padding: 3px 10px 0 0; display: block; color: #fff;width: 132px; height: 16px;}

body.lips div.tipsFooterTemplate_container ul.navMenu li a:hover{background: #cc0066; margin: 0; padding: 3px 10px 0 0; display: block; color: #fff;width: 132px; height: 16px;}

body.lips div.tipsFooterTemplate_container ul.navMenu_section li.footerInitial{color: #cc0066;}
body.eyes div.tipsFooterTemplate_container ul.navMenu_section li.footerInitial{color: #8f69b4;}

div.tipsFooterTemplate_container ul.navMenu_section li.footerIntro{list-style: none; margin: 0;}
body.face .TipsfooterImage{float: left; margin: 0; padding: 0; background: url('/makeup-tips/images/face-tips/face-tips-skin-type.jpg') no-repeat; width: 193px; height: 266px; position: absolute; top: 0; left: 440px;}
body.eyes .TipsfooterImage{float: right; position: absolute; right: 0; margin: 0; padding: 0; background: url('/makeup-tips/images/eye-tips/eye-footer-image.jpg') no-repeat; width: 261px; height: 218px; }
body.lips li.lipsList{list-style: none;}
body.lips li.lipsList .TipsfooterImage_morning{float: right; position: absolute; top: 0; left: 270px; margin: 0; padding: 0; background: url('/makeup-tips/images/lips-tips/lips-tips-morning.jpg') no-repeat; width: 89px; height: 105px; }
body.lips li.lipsList .TipsfooterImage_bedtime{float: right; position: absolute; top: 0; left: 270px; margin: 0; padding: 0; background: url('/makeup-tips/images/lips-tips/lips-tips-bedtime.jpg') no-repeat; width: 89px; height: 105px; }
body.lips li.lipsList .TipsfooterImage_day{float: right; position: absolute; top: 0; left: 270px; margin: 0; padding: 0; background: url('/makeup-tips/images/lips-tips/lips-tips-day.jpg') no-repeat; width: 89px; height: 105px; }
body.lips li.lipsList .TipsfooterImage_sun{float: right; position: absolute; top: 0; left: 270px; margin: 0; padding: 0; background: url('/makeup-tips/images/lips-tips/lips-tips-sun.jpg') no-repeat; width: 89px; height: 105px; }
body.lips li.lipsList .TipsfooterImage_mouth{float: right; position: absolute; top: 0; left: 270px; margin: 0; padding: 0; background: url('/makeup-tips/images/lips-tips/lips-tips-mouth.jpg') no-repeat; width: 89px; height: 105px; }


  
div.tipsContentTemplate_videos,div.tipsContentTemplate_foundation,div.tipsContentTemplate_powder,div.tipsContentTemplate_face,
div.tipsContentTemplate_blush,div.tipsContentTemplate_concealer{display: none; float: left; margin: 40px 0 40px 25px; padding: 0; font-family: Arial; width: 630px; }


h2.tipsContentTemplate{color: #000; margin: 0 0 0 25px; padding: 0; font-size: 18px; font-weight: normal;text-transform: uppercase;}
h4.tipsContentTemplate{color: #000; margin: 0 0 10px 25px; padding: 0; font-size: 11px; font-weight: normal;}
h1.tipsContentTemplate_pop{font-family: Arial; font-size: 18px; color: #000;}

div.tipsContentTemplate_videos ul.tipList,div.tipsContentTemplate_foundation ul.tipList,div.tipsContentTemplate_powder ul.tipList,div.tipsContentTemplate_face ul.tipList,
div.tipsContentTemplate_blush ul.tipList,div.tipsContentTemplate_concealer ul.tipList{float: left; font-family: Arial; margin: 0; padding: 0; list-style: none;}


div.tipsContentTemplate_videos ul.tipList li{margin: 0; padding: 0 0 0 25px; list-style: none; width: 180px;float: left; }

div.tipsContentTemplate_videos ul.tipList li,div.tipsContentTemplate_foundation ul.tipList li,div.tipsContentTemplate_powder ul.tipList li,div.tipsContentTemplate_face ul.tipList li,
div.tipsContentTemplate_blush ul.tipList li,div.tipsContentTemplate_concealer ul.tipList li{margin: 0; padding: 20px 0 0 25px; list-style: none; width: 180px;float: left; }


div.tipsContentTemplate_Face,div.tipsContentTemplate_Eyes,div.tipsContentTemplate_Lips{display: none; float: left; margin: 40px 0 40px 25px; padding: 0; font-family: Arial; width: 630px; }
div.tipsContentTemplate_Face ul.tipList,div.tipsContentTemplate_Eyes ul.tipList,div.tipsContentTemplate_Lips ul.tipList{float: left; font-family: Arial; margin: 0; padding: 0; list-style: none;}
div.tipsContentTemplate_Face ul.tipList li,div.tipsContentTemplate_Eyes ul.tipList li,tipsContentTemplate_Lips ul.tipList li{margin: 0; padding: 20px 0 0 25px; list-style: none; width: 180px;float: left; }

#dry-skin-content,#oily-skin-content,#combination-skin-content,#sensitive-skin-content,#healthy-skin-basics-content {display:none}

#wide-set-eyes-content,#close-set-eyes-content,#glasses-wearers-content,#asian-eyes-content {display:none;}

#bedtime-content,#all-day-content,#in-the-sun-content,#mouth-off-content {display:none;}

div.tipWrapperface ul.tipList{ width: 630px;}
body.lips ul.tipList li,body.eyes ul.tipList li,body.face ul.tipList li{float: left; width: 270px; margin: 0;  padding: 0 0 20px 25px;}
body ul.tipList li img{ cursor: pointer; margin: 20px 0 0 0; padding: 0; width: 180px;float: none; }
ul.tipList li h2{ margin: 0 0 5px 0; padding: 0;  }
 body div.tipsContentTemplate_videos ul.tipList li h2{ font-family: Arial; font-size: 16px; text-transform: lowercase; text-decoration: none;color: #993300; margin: 0; padding: 0;  width: 180px;}
 li h2 a, body:last-child:not(:root:root) body.face div.tipsContentTemplate_videos ul.tipList li h2{ font-weight: normal; }
body:last-child:not(:root:root) ul.tipList{padding: 20px 0 0 0;}
body:last-child:not(:root:root) ul.tipList li{padding: 0 25px 20px 0; }
body.face ul.tipList li h2 a,body.face ul.tipList li h2 {text-transform: lowercase; color: #993300; width: 280px; font-size: 16px;text-decoration:none;}
body.lips ul.tipList li h2 a,body.lips ul.tipList li h2{text-transform: lowercase;color: #cc0066;width: 280px;font-size: 16px;text-decoration:none;}
body.eyes ul.tipList li h2 a,body.eyes ul.tipList li h2{text-transform: lowercase;color: #8f69b4;width: 290px;font-size: 16px;text-decoration:none;}
ul.tipList li h5{font-family: Arial; font-weight: normal; font-size: 11px; color: #000; margin: 0; padding: 0;  }
/*Face Styles*/