body,table,input,textarea,td,th,p,div,h1,h2,h3,h4,h5,h6,ul,dl,dt,dd { font-family: Verdana, Arial, Helvetica, sans-serif; }
h4 { font-size: larger; margin-top: 1.5em; margin-bottom: 0.5em; }
h5 { font-size: 110%; margin-top: 1.5em; margin-bottom: 0.5em; }
.perus { font-size: small; }

.maxwidth { max-width:740px;
width:expression(document.body.clientWidth > 740? "740px": "auto" );
 }
table    { display: table }
tr       { display: table-row }
thead    { display: table-header-group }
tbody    { display: table-row-group }
tfoot    { display: table-footer-group }
col      { display: table-column }
colgroup { display: table-column-group }
td, th   { display: table-cell }
caption  { display: table-caption }

.hakki {
    border-top: 1px solid #999999;
    border-right: 0px solid #999999;
    border-bottom: 0px solid #999999;
    border-left: 1px solid #999999;
    font-size: xx-small;
    color: #000099;
}

.tuoteotsikko {
    font-size: small; font-weight: bold;
    color: #000099;
    border: 1px solid #666666;
}

.tarjous {
    font-size: 10px;
    color: #FFFFFF;
    padding: 2px;
    border: 1px solid #666666;
    background-color: #000099;
    margin-top: 1em;
}

.alahuomautus {
    font-size: xx-small;
    color: #0099FF;
    padding-top: 2px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 2px;
    border-top: 0px solid #999999;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 0px solid #999999;
}

#navcontainer { width: 145px; }
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: xx-small;
}
#navcontainer a
{
display: block;
padding: 2px;
width: 130px;
background-color: #036;
border-bottom: 1px solid #eee;
}
#navcontainer a:link
{
color: #EEE;
text-decoration: none;
}
#navlist a:visited
{
color: #EEE;
text-decoration: none;
}
#navcontainer a:hover
{
background-color: #369;
color: #fff;
}