/* CSS Document */

/*** body ***/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin: 0 auto;
  padding: 0;
  background-color: #e2e565; /* change the color */
}
p {
  margin: 0;
}
img {
  border: none;
}
a {
  border: none;
  text-decoration: none;
  color: #000000;
}
a:hover {
  text-decoration: underline;
  font-weight: bold;
}
a.link {
  font-weight: bold;
  font-size: 11px;
  color: #333;
}
a.link:hover {
  color : #666;
  text-decoration: none;
}
a.link-title {
  color: #a88f1b;
  padding: 0px 0px 13px 0px;
}
a.link-title:hover {
  color : #c7ae3c;
  text-decoration: none;
}
h1 {
  font-size: 22px;
  font-weight: normal;
  margin: 0 auto;
  padding: 0;
}
h2 {
  font-size: 14px;
  margin: 0 auto;
  padding: 0;
}
h3 {
  font-size: 12px;
  margin: 0 auto;
  padding: 0;
}
input {
  position: relative;
  z-index: 15;
}
textarea {
  overflow: auto;
}
ul {
 list-style-type: none;
}
/* end body */


/*** header ***/
#header {
  height: 193px;
  width: 887px;
  margin: 0 auto;
  padding: 0;
  background: url(../img/header.png) top center no-repeat; 
  background-color: #f5f7bc;
}
#logo {
  position: relative;
  top: 92px;
  left: 508px;
  z-index:1;
}
.pinkBg {
	background-color:#f4f5d0;
	border:1px solid #000;
}
.whiteBg {
	background-color:#ffffff;
	border:1px solid #000;
}
input.btn {
  color:#000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #f5f7bc;
  border:1px solid #000;
  padding: 2px;
}
input.btn-hover {
  background-color: #eaed98;
  font-weight:bold;
  border: 1px solid #000;
}
#newsletter-sub {
  position: relative;
  padding: 0;
  margin: 0;
  top: 180px;
  left: 286px;
}
#backCart {
  /*position: relative;
  left: 750px;
  top: 80px;*/
  padding: 166px 0px 0px 752px;
  margin: 0;
}
input.back {
  font-size: 10px;
  color: #000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-color: #f5f7bc;
  border: none;
  padding: 2px;
  z-index:0;
}
input.back-hover {
  background-color: #f5f7bc;
  font-weight: bold;
  color : #000;
  text-decoration: underline;
  border: none;
  z-index:0;
}
/*** end header ***/


/*** content ***/
#content {
  width: 887px;
  margin: 0 auto;
  padding: 0;
  background: url(../img/bg-border.png) top center repeat-y;
  background-color: #f5f7bc;
}
/* menu */
#menu {
  height: 83px;
  margin: 0 auto;
  padding: 0;
  font-variant: small-caps;
  font-size: 12px;
  background: url(../img/bg-menu.jpg) top center no-repeat; 
}
#menu-noscript {
  height:20px;
  margin: 0 auto;
  padding: 0;
  font-variant: small-caps;
  font-size: 12px;
  background: url(../img/bg-menu-noscript.jpg) top center no-repeat; 
}
#menu-header {
  text-align: center;
  letter-spacing : 1.4px;
  margin : -2px 0px 0px 0px;
}
#submenu, #submenu2lines, #subsubmenu, #subsubsubmenu {
  border: 3px solid #ebef8b;
  background-color: #e8eb6c; /* light pink */
  font-size: 10px;
}
#submenu a, #submenu2lines a  {
  /*color: #833030;*/
  color: #000;
  padding: 4px 14px 4px 14px;
  font-size: 10px;
  font-variant: normal;
}
#submenu li a:hover, #submenu2lines li  a:hover{
   background-color: #d4d645;
   font-weight: bold;
   text-decoration: none;
}
#arrow {
  float: right;
  margin: 0px -6px 0px 0px;
}
#dots {
  position: relative;
  top: 6px;
}
#menu-choc    { position: relative; left: 6px;  bottom: 16px; z-index:10; }
#menu-foods   { position: relative; left: 16px; bottom: 16px; z-index:9;  }
#menu-growers { position: relative; left: 20px; bottom: 24px; z-index:8;  }
#menu-retail  { position: relative; left: 30px; bottom: 24px; z-index:7;  }
#menu-who     { position: relative; left: 40px; bottom: 16px; z-index:6;  }
#path {
  float: left;
  margin: -46px 0px 0px 4px;
  padding: 16px 10px 6px 28px;
  width: 664px;
  border-bottom: 2px dotted #777;
  border-right: 2px dotted #777;
}
/*** end content ***/


/*** footer ***/
#footer {
  clear: both;
  height: 109px;
  width: 887px;
  margin: 0 auto;
  padding: 0;
  background: url(../img/footer.png) no-repeat top center; 
  background-color: #f5f7bc;
  color: #a88f1b; 
  text-align: center;
}
/*** end footer ***/
