/***************************************************************\

        vertical menu right border highlight

\***************************************************************/


#navigation  > ul {
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	line-height: 1;
}

/* The container */
#navigation  > ul {
	display: block;
	position: relative;
	width: 125px;
	padding:0px 2px;
}

/* The list elements which contain the links */
#navigation  > ul li {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
    list-style: none;
}

/* General link styling */
#navigation  > ul li a {
	/* Layout */
	display: block;
	position: relative;
	margin: 3px 0px;
	padding: 11px 20px;
	width: 12.45em; 
		
	/* Typography */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:  #;
	text-decoration: none;		
	font-size: 13px;
	font-weight: 600;

	/* Background & effects */
	background: #ffffff;
}

#navigation  > ul li>a:hover::before, 
#navigation  > ul li:hover>a::before {
	border-left: 4px solid rgba(0, 0, 0, .25);
}

/* THE SUBMENUS */
#navigation  > ul ul {
	position: absolute;
    z-index: 10;
	left: 165px;
	top: -9999px;
	z-index: 1;
	padding-left: 5px;
	opacity: 0;
	/* The fade effect, created using an opacity transition */
	-webkit-transition: opacity .3s ease-in;
	-moz-transition: opacity .3s ease-in;
	-o-transition: opacity .3s ease-in;
	-ms-transition: opacity .3s ease-in;
	background-color: #;
	width:170px;
}
			
/* Showing the submenu when the user is hovering the parent link */
#navigation  > ul li:hover>ul {
	top: 0px;
	opacity: 1;		
}	

/* The hover state of the menu/submenu links */
#navigation  > ul li>a:hover, 
#navigation  > ul li:hover>a {
	text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
	background:#FFFFFF;
	color: #;
	border-right: 5px solid #;
}

/* set up the right arrows first */
.udm li > a:after { 
	margin-left: 5px; 
	content: '\25BA'; 
	float:right; 
	margin-right:0px; 
	font-size:80%;
}

 /* set up the  arrow for top level items */
.udm > li > a:after { 
	margin-left: 5px;
	content: '\25BA'; 
	float:right; 
	margin-right:0px; 
	font-size:80%;
}

/* clear the content if a is only child */
.udm li > a:only-child:after { 
	margin-left: 0; 
	content: ''; 
}