#menu{
	
	height: 		27px;
	font-family: 	Arial, Helvetica, sans-serif;
	float: 	right;
}


#menu a{
	display:		block;
	white-space: 	nowrap;
}

#menu ul{
	border-left: 	1px solid white;
	float:			left;
	list-style:		none;
	margin:			0;
	padding:		0;
	
}

#menu ul.firstMenu {
	border-left:	none;
	width:			40px;
}

#menu li.firstMenu {
	background: 	url(if/customer/ifElementsArbon.png) -74px -84px no-repeat;
}

#menu li.firstMenu:hover, #menu li.firstMenuActive {
	background: 	url(if/customer/ifElementsArbon.png) -34px -84px no-repeat;
}

#menu li.mobile {
	display: 		none;
}
	

#menu ul:hover{
	background: url(if/customer/ifElementsArbon.png) 0 -139px;
}

#menu h2 {
	font-weight:	bold;
	line-height: 	27px;
}


#menu a, #menu h2 a{ 
	display:		block;
	font-size:		14px;
} 

#menu ul li h2 a{
	text-align: center;
	font-weight:	bold;
	color:			#ccc;
	display:		block;
	height:	 		27px;
	padding:		0 16px !important;
}

#menu > ul > li > h2 > a > div,
#menu ul ul li > div {
	display: 		none;
}



#menu ul li h2 a:hover {
	color: white;
}

#menu h2 a.active{
	color:		white;
	background: url(if/customer/ifElementsArbon.png) 0 -139px;
}


#menu a{
/* 	color:				#333; */
	font-size:			11px;
	font-weight:		100;
	text-decoration: 	none;
}

#menu ul li {
	position: 		relative;
    z-index: 		11;
}

#menu ul ul{
	left:			-1px;
	position: 		absolute; 
	top: 			100%;
/* 	width:			200px; */
	min-width: 		120px;
	z-index: 		12;
	border-left:	1px solid #ccc;
	border-right:	1px solid #ccc;
	border-bottom:	1px solid #ccc;
	
}

#menu ul ul {
	-moz-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.4);
	box-shadow: 0px 5px 10px 2px rgba(0,0,0,0.4);
	/* For IE 8 */
/* 	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333')"; */
	/* For IE 5.5 - 7 */
/* 	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333'); */
}

#menu ul ul ul{
	left: 			100%;
	position: 		absolute; 
	top: 			-1px; 
	
	-moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	box-shadow: 5px 5px 10px rgba(0,0,0,0.4);
	/* For IE 8 */
/* 	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333')"; */
	/* For IE 5.5 - 7 */
/* 	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#333333'); */
} 

#menu ul ul li {
	padding-right: 20px;
	background: url(if/customer/subMenu.gif) top left;
	border-top: 1px solid #ccc;
}

#menu ul ul li:hover {
	background-position: bottom left;
}


#menu ul ul li a{
	color:				#333;
	padding: 5px 4px 4px 4px;
	height: 14px;
}

#menu ul ul li a:hover {
	color:				#369;
}


#menu ul ul li.active a {
	color:				#369;
	background: 		url(if/customer/subMenu.gif) top left;
}

#menu ul ul li.parent {
	background: url(if/customer/subMenu.gif) top right;
}

#menu ul ul li.activeParent > a {
	color:				#369;
}

#menu ul ul li.parent:hover, #menu ul ul li.activeParent:hover, #menu ul ul li.activeParent {
	background: url(if/customer/subMenu.gif) bottom right;
}


#menu ul ul,#menu ul li:hover ul ul,#menu ul ul li:hover ul ul, #menu ul ul ul li:hover ul ul, #menu ul ul ul ul li:hover ul ul{
	display: none;
} 

#menu ul li:hover ul,#menu ul ul li:hover ul,#menu ul ul ul li:hover ul,#menu ul ul ul ul li:hover ul{
	display: block;
}