html, body {
    margin: 0px 0px 0px 0px;
    height: 100%;
    width: 100%;
    background-color: #F7F7F7;
    font-family: Verdana;
   }
   #menu {
    height: 100%;
    text-align: left;
    line-height: 11px;
   }
   #menu a {
    color: #54869D;
    text-decoration: none;
    font-size: 11px;
   }
   #menu a:hover {
    color: #AB0200;
    text-decoration: none;
    font-size: 11px;
   }
   td.mainTd {
    width: 9px;
    background-image: url(./images/left.gif);
   }
   td.mainTd2 {
    width: 683px;
    height: 100%;
    vertical-align: top;
   }
   table.inner {
    width: 100%;
    height: 100%;
   }
   table.innertable {
    width: 100%;
    height: 100%;
   }
   td.header {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 128px;
    vertical-align: top;
   }
   td.inner {
    background-color: #F7F7F7;
    width: 175px;
    height: inherit;
    vertical-align: top;
   }
   td.keski {
    width: 100%;
    height: auto;
    vertical-align: top;
   }
   td.topper {
    height: 100%;
    vertical-align: top;
   }
   td.right {
    vertical-align: top;
    background-color: #FFFFFF;
    width: 713px;
    height: inherit;
   }
   td.top {
    height: 18px;
    background-image: url(./images/mainbg.gif);
    text-align: center;
    color: #9DC0D3;
    font-size: 11px;
   }
   #top a {
    color: #54869D;
    text-decoration: none;
    font-size: 11px;
   }
   #top a:hover {
    color: #AB0200;
    text-decoration: none;
    font-size: 11px;
   }
   tr.row1 { height: 128px; }
   tr.row2 { height: auto; }
   tr.row3 { height: 38px; }
   td.bottom {
    vertical-align: middle;
    text-align: left;
    height: 38px;
    background-image: url(./images/bbg.gif);
   }
   select.chart {
    color: #3E768F;
    background-color: #FFFFFF;
    border: 1px solid #3E768F;
    font-size: 10px;
    font-family: Verdana;
   }
   td.mainTdRight {
    width: 9px;
    height: 100%;
    background-image: url(./images/right.gif);
   }
   .main2 {
    color: #666666;
    font-size: 11px;
   }
   .topic {
    color: #3E7890;
    font-size: 15px;
    font-weight: bold;
   }
   .searchi {
    color: #3E768F;
    font-size: 11px;
    font-weight: normal;
   }
   .otsikko {
    color: #3E768F;
    background-color: #E2EAED;
    font-size: 10px;
    font-weight: bold;
   }
   .otsikko2 {
    height: 16px;
    color: #3E768F;
    background-color: #E2EAED;
    font-size: 10px;
    font-weight: bold;
   }
   .otsikko4 {
  /*  height: 16px; */
    color: #3E768F;
    background-color: #E2EAED;
    font-size: 11px;
    font-weight: bold;
   }
   .otsikko5 {
    height: 20px;
    width: 80px;
    color: #3E768F;
    background-color: #E2EAED;
    font-size: 10px;
   }
   .otsikko7 {
    height: 20px;
    color: #3E768F;
    background-color: #E2EAED;
    font-size: 12px;
    font-weight: bold;
   }
   .otsikko6 {
    height: 16px;
    width: 200px;
    color: #3E768F;
    background-color: #E2EAED;
    font-size: 10px;
   }
   .otsikko3 {
    height: 200px;
    color: #3E768F;
    background-color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
   }
   .rw1 {
    color: #3E768F;
    background-color: #FFFFFF;
    font-size: 10px;
    height: 16px;
   }
   .kpl {
    color: #3E768F;
    background-color: #FFFFFF;
    border: 1px solid #3E768F;
    font-size: 8px;
    text-align: right;
    font-weight: bold;
    font-family: Verdana;
   }
   .admin {
    color: #3E768F;
    background-color: #FFFFFF;
    border: 1px solid #3E768F;
    font-size: 8px;
    font-family: Verdana;
   }
   .adminta {
    color: #3E768F;
    background-color: #FFFFFF;
    border: 1px solid #3E768F;
    font-size: 10px;
    font-family: Verdana;
   }
   .moreinfo {
    color: #3E768F;
    background-color: #FFFFFF;
    font-size: 10px;
    font-family: Verdana;
   }
   #main input.radio {
    color: #3E768F;
    background-color: #FFFFFF;
    border: 0px;
    font-size: 8px;
    font-family: Verdana;
   }
   #main input.checkbox {
    color: #3E768F;
    background-color: #FFFFFF;
    border: 0px;
    padding: 0px;
    margin: 0px;
    display: inline;
    font-size: 8px;
    font-family: Verdana;
   }
   #main .chartfull {
     width: 100%;
   }
   .rw2 {
    color: #3E768F;
    background-color: #F7F7F7;
    font-size: 10px;
    height: 16px;
   }
   .tuoteryhma {
    color: #71A1B8;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
   }
   .inimg {
    border: 0;
   }
   table.infoMain {
     height: 100%;
     width: 100%;
   }
   #main {
     text-align: left;
     font-size: 11px;
   }
   #main input {
    color: #3E768F;
    background-color: #FFFFFF;
    border: 1px solid #3E768F;
    font-size: 10px;
    font-family: Verdana;
   }
   #main select {
    color: #3E768F;
    background-color: #FFFFFF;
    border: 1px solid #3E768F;
    font-size: 10px;
    font-family: Verdana;
   }
   #main a {
    color: #3E768F;
    text-decoration: underline;
   }
   #main a:hover {
    color: #AB0200;
    text-decoration: none;
   }
   div.center {
    padding-left: 4px;
   }
   .tuote {
     width: 709px;
     margin: 3px;
     border-left: 1px solid #71A1B8;
     border-right: 1px solid #71A1B8;
     border-bottom: 1px solid #71A1B8;
     border-top: 1px solid #71A1B8;
   }
   .tuotehaku {
     width: 300px;
     border-left: 1px solid #71A1B8;
     border-right: 1px solid #71A1B8;
     border-bottom: 1px solid #71A1B8;
     border-top: 1px solid #71A1B8;
   }
   .tuotesaato {
     width: 495px;
   }
   td.Koodi { width: 45px; text-align: left; border: 0px; }
   td.Tuote { width: 540px; text-align: left; border: 0px; }
   td.Hinta { width: 45px; text-align: right; border: 0px; }
   td.Kappale { width: 25px; text-align: center; border: 0px; }
   td.Kori { width: 20px; text-align: left; border: 0px; }
   td.aKoodi { width: 45px; text-align: left; border: 0px; }
   td.aTuote { text-align: left; border: 0px; }
   td.aHinta { width: 45px; text-align: right; border: 0px; }