/* p { font: normal normal 12px arial,verdana,helvetica,serif; color: #334D65; } */

form, input, ul, li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

body
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #2C80BB;
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    min-width: 760px;
    text-align: center;
  }

div#body2
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/pics/bg.gif);
    background-repeat: repeat-x;
    background-color: #ffffff;
  }
    
    
/*HEADER ETUSIVU JA ALASIVU*/

div#header
  {
    width: 760px;
    height: 89px;
    margin-left: auto; 
    margin-right: auto; 
    position: relative; 
    text-align: left;
  }  

div#logo
  {
    left: 22px;
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }  

#logo h1 { 
	  background-image: url(/pics/logo-kiilto.gif); 
	  width: 112px; 
	  height: 89px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	} 
  
  


#logo h2 { 
	  background-image: url(/pics/logo-kiilto-as.gif); 
	  width: 112px; 
	  height: 76px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	}
    

#logo h1 span, #logo h2 span, #navivasen h1 span, #navioikea h1 span { display: none; }

/*+---------------+*/
/*| P��NAVIGOINTI |*/
/*+---------------+*/
div#navi{
    left: 160px;
    width: 700px;
    position: absolute;
  }


#mainMenuBegin {
	float:left;
	width:22px;
	height:25px;
	background:transparent url(/pics/mainMenuBegin.gif) no-repeat;
	}
#mainMenuEnd {
	float:left;
	width:24px;
	height:25px;
	background:transparent url(/pics/mainMenuEnd.gif) no-repeat;
}
ul#navigointi {
	float:left;
    list-style-type: none;
    width: auto;
    height:20px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
    left: 0px;
    background:#2374b8;
    
    }

ul#navigointi li { display:inline;padding:0.4em 0.5em;vertical-align:top;overflow:none;heigth:20px;background:transparent url(/pics/li-naviBorder.gif) right top no-repeat;}
ul#navigointi li.lastMenuItem { background:transparent url(/pics/li-naviBorder.gif) left top no-repeat;}
ul#navigointi li a { 
 	position:relative;
 	position:float;
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    text-decoration: none;
    line-height:20px;
    margin: 0;
    
   
    }
ul#navigointi li#naviSelected { 
    background:#004e96 url(/pics/li-naviBorder.gif) right top no-repeat;
  } 
  ul#navigointi li#naviSelected a { margin:0; } 
  ul#navigointi li.eKontakti { background:none;padding:0.4em 0.5em;vertical-align:top;overflow:none;heigth:20px;}
  ul#navigointi li.eKontakti a { background:transparent url(/pics/a-eKontakti.gif) 0 0 no-repeat;padding:2px 0 2px 20px;text-indendt:-12px; line-height:20px;}  

ul#navigointi a:hover {}
ul#navigointi img { }


div#navioikea
  {
    top: 0px;
    left: 572px;
    position: absolute;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }  
  
  

  
#navioikea h1
	{ 
	  background-image: url(/pics/navi-oikea.gif); 
	  width: 22px; 
	  height: 25px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	}
/**
	*
	* eKontakti -painikkeen aputeksti
	*
**/
	#helpText {
		position:absolute;
		width:100px;
		top:0px;
		left:500px;
	}
		#helpText div { 
		padding:0.5em;
		background:#eee;
		border:1px solid #ddd;
		font-size:10px;
		}

div#kielivalinta
  {
    top: 33px;  
    left: 179px;
    position: absolute;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
  }  

#kielivalinta a, #kielivalinta a:visited, #kielivalinta a:active, #kielivalinta a:hover
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
  }

div#haku
  { 
    width: 330px;
    left: 430px;
    top: 25px;
    position: absolute;
    font: normal normal 11px arial,verdana,helvetica,serif; 
	  color: #004E96;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

div#haut
  { 
    margin: 8px 2px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
  }
      
.haku
  {
    background-color: #ffffff; 
    width: 84px;
    border: 1px solid #6DADD7;
    margin: 0px 0px 0px 10px;
    padding: 0px 0px 0px 0px;
  } 
  
  
/*CONTENT ETUSIVU*/

div#escontent
  {
    margin-left: auto; 
    margin-right: auto; 
    width: 760px; 
    text-align: left;
    position: relative;
    clear: both;
   } 
   
div#maataulukko
  {
    width: 167px;
    float: left;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }  
  
div#international
  {
    width: 167px;
    padding: 0px 0px 0px 0px;
    margin: 132px 0px 0px 0px;
  }  
  
#international h1 { 
 	background-image: url(/pics/kiilto_family.jpg); 
    background-repeat: no-repeat;
	width: 167px; 
	height: 73px;
    padding: 0px 0px 0px 0px;
    margin: -7px 0px 0px 0px;
	}
 
#international h1 span, 
#rakentaminen-en h1 span, 
#rakentaminen-fi h1 span, 
#teollisuus-en h1 span, 
#teollisuus-fi h1 span, 
#puhdistusjahoito-fi h1 span, 
#puhdistusjahoito-en h1 span, 
#esoikea h1 span, 
#linkit-fi h1 span, 
#linkit-en h1 span, 
#linkit-fi h2 span, 
#linkit-en h2 span, 
#linkit-fi h3 span, 
#linkit-en h3 span, 
#tiedotteet-en h1 span, 
#tiedotteet-fi h1 span, 
#ajankohtaista-en h1 span, 
#ajankohtaista-fi h1 span, 
#ajankohtaisuudetala h1 span, 
#ajankohtaisuudetvali h1 span { display: none; }   

div#maat
  {
    width: 167px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

#maat ul 
  {
    list-style-type: none;
    padding: 0px 33px 0px 0px;
    margin: 0px 0px 0px 0px;
	}
  
#maat ul li
	{
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
    width: 120px;
    padding-left: 15px;
	padding-right: 0px;
    text-align: right;
    xborder: solid 1px black;
  }
  
#maat ul li#sw { background: url(/pics/flag-sw.gif) 106px 4px no-repeat; }
	#maat ul li#ru { background: url(/pics/flag-ru.gif) 106px 4px no-repeat; }
	#maat ul li#po { background: url(/pics/flag-po.gif) 106px 4px no-repeat; }
	#maat ul li#es { background: url(/pics/flag-es.gif) 106px 4px no-repeat; }
	#maat ul li#la { background: url(/pics/flag-la.gif) 106px 4px no-repeat; }
	#maat ul li#li { background: url(/pics/flag-li.gif) 106px 4px no-repeat; }
	#maat ul li#uk { background: url(/pics/flag-uk.gif) 106px 4px no-repeat; }
	#maat ul li#by { background: url(/pics/flag-by.gif) 106px 4px no-repeat; }
	
	
  
#maat ul li a, #maat ul li a:visited, #maat ul li a:active, #maat ul li a:hover 	{ 
	background: url(/pics/ikoni-nuoli.gif) right no-repeat; 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #004E96; 
    padding-right: 35px;
    text-decoration: none;
  }
/*+---------------------------+*/
/*| ETUSIVUN FLASH ELEMENTTIT |*/
/*+---------------------------+*/
div#flash_elements {
	position:absolute;
	top:87px;
	left:170px;
	width:600px;
	z-index:1;
    }
#flash_rakentaminen {
 	position:absolute;
	top:0px;
	left:5px;
	width:198px;
	height:228px;
	padding:0px;
	margin:0px;
}

div#flash_teollisuus  {
	position:absolute;
	top:0px;
	left:196px;
	width:196px;
	height:228px;
   	margin:0px;
	padding:0px;
	
}

