ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.dropdown {
	position: relative;
	z-index: 597;
	float: left;
}

/* DO NOT AMEND ABOVE THIS LINE */

/* top level menu */
ul.dropdown li {
	float: left;
	display: block;
	/* DO NOT MODIFY ABOVE */
	text-decoration:none; 
	padding: 5px;
	background-image: url(../images/img-divider.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

/* top level anchor tag */
ul.dropdown li a {
	float: left;
	text-decoration: none;
	padding: 5px;
}

/* top level anchor tag hover - used for IE6 */
ul.dropdown li a:hover {
	float: left;
	text-decoration: none;
}

/* top level and dropdown hovers */
ul.dropdown li.hover,
ul.dropdown li:hover {
	position: relative;
	z-index: 599;
	cursor: default;
	/* DO NOT MODIFY ABOVE */
	text-decoration:none; 
	background-image: none;
}

/* selected top level menu item */
ul.dropdown li.selected {
	position: relative;
	z-index: 599;
	cursor: default;
	/* DO NOT MODIFY ABOVE */
	text-decoration:none; 
}

/* top level anchor tag styling when hovering on dropdown */
ul.dropdown li:hover a {
    text-decoration: none;
}

/* main dropdown menu */
ul.dropdown ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 598;
	/* DO NOT MODIFY ABOVE */
	width: 255px;
}
 
/* IE7/other browser dropdown menu item hover */
ul.dropdown ul li:hover{
	display: block;
	/* DO NOT MODIFY ABOVE */
	width: 245px;
}

/* IE6 dropdown menu item hover */
ul.dropdown ul li.hover {
	display: block;
	/* DO NOT MODIFY ABOVE */
	width: 245px;
}

/* sub menu anchor tag - colour attribute used for IE6 */
ul.dropdown ul a {
    font-size: 90%;
    width: 245px;
    display: block;
    height: 20px;
    padding: 5px;
    margin-left: -3px;
}

/* sub menu anchor tag hover */
ul.dropdown ul a:hover {
	font-size: 90%;
    display: block;
    width: 245px;
    height: 20px;
    padding: 5px;
    margin-left: -3px;
}

/* individual dropdown items styling */
/* HEIGHT IS IMPORTANT SO THAT MENU DOESN'T JUMP!!! */
ul.dropdown ul li {
	height: 20px;
	float: none;
	background: none;
}


/* DO NOT AMEND BELOW THIS LINE */

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}

ul.dropdown li.divider.hover,
ul.dropdown li.divider:hover {
	background: none;
}