.container_12a {
	background: #fff url(images/12_col.gif) repeat-y;
}

/***********************************************/
/* General tag styles                          */
/***********************************************/ 

* {
	margin: 0;
}
html, body {
	height: 100%; -webkit-text-size-adjust: none; 
}
.wrapper {
	background-image:url(images/topbar.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 70px; /* .push must be the same height as .footer */
}

.footer { width:100%; background-color:#ffffff; /*background:#a5a5a5 url(/images/bg_footer3.gif) top no-repeat;*/ }

body {
background-color:#ffffff;
color:#333;
background-image:url(/images/bg.gif);
background-repeat:repeat-x;
background-position:top;
}

a { text-decoration: none; }
a img { border: none; }
:focus { -moz-outline-style: none; }
a:focus { outline: none; }
.ULclear {margin:0; padding:0; clear:both; line-height:0;}

.underLink a:link { border-bottom: 1px solid #CCCCCC; color:#f89b48; }
.underLink a:visited { border-bottom: 1px solid #CCCCCC; color:#f89b48; }
.underLink a:hover { border-bottom: 1px solid #333; color:#333; }
.underLink a:active { border-bottom: 1px solid #f89b48; color:#ffffff; background-color:#f89b48; }

.underLinkBlack a:link { border-bottom: 1px solid #333; color:#333; }
.underLinkBlack a:visited { border-bottom: 1px solid #333; color:#333; }
.underLinkBlack a:hover { border-bottom: 1px solid #f89b48; color:#333; }
.underLinkBlack a:active { border-bottom: 1px solid #f89b48; color:#ffffff; background-color:#f89b48; }

.underLinkGreen a:link { border-bottom: 1px solid #CCCCCC; color:#9bbb59; }
.underLinkGreen a:visited { border-bottom: 1px solid #CCCCCC; color:#9bbb59; }
.underLinkGreen a:hover { border-bottom: 1px solid #9bbb59; color:#333; }
.underLinkGreen a:active { border-bottom: 1px solid #9bbb59; color:#ffffff; background-color:#9bbb59; }


.inlineLink a:link {  color:#333; }
.inlineLink a:visited { color:#333; }
.inlineLink a:hover {  color:#333; text-decoration:underline; }
.inlineLink a:active { color:#333; }

.ulPad ul { margin-left:30px; padding-left:0; }
.imgRight { float:right; margin-left:20px; margin-bottom:20px; }
.onlyPrint { display:none; }

hr {
height: 1px;
border: none;
border-top: 1px solid #CCCCCC;
}

h1{font-family:"Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; padding:0 0 0 0; margin:0 0 10px 0; display:block; font-weight:normal; font-size:34px; line-height:34px}
h2{font-family:"Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; padding:0 0 0 0; margin:0 0 10px 0; display:block; font-weight:normal; font-size:30px; line-height:30px}

h2.hblock{font-family:"Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; text-transform:uppercase; background-color:#f89b48; color:#FFF; padding:5px 5px 4px 5px; margin:0 0 10px 0; display:block; font-weight:normal; font-size:26px; line-height:24px}
h2.hblockpad{font-family:"Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; text-transform:uppercase; background-color:#f89b48; color:#FFF; padding:5px 5px 4px 5px; margin:20px 0 10px; display:block; font-weight:normal; font-size:26px; line-height:24px}
h2.hblockpadbtm{font-family:"Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; text-transform:uppercase; background-color:#f89b48; color:#FFF; padding:5px 5px 4px 5px; margin:0px 0 10px 0; display:block; font-weight:normal; font-size:26px; line-height:24px}
h2.hblocknopad{font-family:"Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; text-transform:uppercase; background-color:#f89b48; color:#FFF; padding:5px 5px 4px 5px; margin:0 0 0 0; display:block; font-weight:normal; font-size:26px; line-height:24px}

h2.competition{font-family:"Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; color:#e6974c; margin:0 0 10px 0; display:block; font-weight:normal; font-size:45px; line-height:40px; letter-spacing:-0.05em}
h2.competition em{color:#075f22; font-style:normal}

h2.hblockpadbtm a{color:#FFF}

h3{font-family:"Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; text-transform:uppercase; padding:0 0 0 0; margin:0 0 10px 0; display:block; font-weight:normal; font-size:26px; line-height:24px}
h4{font-family:"Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; text-transform:uppercase; padding:0 0 0 0; margin:0 0 10px 0; display:block; font-weight:normal; font-size:18px; line-height:24px}

h5{font-family:"Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; text-transform:uppercase; padding:0 0 0 0; margin:10px 0 10px 0; display:block; font-weight:bold; font-size:14px; line-height:14px; color:#333}

h6{font-size:1em; font-weight: bold}


.hcol { background-color:#f89b48; color:#FFF; padding:5px 5px 4px 5px;  }
.hcolpad { margin:20px 0 10px; }
.hcolpadbtm { margin:0 0 10px; }
.hcolnopad { margin:0; }
.col4 { width:290px; }
.col6 { width:450px; }
.ulpad ul { padding-left:20px; }
.recipeH3 { font-size:18px; line-height:24px; padding: 0 0 0 0; margin: 0 0 10px 0; }
.sitemapH2 { padding: 0 0 0 0; margin: 20px 0 5px 0; display:block; font-weight:bold; font-size:14px; line-height:14px; color:#333; }

#newsletterdefault form { padding-top:5px;}
#newsletterdefault form input.text{padding:5px 5px 5px 5px;width:220px;border:1px solid #999;color:#999;font-size:20px;}
#newsletterdefault form input.button { font-size:18px; font-family: Arial; border:0px; background:#f89b48; padding:3px 3px 3px 3px; color:#fff; margin:0 0 0 5px; }

#recipesearch { margin:10px 0 20px 0; }
#recipesearch form { padding:13px; background-color:#f7f7f7; }
#recipesearch form input.text{padding:5px 5px 5px 5px;width:320px;border:1px solid #999;color:#999;font-size:20px;}
#recipesearch form input.button { font-size:18px; font-family: Arial; border:0px; background:#f89b48; padding:3px 3px 3px 3px; color:#fff; margin:0 0 0 5px; }

/***********************************************/
/* Menus                                       */
/***********************************************/ 

#menu{clear:both; margin-top:38px; margin-bottom:0px; overflow:hidden; height:32px}
#menu ul{margin:0 0 0 0; padding:0}
#menu ul li{float:left; list-style-type:none; margin:0; padding:0}

#menu a span { display:none; cursor:pointer; }
#menu a { background-position:center 0px; background-color:#f4f4f4; background-repeat:no-repeat; height:34px; display:block; cursor:pointer; }
#menu a:hover { background-position:center -34px; background-color:#ffd785;  cursor:pointer; }
#menu .over { background-position:center -34px; background-color:#ffd785; }

#menu .menu { width:85px; background-image:url(images/menu/home.gif); }
#menu .menusacla { width:166px; background-image:url(images/menu/sacla.gif); }
#menu .menuproducts { width:180px; background-image:url(images/menu/products.gif); }
#menu .menurecipes { width:107px; background-image:url(images/menu/recipes.gif); }
#menu .menunews { width:74px; background-image:url(images/menu/news.gif); }

#menumid{clear:both; margin-top:0px; margin-bottom:0px; overflow:hidden}
#menumid ul{margin:0; padding:0}
#menumid ul li{float:right; list-style-type:none; margin:0; padding:0}
#menumid em{text-align:center; display:block; font:bold 14px "Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; text-decoration:none; color:#FFF; line-height:32px; background-color:#f89b48; text-transform:uppercase; font-style:normal; padding:0 12px 0 12px}
#menumid a{text-align:center; display:block; font:bold 14px "Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; text-decoration:none; color:#77973f; line-height:32px; text-transform:uppercase; padding:0 12px 0 12px; border-bottom:0px}
#menumid span{line-height:29px}
#menumid li a:hover{color:#fff; background-color:#f89b48}


.space80 { height:80px; }
.space60 { height:60px; }
.space40 { height:40px; }
.space30 { height:30px; }
.space25 { height:25px; }
.space20 { height:20px; }
.space15 { height:15px; }
.space10 { height:10px; }
.bar20 { height:10px; margin-bottom:10px; }
.bar20top { height:0; margin-bottom:10px; line-height:0; font-size:0; }
.greybar1 { height:1px; border-bottom:#cccccc solid 1px; margin-bottom:1px; }
.greybar10 { height:5px; border-bottom:#cccccc solid 1px; margin-bottom:10px; }
.greybar10top { height:0; border-bottom:#cccccc solid 3px; margin-top:10px; line-height:0; font-size:0; }
.greybar20 { height:10px; border-bottom:#cccccc solid 3px; margin-bottom:10px; }
.greybar20thick { height:10px; border-bottom:#cccccc solid 3px; margin-bottom:10px; }
.greybar20top { height:0; border-bottom:#cccccc solid 3px; margin-bottom:10px; line-height:0; font-size:0; }

.inlinePicRight { float:right; margin-left:20px; margin-bottom:20px; }
.products a img { padding:5px 5px 5px 0; border-bottom:#FFF solid 2px; }
.products a img:hover { border-bottom:#f89b48 solid 2px; }

/***********************************************/
/* Elements                                    */
/***********************************************/ 

div.welcome { background-image:url(images/default_welcome.jpg); display:block; width:940px; height:250px; color:#FFF; clear:both; }
div.welcome div { margin-left:470px; margin-right:40px; margin-top:45px; }
div.welcome div h1 { padding:0; margin:0; font-size:34px; line-height:34px; font-weight:normal; letter-spacing:-0.05em; }
div.welcome div p { padding:0; margin:8px 0; }

.defaultNews h3 { font-size:20px; line-height:21px; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif; text-transform:none; font-weight:bold; }

.defaultH1 { padding:20px 15px 0 15px; }
.defaultTeaser a { color:#000; }
.defaultTeaser:hover { cursor:pointer; }
.defaultTeaser:hover h5 a { color:#f89b48; }
.defaultTeaser:hover p { color:#000; }

.defaultTeaser2 p { font-size:11px; line-height:15px; }
.defaultTeaser2 a { color:#000; }
.defaultTeaser2:hover { cursor:pointer; }
.defaultTeaser2:hover h5 a { color:#f89b48; }
.defaultTeaser2:hover p { color:#000; }
.defaultTeaser2 h5 { font-size:20px; line-height:21px; font-family: "Trebuchet MS", "Lucida Grande", Verdana, Helvetica, sans-serif; text-transform:none; }

.defaultNewsletter form { padding-top:0px;}
.defaultNewsletter form input.text{padding:4px 5px 4px 5px;width:165px;border:1px solid #666;color:#666;font-size:16px;}
.defaultNewsletter form input.button { font-size:15px; font-family: Arial; border:0px; background:#f89b48; padding:3px 3px 3px 3px; color:#fff; margin:0 0 0 3px; }

.defaultNewsBox { background-image:url(../images/default/default_news2.gif); background-repeat:no-repeat; background-position:left top; padding:80px 20px 15px 20px; background-color:#cdddac; }
.defaultNewsletterOuter  { background-image:url(../images/default/default_newsletter.jpg); background-repeat:no-repeat; background-position:left top; height:250px; }
.defaultNewsletterInner { padding:85px 30px 15px 25px; font-size:12px; line-height:14px; }
.defaultAllAboutOuter { background:url(../images/default/default_all-about-sacla.jpg); background-repeat:no-repeat; background-position:left 20px; }
.defaultAllAboutInner { padding:95px 0 15px 20px; }
.defaultAllAboutP1 { width:400px; }
.defaultAllAboutP2 { width:290px; }
.defaultNewsBox h2, .defaultNewsletterInner h2, .defaultAllAboutInner h2 { display:none ; }
.defaultNewsBox img { float:right; padding:5px 0 15px 15px; }

td.saclaFormLable, td.saclaFormLableReq { width:184px; }

.saclaForm table{padding:0; margin:0}
.saclaForm table td{border:#FFF 3px solid}

.saclaFormLable{background-color:#f3f3f3; color:#000; vertical-align:top; padding:5px 20px 5px 20px}
.saclaFormLableReq{background-color:#f3f3f3; color:#000; vertical-align:top; padding:5px 20px 5px 20px; background-image:url(images/icon_req.gif); background-position:left top; background-repeat:no-repeat}

.saclaForm .textarea{width:300px; font-family:Arial,Helvetica,sans-serif; font-size:13px; border:#999 solid 1px; padding:5px}
.saclaForm .text{width:380px; font-family:Arial,Helvetica,sans-serif; font-size:13px; border:#999 solid 1px; padding:5px}
.saclaForm .text300{width:300px; font-family:Arial,Helvetica,sans-serif; font-size:13px; border:#999 solid 1px; padding:5px}
.saclaForm .text100{width:100px; font-family:Arial,Helvetica,sans-serif; font-size:13px; border:#999 solid 1px; padding:5px}
.saclaForm .select{font-family:Arial,Helvetica,sans-serif; font-size:13px; border:#999 solid 1px}
.saclaForm .button { font-size:18px; font-family: Arial; border:0px; background:#f89b48; padding:3px 3px 3px 3px; color:#fff; margin:0 0 0 5px; }
.saclaForm .button:hover { background-color:#066223; }
.saclaForm .buttonBig { font-size:18px; font-family: Arial; border:0px; background:#f89b48; color:#fff; width:250px; height:35px; }
.saclaForm .buttonBig:hover { background-color:#066223; }
.saclaForm .buttonMid { font-size:18px; font-family: Arial; border:0px; background:#f89b48; padding:3px 3px 3px 3px; color:#fff; margin:0 0 0 0; }
.saclaForm .buttonMid:hover { background-color:#066223; }


.newsitem { padding:15px; border:#CCC solid 1px; }
.newsitem .date { color:#CCC; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0; margin:5px 0 10px 0; }
.newsitem img { float:right; padding:0 0 15px 15px; }
.ingredients { font-size:11px; color:#999; }
.feedback { background-color:#f5f5f6; }
.feedback div { padding:15px; }

.recCatBox div { padding:15px; border:1px solid #999; }
.recCatBox div ul { list-style:none; padding:0; margin:0; }

.greenMessage ol { margin-left:25px; padding-left:25px; }
.greenMessage h3 { margin-top:25px; }

.greenMessage blockquote { margin-top:10px; margin-bottom:25px; padding-left:50px; font-weight:bold; color:#77973f; background-image:url(images/icon_tick.gif); background-repeat:no-repeat; background-position:10px center; }
.greenMessage h5 { margin-top:15px; font-size:20px; line-height:24px; }


.h2ByType span { display:none; }
.h2ByType { background-position:0 0; background-color:#e6eed6; background-repeat:no-repeat; height:61px; display:block; cursor:pointer; background-image:url(images/text_by-type.gif); width:940px; margin:0; padding:0;}

.h2ByKeyword span { display:none; }
.h2ByKeyword { background-position:0 0; background-color:#e6eed6; background-repeat:no-repeat; height:61px; display:block; cursor:pointer; background-image:url(images/text_by-text.gif); width:940px; margin:0; padding:0;}

.h2ByProduct span { display:none; }
.h2ByProduct { background-position:0 0; background-color:#e6eed6; background-repeat:no-repeat; height:61px; display:block; cursor:pointer; background-image:url(images/text_by-product.gif); width:940px; margin:0; padding:0;}

.h2SearchResults span { display:none; }
.h2SearchResults { background-position:0 0; background-color:#e6eed6; background-repeat:no-repeat; height:61px; display:block; cursor:pointer; background-image:url(images/text_search-results.gif); width:620px; margin:0; padding:0;}

.recipeteaser{margin:0; padding:0 0 15px 0; overflow:hidden; float:left; position:relative; background-image:url(images/default_shadow_460.jpg); background-position:bottom left; background-repeat:no-repeat}
.recipeteaser a{text-decoration:none; float:left}
.recipeteaser a:hover{cursor:pointer}
.recipeteaser a img{float:left; margin:0; border:none; padding:0px; background:#fff}
.recipeteaser a .desc{display:block; font-size:1.2em; font-weight:normal; padding:0; background:#77973f; filter:alpha(opacity=90); opacity:0.9; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; color:#fff; position:absolute; bottom:0px; left:0px; padding:8px; margin:0 0 15px 0; width:460px; border-top:1px solid #999}
.recipeteaser a .feature{font-family:"Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; text-transform:uppercase; font-weight:bold}
.recipeteaser a:hover .desc{background:#000; filter:alpha(opacity=80); opacity:.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}


.jarteaser{margin:0 0 10px 0; padding:0 0 0 0; overflow:hidden; float:left; position:relative; width:80px; text-align:center}
.jarteaser a{text-decoration:none; float:left; text-align:center; width:80px}
.jarteaser a:hover{cursor:pointer}
.jarteaser a img{margin:0; border:none; padding:0px; background:#fff}
.jarteaser a .desc{display:none}
.jarteaser a:hover .desc{display:block; font-size:11px; line-height:13px; font-weight:bold; padding:0; background:#000; filter:alpha(opacity=80); opacity:.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; color:#fff; position:absolute; bottom:0px; left:0px; padding:10px; margin:0 0 0 0; width:60px; text-align:center}


.typeteaser{margin:0 10px 10px 0; padding:0 0 0 0; overflow:hidden; float:left; position:relative; width:140px; height:93px}
.typeteaser a{text-decoration:none; float:left}
.typeteaser a:hover{cursor:pointer}
.typeteaser a img{margin:0; border:none; padding:0px; background:#fff}
.typeteaser a .desc{display:block; font-size:13px; line-height:16px; font-weight:bold; padding:0; position:absolute; bottom:0px; left:0px; padding:0px; margin:0 0 0 0; width:120px}
.typeteaser a .desc span{background:#333; color:#fff; padding:0 4px 0 4px}
.typeteaser a:hover .desc span{background-color:#77973f}


.recthumbteaser{margin:0 10px 10px 0; padding:0 0 0 0; overflow:hidden; float:left; position:relative; width:140px; height:93px}
.recthumbteaser a{text-decoration:none; float:left}
.recthumbteaser a:hover{cursor:pointer}
.recthumbteaser a img{margin:0; border:none; padding:0px; background:#fff}
.recthumbteaser a .desc{display:none}
.recthumbteaser a:hover .desc{display:block; font-size:13px; line-height:16px; font-weight:bold; padding:0; background:#000; filter:alpha(opacity=80); opacity:.80; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; color:#fff; position:absolute; bottom:0px; left:0px; padding:5px; margin:0 0 0 0; width:130px}


.searchByProducts { margin:20px; }
.searchByType { margin:20px; }


.h1Recipes span { display:none; }
.h1Recipes { background-position:0 0; background-color:transparent; background-repeat:no-repeat; height:49px; display:block; cursor:pointer; background-image:url(images/text_h1_recipes.gif); width:236px; margin:0 0 10px 0; padding:0;}
.recipeDefault { background:url(../images/bg_recipes.gif);  background-position:top left; background-repeat:no-repeat; }
.recipeDefaultInner { padding:20px 40px 0 20px; }


.searchRecipeBox { background-color:#f4f4f4; }
.searchRecipeBoxInner { padding:20px 20px 15px 20px; }

.searchNoResultsBox { padding:15px 15px 15px 15px; background-color:#f4f4f4; font-size:20px; line-height:24px; color:#9bbb59; font-weight:bold; }

.h1Recipe span { display:none; }
.h1Recipe { background-position:0 0; background-color:transparent; background-repeat:no-repeat; height:49px; display:block; cursor:pointer; background-image:url(images/text_h1_recipe.gif); width:236px; margin:0 0 10px 0; padding:0;}
.recipeBox {  background-color:#f4f4f4;  }
.recipeBoxInner { padding:20px 40px 10px 20px; }
.recipeGreenP { font-size:20px; line-height:24px; color:#9bbb59; }
.recipeGreenPtall { font-size:20px; line-height:35px; color:#9bbb59; }

.printButton { float:right; }
.printButton a { display:block; padding:3px 5px 3px 25px; font-size:14px; font-weight:bold; background-color:#f4f4f4; border:#CCC solid 1px; color:#9bbb59; background-image:url(images/icon_printer.gif); background-repeat:no-repeat; background-position: 5px center; }
.printButton a:hover { background-color:#9bbb59; background-image:url(images/icon_printer_over.gif); color:#FFF; }

.buyButton a { padding:3px 3px 3px 25px; font-size:12px; font-weight:bold; color:#9bbb59; background-image:url(images/icon_cart.gif); background-repeat:no-repeat; background-position: 5px center; }
.buyButton a:hover { background-color:#9bbb59; background-image:url(images/icon_cart_over.gif); color:#FFF; }

/***********************************************/
/* Footer                                      */
/***********************************************/ 


.footer{line-height:0; font-size:11px; line-height:15px; color:#666}
.footer h6{font:bold 12px "Trebuchet MS","Lucida Grande",Verdana,Helvetica,sans-serif; text-transform:uppercase; line-height:13px; letter-spacing:normal; color:#333; margin:4px 0 0 0}
.footer ul{list-style:none; margin:0; padding:0}
.footer ul li{background:transparent url(/images/bullet-grey-arrow.gif) 0 0.5em no-repeat; padding-left:8px; margin-bottom:8px; margin-left:0}
.footer p a{border-bottom:1px #ccc dotted; color:#666; padding-bottom:1px}
.footer p a:hover{border-bottom:1px #ccc solid; color:#000}
.greybarfooter{height:0; border-bottom:#CCC solid 1px; margin-bottom:10px; line-height:0; font-size:0}