/* Hollywood Makeover Tool */
#mainbody {width:992px;}
#mainbody #taazframe {width:975px; height:676px; margin:0 auto; position:relative; background:#fff;}
#mainbody #taazremote {position:absolute;top:0;left:0; visibility:hidden;}
#mainbody #recircmain {width:992px; padding-top:25px;}
#mainbody #recircleft {float:left; width:662px;}
#mainbody #recircright {float:left; width:330px;}

/* Ad */
.ad300 {width:300px; position:absolute; top:392px; left:668px;}
.ad300 p.adtxt {margin:0; padding:0; font-size:70%; color:#929292; text-align:center; text-transform:uppercase;}

/* Begin Landing Main Content */
#landing {position:absolute; top:0; left:0;  height:660px; overflow-y:visible; background:#fff; visibility:hidden;}
#landinghead {padding:26px 8px 0 8px;}
#landinghead .pageheader {display:block; height:45px;}

#landinghead h1 {float:left; display:block; width:476px; height:45px; /*overflow:hidden;*/ background:url(http://img2.timeinc.net/instyle/static/i/makeovertool/default3/hd_makeover_8.png) no-repeat; text-indent:-9999px;}
#landinghead p.start {float:left; width:227px; height:33px; margin:0; padding:0 0 0 40px;}
#landinghead .tools {float:right; width:190px; color:#46677d; text-align:right;}
#landinghead .tools li {font-size:90%; display:inline;}
#landinghead .tools a {color:#46677d; text-decoration:underline;}
#landinghead p.tagline {clear:both; display:block; margin:0; padding:5px 0 15px 0; font-size:150%; color:#456174;}

#mainfeatures {width:975px;}
#mainfeatures #mainphoto {float:left; width:410px;}
#maintouts {/*width:504px;*/float:left; width:225px; padding-left:10px; padding-right:24px; padding-bottom:20px;}
#mainfeatures #mainrecirc {float:left; width:300px;}

#maintouts .tout {width:225px; padding-bottom:10px;}
#maintouts .tout .imgcont {float:left; width:94px;}
#maintouts .tout .imgcont img {width:75px; padding:7px 11px 11px 8px; background:url(http://img2.timeinc.net/instyle/static/i/bg_toutphoto75_8.png) no-repeat;}
#maintouts .tout .txtcont {float:left; width:123px; padding-left:8px; font-size:100%;}
#maintouts .tout .txtcont h4 {font-size:125%;}
#maintouts .tout .txtcont h4 a {color:#000;}
#maintouts .tout .txtcont a.more {font-weight:bold; color:#d73126;}

/*
#mainrecirc .sponsored {display:block; width:298px; margin-top:10px; background:#fef7ec; border:1px solid #c48400;}
#mainrecirc .sponsored p.ad88x31 {display:block; width:273px; margin:0; padding:2px 15px 0 15px;}
#mainrecirc .sponsored p.ad88x31 .adtxt {float:left; width:168px; padding:8px 0 0 5px; font-size:90%; color:#c48400;}
#mainrecirc .sponsored p.ad88x31 .adimg {float:left; width:88px;}
#mainrecirc .sponsored p.ad88x31 .adarrow {float:left; width:4px; padding:12px 0 0 3px;}
#mainrecirc .sponsored p.ad88x31 a {color:#c48400;}
*/
#mainrecirc .sponsored {display:block; width:298px; margin-top:10px; background:#fef7ec; border:1px solid #c48400;}
#mainrecirc .sponsored .adhead {margin:0; padding:0 5px; background:#c48400; font-size:80%; font-weight:bold; color:#fff;}
#mainrecirc .sponsored p.ad88x31 {display:block; width:298px; margin:0; padding:2px 5px 0 5px;}
#mainrecirc .sponsored p.ad88x31 .adtxt {float:left; width:183px; padding:10px 5px 0 5px; font:bold 90%/100% arial,sans-serif; color:#c48400; text-align:right;}
#mainrecirc .sponsored p.ad88x31 .adimg {float:left; width:88px;}
#mainrecirc .sponsored p.ad88x31 .adarrow {float:left; width:4px; padding:12px 0 0 3px;}
#mainrecirc .sponsored p.ad88x31 a {color:#c48400;}

#mainrecirc .featlist {width:300px; padding-left:10px;}
#mainrecirc .featlist li {padding:8px 0 8px 18px; background:url(http://img2.timeinc.net/instyle/static/i/makeovertool/default3/icon_bullet_8.png) 0 0 no-repeat; font-size:130%;}
#mainrecirc .featlist li span {color:#d73126; font-size:90%; font-weight:bold; text-transform:uppercase;}
#mainrecirc .featlist li a {color:#000;}
#mainrecirc .featlist li a:hover {text-decoration:underline;}

#ad300x250bg {background:#e8e8e8; width:316px; height:270px; position:absolute; top:390px; left:660px;}
/* End Landing Main Content */

/* How-to */
#howto {clear:both; display:block; width:976px; margin:0 8px; border-bottom:1px dotted #666;}
#howto .header {width:960px; margin:0 8px; padding:4px 0 10px 0;}
#howto h3 {display:inline; font:bold 150% arial,sans-serif; text-transform:uppercase;}
#howto h3 strong {color:#d22527;}
#howto p.tagline {display:inline; margin:0; padding:0 0 0 5px; font:normal 160% "times new roman",times,serif; color:#000;}
#howto .toutrow {display:block; margin-top:5px; margin-bottom:12px; width:976px; background:#fff url(http://img2.timeinc.net/instyle/static/i/makeovertool/default3/bg_recirctouts_8.png) repeat-y;}
#howto .toutrow .tout {float:left; width:228px; padding:0 8px 0 8px;}
#howto .toutrow .tout a {color:#d02726;}
#howto .toutrow .tout h4 {margin:0; padding:0 0 3px 0; font-size:115%; color:#222;}
#howto .toutrow .tout h4 a {color:#222;}
#howto .toutrow .tout .imgcont {float:left; width:120px; padding-right:8px;}
#howto .toutrow .tout .txtcont {float:left; width:100px;}
#howto .toutrow .tout .txtcont a {font-weight:bold;}

#howto2 {clear:both; display:block; margin:0 8px 0 12px; padding-bottom:8px; border:1px solid #d0d0d0; position:relative;}
#howto2 .header {padding:10px 15px;}
#howto2 .header.image h3 {display:block; font:normal 150% arial,sans-serif; width:392px; height:20px; background:url(http://img2.timeinc.net/instyle/static/i/makeovertool/default3/hd_moretryons.png) no-repeat; text-indent:-9999px;}
#howto2 .header.image h3 strong {color:#000;}
#howto2 .header h3 {display:block; font:normal 150% arial,sans-serif; width:392px; height:20px;}
#howto2 .header h3 strong {color:#000;}

#howto2 .ad242x195 {display:block; float:right; width:242px; padding:8px 8px 0 0;}

#howto2 .toutrow {display:block; margin-left:15px; /*width:970px;*/}
#howto2 .toutrow .tout {float:left; width:220px; padding:0 15px 8px 0; }
#howto2 .toutrow .tout a {color:#d02726;}
#howto2 .toutrow .tout .imgcont {float:left; width:120px; padding-right:8px;}
#howto2 .toutrow .tout .txtcont {float:left; width:92px;}
#howto2 .toutrow .tout .txtcont a {font-weight:bold;}
#howto2 .toutrow .tout .txtcont h4 {margin:0; padding:0 0 3px 0; font-size:100%; color:#222;}
#howto2 .toutrow .tout .txtcont h4 a {color:#222;}

/* TAAZ Promo Text */
#taazpromo {float:right; width:322px; padding:2px 0 6px 0; /* margin-left:670px;*/}
#taazpromo p {margin:0; padding:0;}
#taazpromo p.tagline {float:left; width:180px; height:20px; margin-top:0px; padding:12px 0 0 10px; background:url(http://img2.timeinc.net/instyle/static/i/makeovertool/default3/bg_footer_8.png) top left no-repeat; font:bold 100% arial,sans-serif; color:#626161;}
#taazpromo p.powered {float:left; width:123px; margin-top:0px; padding-top:5px;}
#taazpromo p.powered .txt {float:left; width:60px; padding-top:6px; font-size:10px; color:#949696;}
#taazpromo p.powered .img {float:left; width:57px;}

#taazpromo2 {width:322px; padding:2px 0 6px 0; margin:0 0 20px 16px;}
#taazpromo2 p {margin:0; padding:0;}
#taazpromo2 p.tagline {float:left; width:180px; height:20px; margin-top:0px; padding:12px 0 0 3px; font:normal 90% arial,sans-serif; color:#111;}
#taazpromo2 p.powered {float:left; width:123px; margin-top:0px; padding-top:5px;}
#taazpromo2 p.powered .txt {float:left; width:55px; padding:6px 5px 0 0; font-size:9px; color:#949696; text-align:right;}
#taazpromo2 p.powered .img {float:left; width:57px;}

/* More on IS */
#moreoninstyle {padding:0 30px 16px 16px;}
/*#moreoninstyle h3 {font:normal 160% "times new roman",times,serif; color:#000;}
#moreoninstyle h3 span {font:bold 90% arial,sans-serif; color:#000; text-transform:uppercase;}
#moreoninstyle h3 strong {color:#d22527;}*/
#moreoninstyle h3 {font:bold 120% arial,sans-serif; color:#000;}
#moreoninstyle h3 em {color:#d22527;}
#moreoninstyle .text {color:#222;}

#moreoninstyle2 {padding:0 30px 16px 16px;}
#moreoninstyle2 h3 {padding-bottom:3px; font:bold 150% arial,sans-serif; color:#000;}
#moreoninstyle2 h3 span {font:bold 90% arial,sans-serif; color:#000; text-transform:uppercase;}
#moreoninstyle2 h3 strong {color:#d22527;}
#moreoninstyle2 .text {line-height:135%; color:#000;}

#directory {}
#directory #listing {width:642px; margin:0 20px 0px 16px;}
#directory #listing h3 {display:block; margin-bottom:8px; padding-bottom:4px; border-bottom:1px solid #e0e0e0; font-size:105%; color:#222;}
#directory .col01 {float:left; width:203px;}
#directory .col02 {float:left; width:160px; padding-left:43px;}
#directory .col03 {float:left; width:160px; padding-left:43px; padding-right:30px;}
#directory ul {padding-bottom:20px;}
#directory li {padding:0 0 4px 10px; background:url(http://img2.timeinc.net/instyle/static/i/icon_bullet01_8.png) 0 6px no-repeat;}
#directory li a {color:#000;}

#directory2 {}
#directory2 #listing {width:634px; margin:0 20px 30px 15px;}
#directory2 #namecol {float:left; width:450px; padding-right:14px;}
#directory2 #stylecol {float:left; width:170px}
#directory2 #listing h3 {display:block; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #dcdfe0;}
#directory2 #namecol .col01, #directory2 #namecol .col02, #directory2 #namecol .col03 {float:left; width:120px; padding-right:30px;}
#directory2 #namecol li, #directory2 #stylecol li {padding:0 0 5px 10px; background:url(http://img2.timeinc.net/instyle/static/i/icon_bullet02_8.png) 0 6px no-repeat;}
#directory2 #namecol li a, #directory2 #stylecol li a {color:#000;}
#directory2 #stylecol .col04 {padding-bottom:20px;}

/* old version
#legaltext {padding:0 16px 10px 16px; font-size:70%; color:#7a94a6;}
*/

#legaltext {padding:0 15px 30px 15px; font-size:70%; color:#000;}


/* Global Recirc */
#partners {width:298px; margin:0 auto; background:#fff; border:1px solid #dbdade;}
#partners h5 {padding:3px 16px; border-bottom:none; font:normal 90% arial,sans-serif; color:#4f687c; text-transform:uppercase;}
#partners .tout01, #partners .tout02, #partners .tout03, #partners .tout04 {margin:0; border-bottom:none;}

#globalrecirc ul {margin:0; padding:12px 16px 6px 16px;}
#globalrecirc li {list-style:none; padding:1px 0 4px 8px; background:#fff url(http://img2.timeinc.net/instyle/static/i/icon_arrow09_8.png) 0 5px no-repeat; font-size:90%; color:#4f687c;}
#globalrecirc li a {color:#4f687c;}
#globalrecirc h6 {display:block; width:298px; height:50px; background:#e4f0f8 url(http://img2.timeinc.net/instyle/static/i/logos_partners2_8.png) no-repeat; text-align:center; text-indent:-9999px;}
#globalrecirc h6 a {display:block; width:298px; height:50px;}
#globalrecirc h6.people {width:298px; background-position:0 0;}
#globalrecirc h6.ew {width:298px; background-position:0 -50px;}
#globalrecirc h6.cnn {width:298px; background-position:0 -100px;}
#globalrecirc h6.fabsugar {width:298px; background-position:0 -150px;}
#globalrecirc h6.foxnews {width:298px; background-position:0 -200px;}
#globalrecirc h6.stylelist {width:298px; background-position:0 -250px;}
#globalrecirc h6.bellasugar {width:298px; background-position:0 -300px;}
#globalrecirc h6.stylehive {width:298px; background-position:0 -350px;}
#globalrecirc h6.totalbeauty {width:298px; background-position:0 -400px;}

/* Send Makeover */
#sendmakeover {width:975px;}

#sendheader {width:947px; padding:16px 14px 7px 14px;}
#sendheader h1 {float:left; display:block; width:357px; height:46px; overflow:hidden; background:url(http://img2.timeinc.net/instyle/static/i/makeovertool/default3/hd_makeover02_8.png) no-repeat; text-indent:-9999px;}
#sendheader .tools {float:right; width:190px; padding-top:12px; color:#46677d; text-align:right;}
#sendheader .tools li {font-size:90%; display:inline;}
#sendheader .tools a {color:#46677d; text-decoration:underline;}

#sendnav {width:975px; height:29px; background:url(http://img2.timeinc.net/instyle/static/i/makeovertool/default3/nav_8.png) no-repeat; border-bottom:6px solid #000;}
#sendnav li {display:block; float:left;}
#sendnav li a {display:block; height:29px;  background:url(http://img2.timeinc.net/instyle/static/i/makeovertool/default3/nav_8.png) 0 0 no-repeat; text-indent:-9999px;}
#sendnav li.hair a {width:74px; background-position:0 0;}
#sendnav li.skin a {width:73px; background-position:74px 0;}
#sendnav li.eyes a {width:73px; background-position:147px 0;}
#sendnav li.lips a {width:68px; background-position:220px 0;}
#sendnav li.looks a {width:167px; background-position:288px 0;}
#sendnav li.bbb a {width:173px; background-position:455px 0;}
#sendnav li.photo {float:right;}
#sendnav li.photo a {width:185px; background-position:791px 0;}

#sendleft {float:left; width:614px; padding:0 33px 0 12px;}
#sendright {float:left; width:316px;}

#sendleft p.message {margin:0; padding:10px 12px 10px 0; color:#666;}
#sendleft p.message .user {font-weight:bold;}

#beforeandafter {width:614px;}
#beforeandafter #before {float:left; width:292px;}
#beforeandafter #after {float:right; width:292px;}
#beforeandafter p.photo {margin:0; padding:0; border:1px solid #d9dcdd;}
#beforeandafter p.text {margin:0; padding:0; width:292px; text-align:center;}

#sendleft p.footermsg {margin:0; padding:13px 0; font:normal 115% verdana,sans-serif; color:#676767; text-align:center;}
#sendleft p.startbtn {margin:0; padding:0; text-align:center;}

#sendright .signup {margin-top:8px; width:270px; padding:10px 22px; border:1px solid #d0d0d0; color:#456174;}
#sendright .signup h3 {font:bold 180% arial,sans-serif;}
#sendright .signup .txt {padding-top:10px; font-size:115%;}
#sendright .signup ul {padding-top:10px;}
#sendright .signup li {padding:0 0 5px 10px; background:url(http://img2.timeinc.net/instyle/static/i/icon_bullet04_8.png) 0 6px no-repeat; font-size:115%;}
#sendright .signup p.joinbtn {margin:0; padding:0; padding-top:25px; text-align:center;}
#sendright .signup p.member {margin:0; padding:15px 0 25px 0; font-size:115%; font-weight:bold; color:#000; text-align:center;}
#sendright .signup p.member a {color:#d73126;}