﻿/* Nav Switch [Cholesterol Advice]*/
#nav_AboutBecel { display: none; }
#nav_Products { display: none; }
#nav_ManageYourHeartHealth { display: none; }
#nav_CholesterolAdvice { display: block; }
#nav_Recipes { display: none; }
#nav_ToolsAndResources { display: none; }
#nav_Other { display: none; }

/* .cat_cholesterol_advice img{margin:0 !important;} */


/* .cholesterol_advice_main{background:url(/images/women_and_heart_disease/main_bg.jpg) no-repeat center bottom; height:auto; width:600px; padding: 0px 0px 111px 14px;} */

.cholesterol_advice_main p{color:Black; font-size:10.5px;}
.cholesterol_advice_main h2{width:370px;}
.cholesterol_advice_main ul li{color:Black; font-size:10.5px;}
.cholesterol_advice_main .arrow{background:url(/images/bullets/blue_arrow.gif) no-repeat; display:block; float:right; height:11px; margin:-11px 22px 0 0; width:8px;}
.cholesterol_advice_main .left{float: left; padding: 0 25px 0 0; width: 350px; }
.cholesterol_advice_main .right{float: right; width:400px; }

.cholesterol_advice_main .heart_truth_callout{}

/* side-nav styles [Know your heart]*/
ul#nav_CholesterolAdvice { list-style: none; text-align: left; }
ul#nav_CholesterolAdvice ul { display: none; }
ul#nav_CholesterolAdvice li { background-color: #d3e3f4; border-bottom: 1px solid lightGrey; padding: 0; margin: 0; list-style: none; width: 155px; }
ul#nav_CholesterolAdvice li a { display: block; width: 139px; color: #000000; padding: 3px 0 2px 10px; overflow: hidden; }
ul#nav_CholesterolAdvice li:hover { background-color: #6ea2d9; }
ul#nav_CholesterolAdvice li.selected { background-color: #6ea2d9; border-right: 1px solid #6ea2d9; list-style: none; width: 154px; }
ul#nav_CholesterolAdvice li.selected a { color: White; width: 139px; }
ul#nav_CholesterolAdvice li.selected ul { display: block; }
ul#nav_CholesterolAdvice li.selected ul li { background-color: #e5eef8; width: 139px; border: none; line-height: 1.5em; }
ul#nav_CholesterolAdvice li ul.selected li:hover { background-color: #e5eef8; }
ul#nav_CholesterolAdvice li.selected ul li a { width: 111px; color: #377cc4; padding-right: 19px; }
ul#nav_CholesterolAdvice li.selected ul li a:hover { color: Black; }
ul#nav_CholesterolAdvice li.selected ul li.selected { background:#E5EEF8 url(/images/arrow_list_bullet.gif) no-repeat 10px center; }
ul#nav_CholesterolAdvice li.selected ul li.selected a { color: Black; }
ul#nav_CholesterolAdvice li ul { width: 154px; }
ul#nav_CholesterolAdvice li ul li { background: url(/images/know_heart_list_arrow.gif) no-repeat 10px center; padding: 0 0 0 15px; list-style-type: none; list-style: none; }
ul#nav_CholesterolAdvice li a:hover { color: white; }
.risk_factors{float:right; margin:24px 17px 0 0;}


.fan_box .page_stream {
border-top:5px solid red !important;
height:255px !important;
overflow:auto;
padding:0 10px;
position:relative;
text-align:center;
}



/* I'm prefixing these styles with .manage_your_heart_health because I'm afraid they'll interfere elsewhere */

