﻿





DIV.leftNavSpacer {
	border: none;
}

/* MAIN NAVIGATION (levels 1 and 2) */

#mainNavi {
	height: 68px;
	background: url(/SiteCollectionImages/layout/mainnavi_bg.gif) 0px 31px no-repeat;
 	vertical-align: top;
 	text-decoration: none;
}


.level1 TD.level1tab1 {
	background-image: url(/SiteCollectionImages/layout/bg_tab1.gif);
	width: 13px;
	height: 30px;
	text-decoration: none;
}

.level1 TD.level1tab2 {
	background-image: url(/SiteCollectionImages/layout/bg_tab2.gif);
	height: 30px;
	text-decoration: none;
}

.level1 TD.level1tab2 A:link, .level1 TD.level1tab2 A:visited, .level1 TD.level1tab2 A:active  {
	color: #01A978;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;	
}

.level1 TD.level1tab2 A:hover{
	text-decoration: none;
	color: black;
	text-decoration: none;
}

.level1 TD.level1tab3 {
	background-image: url(/SiteCollectionImages/layout/bg_tab3.gif);
	width: 14px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none;
}

.level1selected TD.level1tab1 {
	background-image: url(/SiteCollectionImages/layout/bg_tab1_selected.gif);
	width: 13px;
	height: 30px;
	text-decoration: none;
}

.level1selected TD.level1tab2 {
	background-image: url(/SiteCollectionImages/layout/bg_tab2_selected.gif);
	background-color: #00A681;
	height: 30px;
	color: white;
	text-decoration: none;
}

.level1selected TD.level1tab3 {
	background-image: url(/SiteCollectionImages/layout/bg_tab3_selected.gif);
	width: 14px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: top left;
	text-decoration: none;
}


.level1selected TD.level1tab2 A:link, .level1selected TD.level1tab2 A:visited, .level1selected TD.level1tab2 A:active  {
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	
}



.level1selected TD.level1tab2 A:hover{
	text-decoration: none;
	color: black;
}



/* 2-tason navigointi*/
td.level2 {
	color: white;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;
	
}
td.level2 A:link {
	color: white;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform:  none;
	text-decoration: none;
		
}


td.level2 A:hover {
	color: white;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;	
}

td.level2 A:selected {
	color: white;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;	
}


td.level2 A:visited {
	color: white;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	text-decoration: none;	
}



