html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a img { border: none; }

body {
	margin: 0;
	padding: 0 0 50px 0;
	text-align: center;
	color: #000000;
	font-family: "Lucida Sans Unicode", Tahoma, Verdana, Arial, serif;
	font-size: 62.5%;
	line-height: 1.8em;
	background: url(../images/bg.jpg) repeat-x 50% 0 #9fc42a;
}

.clear
	{
	height: 10px;
	clear: both !important;
	}

.hide
	{
	display: none;
	}

.color_2
	{
	color: #ebb600 !important;
	}

:focus {
	outline: 0;
}

a
	{
	color: #0073cc;
	text-decoration: underline;
	}

a:hover
	{
	text-decoration: none;
	}

#container
	{
	width: 980px;
	margin: 0 auto 0 auto;
	text-align: left;
	background: url(../images/container_bg.gif) repeat-y 50% 0 #ffffff;
	font-size: 1.1em;
	}
	
#header
	{
	clear: both;
	margin: 0 65px 0 65px;
	background: url(../images/header_bg.gif) repeat-x;
	}
	
#logo
	{
	margin-top: 35px;
	display: block;
	width: 248px;
	height: 38px;
	float: left;
	background: url(../images/logo.gif) no-repeat;
	}

#logo a
	{
	text-indent: -2000em;
	display: block;
	width: 248px;
	height: 38px;
	float: left;
	}

#slogan
	{
	margin-top: 35px;
	display: block;
	float: right;
	font-size: 1.5em;
	line-height: 36px;
	height: 36px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Tahoma, Verdana, Arial, serif;
	}

#slogan a
	{
	color: #000000;
	text-decoration: none;
	}
	
	#slogan a:hover
	{
	color: #000000;
	text-decoration: underline;
	}


#lang
	{
	clear: both;
	}

#nav
	{
	display: block;
	clear: both;
	height: 29px;
	background: url(../images/nav_bg.jpg) repeat-x 0 0 #3d3a38;
	}

#nav li
	{
	float: left;
	list-style-type: none;
	display: block;
	height: 29px;
	}
	
#nav li a
	{
	float: left;
	display: block;
	line-height: 29px;
	color: #ffffff;
	text-decoration: none;
	font-size: 1.2em;
	background: url(../images/nav_right_bg.jpg) no-repeat 100% 0;
	padding: 0 27px 0 25px;
	}
	
#nav li a.act, #nav li a:hover
	{
	background: url(../images/nav_right_bg_act.jpg) no-repeat 100% 0 #f6c406;
	color: #000000;
	}

#nav .alanavi
	{
	border-top: 3px solid #201f1f;
	display: block;
	margin-bottom: 25px;
	width: 215px;
	position: absolute;
	left: 50%;
	top: 201px;
	margin-left: 210px;
	}

#nav .alanavi li
	{
	display: block;
	list-style-type: none;
	height: 30px;
	width: 215px;
	background: #f7f7f7;
	}
	
#nav .alanavi a
	{
	padding: 0;
	text-indent: 15px;
	line-height: 28px;
	height: 28px;
	width: 215px;
	background: url(../images/li_arrow.gif) no-repeat 5px 50%;
	display: block;
	text-decoration: none;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #c0c0c0;
	font-size: 1.2em;
	color: #000000;
	}

#nav .alanavi a:hover
	{
	border-top: 1px solid #ebebeb;
	background: url(../images/li_arrow.gif) no-repeat 5px 50% #ebebeb;
	}
	
#nav .alanavi a.act
	{
	background: #8aa418;
	color: #ffffff;
	border-bottom: 1px solid #8aa418;
	border-top: 2px solid #8aa418;
	margin-top: -1px;
	}
	
#nav .alanavi2 a
	{
	color: #7ea000 !important;
	}

#nav .alanavi2_first
	{
	margin-top: 25px;
	border-top: 3px solid #201f1f;
	}

#nav .alanavi2 a.act
	{
	color: #ffffff !important;
	}

#lang
	{
	float: right;
	height: 29px;
	display: block;
	position: relative;
	top: 29px;
	left: 0;
	}
	
#lang li
	{
	list-style-type: none;
	display: block;
	height: 29px;
	}
	
#lang li a
	{
	display: block;
	line-height: 28px;
	color: #ffffff;
	text-decoration: none;
	background: url(../images/lippu_se.gif) no-repeat 0 50%;
	padding: 0 10px 0 28px;
	}
	
#lang li a:hover
	{
	color: #f6c406;
	}

#main
	{
	padding: 25px 65px 0 65px;
	}

