/* InStyle Mobile popup css  */
body {margin:0; font:normal 12px Arial; line-height:15px; color:#494949;}
body p {margin:0 0 10px 0;}
body img {border:0;}

#popup {width:746px; margin-top:-5px; position:relative;}

#topheader {background-color:#D6DEF5;}

h1 {margin:15px; overflow:hidden; height:46px; width:260px; background:#D6DEF5 url(http://img2.timeinc.net/instyle/i/mobile/logo_popup.gif) no-repeat 12px 8px; text-indent:-9999px;}

#topleft {margin-left:12px; width:427px;}

#topleft h2 {margin:0 0 10px 0; overflow:hidden; height:20px; width:194px; background:#D6DEF5 url(http://img2.timeinc.net/instyle/i/mobile/savetophone.gif) no-repeat; text-indent:-9999px;}

#topleft #details {margin-top:15px; border-top:solid 4px #AFAFAF; border-bottom:solid 1px #000; padding:20px 0; position:relative;}
#topleft #details #desc {position:absolute; top:30px; left:250px; width:165px;}
#topleft #details #desc h4 {font:bold 15px Arial; margin:0 0 5px 0;}
#topleft #details #desc p {font:normal 11px Arial; line-height:14px;}

#phone {position:absolute; top:8px!important; top:27px; left:510px;}

#infobox {position:absolute; top:206px!important; top:226px; left:454px;}
#infobox h3 {overflow:hidden; height:50px; width:269px; background:url(http://img2.timeinc.net/instyle/i/mobile/hd_new_mobile.gif) no-repeat; text-indent:-9999px; margin:0;}
#infobox #info {background:#EBEFFB url(http://img2.timeinc.net/instyle/i/mobile/bg_limelife01.gif) bottom right no-repeat; border:3px solid #8B96B6; width:243px; border-top:none; padding:16px 10px 27px 10px;}

#infobox #info h4.whatis {overflow:hidden; height:17px; width:193px; background:url(http://img2.timeinc.net/instyle/i/mobile/hd_what_is.gif) no-repeat; text-indent:-9999px; margin:0;}
#infobox #info h4.signup {overflow:hidden; height:17px; width:193px; background:url(http://img2.timeinc.net/instyle/i/mobile/hd_sign_up.gif) no-repeat; text-indent:-9999px; margin:20px 0 0 0;}
#infobox #info a, #infobox #info a:hover {color:#494949;}
#infobox #info a:hover {text-decoration:underline;}
#infobox #info p {line-height:16px;}
#infobox #info .getbtn {margin-top:5px;}

#bottom {clear:both; margin-left:12px;}
#bottom #errormsg {color:#f00; margin-bottom:15px;}
#bottom #errormsg h4 {font-size:14px; margin:10px 0 3px 0;}
#bottom #errormsg p {line-height:18px; margin:0;} 

/*  Error message  */
#mobileform ul.errormessage {list-style-type: none;margin:14px 0 15px 0;padding:0;}
#mobileform ul li {margin:0;font:normal 12px Arial; color:#f00;line-height:18px;}
#mobileform li h3 {font:bold 14px Arial; color:#f00; margin-bottom:2px;}

#mobileform {padding:0 0 30px 0;}
#mobileform .req {font-size:10px; margin-bottom:18px;}

#mobileform #steps {position:relative; height:100px;}
#mobileform #steps #step1 {position:absolute; top:0px; left:0px;}
#mobileform #steps #step2 {position:absolute; top:0px; left:300px;}
#mobileform #steps #step3 {position:absolute; top:0px; left:560px;}

#mobileform img {float:left;}
#mobileform h4 {margin:0; font:bold 12px Arial;}
#mobileform p {font-size:11px; margin:2px 0;}
#mobileform .stepinfo {float:left;}

#mobileform #step1 .stepinfo {float:left;}
#mobileform #step1 .stepinfo p {width:210px;}
#mobileform #step1 #username {margin:0; width:180px;}
 
#mobileform #step2 .stepinfo p {width:200px;}
#mobileform #step2 #phone1, #mobileform #step2 #phone2, #mobileform #step2 #phone3 {margin:0 4px 0 0; width:30px;}
#mobileform #step2 #phone3 {width:40px;}

#mobileform #step3 .stepinfo input {margin:5px;}

#adbottom {clear:both; background-color:#E9E9E9; border-top:solid 1px #000; padding:5px;}

/*  Thank you Page  */
#top {margin-left:12px; width:460px; height:146px;}
#top a {text-decoration:underline;}
#top a, #top a:hover, .morecolumn a, .morecolumn a:hover {font-weight:bold; color:#e40015;}
#top a:hover, .morecolumn a:hover {text-decoration:none;}

#top h2 {margin:0 0 10px 0; overflow:hidden; height:19px; width:147px; background:url(http://img2.timeinc.net/instyle/i/mobile/hd_thankyou.gif) no-repeat; text-indent:-9999px;}

#more {border-top:solid 4px #AFAFAF; padding-top:60px; margin-left:12px;}
#more h2 {margin:0 0 10px 0; overflow:hidden; height:23px; width:333px; background:url(http://img2.timeinc.net/instyle/i/mobile/hd_more_ways.gif) no-repeat; text-indent:-9999px;}

#more .morecolumn {width:333px; float:left;}
#more .narrow {width:270px;}
#more .rightspace {margin-right:40px;}
#more .morecolumn h3.newsletters {margin:10px 0 6px 0; overflow:hidden; height:26px; width:180px; background:url(http://img2.timeinc.net/instyle/i/mobile/hd_free_newsletters.gif) no-repeat; text-indent:-9999px;}
#more .morecolumn h3.rss {margin:10px 0 6px 0; overflow:hidden; height:26px; width:258px; background:url(http://img2.timeinc.net/instyle/i/mobile/hd_free_rss.gif) no-repeat; text-indent:-9999px;}
#more .morecolumn span {text-transform:uppercase; color:#F31496; font-weight:bold;}
#more a {text-decoration:underline;}

#emailsubmit {margin-left:20px;}

#emailsubmit .email {width:180px; vertical-align:text-top;}
#emailsubmit .submit {vertical-align:text-top; margin-left:6px;}

#more .morecolumn #seeall {margin:25px 0 0 0;}

.allnewsletters {margin:20px 0 167px 20px!important; margin:20px 0 127px 20px;}
.allnewsletters a {text-decoration:none;}
.allnewsletters a:hover {text-decoration:underline;}
.allnewsletters a {padding-right:8px; background:url(http://img2.timeinc.net/instyle/i/mobile/icon_arrow01.gif) center right no-repeat;}