div#flash_puhdistus_ja_hoito {
	position:absolute;
	top:0px;
	left:392px;	
	height:228px;
	width:195px;
	margin:0px;
	padding:0px;
}

div#estaulukko {
    width: 589px;
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/pics/bg-es-keski.gif); 
	background-repeat: repeat-y;
  }
  
div#estaulukko a { cursor: pointer; }




/* toiminta-alueet */
div#rakentaminen-fi, div#rakentaminen-en { 
	width: 198px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/bg-rakentaminen.gif); 
	background-repeat: repeat-y;
  }
  
#rakentaminen-fi h1, #rakentaminen-en h1 { 
	background-image: url(/pics/es-rakentaminen.jpg); 
    background-repeat: no-repeat;
	width: 198px; 
	height: 221px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
 	}
	
#rakentaminen-en h1 { background-image: url(/pics/es-rakentaminen-en.jpg); }	
  
#rakentaminen-fi p, #rakentaminen-en p, #puhdistusjahoito-fi p, #puhdistusjahoito-en p
	{ 
    padding: 10px 15px 0px 15px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
	}

#rakentaminen-fi a, #rakentaminen-en a,
#teollisuus-fi a, #teollisuus-en a,
#puhdistusjahoito-fi a, #puhdistusjahoito-en a
 { cursor: pointer; }
	
  
div#teollisuus-fi, div#teollisuus-en
	{ 
	  width: 196px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/bg-teollisuus.gif); 
	  background-repeat: repeat-y;
	}
      
#teollisuus-fi h1, #teollisuus-en h1
	{ 
	  background-image: url(/pics/es-teollisuus.jpg); 
	  width: 196px; 
	  height: 221px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}  
	
#teollisuus-en h1 { background-image: url(/pics/es-teollisuus-en.jpg); }	
	
#teollisuus-fi p, #teollisuus-en p
	{ 
    padding: 10px 15px 0px 15px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #546600; 
	}

div#puhdistusjahoito-fi, div#puhdistusjahoito-en
	{ 
	  width: 195px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/bg-puhdistusjahoito.gif); 
	  background-repeat: repeat-y;
	}
    
#puhdistusjahoito-fi h1, #puhdistusjahoito-en h1
	{ 
	  background-image: url(/pics/es-puhdistusjahoito.jpg); 
	  width: 195px; 
	  height: 221px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

#puhdistusjahoito-en h1 { background-image: url(/pics/es-puhdistusjahoito-en.jpg); }
	  
div#linkit-fi, div#linkit-en
  {
    width: 589px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
  }
/* Suunnittelijan kansio - banner on frontpage */  
#designerFolderBanner {
	float:left;
	width: 191px;
	height: 52px;
	margin:0;
	margin-left: 4px;
	_margin-left: 2px;
	margin-right: 3px;
	_margin-right: 3px;
	padding:0;
	
}  
  
#linkit-fi h1, #linkit-en h1
	{ 
	  background-image: url(/pics/ikoni-suunnittelijan_kansio.gif); 
    background-repeat: no-repeat;
	  width: 198px; 
	  height: 52px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
	} 
  
#linkit-en h1 { background-image: url(/pics/ikoni-askartelu-en.gif); }  
  
#linkit-fi h2, #linkit-en h2
	{ 
	  background-image: url(/pics/ala-teollisuus.gif); 
    background-repeat: no-repeat;
	  width: 196px; 
	  height: 52px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
	} 
  
#linkit-fi h3, #linkit-en h3
	{ 
	  background-image: url(/pics/ala-puhdistus.gif); 
    background-repeat: no-repeat;
	  width: 195px; 
	  height: 52px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
	} 

#linkit-en h3 { background-image: url(/pics/ala-puhdistus-en.gif); }

div#esoikea
  {
    width: 4px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

#esoikea h1
  {
    background-image: url(/pics/clear.gif);
    width: 4px; 
	  height: 361px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }  
  
 div#tyhjavali
  {
    margin-left: auto; 
    margin-right: auto; 
    width: 760px; 
    height: 17px;
    text-align: left;
    position: relative;
    clear: both;
   }
  
div#esalataulukko
  {
    margin-left: auto; 
    margin-right: auto; 
    width: 760px; 
    text-align: left;
    position: relative;
    clear: both;
    margin-top: 0px;
    margin-bottom: 0px;
   }   

div#pikkulaatikot
  {
    width: 154px; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
   }   

div#tuoteneuvonta
  {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
  }  

div#tuoteneuvontaotsikko
  {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 10px;
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #ffffff; 
  }   
/* Kiilto Neuvoo - kuvake */
#tuoteneuvonta img#loader-pic { display:none; }
#tuoteneuvonta a#kiiltoneuvoo {
  position:absolute;
  width:136px;
  height:136px;
  background:transparent url(/pics/kiilto_neuvoo-nappi.gif) no-repeat;
  margin:0px;
  padding:0px;  
}
#tuoteneuvonta a#kiiltoneuvoo:hover { background:transparent url(/pics/kiiltoneuvoo_uusi_hover.gif) no-repeat;	}	
		  
  
  
a.tekninen, a.tekninen:visited, a.tekninen:active, a.tekninen:hover
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #C0A940; 
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute; 
    top: 75px;
    left: 13px;
  }  

a.kuluttaja, a.kuluttaja:visited, a.kuluttaja:active, a.kuluttaja:hover
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #37B0E3; 
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute; 
    top: 75px;
    left: 90px;
  }   

div#lampomittari
  {
    width: 154px;
    height: 87px;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/pics/bg-lampomittari.jpg); 
    background-repeat: no-repeat;
  }   
  
div#lampomittariyla
  {
    width: 154px;
    height: 6px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/pics/lampomittari-yla.gif); 
    background-repeat: no-repeat;
    position: absolute;
    top: 133px;
   }     
  
div#lampomittariotsikko
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 4px 10px;
    background-color: #2D78B7;
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #ffffff; 
  }  
 
div#selitteet
  {
    width: 154px;
    height: 54px;
	padding-top: 20px;
    background-repeat: no-repeat;
  }     
  
div#lampotila
	{ 
    padding: 15px 7px 0px 36px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #3C91C9;
	}   
  
#lampotila .otsikko, #ilmankosteus .otsikko
	{ 
    float: left;
	}   
  
#lampotila .arvo, #ilmankosteus .arvo
	{ 
    float: right;
	}  

div#ilmankosteus
	{ 
    padding: 0px 7px 0px 36px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #3C91C9;
	} 
  
div#lampomittariala
  {
    width: 154px;
    height: 10px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/pics/lampomittari-ala.gif); 
    background-repeat: no-repeat;
  }  

div#ajankohtaisuudet
  {
    width: 582px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-image: url(/pics/bg-ajankohtaisuudet.gif); 
    background-repeat: repeat-y;
    float: right;
  }      
  
div#tiedotteet-fi, div#tiedotteet-en
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 289px;
  }       
 
#tiedotteet-en h1, #tiedotteet-fi h1
  {
    background-image: url(/pics/otsikko-tiedotteet-fi.gif); 
    background-repeat: no-repeat;
    width: 289px; 
	  height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  } 
  
#tiedotteet-en h1 {
	background-image: url(/pics/otsikko-tiedotteet-en.gif);
	}  
  
div#kaikkitiedotteet
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: 4px;
    left: 390px;
    width: 66px;
  }  
  
#kaikkitiedotteet ul, #kaikkiajankohtaista ul 
  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}  
  
