/* health.com | channel.css */
/* Updated for HL1631, HL1578 - Oswald font weight changes, tweaks - 2/27/2013, Marvin Carlos */
#content {width:993px}
#widecol {clear:left;width:981px;margin:10px 0 0 12px;padding:0;font:12px arial, sans-serif;overflow:hidden}
#adcol {width:310px;float:right;font:1.1em arial, sans-serif}
#adcol .ad300x250 {font-size:9px;margin-top:15px}
.ad300x250, .ad306 {text-align:center}
.googleAd300x250 {margin-top:15px;float:left}
.cib_unit {margin-bottom:20px}
.hpOfie {margin:15px 0 15px 10px;float:right}
a {color:#000}
h1 {color:#F3514F;font-family:"Times New Roman",serif;font-style:normal;font-weight:600;font-size:3.85em;letter-spacing:-0.01em}
/*tk-kepler-std-display {font-family:"kepler-std-display-n6","kepler-std-display",serif;font-style:normal;font-weight:600}*/
.rel {position:relative}
.abs {position:absolute}

#breadcrumbs {margin:0 0 5px 0;font-size:0.9em;padding:0}
#main-dek {margin:5px 0}
#most-popular-home {font-size:0.9em}
#fotd .mod-header {font-size:1.6em}

/* Begin: Top Content Area & Toobar */
#mainStory {overflow:hidden;width:400px;height:400px;border:1px solid #e8e8e8;margin-bottom:25px;position:relative}
#mainStory strong {font:bold 1.6em "Trebuchet MS", Trebuchet, arial, sans-serif;color:#333;margin:0;padding:0;line-height:16px}
#mainStory p {font:normal 0.95em arial,sans-serif;color:#333;padding:9px 0;margin:0;line-height:1.2em}
#mainStory1, #mainStory2, #mainStory3, #mainStory4, #mainStory5 {display:none;width:400px}
#mainStory1 {display:block}
#mainStory .mainStoryCopy {padding:10px;position:absolute;left:0;bottom:0;height:87px;width:378px}
#mainStory .mainStoryCopy a {color:#333;font:800 1.25em/1.2em 'Oswald',sans-serif;letter-spacing:0.04em;display:block}
#mainStory .mainStoryCopy p {padding:5px 0 8px 0;font-size:1.1em;font-weight:bold}
#mainStory .mainStoryCopy a:hover {text-decoration:underline}
#mainStory .mainStoryImg {position:absolute;width:400px;height:400px;left:0;top:0}
#mainStory .img-overlay {width:400px;height:107px;position:absolute;bottom:0;left:0;background-color:#fff;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70)}
#mainStory a.left-arrow {position:absolute;width:70px;height:295px;left:0;top:0;background:url("http://img2.timeinc.net/health/static/i/sprite_24bit_trans.png") 0 -60px no-repeat;opacity:00;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);outline:none}
#mainStory a.right-arrow {position:absolute;width:70px;height:295px;right:0;top:0;background:url("http://img2.timeinc.net/health/static/i/sprite_24bit_trans.png") right -60px no-repeat;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);outline:none}
#mainStory .numStories {float:left;position:absolute;bottom:7px;right:8px}
.listInline {list-style-type:none;margin:0 0 5px 0;padding:0;color:#858585}
.listInline li {font:bold 10px Arial,sans-serif;display:inline;position:relative;top:-1px}
.listInline a {display:block;background:url("http://img2.timeinc.net/health/static/i/sprite_24bit_trans.png") -1px -1px;text-decoration:none;cursor:pointer;width:16px;height:16px;margin-right:4px;float:left;text-indent:-9999px;outline:none}
.listInline a.on {text-decoration:none;background-position:-1px -33px}
.listInline a:hover.on {background-position:-1px -33px} 
.listInline a:hover.off {background-position:-1px -33px} 

/* Begin: Main Content Area */
#main-content {float:left;width:644px}
#hp-left-content{float:left;width:400px;margin:12px 14px 0 0}
#hp-mid-content {float:right;width:230px;margin:12px 0 0 0}

#channel-see-more {border:1px dotted #e6534c;border-width:1px 0;width:640px;height:24px;overflow:hidden;margin-top:12px;padding:3px 0;font:normal 1.55em "kepler-std-n4","kepler-std",serif;text-align:right}
#channel-see-more a {color:#e6534c}
#channel-see-more a:hover {text-decoration:underline}
#channel-see-more a.arrow {background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") -977px -1362px no-repeat;text-indent:-9999px;width:20px;height:18px;display:inline-block}

#news-views {width:224px;border:1px solid #e6e7e9;height:400px;overflow:hidden;position:relative}
#news-views h4 {background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") -240px -1200px no-repeat;height:42px;overflow:hidden;text-indent:-9999px;margin:0}
#news-views h4 a {display:block;height:44px}
#news-views h5 a {font-family:"kepler-std-n4","kepler-std",serif;font-weight:400;font-style:normal;font-size:1.6em;display:block;text-align:left;margin-bottom:2px}
#news-views p {color:#666666;font-size:0.9em;margin-bottom:0.5em}
#news-views .tout-num {display:block;background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") -970px -1100px;color:#fff;overflow:hidden;width:23px;height:22px;padding-top:1px;text-align:center;font:1.7em/0.97em "Times New Roman",Times,serif;margin:0 auto 10px auto;clear:both}
#news-views #touts {width:214px;padding:8px 0 0 0;margin:3px 6px 28px 6px;border-top:3px solid #d6d6d6;height:315px;overflow:hidden}
#news-views #touts img {float:left;margin:0 8px 5px 0;border:1px solid #e5e5e5}
#news-views #touts li {list-style:none;margin:0 0 10px 0;border-bottom:1px dotted #dcddde;overflow:hidden;padding-bottom:10px}
#news-views #more-news-views {display:block;color:#F3514F;font:normal 1.35em "kepler-std-n4","kepler-std",serif;padding:0 6px 4px 6px;float:left}
#news-views #more-news-views:hover {text-decoration:underline}
#news-views .more-link {background-position:-980px -1214px;height:16px;width:110px;bottom:0}
#news-views #more-cont {position:absolute;bottom:0}

.mod {float:left;width:155px;padding-bottom:1px;border-bottom:1px solid #b0d6ee;margin-bottom:15px}
.mod h3 {float:left;font:bold 1.75em "Trebuchet MS", Trebuchet, arial, sans-serif;padding:5px 7px 6px 7px;width:141px}
.mod .mod-more {float:left;font-size:0.9em;width:137px;padding:4px 10px 4px 6px;text-align:right;border:1px solid #d2e7f3;margin-top:1px;border-width:1px 1px 2px 1px;border-top-color:#b0d6ee;border-bottom-color:#b0d6ee}
.mod-inner {float:left;width:141px;padding:0 6px;border:1px solid #d2e7f3;border-width:0 1px 2px 1px;border-bottom-color:#b0d6ee}
.mod-inner h4 {font:bold 0.9em Arial, Arial, Helvetica, sans-serif;width:144px;letter-spacing:-0.03em}
.mod-inner ul {margin:0;padding:7px 0 17px 15px;font-size:.95em}
.mod-inner ul li {list-style:none;padding-bottom:6px}
.tout-img {border:1px solid #e5e5e5;padding:0;margin-bottom:3px}

.three-col {clear:left;width:auto;padding:0;margin:0 0 10px 0}
.three-col li {float:left;list-style:none;width:124px;margin:0 14px 4px 0;font-size:0.97em}
.three-col ul {margin:3px 0 0 0;padding:0}
.three-col h4 {width:124px;font:800 1.25em 'Oswald', 'Arial Narrow', sans-serif;text-transform:uppercase;margin-bottom:5px;border-bottom:1px solid #e7524e;}
:root .three-col h4 {font-family:'Arial Narrow', sans-serif\0/IE9}
.three-col .tout {float:left;margin:0 6px 0 0;padding:0}
.three-col p {font-weight:bold;margin-bottom:5px}
.three-col p.dek {font-weight:normal;font-size:0.95em;margin-top:0}
.three-col .tout li {padding-bottom:8px;list-style:none;float:left;padding:5px 0 0 12px;background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") -985px -930px no-repeat;width:113px;border-top:1px dotted #22a9c6}
.three-col .tout li a {display:block}
.three-col li .tout li a {min-height:30px}
.three-col li.rightmost {margin-right:0}

.landing-touts {overflow:hidden;width:640px;margin-bottom:10px}
.landing-touts .mod-header, .landing-touts .mod-header a {background-color:transparent;color:#f3514f;padding:0;margin-bottom:3px}
.landing-touts .mod-header a.arrow {background:url("http://img2.timeinc.net/health/static/i/sprite_gen.png") -974px -1290px no-repeat;text-indent:-9999px;width:28px;height:20px;display:inline-block}
.landing-touts .mod-header a:hover {color:#000}
.landing-touts .tout-img {border:0;margin-bottom:0}
.landing-touts .three-col {border-top:1px solid #e15554;margin-top:5px;padding-top:10px}
.landing-touts.subchannel .three-col {border:0;padding-top:7px}
.landing-touts .three-col li {width:200px;margin-right:20px;margin-bottom:0;font-size:1em}
.landing-touts .three-col li.rightmost {margin-right:0}
.landing-touts .three-col li a {display:block}
.landing-touts .three-col .tout-container {float:left;position:relative}
.landing-touts .three-col .tout {margin-top:10px}
.landing-touts .three-col li a.textonly {width:200px;display:table-cell;height:142px;text-align:center;padding:4px;color:#fff;font:800 2.8em/1.2em "Oswald",sans-serif;vertical-align:middle;font-weight:800;letter-spacing:-0.02em}
.landing-touts .three-col li a.textonly:hover {text-decoration:underline}
.landing-touts .three-col li a.textonly.yellow {background-color:#E0D333}
.landing-touts .three-col li a.textonly.cyan {background-color:#33ADC9}
.landing-touts .three-col li a.textonly.red {background-color:#F57472}
.landing-touts .three-col li a.textonly.orange {background-color:#ff8533}
.landing-touts .three-col .img-overlay {width:188px;height:29px;padding:3px 6px;position:absolute;bottom:0px;left:0px;background-color:#000;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);color:#fff;font-weight:bold}
.landing-touts .three-col div.img-overlay {width:188px;height:29px;padding:3px 6px;position:absolute;bottom:0px;left:0px;background-color:#000;opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70)}
.landing-touts .three-col a.txt-overlay {width:188px;height:29px;padding:3px 6px;position:absolute;bottom:0px;left:0px;color:#fff;font-weight:bold}
.landing-touts .three-col a:hover, .landing-touts .three-col a:active {color:#F3514F}
.landing-touts .three-col .tout li {width:186px;position:static;border-color:#d6d6d6;padding:8px 0 5px 15px;min-height:31px;background-position:-985px -928px}

#nl-subscribe2 {float:left;border-top:1px dotted #22a9c6;margin-top:5px;padding-top:5px;width:280px}
#nl-subscribe2 h5 {float:left;font:800 0.75em 'Oswald','Arial Narrow',sans-serif;margin-right:7px}
#nl-subscribe2 #nl-email {border:1px solid #999;color:#777;font-size:.85em;width:134px;height:14px;padding:2px 4px;margin-right:3px}
#nl-subscribe2 #submit-btn {width:56px;height:20px;font-size:.8em;font-weight:bold;color:#fff;background:#f85154;border-collapse:collapse;border:0}

#more-from-subchannel {font-weight:bold;float:right}

.nl-signup {font-size:1em}
/* Priyanka Added for HLT-2211 */
.nl-signup.recipes-nl {background: url("http://img2.timeinc.net/health/static/i/nl-recipes-300x168-bg-xl.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);height: 168px;}