body {margin: 0; padding: 0; font-family: verdana, arial; color: #000000; background-image: url("images/blue_bg.gif"); background-repeat: repeat-x; background-color: #312E6E}
		
div.container {margin: 20px; width: auto; position: relative}
		
div.header {background-image: url("images/blue_header.gif"); background-repeat: no-repeat; background-color: #3D3989; border: 1px solid #000000; height: 100px}
		
h1.header {position: absolute; top: 20px; left: 20px; margin: 0; padding: 10px; color: #FFFFFF}

h4.slogan {margin-left: 50px; margin-top: 73px; color: #C8E6FF}
		
img.header {vertical-align: text-bottom}
		
div.nav {float: left; width: 210px; margin: 0px; padding-left: 0px}
		
div.content {margin: 0 0 0 211px; color: #000000; font-size: 12px}
		
h2.content {margin-top: 0}
		
#footer { clear: both; background-color: #3A3C8C; padding-right: 5px; text-align: center; border: 1px solid #000000; font-size: 10px; height: 38px; color: #ABADFF; }

a.menu_header
{
float: left;
width: 205px;
text-decoration: none;
color: #FFFFFF;
background-color: #1a1d9f;
border: 1px solid #000000;
font-size: 12px;
font-weight: bold;
padding-left: 5px;
padding-top: 2px;
}
a.menu_header:hover
{
background-color: #14177E;
}

a.menu_prod
{
float: left;
width: 200px;
text-decoration: none;
color: #FFFFFF;
background-image: url("images/blue_top_nav_bg_off.gif");
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
font-size: 11px;
padding-left: 10px;
padding-top: 2px;
}
a.menu_prod:hover
{
background-image: url("images/blue_top_nav_bg_on.gif");
}

/* ylänavigaatio alkaa */

a.linkki_info
{
float: left;
text-decoration: none;
color: #FFFFFF;
background-image: url("images/blue_top_nav_bg_off.gif");
border-right: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
font-size: 11px;
padding-left: 10px;
padding-right: 10px;
padding-top: 6px;
padding-bottom: 6px;
}
a.linkki_info:hover
{
background-image: url("images/blue_top_nav_bg_on.gif");
}

/* ylänavigaatio loppuu */

div.boxi 
{
position: relative;
float: left;
margin: 10px;
background-color: #4144B3;
width: 200px;
height: 240px;
padding: 6px;
border: 1px solid #000000;
font-family: verdana;
font-size: 11px;
cursor: hand;
color: #FFFFFF;
}

div.boxi_nimi
{
border: 1px solid #000000;
background-color: #14177E;
padding: 2px;
color: #FFFFFF;
width: 194px;
}

img.boxi
{
display: block;
margin-left: auto;
margin-right: auto;
border: 0px;
vertical-align: middle;
}

div.container_img
{
margin-top: 10px;
overflow: hidden;
width: 198px;
height: 110px;
border: 1px solid #000000;
background-color: #FFFFFF;
}

div.hinta
{
position: absolute; bottom: 5px; right: 5px;
margin: 3px;
padding: 3px;
border: 1px solid #000000;
background-color: #14177E;
width: 85px;
color: #FFFFFF;
}

a.lisatiedot
{
color: #FFFFFF;
text-decoration: none;
}

div.hakukentta
{
float: left;
font-size: 11px;
width: 210px;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
margin-top: 0px;
}

input.hakukentta_form
{
border: 1px solid #000000;
font-size: 11px;
margin-top: 5px;
margin-left: 5px;
margin-bottom: -15px;
background-color: #5abaf1;
}

html > body input.hakukentta_form
{
margin-bottom: 5px;
}

select.jumpstation
{
background-color: #5abaf1;
font-size: 11px;
border: 1px solid #000000;
}

html > body select.jumpstation
{
margin-top: 10px;
}

div.smskauppa_linkki
{
float: left;
font-size: 12px;
font-weight: bold;
width: 161px;
padding-left: 50px;
padding-top: 4px;
padding-bottom: 4px;
height: 17px;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
margin: 0px;
color: #FFFFFF;
cursor: hand;
text-decoration: none;
background-image: url("images/blue_top_nav_bg_off.gif");
}

div.smskauppa_linkki:hover
{
background-image: url("images/blue_top_nav_bg_on.gif");
}

input.hakukentta
{
border: 1px solid #000000;
font-size: 11px;
margin: 0px;
}

div.frontpage
{
padding: 20px;
position: relative;
width: auto;
}

h2.page_heading
{
margin-left: 10px;
color: #FFFFFF;
}

div.page_heading
{
background-color: #14177E;
border: 1px solid #000000;
position: relative;
}

div.page_content
{
background-color: #4144B3;
border: 1px solid #000000;
padding: 10px;
color: #FFFFFF;
}

div.klear
{
clear: both;
}

img.etusivun_kuva
{
float: right;
position:relative;
}

div.tuotekuva_tb
{
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
background-color: #454199;
width: 200px;
padding: 10px; 10px; 5px; 10px;
text-align: center;
position: relative; top: 1px; left: 1px;
margin-right: 20px;
margin-bottom: 10px;
float: left;
}

div.tuoteseloste_teksti { padding: 10px; }

html > body div.tuoteseloste_teksti { min-height: 310px; }

* html div.tuoteseloste_teksti { height: 310px; }

img.tb
{
border: 1px solid #000000;
}

a.suuri_tuotekuva
{
color: #FFFFFF;
text-decoration: underline;
font-size: 11px;
}
a.suuri_tuotekuva:hover
{
color: #FFFFFF;
text-decoration: none;
font-size: 11px;
}

div.tuoteseloste
{
background-color: #312E6E;
border: 1px solid #000000;
color: #FFFFFF;
}

div.tilaus
{
position: relative;
background-color: #312E6E;
border: 1px solid #000000;
padding: 10px;
margin-top: 10px;
}

div.tilaus_hinta
{
border: 1px solid #000000;
background-color: #312E6E;
margin-top: 5px;
padding: 5px;
color: #FFFFFF;
}

div.prop 
{
height:250px;
float:right;
width:1px;
}

div.tilaus_optio
{
border: 1px solid #000000;
background-color: #454199;
margin-bottom: 10px;
padding: 5px;
}

input.tilaus_lomake_text
{
margin-bottom: 5px;
}

div.tilaus_lomake_tieto
{
padding: 3px;
width: 150px;
border: 1px solid #808080;
background-color: #F5F5F5;
font-weight: bold;
color: #808080;
margin-bottom: 5px;
margin-top: 5px;
}

div.tilaus_lomake_tieto_otsikko
{
padding: 3px;
border: 1px solid #000000;
background-color: #312E6E;
font-weight: bold;
color: #FFFFFF;
margin-bottom: 5px;
margin-top: 5px;
}

div.error { color: #FF0000; font-weight: bold; }

img.order_phone { margin-top: 5px; float: left; }

ul { margin: 10px; }

a.normi_linkki { color: #FFFFFF; text-decoration: underline; }
a.normi_linkki:hover { background-color: #FFFFFF; color: #3A3C8C; }