#kaikkitiedotteet ul li, #kaikkiajankohtaista ul li
	{
	  background-image: url(/pics/pallo-sininen.gif); 
	  background-repeat: no-repeat;
    background-position: 0px 5px;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
  }    
  
#kaikkitiedotteet ul li a, #kaikkitiedotteet ul li a:visited, #kaikkitiedotteet ul li a:active, #kaikkitiedotteet ul li a:hover, #kaikkiajankohtaista ul li a, #kaikkiajankohtaista ul li a:visited, #kaikkiajankohtaista ul li a:active, #kaikkiajankohtaista ul li a:hover
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }
  
#tiedotteet-en ul.liststyle-1, 
#tiedotteet-fi ul.liststyle-1, 
#tiedotteet-en ul.liststyle-2, 
#tiedotteet-fi ul.liststyle-2, 
#tiedotteet-en ul.liststyle-3, 
#tiedotteet-fi ul.liststyle-3 
  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}  
  
#tiedotteet-en ul.liststyle-1 li.liststyle-1, #tiedotteet-fi ul.liststyle-1 li.liststyle-1
	{
	  background-image: url(/pics/ikoni-kiilto.gif); 
	  background-repeat: no-repeat;
    background-position: 0px 15px;
    padding: 11px 0px 11px 0px;
    margin: 0px 15px 0px 15px;
  }    
    
#tiedotteet-en ul.liststyle-1 li.liststyle-1 a, 
#tiedotteet-fi ul.liststyle-1 li.liststyle-1 a, 
#tiedotteet-en ul.liststyle-2 li.liststyle-2 a, 
#tiedotteet-fi ul.liststyle-2 li.liststyle-2 a, 
#tiedotteet-en ul.liststyle-3 li.liststyle-3 a,
#tiedotteet-fi ul.liststyle-3 li.liststyle-3 a
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #006DB5; 
    text-decoration: underline;
    padding: 0px 0px 0px 40px;
    margin: 0px 0px 0px 0px;
    display: block;
  }     
    
#tiedotteet-en ul.liststyle-1 li.liststyle-1 p, 
#tiedotteet-fi ul.liststyle-1 li.liststyle-1 p, 
#tiedotteet-en ul.liststyle-2 li.liststyle-2 p, 
#tiedotteet-fi ul.liststyle-2 li.liststyle-2 p, 
#tiedotteet-en ul.liststyle-3 li.liststyle-3 p,
#tiedotteet-fi ul.liststyle-3 li.liststyle-3 p
	{
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
    padding: 0px 0px 0px 40px;
    margin: 0px 0px 0px 0px;
  }   

#tiedotteet-en p, #tiedotteet-fi p
  {
    margin: 5px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
  }  
      
#tiedotteet-en ul.liststyle-2 li.liststyle-2,
#tiedotteet-fi ul.liststyle-2 li.liststyle-2
	{
	  background-image: url(/pics/ikoni-rakentaminen.gif); 
	  background-repeat: no-repeat;
    background-position: 0px 15px;
    padding: 11px 0px 11px 0px;
    margin: 0px 15px 0px 15px;
  }    
    
#tiedotteet-en ul.liststyle-3 li.liststyle-3,
#tiedotteet-fi ul.liststyle-3 li.liststyle-3
	{
	  background-image: url(/pics/ikoni-teollisuus.gif); 
	  background-repeat: no-repeat;
    background-position: 0px 15px;
    padding: 11px 0px 11px 0px;
    margin: 0px 15px 0px 15px;
  }        

div#ajankohtaisuudetvali
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 2px;
  }       

#ajankohtaisuudetvali h1
  {
    background-image: url(/pics/ajankohtaisuudet-vali.gif); 
    background-repeat: no-repeat;
    width: 2px; 
	  height: 36px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }       

div#ajankohtaista-en, div#ajankohtaista-fi
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
    width: 291px;
  }       
    
#ajankohtaista-en h1, #ajankohtaista-fi h1
  {
    background-image: url(/pics/otsikko-ajankohtaista-fi.gif); 
    background-repeat: no-repeat;
    width: 291px; 
	  height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }     
  
#ajankohtaista-en h1 {
	background-image: url(/pics/otsikko-ajankohtaista-en.gif);
	}  

div#kaikkiajankohtaista
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: 4px;
    left: 680px;
    width: 66px;
  }

div#kuva
  {
    margin: 0px 0px 0px 0px;
    padding: 17px 17px 0px 17px;
    float: left;
  }  
  
#ajankohtaisuus h2
	{
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    padding: 17px 17px 8px 17px;
    margin: 0px 0px 0px 0px;
  }    
 
/** piiloitetaan etusivulta flash,quicktime ja muut object-tiedosto **/
#ajankohtaisuus object { position:absolute;width:1px;height:1px;display:none;overflow:none;} 
#ajankohtaisuus p
	{
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
    padding: 0px 17px 8px 17px;
    margin: 0px 0px 0px 0px;
  } 
  
#ajankohtaisuus a, #ajankohtaisuus a:visited, #ajankohtaisuus a:active, #ajankohtaisuus a:hover
  { 
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #33A3E1; 
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }     

div#ajankohtaisuudetala
  {
    width: 582px; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }   

#ajankohtaisuudetala h1
  {
    background-image: url(/pics/ajankohtaisuudet-ala.gif); 
    background-repeat: no-repeat;
    width: 582px; 
	  height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
  }  

/** 
	*******************************
	** eKontakti -nosto etusivulla 
	*******************************
**/
	#eContact-fi,#eContact-en {
		position:relative;
		width:263px;
		height:110px;
		margin:0 auto;
		top:0.5em;
	}
		#eContact-fi {background:transparent url(/pics/eKontakti.gif) no-repeat;}
		#eContact-en {background:transparent url(/pics/eKontakti-en.gif) no-repeat;}
		#eContact-fi p,#eContact-en p,
		#eContact-fi h1,#eContact-en h1, 
		#eContact-fi h2,#eContact-en h2, 
		#eContact-fi h3,#eContact-en h3, 
		#eContact-fi h4,#eContact-en h4, 
		#eContact-fi h5,#eContact-en h5, 
		#eContact-fi h6,#eContact-en h6, 
		#eContact-fi br,#eContact-en br { margin:0px;padding:0px;}
		#eContact-fi a,#eContact-en a { position:absolute;width:52px;75px;left:187px;top:19px;border:1px solid #3a9ecf;}
		#eContact-fi img,#eContact-en img { }
		#eContact-fi a:hover ,#eContact-en a:hover { border:1px solid #fff;}


/** 
	*******************************
	** kiilto90v -nosto etusivulla 
	*******************************
**/
	#kiilto90v-fi,#kiilto90v-en {
		position:relative;
		width:269px;
		height:110px;
		margin:0 auto;
		top:1.5em;
	}
		#kiilto90v-fi {background:transparent url(/pics/90v.gif) no-repeat;}
		#kiilto90v-en {background:transparent url(/pics/90v-en.gif) no-repeat;}
		#kiilto90v-fi p,#kiilto90v-en p,
		#kiilto90v-fi h1,#kiilto90v-en h1, 
		#kiilto90v-fi h2,#kiilto90v-en h2, 
		#kiilto90v-fi h3,#kiilto90v-en h3, 
		#kiilto90v-fi h4,#kiilto90v-en h4, 
		#kiilto90v-fi h5,#kiilto90v-en h5, 
		#kiilto90v-fi h6,#kiilto90v-en h6, 
		#kiilto90v-fi br,#kiilto90v-en br { margin:0px;padding:0px;}
		#kiilto90v-fi a,#kiilto90v-en a { position:absolute;width:52px;75px;left:187px;top:19px;border:1px solid #3a9ecf;}
		#kiilto90v-fi img,#kiilto90v-en img { }
		#kiilto90v-fi a:hover ,#kiilto90v-en a:hover { border:1px solid #fff;}

