/* area navigation */

#areaNavi				{font: 12px Arial, Verdana, Helvetica, sans-serif;text-align: right; position: absolute; top: 40px; right: 31px;}
#areaNavi ul			{margin: 0px; padding: 0px; list-style: none; float: right;}
#areaNavi li			{float: left; padding: 0px 0px 0px 20px;}
#areaNavi a				{display: block; padding-bottom: 7px;}
#areaNavi .selected a {color: #2d2d2d; background: url(images/areaNavi_li_selected.gif) bottom center no-repeat; font-weight: bold;}
#areaNavi .selected a:hover	{color: #6c6c6c;}


/* top navigation */

#topNavi,
#topNaviShort
{
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	width: 789px;
	height: 24px;
	overflow: hidden;
	background: url(images/bg_topnavi.gif) repeat-x;
	border-bottom: 1px solid white;
}


#topNavi table
{
	width: 789px;
}

#topNaviShort table
{
	width: auto;
}

#topNavi td,
#topNaviShort td
{
	padding: 0px;
	text-align: center;
	border-right: 1px solid white;
}

#topNavi a
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 5px 0px;
	margin: 0px 1px;
}

#topNaviShort a
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	padding: 5px 20px 5px 20px;
	margin: 0px 1px;
}

#topNavi a:hover,
#topNaviShort a:hover
{
	background: url(images/bg_topnavi_hover.gif) repeat-x;
}

#topNavi .selected,
#topNaviShort .selected
{
	background: url(images/topnavi_on_right.gif) top right no-repeat;
}

#topNavi .selected a,
#topNaviShort .selected a
{
	background: url(images/topnavi_on_left.gif) no-repeat;
	color: #2d2d2d;
	font-weight: bold;
	margin: 0px;
}

#topNavi .selected a:hover,
#topNaviShort .selected a:hover
{
	background: url(images/topnavi_on_left.gif) no-repeat;
	color: #2d2d2d;
	font-weight: bold;
	margin: 0px;
}

#topNavi .selectedfirst,
#topNaviShort .selectedfirst
{
	background: url(images/topnavi_on_right.gif) top right no-repeat;
}

#topNavi .selectedfirst a,
#topNaviShort .selectedfirst a
{
	color: #2d2d2d;
	font-weight: bold;
	margin: 0px;
}

#topNavi .selectedfirst a:hover,
#topNaviShort .selectedfirst a:hover
{
	background: url(images/topnavi_on_right.gif) top right no-repeat;
	color: #6C6C6C;
	font-weight: bold;
	margin: 0px;
}

#topNavi .selectedlast
{
	background: url(images/topnavi_on_right_last.gif) top right no-repeat;
}

#topNaviShort .selectedlast
{
	background: url(images/topnavi_on_right.gif) top right no-repeat;
}

#topNavi .selectedlast a,
#topNaviShort .selectedlast a
{
	background: url(images/topnavi_on_left.gif) no-repeat; color: #2d2d2d; font-weight: bold; margin: 0px;
}

#topNavi .selectedlast a:hover,
#topNaviShort .selectedlast a:hover
{
	background: url(images/topnavi_on_left.gif) no-repeat;color: #6C6C6C; font-weight: bold; margin: 0px;
}

/* top navigation, 2nd level */

#topNavi2					{font: 11px Arial, Verdana, Helvetica, sans-serif;width: 789px; border-bottom: 1px solid #bbbbbb;}
#topNavi2 ul				{margin: 0px; padding: 4px 0px 6px 0px; list-style: none;}
#topNavi2 li				{display: inline; padding-left: 20px;}
#topNavi2 .selected a	{font-weight: bold;color: #2d2d2d;}

#topNavi .selected a:hover,
#topNavi2 .selected a:hover	{color: #6c6c6c;}


/* subnavigation */

#subNavi					{font: 12px Arial, Verdana, Helvetica, sans-serif;width: 179px; border-right: 1px solid #e1e1e1; margin-bottom: 25px;}
#subNavi ul				{margin: 0px; padding: 0px; list-style: none; width: 179px; border-top: 1px solid #e6e6e6; background-color: #f7f7f7;}
#subNavi ul li			{display: inline; width: 179px;}
#subNavi ul li a		{display: block; padding: 5px 20px; border-bottom: 1px solid #e6e6e6;}

#subNavi ul ul			{background-color: white; padding: 5px 0px 0px 8px; border-top: 0px; border-bottom: 1px solid #e6e6e6; width: 171px;}
#subNavi ul ul li		{}
#subNavi ul ul li a	{padding: 0px 20px 5px 20px;border: 0px;}

#subNavi a:hover,
#subNavi li.open			{background-color: #f7f7f7;} /* Muutettu, oli ennen #ededed */

#subNavi ul ul a:hover	{background-color: transparent;}

#subNavi a.selected,
#subNavi a.open			{font-weight: bold;color: #555555;}

#subNavi a.selected:hover,
#subNavi a.open:hover	{color: #6c6c6c;}


/* tab navigation, product pages */

#tabNavi		{font: 11px Arial, Verdana, Helvetica, sans-serif;width: 547px; margin: 0px; padding: 0px; list-style: none; height: 35px; clear: both; background: url(images/tabnavi_bg.gif) repeat-x;}
#tabNavi li	{height: 21px; float: left; overflow: hidden; background: url(images/tabnavi_off_right.gif) top right no-repeat;}
#tabNavi a	{display: block; padding: 3px 11px 3px 8px; background: url(images/tabnavi_off_left.gif) no-repeat; text-decoration: none !important;}

#tabNavi li.selected	{background: url(images/tabnavi_on_right.gif) top right no-repeat;}
#tabNavi .selected a	{background: url(images/tabnavi_on_left.gif) no-repeat;}	

#IconBar	a:link {font: 11px Arial, Verdana, Helvetica, sans-serif; color: #4f8620;	text-decoration: none}
#IconBar	a:visited {font: 11px Arial, Verdana, Helvetica, sans-serif; color: #4f8620;	text-decoration: none}
#IconBar	a:active {font: 11px Arial, Verdana, Helvetica, sans-serif; color: #4f8620;	text-decoration: none}
#IconBar	a:hover {font: 11px Arial, Verdana, Helvetica, sans-serif; color: #83aa62}

/** SITEMAP **/

.sitemap
{
	display: block;
	float: left;
	width: 555px;
	background-image: url(images/bg_content_sitemap.gif);
	background-repeat: repeat-y;
	margin-bottom: 20px;
}