body{
margin:25px;
background:url("../images/bg.png");
font:0.85em/1.5 Geneva, Arial, Helvetica, sans-serif;
color:#333;
text-align:center;
}
td{font:0.85em/1.5 Geneva, Arial, Helvetica, sans-serif;}
img{border:none;display:inline;}

/* Form */
form{
background:#f6f6f6;
padding:10px;
margin:10px 0;
border:1px solid #eee;
}
#form1 label,#form1 input,#form1 textarea{
display:block;
width:350px;
float:left;
margin-bottom:0.5em;
}

#form1 label{
text-align:right;
width:5em;
padding-right:1em;
}
#form1 .sendmessage{width:auto;}
#form1 br{clear:left;}

a:link{color:#0084B5;}
a:visited{color:#00729C;}
a:hover{color:#0097CF;}
#Area{
background:#ffdb00;
padding:0;
margin-left:auto;
margin-right:auto;
text-align:left;
width:760px;
} 
#Area h1{
font-family: Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
color:#000;
padding:15px 15px;
margin:0;
border-bottom:1px solid #EBCB00;
}
#Area h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.3em;
color:#000;
padding:0 0 1px 0;
margin:0;
border-bottom:1px solid #eee;
font-weight:normal;
}
#Area h3{
font-size:1em;
color:#000;
padding:0 0 1px 0;
margin:0;
font-weight:bold;
}
#AreaBody1{
margin:0;
padding:0;
border:1px solid #CC9900;
}
#AreaBody2{
margin:0;
padding:0;
border-left:1px solid #FFFF99;
border-top:1px solid #FFFF99;
border-right:1px solid #EBCB00;
border-bottom:1px solid #EBCB00;
}
#AreaBodyContentShadow{
margin:2px 2px 0 2px;
padding:0;
border-left:1px solid #EBCB00;
border-top:1px solid #EBCB00;
border-right:1px solid #FFFF99;
border-bottom:1px solid #FFFF99;
}
#AreaBodyContent{
width:auto;
margin:0;
padding:0px;
background:#fcfcfc;
border:1px solid #CC9900;
}
#content{
margin:0 0 0 190px;
padding:10px;
background:#fff;
}
#AreaBody p{
padding:10px 0;
}
p.copy{
padding:7px 15px;
margin:0;
font-size:0.8em;
}
/* Navigointi menu */
#navlist{
margin:0;
padding:2px 0 0 0;
border-top:1px solid #FFFF99;
width:100%;
}
#navlist ul, #navlist li{
margin:0;
padding:0;
display:inline;
}
#navlist a:link, #navlist a:visited{
padding:4px 10px 5px 10px;
margin:0;
text-decoration:none;
color:#333;
border-right:1px solid #EBCB00;
}
#navlist a:hover{
color:#393;
}
/* vasen paneeli ja alamenu */
#leftpanel{
float:left;
width:170px;
padding:10px;
}
#navlist2{
margin:0 0 30px 0;
padding:0;
list-style:none;
}
#navlist2 li{
font:bold 1em Garamond, Verdana, sans-serif;
margin:0;
padding:10px 0 0 22px;
background-image:url(../images/tennispallo_icon.gif);
background-repeat:no-repeat;
background-position:0 13px;
}
html[xmlns] #navlist2{
padding:0 20px;
}
html[xmlns] #navlist2 li{
background:none;
list-style-image:url(../images/tennispallo_icon.gif);
padding:10px 0 0 0;
}
#navlist2 li a{
padding:0;
margin:0;
text-decoration:none;
}
#navlist2 li a:link{color:#060;}
#navlist2 li a:visited{color:#060;}
#navlist2 li a:hover{color:#393;}

dl{
width:165px;
margin:10px 0 20px 0;
color:#222;
background:#93C0FF url(../images/box_bottom.gif) no-repeat bottom left;
}
dt{
font-size:1.1em;
font-weight:bold;
margin:0 0 10px 0;
padding:5px 10px;
color:#CCE1FF;
background:#0084B5 url(../images/box_top.gif) no-repeat top left;
border-bottom:1px solid #CCE1FF;
}
dd{
font-size:0.95em;
margin:0 0 0 10px;
padding:0 10px 10px 10px;
background:url(../images/arrow.gif) no-repeat 0 6px;
}
.floatleft{float:left;padding:15px 15px 15px 0;}
/* Hinnasto */
.hinnasto, .tuotteet{
width:535px;
margin:10px 0;
color:#000;
}
.hinnasto th, .tuotteet th{
background:#ffdb00;
font-size:0.9em;
padding:3px 8px;
}
.hinnasto tr td, .tuotteet tr td{
font-family:"lucida grande", verdana, sans-serif;
font-size:8pt;
padding:3px 8px;
}
.tuotteet tr td{
padding: 8px 8px;
vertical-align:top;
}
.ale{color:#f33;}
.z{background:#E5F0FF;}
.r{text-align:right}