/*this is the css for the horizontal version*/
		.horizontal ul{
			list-style-type: none;
			padding: 0px;
			display: block;
			/*height: 1.4em;*/
			margin:0 0 0 20px;
		}
		.horizontal li{
			float: left;
			
			
		}
		.horizontal li a{
			text-decoration: none;
			/*height: 1.2em;*/
			float: left;
			width: 104px;
			padding: .1em 1px;
			text-align:left;
		}
		.horizontal li a.home{
			text-decoration: none;
			/*height: 1.2em;*/
			float: left;
			width: 80px;
			padding: .1em 1px;
			text-align:left;
		}
		
		.horizontal li a.kotak{
			text-decoration: none;
			/*height: 1.2em;*/
			float: left;
			width: 130px;
			padding: .1em 1px;
			text-align:left;
		}
		.horizontal li a.open_account{
			text-decoration: none;
			/*height: 1.2em;*/
			float: left;
			width: 120px;
			padding: .1em 1px;
			text-align:left;
		}
		.horizontal li a.products{
			text-decoration: none;
			/*height: 1.2em;*/
			float: left;
			width: 128px;
			padding: .1em 1px;
			text-align:left;
		}
		
		.horizontal li a.research{
			text-decoration: none;
			/*height: 1.2em;*/
			float: left;
			width: 120px;
			padding: .1em 1px;
			text-align:left;
		}
		
		.horizontal li a.faqs{
			text-decoration: none;
			/*height: 1.2em;*/
			float: left;
			width: 60px;
			padding: .1em 1px;
			text-align:right;
		}
		
		.horizontal li li a{
			border-top: none;
			text-decoration:none;
		}
		.horizontal li ul{
			position: absolute; 
			margin-top: 1.3em;
			margin-left: -1px;
			width: 175px;
			display: block;
			background-color:#003466;
		}
		
		.horizontal li ul#saxotrader{
			position: absolute; 
			margin-top: 1.3em;
			margin-left: -1px;
			width: 175px;
			display: block;
			background-color:#003466;
		}
		.horizontal li ul#research{
			position: absolute; 
			margin-top: 1.3em;
			margin-left: -1px;
			width: 165px;
			display: block;
			background-color:#003466;
		}

	
		
		.horizontal li ul li a{
		width:175px!important;
		text-align:left;
		/*line-height:1.8em*/
		}
		
		.horizontal li ul.saxotrader li a{
		width:145px!important;
		text-align:left;
		/*line-height:1.8em*/
		}
		
		.horizontal li li ul{
			position: absolute;
			margin-top: .1em;
			margin-left: 167px;
		}
		/*.horizontal li ul li a{
		width: 125px;
		}*/
		/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
		/*Not sure if I recommend this or not*/
		.inaccesible li ul{
			display: none;
		}
		/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
		.arrow a span{
		padding-left: 1em;
		font-size: 85%;
		}
		.arrow a:hover span{
		padding-left: 1em;
		}
		.arrow a span.noshow{
			visibility: hidden;
		}
		/*Plus code*/
		.plus a span{
			padding-left: .5em;
		}
		/*colors for menu*/
		
		.bluewhite li {
			color: #ffffff;
			font-weight:bold;
			
		}
		.bluewhite li a{
			color: white;
		}
		.bluewhite li a:hover{
			color: #95bee6;
		}
		.bluewhite li ul li{border-bottom:1px solid #fff; line-height:1.5em}
		
		/*this is the css for the FAQ page*/
		
		.faq{
		padding:5px 5px 20px 5px;
		border-bottom:1px solid #8AA2B9;
		text-align:left;		
		
		}
		
		.faq h2
		{
		font: bold 11px tahoma;
		color:#003466;
		background:url(../images/blue_round_buller.gif) no-repeat left top;
		padding-left:15px;
		*/
		
		background:url(../images/blue_round_buller.gif) no-repeat 5px 3px;
		padding-left:20px;
		
		*/
		}
		
		.faq h3
		{
		font: bold 11px tahoma;
		}
		
		.faq  a
		{
		color:#000;
		text-decoration:underline;
		}
		
		.faq ul, .faq ol
		{
		padding:0;
		margin:0;
		padding-left:15px;
		*/padding-left:25px;*/
		}
		
		.faq p
		{
		line-height:19px;
		margin-bottom:15px;
		
		}


span.vert{background:url(../images/white_arrow.gif) no-repeat right; }