.body12 {
background: url(img/tausta_2.jpg);
}
.jouco {
font-family: Arial, Helvetica, sans-serif;
margin: 1px;
color: #090E79;
text-align: left;
font-weight: 400px;
font-size: 12px;}

table.co {
font-family: Arial, Helvetica, sans-serif;
color: #090E79;
font-size: 12px;
margin:0px;
background-color:#f9f4e0;}



td.uco {
font-family: Arial, Helvetica, sans-serif;
color: #090E79;
font-size: 12px;
margin:0px;
border-top:0px;
border-right:0px;
border-left:0px;
border-bottom:1px;
border-style:dotted;
border-color:#f6eac4 #f6eac4 #131313 #f6eac4;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #0F3C80;
text-transform:uppercase;
margin: 0.2em 0.3em 0.2em 0.1em; /*top,right,bottom,left*/
}
.h3a {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color: #4040ff;
text-transform:uppercase;
margin: 0.2em 0.3em 0.2em 0.1em; /*top,right,bottom,left*/

}

h4 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #090E79;}

.h4a {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #090E79;
margin: 1px;
text-align: left;
}
 
p.piip {
margin: 0.2em 0.3em 0.1em 5em; 
}

.kiito {
font-family: 'Lucida Handwriting', Arial;
color: #000080;}

.uuti {
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
text-decoration: underline;}

.tk {
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 12px;
font-style: normal;
font-weight: bold;
color: #9AC1E4;
text-decoration: underline;}

.etus {
border-width:1px;
border-style:dotted;
border-color:#FFFFFF #FFFFFF #FFFFFF #000080;}

/*valkoisella tekstillä osoitetiedot*/	
.ala {
font-size: 11px;
color: #C0C0C0;}

table.valisivu {
background-image: url("img/valitaus1.jpg");
border: 0;
padding-top: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #090E79; 
text-transform:uppercase;}


table.tilavuus {/*oikeanpuoleinen tilavuus taulukko*/
width: 100px;
padding-top: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #090E79; /*tumma sininen*/
background-color:#f6eac4;}

table.valikko /*ns kortin tiedot tuotteet ryhmässä*/
{
width: 450px;
border: 0;
padding-top: 0px;
background-color:#fcdd9e;
/*background-image: url(img/back_669.jpg);*/
border-width:2px;
border-style:solid;
border-color:#f9b914 #f9b914 #f9b914 #f9b914;}

table.valikko2 /*ns kortin tiedot tuotteet ryhmässä*/
{
width: 550px;
border: 0;
padding-top: 0px;
background-color:#fcdd9e;
/*background-image: url(img/back_669.jpg);*/
border-width:2px;
border-style:solid;
border-color:#f9b914 #f9b914 #f9b914 #f9b914;}



/*päälinkit ja ala linkkisanat*/
.tk {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #090E79; /*tumma sininen*/}

a.tk:link {
color: #090E79;
text-decoration: none;}

a.tk:hover {
color: #79091E; /*tumma punainen*/
text-decoration: underline;}

a.tk:visited {
color: #090E79; /* sininen*/
text-decoration: none;}

a.tk:active {
color: #090E79;
text-decoration: none;}

.tk2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #090E79; /*tumma sininen*/}

a.tk2:link {
color: #090E79;
text-decoration: underline;}

a.tk2:hover {
color: #79091E; /*tumma punainen*/
text-decoration: underline;}

a.tk2:visited {
color: #090E79; /* sininen*/
text-decoration: underline;}

a.tk2:active {
color: #090E79;
text-decoration: underline;}

div.scrolli {
height: 430px;
width: 600px;
overflow: auto;}

/* alasvetovalikot - pudotusvalikot */

#menu {
background-color:#FFFFFF; /*Menuun taustaväri*/
}

#menu a {

font:bold 11px Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
display:block;
border-width:0px;
border-style:solid;
border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF;/*lähes musta reuna ylä,oikea,ala,vasen*/
white-space:nowrap;
margin:0;
padding:0px 0px 1px 3px;
color:#FFFFFF; /*MTVMTV Käymätön Menu linkki*/
text-transform:uppercase;
}


li.menuitem {
background-color: #FFFFFF;	/*PudotusTaustan Väri-valkoinen*/
}


#menu a {
height:25px; /*MTVMTV menu height*/
color:#0F3C80;
background-color:#C7E8FF;  /*MTVMTV Menu overall background color*/
text-decoration:none;
line-height:25px;
}
#menu a.test {
color:#FFFFFF;
height:25px; /*MTVMTV menu height*/
background-color:#000000;  /*MTVMTV Menu overall background color*/
text-decoration:none;
line-height:25px;
}



#menu a:active {
color:#0F3C80;
background:#C7E8FF;} /*vaalea sini*/
#menu a.test:active {
color:#FFFFFF;
background:#C7E8FF;} /*vaalea sini*/
#menu a:visited {
color:#0F3C80;
background:#C7E8FF;} /*vaalea sini*/
#menu a.test:visited {
color:#FFFFFF;
background:#000000;} /*vaalea sini*/
#menu a:hover { /*Alaliinkin ja ylälinkin fonttiväri ja tausta*/
color:#7EA2D7;       /* MTVMTV Menu Hover Font*/
background-color:#C7E8FF;} /* MTVMTV Menu Hover Background*/
#menu a.test:hover { /*Alaliinkin ja ylälinkin fonttiväri ja tausta*/
color:#7EA2D7;       /* MTVMTV Menu Hover Font*/
background-color:#C7E8FF;} /* MTVMTV Menu Hover Background*/

#menu ul {  /*taustan tyyli*/
list-style:none;
margin:0px;
padding:0px;
border-style: solid;
border-width: 0px 0px 0px 3px;
border-color: #000000 #000000 #000000 #FFFFFF; /*vasen,ala,oikea,ylä*/
float:left;
/*height:80px;*/
width: 107px;
/*width:100px; /* MTVMTV Menu width*/
background-color:#FFFFFF;
}


/*oletan että vain alasvetovalikko alaspäin*/
#menu h2, #menu a {
	color: #0F3C80;
	background-color:#C7E8FF;/*MTVMTV Menu background*/
} 

#menu li {
	position:relative;
	}
#menu li li{
	position:relative;
		border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF; /*vasen,ala,oikea,ylä*/
}

