@charset "utf-8";
/* CSS Document */

/* CSS RESET */
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,button,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,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}body{font:13px/1.231 helvetica,arial,clean,sans-serif;}select,input,button,textarea,button{font:99% helvetica,arial,clean,sans-serif;}
a { outline: none; }
a:active { outline: none; }
:focus
{
  -moz-outline-style: none;
}
:-moz-any-link:focus {
  outline: none;
}

html    { background-color:#f3e7c1 }
body    { font-family: Arial, Helvetica, sans-serif; color:#1A1A1A; background:url(img/mainBg.jpg) #f3e7c1 repeat-x;}
body.langSelect         { background-image:url(img/splashBg.jpg); background-repeat: repeat-x; background-color: #440301; height:662px;}
body.home         { background-image:url(img/hmMainBg.jpg); background-repeat: repeat-x; background-color: #f3e7c1; height:662px;}

html.langSelect    { background-color:#440301 }
a       { color:#670f0f; text-decoration:none; }
a:hover { color:#670f0f; text-decoration:underline; }
h1      { font-size:146.5%; color:#292929; font-weight:400; margin: 0px 5px 25px 0px; text-align:left; }
h2      { font-size:116%; color:#292929; font-weight:600; margin:4px 5px 4px 5px; }
h3      { font-size: 108%; color:#292929; font-weight:600; margin:2px 5px 2px 0; }
h3 a    { color:#0d349b; }
h4      { font-size: 100%; color:#292929; font-weight:normal; }
p       { margin-top:0px; margin-bottom:6px; text-align:left; font-size:85%; line-height:1.4em }
p.sm    { font-size:10px;  }
.SuperScript {
     position:relative;
     font-size:75%;
     top:-0.9ex;
     margin-left:0.2em;
    margin-right:0.1em;
 }
label   { font-size:100%; font-size:100%;  }
em      { font-style:italic }
sup     { vertical-align:super; font-size:6px;}
h1 sup  { font-size: 10px; }


/* ::: UTILITY ::: */

.leftFloat    { float:left; width:auto; }
.rightFloat   { float:right; width:auto; }
.floatBuster  { clear:both; width:auto; }
.breadcrumbs  { font-size:93%; margin:0px 0 10px 26px }



/* ::: CONTAINERS (Ctn) ::: */

.mainCtn      { padding-top:20px; margin: 0px 0 40px 0; }
.body         { width:738px; overflow:hidden; }
.contentCtn   { width:738px; overflow:hidden; background:url(img/contentBg.png) repeat-y; }
.contentCtnHm { width:738px; overflow:hidden; background:url(img/contentBg.png) repeat-y; padding:0; margin:0; height:523px; }

.mainContain    { padding-top:80px; width:550px; overflow:hidden;}
.mainContain p  { color:#FFFFFF; font-weight:bold; margin-left:0px; font-size:93%; text-align:center; }
.selector       { width:219px; height:342px; float:left; margin-left:30px; margin-bottom:60px; }
.selector.first { margin-right:20px; }


/* ::: LEFT COL ::: */
.slideshow { height:283px; width:533px; padding:0; margin:0; overflow:hidden; float:left; }
.slideshow img { padding: 0; }



/* ::: LEFT COL ::: */
.mainLeftCol     { width:175px; padding:0px 0 0px 25px; float:left; overflow:hidden; border:0px solid teal; }
.mainLeftCol div { border:0px solid red; overflow:hidden; }
.lgo_hc          { width:177px; height:73px; margin:0 0px 20px 0; position:relative; right:12px; }
.qualities       { width:171px; height:296px; margin:0 0px 30px 0; position:relative; right:10px; }
.subLogo         { margin-bottom:15px; position:relative; right:5px; }
.canada100       { width:190px; height:190px; position:relative; right:14px; }



/* ::: RIGHT COL ::: */
.mainRightCol { width:534px; padding:20px 0px 20px 0px; float:left; overflow:hidden; }
.bodyContent  { padding:20px 15px 15px 15px; overflow:hidden; }
.mastImg      { float:left; width:auto; }



/* components */
.mainRightCol .c300         { float:left; width:270px; overflow:hidden; margin-right:10px }
.recipleCtn                 { overflow:hidden; margin:20px 0 0 20px; position:relative; }
.news                       { float:left; overflow:hidden; width:533px }
.news p.sm                  { text-align:left; margin-top:20px; margin-left:40px }
.news h2                    { clear:both; font-size:131% }  
.newsBanner                 { clear:both; margin-bottom:20px; }
.logosIcn                   { float:left; margin-right:0px; }
.logosIcn.first             { margin-left:30px }
.c500                       { width:500px; padding-right:10px; overflow:hidden; }
/*
     Recipe container needs height defined due to
	 relative positioning. Use following classes depending
	 on the number of recipies for each bean type
*/
.recipleCtn.one             { height:160px; }
.recipleCtn.two             { height:160px; }
.recipleCtn.three           { height:175px; }
.recipleCtn.four            { height:200px; }
.recipleCtn.five            { height:225px; }
.recipleCtn.six             { height:260px; }

.recipleCtn .can            { float:left; position:relative; z-index:200; top:0px; overflow:hidden; width:110px; height:158px; }
.recipleCtn .recipeBox      { float:left; position:relative; z-index:0; top:-150px; left:86px; width:396px; height:auto; overflow:hidden; }

.recipeBox .recipeTop            { height:9px; }
.recipeBox .recipeTitle          { width:353px; padding:0 5px 0 30px; border-left:4px solid #DED6BE; border-right:4px solid #DED6BE; overflow:hidden; height:82px; float:left; background:url(img/recipeTitleBg.png) no-repeat; position:relative;z-index:200; color:#5c572b; }
.recipeBox .recipeTitle p        { width:350px; float:left; padding:0; }
.recipeBox .recipeTitle h2       { color:#5c572b; text-align:left; margin-left:0; font-weight:bold; float:left;}
/*.recipeBox .recipeTitle h2.tight { letter-spacing:-0.05em;  }*/

h2.new, h2.newFR                         { padding:5px 0 8px 65px;  }
h2.improved, h2.improvedFR               { padding:8px 0 10px 68px; }
h2.new           { background:url(img/ico_new.gif) left center no-repeat; }
h2.improved      { background:url(img/ico_improved.gif) left center no-repeat; }
h2.newFR         { background:url(img/ico_new-fr.gif) left center no-repeat;  }
h2.improvedFR    { background:url(img/ico_improved-fr.gif) left center no-repeat;  }

.kosher { position:relative; left:4px; top:8px; }

/* :: RECIPE SELECTOR :: */
.recipeSelect        { float:right; overflow:hidden; margin-right:2px; width:420px; border:0px solid red;}
.recipeSelect select { padding:3px 2px 4px 2px; margin-right:10px; float:left; font-size:85%; }
.recipeSelect label  { padding: 3px 10px 0 0; float:left; font-weight:bold; width:auto; }
.recipeSelect .btn   { margin:0px; float:left; width:auto; }

.recipeBox ul               { list-style-type:none; width:396px; height:auto; padding:0 0 4px 0px; background:url(img/recipeBoxBtm.gif) bottom no-repeat; float:left; position:relative; z-index:100; top:-3px; }
.recipeBox ul li            { display:block; height:24px; overflow:hidden; text-align:left; font-size:93%; font-weight:bold; background: #fef9db; width:388px; }
.recipeBox ul li.last       { background:none; margin-bottom:0; }            
.recipeBox ul li a          { background-image:url(img/recipleItem.png); background-repeat:no-repeat; background-position: 0 0px; color: #56531E; padding:5px 0 5px 38px; display:block; margin-left:0px; }
.recipeBox ul li a:hover    { text-decoration:underline; }


/* ::: DESIGN ELEMENTS ::: */

.heroTxt      { margin:0px; float:left; position:relative; left:0px; top:0; clear:both }
.topCrnr      { background:url(img/topCrnrs.png); width:738px; height:15px; clear:both; overflow:hidden; }
.botCrnr      { background:url(img/botCrnrs.png); width:738px; height:15px; clear:both; overflow:hidden; }
.topCrnrHm      { background:url(img/topCrnrsHm.png); width:738px; height:15px; clear:both; overflow:hidden; }
.botCrnrHm      { background:url(img/botCrnrs.png); width:738px; height:15px; clear:both; overflow:hidden; position:relative; }
.footer       { margin:20px 5px 20px 0; width:738px; }
.footer p     { text-align:left; padding-bottom:20px; }


/* ::: MAIN NAVIGATION ENGLISH ::: */
.globalNav          { width:533px; height:36px; overflow:hidden; background:url(img/navBg.gif) repeat-x; margin:20px 0 0px 0; padding-left:0px; text-align:center; float:left; }
.globalNav ul       { list-style-type:none; margin:6px 0px 0 0px; width:auto; }
.globalNav ul li    { display:inline; font-size:85%; color:#6b0000; margin:8px 0px 0 0px;  }
.globalNav ul li a  { display:inline; color:#6b0000; padding-right:1px; }
.globalNav ul li a sup.sm    { font-size:93%;  }
sup.sm2    { font-size:8px; }


/* HOME NAV ENGLISH */
.globalNavHm          { width:533px; height:28px; overflow:hidden; background:url(img/navBgHm.gif) repeat-x; margin:20px 0 0px 0; padding-left:0px; text-align:center; float:left; }
.globalNavHm ul       { list-style-type:none; margin:6px 0px 0 0px; width:auto; height:28px; }
.globalNavHm ul li    { display:inline; font-size:85%; color:#6b0000; margin:8px 0px 0 0px; }
.globalNavHm ul li a  { display:inline; color:#6b0000; padding-right:1px; }
.globalNavHm ul li a sup.sm    { font-size:93%; }


/* ::: MAIN NAVIGATION FRENCH ::: */
.frenchNav, .frenchNavHm                  { width:533px; height:36px; overflow:hidden; background:url(img/navBg.gif) repeat-x; margin:20px 0 0px 0; padding-left:0px; text-align:center; float:left; }
.frenchNav ul, .frenchNavHm ul            { list-style-type:none; margin:6px 0px 0 0px; width:auto; }
.frenchNav ul li, .frenchNavHm ul li      { display:inline; font-size:77%; color:#6b0000; margin:8px 0px 0 0px;  }
.frenchNav ul li a, .frenchNavHm ul li a  { display:inline; color:#6b0000; padding-right:0px; word-spacing:0.06em; letter-spacing:-0.1em; font-weight:normal; }

.frenchNav, .frenchNavHm {
letter-spacing:-0.05em;
# 
}

li sup.sm    { font-size:7px; letter-spacing:1px; line-height:115%;}

.frenchNavHm { background:url(img/navBgHm.gif) repeat-x; height:28px; }




.beanSelector      { overflow:hidden; height:150px; margin:0; padding:0; width:533px; float:left; }



.recipeBox ul li a:hover    { text-decoration:underline; }
.horizline 	  { border-bottom: solid #DDD6B3 1px; margin-bottom:5px;} 
.recipelist td {padding:0px 5px 6px 0px; font-size:85%; line-height:1.4em; text-align:left} 
.mainRightCol .c200         { float:left; margin-right:20px; overflow:hidden; width:180px; }
.recipeSelectSingle {float:right;margin-right:2px;overflow:hidden;width:360px;margin-bottom:10px; clear:both
}
.alignright {float:right;}
.recipeSelectSingle select { padding:3px 2px 4px 2px; margin-right:10px; float:left; font-size:85%; }
.recipeSelectSingle label  { padding: 3px 10px 0 0; float:left; font-weight:bold; width:auto; }
.recipeSelectSingle .btn   { margin:0px; float:left; width:auto; }
.blackBox {border:1px solid #000000;
padding:5px;
width:175px;
float:left;}
.recipeTitleSingle { font-size:146.5%; color:#292929; font-weight:400; margin: 0px 5px 25px 0px; text-align:left; }

.textForm { padding:2px 4px 2px 0; }
#txtFrom, #txtSubject { margin:5px 0 5px 0; }
.tight { letter-spacing:-1px; margin-top:-6px;}
.tightFr {
background:transparent url(img/ico_kosher.gif) no-repeat scroll right center;
width:281px;
height:21px;
}
.tightFr2 {
background:transparent url(img/ico_kosher.gif) no-repeat scroll right top;
height:36px;
width:342px;
}