/*ALAOSA ETUSIVU*/  

div#esalaosataulukko
  {
    width: 100%;
    background-image: url(/pics/bg-alaosa-es.gif);
    background-repeat: repeat-x;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
    height: 28px;
  }  

div#esalaosa
  { 
    width: 760px;
    padding: 0px 0px 0px 0px;
    margin-left: auto; 
    margin-right: auto; 
    text-align: left;
    clear: both;
  }

  
/*CONTENT ALASIVU*/

div#content
  {
    margin-left: auto; 
    margin-right: auto; 
    width: 760px; 
    text-align: left;
    position: relative;
   } 
    
div#kaari
  {
    width: 760px;
    height: 36px;
  }    
   
#kaari h1 { 
	background-image: url(/pics/kaari.gif); 
	width: 760px; 
	height: 36px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	} 
  
#kaari h1 span, #sisaltovasen h1 span, #sisaltooikea h1 span	{ display: none; }

div#sisaltovasen
  {
    width: 5px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }  

#sisaltovasen h1
	{ 
	  background-image: url(/pics/clear.gif); 
	  width: 5px; 
	  height: 176px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	}  
  
div#navitaulukko
  {
    width: 746px;
    float: left;
    background-image: url(/pics/bg-sisalto.gif);
    background-repeat: repeat-y;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }  

/*+-----------------------+*/
/*| ALASIVUJEN NAVIGOINTI +*/
/*+-----------------------+*/
  
div#alanavi
  {
    width: 188px;
    background-image: url(/pics/bg-navi.gif);
    background-repeat: repeat-y;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    overflow: hidden;
  }   
   
#alanavi ul 
  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
	}

#alanavi ul li
	{
	  background-image: url(/pics/li-alanavi-oranssi.gif); 
	  background-repeat: no-repeat;
    position: relative;
    background-position: 0px 4px;
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 0px 19px;
  }
  
#alanavi ul li a
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
    padding: 0px 0px 0px 15px;
    display: block;
  }
  
#alanavi ul li a.valittu
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #C32405; 
    text-decoration:  none;
    padding: 0px 0px 0px 15px;
    display: block;
  } 

#alanavi ul ul 
  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}
  
#alanavi ul li li 
  { 
    background: none; 
    padding: 4px 0px 3px 0px;
    margin: 0px 0px 0px 15px;
  }  
  
#alanavi ul li li a
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }  
  
  
#alanavi ul li li li { margin: 0px; } 
#alanavi ul li li li a { 
	font: normal normal 11px arial,verdana,serif; 
	background: transparent url(/pics/li-li-a.gif) 0px 3px no-repeat;
	padding-left: 10px;
	}  
#alanavi ul li li li a.valittu { color: #C32405; padding-left: 10px;font: normal normal 11px arial,verdana,serif; }

  
#alanavi ul li li a.valittu
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
    color: #C32405;
    display: block;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }   
   
  
#alanavi ul li.alanaviviiva
	{
	  background: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 15px 0px;
  }
  
#alanavi ul.etusivu 
  {
    list-style-type: none;
    border-top: 1px solid #CFDEE9;
    border-bottom: 1px solid #CFDEE9;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}  
  
#alanavi ul.etusivu li.etusivulle
	{
	  background-image: url(/pics/li-alanavi-sininen.gif); 
	  background-repeat: no-repeat;
    position: relative;
    background-position: 0px 15px;
    padding: 11px 0px 11px 0px;
    margin: 0px 0px 0px 19px;
  }
 
#alanavi ul.ikoni 
  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 17px 0px 0px 0px;
	}  
  
#alanavi ul.ikoni li.kuva
	{
	  background-image: url(/pics/ikoni-puhdistusjahoito.gif); 
	  background-repeat: no-repeat;
    background-position: 0px 0px;
    padding: 9px 0px 20px 25px;
    margin: 0px 0px 0px 25px;
  } 

#alanavi ul.ikoni li.kuva a.linkkioranssi, #alanavi ul.ikoni li.kuva a.linkkioranssi:visited, #alanavi ul.ikoni li.kuva a.linkkioranssi:active, #alanavi ul.ikoni li.kuva a.linkkioranssi:hover
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #F78610; 
    text-decoration: underline;
  } 
#alanavi ul li#cleaning {
	background: transparent url(/pics/icon-puhdistusjahoito.gif) no-repeat;
	padding: 7px 10px 10px 25px;
	margin-top: 15px;
	} 
	
	#alanavi ul li#cleaning a { color: #FF8E0F; text-decoration: underline;}
 
 
/*+--------------------------------+*/
/*| KIILTO FAMILY LOGO ALASIVUILLA |*/
/*+--------------------------------+*/
div#kiilto_family_logo {
	position:relative;
	width:100%;
	margin:auto;
	padding:0em;
	height:150px;
	top:2em;
}
div#kiilto_family_logo h3 {
	width:103px;
	height:101px;
	margin:0em auto;
	padding:0em;
	background:transparent url(/pics/logo_kiilto_family-sp.gif) no-repeat;

} 
div#kiilto_family_logo h3 span { display:none;}
div#sisaltotaulukko
  {
    width: 558px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    overflow: hidden;
     padding-bottom: 25px;

  }  
   
div#ylapalkki
  {
    height: 55px;
    background-image: url(/pics/bg-ylapalkki.gif); 
	  background-repeat: no-repeat;
    position: relative;
  }   
  


#ylapalkki ul 
  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

#ylapalkki ul li
	{
	  background-image: url(/pics/ikoni-takaisin.gif); 
	  background-repeat: no-repeat;
    position: absolute;
    background-position: 0px 3px;
    left: 27px;
    top: 5px;
  }