#menu ul ul {
	text-align:left;
	/*määrittää alasvetovalikon taustanleveyden */
	padding:2px;
	width: 120px;
}

#menu ul ul ul {

	top:0;
	left:100%;
	padding:2px;
	width: 160px;
	border-width: 0px 0px 0px 0px;
}
#menu ul ul ul ul{

	top:0;
	left:100%;
	padding:2px;
	width: 120px;
	border-width: 0px 0px 0px 0px;
}


div#menu h2:hover{ /*h2 otsikon ylikäyvä väri ja tausta*/
background:#FFFFFF;}

div#menu li:hover{
cursor:pointer;
z-index:100;}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

#menu a:link.menuitem
{color:#131313;}

#menu a:visited.menuitem
{color:#131313;}

#menu a:hover.menuitem
{color:#131313;} /* Alavalikon Fonttiväri Hoverilla -määrittää fontin värin silloin kun hiiri on päällä ja tausta eri värinen*/

/*Tuotesivun tuotelinkit ilman valintaa ja valittuna v*/
.tuotelinkki1{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #090E79;
	font-size: 12px;
	text-decoration: none;
	margin-left: 2px;
}
.tuotelinkki1v{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:  #4040ff;
	font-size: 12px;
	text-decoration: none;
}
.tuotelinkki2{
	
	font-family: Arial, Helvetica, sans-serif;
	color: #090E79;
	font-size: 11px;
	text-decoration: none;
	text-transform:uppercase;
	
}
.tuotelinkki3{
	font-family: Arial, Helvetica, sans-serif;
	color: #090E79;
	font-size: 10px;
	text-decoration: none;
	font-weight: 600;
	
}
.tuotelinkki2v{
	
	font-family: Arial, Helvetica, sans-serif;
	color:  #4040ff;
	font-size: 11px;
	text-decoration: none;
	text-transform:uppercase;
}
.tuotelinkki3v{
	font-family: Arial, Helvetica, sans-serif;
	color:  #4040ff;
	font-size: 10px;
	text-decoration: none;
	font-weight: 600;
}
/*tuotesivun sublinkkipalkki */
table.tuotteet{
	margin: 0px;
	width: 150px;
	
	/*background-color:#fbfbd6;
	border: 1px solid black;*/
	
}
td.tuoterivit1{
	/*border: 1px dotted black;*/
	border: 1px solid white;
	
	background-color: #fcdd9e;
}
/*tuotesivun nuoli-linkit */
ul.ul{
margin: 0px;
padding-left: 30px;
list-style-image: url('img/nuoli_blu.jpg');
font-weight: 600;
}	
ul.ul2{
margin: 0px;
padding-left: 15px;
list-style-image: url('img/nuoli_blu.jpg');
font-weight: 600;
}
ul.ul3{
margin: 0px;
padding-left: 15px;
list-style-image: url('img/nuoli_blu.jpg');
font-weight: 600;
}
td.product_new{
	font-family: Arial, ;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.category1{
		background:#000000;
}
.info_head{
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
}

.info_topic{
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #FFFFFF;
}

.info_text{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;

color: #FFFFFF;
}