/*
	General rules
	*/

	#dhtmlgoodies_slidedown_menu li{font-family:Arial;
		list-style-type:none;
		position:relative;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0 0 10px 0;
		padding:0 0 8px 0;
		position:relative;
		background: url(../images/menucatbot.gif) no-repeat bottom left #083639;

	}
	#dhtmlgoodies_slidedown_menu ul li ul, #dhtmlgoodies_slidedown_menu ul li ul li ul {background:none}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
	}
	/* 	Layout CSS */
#dhtmlgoodies_slidedown_menu{       
    width:194px;text-align:left;
    font-size:12px;float:left;padding: 8px 0 22px 0;
    background: url(../images/menucattop.gif) no-repeat top left;
    }

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;	
		display:block;
		clear:both;
		

	}
	
	/*
	A tags 
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		font-weight:bold;
		background: url(../images/prodmenu.jpg) no-repeat top left #083639;width:184px !important; width /**/: 194px;	padding: 5px 5px 0 5px;height:22px !important; height /**/: 27px;
	}	
	#dhtmlgoodies_slidedown_menu ul li a:hover {
		color:#234D52
	}
	#dhtmlgoodies_slidedown_menu ul li ul li a:hover {
		background:none;color:#ccc
	}
	#dhtmlgoodies_slidedown_menu ul li ul li ul li a:hover {
		background:none;color:#ccc
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin:1px 0;
		border-bottom:1px dashed #fff;
		width:184px;
		color:#fff;
		
	}	
	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		width:178px;margin-left:5px;border-bottom:1px dashed #666666;color:#fc0
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		width:163px;margin-left:15px;border-bottom:1px dashed #fff;
	}	
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
	}

	/* UL tags, i.e group of menu utems. 
	It's important to add style to the UL if you're specifying margins. If not, assign the style directly
	to the parent DIV, i.e. 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1
	
	instead of 
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul
	*/
	
	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:0;
		padding:1px;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
	}