#ylapalkki ul.tulosta 
  {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

#ylapalkki ul.tulosta li
	{
	  background-image: url(/pics/ikoni-tulosta.gif); 
	  background-repeat: no-repeat;
    position: absolute;
    background-position: 0px 2px;
    left: 470px;
    top: 5px;
  }  
  
#ylapalkki ul li a, #ylapalkki ul li a:visited, #ylapalkki ul li a:active, #ylapalkki ul li a:hover
  { 
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    text-decoration: none;
    padding: 0px 0px 0px 15px;
  }   
  
div#sisalto
  {
    background-color: #ffffff;
    border-left: 1px solid #C2D6E3;
    padding: 0px 21px 0px 30px;
    margin: 0px 0px 0px 0px;
  }  

.border
  {
    background-color: #ffffff;
    border: 1px solid #CFDEE9;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }  
 
.margin
  {
    padding: 5px 0px 5px 10px;
    margin: 0px 0px 0px 0px;
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
  }   

.marginkaksi
  {
    padding: 5px 16px 5px 10px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
  }

.marginkolme
  {
    padding: 10px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #334D65;
  }
  
.marginnelja
  {
    padding: 10px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
    border-top: 1px solid #CFDEE9;
  } 

.marginviisi
  {
    padding: 10px 0px 5px 15px;
    margin: 0px 0px 0px 0px;
    font: normal bold 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
    border-left: 1px solid #CFDEE9;
    background-color: #F7F9FB;
  } 
  
.marginkuusi
  {
    padding: 15px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-right: 1px solid #CFDEE9;
    background-color: #F7F9FB;
  }  
  
.marginseitseman
  {
    padding: 10px 0px 5px 15px;
    margin: 0px 0px 0px 0px;
    border-left: 1px solid #CFDEE9;
    border-top: 1px solid #CFDEE9;
    border-bottom: 1px solid #CFDEE9;
    background-color: #F7F9FB;
  } 
  
.marginkahdeksan
  {
    padding: 10px 5px 5px 0px;
    margin: 0px 0px 0px 0px;
    border-right: 1px solid #CFDEE9;
    border-top: 1px solid #CFDEE9;
    border-bottom: 1px solid #CFDEE9;
    background-color: #F7F9FB;
  }     
  
/**
	tuotteet-etusivu.jsp - haku elementin m��rittelyt
	IE tekstinkoko venytt�� sis�lt�laatikkoa liiaksi
**/  
#tuotehaku-table select { font-size:11px;margin-left:0.5em;}
#tuotehaku-table img { margin:0em;padding:0em;}
#tuotehaku-table td { margin:0em;padding:0.3em 0em 0.2em 0em;}
#sisalto a.linkkisininenpieni, #sisalto a.linkkisininenpieni:visited, #sisalto a.linkkisininenpieni:active
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
  }   

#sisalto h1
  { 
    font: normal bold 18px arial,verdana,helvetica,serif; 
    color: #2374B8;
    margin-top: 4px;
    /*margin-left: 7px;*/
    
  }

#sisalto h2
  { 
    font: normal bold 14px arial,verdana,helvetica,serif; 
    color: #334D65;
    margin: 0px 0px 17px 0px;
  }

#sisalto h3
  { 
    font: normal bold 18px arial,verdana,helvetica,serif; 
    color: #2374B8;
    margin: 0px 0px 10px 0px;
  }

#sisalto h4
  { 
    font: normal bold 16px arial,verdana,helvetica,serif; 
    color: #2374B8;
    margin: 0px 0px 10px 0px;
  }


#sisalto h6
  { 
    font: normal bold 14px arial,verdana,helvetica,serif; 
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 3px 0px 0px 9px;
    background-color: #B0C71D;
    height: 23px;
  }
          
#sisalto p 
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
  }  

#sisalto p.txtleipa 
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 15px 0px;
  } 

#sisalto p.txtleipaeimarg 
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  } 
      
#sisalto p.txtpieni 
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }  

#sisalto p.txtmini 
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #667A8C; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 15px 0px;
  } 
      
.numero 
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    margin: 0px 0px 0px 0px;
    padding: 2px 5px 2px 5px;
    background-color: #115D9F;
  }
    
.alleviivaus 
  { 
    border-bottom: 3px solid #CFDEE9;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
  } 
  
#sisalto #teollisuus-title h3, #sisalto #rakentaminen-title h3, #sisalto #industry-title h3, #sisalto #building-title h3 {
	border-bottom: 3px solid #CFDEE9;
	margin-bottom: 10px;
	padding: 5px 0px 13px 0px;
	background: transparent url(/pics/ikoni-paaryhma_2.gif) right top no-repeat;
	font: normal bold 18px arial,verdana,serif;
	color: #A0B612;	
	}  
	
	#sisalto #rakentaminen-title h3, #sisalto #building-title h3
	{ background: transparent url(/pics/ikoni-paaryhma_1.gif) right top no-repeat; color: #28BFC5;}
	
  
#teollisuus-title h5, #rakentaminen-title h5 { font: normal bold 14px arial; }  

  
#teollisuus-title #prod-db table b, #rakentaminen-title #prod-db table b {
	display: block;
	background: #B0C71D;
	color: #fff;
	padding: 3px 3px 3px 10px;
	margin-right: 10px;
	font: normal bold 14px arial,verdana,serif;
	}
	  
	 #rakentaminen-title #prod-db table b { background: #28BFC5;  }  


#sisalto p.viiva 
  { 
    border-top: 1px solid #CFDEE9;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

#sisalto a
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: underline;
  }     

#sisalto a.linkkioranssi, #sisalto a.linkkioranssi:visited, #sisalto a.linkkioranssi:active
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #DB7B15; 
    text-decoration: underline;
  }     
    
#sisalto ul 
  {
    list-style-type: none;
    padding: 0px 0px 10px 0px;
    margin: 0px 0px 0px 10px;
	}  
  
#sisalto ul li
	{
	  background-image: url(/pics/li-alanavi-oranssi.gif); 
	  background-repeat: no-repeat;
    background-position: 0px 4px;
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
  }  

#sisalto ul li a
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    padding: 0px 0px 0px 0px;
  }
  
#sisalto li.tuotteet
	{
		background: none;
	}
		
  
#sisalto li.tuotteet a 
	{
		text-decoration: none;
	}
    
#sisalto a.linkkisininen, #sisalto a.linkkisininen:visited, #sisalto a.linkkisininen:active
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
  }  
  
  
#workmethod-title table td, #instructions table td {
	border-bottom: solid 1px #CFDEE9;
	padding-left: 13px;
	padding-bottom: 3px;
	}  

#workmethod-title table a.tappa, #instructions table a.tappa { background: transparent url(/pics/table-li.gif) 0px 5px no-repeat; padding-left: 15px;}
#workmethod-title table td a { text-decoration: none; }
  
  
#prod-search ul li 	{ 
	background: none; 
	padding-left: 10px;
	}  
	
	#prod-search strong { color: #2775B3; } 
	
	#prod-search ul li span {
		background: #115D9F;
		color: #fff;
		font: normal bold 12px arial,verdana,serif;
		padding: 0px 4px 0px 4px;
		margin-right: 7px;
		}
		
    #prod-search ul li p { margin-top: 7px; }
  
  #prod-search ul li a, #prod-search ul li a:hover, #prod-search ul li a:visited { font: normal bold 12px arial,verdana,serif; color: #2374B8; text-transform: uppercase; text-decoration: underline;}

.otsikkorakentaminen
	{
	  background-image: url(/pics/bg-otsikko-rakentaminen.gif); 
	  background-repeat: no-repeat;
    padding: 11px 0px 18px 15px;
    margin: 0px 0px 0px 0px;
    xheight: 50px;
    width: 278px;
    font: normal bold 14px arial,verdana,helvetica,serif; 
    color: #ffffff;
    
    }    

.otsikkoteollisuus
	{
	  background-image: url(/pics/bg-otsikko-teollisuus.gif); 
	  background-repeat: no-repeat;
    padding: 11px 0px 18px 15px;
    margin: 0px 0px 0px 0px;
    xheight: 50px;
    xwidth: 259px;
    font: normal bold 14px arial,verdana,helvetica,serif; 
    color: #ffffff;
    }      
 
.taustavihrea
	{
	  background-color: #F1FAF8; 
    border-left: 1px solid #CFDEE9;
    border-right: 1px solid #CFDEE9;
    padding: 0px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    width: 257px;
     }

.taustakeltainen
	{
	  background-color: #F6FAF1; 
    border-right: 1px solid #CFDEE9;
    padding: 0px 11px 10px 11px;
    margin: 0px 0px 0px 0px;
    width: 258px;
    } 
  
.taustatummanvihrea
	{
	  background-color: #E5F7F3;
    border: 1px solid #CFDEE9;
    padding: 0px 0px 0px 15px;
    }
  
.taustatummankeltainen
	{
	  background-color: #EFF7E5; 
    border-top: 1px solid #CFDEE9;
    border-bottom: 1px solid #CFDEE9;
    border-right: 1px solid #CFDEE9;
    padding: 0px 0px 0px 15px;
    }
  
  
