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

/*	General Styles
==================================================*/
body { 
	font-family: arial, helvetica, sans-serif;	
	font-size: 62.5%;
	text-align: center;
	margin: 0;
}
h1 {
	color: #332F28;
	/*font-weight: normal;*/
}
p, em, i, li, dt, dd, th, td {
	font-size: 1.2em;
}
dt {
	font-weight: bold;
	padding: 0.5em 0;
}
a {
	text-decoration: none;
}
img {
	border: none;
}

/*	Page Structure Styles
==================================================*/
#container {
	text-align: center;
	/*background: #FFCC66;*/
	margin: 0;
	padding: 0;
}
#header {
	padding-top: 0.8em;
	padding-bottom: 0.2em;
	background: #FFFFFF url(../img/header-bg.gif) repeat-x;
	text-align: center;
}
#navbar {
	list-style: none;
	background: #2C361B url(../img/navBar-bg.gif) repeat-x; /*1D320E*/
	/* need for setting ul and li to float: left; */
	overflow: hidden;
}
#content {
	background: #FFFFFF url(../img/shadow.gif) top repeat-x;
}
#footer {
	/*background: #CCCCCC;*/
	border-top: 6px ridge #477725;
	background: #FFFFFF url(../img/shadow.gif) top repeat-x;
	clear: both;
	margin-top: 2em;
}

/* ---------- wrapper ---------- */
.wrapper {
	width: 96em;
	margin: 0 auto;
}
#header .wrapper {
	/*background: url(../img/Logo.png) no-repeat;*/
	height: 11em;
	min-height: 110px;
	padding: 0;
	text-align: left;
}
#header .wrapper img#branding {
	/*position: relative;*/
	float: left;
	left: 0em;
	border: 0;
}

#content .wrapper {
	padding: 16px 0 8px 0;
	text-align: left;
}
#footer .wrapper {
	padding-top: 15px;
}

/* ------------------------------ */
ul#LANG {
	float: right;
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style: none;	
}
ul#LANG li {
	display: inline;
	margin: 0 1em;
}

#search-form {
	float: right;
	padding-top: 6em;
}
#mainnav {
	list-style: none;
	padding: 0;
	margin: 0;
}
#mainnav li {
	float: left;
	display: inline;
	font-size: 1.3em;
	/*font-weight: bold;*/
	margin: 0;
	padding: 0;
}
.smallcap {
	font-size: 0.8em;
}
#mainnav li a {
	text-decoration: none;
	display: block;
	margin: 0;
	padding: 0.7em 1.9em 0.6em 1.9em;
	color: #ECEAB0;
}
#mainnav li a:hover{
	color: #A7A37E;
}
body#home li#t-home a,
body#company li#t-about a, 
body#partners li#t-about a, 
body#links li#t-about a,
body#product li#t-product a,
body#promotion li#t-promotion a,
body#recipe li#t-recipe a,
body#news li#t-np a,
body#press li#t-np a,
body#contact li#t-contact a,
body#feedback li#t-contact a {
	color: #61B594;	
}

/* For google translation */ 
div#google_translate_element {
	float: right;
}
.goog-te-banner-frame {
	visibility:hidden !important;
}
body {
	top:0px !important;
}


/* ------------------------------ */
.primary {
	width: 73.6%;
	float: right;
	margin: 0;
	padding: 0em;
	padding-bottom: 1em;
}
.secondary {
	width: 22.7%;
	float: left;
	margin: 0;
	padding: 0;
}
.secondary ul {
	list-style: none;
	width: 100%;
	margin: 0;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0.2em 0;
	border-left: thin dotted #009900;
	border-right: none;
}
.secondary li {
	padding: 0em 0 0 0.9em;
	letter-spacing: 0.1em;
}
.secondary li a {
	display: block;
	margin: 0;
	padding: 0.4em 0.8em;
	color: #597533; /*477725 597533 666666*/
	text-decoration: none;
	/*border-right: thin dotted #009900 ;*/
}
.secondary li a:hover {
	background: #FFFFFF;
	color: #FF2D00; /*BF4C18 FF0000*/
}
.secondary li a.current {
	background: #FFFFFF;
	color: #FF2D00;
	border-top: thin dotted #009900 ;
	border-bottom: thin dotted #009900 ;
	border-right: none;
}



