/* Custom made CSS for Advanced Expanding Category Link Mod by convict */

/* Top level categories padding */
#menu{
width: 180px;
	padding:0px;
	text-align:left;
}

/* Menu width  !!!The same dimension have to be #menu li ul  left: !!! */
#menu, #menu a, div#menu ul, #menu ul ul, div#menu ul ul ul {
	
}


/*
 	Font declaration
 	Font color
 	Background color
 	Link behavior
 	
*/
#menu a, #menu a.cat_f, #menu a.cat_f:visited{
	font: 11px Tahoma, verdana, arial,helvetica,sans-serif;
	color: #ffffff;
		border-top: 0px solid #A5CB9A;
	margin-left: 3px ;
	border-right: 0px solid #0E4F01;
	border-bottom: 1px solid #3DA012;
	   font-weight: bold;
	display:block;
	text-decoration:none;
	padding-top: 8px;
		padding-bottom: 8px;
	padding-left: 3px;
	margin-right: 0px;

}

/* Submenu background color */
#menu ul ul li {
	background-color: #288709;
}

/* Link on mouse over colors */
#menu a:hover, #menu a.cat_f:hover{
	color:#ffffff;
	background:#7EAD69;
}

/* Link on mouse down colors */
#menu a:active, #menu a.cat_f:active{
	color:#000;
	background:#7EAD69;
}

/* Category with a subcategory(ies) arrow image */
#menu a.cat_f, #menu a.cat_f:visited, #menu a.cat_f:hover, #menu a.cat_f:active{
	background-image: url(../styleImages/father.gif);
	background-repeat: no-repeat;
	background-position: right;
}

/* Submenu declarations */
#menu ul ul{
	z-index: 1000;
	position: absolute;
	width:180px;
	margin: 0;
	padding: 0;
}

/* Rest of menu declarations */
#menu li{
	position: relative;
	list-style-type: none;
	
}

#menu li ul{
	position: absolute;
	top: 0;
	left: 178px;
	display: none;

}

div#menu ul, #menu ul ul, div#menu ul ul ul{
	margin: 0;
	padding: 0;
	list-style-image: none;
}

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,
div#menu ul ul ul ul ul li:hover ul
{
	display: block;
	
}
