/* first level > list */

ul.ds {
	z-index: 1000;
}

/* first level > list items */
ul.ds li {
	position: relative;
	margin: 0 0em 0 0;
	line-height: 1em;
	z-index: 1001;  text-align: left; width: 150px;  background: url(../../images/com/ar_line.png); background-position: right; top: 0px; background-repeat: no-repeat
}

/* first level > link style */
ul.ds>li a, ul.ds li a:visited {
	position: relative;
	display: block;
	padding: 0em 1em;
	line-height: 60px;
	text-decoration: none;
	color: #333;
}

/* first level > link style > hover */
ul.ds li a:hover {
	color: #5cbeff;
	background-color: #1a3855;
}

/* indicators */
ul.ds li div.indicator {width: 150px; 
}

ul.ds li div.indicator a {
	background-image: url(" ../../images/com/ar_down.png ");
	background-position: 90% 20px;
	background-repeat: no-repeat; width: 150px; 
}

/* open state and hover style */
ul.ds li.open div.indicator a, ul.ds li div.indicator a:hover {
	color: #fff;

	background-image: url(" ../../images/com/ar_down.png ");
	background-position: 90% 20px;
	background-repeat: no-repeat; 
   background-color: #999;
    width: 150px; 
}

/* second level > list */
ul.ds li ul {
	position: absolute;
	left: 0;
	visibility: hidden;
	z-index: 1001;
}

/* second level > list items (override first level > list items) */
ul.ds li ul li {
	float: none;
	margin: 0;
	/*display: inline;*/ ; float: left; 	width: 150px !important;   
}

/* second level > link style */
ul.ds li ul li a, ul.ds li ul li a:visited {
	padding: 0em 1em;
	color: #333 !important;
	background-image: none;
	background-color: #fff;
	border: 1px solid #ccc; margin-top: -1px;  line-height: 35px;  font-size: 14px
}

/* individual styling of first list link style */

/* second level > link style > hover */
ul.ds li ul li a:hover {
	color: #fff !important;
	background-color: #666 !important;
}

/* clickstream */
ul.ds li.clickstream a {
	color: #fff;
}

ul.ds li.clickstream div.indicator a {
	background-position: right -64px;
}

ul.ds li.open.clickstream div.indicator a, ul.ds li.clickstream div.indicator a:hover {
	background-position: right -140px;
}

ul.ds li ul li.clickstream a {
	color: #fff !important;
	background-color: #000 !important;
}

div.dsClear { /* to clear the floated list items */
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}