@charset "UTF-8";




ul.classic {
 list-style: disc;
 margin-bottom: 1em;
 padding-left: 2em;
}

ul.dropdown {
 list-style: none;
 margin: 0;
 padding: 0;

}

ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;

 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown {
 padding-bottom: 1px;
 font: bold 13px/normal Arial, Helvetica, sans-serif;
}

	ul.dropdown li {
	 padding: 4px 6px;
	 color: #000000;
	}

	ul.dropdown li.divider {
	 border-top: solid 1px #e5e5e5;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 color: #000000;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #000000; text-decoration: none; }
	ul.dropdown a:hover	{ color: #cc9900; text-decoration: none; }
	ul.dropdown a:active	{ color: #000000; }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 150px;
	 padding: 3px 6px;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #f0f0f0 #666 #666 #f0f0f0;
	 background-color: #fff;
	 font-weight: normal;
	 font-size: 11px;
	}


ul.dropdown ul li a,
ul.dropdown ul *.dir {
 border: none;

}


/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 
 padding-right: 25px;
 background-image: url(../../../images/nav-arrow-down.png);
 background-position: 95% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */


ul.dropdown-horizontal ul *.dir {
 padding-right: 25px;
 background-image: url(../../../images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}



/*-------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {

display: block;
 padding: 4px 10px;
}

ul.dropdown ul a,
ul.dropdown ul span {
 padding: 4px 0;
}

/*-------------------------------------------------/
 * @section		Base Style Override
 */

ul.dropdown li {
 padding: 5;
 border: none;
 color: #000000;
}

/*-------------------------------------------------/
 *	@section	Custom Styles
 */

ul.dropdown li a,
ul.dropdown *.dir {
 border-style: solid;
 border-width: 1px 1px 0;
 border-color: #fff;
}




/*-------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */

ul.dropdown li.hover *.open {
 position: relative;
 z-index: 600;
 margin: -1px 0;
 padding-top: 5px;
 padding-bottom: 5px;
 border-color: #f0f0f0 #666 #666 #f0f0f0;
 background-color: #fff;
 background-image: url(../../../images/nav-arrow-down-open.png);
 color: #cc9900;
 zoom: 1;
}

ul.dropdown-horizontal li.hover *.open{
 float: left;
 zoom: none;
}

ul.dropdown ul li.hover *.open {
 
 z-index: 0;
 float: left;
 margin: Auto;
 padding-top: 4px;
 padding-bottom: 4px;
 border: none;
}

ul.dropdown ul li.hover *.open {
 background-image: url(../../../images/nav-arrow-right-open.png);
}

ul.dropdown a.dir:hover {
 background-image: url(../../../images/nav-arrow-down-on.png) !important;
}

ul.dropdown ul a.dir:hover {
 background-image: url(../../../images/nav-arrow-right-on.png) !important;
}
		
		
		