.manage_your_heart_health div.header { width: 615px; position: relative; }
.manage_your_heart_health h2 { margin-left: 10px; }
.manage_your_heart_health div.content { width: 615px; }
.manage_your_heart_health div.content_left { width: 365px; padding: 8px 20px; float: left; }
.manage_your_heart_health div.content_right { float: left; }
.manage_your_heart_health div.footer { width: 615px; }
.manage_your_heart_health div.becel_original_callout { background: url(/en_ca/images/manage_your_heart_health/becel_original_callout.png) no-repeat; margin-top: 12px; width: 195px; height: 216px; position: relative; }
.manage_your_heart_health div.becel_original_callout p.link_button { position: absolute; top: 178px; left: 22px; }
.manage_your_heart_health div.becel_light_callout { background: url(/en_ca/images/manage_your_heart_health/becel_light_callout.png) no-repeat; margin-top: 12px; width: 195px; height: 217px; position: relative; }
.manage_your_heart_health div.becel_light_callout p.link_button { position: absolute; top: 178px; left: 22px; }
.manage_your_heart_health div.becel_saltfree_callout { background: url(/en_ca/images/manage_your_heart_health/becel_saltfree_callout.png) no-repeat; margin-top: 12px; width: 195px; height: 217px; position: relative; }
.manage_your_heart_health div.becel_saltfree_callout p.link_button { position: absolute; top: 178px; left: 22px; }
.manage_your_heart_health div.cdn_diabetes_callout { background: url(/en_ca/images/manage_your_heart_health/canadian_diabetes_callout.png) no-repeat; margin-top: 12px; width: 194px; height: 190px; position: relative; }
.manage_your_heart_health div.cdn_diabetes_callout p.link_button { position: absolute; left: 22px; top: 154px;}
.manage_your_heart_health div.food_guide_callout { background: url(/en_ca/images/manage_your_heart_health/food_guide_callout.png) no-repeat; margin-top: 12px; width: 194px; height: 217px; position: relative; }
.manage_your_heart_health div.food_guide_callout p.link_button { position: absolute; left: 22px; top: 154px;}
.manage_your_heart_health div.hat_callout { background: url(/en_ca/images/manage_your_heart_health/hat_callout.png) no-repeat; margin-top: 12px; width: 194px; height: 188px; position: relative; }
.manage_your_heart_health div.hat_callout p.link_button { position: absolute; left: 22px; top: 154px;}
.manage_your_heart_health div.which_becel_callout { background: url(/en_ca/images/manage_your_heart_health/which_becel_callout.png) no-repeat; margin-top: 12px; width: 194px; height: 206px; position: relative; }
.manage_your_heart_health div.which_becel_callout p.link_button { position: absolute; left: 22px; top: 168px;}
.manage_your_heart_health div.activity_calc_callout { background: url(/en_ca/images/manage_your_heart_health/activity_calculator_callout.png) no-repeat; position: relative; width: 195px; height: 189px; }
.manage_your_heart_health div.activity_calc_callout p.blurb { position: absolute; top: 40px; left: 14px; width: 108px; height: 80px; }
.manage_your_heart_health div.activity_calc_callout p.link_button { left: 12px; position: absolute; top: 153px; width: 90px; }
.manage_your_heart_health .article_link { background: url(/en_ca/images/manage_your_heart_health/divider.png) no-repeat left bottom; margin-bottom: 15px; }
.manage_your_heart_health .article_link div.wrapper { padding-left: 90px; padding-bottom: 10px; }
.manage_your_heart_health .article_link p.title { color: #0b5482; padding: 0; }
#content_body .manage_your_heart_health .article_link .link_button a:hover { text-decoration: none; }
.manage_your_heart_health .article_link .link_button { background: url(/en_ca/images/manage_your_heart_health/btn_learn_more.png) no-repeat; text-decoration: none; width: 81px; height: 12px; margin: 8px 0; padding: 0; }
.manage_your_heart_health div.becel_proactiv_callout { background: url(/en_ca/images/manage_your_heart_health/becel_proactiv_callout.png) no-repeat; margin-top: 12px; width: 195px; height: 216px; position: relative; }
.manage_your_heart_health div.becel_proactiv_callout p.link_button { position: absolute; top: 178px; left: 22px; }


#manage_your_heart_health div.header { background: url(/en_ca/images/manage_your_heart_health/manage_header.jpg) no-repeat; width: 615px; height: 306px; position: relative; }
#manage_your_heart_health div.header div.header_blurb { background: url(/en_ca/images/manage_your_heart_health/manage_header_blurb.png) no-repeat; width: 339px; height: 139px; position: absolute; top: 81px; left: 267px; }
#manage_your_heart_health div.content { background: url(/en_ca/images/manage_your_heart_health/manage_mid_bg.png) repeat-y; width: 615px; height: auto; }
#manage_your_heart_health h4.keeping_your_heart_healthy { background: url(/en_ca/images/manage_your_heart_health/keeping_your_heart_healthy.png) repeat-y; width: 235px; height: 20px; position: absolute; top: 272px; left: 23px; }
#manage_your_heart_health h4.understanding_your_risks { background: url(/en_ca/images/manage_your_heart_health/understanding_your_risk.png) repeat-y; width: 210px; height: 20px; position: absolute; top: 272px; left: 328px; width: 250px; }
#manage_your_heart_health div.content { background: url(/en_ca/images/manage_your_heart_health/manage_mid_bg.png) repeat-y; width: 615px; }
#manage_your_heart_health div.content_left { width: 270px; float: left; padding: 0 18px; }
#manage_your_heart_health div.content_right { width: 270px; float: left; padding: 0 18px; }
#manage_your_heart_health .link_button a { text-decoration: none; display: block; width: 100%; height: 100%; overflow: hidden; }
#manage_your_heart_health #eating_well div.wrapper { background: url(/en_ca/images/manage_your_heart_health/img_cholesterol_101.jpg) no-repeat top left; }
#manage_your_heart_health #eating_well .link_button { background: url(/en_ca/images/manage_your_heart_health/btn_discover_tips.png) no-repeat; width: 171px; height: 13px; margin-top: 2px; }
#manage_your_heart_health #managing_stress div.wrapper { background: url(/en_ca/images/manage_your_heart_health/img_managing_stress.jpg) no-repeat top left; }
#manage_your_heart_health #managing_stress .link_button { background: url(/en_ca/images/manage_your_heart_health/btn_tips_to_manage_stress.png) no-repeat; width: 150px; height: 13px; margin-top: 2px; }
#manage_your_heart_health #weight_management div.wrapper { background: url(/en_ca/images/manage_your_heart_health/img_weight_management.jpg) no-repeat top left; }
#manage_your_heart_health #small_steps div.wrapper { background: url(/en_ca/images/manage_your_heart_health/img_small_steps.jpg) no-repeat top left; }
#manage_your_heart_health #cholesterol div.wrapper { background: url(/en_ca/images/manage_your_heart_health/img_cholesterol.jpg) no-repeat top left; }
#manage_your_heart_health #smoking div.wrapper { background: url(/en_ca/images/manage_your_heart_health/img_quit_smoking.jpg) no-repeat top left; }
#manage_your_heart_health #diabetes div.wrapper { background: url(/en_ca/images/manage_your_heart_health/img_diabetes_02.jpg) no-repeat top left; }
#manage_your_heart_health #staying_active div.wrapper { background: url(/en_ca/images/manage_your_heart_health/img_staying_active.jpg) no-repeat top left; }
#manage_your_heart_health #staying_active .link_button { background: url(/en_ca/images/manage_your_heart_health/btn_ideas_to_keep_active.png) no-repeat; width: 150px; height: 13px; margin-top: 2px; }
#manage_your_heart_health #blood_pressure div.wrapper { background: url(/en_ca/images/manage_your_heart_health/img_blood_pressure.jpg) no-repeat top left; }
#manage_your_heart_health #blood_pressure .link_button { background: url(/en_ca/images/manage_your_heart_health/btn_learn_more.png) no-repeat; width: 81px; height: 12px; margin-top: 2px; }
#manage_your_heart_health div.footer { background: url(/en_ca/images/manage_your_heart_health/manage_footer_bg.png) no-repeat; width: 615px; height: 24px; }
#manage_your_heart_health #eating_well p.title { background: url(/en_ca/images/manage_your_heart_health/title_eating_well.png) no-repeat; width: 99px; height: 18px; }
#manage_your_heart_health #staying_active p.title { background: url(/en_ca/images/manage_your_heart_health/title_staying_active.png) no-repeat; width: 99px; height: 18px; }
#manage_your_heart_health #blood_pressure p.title { background: url(/en_ca/images/manage_your_heart_health/title_blood_pressure.png) no-repeat; width: 105px; height: 18px; }
#manage_your_heart_health #managing_stress p.title { background: url(/en_ca/images/manage_your_heart_health/title_managing_stress.png) no-repeat; width: 123px; height: 18px; }
#manage_your_heart_health #small_steps p.title { background: url(/en_ca/images/manage_your_heart_health/title_small_steps.png) no-repeat; width: 177px; height: 38px; }
#manage_your_heart_health #small_steps .link_button { background: url(/en_ca/images/manage_your_heart_health/btn_take_a_step_today.png) no-repeat; width: 122px; height: 12px; margin-top: 2px; }
#manage_your_heart_health #cholesterol p.title { background: url(/en_ca/images/manage_your_heart_health/title_cholesterol.png) no-repeat; width: 123px; height: 18px; }
#manage_your_heart_health #weight_management p.title { background: url(/en_ca/images/manage_your_heart_health/title_weight_management.png) no-repeat; width: 150px; height: 18px; }
#manage_your_heart_health #smoking p.title { background: url(/en_ca/images/manage_your_heart_health/title_smoking.png) no-repeat; width: 123px; height: 18px; }
#manage_your_heart_health #diabetes p.title { background: url(/en_ca/images/manage_your_heart_health/title_diabetes.png) no-repeat; width: 123px; height: 18px; }

#cholesterol div.header { background: url(/en_ca/images/manage_your_heart_health/cholesterol_header.jpg) no-repeat; height: 272px; position: relative; }
#cholesterol div.header p.blurb { background: url(/en_ca/images/manage_your_heart_health/cholesterol_header_blurb.png) no-repeat; width: 307px; height: 103px; position: absolute; top: 100px; left: 350px; }
#cholesterol h4.articles_on_cholesterol { background: url(/en_ca/images/manage_your_heart_health/articles_on_cholesterol.png) no-repeat; width: 322px; height: 20px; position: absolute; top: 244px; left: 24px; } 
#cholesterol div.content { background: url(/en_ca/images/manage_your_heart_health/cholesterol_mid_bg.png) repeat-y; }
#cholesterol div.footer { background: url(/en_ca/images/manage_your_heart_health/cholesterol_footer_bg.png) no-repeat; height: 24px; }
#cholesterol #cholesterol_101_article { background: url(/en_ca/images/manage_your_heart_health/img_cholesterol_101.jpg) no-repeat top left; }
#cholesterol #cholesterol_101_article p.title { background: url(/en_ca/images/manage_your_heart_health/title_cholesterol_101.png) no-repeat top left; width: 165px; height: 18px; }
#cholesterol #checkup_article { background: url(/en_ca/images/manage_your_heart_health/img_check_up.jpg) no-repeat top left; }
#cholesterol #checkup_article p.title { background: url(/en_ca/images/manage_your_heart_health/title_heart_healthy_checkup.png) no-repeat top left; width: 245px; height: 36px; }
#cholesterol #planet_sterols { background: url(/en_ca/images/manage_your_heart_health/img_plant_sterols.jpg) no-repeat top left !important; }
#cholesterol #planet_sterols p.title { background: url(/en_ca/images/manage_your_heart_health/title_plant_sterols_lower_your_cholesterol.png) no-repeat top left !important; width: 270px; height: 18px; }
#cholesterol #lower_cholesterol { background: url(/en_ca/images/articles/img_lower_cholesterol.jpg) no-repeat top left !important; }
#cholesterol #lower_cholesterol p.title { background: url(/en_ca/images/manage_your_heart_health/title_lowercholesterol.png) no-repeat top left !important; width: 270px; height: 18px; }
#cholesterol #fitness_goals_article { background: url(/en_ca/images/manage_your_heart_health/img_try_goals.jpg) no-repeat top left; }
#cholesterol #fitness_goals_article p.title { background: url(/en_ca/images/manage_your_heart_health/title_fitness_goals.png) no-repeat top left; width: 245px; height: 36px; }
#cholesterol #cholesterol_faqs { background: url(/en_ca/images/articles/img_cholesterolfaqs.jpg) no-repeat top left !important; }
#cholesterol #cholesterol_faqs p.title { background: url(/en_ca/images/manage_your_heart_health/title_cholesterolfaqs.png) no-repeat top left !important; width: 270px; height: 18px; }
