﻿/* clearfix */
html .clearfix { height: 1%; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
span.hidden { visibility: hidden; }

body { color: #666666; font-family: Verdana,Helvetica,Sans; font-size: 0.69em; line-height: 1.5em; background-color: #ffffff; }
a { color: #004566; text-decoration: none; }
.becel-back-button { background: url(/images/global/back_btn.gif) no-repeat right top; width: 56px; height: 13px; margin: 0; padding: 0; text-decoration: none; }
.becel-back-button a { width: 100%; height: 100%; display: block; text-decoration: none; }
.becel-back-button-EN { background: url(/images/global/back_btn.gif) no-repeat right top; width: 56px; height: 13px; margin: 0; padding: 0; text-decoration: none; }
.becel-back-button-EN a { width: 100%; height: 100%; display: block; text-decoration: none; }
.becel-back-button-FR { background: url(/images/global/retour_btn.gif) no-repeat right top; width: 56px; height: 13px; margin: 0; padding: 0; text-decoration: none; }
.becel-back-button-FR a { width: 100%; height: 100%; display: block; text-decoration: none; }
h1, h2, h3, h4 { position: relative !important; z-index: 10 !important; }

#becel-recipe-categories { width: 435px; }
#becel-recipe-categories table#categories td { text-align: center; vertical-align: baseline; }
#becel-recipe-categories table#categories a { font-weight: bold; text-decoration: none; }
#becel-recipe-categories table#categories a:hover { text-decoration: underline; }
#becel-recipe-categories table#categories img { border: 2px solid white; }
#becel-recipe-categories table#categories img:hover { border: 2px solid #E4F0FB; }

#becel-recipe-listings { width: 435px; }
#becel-recipe-listings a.becel-back-button { margin: 0px 50px 7px 12px; display: block; float: left; }
#becel-recipe-listings a.becel-back-button-EN { margin: 0px 50px 7px 12px; display: block; float: left; }
#becel-recipe-listings a.becel-back-button-FR { margin: 0px 50px 7px 12px; display: block; float: left; }
#becel-recipe-listings ul { padding: 0; margin: 16px 0 10px 0; list-style-type: none; }
#becel-recipe-listings ul li { background: url(/images/arrow-blue.gif) no-repeat 0 7px; padding: 3px 0 3px 10px; }
#becel-recipe-listings #listings-intro { clear: both; }
#becel-recipe-listings #listings-intro img { display: inline; float: left; margin: 5px 12px 0pt 0pt; }
#becel-recipe-listings #listings-intro p { display: inline; float: left; margin: 0 12px 12px 12px; width: 240px; }

#becel-recipe { width: 435px; }
#becel-recipe li { line-height: 16px; }
#becel-recipe #recipe-info { background: #fff3ce; padding: 8px; margin: 10px 0; }
#becel-recipe #recipe-info ul#recipe-stats { list-style-type: none; padding: 0pt 0pt 0pt 10px; margin: 0; }
#becel-recipe #recipe-info ul#recipe-stats li { margin: 3px 0 3px 0; }
#becel-recipe .recipe-image { background: white; border: 1px solid lightGrey; padding: 6px; text-align: center; }
#becel-recipe #recipe-ingredients { background: #fff6da; border: 1px solid #ffefbf; padding: 8px; margin: 12px 0 12px 0; }
#becel-recipe #recipe-ingredients table { width: 435px; border-collapse: collapse; }
#becel-recipe #recipe-ingredients table th { text-align: left; font-size: 12px; font-weight: bold; padding: 5px; }
#becel-recipe #recipe-ingredients table td { text-align: left; padding: 1px 5px; vertical-align: top; }
/*#becel-recipe #recipe-ingredients table tr.normal { background: #ffeebb; }
#becel-recipe #recipe-ingredients table tr.alternate { background: #fff2ca; }*/
#becel-recipe #recipe-ingredients table td.ingredient-header { padding: 8px 5px 8px 5px; }
#becel-recipe #recipe-ingredients table td.measurement { font-size: 11px; /*text-transform: uppercase;*/ padding: 3px; }
#becel-recipe #recipe-steps { margin: 12px 0 12px 0; }
#becel-recipe #recipe-steps ol { margin: 0; padding: 0; list-style-position: inside; font-weight: bolder; }
#becel-recipe #recipe-steps ol li span { font-weight: normal; }
#becel-recipe #recipe-nutritional { margin: 12px 0 12px 0; }
#becel-recipe #recipe-nutritional table { width: 435px; border-collapse: collapse; }
#becel-recipe #recipe-nutritional table tr.normal { background: #ffeebb; }
#becel-recipe #recipe-nutritional table tr.alternate { background: #fff2ca; }
#becel-recipe #recipe-nutritional table td { text-align: left; padding: 4px 5px 4px 5px; vertical-align: top; }
#becel-recipe #recipe-nutritional table td.measurement { font-size: 11px; padding: 5px; }

.hideUnit { display: none; }
.showUnit { display: block; }