body {
  text-align: center;
  margin: auto;
  background-color:#d2363a;
  background-image:url(graphics/background-side.gif);
  background-repeat:repeat-x;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 80%;
  overflow:scroll;
}

#mailform {
  font-size: 90%;
}

#inframe {
  position: relative;
  margin: auto;
  text-align: center;
  width: 890px;
  background-color:#d2363a;
  background: url(graphics/background-centerfull.jpg) no-repeat top left;
}

#contentframe {
  position: relative;
  margin: auto;
  text-align: center;
  width: 846px;
  font-size: 90%;
  background: url(graphics/background-center.jpg) no-repeat top center;
  background-color: #ece4d9;
  padding-bottom: 50px;
}

#topmenu {
  margin-top: 15px;
  margin-right: 5px;
  float: right;
}

.topmenu {
  list-style: none;
}

.topmenu li{
  display: inline;
  float: right;
}

img {
  border: 0px;
}

#logo {
  margin-left: 20px;
  margin-top: 45px;
  float: left;
  width: 150px;
}

a:link {
  color:#aa0000;
}

a:hover, a:visited {
  color:#ff0000;
}

#topbanner {
  width: 846px;
  height: 150px;
  margin-top: 11px;
  border-top: 4px #aaaaaa solid;
  border-bottom: 4px #aaaaaa solid;
  float: left;
}

#left {
  float: left;
  margin-right: 10px;
  text-align: left;
  width: 180px;
}

#center {
  float: left;
  width: 440px;
  margin-top: 30px;
  text-align: left;
}

#right {
  float: left;
  margin-top: 30px;
  text-align: left;
  width: 170px;
  margin-left: 30px;
}

#sidemenu {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 150px;
  position: relative;
  left: -1px;
}

#normal {
  vertical-align: middle;
  text-align: center;
  border-top: 3px #F00 solid;
  background-color:#C00;
  border-bottom: 3px #A00 solid;
  padding: 3px;
}

#subnormal {
  vertical-align: middle;
  text-align: center;
  border-top: 2px #F51 solid;
  background-color: #C51;
  border-bottom: 2px #A51 solid;
  padding: 2px;
  font-size: 80%;
}

#extra {
  float: left;
  height: 365px;
  width: 150px;
  background: url(graphics/background-sidemenu.gif) repeat-x top;
  position: relative;
  left: -1px;
}

#sidemenu a:link, #sidemenu a:visited {
  color: #CCC;
  text-decoration: none;
}

#sidemenu a:hover {
  color: #FF0;
  text-decoration: none;
}

#product {
  font-size: 80%;
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border: #aaaaaa 2px solid;
  background-color: #ece4d9;
}

#product td {
  vertical-align: top;
}

#productcode {
  font-size: 150%;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  border-bottom: 2px #aaaaaa solid;
  color:#eeeeee;
  background-color:#333333;
}

#productpicture {
  width: 150px;
  padding: 5px;
}

#productdetails {
  font-size: 100%;
  padding: 5px;
  padding-left: 0px;
}

#price {
  font-size: 150%;
  font-weight: bold;
  color:#d2363a;
}

#video {
  padding-top: 20px;
}

#uutuudet {
  font-size: 95%;
}

#uutuudet td {
  vertical-align: top
}

h3 {
  font-size: 16px;
}

h4 {
  font-size: 14px;
}

.color {
  border: solid #333 1px;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

#example {
  border: double 5px #ccc;
  background: url(graphics/examples/01.jpg) no-repeat top left;
  width: 350px;
  height: 428px;
}