html, body {
margin : 0;
padding : 0;
text-align : center;
background : #fff url("img/bg.png") repeat-x top left;
font : normal 12px/16px Tahoma, Helvetica, Arial, sans-serif;
color: #303030;
}
img {
padding : 0;
margin : 0;
border : none;
}
map {
border : none;
}

a img {
border : none;
}


a {
color : #637581;
margin : 0;
padding : 0;
}
#pagewidth {
width : 858px;
text-align : left;
margin-left : auto;
margin-right : auto;
z-index : 0;
background : url("img/twocols-bg.png") repeat-y top left;
background-position : 212px 0%;
}
#header {
position : relative;
height : 36px;
margin-left : 480px;
}
#header img {

padding-right : 0;
padding-top : 0;
}

#leftcol {
width : 214px;
float : left;
position : relative;
margin : 0;
margin-top : 44px;
padding : 0;
height : 100%;
}

#leftcol h1 {

margin : 0;
padding : 0;
width : 212px;
height : 125px;
display : block;
}
#banner1 {
position : relative;
padding-right : 12px;
padding-left : 12px;
padding-top : 18px;
padding-bottom : 12px;
}
img#brands {
float : right;
padding-right : 12px;
padding-bottom : 12px;
}
#content {
width : 644px;
float : right;
position : relative;
margin : 0;
padding : 0;
min-height : 550px;
}
#rightcol {
width : 190px;
float : right;
position : relative;
margin : 0;
padding-top : 24px;
padding-right : 24px;
padding-bottom : 24px;
min-height : 250px;
}

#rightcol h1 {
font : bold 14px/21px Tahoma, Helvetica, Arial, sans-serif;
}

#rightcol a[href^="http:"] {
background : transparent url("img/arrow.png") no-repeat scroll 0% 0%;
margin-top : 1em;
padding-bottom : 3px;
padding-left : 22px;
}
p {
font : normal 12px/18px Tahoma, Helvetica, Arial, sans-serif;
}


#main1col {
float : left;
position : relative;
margin : 0;
width : 376px;
padding-top : 24px;
padding-left : 20px;
padding-right :20px;
padding-bottom : 24px;
background : url("img/content-bg.png") no-repeat top left;
}

h1 {
font : bold 16px/24px Tahoma, Helvetica, Arial, sans-serif;

}

h2 {
font : bold 12px/18px Tahoma, Helvetica, Arial, sans-serif;

}

p {
font : normal 12px/18px Tahoma, Helvetica, Arial, sans-serif;
}

#main1col h1 {
font : bold 16px/24px Tahoma, Helvetica, Arial, sans-serif;

}

#main1col h2 {
font : bold 12px/18px Tahoma, Helvetica, Arial, sans-serif;

}

#main1col p {
font : normal 12px/18px Tahoma, Helvetica, Arial, sans-serif;
}


#main2col h1 {
font : bold 16px/24px Tahoma, Helvetica, Arial, sans-serif;

}

#main2col h2 {
font : bold 12px/18px Tahoma, Helvetica, Arial, sans-serif;

}

#main2col p {
font : normal 12px/18px Tahoma, Helvetica, Arial, sans-serif;
}
#main2col {
float : left;
position : relative;
margin : 0;
width : 592px;
padding-top : 24px;
padding-left : 20px;
padding-right : 20px;
padding-bottom : 24px;
background : url("img/footer-bg.png") no-repeat top left;
}
 table {
font : normal 12px/18px Tahoma, Helvetica, Arial, sans-serif;
}

ul li {
font : normal 12px/18px Tahoma, Helvetica, Arial, sans-serif;
list-style: disc;
}


#footer {
clear : both;
margin-left : 214px;
padding-top : 20px;
padding-left : 24px;
width : 644px;
min-height : 100px;
background : url("img/footer-bg.png") no-repeat top left;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
.leftmenu {
margin : 0;
padding : 0;
list-style-type : none;
display : block;
width : 214px;
text-transform : uppercase;
}
.leftmenu h2 {
margin : 0;
padding : 0;
font : normal 14px Tahoma, Helvetica, Arial, sans-serif;
line-height : 36px;
}
.leftmenu h2 a {
display : block;
text-decoration : none;
color : #333;
background : url("img/leftmenu-bg.png");
padding : 0 0 0 16px;
width : 196px;
line-height : 36px;
}
.leftmenu h2 a:hover {
background : url("img/leftmenu-active.png");
color : #fff;
padding : 0 0 0 16px;
line-height : 36px;
}
.leftmenu h2 a.current, .vert-one h1 a.current:hover {
background : url("img/leftmenu-bg.png");
color : #333;
padding : 0 0 0 16px;
font-weight : bold;
width : 196px;
line-height : 36px;
}
.leftmenu .search {
display : block;
text-decoration : none;
color : #333;
background : url("img/leftmenu-bottom.png") no-repeat;
padding : 0 0 0 16px;
width : 196px;
height : 96px;
font : normal 10px/18px Tahoma, Helvetica, Arial, sans-serif;
text-transform : none;
border:0;
}

