body {	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background: #49a6e3; }
div { font-family: arial, tahoma, verdana; font-size: 12px; color: white;  }
a img { border: 0; }
#parent { width: 100%; position: absolute; top: 0px; left: 0px; }

#header { width: 100%; height: 142px; background: #7d6b54 url(images/header_left.jpg) no-repeat; }
#header #header_left { min-height: 142px; width: 700px; }
#header #header_right { width: 533px; float: right; position: relative; }
#header #header_navi { position: absolute; left: 0px; top: 12px; font-size: 11px; }
#header_navi a:link, #header_navi a:visited { color: white; text-decoration: none; padding: 2px; }
#header_navi a:hover { color: black; background: white; }
#header #header_yht { position: absolute; left: 25px; top: 110px; font-size: 11px; }

#navibg { width: 100%; height: 40px; background-image: url(images/navi_bg.jpg);}

#topnavi { width: 100%; height: 15px; position: absolute; top: 5px; left: 0px; z-index: 100; background: #ae4848; font-family: arial, tahoma, verdana; font-size: 11px; color: white;  padding-top: 2px;}

#location { position: absolute; top: 190; left: 10; z-index:100; color: #aaa; }
#location a:link, #location a:visited { color: #aaa; text-decoration: none; }
#location a:hover { color: #ae4848; }

#contents { width: 100%; min-height: 400px;  padding-top:20px; margin-bottom: 20px; }
#contents #index { width: 960px; color: black; margin: 10px auto auto -480px; text-align: center; position: relative; left: 50%;}
#contents #index td { text-align: center; }
#contents #hwcompany, #contents #painatus, #contents #palaute, #contents #myyjat, #contents #tuotemerkit, #contents #linkit { width: 980px; color: black; margin-top: 45px; margin-left: 30px; font-family: arial, verdana; }
#contents #tuotemerkit td { width: 33%; vertical-align: top; text-align: left; font-size: 12px;}
#contents #myyjat a { font-size: 11px; }
#contents #myyjat td { font-size: 12px; }
#contents #linkit td { font-size: 12px; }
#contents #palaute td { font-size: 12px; }
#contents #ohje { width: 500px; margin-top: 100px; margin-left: 200px; color: black; }
#kiitos { color: black; font-size: 16px; width: 200px; margin: 30px auto auto -100px; text-align: center; position: relative; left: 50%; }

#contents #kampanja { width: 887px; margin: 30px auto auto -443px; color: black; background-image: url(images/dot_thumbs.gif); position: relative; left: 50%; padding:10px;}
#contents #kampanja img { border: 0; }

#contents #kampanja2 { width: 950px; height: 300px; margin: 30px auto auto -475px; color: black;  position: relative; left: 50%; padding:0px;}
#contents #kampanja2 img { border: 0; }

#footer { width: 100%; height: 88px; text-align: center; }
#footer a:link, #footer a:visited { color: #aaa; text-decoration: none; }
#footer a:hover { color: #ae4848; }

#menu { position: absolute; top: 101; left: 173; z-index:100; width: 100%; }

#tuotelista1 { width: 100%; text-align: center; margin-top:35px; margin-bottom: 20px; }
#tuotelista1 td.link { height: 250px; width: 250px; font-size: 11px; cursor: pointer; text-align: center; vertical-align: top;}
#tuotelista1 .imagebg { background-image: url(images/dot_thumbs.gif); height: 200px; width: 200px; vertical-align: middle; text-align: center; }
 
.image { vertical-align: bottom; }

#tuotepohja1 { width: 98%; margin-top:35px; margin-bottom: 50px; }
#tuotepohja1 td.tuotekuvaus { width: 50%; text-align: left; vertical-align: top; font-family: arial, tahoma, verdana; font-size: 11px; color: black;}
#tuotepohja1 td.kuva { width: 50%; text-align: center;  }
#tuotepohja1 p.otsikko { font-size: 14px; font-weight: bold; }
#tuotepohja1 p.kuvaus { font-size: 13px; }
#tuotepohja1 p.hinta { font-size: 13px; }
#tuotepohja1 p.lisatiedot { font-size: 13px; }
#tuotepohja1 .mailto_button { font-size: 13px; }

#kampanja2 .joulutalo { width: 887px; height: 370px; background: url(images/banneritausta2.jpg) no-repeat; margin: 0;}
#kampanja .joulutalo table { height: 100%; }