html {
  margin: 0;
  padding: 0;
}

body {
  margin: 0;
  padding: 10px;
  background-color: #D1CCB8;
  font-family: 'Lucida Sans','Lucida Sans Unicode','Lucida Grande', LucidaGrande, Geneva, sans-serif;
  font-size: 75%;
  text-align: center;
}

a:link,
a:visited {
  color: #791E0B;
  text-decoration: none;
}

a:hover,
a:active {
  color: #791E0B;
  text-decoration: underline;
}

h2 {
  margin: 10px 0;
  color: #CC0000;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
}

h3 {
  margin: 10px 0;
  color: #999;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
}

img {
  border: none;
}

#container {
  width: 768px;
  margin: 0 auto;
  text-align: left;
}

#header {
  height: 157px;
  background: url(imgs/header.jpg) no-repeat top left;
  background-color: #791E0B;
  color: white;
}

#header a:link,
#header a:visited {
  color: white;
}
#header a:hover,
#header a:active {
  color: #FFCC00;
  text-decoration: none;
}

#header h1 {
  height: 130px;
  margin: 0;
  text-indent: -1000px;
  overflow: hidden;
}

#top-menu {
  margin: 0;
  padding: 0;
  font-weight: bold;
  text-align: center;
  list-style: none;
}
#top-menu li {
  display: inline;
  margin: 0 0 0 3px;
  padding: 0 0 0 5px;
  border-left: 1px solid white;
}
#top-menu li.first {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

#photo {
  height: 178px;
  background: url(imgs/photo.jpg) no-repeat top left;
}

#main {
  background-color: #FDF5CE;
}

#left {
  float: left;
  width: 180px;
  min-height: 20px;
  margin-right: 20px;
}
* html #left {
  height: 20px;
}

#categories {
  margin: 0;
  padding: 0;
  list-style: none;
  font-weight: bold;
}

#categories li {
  margin: 0 0 2px 0;
  padding: 0;
  overflow: hidden;
}

#categories li a {
  display: block;
  height: 20px;
  padding: 5px 0 0 10px;
}
#categories li a:link,
#categories li a:visited {
  background: url(imgs/menu.jpg) no-repeat top left;
  color: #333;
}
#categories li a:hover,
#categories li a:active {
  background: url(imgs/menuhover.jpg) no-repeat top left;
  color: #333;
  text-decoration: none;
}

#content {
  float: left;
  width: 558px;
  min-height: 200px;
  padding: 10px 0;
  position: relative;
}
* html #content {
  height: 200px;
}

#banners {
  height: 120px;
}

#footer {
  height: 52px;
  background: url(imgs/footer.jpg) no-repeat top left;
  background-color: #FDF5CE;
}

#footer a:link,
#footer a:visited {
  color: #666;
}
#footer a:hover,
#footer a:active {
  color: #333;
  text-decoration: none;
}

#bottom-menu {
  margin: 0 30px 0 0;
  padding: 20px 0 0 0;
  font-weight: bold;
  text-align: right;
  list-style: none;
}
#bottom-menu li {
  display: inline;
  margin: 0 0 0 3px;
  padding: 0 0 0 5px;
  border-left: 1px solid #666;
}
#bottom-menu li.first {
  margin-left: 0;
  padding-left: 0;
  border-left: none;
}

#productImage {
  display: none;
  position: absolute;
  top: 56px;
  right: 0;
  padding: 5px;
  background-color: white;
  border: 2px solid #999;
}

table.cart {
  background-color: white;
  border: none;
  border-collapse: collapse;
  width: 485px;
}

table.cart th {
  text-align: center;
  padding: 3px 5px;
  background-color: #EEE;
  border: 1px solid #999;
}

table.cart td {
  padding: 3px 5px;
  border: 1px solid #999;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.total {
  float: right;
  font-size: 120%;
}

.productThumbImage {
  float: right;
  padding: 5px;
  margin-left: 5px;
  background-color: white;
  border: 2px solid #999;
  text-align: center;
}

.productThumbImage img {
  margin-bottom: 5px;
}

table.products {
  clear: both;
  margin-top: 1em;
  background-color: white;
  border: none;
  border-collapse: collapse;
  width: 550px;
}

table.products th {
  text-align: center;
  padding: 3px 5px;
  background-color: #EEE;
  border: 1px solid #999;
}

table.products td {
  padding: 3px 5px;
  border: 1px solid #999;
}

.categoryBox {
  float: left;
  width: 135px;
  height: 135px;
  margin: 0 10px 10px 0;
  padding: 10px;
  background: url(imgs/categorybox.jpg) no-repeat top left;
  text-align: center;
}
.categoryBox .image {
  height: 103px;
  text-align: center;
  overflow: hidden;
}
.categoryBox .title {
  height: 30px;
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
}
.categoryBox .title a:link,
.categoryBox .title a:visited {
  color: #666;
}

.productBox {
  float: left;
  width: 145px;
  height: 150px;
  margin: 0 10px 10px 0;
  padding: 10px 5px;
  background: url(imgs/box.jpg) no-repeat top left;
  text-align: center;
}
.productBox .image {
  height: 103px;
  text-align: center;
  overflow: hidden;
}
.productBox .title {
  height: 28px;
  margin-top: -10px;
  margin-bottom: 10px;
  color: #666;
  /*font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;*/
  overflow: hidden;
  
}
.productBox .title a:link,
.productBox .title a:visited {
  color: #666;
  font-size:11px;
  height: 22px;
  
}

.productBox .price {
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
}


.categoryImage {
  margin: 10px 0;
  border: 2px solid #999;
}

.error {
  color: red;
}

.clear {
  clear: both;
}

.worldpay {
  margin: 1em 0;
  text-align: center;
}

.categories {
  margin-bottome: 1em;
}

.nowrap {
  white-space: nowrap;
}

#cart {
  margin: 20px 0 5px 5px;
  padding: 5px;
  background-color: white;
  border: 1px solid #999;
  font-size: 0.9em;
}

#cart .title {
  font-weight: bold;
  margin-bottom: 5px;
  font-size: 1.1em;
}

#cart hr {
  border: 1px solid #999;
}

a.button
{
  display: block;
  float: right;
  margin: 10px;
  padding: 3px 10px;
  color: black;
  background-color: #EEE;
  border-width: 1px;
  border-style: outset;
}

.price {
  font-size: 1.4em;
}

table.list {
  border-collapse: collapse;
}

table.list th {
  padding: 4px 8px;
  background-color: #EEE;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: center;
}

table.list tr {
  background-color: white;
}

table.list td {
  padding: 4px 8px;
  border-bottom: 1px solid #999;
}

table.list td img {
  vertical-align: middle;
}

table.list tr.category {
  background-color: #F8F8F8;
}

table.list tr:hover, table.list tr.category:hover {
  background-color: #FFFF99;
}