#main h2
	{
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Tahoma, Verdana, Arial, serif;
	font-size: 2.1em;
	margin: 0 0 0.8em 0;
	color: #ebb600;
	font-weight: normal;
	line-height: 110%;
	}

#main h3
	{
	font-size: 1.4em;
	margin: 0 0 0.8em 0;
	color: #7ea000;
	font-weight: normal;
	clear: left;
	}

#main h4
	{
	font-size: 1.2em;
	color: #000000;
	font-weight: normal;
	line-height: 120%;
	margin: 0 0 0.4em 0;
	}

#main p
	{
	font-size: 110%;
	margin: 0 0 1.5em 0;
	}

small
	{
	font-size: 90%;
	}

p small
	{
	line-height: 140%;
	}

#main ul
 	{
	margin: 0 0 1.5em 0; 
 	}

#main ul li
	{
	list-style-type: none;
	}

ul.listaus
	{
	display: block;
	border-top: 1px solid #000000;
	}

ul.listaus li
	{
	display: block;
	background: url(../images/dot_line.gif) repeat-x 0 100%;
	color: #555555;
	padding: 3px 0 3px 5px;
	}

ul.listaus li a
	{
	text-decoration: none;
	text-indent: 10px;
	display: block;
	background: url(../images/li_arrow.gif) no-repeat 0 50%;
	width: 100%;
	}

ul.listaus li a:hover
	{
	text-decoration: underline;
	}

ul.listaus2
	{
	display: block;
	border-top: 1px solid #000000;
	}

ul.listaus2 li
	{
	display: block;
	color: #555555;
	padding: 3px 0 3px 5px;
	}

ul.listaus2 li a
	{
	text-decoration: none;
	text-indent: 10px;
	display: block;
	background: url(../images/li_arrow.gif) no-repeat 0 50%;
	width: 100%;
	}

ul.listaus2 li a:hover
	{
	text-decoration: underline;
	}

.main_index
	{
	background: url(../images/kuvitus_index.jpg) no-repeat 392px 25px;
	min-height: 215px;
 	height: auto !important;
	height: 215px;
	padding-right: 590px !important;
	}
	
.main_tuotteet
	{
	min-height: 370px;
 	height: auto !important;
	height: 370px;
	width: 606px;
	}

.hinta_nosto
	{
	display: block;
	height: 130px;
	width: 130px;
	margin-top: -110px;
	position: relative;
	top: 0;
	left: 330px;
	text-indent: -2000em;
	}

#tuote_nostot
	{
	background: url(../images/nostot_bg.jpg) repeat-x;
	margin: 20px 35px 0 35px;
	}

.tuote_nostot_tuotesivu
	{
	margin: 0 !important;
	width: 606px;
	font-size: 95%;
	}

.tuote_nostot_tuotesivu_puolikas
	{
	width: 303px;
	}

.tuote_nostot_tuotesivu .clear
	{
	clear: left !important;
	}

#tuote_nostot .nosto
	{
	float: left;
	width: 303px;
	padding: 0 0 0 0;
	background-repeat: no-repeat;
	background-position: 230px 85%;
	min-height: 140px;
 	height: auto !important;
	height: 140px;
	}

#tuote_nostot .nosto h3
	{
	text-indent: -2000em;
	display: block;
	padding: 20px 0 0 30px;
	background-repeat: no-repeat;
	background-position: 30px 100%;
	margin-bottom: 5px;
	}

#tuote_nostot .nosto h3 a
	{
	display: block;
	height: 30px;
	width: 245px;
	}

#tuote_nostot .nosto p
	{
	display: block;
	padding: 0 78px 0 30px;
	line-height: 1.5em;
	margin-bottom: 0px !important;
	color: #4d4d4d;
	}
	
#tuote_nostot .nosto p a
	{
	white-space: nowrap;
	}

.logo_otsikko
	{
	text-indent: -2000em;
	height: 28px;
	display: block;
	margin: 0 0 15px 0 !important;
	background-repeat: no-repeat;
	background-position: 0 100%;
	}

.logo_otsikko_helpostilasku { background-image: url(../images/logo_helpostilasku.gif); }
.logo_otsikko_helpostilasku_plus { background-image: url(../images/logo_helpostilasku_plus.gif); }
.logo_otsikko_helpostilasku_net { background-image: url(../images/logo_helpostilasku_net.gif); }
.logo_otsikko_helpostilasku_pro { background-image: url(../images/logo_helpostilasku_pro.gif); }
.logo_otsikko_helpostiean { background-image: url(../images/logo_helpostiean.gif); }
.logo_otsikko_eanviivakoodipalvelu { background-image: url(../images/logo_eanviivakoodipalvelu.gif); }
.logo_otsikko_helpostiostot { background-image: url(../images/logo_helpostiostot.gif); }
.logo_otsikko_helpostitunnit { background-image: url(../images/logo_helpostitunnit.gif); }
	
