/***********************************************\
Document:		Stylesheet (CSS)
Purpose:		Styles for Menu elements
Website:		Princen-Group.com
Last edited:	2008 october 20th
Author:			Joël Kuijten for Princen-group
\***********************************************/


/* MainMenu styles */
#MainMenu{
	height:35px;
	width:560px;
	display:block;
	float:left;
	line-height:35px;
	background:#78235C;
}
/* Styles for items in the main menu */
#MainMenu dt, #InlogLink{
	float:left;
	padding:0;
	margin:0;
	width:auto;
	line-height:35px;
}
html>body #MainMenu dt{
	width:auto;
	min-width:100px;
}
#MainMenu dt a{
	white-space:nowrap;
	display:block;
	margin:0;
	padding: 10px 20px 10px 15px;
/*--- text properties ---*/
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	text-decoration:none;
}
#InlogLink{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	text-decoration:none;
	float:right;
	display:block;
	width:309px;
	padding: 0 15px;
	text-indent:60px;
}
#MainMenu dt a:hover, #InlogLink:hover{
	color:#000;
}
/* Styles for Items in the submenus */
.submenu{
	background:#78235C;
	display:block;
	padding:0;
	margin:0;
	position:absolute;
	z-index:3000;
}
html>body .submenu{
	width:auto;
}
.submenu dt{
	display:block;
}
.submenu dt a{
	display:block;
	margin:0;
	padding: 5px 20px 5px 15px;
/* --- text properties --- */
	font-weight:bold;
	line-height:15px;
	font-size: 11px;
	color:#fff;
	text-decoration:none;
}
.submenu dt a:hover{
	color:#000;
}
/* hasSub to show items have a submenu */ 
#mainmenu .hasSub{
	background-image:url(images/arrowMain.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
.hasSub:hover{
	/* background-image:url(subArrowOver.gif); */
}
.submenu .hasSub{
	background-image:url(images/arrowSub.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
.hasSub:hover{
	/* background-image:url(subArrowOver.gif); */
}
/* scroller style */
.menuScroller{
	line-height:15px;
	width:100%;
	background:#f00;
	color:#0F0;
}
.arrow{
	width:20px;
	padding:0 0 0 12px;
	vertical-align:bottom;
}
/* remove the list styles for sub- and mainmenus*/
#MainMenu, .submenu dt{
	padding:0;
	margin:0;
	list-style:none;
}