#menu {
    background:url(if/customer/bg-menu.gif) repeat-x 0 0;
    border-bottom:1px solid #999;
    border-top:1px solid #EEE;
    height:32px;
}

#menu ul li h2 a {
    font-size:14px;
    font-weight:normal;
    display:block;
    padding:9px 0 7px 0;
}

#menu ul {
    list-style:none;
}

#menu ul li {
    border-right:1px solid #AAA;
    float:left;
}

#menu ul li a {
    border-right:1px solid #CCC;
    color:#333;
    text-align:center;
    width:140px;
    text-decoration:none;
}

#menu ul li h2 a:hover, #menu ul li h2 a.active {
    background:url(if/customer/bg-menu-over.gif) repeat-x 0 -1px;
    color:#FFF;
}

#menu ul ul a {
    color:#666;
	display:block;
	font-size:12px;
	padding:3px 0 3px 10px;
	text-align:left;
	white-space: nowrap;
	width:130px;
}

#menu ul ul a:hover, #menu ul ul a.active {
    color:#417aa9;
}

#menu h2 a.active{
	color:#333;
	
}

#menu a:hover{
	color: #000;
}

#menu ul ul a.arrow{
	background:url(if/arrow.gif) 98% center no-repeat;
	width:130px;
}

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

#menu ul ul{
	left:-1px;
	position: absolute; 
	top: 100%;
	width:140px;
	z-index: 5;
	border-bottom:1px solid #999;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}

#menu ul ul ul{
	left: 100%;
	position: absolute; 
	top: -1px; 
} 

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

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

#menu ul ul li{
    background:url(if/customer/bg-menu.gif);
	border-top:1px solid #999;
}