/*Applies to the DIV that holds the Menu*/
.RadMenu_clara_menu
{
    background: transparent;
    position: relative;
    float: right;
    width: 100%;
    padding: 0px;
    margin:0px !important;
    text-transform: capitalize;
}


.RadMenu_clara_menu .leftImage
{
    padding: 0px;
    margin: 0px 0px 0px 0px !important;
}
.RadMenu_clara_menu .item
{
    /*border:1px solid #FF0000;*/
    padding: 0px;
    margin: 0px;
}

/* applies to the root and sub menu items <a> tag */
.RadMenu_clara_menu .link
{
    padding: 0px;
    margin: 0px !important;
    cursor: pointer !important;
}


/* applies to the root menu items - padding added */
.RadMenu_clara_menu .rootGroup .item {margin:0px 1px 0px 0px;}

.RadMenu_clara_menu .rootGroup .first {padding-left:15px;}

.RadMenu_clara_menu .group .first {padding-left:0px !important;}

/* applies to the root and sub menu rollover state */
.RadMenu_clara_menu .link:hover, .RadMenu_clara_menu .focused, .RadMenu_clara_menu .expanded
{
    padding: 0px;
    margin: 0px;
    cursor: hand;
    cursor: pointer;
}

/* applies to root item text */
/* because unilink main menu doesn't have text and uses only images, this style is not needed */
/*.RadMenu_clara_menu .text
{
	color: #FF0000;
}*/

/* applies to sub menu <ul> containers */
.RadMenu_clara_menu .group
{
    background: trasparent;
    /*width: 200px;*/
}

/*applied to text in sub menu items */
.RadMenu_clara_menu .group .text
{
	/*color: #ccc;*/
    color: #BEBEBE;
	font-family: verdana, arial !important;
	border-bottom-color: #0B0B0B;
	text-shadow: 0 0 0 #131313;
}

/* applied to the <a> tag of the sub menu items */
.RadMenu_clara_menu .group .link
{
	text-align: left;
	background-color: #628190;
	padding: 5px 5px 0px 5px;
	color: #BEBEBE !important;
	min-width: 120px;
	height: 20px;    /*filter: alpha(opacity=95);
    opacity: 0.95;
    -moz-opacity: 0.95;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	
	
}

/*applies to the image that appears on the left of sub menus, the icons */
.RadMenu_clara_menu .group .leftImage
{
    padding-right: 5px;
}


/* applied to the <a> tag of the sub menu items on rollover */
.RadMenu_clara_menu .group .link:hover, .RadMenu_clara_menu .group .focused, .RadMenu_clara_menu .group .expanded
{
	text-align: left;
	background-color:#171717 !important;
	color: #BEBEBE !important;
	text-decoration: none !important;
	z-index:50;
#
    _padding-left:5px;
	_padding-top:5px;
	_width: 173px !important;
	_height: 20px;
	text-shadow: 0 0 0 #131313;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #171717;
}


/* applied to the text IN the <a> tag of sub menu items on rollover */
.RadMenu_clara_menu .group .link:hover .text, .RadMenu_clara_menu .group .focused .text
{
    color: #BEBEBE;
    text-decoration: none !important;
    background-color: transparent;
    text-decoration:none !important;
    position:relative;
    z-index:100;
		text-shadow: 0 0 0 #131313;
}


.RadMenu_clara_menu .expandLeft, .RadMenu_clara_menu .expandLeft:hover
{
    background: Transparent url(images/arrow_bullets.gif) right center no-repeat;
}

.RadMenu_clara_menu .slide
{
    margin-top:1px;
    
}
.RadMenu_clara_menu a:link, .RadMenu_clara_menu a:hover, .RadMenu_clara_menu a:visited, .RadMenu_clara_menu a:active{
	text-decoration:none !important;
	border:none;
}
