/* Bread Crumb Formatting*/
.cms-nav-bc{
    padding:0 20px 5px;
	height:17px;
}

#menu-wrap {width:100%; position:relative; z-index:100;background-color: #EEE;}

/* hack to correct IE5.5 faulty box model */
* html #menu-wrap {width:100%; w\idth:100%}

/* remove all the bullets, borders and padding from the default list styling */
#menu-wrap ul {padding:0;margin:0 !important;list-style-type:none;}
#menu-wrap li, #menu-wrap a, #menu-wrap div {padding:0;margin:0 !important;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#menu-wrap ul li {float:left;position:relative; width:160px}
/* hack to correct IE5.5 faulty box model */
* html #menu-wrap ul li {width:160px; w\idth:160px}

#menu-wrap ul ul li {width:100%}
/* hack to correct IE5.5 faulty box model */
* html #menu-wrap ul ul li {width:100%; w\idth:100%}

/* style the links for the top level */
#menu-wrap ul a, #menu-wrap ul a:visited {
    display:block;
    text-decoration:none; 
    padding-left:10px !important; 
    padding-right: 20px !important;
    border-right:1px solid #fff; 
}

#menu-wrap ul ul li:hover a{ /*, #menu-wrap ul a:focus, #menu-wrap ul a:active{    */
	background-color:#888888 !important;
	color:#FFFFFF;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #menu-wrap a, * html #menu-wrap a:visited {width:10px; w\idth:10px;padding-right:20px;white-space:nowrap}

/* style the second level background */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
    border: 0px;
}

#menu-wrap a.trigger, #menu-wrap a.trigger:hover, #menu-wrap a.trigger:visited {
    background-image: url(../img/cms-nav-dark-s.gif) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#menu-wrap ul ul,
#menu-wrap ul li:hover ul ul,
#menu-wrap ul ul li:hover ul ul
	{visibility:hidden;
	position:absolute;
	height:0;
	left:0;
	width:149px; 	
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#menu-wrap table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#menu-wrap ul ul a, #menu-wrap ul ul a:visited {
   height:auto; line-height:15px; padding:5px 10px; width:150px;
}

/* yet another hack for IE5.5 */
* html #menu-wrap ul ul a, * html #menu-wrap ul ul a:visited {line-height:15px; padding:5px 10px; width:150px;w\idth:128px;}

                                 
/* make the second level visible when hover on first level list OR link */
#menu-wrap ul li:hover ul,
#menu-wrap ul ul li:hover ul,
#menu-wrap ul ul ul li:hover ul,
#menu-wrap ul a:hover ul
{visibility:visible;}

#menu-wrap li div.selected{    
    background-color: #FFF9DF;
    color: #FF7900;
    padding:5px 15px;
 	width:150px; 
    line-height:15px !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



#menu-wrap li a.selected_trigger{    
    background-color: #FFF9DF;
    color: #FF7900;
    padding:5px 15px;
	font-weight:bold;
    line-height:15px !important;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    background-image: url(../img/cms-nav-dark-s.gif) !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
}

#menu-wrap ul ul li a.selected, 
#menu-wrap ul ul ul li a.selected, 
#menu-wrap li ul li.current-cat a{    
    background-color: #FFF9DF;
    color: #FF7900;
    line-height:15px !important;
}

.cms-nav-clearit {
    clear: both;
    height: 0;
    line-height: 0.0;
    font-size: 0;
}
.cms-nav-sub-section{    
    font-weight:bold;
    font-size: 110%;
    list-style-type: none;
}
ul li.cms-nav-sub-section:before{
    content: '' !important;
}

.cms-nav-left-menu ul, .cms-nav-left-menu li, .cms-nav-left-menu a{
    padding:0;
    margin:0;    
}
.cms-nav-left-menu{
    list-style: none;
    padding:0;
    margin:0;
}
.cms-nav-left-menu li{
    position: relative;
    margin:4px 8px 2px 8px;
}