body {
  background: white;
  margin:     10px;
  font:       0.8em/1.4em verdana, sans;
  color:      #404040;
}

img#slogan {
  float: right;
  margin-bottom: 10px;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
div#header {
  background: url('resources/logo.gif') top left no-repeat;
}
div#nav {
  clear: both;
  height: 23px;
  background: url('resources/bar.jpg') repeat-x bottom;
  text-align: right;
}
div#nav div {
  display: inline;
  float: right;
}
div#nav div a {
  width:      83px;
  height:     14px;
  display:    block;
  background: url('resources/tab.gif');
  float:      left;
  text-align: center;
  font:       11px/11px verdana, sans;
  color:      #336699;
  padding-top: 2px;
  font-weight: bold;
}
div#nav a:hover {
  color:      #6699cc;
  text-decoration: none;
}
div#bar {
  height:      1px;
  background:  url('resources/bar.jpg') repeat-x #003399;
  display:     block;
}
div#food {
  background: url('resources/food.jpg') repeat-x #ffcc00;
  height: 69px;
  margin: 7px 0px 7px 0px;
}

div.box {
  width: 144px;
  background: #003399 url('resources/blue.jpg') top no-repeat;
  margin-bottom: 14px;
  color: white;
  font-size: 0.8em;
}
div.box img {
  display: block;
}
div.box h2 {
  background:  url('resources/boxtop.gif');
  text-align:  center;
  color:       #336699;
  height:      16px;
  padding-top: 4px;
  font-weight: bold;
  margin-bottom:4px;
}
div.box p {
  margin: 0px;
  padding-left: 7px;
}
div.box a {
  display:       block;
  border-top: 1px solid white;
  color:         white;
  padding-left:  7px;
}
div.box a.first {
  border-top:    0px;
}
div.box a:hover {
  background:    #ffcc00;
  color:         #336699;
}
h1 {
  font:          1.5em verdana, sans;
  color:         #003399;
  font-weight:   normal;
}
h2 {
  font:          1.2em verdana, sans;
  color:         #003399;
  font-weight:   normal;
}
h3 {
  color:         #003399;
  font-size:     1em;
}
div#footer {
  margin-top:    14px;
  border-top:    #003399 solid 1px;
  clear:         both;
  text-align:    center;
  font-size:     0.8em;
}
ul {
  list-style:    square inside;
  padding-left:  1em;
  margin-left:   1em;
}

div.box ul {
  margin: 0;
}

div#content {
  padding: 0px 20px 20px 20px;
}
div#content img {
  float: left;
  margin: 0px 20px 20px 0px;
}
div#content input {
  vertical-align: middle;
}

img {
  border: 0px;
}
div.articleList {
  margin-bottom: 10px;
  font-size:     80%;
  background:    #f0f0f0;
  display:       block;
}
div.articleList div.price {
  float: right;
}

div.articleList h2 {
  background:   #003399 url('resources/head_back.jpg') top repeat-x;
  color:        white;
  margin-top:   0px;
  padding:      2px;
  font-weight:  bold;
}
div.articleList p {
  display: block;
}
div.articleList br {

}

table {
  width: 99%;
}
table th {
  background: #003399 url('resources/head_back.jpg') top repeat-x;
  color: white;
  padding: 1px;
}
table td {
  padding:   1px;
}
table.cart {
  font-size: 80%;
}

table.cart td {
  background: #f0f0ff;
}
input.submit, a.qtyButton{
  background: #003399 url('resources/head_back.jpg') repeat-x;
  color: white;
  border: 0px;
}
a.qtyButton, a.removeButton {
  margin:   2px;
  width:    12px;
  display:  block;
  float:    left;
  font-weight: bold;
  text-align:  center;
}
a.removeButton {
  background: #cc0000;
  color: white;
  border: 0px;
  float: right;
}

label {
  width:   180px;
  display: block;
  float:   left;
  font-size: 0.8em;
}

table.cart tr td form {
  margin: 0px;
  display: inline;
  clear: none;
  float: left;
}
table.cart tr td form input {
  display: inline;
  margin: 0px;
  width: 30px;
  clear: none;
  float: left;
}

form.payForm {
  margin-top: 10px;
}
form.addressForm {
  border: 1px solid #c0c0c0;
  padding-left: 10px;
  margin-top: 10px;
}
form.addressForm p {
  margin: 5px 0px 0px 0px;
  padding: 0px;
}

div.html div.articleList h2 div.price {
  display: none;
}
div.product div.articleList h2 div.price {
  display: block;
  float:   right;
}
div.folderList {
  margin-right: 20px;
  margin-bottom:20px;
  background: #f0f0f0;
  color: #444444;
  font-size: 80%;
  width: 45%;
  float: left;
}
div.folderList h2 {
  background:   #003399 url('resources/head_back.jpg') top repeat-x;
  color:        white;
  margin-top:   0px;
  padding:      2px;
  font-weight:  bold;
  margin:       0px;
  text-align:   center;
}
div.folderList a {
 color: #444444;
}
div.folderList img {
  display:      block;
}

table#columns {
  width: 100%;
  border-collapse:  collapse;
}
table#columns td {
  vertical-align: top;
}
table#columns td.side {
  width: 144px;
}

div.box form {
  margin: 10px 0px 0px 0px;
  padding: 0px 10px 10px 10px;
}
div.box form input {
  width: 80px;
  float: left;
  font-size: 10px;
}
div.box form input.submit {
  width: 30px;
  font-size: 10px;
  float: right;
}

img.featured {
  clear: left; 
  width: 50px; 
  height: 50px; 
  margin:0px 5px 5px 0px; 
  padding: 0px; 
  float: left;
}