html
{
  min-width: 718px;
}



img
{
  border: 0;
}



body
{
  margin: 20px auto;
  padding: 0;
  color: #385e34;
  font: 1em/1.5 Verdana, Helvetica, sans-serif;
  width: 718px;
  text-align: left;
  background-color: #d4d0a8;
}



/* helper styles */

.hidden
{
  display: none;
}

.flag
{
  display: inline;
  margin: 3px;
}


div#box
{
  background-color: #e9e8d6;
  background-image: url('../images/menu_bg.jpg');
  background-repeat: no-repeat;
  background-position: bottom left;
  overflow: auto;
}



/* visual content */

p
{
  font: 0.8em/1.5 Verdana, Helvetica, sans-serif;
  text-align: justify;
  margin-top: 0;
  margin-bottom: 10px;
}

img
{
  margin-bottom: 10px;
}

div#banner
{
  height: 172px;
  background-image: url('../images/top.jpg');
  background-repeat: no-repeat;
  background-position: top;
}

div#menu
{
  float: left;
  width: 150px;
}

div#menu ul
{
  list-style: none;
  
  padding: 0;
  margin: 15px;
}

div#menu ul li
{
  padding: 0;
  font-size: 0.7em;
  text-align: center;
  background-color: #97947f;
  margin-top: 7px;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
}

div#menu ul li a
{
  color: white;
  text-decoration: none;
}

div#menu ul li a:hover
{
  color: #e9e8d6;
  text-decoration: none;
}

div#menu ul li h2
{
  text-align: center;
  font-size: 1em;
  font-weight: normal;
  color: white;
  padding: 0;
  margin: 0;  
}

div#menu ul li ul
{
  padding: 0;  
  margin: 0;
  margin-top: expression('-15px');
  line-height: 1.5em;  
}

div#menu ul li ul li
{
  font-size: 1em;
  text-align: left;
  background-color: #e9e8d6;
  color: black;
  padding: 0;
  margin: 0;  
  padding-left: 3px;
}

div#menu ul li ul li a
{
  color: black;
  text-decoration: none;
}

div#menu ul li ul li a:hover
{
  color: #97947f;
  text-decoration: none;
}

img
{
  display: block;
}

div#body
{
  text-align: left;
  background-color: #f8f6e8;
  border-right: solid 7px #e9e8d6;
  padding-left: 20px;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 20px;
  margin-left: 150px;
  min-height: 800px;
}
* html div#body
{
  height: 800px;
}

div#body h2
{
  width: 95%;
  font-size: 1em;
  border-bottom: solid 1px #385e34;
}

div#body p
{
  font-size: 0.75em;
  width: 385px;
}

div#body a
{
  color: black;
  text-decoration: none;
}

div#body a:hover
{
  color: #97947f;
  text-decoration: none;
}

div#cartSidebar a:hover
{
  color: white;
  text-decoration: none;  
}

div#body table
{
  width: 385px;
  font-size: 0.7em;
  border-spacing: 3px;
  color: #385e34;
}

div#body table.cart_table, div#body table.person_table
{
  width: 95%;
  font-size: 0.7em;
  border-spacing: 3px;
  color: #385e34;
}

div#body table thead, div#body table tfoot
{
  margin-bottom: 5px;
}

div#body table thead tr td, div#body table tfoot tr td
{
  background-color: #dbd2b4;
  font-weight: bold;
}

div#body table .cena_td
{
  width: 70px;
  text-align: right;
}

div#body table .pole_td
{
  width: 150px;
  background-color: #dbd2b4;
  font-weight: bold;
}

div#body table .quantity_td
{
  width: 80px;
}

div#body table tr td.add_td
{
  background-color: #dbd2b4;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  padding: 0;
  width: 23px;
}

div#body table tr td.delete_td
{
  background-color: #dbd2b4;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  padding: 0;
  width: 60px;
}

div#body table tr td.add_td a, div#body table tr.even td.add_td a, div#body table tr td.add_td a:hover, div#body table tr.even td.add_td,div#body table tr td.delete_td a, div#body table tr.even td.delete_td a, div#body table tr td.delete_td a:hover, div#body table tr.even td.delete_td a:hover
{
  color: #385e34;
  text-decoration: none;
}

div#body table tr.even td.add_td
{
  background-color: #dbd2b4;
  font-size: 1.2em;
  font-weight: bold;
  text-align: center;
  padding: 0;
  width: 23px;
}

div#body table tr td
{
  background-color: #f6f1d1;
  padding: 3px;
  padding-left: 6px;
  padding-right: 6px;
}

div#body table tr.even td
{
  background-color: #e9e4d2;
  padding: 3px;
  padding-left: 6px;  
  padding-right: 6px;  
}

div#body label
{
  display: block;
  font-size: 0.8em;
}

div#body input
{
  width: 300px;
}

div#body textarea
{
  width: 300px;
}

div#body table tr td input
{
  width: 30px;
  margin: 0;
  padding: 0;
}

div#cartSidebar
{
  background-color: white;
  width: 130px;
  float: right;  
  margin-left: 20px;
  margin-right: 0;
  font-size: 0.7em;  
}

div#cartSidebar h2
{
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  color: white;
  background-color: #97947f;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 5px;
  margin: 0;  
}

div#cartSidebar ul
{

  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 20px;
  padding: 0;
}

div#cartSidebar span
{
  margin-left: 20px;
  margin-top: 5px;
  padding: 0;
}

div#cartSidebar a
{
  display: block;
  text-align: center;
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
  color: white;
  background-color: #97947f;
  
  padding-top: 2px;
  padding-bottom: 5px;
  margin-top: 5px;
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 0;
  
  border-top: solid 5px #e9e8d6;
}

div#footer
{
  clear: both;
  padding: 0;
  margin: 0;
  height: 35px;
  color: white;
  font-size: 0.8em;
  text-align: center;
  background-color: #97947f;
  background-image: url('../images/footer.jpg');
  background-repeat: no-repeat;
  background-position: top;
}

div#footer p
{
  padding: 0;
  margin: 0;
  text-align: center;
  padding-top: 15px;
}

div#notes
{
  font-size: 0.8em;
  color: #97947f;
  margin-top: 8px;
}

div#notes p
{
  text-align: center;
  padding: 0;
}

div#notes a
{
  color: #97947f;
  text-decoration: none;
}

div#notes a:hover
{
  color: black;
  text-decoration: none;
}