/*** Global ***/
body {
  padding: 0px;
  margin: 0px;
}

h1 {
  padding: 0;
  margin: 0;
  line-height:30px;
  vertical-align: middle;
  height: 30px;
  background: #E14528;
  color: white;
  font-size: 10pt;
  border-bottom: 1px solid black;
  padding-left: 10px;
}

img {
  border: 0;
}

a {
 text-decoration: none;
}

/*** Center page div ***/

#wrapper{
  width:961px;
  position:absolute;
  left:50%;
  border: 1px solid black;
  margin-left:-480px;
} 

/*** Top Menu ***/

#topmenu div {
  float: left;
  margin: 0px;
  padding: 0px;
  width: 960px;
  background: yellow;
}

#topmenu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#topmenu li {
  float: left;
  border-right: 1px solid black;
  background: #219103;
  color: white;
  text-align: center;
  width: 159px;
  line-height: 20px;
  height: 20px;
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Arial, Times New Roman;
  font-size: 9pt;
  font-weight: bold;
}

#topmenu li a {
  display: block;
  padding: 0px; 
  color: white;
  text-decoration: none;
  width: 100%;
}

#topmenu li a:hover {
  background-color: #E14528;
}

#topmenu li a:selected {
  background-color: black;
}

/*** Product (left) menu ***/

#product_menu {
  float: left;
  border-right: 1px solid black;
  background: #219103;
  width: 200px;
  padding: 0;
  margin: 0;
  padding-top: 10px;
  text-align: left;
  height: 1300px;
}

#product_menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#product_menu li { 
  padding: 0;
  margin: 0;
}

#product_menu li a {
  line-height: 12px;
  display: block;
  padding: 0px 0px 0px 0em;
  color: white;
  text-decoration: none;
  width: 100%;
}

#product_menu li a:hover {
  background-color: black;
  color: #fff;
}

#product_menu li a:selected {
  background-color: black;
}

#product_menu font {
  padding-left: 5px;
  font-family: Verdana, Arial; 
  font-weight: bold;
  font-size: 8pt;
}

#submenu ul {
  background: #f9b705;
  list-style: none;
  margin: 0;
  padding: 0;
}

#submenu li {
  border: 0;
  padding: 0;
  margin: 0;
}

#submenu li a {
  padding: 0;
  padding-top: 2px;
  display: block;
  color: black;
  text-decoration: none;
  width: 100%;
}

#submenu li a:hover {
  background-color: blue;
  color: #fff;
}

#submenu font {
  padding-left: 15px;
  font-family: Verdana, Arial;
  font-weight: normal;
  font-size: 8pt;
}

/*** Main block ***/
#mainblock {
  text-align: center;
  float: left;
  font-family: Verdana, Arial, Times New Roman;
  font-size: 9pt;
  width: 573px;
  height: 100%;
  padding: 0;
  margin: 0;
}

#mainblock table {
  border-collapse: collapse;
  border: 1px solid black;
}

/*** Order div ***/
#order {
  text-align: left;
}

/*** Right block ***/
#rightblock {
  text-align: center;
  float: left;
  font-family: Verdana, Arial, Times New Roman;
  font-size: 9pt;
  border-left: 1px solid black;
  width: 185px;
  background: #BBBBBB;
  height: 1300px;
}

/*** Image under top menu ***/
img.headerimg {
  border: 1px solid black;
  border-left: 0;
  display: block;
}

/*** Search box ***/
#search {
  text-align: center;
  padding-top: 10px;
}

/*** Product Overview ***/
#product_overview {
  margin: 3px;
  float: left;
  width: 183px;
  height: 180px;
  border: 1px solid;
  font-size: 7pt;
} 

#product_overview table {
  width: 183px;
  height: 180px;
  vertical-align: bottom;
  border-collapse: collapse;
}

#shopping_cart table {
  text-align: left;
  border-collapse: collapse;
  border-top: 1px solid;
  border-bottom: 1px solid;
  width: 100%;
}

#shopping_cart th {
  text-align: center;
  padding-left: 5px;
  background: #BBBBBB; 
  color: black;
}

#shopping_cart td {
  border-top: 1px solid;
  padding-left: 5px;
}

td.rightalign {
  text-align: right;
}

#order_form table {
  width: 100%;
}

#order_form th {
  text-align: right;
}

#order_form td {
  text-align: left;
}

#recommendations table {
    border-collapse: collapse;
    border: 0;
    font-size: 8pt;
    width: 90%;
}

#recommendations td {
    border: 1px solid gray;
}

td.product_images {
    padding: 5px;
    border: 1px solid red;
}
