/*-------
// Menu (Navigation) CSS
//-----*/

div#menuHolder { background:url(../../Images/Menu/menu_bg.gif) repeat-x top left; width:100%; height:23px; margin:10px 0; }
div#menuHolder ul li.first { padding-left:10px; }

div#menuHolder ul li:hover a { background:url(../../Images/Menu/menu_left.gif) no-repeat top left; top:2px; position:relative; display:block; float:left; cursor:pointer; text-decoration:none; }
div#menuHolder ul li:hover a span.text { color:#575853; background:url(../../Images/Menu/menu_right.gif) no-repeat top right; display:block; float:left; height:20px; line-height:20px; cursor:pointer; text-decoration:none;} 

div#menuHolder ul li a { font-size:130%; color:#ffffff; line-height:23px; }
div#menuHolder ul li a.selectedItem { display:block; float:left; top:-9px; position:relative; text-decoration:none; cursor:pointer; background:url(../../Images/Menu/menu_hover_left_02.gif) no-repeat top left; display:block; float:left; }
div#menuHolder ul li a.selectedItem span.text{ color:#fff; background:url(../../Images/Menu/menu_hover_right.gif) no-repeat top right; display:block; float:left; height:32px; line-height:32px; padding:0 23px 0 17px !important; }

div#menuHolder ul li a.link span.text{padding:0px 12px;}
div#menuHolder ul li { float:left; padding-left:10px; }

div#menuHolder .level1 .item a:hover a.disabled span.text,
div#menuHolder .level1 .item a.disabled span.text { display:none; }