ul									{ list-style: none; }

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; z-index: 2;}
ul.dropdown li                      { 
	font-weight: bold; 
	float: left; 
	zoom: 1; 
	/* background: #ccc; */
	/* border-radius: 3px; */
}
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { 
	display: block; 
	padding: 4px 8px; 
	/* border-right: 1px solid #333; */
	color: #222;

	
}
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { 
	background: #F3D673; 
	/* background-color: var(--e-global-color-primary); */
	color: black; 
	position: relative;
	/* border-radius: 8px;  */
}
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{
	padding-left: 0;
	width: 220px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	/* overflow: hidden; */
	/* border-radius: 8px;  */
}
ul.dropdown ul li 					{ 
	font-weight: normal; 
	background: #f6f6f6; 
	color: #000;
	/* border-bottom: 1px solid #ccc;  */
	float: none;
	border-radius: 0;
	
}
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ 
	border-right: none; 
	width: 100%; 
	display: inline-block;
	padding: 3px 15px; 
} 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }