*{margin:0;padding:0}
body{background:url(/pics/bgTop.png) repeat-x;font:normal 12px "Lucida Grande",Arial,Helvetica,sans-serif;color:#444;}
img{border:0}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
.clear{clear:both}
p{margin:0 0 10px 0;line-height:17px}
ul{margin:0 0 10px 20px}
strong{color:#222}
.hr{border-top:1px dotted #ccc;margin:18px 0 15px 0}
table.alignRight{float:right;}
table.alignRight td{padding:0 0 30px 30px}
table.alignLeft{float:right;}
table.alignLeft td{padding:0 30px 30px 0}

/* Links */
a:link{color:#036fd4}
a:visited{color:#036fd4}
a:hover{color:#007cf0}
a:active{color:#0056a7}

/* Tables */
table{margin:0 0 15px 0}
table thead th{font-weight:bold}
table thead td{font-weight:bold}
table td{padding:2px 15px 2px 0}

/* Titles */
h1,h2,h3{font-family:Arial,Helvetica,sans-serif;margin:0 0 10px 0}
h1,h1 a{font-size:26px;color:#036fd4;text-decoration:none}
h2,h2 a{font-size:20px;color:#036fd4;text-decoration:none;}
h3,h3 a{font-size:16px;color:#036fd4;text-decoration:none}
h4,h4 a{font-size:11px;color:#036fd4;text-decoration:none}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover{color:#007cf0}
	
/* Container */
#container{position:relative;min-height:100%;}

/* Wrapper */
.wrapper{clear:both;width:878px;margin:0 auto;position:relative;padding-left:24px}

/* Header */
#header{background:url(/pics/bgHeader.png) repeat-x;height:97px;margin-top:5px;}
#header .wrapper{padding-left:0;width:900px}
#header h1{margin:0 0 0 10px;padding:0}
#header h1 a{display:block;text-indent:-9999px;background:url(/pics/logo.png) no-repeat;width:265px;height:59px;position:absolute;margin:30px 0 0 0}

/* Navigation */
#navi{list-style:none;position:absolute;right:0;top:67px}
#navi li{display:block;float:left;font:normal 14px "Lucida Grande",Arial,Helvetica,sans-serif;height:30px;line-height:20px;background:url(/pics/naviSep.png) no-repeat left 6px}
#navi li.first{background:none}
#navi li.last a{padding-right:0}
#navi li.current a{background:url(/pics/naviIndicator.png) no-repeat center bottom}
#navi li:hover a{background:url(/pics/naviIndicator.png) no-repeat center bottom}
#navi a{padding:0 15px;display:block; height:30px;float:left;}
#navi a:link{color:#000;text-decoration:none}
#navi a:visited{color:#000;text-decoration:none}
#navi a:hover{color:#333;text-decoration:none}
#navi a:active{color:#666;text-decoration:none}

/* Top navigation */
#secNavi{list-style:none;background:url(/pics/bgSecNavi.png) repeat-x;height:21px;position:absolute;top:0;right:-7px}
#secNavi li{float:left;height:21px;padding:0 10px;line-height:15px}
#secNavi li.first{background:url(/pics/bgSecNaviLeft.png) no-repeat left top;padding-left:30px}
#secNavi li.last{background:url(/pics/bgSecNaviRight.png) no-repeat right top;padding-right:30px}
#secNavi a:link{color:#c3c3c3;text-decoration:none}
#secNavi a:visited{color:#c3c3c3;text-decoration:none}
#secNavi a:hover{color:#eee;text-decoration:none}
#secNavi a:active{color:#ddd;text-decoration:none}

/* Secondary navigation */
#subNavi{list-style:none;margin:0;padding:0;}
#subNavi li{background:url(/pics/bulletSecNaviOff.png) no-repeat 1px 9px;margin:0;padding:5px 0 5px 12px;border-bottom:1px dotted #bfbfbf}
#subNavi li.first{padding-top:0;background-position:1px 5px}
#subNavi li.last{border-bottom:0}
#subNavi li.current{background-image:url(/pics/bulletSecNaviActive.png) !important}
#subNavi a{font-size:14px;}
#subNavi a:link{color:#444;text-decoration:none}
#subNavi a:visited{color:#444;text-decoration:none}
#subNavi a:hover{color:#000;text-decoration:none}
#subNavi a:active{color:#000;text-decoration:none}
#subNavi li.current a:link{color:#036fd4}
#subNavi li.current a:visited{color:#036fd4}
#subNavi li.current a:hover{color:#000}
#subNavi li.current a:active{color:#000}

#subNavi li.category{background:none !important;font-weight:bold;font-size:12px;padding:20px 0 3px 0;border-bottom:1px solid #bbb !important;color:#222}
#subNavi li.firstCategory{padding-top:0 !important}

/* Page */
#page{clear:both;padding:0 0 200px 0;margin:0}

/* Content */
#content{clear:both;background:url(/pics/bgContent.png) no-repeat top center;padding-top:30px;min-height:200px}

#contentHeader{background:url(/pics/bgContentHeader.jpg) no-repeat center top #036fd4;height:100px;border-bottom:1px solid #036fd4}
#contentHeader h1{color:#fff;font-size:30px;font-weight:normal;margin:0;line-height:44px;padding-top:28px;}
#contentHeader .text{position:absolute;left:0;top:30px;font-size:13px;color:#fff;width:450px}

#contentLargeHeader{background:url(/pics/bgContentHeader.jpg) no-repeat center top #036fd4;height:130px;position:relative;border-bottom:1px solid #036fd4}
#contentLargeHeader h1{color:#fff;font-size:34px;font-weight:normal;margin:0;line-height:50px;padding-top:28px;}
#contentLargeHeader .description{color:#cbfc49;font-size:12px;margin:0;line-height:8px;padding:0;text-transform:uppercase}
#contentLargeHeader .text{position:absolute;left:280px;top:25px;font-size:12px;color:#fff;width:370px;border-left:1px solid #3d91dd;padding:10px 0 10px 20px}
#contentLargeHeader .text p{margin:0}

/* Columns */
.withNavi .col1{float:left;width:160px;margin-right:50px}
.withNavi .col2{float:left;width:600px}

.cols2 .col1{float:left;width:225px;margin-right:50px}
.cols2 .col2{float:left;width:600px}

.cols3 .col1{float:left;width:250px;margin-right:50px}
.cols3 .col2{float:left;width:250px;margin-right:50px}
.cols3 .col3{float:left;width:250px}

/* Contact */
.pageYhteystiedot .col1{width:300px !important}
.pageYhteystiedot .col2{width:500px !important}

/* News */
#newsList .date{display:block;font-size:10px;font-weight:bold}
#newsList a{text-decoration:none}
#newsArticle .date{margin:0}

/* Products */
.pagePalvelut h2{margin:0 0 5px 0}
.products{margin:0 0 10px 0;padding-top:10px}
.pagePalvelut .products img{float:left;margin:0 10px 0 0}
.pagePalvelut .products h3,
.pagePalvelut .products h3 a{font-size:19px;margin:0 0 1px 0}
.pagePalvelut .products p{font-size:15px;margin-bottom:5px}
.pagePalvelut .products p strong{font-weight:normal}
.pagePalvelut .products ul{list-style:none;margin:12px 0 20px 0;padding:5px 0 0 0;border-top:1px dotted #bbb;}
.pagePalvelut .products li{background:url(/pics/bulletArrow.png) no-repeat left 2px;padding-left:16px;margin-bottom:2px;font-size:12px}

.productInfo table td{padding-bottom:10px}
.productInfo img{margin:2px 10px 0 0}

.productInfo .order{margin-top:10px;}
.productInfo .order a{display:block;width:175px;height:52px;background:url(/pics/buttonOrder.png) no-repeat;float:left;text-indent:-9999px}
.productInfo .order a:hover{opacity:0.9}
.productInfo .price{color:#333;font-size:14px;float:left;margin-left:10px}
.productInfo .price strong{color:#036fd4;font-size:26px;font-weight:normal;display:block;margin:5px 0 10px 0}
.productInfo .priceInfo{color:#666;font-size:11px;padding-top:5px}

/* Product specs */
#productSpecs h3{border-top:1px solid #ccc;padding-top:20px;margin-top:20px;font-size:20px}
#productSpecs h3 a{font-size:20px;background:url(/pics/titleArrow.png) no-repeat right center;padding-right:20px}
#productSpecs h3 a.active{background:url(/pics/titleArrowDown.png) no-repeat right center !important;}
#productSpecs table td{border-bottom:1px solid #ddd;padding:5px 15px 5px 0}
#productSpecs table tr:hover td{background-color:#ddd;}

/* Product chart */
#productChart h3{margin-top:20px;font-size:20px;border-top:1px solid #ccc;padding-top:15px}
#productChart h3 a{font-size:20px;background:url(/pics/titleArrow.png) no-repeat right center;padding-right:20px}
#productChart h3 a.active{background:url(/pics/titleArrowDown.png) no-repeat right center !important;}
#productChart table{width:600px}
#productChart table strong{color:#036fd4 !important;text-transform:uppercase;padding-top:10px;display:block}
#productChart table td:first-child{width:250px;text-align:left;border-bottom:1px solid #ddd;}
#productChart table td{text-align:center;padding:5px 10px 5px 0;border-bottom:1px solid #ddd;width:85px}
#productChart table tr:hover td{background-color:#ddd;}

/* Tail */
#tail{background:#282828;padding:10px 0;position:absolute;bottom:0;height:150px;width:100%}
#tail p{color:#bbb;font-size:11px}
#tail strong{color:#fff}
#tail a.logo{display:block;background:url(/pics/logoTail.png) no-repeat;width:135px;height:25px;text-indent:-9999px;float:left}
#tail .contact{float:left;margin:0 0 0 50px}
#tail .kulomaalehtinen{clear:both;padding-top:30px}
#tail .kulomaalehtinen a{margin:0 auto;display:block;background:url(/pics/kulomaalehtinen.png) no-repeat;width:230px;height:12px;text-indent:-9999px}

/* Forms */
.form{margin:0 0 20px 0;padding:10px 0 0 0}
.form h4{margin:0 0 10px 0}
.form p.row{clear:both;margin:0 0 5px 0 !important}
.form label{display:block;width:130px;float:left;padding-top:2px;font-weight:bold}
.form label span{color:#cc0000}
.form .value{margin-left:130px;display:block}
.form .globalFormError{color:#cc0000;font-weight:bold;}
.form .formError{color:#cc0000;font-weight:bold;padding:0 0 0 130px}
.form .fieldTiny{width:30px;}
.form .fieldSmall{width:50px;}
.form .fieldMedium{width:200px;}
.form .fieldLarge{width:300px;}
.form textarea.fieldLarge{width:350px;height:150px}
.form .fieldFull{width:100%;}
.form #rowLaheta{margin-top:15px !important}

/* Help */