#sisalto ul.tuotteet 
  {
    list-style-type: none;
    padding: 5px 0px 8px 0px;
    margin: 0px 0px 0px 0px;
    
	}  
  
#sisalto ul li.tuotteet
	{
	  background-image: url(/pics/li-alanavi-oranssi.gif); 
	  background-repeat: no-repeat;
    background-position: 0px 4px;
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
    
  }  
  
    
.laatikko
  {
    background-color: #ffffff; 
    width: 195px;
  } 

.laatikkokaksi
  {
    background-color: #ffffff; 
    width: 127px;
  } 
      
div#sisaltooikea
  {
    width: 9px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }     
  
#sisaltooikea h1
	{ 
	  background-image: url(/pics/bg-as-oikea.gif); 
	  width: 9px; 
	  height: 176px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	} 

  
/*ALAOSA ALASIVU*/  

div#alaosataulukko
  {
    width: 100%;
    background-image: url(/pics/bg-alaosa.gif);
    background-repeat: repeat-x;
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
  }  

div#alaosa
  { 
    width: 760px;
    padding: 0px 0px 0px 0px;
    margin-left: auto; 
    margin-right: auto; 
    text-align: left;
  }
    
div#alaosavasen
  {
    background-image: url(/pics/bg-alaosa-palkki.gif); 
	  width: 380px; 
	  height: 62px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
  }  
  
#alaosavasen ul 
  {
    list-style-type: none;
    padding: 5px 0px 0px 200px;
    margin: 0px 0px 0px 0px;
	}  
  
#alaosavasen ul li
	{
	  background-image: url(/pics/li-alanavi-sininen.gif); 
	  background-repeat: no-repeat;
    position: relative;
    background-position: 0px 4px;
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 0px 19px;
  }  

#alaosavasen ul li a, #alaosavasen ul li a:visited, #alaosavasen ul li a:active
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: none;
    padding: 0px 0px 0px 15px;
  } 
  
  
/*FOOTER ETUSIVU JA ALASIVU*/
  
div#footer
  {
    width: 100%;
    background-color: #2C80BB;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: relative;
  }

#yhteystiedot
  { 
    height: 62px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    padding: 5px 0px 0px 230px;
  }
  
#yhteystietohaku p
	{
		padding-left: 10px;
		padding-right: 10px;
		width: 200px;
	}
  
	
	
/* foobar */
#eslogowetrok h1 span, #international h1 span, #eskodinhoito h1 span, #esammattisiivousvasen h1 span, #esammattisiivousoikea h1 span, #esteollisuus h1 span, #linkit h1 span, #linkit h2 span, #linkit h3 span, #linkit h4 span, #tiedotteet h1 span, #ajankohtaista h1 span, #ajankohtaisuudetala h1 span, #ajankohtaisuudetvali h1 span { display: none; }
  
div#eskodinhoito
	{ 
	  width: 150px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/kc-bg-eskodinhoito.gif); 
	  background-repeat: repeat-y;
  }
    
#eskodinhoito h1
	{ 
	  background-image: url(/pics/kc-eskodinhoito.jpg); 
    background-repeat: no-repeat;
	  width: 150px; 
	  height: 231px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}
  
#eskodinhoito p, #esteollisuus p, #esammattisiivousvasen p, #esammattisiivousoikea p
	{ 
    padding: 0px 15px 5px 15px;
    margin: 0px 0px 0px 0px;
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
	}
 
div#esammattisiivousvasen
	{ 
	  width: 142px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/kc-bg-esammattisiivousvasen.gif); 
	  background-repeat: repeat-y;
	}
	     
#esammattisiivousvasen h1
	{ 
	  background-image: url(/pics/kc-esammattisiivousvasen.jpg); 
	  width: 142px; 
	  height: 231px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}

div#esammattisiivousoikea
	{ 
	  width: 147px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/kc-bg-esammattisiivousoikea.gif); 
	  background-repeat: repeat-y;
	}
      
#esammattisiivousoikea h1
	{ 
	  background-image: url(/pics/kc-esammattisiivousoikea.jpg); 
	  width: 147px; 
	  height: 231px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}  

div#esteollisuus
	{ 
	  width: 154px; 
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    float: left;
    background-image: url(/pics/kc-bg-esteollisuus.gif); 
	  background-repeat: repeat-y;
	}


#esteollisuus h1
	{ 
	  background-image: url(/pics/kc-esteollisuus.gif); 
	  width: 154px; 
	  height: 231px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
	}
    
	
/* palvelun stylet */
#sisalto h3 { font: normal bold 14px arial; color: #334D65;}
#sisalto h4 { font: normal bold 13px arial; color: #334D65;}


#sisalto td.vihreaTausta { background-color:#B0C71D; color:#fff }
#sisalto td.sininenTausta { background-color: #28BFC5; color: #fff; }
	
	
#sisalto #kuvapaikka {
	width: 184px;
	float: right;
	margin-top: -45px;
	margin-left: 10px;
	margin-bottom: 10px;
	}	
	#column-yhteydenotot #kuvapaikka { width: 220px; }
	
	#column-yhteydenotot p { font: normal normal 11px arial,verdana,serif; margin: 8px 10px 0px 10px;}
	
#sisalto #column #kuvapaikka, #column-yhteydenotot #kuvapaikka {
	float: none;
	margin-left: 0px;
	margin-top: 0px;
	}	
	
#sisalto #column, #column-yhteydenotot {
	float: right; 
	width: 184px;
	color: #2374B8;
	font: normal normal 11px arial,verdana,serif;
	padding: 0px;
	margin-top: 40px;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	#column-yhteydenotot { width: 220px; margin-top: 0px;}
	
	#sisalto #column #cont, #column-yhteydenotot #cont div { border: solid 1px #CFDEE9;	}
	
	
	
	#column-yhteydenotot #cont 
		{ 
			background: #F7F9FB; 
		}
		
	#column-yhteydenotot #cont p
		{
			padding-left: 12px;
			padding-right: 10px;
		}	
		
	
	#sisalto #column ul, #column-yhteydenotot ul { 
		margin: 0px; 
		padding: 0px;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 10px;
		}
		
		

	#sisalto #column h6, #column-yhteydenotot h6 {
		margin: 0px;
		padding: 0px;
		background: #308BC5;
		color: #fff;
		font: normal normal 12px arial,verdana,serif;
		padding: 3px 0px 3px 5px;
		height: auto;
		}
	
	#column-yhteydenotot h6 { 
		text-indent: -10000px; 
		xbackground: #308BC5 url(/pics/yhteystietohaku-bg.gif) no-repeat;
		xpadding: 0;
		}
	
	#column-yhteydenotot p,
	#column-yhteydenotot form { 
		padding-bottom: 5px; 
		}


#yhteydenotot-p
	{
	
	}
	

/* UUTISLISTAUKSEN M��RITYKSI� - uutislisting.jsp */


#list ul
	{
		margin-bottom: 35px;
		padding-top: 15px;

	}

#list ul li
	{
		list-style-type: none;
		padding-left: 40px;
		padding-bottom: 10px;
		width: 400px;
	}

#list ul li.liststyle-0
	{
	background: url(/pics/ikoni-blank.gif) 0px 0px no-repeat; 
	}
	
#list ul li.liststyle-1
	{
	background: url(/pics/ikoni-kiilto.gif) 0px 0px no-repeat; 
	}

#list ul li.liststyle-2
	{
	background: url(/pics/ikoni-rakentaminen.gif) 0px 0px no-repeat; 
}    
        
