ul.dropdown,
ul.dropdown li,
ul.dropdown ul {list-style: none; margin: 0; 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}


/* First-level expected directory tag - li */
ul.dropdown *.dir {background-image: none; padding: 5px 30px}
	/* Non-first level */
	ul.dropdown ul *.dir {padding: 8px 30px 8px 8px; background: url(../img/dd_nav-arrow-right.png) no-repeat 100% 50%}
	ul.dropdown ul ul *.dir {background-image: url(../img/dd_nav-arrow-right2.png)}
/* Components override */
ul.dropdown-vertical *.dir {background-image: url(../img/dd_nav-arrow-right.png)}

/*------------------------------------------------------------------------------------------------------/
@section	Base Drop-Down Styling  */

/* ALL LEVELS (incl. first) */
ul.dropdown {font: bold 17px/normal Arial, Helvetica, sans-serif}
	ul.dropdown li {background-color: #333; color: #fff; padding: 0}
	/* Links */
	ul.dropdown a {display: block}
	ul.dropdown span {display: block; padding: 5px 30px}
	ul.dropdown a:link,
	ul.dropdown a:visited {color: #fff; text-decoration: none}
	ul.dropdown a:hover {border-top-color: #1785ce !important; border-left-color: #1785ce; background-color: #005893; color: #fff}

	ul.dropdown ul a {padding: 8px; width: 133px}
	ul.dropdown ul a.dir {width: 111px}
	ul.dropdown ul a.dir:hover {/* proposal */
	 background-color: #4698ca; background-image: url(../img/dd_comnav-arrowon.png); color: #fff}

	/*ul.dropdown a:active {background: #058acf url(../img/dd_nav-sub-press.png) 0 0 repeat-x !important; color: #fff}*/

	/* NON-FIRST LEVEL */
	ul.dropdown ul {left: auto; right: 0; width: 150px; margin-top: -3px !important; border-top: 1px solid #1a1a1a; border-left: solid 1px #4c4c4c; font: bold 11px/1em Tahoma, Geneva, Verdana, sans-serif}
		ul.dropdown ul li {background-color: #002741}
	ul.dropdown ul ul {top: 0; right: auto; left: 100%; margin-top: 0; border-top: none; border-left: none; font-weight: normal}
		ul.dropdown ul ul li {background-color: #4c4c4c}
	ul.dropdown ul ul ul li {background-color: #595959}

/* Mixed */
ul.dropdown ul li a,
ul.dropdown *.dir {border-style: solid; border-width: 1px; border-color: #404040 #1a1a1a #1a1a1a #505050}

ul.dropdown ul li a,
ul.dropdown ul *.dir {border-color: #4a4a4a #242424 #242424; border-left: none}

ul.dropdown ul ul li a,
ul.dropdown ul ul *.dir {border-color: #595959 #333 #333}

ul.dropdown ul ul ul li a,
ul.dropdown ul ul ul *.dir {border-color: #767676 #404040 #404040}



ul.dropdown *.open {background-color: #3d3d3d}
ul.dropdown ul *.open {background-color: #4c4c4c; background-image: url(../img/dd_comnav-arrowover.png); color: #fff}
ul.dropdown ul ul *.open {background-color: #595959; background-image: url(../img/dd_comnav-arrowover2.png); color: #fff}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {background-color: #4698ca; color: #fff}
ul.dropdown ul a.open:hover {background-image: url(../img/dd_comnav-arrowon.png); color: #fff}


/* Clone in CSS 2 */
ul.dropdown li:hover > *.dir {background-color: #3d3d3d}
ul.dropdown ul li:hover > *.dir {background-color: #4c4c4c; background-image: url(../img/dd_comnav-arrowover.png)}
ul.dropdown ul ul li:hover > *.dir {background-color: #595959; background-image: url(../img/dd_comnav-arrowover2.png); color: #fff}
/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {background-color: #4698ca; color: #fff}
ul.dropdown ul li:hover > a.dir:hover {background-image: url(../img/dd_comnav-arrowon.png); color: #fff}


/* Custom elements */
#n-movies {width: 250px; text-align: center}
#n-movies ul {right: auto; left: 0; width: 249px; text-align: left}
#n-movies ul ul {left: 249px; width: 150px}
#n-movies ul a {width: 232px}
#n-movies ul a.dir {width: 210px}
#n-movies ul ul a {width: 133px}
#n-movies ul ul a.dir {width: 111px}
#n-movies ul ul ul {left: 100%}