/*	Page Component Styles
==================================================*/
/* ---------- Home Page ---------- */
body#home #content {
	padding-top: 2.3em;
	padding-bottom: 5px;	
}
body#home #content .wrapper {
	/* background: #999999; */
	overflow: hidden;
	padding: 6px;
	padding-bottom: 3px\9;   /* css hack for IE only */
}
/*
body#home .primary {
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
}
*/
body#home ul#lang {
	list-style: none;
	margin: 0;
	margin-top: 1em;
	padding: 0;
}
body#home ul#lang li {
	display: inline;
	margin: 0;
	padding: 0;
}

body#home ul#lang li a {
	text-decoration: none;
	color: #597533;
	font-weight: bold;
}
body#home div.wrapper#cn ul#lang li#cn a,
body#home div.wrapper#es ul#lang li#es a
{
 color: #FF2D00;
}

body#home ul#lang li a:hover {
	color: #FF2D00;
}
body#home li#cn {
	float: left;
}
body#home li#es {
	float: right;
	clear: right;
}

/* rotator in-page placement */
body#home ul#featured {
	position: relative;
	height: 376px;
	margin: 0;
	margin-top: 3.3em;
	padding: 0;
}
/* rotator css */
body#home ul#featured li {
	float:left;
	position:absolute;
	list-style: none;
	margin: 0;
	padding: 0;
}
/* rotator image style */	
body#home ul#featured img {
	border:0px solid #ccc;
	background: #FFF;
	margin: 0;
	padding: 0;
	width: 958px;
	width: 952px\9;   /* css hack for IE only */
}
body#home ul#featured li.show {
	z-index:500
}
body#home .secondary {
	width: 100%;
	float: right;
	margin: 0;
	padding: 0;
}
body#home dl.bottomAd {
	margin: .7em .5em;
	margin: .7em .4em\9;   /* css hack for IE only */
	padding: 0;
	float: left;
}
body#home dl.bottomAd#firstAd {
	margin-left: 0;
}
body#home dl.bottomAd#lastAd {
	margin-right: 0;
}
body#home dl.bottomAd dt {
	margin: 0;
	padding: 0;
	text-align: center;
}
body#home dl.bottomAd dd {
	margin: 0;
}
body#home dl.bottomAd img {
	width: 232px;
}
body#home dl.bottomAd dt {
	text-align: center;
	font-size: 1.2em;
	padding: .5em 0;
	background: #2C361B url(../img/navBar-bg.gif) repeat-x; /*1D320E*/
	/* need for setting ul and li to float: left; */
	overflow: hidden;
}
body#home dl.bottomAd dt a {
	color: #ECEAB0;
	display: block;
}



body#home a#promotion {
	display: block;
	padding-bottom: 6px;
	padding-bottom: 3px\9;   /* css hack for IE only */
}
body#home img#news {
	height: 305px;
	width: 464px;
	padding-bottom: 6px;
	padding-bottom: 3px\9;   /* css hack for IE only */
}
body#home img.about {
	width: 316px;
	height: 125px;
	height: 126px\9;   /* css hack for IE only */
	float: left;
}
body#home img.direction {
	float: right;
	height: 126px\9;   /* css hack for IE only */
}

/* ---------- Company Page ---------- */
body#company div#logo {
	text-align: center;
}

/* ---------- Contact Page ---------- */
body#contact table.info {
	width: 100%;
}
body#contact table.info th {
	text-align: left;
}
body#contact table.info td {
	padding-bottom: 1em;
}
body#contact form#feedback {
	padding-bottom: 1em;
}

/* ---------- Products Page ---------- */
body#product h2#featured-header{
	margin-top: 3.3em;
	margin-bottom: 1.2em;
}
body#product table#featured {
	text-align: center;
	margin: auto;
}
body#product table#featured img {
	max-width: 100px;
	max-height: 100px;
	margin-top: .8em;
	margin-bottom: .8em;
	border: 0;
}
body#product table#featured td {
	width: 15em;
	vertical-align: top;
	padding-bottom: .8em;
	color: #046380;
	font-weight: bold;
}
body#product table#featured td a {
	text-decoration: none;
	color: #046380;
	display: block;
}