#list ul li.liststyle-3
	{
	background: url(/pics/ikoni-teollisuus.gif) 0px 0px no-repeat; 
  }       


#list p
	{
		font: bold 13px Arial;
		padding-bottom: 15px;
		letter-spacing: 0px;
	}

#list h5
	{
		padding-left: 35px;
		padding-bottom: 0px;
		font-size: 14px;
		background: url(/pics/underlinebg.gif) 0px 14px repeat-x;
		width: 400px;
		border: solid 0px black;
	}
	
#list p#naytakaikki
	{
		padding: 0px;
		margin: 0px;
		border: solid 0px black;
		width: 440px;
		text-align: right;
	}

#list p#naytakaikki a
	{
		color: #2374B8;
		font: normal 10px Arial;
		text-decoration: none;
		color: #004C8A;
	}

	
	
/* TUOTENEUVONNAN M��RITYKSI� - tuoteneuvonta.jsp */

#tuoteneuvonta
	{
		border: solid 0px black;
		padding-bottom: 30px;
		
	}
	
#tuoteneuvonta h1, h2, h3, h4, h5, h6
	{
		margin: 0px;
		padding: 0px;
	}
	

#sisalto ul li a
	{
		text-decoration: none;
	}
	
#sisalto ul
	{
		padding-bottom: 0px;
	}
	
#sisalto
	{
		padding-top: 15px;
	}

	
#tuoteneuvonta div
	{
		width: 167px;		
		float: left;	
		border: solid 0px black;
	}
	


#tuoteneuvonta p
	{
		padding-left: 15px;
		padding-right: 10px;
	}
	


	
#tuoteneuvonta h3
	{
		font: bold 14px Arial;
		color: white;
		height: 32px;
		padding: 13px 0px 0px 9px;	
		border: solid 0px black;
		margin-bottom: 0px;	
		padding-bottom: 0px;
		
	}

#tuoteneuvonta h2, h5
		{
			padding-left: 15px;
			padding-right: 10px;
			color: #2775B3;
			padding-top: 0px;
		}
		
#tuoteneuvonta h5
	{
		font: bold 12px Arial;
		margin-bottom: 8px;
		color: #005D98;
	}

		
		
#tn-rakentaminen
	{
		background: #F1FAF8;		
	}
		
#tn-rakentaminen #border1
	{
		border-bottom: solid 1px #CFDEE9;
		border-left: solid 1px #CFDEE9;
		border-right: 0px;
	}

#tn-rakentaminen h3
	{	
		background: url(/pics/tn-rakentaminen.gif) 0px 0px no-repeat;
	}
		
#tn-teollisuus
	{
		border: solid 1px black;
	}
	
#tn-teollisuus #border2
	{
		border-left: solid 1px #CFDEE9;
		border-bottom: solid 1px #CFDEE9;		
		background: url(/pics/tn-teollisuus-bg.gif) 0px 0px repeat-y;
	}
	
#tn-teollisuus h3
	{
		background: url(/pics/tn-teollisuus.gif) 0px 0px no-repeat;
		font: bold 14px Arial;	
	}
	
#tn-puhdistusjahoito
	{
		background: #F6FAF1;
	}
	
#tn-puhdistusjahoito #border3
	{
		border-bottom: solid 1px #CFDEE9;
		border-right: solid 1px #CFDEE9;
		border-left: 0px;
	}
	
#tn-puhdistusjahoito h3
	{
		background: url(/pics/tn-puhdistusjahoito.gif) 0px 0px no-repeat;
		font: bold 13px Arial;
		width: 160px;
	}
	

	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
		
	
	
	
	
	
	
	
	
	
 /* TUOTTEET/RAKENTAMINEN JA TUOTTEET/TEOLLISUUS -SIVUJEN M��RITYKSI� */

div#asajankohtaisuudet,
#asajankohtaisuudet-teollisuus {
    width: 512px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-repeat: repeat-y;
    margin-bottom: 30px;
    margin-top: 20px;
  }      
div#asajankohtaisuudet { background-image: url(/pics/kc-bg-asajankohtaisuudet.gif); }
div#asajankohtaisuudet-teollisuus { background-image: url(/pics/bg-ajankohtaisuudet-teollisuus.gif);}
div#asajankohtaisuudet p,
#asajankohtaisuudet-teollisuus p  {
		padding-left: 20px;
		padding-right: 20px;
	}
	
div#asajankohtaisuudet a,
#asajankohtaisuudet-teollisuus  a {
		text-decoration: none;
		font-weight: bold;
	}

/** teollisuusosion kokopitk� uutta-nosto **/
div#uutta-teollisuus {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 512px;
  } 
#uutta-teollisuus h1 {
    background-image: url(/pics/otsikko-uutta-teollisuus.gif); 
    background-repeat: no-repeat;
    width: 512px; 
	height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: -10000px;
  } 

#uutta-teollisuus ul {
	list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: -20px 0px 0px 430px;
    width: 66px;
}
/** rakentaminen - osio **/
div#uutta
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 260px;
  }       

#uutta h1 {
    background-image: url(/pics/kc-otsikko-uutta.gif); 
    background-repeat: no-repeat;
    width: 260px; 
	height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: -10000px;
  } 

#uutta ul {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: -20px 0px 0px 180px;
    width: 66px;
	} 
  
#uutta ul li, #ideat ul li, #tapetilla ul li,#uutta-teollisuus ul li  {
	background-image: url(/pics/kc-oranssipallo.gif); 
	background-repeat: no-repeat;
    background-position: 0px 5px;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
  }     
  
  
#uutta ul li a, 
#uutta ul li a:visited, 
#uutta ul li a:active, 
#uutta-teollisuus ul li a, 
#uutta-teollisuus ul li a:visited, 
#uutta-teollisuus ul li a:active, 
#ideat ul li a, 
#ideat ul li a:visited, 
#ideat ul li a:active,
#tapetilla ul li a, 
#tapetilla ul li a:visited, 
#tapetilla ul li a:active { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    text-decoration: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  } 
   

#uutta h5, 
#uutta-teollisuus h5, 
#ideat h5,
#tapetilla h5 {
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    margin: 0px 0px 0px 0px;
    padding: 13px 24px 5px 20px;
  }

#uutta h6,#uutta-teollisuus h6
  {
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    margin: 0px 0px 0px 0px;
    padding: 0px 24px 5px 20px;
  }

#uutta p.uutta, 
#uutta-teollisuus,p.uutta
#ideat p.ideat,
#tapetilla p.tapetilla {
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
    padding: 0px 24px 5px 20px;
  }
  
#uutta a.uutta,#uutta-teollisuus a.uutta { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #FF8810; 
    text-decoration: none;
    padding: 8px 0px 0px 00px;
    margin: 0px 0px 0px 0px;
  }       

div#kuvaajankohtaisuudet {
    margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 0px;
    float: right;
  }       

#ideat ul,
#tapetilla ul {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: -20px 0px 0px 170px;
    width: 66px;
	}  
  
div#asajankohtaisuudetvali {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
    width: 2px;
  }       

#asajankohtaisuudetvali h1 {
    background-image: url(/pics/kc-asajankohtaisuudet-vali.gif); 
    background-repeat: no-repeat;
    width: 2px; 
	  height: 36px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }       
  
div#ideat,
#tapetilla {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
    width: 250px;
  }       
    
#ideat h1,
#tapetilla h1 {
    background-repeat: no-repeat;
    width: 250px; 
	height: 23px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-indent: -10000px;
  }       
#ideat h1 { background-image: url(/pics/kc-otsikko-ideat.gif); }
#tapetilla h1 { background-image: url(/pics/kc-otsikko-tapetilla.gif); }

