/* clearfix */
html .clearfix { height: 1%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* { margin: 0; padding: 0; }
/*html .clearFix { height: 1%; } 
.clearFix:after { content: "."; display: none; height: 0; width:0; clear: both; border:0px solid red; }*/


/*.png { behavior: url(/js/iepngfix.htc); }*/
form { height: 100%; }
html {min-height:100%;  height:100%;  }
/* Regular font resize */
body {
	background: white url(/images/body-bg.gif) repeat-x top left;
	height:100%;
	padding: 0;
	margin: 0 !important;
	font-size: 100.1% !important;
	color: #696a6c;
	font-family: Verdana,Arial,sans-serif;
	line-height: 1 !important;
}

/* Large font resize */
body.large { font-size: 130.1% !important; line-height: 1 !important; }
body.large #utility #language { margin: 14px 14px 0 24px !important; }
body.large #utility a.HCP { margin:17px 100px 0pt 15px !important; }
body.large div#left_column { width: 155px !important; }
body.large div#content_body { width: 460px !important; }
/*body.large div#right_column { width: 145px !important; }*/
body.large #footer { width: 780px !important; }
body.large #footer p { width: 780px !important; }
/* Extra Large font resize */
body.extra_large { font-size: 170.1% !important; line-height: 1 !important; }
body.extra_large #utility a.HCP { margin: 17px 59px 0 15px; }
body.extra_large #utility #language { margin: 8px 14px 0 35px; }
body.extra_large #utility div.search { margin: 11px 0 0; }
body.extra_large div#left_column { width: 155px !important; }
body.extra_large div#content_body { width: 460px !important; }
/*body.extra_large div#right_column { width: 145px !important; }*/
body.extra_large #footer { width: 780px !important; }
body.extra_large #footer p { width: 780px !important; }
div.category #gold {font-size:80% !important; border:solid red 1px;}

h1, h2, h3, h4, h5, h6 { overflow: hidden; }
a { color: #6d6d6d; }
a.button { display: block; height: 100%; width: 100%; text-decoration: none; }
a:hover { color: #043453; text-decoration: none; }
div#content_body p.link_button a:hover { text-decoration: none; }
div#content_body a.button:hover { text-decoration: none; }
a img { border: 0; }
#ctl00_ctl00_content_content_injection_divSearchResults a { color: #004694; }
.hidden { visibility: hidden; overflow: hidden; }
.hidden-special { display: none; overflow: hidden; }
.left{float:left;}
.no_list_style{list-style:none;}

div#container {
	background: url(/images/bg-page.png) repeat-y;
	width: 780px;
	position: relative;
	padding: 0 33px;
	margin: 0 auto;
	height: auto;
	overflow:hidden;
}

/* Last style with height declaration hidden from Mac IE 5.x */
/*** Fixes height for IE, back to full height,
from esc tab hack moz min-height solution ***/
div#old-browser-detect div#container { background: url(/images/bg-page.gif) no-repeat top;}
/*div#container_end { background: url(/images/bg-page-bottom.png) no-repeat; height: 28px; margin: 0 auto; width: 846px; behavior: url(/js/iepngfix.htc); }*/
p { padding: 0.6em 0; line-height: 1.6em; }
p.subnote { font-size: 0.79em; line-height: 1.4em; }
h1 { color: #faa634; font-size: 1.6em; font-family: Arial; padding: 0.6em 0 0.6em 0; margin: 0; }
h2 { color: #39649c; font-size: 1.3em; font-family: Arial; margin: 0 0 0.3em 0; }
h3 { color: #696a6c; font-size: 1.1em; font-family: Arial; margin: 15px 0 0 0; }
ul li { line-height: 1.6em; color: #686868; padding: 0.2em 0 0.2em 0; }
ul li a { text-decoration: none; }
ol li { line-height: 1.6em; color: #686868; padding: 0.2em 0 0.2em 0; }
ol li a { text-decoration: none; }
blockquote { padding: 0.7em 0 0.3em 0.3em; }
input { color: #444546; }
textarea { border: 1px solid #566d91; color: #444546; }
input.textfield { font-size: 1em; height: 1.2em; padding: 2px; border: 1px solid #566d91; }
input.button { background: #ebeef2; padding: 2px; font-variant: small-caps; font-family: Verdana; font-size: 1em; }
table.form td { padding: 0.1em; }
table.form label.alternate { text-align: right; display: block; }
div.validation_list { background: #e1dbdb; border: 1px solid #c86a54; padding: 0.6em 1em 0.6em 1em; margin: 0.7em 0; color: Red !important; }
div.validation_list ul { list-style-type: none; }
.validation { color: Red !important; }

td.sectionHeader { height: 35px; font-size: 1.06em !important; }
table.smokingCessation_table { margin: 0 0 35px 0; width: 100%; }

/* hack */
#firefox_height_100 { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; }

/* Icons */
span.pdf { background: url(/images/icon_pdf.gif) no-repeat ; padding: 0 0 0 15px; }

/* Search paging styles */
table#ctl00_ctl00_Content_content_injection_GridView1 td { border-bottom: 1px solid #004694; padding: 8px 0;  }
table#ctl00_ctl00_Content_content_injection_GridView1 a { color: #6EA2D9; text-decoration: none; }
table#ctl00_ctl00_Content_content_injection_GridView1 a:hover { text-decoration: underline; }
.alternative_row { background-color: #F1F6FC; }
table#ctl00_ctl00_Content_content_injection_GridView1 tr.paging span { font-size: 1.06em; font-weight: bolder; margin: 0 2px; color: #004694; }
table#ctl00_ctl00_Content_content_injection_GridView1 tr.paging { color: #004694; margin: 0 1px; }
table#ctl00_ctl00_Content_content_injection_GridView1 tr.paging td { border: 0; }
table#ctl00_ctl00_Content_content_injection_GridView1 tr.paging td a { text-decoration: none; }

#content_body { line-height: 1.4em; }
#content_body ul { padding: 6px 0 6px 0; }
#content_body dl dd { padding: 1em 0 1em 0; }

/* utility area */
#utility { width: 780px; height: 38px; position: relative; font-size: 0.69em; }
/*#utility a.HCP { float: left; display: inline; margin: 17px 100px 0 15px; font-weight: bold; text-decoration: none; color: #93a626; }*/
#home_and_health { float: left; display: inline; margin: 18px 65px 0 0; }
#home_and_health a { height: 15px; }
.becel_home { float: left; padding: 0 5px 0 5px; border-right: 1px solid black; text-decoration: none; }
#utility a.HCP { float: left; background: url(/images/hcp_arrow.gif) no-repeat right 1px; color:#93A626; font-weight:bolder; text-decoration:none; padding: 0 0 0 10px; }
#utility #language { float: left; margin: 14px 3px 0 10px; display: inline; } 
#utility #language ul { list-style-type: none; }
#utility #language ul li { display: inline; padding: 0 5px 0 5px; border-right: 1px solid black; }
#utility #language ul li a { text-align: center; }
#utility #language #text_size a#large { font-size: 110%; } 
#utility #language #text_size a#extra_large { font-size: 130%; } 
#utility label#lblSearch { margin: 0 4px 0 0; }
#utility div.search { float: left; display: inline; margin: 11px 0 0 0; }
#utility div.search div.form input#ctl00_ctl00_SearchBox_txtSearch { border: 1px solid #B2C7D1; margin: 0 5px 0 0; } /* EN */
#utility div.search div.form input#ctl00_SearchBox_txtSearch { border: 1px solid #B2C7D1; margin: 0 5px 0 0; } /* FR */
#utility div.search .btn_search { margin: 0 0 0 4px; }
.search_button { margin: 0 0 0 4px; }
#ctl00_SearchBox_imgSearch { position: relative; top: 3px; }

/* Becel logo */
div#logo {
	position: absolute;
	right: 52px;
	top: 10px;
	z-index: 201;
}

	/*IE7 fix*/
	*:first-child+html div#logo {
		top:7px;
	}

div#logo a {  }
div#logo a img {  }

/* default.aspx */  
div#contentColHome {}
div#contentColHome div#becelTasty_link { background: url(/en_ca/images/home_callouts/becel_tasty_call_out.jpg); width: 781px; height: 398px; }
div#contentColHome div#becelTasty_link a { display: block; height: 15px; margin: 303px 0 0 380px; text-decoration: none; width: 95px; }
div#contentColHome div#becelTasty_link_fr { background: url(/fr_ca/images/home_callouts/becel_tasty_call_out.jpg); width: 781px; height: 398px; }
div#contentColHome div#becelTasty_link_fr a { display: block; height: 15px; margin: 303px 0 0 274px; text-decoration: none; width: 109px; }

div#contentColHome div#lyhConcert { background: url(/en_ca/images/home_callouts/becel_lyh_concert.jpg); width: 781px; height: 398px; }
div#contentColHome div#lyhConcert a#concertLink { display: block; float: left; border: 0px solid yellow; height: 398px; width: 670px;  }
div#contentColHome div#lyhConcert a#hsLink { display: block; float: left; width: 100px; height: 90px; margin: 300px 0 0 0; border: 0px solid green; }
div#contentColHome div#lyhConcert a { text-decoration: none; }

div#contentColHome div#lyhConcert_fr { background: url(/fr_ca/images/home_callouts/becel_lyh_concert.jpg); width: 781px; height: 398px; }
div#contentColHome div#lyhConcert_fr a#concertLink { display: block; float: left; border: 0px solid yellow; height: 398px; width: 670px;  }
div#contentColHome div#lyhConcert_fr a#hsLink { display: block; float: left; width: 100px; height: 90px; margin: 300px 0 0 0; border: 0px solid green; }
div#contentColHome div#lyhConcert_fr a { text-decoration: none; }



p#concertDisclaimer { clear: both; border: 0px solid red; height: 22px; margin: 0; padding: 0; background: url(/en_ca/images/home_callouts/concertdisclaimer.gif) 50% 50% no-repeat; }
p#concertDisclaimer_fr { border: 1px solid red; clear: both; border: 0px solid red; height: 35px; margin: 0; padding: 0; background: url(/fr_ca/images/home_callouts/concertdisclaimer.jpg) 50% 50% no-repeat; }
   
   
   /* cross sells */
    .crossSell { float: left; display: inline; margin-top: 15px; }
    div#cross-sell-one {  }
    div#cross-sell-two { margin: 15px 10px 0; }
    div#cross-sell-three {  }

/* articles */
div#content { font-size: 0.69em; height: auto; }
div#left_column { width: 155px !important; float: left; display: inline; }
.nav_side { display: none; }
div#content_body { float: left; display: inline; width: 615px; padding: 0 0 10px 10px; }
div#content_body h2 { width: 470px !important; }  
div#content_body a { color: #6EA2D9; text-decoration: none; }
div#content_body a:hover { text-decoration: underline; }
div#content_body ul {clear:both;}
div#content_body ul li { display: list-item; list-style-image: url(/images/ico-bullet.gif); list-style-position: outside; list-style-type: disc; margin: 5px 20px 5px 22px; padding: 0; }

div#content_body ul.freeflow, div#content_body ol.freeflow { clear: none !important; }
div#content_body ul.freeflow li, div#content_body ol.freeflow li { list-style-position: inside !important; margin-left: 0 !important; }

div#content_body ul.hanging, div#content_body ol.hanging { clear: none !important; }
div#content_body ul.hanging li, div#content_body ol.hanging li { list-style-position: inside !important; margin-left: 0 !important; padding-left: 2em; text-indent: -1.5em; }

div#content_body img { margin: 10px; float: left; }
div#content_body table#product_lineup img { float: none; margin: 0; padding:21px; }
table#table_images img { float: none; margin: 0; }
div#old-browser-detect div#container div#content div#content_body { padding: 0 0 10px 10px; }/* for IE6 */
/*div#right_column { width: 140px !important; float: left; display: inline; padding: 100px 0 0 0; }*/
div#content ol {clear:both; margin: 0px 0px 0px 10px}
div#content ol li { display: list-item;  margin: 5px 20px 15px 22px; padding: 0; }
ol.radio ul li{list-style:none !important;}

  /* article cross sells */
  div#article_cross_sells { width: 614px;  clear: both; padding-top: 10px; height: 120px; }
  div#article_cross_sells img { float: none; margin: 0; }
  div#article_cross_sells div#article_crossSell1 { float:left; display: inline; }
  div#article_cross_sells div#article_crossSell2 { float: left; display: inline; padding: 0 0 0 8px; }
 
  
   /* article cross sells wide*/
  #article_cross_sells_wide { width: 612px; padding: 10px 0 0; position: relative; }
  #article_cross_sells_wide img { float: none; margin: 0 !important; }
  #article_cross_sells_wide .article_crossSell1 { float:left; display: inline; }
  #article_cross_sells_wide .article_crossSell2 { float: left; display: inline; padding: 0 0 0 5px; }
  
/*Media Sharing*/  
#left_utility { margin: 10px 0 0 0; }
#share_print { float: left; width: 162px; height: 25px; margin: 0 0 3px 0; }
#share_email, #print { margin: 0 0 0 0; }
#social_print { width: 155px; height: auto; }
#social_print a { display: block; float: left; }
#social_print a.addthis_button { height: auto; padding-top: 4px; }
#facebook_share { float: left; width: 61px; height: 18px; }
#facebook_share a { float: none; }
#twitter_meme { float: left; width: 92px; height: 20px; }
#twitter_meme a { float: none; }

#hhl_signup { background: transparent url(/en_ca/images/hhl-signup.gif) no-repeat 0 0; width: 155px; height: 122px; margin: 5px 0 0 0; }
#hhl_signup a { width: 100%; height: 100%; display: block; text-decoration: none; }
#hhl_signupFR { background: transparent url(/fr_ca/images/hhl-signup.gif) no-repeat 0 0; width: 155px; height: 122px; margin: 5px 0 0 0; }
#hhl_signupFR a { width: 100%; height: 100%; display: block; text-decoration: none; }
  
/* right_column 
div#right_column ul { padding: 0 0 0 21px; }
div#right_column ul li { padding: 0 0 5px 21px; list-style: none; }
div#right_column ul li a { color: #043453; }
li#print { background: url(/images/icon_print.gif) no-repeat 0 -2px; }
li#tell { background: url(/images/icon_mail.gif) no-repeat 0 -1px; }*/

    /* HHL newsletter 
    div#HHL_newsletter { padding: 0px 0px 0px 15px; }
    div#box_body h3 { background: url(/images/icon_doc.gif) no-repeat 5px 0; padding: 0 0 0 28px; color: #043453; min-height: 1.3em; }
    div#box_body p { font-size: 0.88em; line-height: 1.1em; margin: 0 auto; width: 70px; }
    div#boxSignin a, div#boxSignin_fr a { text-decoration: none; display: block; width: 100%; height: 100%; }*/
    
    /* Related links */
    div#related_links_container { padding: 10px 0 0 2px; }
    div#related_links_container dl dt { font-weight: bold; padding: 0 0 12px 0; color: #5b5b5b; }
    div#related_links_container dl dd { background: transparent url(/images/global/blue-bullet.gif) no-repeat 0 3px; color: #6ea2d9; margin: 0 0 1em 2px; padding: 0 0 0 10px; }    
    div#related_links_container dl dd a { text-decoration: none; color: #6ea2d9; }

/*Home crossSells*/
#crossSells { height: 142px; }

/* footer */
#footer { font-size: 0.62em; margin: 0 auto; padding: 2em 0; width: 780px; float: left; display: inline; }
#footer ul { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; text-align: center; }
#footer ul.black li a { color: black; }
#footer ul li { display: inline; color: #666666; }
#footer ul li a { text-decoration: none; }
#footer p { color: #999999; display: block; margin: 0 auto; padding: 8px 0 0; text-align: center; width: 780px; line-height: 1em; }


/* Tell a friend */
div.hiddenPopup { position: absolute; top: 0; left: 0; width: 844px; }
div#tell_a_friend { background: url(/images/popups/popup_bg.png) no-repeat; font-size: 0.69em; width: 280px; height: 476px; margin: 0 auto; position: relative; top: 150px; z-index: 1000; }
div#old-browser-detect div#tell_a_friend { background: url(/images/popups/popup_bg.gif) no-repeat; }
div#tell_a_friend_body h3 { clear: both; width: 185px; height: 31px; }
div#tell_a_friend_body h3 { background:  url(/en_ca/images/popups/tellAFriend_blue.gif) no-repeat; }
div#tell_a_friend_body h3#fr { background:  url(/fr_ca/images/popups/tellAFriend_blue.gif) no-repeat; }
div#tell_a_friend_body h3#fr { height: 71px; width: 204px; }
div#tell_a_friend_body { padding: 25px 25px 10px; height: 424px; position: absolute; }
div#tell_a_friend_body p { padding: 5px 0 0 0; }
div#tb_close_btn { background: url(/images/popups/ico-close.gif) no-repeat; width: 9px; height: 9px; float: right; position: relative; }
div#tb_close_btn a { display: block; width: 100%; height: 100%; text-decoration: none; position: relative; }
div#old-browser-detect div#tell_a_friend_body h3 { margin-top: -5px; }
div#tell_a_friend_body .tell_friend_textbox { width: 215px; }
div#tell_a_friend_submit { bottom: 40px; display: inline; float: left; margin: 0 0 0 4px; position: absolute; }
div#old-browser-detect div#tell_a_friend_submit { float: none; position: relative; bottom: 0; }
div#old-browser-detect div#tell_a_friend_submit input { margin-top: 20px; }

    /* Tell a friend HAT/ Request HAT results  */
    .yelloBox { background: #FFF2CE none repeat; margin: 0 auto; position: relative; top: 150px; position: relative; width: 236px; }
    .yelloBox .top { background: url(/images/popups/box-yello-top.gif) no-repeat center top; float: left; padding: 10px 0 0; }
    .yelloBox .btm { background: url(/images/popups/box-yello-btm.gif) no-repeat center bottom; float: left; padding: 0 0 10px; }
    .yelloBox .body { background: url(/images/popups/box-yello-body.gif) repeat-x center top; border-left: 3px solid #FCD766; border-right: 3px solid #FCD766; height: auto !important; min-height: 230px; padding: 0 10px; width: 210px; }
    
    /* buttons for the popups */
    div#popUp_btn_container { width: 100%; height: auto; }
    div#popUp_btn_container a { display: block; width: 100%; height: 100%; }
    div#popUp_btn_container a:hover { text-decoration: none; }
    /*English*/
    div#sendToFriend_btn { float: left; background: url(/en_ca/images/heart_age_tool/becel_buttons_testresults_tellafriend.gif) no-repeat; width: 207px; height: 36px; margin: 0 10px 0 0; }
    div#myResults_btn { float: left; background: url(/en_ca/images/heart_age_tool/becel_buttons_myresults.gif) no-repeat; width: 240px; height: 36px; }
    /* French */
    div#sendToFriend_btn_fr { float: left; background: url(/fr_ca/images/heart_age_tool/becel_buttons_testresults_tellafriend_FR.gif) no-repeat; width: 233px; height: 36px; margin: 0 10px 0 0; }
    div#myResults_btn_fr { float: left; background: url(/fr_ca/images/heart_age_tool/becel_buttons_myresults_FR.gif) no-repeat; width: 213px; height: 36px; }
    
    /* Popups */
    #content_body div#myResults h2 { background: url(/en_ca/images/heart_age_tool/h2_my_results.gif) no-repeat; width: 160px; height: 80px; visibility: visible; }
    #content_body div#myResults h2#fr_header { background: url(/fr_ca/images/heart_age_tool/h2_my_results.gif) no-repeat left bottom; width: 163px; height: 80px; visibility: visible; }
    #content_body div#sendToFriend h2 { background: url(/en_ca/images/heart_age_tool/h2_tell_a_friend.gif) no-repeat; width: 179px; height: 27px; visibility: visible; }
    #content_body div#sendToFriend h2#fr_header { background: url(/fr_ca/images/heart_age_tool/h2_tell_a_friend.gif) no-repeat left bottom; width: 192px; height: 80px; visibility: visible; }

/* Striped Tables */
table.striped {width: 100% ; border: 0px solid red; border-spacing: 2px; }
table.striped tr {text-align: left; vertical-align: top; background-color:rgb(253, 246, 217); }
table.striped tr.dyellow {background-color: rgb(251, 240, 189); }
table.striped th {padding: 4px; text-align: left;}
table.striped td {padding: 4px;}


/* plain Tables */
table.plain {width: 100% ; border: 0px solid red; border-spacing: 0px; }
table.plain tr {text-align: left; vertical-align: top;}


/* article spacer */
body h3.spacer {clear:both;  color: #696a6c; font-size: 1.1em; font-family: Arial; margin: 0.3em 0 0.3em 0; }


/* Align to image */
body p.align {border: 0px solid #566d91; margin-left: 188px;}
body ul.align {border: 1px solid #566d91; margin-left: 188px;}

/* Heart Age Tool Results page */
.red { color: Red; }
#contentCol ul { list-style-position: inside; }
#contentCol ul.heartAgeList li {list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0; padding: 0; }
#contentCol ul.heartAgeList li p { padding: 0 0 1em; }


/* newsletter sign-up */
table.newletter{width: 100% ; border: 0px solid red; border-spacing: 0px; }
table.newletter tr {text-align: left; vertical-align: top; background-color:rgb(253, 246, 217); }
table.newletter tr.dyellow {background-color: rgb(251, 240, 189); }
table.newletter th {padding: 4px; text-align: left;}
table.newletter td {padding: 4px;}
table.newletter td.boxOne {text-align: right; padding: 4px;}
input.textfieldNL { font-size: 1em; height: 1.2em; width: 15em; padding: 2px; border: 1px solid #566d91; }

/* orange buttons */
div#content_body img.orangeBTN { float: left; margin: 2px 0px 0px 0; }

/* recipes (becel buttery)*/
#holidayCooking{overflow:auto;}
#holidayCooking h2 {background:url(/en_ca/images/heart_age_tool/becel_buttons_myresults.gif) no-repeat; width: 240px; height: 36px;}
#holidayCookingContent{margin:-18px 0 0 -4px; width:450px;  }
#holidayCookingContent #links{margin:0 0 0 -4px; width:450px; }



.category{padding:0 0 14px 10px; width:481px;}
.recipeBlock {overflow:auto; padding:3px 0 0; clear: both;}
.rightColumn_recipeDesc {width:390px;}
.leftColumn_recipeImage {clear:left; display:inline; float:left; margin:0 10px 0 -10px; width:auto;}
.leftColumn_recipeImage img {border:solid 1px lightGrey;  padding:1px; width:50px; height:50px;} 

/* bullets */
.grey_circle li{list-style-image:url(/images/bullets/grey_circle.gif) !important;}

/*Add this */
.add_this{margin:-50px 0 0 403px; float: left; display: inline; position:relative; z-index:22;}
.addthis_button {display:block; height:10px;}
.addthis_button img{margin:0 !important; }

.arrow_bullets {  }
.arrow_bullets li { list-style: none none !important; background: transparent url(/images/arrow-bullets.png) no-repeat 0 3px; padding: 0 0 0 15px !important; margin: 5px 0 !important; }