/*
----------------------------------------
  NORMALIZE STYLES
----------------------------------------
*/

body, div, ul, li, td, h1, h2, h3, h4, h5, h6 {
  font-size: 14px;
  font-family: "Lucida Grande", "Bitstream Vera Sans", "Verdana";
}

div, span, img, form, h1, h2, h3, h4, h5, h6 {
  margin: 0px;
  padding: 0px;
  background-color: transparent;
  border: 0px;
}

table {
  border-style: solid;
  border-width: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}

/*
----------------------------------------
  GENERAL
----------------------------------------
*/

body {
  padding-top: 20px;
  background: url("/images/body_gradient.gif") repeat-x;
  background-color: #c0b598;
  color: #222222;
}

a,
a:link,
a:visited {
  color: #889761;
}

a:hover {
  color: #ffffff;
  background: #889761;
}

/*
----------------------------------------
  LAYOUT
----------------------------------------
*/

div.spacer {
  clear: both;
}

span.left {
  float: left;
}

span.right {
  float: right;
}

div.center {
  text-align: center;
}

div.accept_google_checkout {
  margin-left: 40px;
}

div.indent {
  margin-left: 20px;
}

#container {
  width: 820px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 30px;
  background-color: #f4f4f1;
  border: 2px solid #ffffff;
}

#left-container
{
  width: 250px;
  margin-right: 20px;
}

div.photoborder
{
  border: 10px solid #dbdbd8;
}

#main-container
{
  border: 10px solid #aaaaaa;
}


#content {
  margin-top: 30px;
  margin-bottom: 30px;
}

/*
----------------------------------------
  FOOTER
----------------------------------------
*/

#footer {
  font-size: 0.7em;
}

#footer a,
#footer a:link,
#footer a:visited {
  color: #0000ff;
}

#footer a:hover {
  color: #ffffff;
  background: #0000ff;
}

/*----------------------------------------
  HEADER
----------------------------------------*/

#header {
  
}

#header table.prince {
  margin-bottom: 15px;
  width: 100%;
}

#header table.prince td.text {
  padding-left: 15px;
  padding-right: 15px;
  background-color: #ffffff;
  width: 100%;
  text-align: center;
}

#header table.prince td.csa {
  padding-left: 5px;
  padding-right: 5px;
  background-color: #ffffff;
  width: 100%;
  text-align: center;
}


#header table.prince td.text h1 {
  font-size: 1.3em;
}

#header table.prince td.text h2 {
  font-size: 0.9em;
}

/*
----------------------------------------
  HEADINGS
----------------------------------------
*/

h1, h2, h3, h4, h5 {
  color: #5b5c51;
}

h1 {
  padding: 0px;
  margin: 0px;
  font-size: 180%;
}

h2 {
  font-size: 150%;
  padding: 2px;
  margin: 0px;
  margin-top: 10px;
  margin-bottom: 10px;
}

h3 {
  font-size: 130%;
  margin-top: 10px;
  margin-bottom: 10px;
}

h4 {
  font-size: 120%;
  margin-top: 10px;
  margin-bottom: 10px;
}

h5 {
  font-size: 110%;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* LEFT MENU */
#left-menu {
  color: #5b5c51;
  font-size: 0.9em;
}

/* TOP MENU */

#menu {
  font-size: 1.1em;
  text-align: center;
  margin-left: auto;
  padding: 0px;
  margin: 0px;
  background-color: #6f7065;
  color: #ffffff;
  font-variant: small-caps;
}

#menu a,
#menu a:link,
#menu a:visited
{
  min-height: 30px;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #ffffff;
  text-decoration: none;
  margin-bottom: 5px;
}

#menu a:hover
{
  color: #c3d94b;
  background-color: transparent;
}

div.ingredients,
div.ingredients li {
  font-size: 10px;
}

div.ingredients ul,
div.ingredients ol {
  padding-left: 0px;
}

/*
----------------------------------------
  SHOPPING CART
----------------------------------------
*/

table.cart {
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px;
}

table.cart th {
  background-color: #bbbbbb;
}

table.cart td {
  background-color: #dddddd;
}