div#asajankohtaisuudetala
  {
    width: 512px; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }   

#asajankohtaisuudetala h1
  {
    background-image: url(/pics/kc-asajankohtaisuudet-ala.gif); 
    background-repeat: no-repeat;
    width: 512px; 
	  height: 18px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
  }  

#sisalto p.txtpieni,
# table#tuotehaku-table p { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 10px 0px 5px;
    padding: 0px 0px 0px 0px;
  }

#sisalto p 
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
  }
  
#sisalto a.linkkisininen, #sisalto a.linkkisininen:visited, #sisalto a.linkkisininen:active
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; 
    text-decoration: underline;
  }
  
#sisalto b.txtoranssi 
  { 
    font: normal bold 12px arial,verdana,helvetica,serif; 
    color: #E28E2B; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  
#sisalto p.viiva 
  { 
    border-top: 1px solid #CFDEE9;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  
.numero 
  { 
    font: normal normal 11px arial,verdana,helvetica,serif; 
    color: #ffffff; 
    margin: 0px 0px 0px 0px;
    padding: 2px 5px 2px 5px;
    background-color: #115D9F;
  }
  
#sisalto p.txtleipa 
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #334D65; 
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 15px 0px;
  }
  
#sisalto a
  { 
    font: normal normal 12px arial,verdana,helvetica,serif; 
    color: #2374B8; /*#E28E2B;*/
    text-decoration: underline;
  } 
     
div#sisaltooikea
  {
    width: 9px;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  
#sisaltooikea h1
	{ 
	  background-image: url(/pics/bg-as-oikea.gif); 
	  width: 9px; 
	  height: 176px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	}   

#tuotteet-alasivu table p
	{
		font: normal 10px Arial;
	}
	
#tuotteet-alasivu table tr td p a
	{
		text-decoration: none;
		color: #2374B8;
		font: normal 11px Arial;
	}
	
#tuotteet-alasivu h1#paaotsikkorakentaminen,
#tuotteet-alasivu h1#paaotsikkobuilding
	{
		padding-left: 7px;
		color: #28BFC5;
	}
	
#tuotteet-alasivu h1#paaotsikkoteollisuus,
#tuotteet-alasivu h1#paaotsikkoindustry
	{
		padding-left: 7px;
		color: #A0B612;
	}

	
#help {
	position: absolute;
	display: block;
	margin-top:0.8em;
	height: 25px;
	width: 100px;
	/* background: transparent url(/pics/search-help.gif) no-repeat; */
	right: 2em;
	}
	
#help span { color:#ffffff; }	
a#help  { text-decoration:none; font-size:11px;}
a#help:hover { text-decoration:underline;color:#ffffff;}

/* demoa varten tehdyt tyylit -Sami Mikkonen */

a#kiiltoneuvoo {
  position:absolute;
  width:136px;
  height:136px;
  background:transparent url(/pics/kiilto_neuvoo-nappi.gif;) no-repeat;
  margin:0px;
  padding:0px;  
}


/** rakentaminen sivulla k�ytettyt graffa **/
#tuotteet-alasivu td.td_header { display:block;height:3px;width:120px;}
#tuotteet-alasivu td.td_content { display:block;text-align:left;width:120px;}
#tuotteet-alasivu td.td_content img.prd_image { margin-left:1em;}
#tuotteet-alasivu td.td_content img.arrow_lnk { float:left;margin-right:0.5em;margin-left:0.5em;padding:0em 0em 1em 0em;}
#tuotteet-alasivu td.td_footer { }

/** Tuotekansio / suunnittelijakansio **/
    	/* listojen esitt�minen */
     	#sisalto #tuotekansio-title ul {margin-left:0em;margin-top:1em;}
     	#sisalto #tuotekansio-title ul ul { margin-top:0;}
    	#sisalto #tuotekansio-title ul li { list-style-type:none;background:none;margin-bottom:1em;padding-bottom:0.5em;border-bottom:1px solid #ddd;}
    	#sisalto #tuotekansio-title li li { border:none;padding-bottom:0;margin-top:0.5em;}
    	.closed {
    		background: url(/pics/plus.gif) no-repeat;
			
    	}
    	
    	.opened {
    		background: url(/pics/miinus.gif) no-repeat;
    	}
    	
    	.productDiv {
    		position: relative;
    		top: 0px;
    		left: -100px;
    		width: 600px;
    		background-color: #ace;
    		z-index: 4;
    		display: none;
    		padding: 10px;
    		border: 3px solid #bdf;
    	}
    	
    	.productDivWrapper {
    		position: absolute;
    		z-index: 3;
    		display: none;
    		top: 0px;
    	}
    	
    	.hideButtonX {
    		z-index: 5;
    		left: -100px;
    		position: relative;
    		display: none;
    		float: right;
    		margin-right: 3px;
    		margin-top: 3px;
    		background-color: #ace;
    		border-left: solid 1px #bdf;
    		border-bottom: solid 1px #bdf;
    		border-right: none;
    		border-top: none;
    	}
    	
    	.hideButtonX:hover {
    		background-color: #eee;
    	}
    	
    	.hideButton {
    		background-color: #ace;
    		border: solid 1px #bdf;
    		border: solid 1px #bdf;
    		z-index: 5;
    		left: -100px;
    		position: relative;
    		display: none;
    	}
    	
    	.hideButton:hover {
    		background-color: #eee;
    	}
		
		.otherProd_productDiv {
    		position: relative;
    		top: 0px;
    		left: -100px;
    		width: 600px;
    		background-color: #cae;
    		z-index: 14;
    		display: none;
    		padding: 10px;
    		border: 3px solid #dbf;
    	}
    	
    	.otherProd_productDivWrapper {
    		position: absolute;
    		z-index: 13;
    		display: none;
    		top: 0px;
    	}
    	
    	.otherProd_hideButtonX {
    		z-index: 15;
    		left: -100px;
    		position: relative;
    		display: none;
    		float: right;
    		margin-right: 3px;
    		margin-top: 3px;
    		background-color: #cae;
    		border-left: solid 1px #dbf;
    		border-bottom: solid 1px #dbf;
    		border-right: none;
    		border-top: none;
    	}
    	
    	.otherProd_hideButtonX:hover {
    		background-color: #eee;
    	}
    	
    	.otherProd_hideButton {
    		background-color: #cae;
    		border: solid 1px #dbf;
    		border: solid 1px #dbf;
    		z-index: 15;
    		left: -100px;
    		position: relative;
    		display: none;
    	}
    	
    	.otherProd_hideButton:hover {
    		background-color: #eee;
    	}
		
		#tuotekansio-alasivu ul li ul li a
		{
			color:#2374B8;
            font-family:arial,verdana,helvetica,serif;
            font-size:12px;
            font-size-adjust:none;
            text-decoration:underline;	
		}
		
		#tuotteet-alasivu li .last {
    		margin-bottom: 10px;
    	}
    	
    	#tuotekansio-alasivu ul, #tuotteet-alasivu ul li {
    		list-style-type: none;
    		background: none;
    		padding: 0;
    	}
    	
    	#tuotekansio-alasivu ul li {
    		margin-top: 4px;
    	}
    	
/*
	* *************** *
	* Other templates *
	* *************** *
*/
	/*
		Form Designer Form with Image Place Holder
		pagetemplates/formdesignerform-imageplace.jsp
	*/
	
	#fd .leftCol { float:left; width: 314px;}
	#fd .rightCol { float: left; width: 184px;}