/* Shopping IQ Quiz */

#quizcontent {clear:both; display:block; background:#fff url(http://img2.timeinc.net/instyle/i/global/bg_whitepage.gif) repeat-y;}
#quizcontent .clear:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
#quizcontent .clear {clear:both; _height:1%; _margin:0; _padding:0;}
#quizcontent #leftcolumn {width:677px; float:left;}
#quizcontent #rightcolumn {width:315px; padding-bottom:20px; float:left; overflow:hidden;}

#quizheader {display:block; background:#fff;}
#quizheader h2 {float:left; display:block; overflow:hidden; width:677px; height:60px; margin:0; padding:0 10px; background:url(http://img2.timeinc.net/instyle/images/quiz_bbb/header.gif) 0 0 no-repeat; text-indent:-1000px;}
#quizheader .sponsor {width:170px; height:30px; position:absolute; top:8px; right:10px; /*float:right; width:170px; height:30px; padding:8px 10px;*/}
#quizheader .link {padding:5px 0 5px 350px;}

#quizframe {width:677px;}
#quizframe .deck {padding:13px 20px; background:#adcde6; font:normal 15px arial,sans-serif; letter-spacing:.05em; color:#276390;}
#quizframe .seeall {margin:0; padding:10px 0 30px 0; text-align:center;}

#quizform h3 {padding:8px 20px 8px 43px; background:#f5f9fc url(http://img2.timeinc.net/instyle/images/quiz_bbb/bg_qnum.gif) 0 0 no-repeat; border-top:1px solid #91bcdd; font:bold 15px arial,sans-serif; color:#6c6b6b;}
#quizform h3 strong {color:#4f8bb8;}
#quizform h3.q1 {background-position:20px 10px;}
#quizform h3.q2 {background-position:20px -90px;}
#quizform h3.q3 {background-position:20px -190px;}

#quizform ul li {float:left; list-style:none; margin:0; padding:10px 0 15px 15px; width:146px;}
#quizform ul li p.option {margin:0; padding:0 0 3px 0; font-size:12px; color:#6c6b6b;}
#quizform ul li p.pic {width:126px; margin:0; padding:0 0 0 5px; font-size:11px; color:#4f8bb8; text-align:center;}
#quizform .submit {padding:2px 0; background:#91bcdd; text-align:center;}

#quizresults .deck {display:block; padding:8px 20px; background:#adcde6; font:normal 15px arial,sans-serif; letter-spacing:.05em; color:#276390;}
#quizresults span {float:left; width:471px; padding-top:3px;}
#quizresults .btns {float:right; width:148px;}
#quizresults .checklist {padding:20px 19px 0 152px; background:url(http://img2.timeinc.net/instyle/images/quiz_bbb/bg_results.jpg) no-repeat;}
#quizresults .checklist h3 {padding:5px 10px; background:#d9e7f1; font:bold 16px arial,sans-serif; color:#f4249d;}
#quizresults .checklist h3 strong {color:#6c6a6a;}
#quizresults .checklist ul {margin:0; padding:0 0 25px 0;}
#quizresults .checklist li {list-style:none; margin:0; padding:7px 10px 7px 25px; background:url(http://img2.timeinc.net/instyle/images/quiz_bbb/icon_bullet.gif) 10px 12px no-repeat; font-size:11px;}
#quizresults .checklist li.b {background-color:#f5f9fc;} 
#quizresults .checklist li a {text-decoration:underline;}
#quizresults .checklist li em {font-style:normal; color:#7b7979;}
#quizresults .checklist li .cbox {display:none; width:20px;}
#quizresults .startover {padding:2px 0; background:#91bcdd; text-align:center;}
#quizresults .seeall {margin:0; padding:10px 0 30px 0; text-align:center;}

#quizpreview .checklist {width:520px; margin-left:-10px; padding:0px;}
#quizpreview .checklist h3 {padding:5px 10px; background:#d9e7f1; font:bold 16px arial,sans-serif; color:#f4249d;}
#quizpreview .checklist h3 strong {color:#6c6a6a;}
#quizpreview .checklist ul {margin:0; padding:0 0 25px 0;}
#quizpreview .checklist li {list-style:none; margin:0; padding:7px 10px 7px 10px;  font-size:11px;}
#quizpreview .checklist li.b {background-color:#f5f9fc;} 
#quizpreview .checklist li a {text-decoration:underline;}
#quizpreview .checklist li em {font-style:normal; color:#7b7979;}
#quizpreview .checklist li .cbox {display:inline; width:20px;}
#quizpreview .checklist li .cbox img {vertical-align:middle; padding-right:5px;}
#quizpreview .startover {padding:2px 0; background:#91bcdd; text-align:center;}
#quizpreview .seeall {margin:0; padding:10px 0 30px 0; text-align:center;}

/* This Just In */
#rightcolumn .toutSection {clear:both; border-top:1px solid #7d8ea1;margin:-1px 0 0 0;}
#rightcolumn #thisJustInTab {padding:7px 7px 0 7px;}
#rightcolumn #thisJustInTab h3 {float:left;}
#rightcolumn #thisJustInTab p.timestamp {float:right; margin:0; padding-top:10px; padding-right:7px; font-weight:bold; color:#a8e5f7; text-transform:uppercase;}
#rightcolumn #thisJustIn {border:3px solid #3ad1fd;background:#fff;margin:0 7px 7px 7px;width:280px;padding:8px 8px 15px 8px;}
#rightcolumn #thisJustIn p {border-bottom:1px solid #c1ccd1;margin:0 0 4px 0;padding:0 0 3px 0;}
#rightcolumn #thisJustIn p strong {text-transform:uppercase;color:#465b72;font-size:11px;}
#rightcolumn #thisJustIn p a {font-weight:bold;}
#rightcolumn #thisJustIn ul {list-style:none;margin:0;padding:0;overflow:hidden;}
#rightcolumn #thisJustIn ul li {float:left;color:#c8c8c8;}
#rightcolumn #thisJustIn ul li a {color:#000;text-decoration:underline;}
#rightcolumn #thisJustIn ul li.addTo {float:none;color:#000;}

/* Ad */
#ad300x250 {width:300px; padding:7px;}
#ad300x250 p {font:normal 9px arial,sans-serif; letter-spacing:.05em; color:#fff; margin:0; padding:0 0 2px 0; text-align:center; text-transform:uppercase;}
#ad300x250 .cm {display:block; text-align:center;}
#ad300x300 {width:300px; padding:7px;}