@charset "utf-8";
/*  top menu */
#jsddm
{
	margin:0px;
	padding:0px;
	width:600px;
	float:right;
	height:20px;
	.margin-bottom:1px;
	margin-right:10px;
	border:red solid 0px;
}

	#jsddm li
	{
		float: left;
		list-style: none;
		font:bold 11px Tahoma, Arial ;
		border-bottom:red solid 0px;
	}
	
		a.navHome, 
		a.navAbout, 
		a.navAdvPunjab, 
		a.navServices, 
		a.navCalc, 
		a.navDownload, 
		a.navFaq,
		a.active
		{
			display: block;
			padding: 3px 0px;
			margin:0px 1px;
			text-decoration: none;
			border-right: 0px solid #3a4153;
			color: #fff;
			text-align:center;
			font-weight:normal;
			width:98px;
			height:14px; /*20-3-3*/			
			white-space: nowrap;
		}
		a.navHome{
			text-align:right;
			padding-right:8px;
			width:90px;
			width:88px;
			background:url(../images/nav_home.jpg) no-repeat top left;
			border:red solid 0px;
		}		
		a.navHome:hover
		{			
			  background:url(../images/nav_home.jpg) no-repeat top bottom;
		}
		
		a.navAbout{
			background:url(../images/nav_aboutUs.jpg) no-repeat top left;
			width:83px;
		}
			a.navAbout:hover{
				background:url(../images/nav_aboutUs.jpg) no-repeat top bottom;
			}
			
		a.navAdvPunjab{
			background:url(../images/nav_advantage.jpg) no-repeat top left;
			width:126px;
		}
			a.navAdvPunjab:hover{
				background:url(../images/nav_advantage.jpg) no-repeat top bottom;
			}
			
		a.navServices{
			background:url(../images/nav_services.jpg) no-repeat top left;
			width:76px;
		}
			a.navServices:hover{
				background:url(../images/nav_services.jpg) no-repeat top bottom;
			}
		
		a.navCalc{
			background:url(../images/nav_calC.jpg) no-repeat top left;
			width:65px;
		}
			a.navCalc:hover{
				background:url(../images/nav_calC.jpg) no-repeat top bottom;
			}
		
		a.navDownload{
			background:url(../images/nav_download.jpg) no-repeat top left;
			width:83px;
		}
			a.navDownload:hover{
				background:url(../images/nav_download.jpg) no-repeat top bottom;
			}
		
		a.navFaq{
			background:url(../images/nav_faq.jpg) no-repeat top left;
			width:56px;
		}
			a.navFaq:hover{
				background:url(../images/nav_faq.jpg) no-repeat top bottom;
			}
		
		a.active{
			background-position:top bottom;
		}
		
		
/*============ second level ================================*/		
			#jsddm li ul
			{
				margin: 0px;
				padding: 0px;
				margin-left:1px;
				position: absolute;
				visibility: hidden;
				background:#efefef;
					height:auto;
					display:block;
				border:red solid 0px;
			}
			
				#jsddm  div.divBg{
					background:#efefef;
					filter:alpha(opacity=90);
					-moz-opacity:0.90;
					opacity: 0.90;		
					-khtml-opacity: 0.90;					
				}				
				
				#jsddm li ul li
				{
					float: none;						
					display:inline;
					display:block;
					padding:0px;
					margin:0px;
						float:left;
						text-align:center;
					border-bottom:transparent solid 0px;
				}
					#jsddm li ul p{
						margin:0px;
						padding:0px;
						margin-left:20px;
						margin-bottom:2px;
					}
						#jsddm li ul p a{
							display:block;
							background:#e8e8e8;
						}
				
					 #jsddm li ul li a
					{						
						background:transparent url(../images/arrow_2.jpg) no-repeat left;
						color: #747575;
						text-align:left;
						display:block;
						padding:5px 10px;
						padding-left:10px;
						margin:0px 1px;
						text-decoration:none;
						border-bottom:#3d3d3d dotted 1px;
					}
					
					#jsddm li ul li a:hover
					{
						 color:#69a522;
						 background:url(../images/arrow_2.jpg) no-repeat left #FFF;
					}


<!--=================== third level ====================================-->
		#jsddm li ul li ul
			{
				margin: 0;
				padding: 0;
				margin-left:1px;
				position: absolute;
				visibility: hidden;
				background:#767d83;
				/*height: 208px;*/
					width:auto;
					height:100px;
				border:red solid 1px;
			}