#tuote_nostot .nosto_helpostilasku { background-image: url(../images/nosto_kuvitus_helpostilasku.png); }
#tuote_nostot .nosto_helpostilasku_plus { background-image: url(../images/nosto_kuvitus_helpostilasku_plus.png); }
#tuote_nostot .nosto_helpostilasku_net { background-image: url(../images/nosto_kuvitus_helpostilasku_net.jpg); }
#tuote_nostot .nosto_helpostilasku_pro { background-image: url(../images/nosto_kuvitus_helpostilasku_pro.png); }
#tuote_nostot .nosto_helpostiean { background-image: url(../images/nosto_kuvitus_helpostiean.eps); }
#tuote_nostot .nosto_eanviivakoodipalvelu { background-image: url(../images/nosto_kuvitus_eanviivakoodipalvelu.eps); }
#tuote_nostot .nosto_helpostiostot { background-image: url(../images/nosto_kuvitus_helpostiostot.jpg); }
#tuote_nostot .nosto_helpostitunnit { background-image: url(../images/nosto_kuvitus_helpostitunnit.jpg); }

.logo_otsikko_helpostilasku_mini { background-image: url(../images/logo_helpostilasku_mini.gif); }
.logo_otsikko_helpostilasku_plus_mini { background-image: url(../images/logo_helpostilasku_plus_mini.gif); }
.logo_otsikko_helpostilasku_net_mini { background-image: url(../images/logo_helpostilasku_net_mini.gif); }
.logo_otsikko_helpostilasku_pro_mini { background-image: url(../images/logo_helpostilasku_pro_mini.gif); }

#tuote_nostot_mini
	{
	background: url(../images/dot_line.gif) repeat-x;
	margin: 0 35px 0 35px;
	padding-top: 20px;
	}

#tuote_nostot_mini .nosto
	{
	width: 204px;
	float: left;
	background: url(../images/box_bottom_bg.gif) no-repeat 50% 100%;
	margin-right: 12px;
	position: relative;
	top: 0;
	left: 30px;
	height: 71px;
	}

#tuote_nostot_mini .nosto_helpostiean, #tuote_nostot_mini .nosto_eanviivakoodipalvelu
	{
	background: url(../images/nosto_viivakoodi.jpg) no-repeat;
	}

#tuote_nostot_mini .nosto_bg
	{
	background: url(../images/box_top_bg.gif) no-repeat 50% 0;
	padding: 10px 15px 10px 15px;
	}

#tuote_nostot_mini .nosto_helpostiean .nosto_bg, #tuote_nostot_mini .nosto_eanviivakoodipalvelu .nosto_bg
	{
	background: transparent;
	}

#tuote_nostot_mini .nosto_last
	{
	margin-right: 0;
	}

#tuote_nostot_mini .nosto h3
	{
	text-indent: -2000em;
	display: block;
	height: 18px;
	background-repeat: no-repeat;
	background-position;
	margin-bottom: 2px;
	}

#tuote_nostot_mini .nosto h3 a
	{
	display: block;
	height: 20px;
	width: 175px;
	}

#tuote_nostot_mini .nosto p
	{
	line-height: 1.5em;
	color: #4d4d4d;
	line-height: 1.4em;
	display: block;
	}

#tuote_nostot_mini .nosto_helpostilasku_pro h3 { background-image: url(../images/logo_helpostilasku_pro_mini.gif); }
#tuote_nostot_mini .nosto_helpostiostot h3 { background-image: url(../images/logo_helpostiostot_mini.gif); }
#tuote_nostot_mini .nosto_helpostitunnit h3 { background-image: url(../images/logo_helpostitunnit_mini.gif); }
#tuote_nostot_mini .nosto_helpostiean h3 { background-image: url(../images/logo_helpostiean_mini.gif); }
#tuote_nostot_mini .nosto_eanviivakoodipalvelu h3 { background-image: url(../images/logo_eanviivakoodipalvelu_mini.gif); }

#footer
	{
	background: url(../images/footer_bg.jpg) no-repeat 50% 0;
	height: 51px;
	text-align: center;
	line-height: 20px;
	}

#footer h2
	{
	position: relative;
	top: 21px;
	left: 0;
	display: inline;
	padding: 0 8px 0 8px;
	color: #749300;
	}
	