.right{float:right};

fieldset {border:0;padding:0;margin:0;}
.news {
float : left;
position : relative;
margin : 0;
width : 368px;
padding-left : 0px;
padding-bottom : 24px;
}
#newsList {
padding : 0;
margin : 0;
}
#newsList a:hover {
text-decoration : underline;
}
#newsList dl, dt, dd, ul, li {
list-style-type : none;
}
#newsList dl {
font : normal 12px/18px Tahoma, Helvetica, Arial, sans-serif;
margin : 0 auto;
}
#newsList dl a {
font : normal 12px/18px Tahoma, Helvetica, Arial, sans-serif;
text-decoration : none;
}
#newsList dl a {
color : #011019;
font : bold 12px/18px Tahoma, Helvetica, Arial, sans-serif;
text-decoration : none;
}
#newsList dl.caption a, #newsList dd.caption a {
color : #747474;
font : normal 12px/18px Tahoma, Helvetica, Arial, sans-serif;
margin : 0.5em 0 1em;
padding : 0;
}
#newsList dl.caption a, #newsList dd.caption a {
color : #747474;
font : normal 12px/18px Tahoma, Helvetica, Arial, sans-serif;
margin : 0.5em 0 1em;
padding : 0;
}
#newsList dd.caption .more {
color : #637581;
font : normal 12px/18px Tahoma, Helvetica, Arial, sans-serif;
}
#newsList dd {
color : #747474;
font : normal 12px/18px Tahoma, Helvetica, Arial, sans-serif;
margin-bottom : 1em;
margin-left : 0;
padding : 0;
}
#newsList h3 {
font : bold 12px/18px Tahoma, Helvetica, Arial, sans-serif;
color : #011019;
text-decoration : none;
text-transform : uppercase;
}

.product {
width:500px;

}

.productimage img {
float: right;

}
.productsymbols {
width:500px;
background: url(img/bg_productsymbols.png) no-repeat;
height : 64px;
padding-top:6px;
padding-bottom:6px;
padding-right:6px;
padding-left:6px;
margin-top:12px;
clear:both;
}




.product_detail p{
color: #666;
}
.product_detail a {
font-weight:bold;
text-decoration: none;
}

.product_detail a:hover {

text-decoration: underline;
}

input {margin-top: 4px;}

.productimage_print img { display:none}


#list tbody tr.top td {
      border-bottom: solid 1px #ffcc00;
      font : normal 10px/24px Tahoma, Helvetica, Arial, sans-serif;
    }
    
#list tbody tr.even td {
      background-color: #ffffcc;
      font : normal 10px/24px Tahoma, Helvetica, Arial, sans-serif;
    }
#list tbody tr.odd  td {
      background-color: #fff;
            font : normal 10px/24px Tahoma, Helvetica, Arial, sans-serif;
    }



#news tbody tr.top td {
      background-color: #fff;
      border-bottom: solid 1px #ccc;
      font : normal 12px/24px Tahoma, Helvetica, Arial, sans-serif;
    }
    
#news tbody tr.item td {
      background-color: #fff;

      font : normal 12px/24px Tahoma, Helvetica, Arial, sans-serif;
      color: #333;
    }



.pdf-file { background-image: url("img/pdf.gif") }
.bullet { background-image: url("img/bullet_go.png")  }
.news { background-image: url("img/newspaper_go.png")  }

/*	ICON
$Revision: 1.22 $
@author btapley
*/
/* http://www.macedition.com/cb/ie5macbugs/substringbug.html \*//*/ @media hide { /**/
.icon {
padding-left: 20px;
background-repeat: no-repeat;
background-position: left center;
background-position-y: top;
}
/*\*//*/pcie/**/*\5 .icon {
height: 1em;
}
a.icon,
span.icon,
li.icon { 
_zoom: 100%; 
}
a.icon:not([className~=icon]),
span.icon:not([className~=icon]) {
display: inline-block;
vertical-align: bottom;
}
li.icon,
p.icon {  
background-position: left top; }
button.icon-replace {	
-moz-outline: none;
padding: 0;
border-style: none;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
}

#printfooter { display:none}

#printlogo img  {display:none}

#lang ul {
list-style: none;
padding: 0;
margin: 0;}

#lang li
{
float: left;list-style: none;
margin: 0 0.15em;
margin-top:8px;
}

#lang li a
{
height: 2em;
line-height: 2em;
float: left;
width: 48px;
}

.lang {displayinline;  padding-right:16px; margin-top:4px}

#flash {margin-top:12px;}
object {margin-bottom:12px;}


form, fieldset {border:none;}

.henkilokunta td { border: 1px #ccc solid; vertical-align:top; }

.henkilokunta p{vertical-align:top;  }

.henkilokunta img {padding:8px;}