/* Stylesheet - Rollover-napit */
/* Pistin nämä eri CSS:ään, tuskin tarvitsee juuri editoida */

ul#sivukartta {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 5px;
	padding:0;
	list-style-type:none;
	border:0px;
	list-style:none;
	float: right;
}

#sivukartta li.kuva{
	width:66px;
	height:30px;
	background:url('images/ylapalkki_sivukartta_on.gif') no-repeat center center; /* rollover state*/
	margin:0px;
	float: left;
}
#sivukartta a.kuva{
	display:block;
	background: url('images/ylapalkki_sivukartta_off.gif') no-repeat center center; /* normal state*/
	width:66px;
	height:30px;
	text-align:center
}
#sivukartta a.kuva:hover{background:transparent;}

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

#info_valittuna li.infokuva_v{
	width:38px;
	height:24px;
	background:url('images/valipalkki_info_on.gif') no-repeat center center; /* rollover state*/
	margin:0px;
	float: left;
}
#info_valittuna a.infokuva_v{
	display:block;
	background: url('images/valipalkki_info_on.gif') no-repeat center center; /* normal state*/
	width:38px;
	height:24px;
	text-align:center
}
#info_valittuna a.infokuva_v:hover{background:transparent;}

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

#info li.infokuva{
	width:38px;
	height:24px;
	background:url('images/valipalkki_info_on.gif') no-repeat center center; /* rollover state*/
	margin:0px;
	float: left;
}
#info a.infokuva{
	display:block;
	background: url('images/valipalkki_info_off.gif') no-repeat center center; /* normal state*/
	width:38px;
	height:24px;
	text-align:center
}
#info a.infokuva:hover{background:transparent;}

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

#shop_valittuna li.shopkuva_v{
	width:42px;
	height:24px;
	background:url('images/valipalkki_shop_on.gif') no-repeat center center; /* rollover state*/
	margin:0px;
	float: left;
}
#shop_valittuna a.shopkuva_v{
	display:block;
	background: url('images/valipalkki_shop_on.gif') no-repeat center center; /* normal state*/
	width:42px;
	height:24px;
	text-align:center
}
#shop_valittuna a.shopkuva_v:hover{background:transparent;}

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

#shop li.shopkuva{
	width:42px;
	height:24px;
	background:url('images/valipalkki_shop_on.gif') no-repeat center center; /* rollover state*/
	margin:0px;
	float: left;
}
#shop a.shopkuva{
	display:block;
	background: url('images/valipalkki_shop_off.gif') no-repeat center center; /* normal state*/
	width:42px;
	height:24px;
	text-align:center
}
#shop a.shopkuva:hover{background:transparent;}



#nav, #nav ul { /* all lists */
	padding: 0;
	margin:0;
	list-style: none;
	line-height: 1;
	z-index: 1;
}

#nav li.dealmaker { /* all list items */
	width: 71px;
	height: 24px;
	background:url('images/valipalkki_dealmaker_on.gif') no-repeat center center; /* rollover state*/
	margin-left: 20px;
	margin-right: 20px;
	float: left;
}

#nav a.dealmaker {
	display: block;
	background: url('images/valipalkki_dealmaker_off.gif') no-repeat center center; /* normal state*/
	width: 71px;
	height: 24px;
	text-align:center
}
#nav a.dealmaker:hover{background:transparent;}


#nav li.dealmaker ul { /* second-level lists */
	border:solid #C4C4C4;
	border-width: 1px;
	position: absolute;
	background: #F6F6F6;
	background-image: url('images/valipalkki_pisteet_t.gif');
	padding: 5px;
	width: 140px;
	height: auto;
	left: -999em;  	   /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li.dealmaker ul li {
	vertical-align: middle;
	background-image: url('images/menu_pisteet_t.gif');
	background-position: center left;
	padding: 0px;
}

#nav li.dealmaker ul li.vika {
	background-image: url('images/menu_pisteet_ala.gif');
	background-position: center left;
}

#nav li.tiedotteet { /* Menun rootti-taso, rollover-kuva */
	width: 69px;
	height: 24px;
	background:url('images/valipalkki_tiedotteet_on.gif') no-repeat center center; /* rollover state*/
	margin-left: 20px;
	margin-right: 20px;
	float: left;
}

#nav a.tiedotteet {	   /* Menun rootti-taso, normaali kuva */
	display: block;
	background: url('images/valipalkki_tiedotteet_off.gif') no-repeat center center; /* normal state*/
	width: 69px;
	height: 24px;
	text-align:center
}
#nav a.tiedotteet:hover{background:transparent;}			/* Menun rootti-taso, linkin piilotus mouseoverilla */

#nav li.tiedotteet ul { 		/* Menun toinen taso, taustan formatointi */
	border:solid #C4C4C4;
	border-width: 1px;
	position: absolute;
	background: #F6F6F6;
	padding: 5px;
	width: 140px;
	height: auto;
	left: -999em;  	   /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li.tiedotteet ul li {			 	/* Menun toisen tason solujen taustakuvat */
	vertical-align: middle;
	background-image: url('images/menu_pisteet_t.gif');
	background-position: center left;
	padding: 0px;
}

#nav li.tiedotteet ul li.vika {		 	/* Viimeisen toisen tason puun lopetuskuva */
	background-image: url('images/menu_pisteet_ala.gif');
	background-position: center left;
}						 

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
} 

div.menu_item_placer {	  /* Menun linkkien sijoittelu */
margin-top: 0px;
margin-left: 30px;
padding-bottom: 5px;
padding-top: 1px;
}


ul#yhteystiedot {
	margin:0;
	padding:0;
	list-style-type:none;
	border:0px;
	list-style:none;
	margin-right: 90px;
}

#yhteystiedot li.yht_kuva{
	width:75px;
	height:24px;
	background:url('images/valipalkki_yhteystiedot_on.gif') no-repeat center center; /* rollover state*/
	margin:0px;
	float: right;
}
#yhteystiedot a.yht_kuva{
	display:block;
	background: url('images/valipalkki_yhteystiedot_off.gif') no-repeat center center; /* normal state*/
	width:75px;
	height:24px;
	text-align:center
}
#yhteystiedot a.yht_kuva:hover{background:transparent;}


ul#showcase {
	margin:0;
	padding:0;
	list-style-type:none;
	border:0px;
	list-style:none;
	margin-right: 5px;
}

#showcase li.show_kuva{
	width:75px;
	height:24px;
	background:url('images/valipalkki_showcase_on.gif') no-repeat center center; /* rollover state*/
	margin:0px;
	float: right;
}
#showcase a.show_kuva{
	display:block;
	background: url('images/valipalkki_showcase_off.gif') no-repeat center center; /* normal state*/
	width:75px;
	height:24px;
	text-align:center
}
#showcase a.show_kuva:hover{background:transparent;}

div#ylapalkki_sisalto a span {display: none;}

div#ylapalkki_sisalto a:hover span {display: block; position: absolute; top: 50px; left: 500; width: 125px; padding: 5px; margin: 10px; z-index: 100; color: #AAA; background: black; font: 10px Verdana, sans-serif; text-align: center;}