#footer ul
	{
	position: relative;
	top: 21px;
	left: 0;
	display: inline;
	}
	
#footer ul li
	{
	display: inline;
	list-style-type: none;
	padding: 0 8px 0 8px;
	color: #4b562a;
	}
	
#footer ul li a
	{
	color: #4b562a;
	text-decoration: none;
	}

#footer ul li a:hover
	{
	text-decoration: underline;
	}
	
.fiiliskuva
	{
	display: block;
	width: auto;
	margin: 0 auto 20px auto;
	}

.column
	{
	float: left;
	width: 285px;
	margin-right: 30px;
	}
	
.column_2
	{
	margin-right: 0;
	}

.column_big
	{
	width: 605px;
	}

.column_right
	{
	width: 215px;
	float: right;
	margin-right: 0;
	}

.column_full
	{
	width: 100%;
	clear: left;
	}

.column p, .column h2, .column h3, .column h4, column ul
	{
	clear: left;
	}

h3.hinta
	{
	font-size: 125%;
	border-bottom: 5px solid #c0c0c0;
	color: #daa900 !important;
	margin-bottom: 25px !important
	}

h3.hinta div
	{
	padding: 10px 0 10px 0;
	border-top: 5px solid #c0c0c0;
	}

h3.hinta small
	{
	display: block;
	font-size: 70%;
	padding-top: 2px;
	color: #555555;
	}

table.hinta
	{
	font-size: 135%;
	border-bottom: 5px solid #c0c0c0;
	border-top: 5px solid #c0c0c0;
	color: #daa900 !important;
	}

table.hinta td
	{
	padding-bottom: 8px;
	text-align: right;
	}

table.hinta .first_tr td
	{
	padding-top: 8px;
	}

table.hinta td.tuote
	{
	color: #555555;
	font-size: 85%;
	text-align: left;
	}

p.lataa
	{
	display: block;
	height: 39px;
	background: url(../images/a_lataa_right.jpg) no-repeat 100% 50%;
	float: left;
	position: relative;
	left: -2px;
	margin-bottom: 10px !important;
	white-space: nowrap;
	width: 100%;
	}
	
p.lataa a
	{
	height: 39px;
	line-height: 39px;
	text-decoration: none;
	display: block;
	float: left;
	text-indent: 45px;
	width: 100%;
	background: url(../images/a_lataa_left.gif) no-repeat 0 0;
	color: #000000;
	font-size: 95%;
	}
	
p.lataa a:hover
	{
	text-decoration: underline;
	}

p.lataa_2
	{
	background: url(../images/a_lataa_right_2.jpg) no-repeat 100% 50%;
	}
	
p.lataa_2 a
	{
	background: url(../images/a_lataa_left_2.gif) no-repeat 0 0;
	}

p.lataa_3
	{
	display: block;
	height: 39px;
	background: url(../images/a_lataa_right_2.jpg) no-repeat 100% 50%;
	float: left;
	position: relative;
	left: -2px;
	margin-bottom: 10px !important;
	white-space: nowrap;
	width: 50%;
	}
	
p.lataa_3 a
	{
	height: 39px;
	line-height: 39px;
	text-decoration: none;
	display: block;
	float: left;
	text-indent: 45px;
	width: 50%;
	background: url(../images/a_lataa_left_2.gif) no-repeat 0 0;
	color: #000000;
	font-size: 95%;
	}
	
p.lataa_3 a:hover
	{
	text-decoration: underline;
	}

.form_perus
	{
	background: #f1f6df;
	padding: 20px 25px 10px 25px;
	margin-bottom: 15px;
	}

.form_perus .input_text
	{
	border: 1px solid #888888;
	padding: 2px 2px 2px 2px;
	width: 125px;
	float: left;
	}

.form_perus textarea
	{
	float: left;
	border: 1px solid #888888;
	padding: 2px 2px 2px 2px;
	width: 355px;
	font-family: "Lucida Sans Unicode", Tahoma, Verdana, Arial, serif;
	font-size: 100%;
	}

.form_perus .input_text_mini
	{
	width: 75px;
	}

.form_perus .input_text_long
	{
	width: 175px;
	}

.FormItem
	{
	clear: both;
	padding-top: 10px;
	}

.FormItem_separate
	{
	border-top: 1px solid #ccd89d;	
	}

.FormItem label
	{
	float: left;
	display: block;
	width: 170px;
	font-weight: bold;
	font-size: 1.1em;
	}

.FormItem div label
	{
	width: auto;
	font-size: 100%;
	font-weight: normal;
	background: transparent;
	padding-top: 0;
	}
	
