/* Last Updated 1/20/14 by Vasu for Fitness Finder mobile */
/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
/*
YUI 3.4.1 (build 4118)
Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}
/*Edited by malathi- The following class was merged from line no 26 to avoid duplication*/
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height:1.2;font-family:Trebuchet, "trebuchet ms", Arial, sans-serif;}
/*Edited end*/
q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}

/*Edited by malathi- The following class was merged from style.css to avoid duplication*/
body {overflow-x:hidden;font: normal 100%/1.5 Verdana, Arial, sans-serif;background-color:#fff}
/*Edited end*/
#page, section {padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*Commented by malathi- The following class was merged with the above class in line no: 17 to avoid duplication*/
/*h1, h2, h3, h4, h5, h6 {line-height:1.2;font-family:Trebuchet, "trebuchet ms", Arial, sans-serif}*/
/* end*/
h1, h2, h3, h4, dt, tout-eyebrow, .tout-channel {font-weight:bold}
h1 {margin:0 0 10px 0;font-size:2.0em}
h2 {margin-top:10px}
h2, .tout-eyebrow {font-size:1.8em}
h3, .tout-header {font-size:1.6em;line-height:1.2}
h3 a, .tout-header a {font-family:Trebuchet, "trebuchet ms", Arial, sans-serif}
h4 {margin-top:1em}
h4, p, .tout-dek {font-size:1.2em;text-align:left;font-family:Verdana, Arial, sans-serif;color:#000}
/*Edited by malathi- The following class was merged from style.css to avoid duplication*/
a ,a:hover, a:focus{color:#d81a64;text-decoration:none;font-weight:normal}
/*Edited end*/
p {margin-bottom:1em}
figure {position:relative;margin:0;padding:0}
figure.slide {width:306px;height:306px;margin:0 auto 20px}
figure.slide .credit {position:absolute;top:286px;right:0;margin-right:10px}
figure.inset {float:left;width:155px;margin-right:5px}
figure.inset .credit {padding:0 3px}
figure.inset figcaption {padding:0 3px;display:inline-block;clear:left}
figure img, .list-module img, .tout-image img {border-width:1px;border-style:solid;padding:2px;border-color:#e5e5e5}
figcaption {font-weight:bold}
/*Edited by malathi- The following class was merged from Class below line no 75 to avoid duplication*/
footer {text-align:center;color:#bbbbbb;position:relative;overflow:hidden;margin:15px 0;}
/*end*/
header {margin:5px 0 10px;width:100%;}
header #logo-sign {height:35px;margin-left:auto;margin-right:auto;width:300px;}
header #logo-sign .signin-bar {float: right;margin-top:5px;}
header #logo-sign .signin-bar > a {font-weight:bold;font-size:10px;}
header #search {margin-left:auto;margin-right:auto;width:300px;height:35px}
header #search form {float:left;margin-top:10px}
header #search form input {-webkit-appearance:none}
header #search form .query {float:left;width:240px;height:24px;margin:0;padding:0 5px;border:1px solid #bbbbbb;border-right:0;-moz-border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;border-radius:5px 0 0 5px}
header #search form .go {background:#d81a64;float:right;width:50px;height:24px;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;border:1px solid #d81a64;color:#fff;font-weight:bold}
.ad-300x50 {margin-left:auto;margin-right:auto;margin-top:10px;text-align:center;width:320px}
.ad-300x250 {text-align:center;margin-top:10px}
.rel {position:relative}
.abs {position:absolute}
#main-menu {width:100%;overflow:hidden;height:25px;font:bold 1.2em Arial,sans-serif}
#main-menu .menu-parent {float:left;position:relative;left:50%}
#main-menu .menu-parent .menu-list {float:left;position:relative;left:-50%;padding-top:3px}
#main-menu .menu-parent .menu-list .menu-list-item {float:left;padding:7px 5px}
#main-menu .menu-parent .menu-list .menu-list-item.on {border-radius:4px 4px 0 0}
/*Edited by malathi- The following class was merged from Class below line no 212 to avoid duplication*/
.dot-counter {width:100%;height:10px;margin:5px auto 10px;color:#bbbbbb;font-size:1.6em;line-height:10px;text-align:center}
/*end*/
.dot-counter .dot {padding:0 0.25em}
/* #branding-footer {clear:both;width:100%;height:37px;margin:0 auto 15px} */
/*Commented by malathi- The following class was merged with the above class in line no: 49 to avoid duplication*/
/*footer {overflow:hidden;margin:15px 0}*/
/* end*/
footer .ad-300x50 {margin-top:0;margin-bottom:10px}
/*Commented because the class has been deined in the style.css for mobile responsiveness*/
/*footer .footer-list {width:300px;overflow:hidden;margin:auto}*/
/*end*/
footer .footer-list-item {overflow:hidden;clear:left;text-align:center;margin:auto}
/*Added by malathi because this was missing and was moved from style.css*/
.footer-list-item>small>a{color: #D81A64;text-decoration: none;font-weight: normal;}
/*End*/
article {margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px}
body#article article {margin-left:0;margin-right:0;display:block}
/*Edited by Malathi - merged with the class from style.css*/
#social{margin-top: 0px;margin-bottom: 0px;padding-bottom: 0px;padding-top: 7px;background-color:#fff;width:100%;overflow:hidden}
/*end*/
#social .social-parent {float:left;position:relative;left:50%}
/*Edited by Malathi- merged with Line no 95 below*/
#social .social-list {float:left;position:relative;left:-50%;display:block;}
/*end*/
/*Commented by Malathi- merged with line no 92 above to avoid duplication*/
/*#social .social-list {display:block}*/
/*End*/
@font-face {
font-family: 'healthsocial';src:url('http://www.health.com/health/static/fonts/icomoon.eot?j57eua');src:url('http://www.health.com/health/static/fonts/icomoon.eot?#iefix-j57eua') format('embedded-opentype'),
url('http://www.health.com/health/static/fonts/icomoon.ttf?j57eua') format('truetype'),
url('http://www.health.com/health/static/fonts/icomoon.woff?j57eua') format('woff'),
url('http://www.health.com/health/static/fonts/icomoon.svg?j57eua#healthsocial') format('svg');font-weight: normal;font-style: normal;}
/*Commented by Malathi- merged with line no 123 below to avoid duplication*/
/*
#social .social-list-item {float:left;margin:0 10px;}
#social .social-list-item {
font-family: 'healthsocial' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}*/
/*End*/
/*Editied by malathi- mergerd with the classes above to avoid duplication*/
#social .social-list-item {background:none repeat scroll 0 0 rgba(0, 0, 0, 0);background-clip:border-box;border-radius:0px;color:#fff;display:block;height:40px;line-height:40px;margin:0 0 0 12px;overflow:hidden;padding:0;text-align:center;text-decoration:none;width:60px;border:medium none;cursor:pointer;font-size:25px;outline:medium none;float:left;font-family: 'healthsocial' !important;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} /*changed margin from 15px to 12px for HLT-2354*/
/*End*/
#social .social-list-item.facebook {background-color:#3b5998;margin:0px;}
#social .social-list-item.pinterest {background-color:#cb2027;}
#social .social-list-item.twitter {background-color:#3dbeef;}
#social .social-list-item.email {background-color:#6ad98a;}
#social .social-list-item.facebook:before {content:"\ea8c";}
#social .social-list-item.twitter:before {content:"\ea91";}
#social .social-list-item.pinterest:before {content:"\ead0";}
#social .social-list-item.email:before {content:"\e600";}
/* Mass render will tak some time so hiding the googleplus button */
#social .social-list-item.googleplus {display: none;}
/* #social .social-list-item {float:left;height:32px;margin:0 10px;width:32px}
#social .social-list-item.facebook {background-position:0 -104px}
#social .social-list-item.pinterest {background-position:0 -200px}
#social .social-list-item.twitter {background-position:0 -136px}
#social .social-list-item.googleplus {background-position:0 -168px}
#social .social-list-item.email {background-position:0 -232px}
#social .social-list-item img {max-width:25px;margin:0 12.5px} */
.touts-standard {margin:10px 0}
.touts-standard .tout-eyebrow {margin-bottom:5px}
.touts-standard .tout-list {width:100%}
.touts-standard .tout-list-item {position:relative;min-height:81px;margin-bottom:10px;padding-left:91px;padding-top:10px;border-top:1px dotted #bbbbbb}
.touts-standard .tout-channel {font-size:1.2em;text-align:left;font-family:Verdana, Arial, sans-serif;padding-bottom:0.25em}
.touts-standard .tout-image {position:absolute;top:10px;left:0;padding:0}
.touts-standard .tout-image img {width:75px;height:75px}
.touts-related {margin:10px 0;padding:5px;border:1px solid #bbbbbb;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;margin-left:-6px;margin-right:-6px;padding-left:6px;padding-right:6px}
.touts-related .tout-eyebrow {margin-bottom:5px}
.touts-related .tout-list {width:100%}
.touts-related .tout-header {font-size:1.5em}
.touts-related .tout-list-item {position:relative;min-height:81px;margin-bottom:5px;padding-left:86px;padding-top:5px;border-top:1px dotted #bbbbbb}
.touts-related .tout-list-item a, .touts-standard .tout-list-item a {display:block;width:100%;min-height:81px}
.touts-related .tout-channel {font-size:1.2em;text-align:left;font-family:Verdana, Arial, sans-serif;padding-bottom:0.25em;color:#000}
.touts-related .tout-image {position:absolute;top:5px;left:0;padding:0}
.touts-related .tout-image img {width:75px;height:75px}
.touts-related .tout-eyebrow {margin-top:0}
/*Edited by malathi, merged with the class in line no206 to avid duplication */
.touts-gallery {margin:0 -10px;height:290px;text-align:center}
/*End*/
.touts-gallery .tout-item {position:relative;height:260px;width:100%}
/*Added my malathi from style.css*/
.tout-image > a{height: 100% !important;position: relative !important;}
/*eND*/
.touts-gallery .tout-image {height:206px;margin-bottom:10px}
/*Edited by malathi, merged with the class in line no 209 to avid duplication */
.touts-gallery .tout-header, .touts-gallery .tout-dek {margin:0 auto;padding:0 10px;text-align:left}
/*END*/
.touts-gallery .prev, .touts-gallery .next {float:left;width:20px;height:32px;padding:0 5px}
.touts-gallery .prev a, .touts-gallery .next a {font-size:2.4em;line-height:32px}
.touts-gallery .next {float:right;text-align:right}
.compact-list {overflow:hidden}
.compact-list li, .compact-list dt, .compact-list dd {float:left;margin-left:10px;border-left-width:1px;border-left-style:solid;padding-left:10px;padding-bottom:0}
.compact-list li.first, .compact-list dt.first, .compact-list dd.first {margin-left:0;padding-left:0;border-left:0}
.byline {margin:10px 0 0 10px}
.byline + .byline {margin-top:0}
.results-pager, .results-summary {margin-left:-10px;margin-right:-10px;padding-left:10px;padding-right:10px;margin-top:10px;height:35px}
.results-pager, .article-pager, .gallery-pager {margin-top:10px}
.results-pager .pager-list, .article-pager .pager-list, .gallery-pager .pager-list {float:right}
.results-pager .pager-list-item, .article-pager .pager-list-item, .gallery-pager .pager-list-item {float:left;padding:0 5px}
.article-pager, .gallery-pager {height:25px}
.article-pager .pager-list, .gallery-pager .pager-list {height:25px}
.article-pager .arrow, .gallery-pager .arrow {display:inline-block;width:25px;height:25px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px}
.article-pager .arrow img, .gallery-pager .arrow img {width:16px;height:19px;position:relative;top:3px}
.gallery-pager {width:100%;overflow:hidden}
.gallery-pager .pager-parent {float:left;position:relative;left:50%}
.gallery-pager .pager-parent .pager-list {float:left;position:relative;left:-50%}
.results-pager .arrow-prev, .results-pager .arrow-next {width:3px;height:15px;margin:11px 0 0}
.results-pager .arrow-prev a, .results-pager .arrow-next a {display:block;width:13px;height:13px}

.clearfix{display:block}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;line-height:0} 
.standard-text {font-size:1.2em;text-align:left;font-family:Verdana, Arial, sans-serif}
.srch-img.def {background: url("../i/icon_75x75default.png") 2px 2px no-repeat}

/* Classes */
.list-module {font-size:1.2em;text-align:left;font-family:Verdana, Arial, sans-serif}
.compact-list {border-color:#000}
.credit {color:#bbbbbb}
.more a {font-weight:bold}
.more a:after {content:'\00bb';padding:0 3px}
.more-recipes {font-size:1.3em;float:right;padding-bottom:15px}
.touts-gallery .tout-header a {font-weight:bold}
/*Commented by Malathi- Merged with the class above in line no:160 to avoid duplication*/
/*.touts-gallery {text-align:center}*/
/*End*/
/*Commented by Malathi- Merged with the class above in line no:168 to avoid duplication*/
/*.touts-gallery .tout-header, .touts-gallery .tout-dek {text-align:left}*/
/*End*/
/*Commented by malathi- The following class was merged with the above class in line no: 70 to avoid duplication*/
/*.dot-counter {color:#bbbbbb;font-size:1.6em;line-height:10px;text-align:center}*/
/*end*/
.dot-counter .on {color:#d81a64}
.results-pager, .article-pager, .gallery-pager {font-weight:bold;text-align:right}
.results-pager, .results-summary {line-height:35px;background-color:#bbbbbb}
.results-summary {text-align:center}
.article-pager, .gallery-pager {line-height:25px}
.article-pager .arrow, .gallery-pager .arrow {background:#d81a64;text-align:center}
.article-pager .arrow.off, .gallery-pager .arrow.off {background:#bbbbbb}
.gallery-pager {text-align:center;font-weight:normal}
.results-pager .arrow-prev {background:url("../i/health-mobile-sprite.png") 0 -46px no-repeat}
.results-pager .arrow-next {background:url("../i/health-mobile-sprite.png") 0 -65px no-repeat}

/* IDs */
#search {font-size:1.2em;text-align:left;font-family:Verdana, Arial, sans-serif}
/*Edited by malathi- class is merged from style.css*/
#health-logo {display:block;float:left;background:url("../i/health-mobile-sprite2x.png") 0 2px no-repeat;background-size:117px auto;width:117px;height:35px;overflow: hidden;text-indent: 101%;white-space: nowrap;text-align: center;margin: 0px auto auto 5px;}
/*End*/
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max-moz-device-pixel-ratio: 2) {
#health-logo {background:url("../i/health-mobile-sprite2x.png") no-repeat;background-size:117px auto}
}

#main-menu {background:url("../i/health-mobile-sprite.png") 0 -392px no-repeat #f35118;font-size:1.2em;line-height:1em}
#main-menu a {color:#000;font-weight:bold}
#main-menu .on {background:#fff;border-color:#fff}

/* body id & nav class matching for highlighting */
.home .home.menu-list-item, 
.healthyhappy .healthyhappy.menu-list-item, 
.dietfitness .dietfitness.menu-list-item, 
.foodrecipes .foodrecipes.menu-list-item {background:#fff;border-color:#fff;border-radius:4px 4px 0 0}
/*
#branding-footer {background:url("../i/health-mobile-sprite.png") 0 -434px no-repeat #f35118}
#branding-footer a {color:#fff;font-size:1.2em;text-align:left;font-family:Verdana, Arial, sans-serif;font-weight:bold;text-align:center;line-height:37px}*/
#branding-footer {margin-bottom: 5px;}
/*Added by malathi - removed from style.css and have added here*/
#branding-footer > a {color: #D81A64;text-decoration: none;font-weight: normal;}
/*End*/
/* #social .social-list-item {background:url("../i/health-mobile-sprite.png") 0 0 transparent no-repeat} */
#results-filter label, #results-filter select {font-size:1.2em;text-align:left;font-family:Verdana, Arial, sans-serif}
#results-filter input {width:200px}
figure {display:block;width:306px;margin:0 0 10px -3px}
figure img {max-width:300px;border-width:1px;border-style:solid;padding:2px}
.recipe-steps {list-style:decimal outside;padding-left:20px}
.value.calories:after {content:'cal'}
.value.hours:after {content:'hr'}
.value.minutes:after {content:'min'}
.value.grams:after {content:'g'}
.value.milligrams:after {content:'mg'}
.recipe-facts .value {float:right;margin-right:30px}
.compact-list .value {padding-left:5px}
#fullSite {position:absolute;bottom:90px;left:40%}

#pkg-menu {overflow:hidden;font:bold 1.3em Arial,sans-serif;margin:5px 0 10px 0}
#pkg-menu .menu-parent {float:left;position:relative;left:50%;margin:1px 0}
#pkg-menu .menu-parent .menu-list {float:left;position:relative;left:-50%;padding-top:3px}
#pkg-menu .menu-parent .menu-list .menu-list-item {float:left;padding:2px 5px;margin:0 2px 1px 0;border-right:1px solid #BBB;background-color:#f4f4f4;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.h_tab_1 .tab_1 a, .h_tab_2 .tab_2 a, .h_tab_3 .tab_3 a, .h_tab_4 .tab_4 a, .h_tab_5 .tab_5 a, .h_tab_6 .tab_6 a, .h_tab_7 .tab_7 a, .h_tab_9 .tab_9 a, .h_tab_9 .tab_9 a, .h_tab_10 .tab_10 a {color:#000;font-weight:bold}
#pkg-menu .menu-parent .menu-list .menu-list-item a:active {font-weight:bold}
.pkg-gradient {float:left;width:100%;height:15px;background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,0) 100%);/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(255,255,255,0)));/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(255,255,255,0) 100%);/* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(255,255,255,0) 100%);/* W3C */}

.tout-image {text-align:center;margin-bottom:1em}
.title {margin-left:0}
#package-title {margin:0;display:block;clear:right;font:bold 1.2em Arial,sans-serif;text-transform:uppercase}
#package-title a {font-weight:bold}

.prWrap {left:344px !important}
/*Edited by malathi- Updated the style for Play button alignment*/
.play-mbtn-300x200, .play-mbtn-122x122, .play-mbtn-75x75 {display:block;position:absolute;height:73px;background:url("../i/health-mobile-24bit-trans.png") 0 0 no-repeat transparent;top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%);}
/*End*/
.play-mbtn-122x122 {background-position:-134px 0;width:43px;height:43px}
.play-mbtn-75x75 {background-position:-179px 0;width:33px;height:33px}

#video {height:210px;overflow:hidden}

/* Fitness Finder styles by Priyanka */
.header {background-color: #000000;color: #FFFFFF;font-size: 72px;text-align: center;font-weight: bold}
.tout-deck {color: #000000;font-size: 1.4em}
.parent-title {min-height:12px;color: #19a2c2;margin-bottom: 0;font-size: 1.6em}
.tout-list first {border-top:0px}

/* video landing page*/
.see-more {font-size: 1.3em;text-align: right;}
.cat-videos {border: 0px solid #FFFFFF;}

.slide .play-mbtn-300x200 {left: 121px;top: 100px;}
.see-more-link:after {content: "»";padding: 0 3px;}
.touts-standard .tout-list-item .see-more-link {color: #19A2C2;font-size: 1.3em;margin-top: -15px;min-height: 0;text-align: right;}
#package .play-mbtn-300x200 {left: 135px;top: 230px;}
#colorbox, #cboxOverlay, #cboxWrapper {position: absolute;top: 0;left: 0;z-index:999999;overflow: hidden}
#colorbox {z-index: 99999999999}
#cboxOverlay {position: fixed;width: 100%;height: 100%}
.hide{display:none}
.cboxIframe {min-height:575px;}
body#recipe #social {margin-bottom: 7px;}
/*Added by Malathi from style.css
#social .social-list li.social-list-item {
font-family: icomoon !important;}
End*/