/* Navigation Styles */

ul#topNav {
	padding:4px 0 4px 0;
	margin: 0;
	text-align: right;
}

ul#topNav li {
	display: inline;
}

ul#topNav li a {
	border-right: #333 solid 1px;
	padding-right: 7px;
	margin-right: 7px;
	font-size: 11px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

ul#topNav li a:hover {
	text-decoration: underline;
}

ul#topNav li.last a {
	border-right: none;
	margin-right: 0;
}

/* primaryNav Styles */

div#primaryNav {
	width: 736px;
	padding: 0 0 27px 0;
}

ul.primary li {
	float: left;
	position: relative;
}

ul.primary li a {
	display: block;
	cursor: pointer;
	text-decoration: none;

}

ul.primary li a strong {
	display: block;
	cursor: pointer;
}

ul.primary li a:hover strong,
ul.primary li.active a strong {
	background: url(/img/global/Sep_R.gif) no-repeat right top;
}

ul.primary li a strong span {
	display: block;
	padding: 14px 8px 12px 8px;
	line-height: 12px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
	cursor: pointer;
}

ul.primary li.active a strong span,
ul.primary li a:hover strong span {
	color: #fff;
}

ul.primary li a:hover strong span,
ul.primary li.active a strong span {
	background: url(/img/global/Sep_L.gif) no-repeat left top;
	color: #fff;
}

ul.primary li#eq a strong span{
	padding: 14px 8px 12px 12px;	
}

ul.primary li#eq.active a strong span,
ul.primary li#eq a:hover strong span {
	background: url(/img/global/leftCurve.gif) no-repeat left top;
}

ul.primary li:hover em.leftCurve,
ul.primary li.active em.leftCurve {
	left: -10px;
}

ul.primary li a:hover,
ul.primary li.setActive a {
	background: url(/img/global/nav-active-bg.gif) repeat-x left center;
	color: #fff;
	text-decoration: none;
}

ul.primary li#eq.setActive a strong span {
	background: url(/img/global/leftCurve.gif) no-repeat left top;
}

span.setActived {
	background: url(/img/global/leftCurve.gif) no-repeat left top;
}

ul.primary li.setActive a strong span {
	color: #fff;
}

ul.primary li.active a {
	background: url(/img/global/nav-active-bg.gif) repeat-x left center;
}

/* Manually specified absolute positions to the secondary horizontal menu */

ul.primary li ul.secondary {
	display: none;
	position: absolute;
	left: 0;
	top: 39px; /* 38px before*/
	width: 730px;
	z-index: 99;
}

ul.primary li ul#mutual-funds {
	left: 0;
	width: 610px;
}

ul.primary li ul#commodities {
	width: 420px;
	left: 13px;
}

ul.primary li ul#currency {
	width: 395px;
	left: 7px;
}

ul.primary li ul#loans {
	left: -50px;
	width: 580px;
}

ul.primary li ul#insurance {
	left: -150px;
	width: 650px;
}

ul.primary li ul#PMS {
	left: 0;
	width: 350px;
}

ul.primary li ul#wealth-management {
	left: 0;
	width: 350px;
}

ul.primary li ul#fixed-deposits {
	left: 0;
	width: 206px;
}

ul.primary li ul#about-us {
	left: -246px;
	width: 380px;
}

/* ===============================================================*/

ul.primary li ul.secondary li a {
	display: block;
	background: url(/img/global/li-divider.gif) no-repeat right center;
	line-height: 10px;
	padding: 8px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}

ul.primary li ul.secondary li a:hover {
	background: none;
	text-decoration: none;
}

ul.primary li ul.secondary li.last a {
	background: none;
}

ul.primary li ul.secondary li a strong.arrow {
	background: url(/img/global/dd-arrow.gif) no-repeat right center;
	padding-right: 9px;
	font-weight: normal;	
}

ul.secondary li ul.subSecondary {
	display: none;
	padding: 3px;
	background-color: #6d6d6d;
	position: absolute;
	left: 0;
	top: 26px;
	width: 131px;
	z-index: 99999;
}

ul.secondary li ul.subSecondary li {
	float: none;
	display:block;
	padding: 0;
	border-bottom: #777 solid 1px;
}

ul.secondary li ul.subSecondary li.last {
	border-bottom: none;
}

ul.primary li ul.secondary li ul.subSecondary li a {
	float: none;
	background: none;
	border-right: none;
	display: block;
	line-height: 12px;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	padding: 8px 0 8px 3px;
	margin: 0;
}

ul.primary li ul.secondary li ul.subSecondary li a:hover {
	background: #939393;
	text-decoration: none;
}

ul.primary li ul.secondary li ul.subSecondary li.last a {
	padding: 8px 0 8px 3px;
}

/* Hover Effect Styles */

ul.primary li ul.secondary li:hover ul.subSecondary, 
ul.primary li ul.secondary li.over ul.subSecondary {
	display: block;
}

ul.primary li ul.secondary li:hover, ul.primary li ul.secondary li.over {
	background: url(/img/global/secondary-gradient-bg.gif) repeat-x left center;
}

ul.primary li ul.secondary li.active {
	background: url(/img/global/secondary-gradient-bg.gif) repeat-x left center;
}

ul.primary li ul.secondary li.on {
	background: url(/img/global/secondary-gradient-bg.gif) repeat-x left center;
	/*height: 27px;*/
}

ul.primary li ul.secondary li.active a {
	background: none;
}

ul.primary li ul.secondary li:hover a, ul.primary li ul.secondary li.over a {
	background: none;	
}

ul.primary li ul.secondary li.active ul.subSecondary li:hover,
ul.primary li ul.secondary li ul.subSecondary li:hover {
	background: none;
}