#product-list {
	width: 100%;
	border-collapse: collapse;
}
#product-list td {
	padding: 1.2em 0;
	border: 0px solid #666666;
}
#product-list td.img{
	width: 19%;
	text-align: center;
}
#product-list .img img{
	max-width: 100px;
	max-height: 100px;
}
#product-list td.info{
	padding-left: 0em;
	vertical-align: top;
}
#product-list td.info .product-name {
	color: #046380;
	font-weight: bold;
}
#product-list td.info .product-name:hover {
	color: #FF2D00;
}
#product-list td.info .product-name .brand {
	color: #000000;
	font-weight: normal;
}
#product-list td.info .new-product {
	margin: .4em 0;
}
#product-list td.info .new-product .new-tag {
	color: #FFFFFF; /*597533 477725*/
	font-weight: bold;
	font-size: .8em;
	background: #009933;
	padding: .3em .7em;
}
#product-list td.info .promotion {
	font-weight: bold;
	color: #FF2D00;
}

.product td a {
	text-decoration: none;
	color: #332F28;
	display: block;
}
.product td a img {
	border: 0;
}
.page-bar {
	/*color: #ECEAB0;
	background: #999999;*/
	padding: 0.8em 0 1em 0;
	font-size: 1.2em;
	clear: both;
	font-weight: bold;
}
#top-bar.page-bar {
	border-bottom: thin dotted #009900;
}
#bottom-bar.page-bar {
	border-top: thin dotted #009900;
}
.page-bar a {
	color: #597533;
	text-decoration: underline;
	padding: 0 0.2em;
}
.page-bar a#pre, .page-bar a#next {
/*	text-decoration: none;
	color:#FFFFFF;
	background: #597533;
	padding: 0.1em 0.4em; */
}
#page-option {
	margin-top: -0.22em;
	padding-top: 0;
	float: right;
}
#sort-by {
	margin-right: 2.5em;
}
h1.product-header {
	font-weight: normal;
	margin-bottom: 0.2em;
	padding: 0;
}
a#print-button {
	float: right;
	font-size: 1.2em;
	color: #333333;
	padding-top: 1em;
}
a#print-button img {
	vertical-align: middle;
	/*border: none;*/
}
body#product a#brand {
	font-size: 1.2em;
	font-weight: bold;
	color: #597533;
	text-decoration: none;
}
body#product a#brand:hover {
	color: #FF2D00; 
}
body#product #product-detail {
	width: 100%;
	border-collapse: collapse;
	margin-top: 2em;
}
body#product #product-detail td.img {
	/*width: 19%;*/
	width: 250px;
	text-align: center;
	vertical-align: top;
}
body#product #product-detail td.img img {
	max-width: 250px;
	max-height: 250px;
}
body#product #product-detail td.info {
	padding-left: 2em;
	vertical-align: top;
}
body#product #product-detail td.info #promotion {
	padding: 0em 0 0 0;
	color:#FF0000;
}
body#product #product-detail td.info #new-product {
	margin: .4em 0;
}
body#product #product-detail td.info #new-product #new-tag {
	color: #FFFFFF; /*597533 477725*/
	font-weight: bold;
	font-size: .8em;
	background: #009933;
	padding: .3em .7em;
}
body#product #product-detail td.info #description {
	padding: 1em 0 0 0;
}

body#product h2#related {
	font-size: 1.2em;
	margin: 2.3em 0 .8em 0;
}
body#product table#related {
	text-align: center;
	margin-left: 0;
}
body#product table#related img {
	max-width: 100px;
	max-height: 100px;
	margin-top: .8em;
	margin-bottom: .8em;
	border: 0;
}
body#product table#related td {
	width: 15em;
	vertical-align: bottom;
	padding-bottom: .8em;
	font-weight: bold;
	font-size: 1em;
}
body#product table#related td a {
	text-decoration: none;
	color: #597533;
	display: block;
}
body#product table#related td a:hover {
	color: #FF2D00; 
}