.FormItem label.label_tuote
	{
	color: #7ea000;
	}
	
.FormItem div input
	{
	float: left;
	}
	
.FormItem div .hinta
	{
	float: right;
	width: auto;
	height: 30px;
	}
	
.FormItem div.FormItem_content
	{
	clear: right;
	padding-left: 170px;
	}

.GroupItem
	{
	padding-top: 0;
	border-top: 5px solid #f1f6df;
	}

.GroupItem div
	{
	float: left;
	width: auto;
	clear: none !important;
	margin-right: 8px;
	padding-left: 0 !important;
	}

.GroupItem label
	{
	padding-top: 18px;
	}

.GroupItem div label
	{
	padding-top: 0 !important;
	color: #555555;
	line-height: 18px;
	}
	
.GroupItem div input
	{
	clear: left;
	}
	
.FormItem span.tarkennus
	{
	float: left;
	clear: left;
	padding-left: 170px;
	padding-top: 2px;
	width: 384px;
	}

.FormItem .readonly
	{
	background: #eeeeee;
	color: #555555;
	}

.FormSubmit
	{
	padding-top: 35px;
	}

.FormSubmit button { 
  border: 0; 
  cursor: pointer; 
  padding: 0 10px 0 0; 
  text-align: center;
  text-indent: -8px;
  background: url(../images/button1_right.gif) right no-repeat;
  width:auto; 
  overflow:visible;
  float: left;
  margin-right: 10px;
}

.FormSubmit button span {
  position: relative;
  display: block;
  white-space: nowrap;
  padding: 0 0 0 20px;
  height: 29px; 
  line-height: 29px;
  background: url(../images/button1_left.jpg) left no-repeat;
  font-size: 1.1em;
}

.FormSubmit button:hover span
	{
	color: #ffffff;
	}

.box
	{
	background: url(../images/box_bg.jpg) repeat-x #f1f6df;
	padding: 20px 25px 20px 25px;
	}

#main table
	{
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 0 2.5em 0;
	}
	
#main table th
	{
	font-weight: bold;
	}

#vertailu_helpostilasku td
	{
	width: 125px;
	}

.box_vertailu h3
	{
	margin: 1.0em 0 0.25em 0 !important;
	font-size: 1.25em !important;
	}

.box_vertailu td, .box_vertailu th
	{
	background: url(../images/box_tr_bg.gif) no-repeat 0 100% #bed771;
	padding: 5px 8px 5px 8px;
	}
	
.box_vertailu thead th
	{
	background: none;
	text-align: center;
	font-size: 140%;
	}

.box_vertailu tbody td
	{
	text-align: center;
	vertical-align: middle;
	}

.box_vertailu .kylla, .box_vertailu .ei
	{
	text-indent: -2000em;
	display: block;
	background: url(../images/icon_kylla.gif) no-repeat 50% 0;
	}
	
.box_vertailu .ei
	{
	background: url(../images/icon_ei.gif) no-repeat 50% 0;
	}
	
.tuki_otsikko
	{
	font-size: 1.3em !important;
	margin: 0 0 0.5em 0;
	}

.tuki_otsikko a
	{
	color: #000000;
	text-decoration: none;
	}

.tuki_otsikko a:hover
	{
	text-decoration: underline;
	}

.jalleenmyyjat ul
	{
	margin-bottom: 0.75em !important;
	}

.jalleenmyyjat li
	{
	font-size: 1.2em;
	float: left;
	clear: left;
	width: 100%;
	}
	
.jalleenmyyjat li li
	{
	font-size: 0.85em;
	text-indent: 15px;
	margin-bottom: 0.35em;
	}
	
.jalleenmyyjat li li span
	{
	display: block;
	color: #888888;
	}
	
h3.h3_jalleenmyyjat
	{
	color: #7ea000 !important;
	clear: both;
	margin-bottom: 3.0em !important;
	padding-top: 1.25em;
	position: relative;
	top: 1.5em;
	border-top: 5px solid #c0c0c0;
	font-size: 150% !important;
	}
	
.ilmoitus_box
	{
	font-size: 1.1em;
	background: url(../images/icon_ilmoitus.gif) no-repeat 1.0em 0.85em #ebbcb5;
	padding: 1.0em 1.5em 1.0em 3.25em;
	margin: 0 0 2.0em 0;
	}
	
.thumbs a
	{
	float: left;
	display: block;
	margin: 0 8px 8px 0;
	border: 1px solid #c0c0c0;
	padding: 6px;
	}
	
.small_txt
	{
	font-size: 100% !important;
	color: #888888;
	margin: 0 !important;
	}