.leftNav1 a {display: block; border-bottom: 1px solid #000000; clear: both;}





#mainNavi ul#level2			{margin: 0px 0px 0px 4px; padding: 0px; list-style: none; height: 26px;}
#mainNavi #level2 li			{float: left; padding: 5px 11px;}
#mainNavi #level2 a			{color: White;}
#mainNavi #level2 .selected{font-weight: bold;}




/* SUBNAVIGATION */

#subNavi				{width: 220px; vertical-align: top; background: url(/SiteCollectionImages/layout/subnavi_bg.gif) repeat-y;}

#subNavi ul			{width: 200px; margin: 0px 20px 0px 0px; padding: 0px; list-style: none; background: #00a681 url(/SiteCollectionImages/layout/subnavi_top.gif) no-repeat;}
#subNavi ul ul		{background: #f4f2ee none; margin: 0px 0px 0px 0px;}
#subNavi ul ul ul	{background: #ffffff none; margin: 0px 0px 0px 0px;}
#subNavi ul ul ul ul {background: #ffffff none; margin: 0px 0px 0px 0px;}
#subNavi ul ul ul ul  ul {background: #ffffff none; margin: 0px 0px 0px 0px;}

#subNavi ul li			{display: inline; width: 200px; text-decoration:none;}
#subNavi ul ul li		{text-decoration:none;}
#subNavi ul ul ul li		{text-decoration:none;}
#subNavi ul ul ul ul li		{text-decoration:none;}

#subNavi a					{display: block; border-bottom: 1px solid #ffffff; clear: both;}
#subNavi ul a				{background: url(/SiteCollectionImages/layout/subnavi_level1.gif) 7px 7px no-repeat; color: White !important; font-weight: bold; padding: 4px 10px 5px 20px; text-decoration:none;}
#subNavi ul ul a			{color: #333333 !important; font-weight: normal; padding: 4px 10px 5px 25px; background-image: none;}
#subNavi ul ul ul a			{padding: 5px 10px 5px 40px;}
#subNavi ul ul ul ul a		{padding: 5px 10px 5px 50px; font-size: 11px}
#subNavi ul ul ul ul ul a	{padding: 5px 10px 5px 60px; font-size: 11px}

#subNavi ul a.open 			{background: #75bea3 url(/SiteCollectionImages/layout/subnavi_level1_open.gif) 7px 7px no-repeat;}
#subNavi ul ul a.open		{background: #f4f2ee none; font-weight: bold;}
#subNavi ul ul ul a.open	{background: white none; font-weight: bold; color:#00a681;}


#subNavi ul a.selected		{background: #75bea3 url(/SiteCollectionImages/layout/subnavi_level1_selected.gif) 7px 7px no-repeat;}
#subNavi ul ul a.selected	{background: white none; font-weight: bold;}
#subNavi ul ul ul a.selected{background: white none; font-weight: bold; color:#00a681;}
#subNavi ul ul ul ul  a.selected {background: white none; font-weight: bold; color:#00a681;}


#subNavi ul li	a.selected		{display: inline; width: 200px; text-decoration:none;}
#subNavi ul ul li a.selected	{text-decoration:none;}
#subNavi ul ul ul li a.selected		{text-decoration:none;}



/* tama kohta tassa */
#subNavi ul ul ul ul li.subNavi_4_selected	a	{ background-color:#f4f2ee;}
/*li.subNavi_4_selected a { background-color: #e8e4d9;}*/

#subNavi ul a.firstSelected{background: url(/SiteCollectionImages/layout/subnavi_first_selected.gif) no-repeat; background-color: #75bea3;}
#subNavi ul a.firstOpen		{background: url(/SiteCollectionImages/layout/subnavi_first_open.gif) no-repeat; background-color: #75bea3;}

/* TAB NAVIGATION */

#tabNavi			{padding-bottom: 20px; vertical-align: top;}
#tabNavi ul 	{margin: 0px; padding: 0px; list-style: none; height: 28px; overflow: hidden; font-weight: bold;}
#tabNavi li		{float: left;height: 28px; background: url(/SiteCollectionImages/layout/tabnavi_off_right.gif) top right no-repeat;}
#tabNavi a		{background: url(/SiteCollectionImages/layout/tabnavi_off_left.gif) no-repeat; display: block; padding: 6px 11px 10px 10px; color:#50a780;}

#tabNavi li.selected		{background-image: url(/SiteCollectionImages/layout/tabnavi_on_right.gif);}
#tabNavi li.selected a	{background-image: url(/SiteCollectionImages/layout/tabnavi_on_left.gif); color: #333333 !important; text-decoration: none !important;}


/* PRODUCT NAVIGATION */

#productInfoNavi			{clear: both;}
#productInfoNavi ul		{margin: 0px 0px 20px 5px; padding: 0px; list-style: none;}
#productInfoNavi ul ul	{margin: 10px 0px 10px 1px;}

#productInfoNavi li			{padding: 0px 0px 4px 0px;}
#productInfoNavi li a		{padding: 0px 0px 0px 11px; background: url(/SiteCollectionImages/layout/productnavi_arrow.gif) 1px 5px no-repeat;}
#productInfoNavi li.open a	{background: url(/SiteCollectionImages/layout/productnavi_arrow_open.gif) 0px 5px no-repeat; color: #333333; font-weight: bold;}

#productInfoNavi ul ul li	{padding: 0px 0px 0px 4px;}


#liitannaistuotteet
{font-family:Arial, Helvetica, sans-serif;}
