body {
	background-color: #FFFFFF;
	overflow:hidden;
	padding-top: 40px;
	margin-bottom:2px;
	}
	
a {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	}
	
a.active {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	}
	
a.hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0066FF;
	text-decoration: none;
	}
	
p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000;
	}

#hinnastolinkki {
	color: #0099FF;
	font-size:10px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	vertical-align:top;
	font-style: normal;
	}
	
	
#infocell	{
	background:#FFFFFF;
	text-align:left;
	vertical-align:top;
	}

td.imgcell {
	border-right:solid;
	border-right-width: 3px;
	border-color:#FFFFFF;
	background:#FFFFFF;
	}
	
td.txtcell {
	padding: 100px;
	background:#FFFFFF;
	}


div#wn {
	position: relative;
	width: 1000px;
	height: 385px;
	overflow: hidden;
	}

table#t1 {
	border: none;
	width: 100%;
	background-color:#FFFFFF;
	}

div#scrollbar { 
    position:relative; 
    width:1000px; height:11px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; left:12px; top:0;
    width:978px; height:11px; 
    background-color: #E2E3F5;
  }
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:20px; height:9px; 
    background-color: #FFFFFF;
  }  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    }