body#product h2#recipe {
	margin: 2.3em 0 .8em 18.4em;
}
body#product li.recipe {
	margin: .5em 0 0 21.4em;
}
body#product li.recipe a {
	color: #597533;
	text-decoration: none;
}
body#product li.recipe a:hover {
	color: #FF2D00; 
}


/* ---------- Recipes Page ---------- */
body#recipe table#featured {
	text-align: center;
	margin: auto;
}
body#recipe table#featured img {
	max-width: 100px;
	max-height: 100px;
	margin-top: .8em;
	margin-bottom: .8em;
	border: 0;
}
body#recipe table#featured td {
	width: 15em;
	vertical-align: top;
	padding-bottom: .8em;
	color: #046380;
	font-weight: bold;
}
body#recipe table#featured td a {
	text-decoration: none;
	color: #046380;
	display: block;
}


#recipe-list {
	width: 100%;
	border-collapse: collapse;
}
#recipe-list td {
	padding: 1.2em 0;
	border: 0px solid #666666;
}
#recipe-list td.img{
	width: 19%;
	text-align: center;
}
#recipe-list .img img{
	max-width: 100px;
	max-height: 100px;
	border: 0;
}
#recipe-list td.info{
	padding-left: 0em;
	vertical-align: top;
}
#recipe-list td.info .recipe-name {
	color: #046380;
	font-weight: bold;
}
#recipe-list td.info a {
	text-decoration: none;
	color: #332F28;
	display: block;
}
h1.recipe-header {
	font-weight: normal;
	margin-bottom: 0.2em;
	padding: 0;
}
#recipe-detail {
	width: 100%;
	border-collapse: collapse;
	margin-top: 2em;
}
#recipe-detail td.img {
	width: 19%;
	text-align: center;
	vertical-align: top;
}
#recipe-detail .img img {
	max-width: 300px;
	max-height: 330px;
}
#recipe-detail td.info {
	padding-left: 2em;
	vertical-align: top;
	font-size: 100%;
}
#recipe-detail td.info .description{
	font-size: 140%;
	padding-bottom: 1.5em;
}
#recipe-detail td.info .ingredients {
	text-decoration: underline;
	font-weight: bold;
}
#recipe-detail td.info a {
	color: #597533;
}
#recipe-detail td.info a:hover {
	color: #FF2D00; 
}
#recipe-detail td.info .instructions {
	text-decoration: underline;
	font-weight: bold;	
	padding-top: 2em;
}

/* ----------News Page ---------- */
#news #news-list {
}
#news #news-list dt.heading {
	padding-top: 1.5em;
}
#news #news-list dt.heading a{
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	color: #046380;
}
#news #news-list dd {
	padding: 0;
	margin: 0;
}
#news #news-list dd a {
	color: #046380;
}
#news #news-list dd.date {
	font-weight: bold;
}
#news #news-list dd.content {
	padding-bottom: .7em;
}

#news h1#heading {
}
#news div#news-date {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
#news div#news-content {
	font-size: 1.2em;
	padding: 1.2em 0;
}
#news div#img img {
	max-width: 690px;
}


/* ----------Press Page ---------- */
#press #press-list {
}
#press #press-list dt.heading {
	padding-top: 1.5em;
}
#press #press-list dt.heading a{
	font-size: 1.5em;
	font-weight: bold;
	text-decoration: none;
	color: #046380;
}
#press #press-list dd {
	padding: 0;
	margin: 0;
}
#press #press-list dd a {
	color: #046380;
}
#press #press-list dd.date {
	font-weight: bold;
}
#press #press-list dd.content {
	padding-bottom: .7em;
}

#press h1#heading {
}
#press div#press-date {
	font-size: 1.2em;
	padding-bottom: 1.2em;
}
#press div#press-content {
	font-size: 1.2em;
	padding: 1.2em 0;
}
#press div#img img {
	max-width: 690px;
}

/* ---------- Link Page --------- */
#links .primary ul {
	list-style: none;
}
#links .primary ul li {
	padding-bottom: 0.7em;
}
#links .primary ul li a {
	text-decoration: none;
	color: #597533;
}
#links .primary ul li a:hover {color:#FF2D00;}