
/* HORIZONTAL NAVIGATION*/
/* Container */
.nav-horizontal {
z-index:950;}
	/* Level 1 */
	.nav-horizontal ul {
	display:block;
	width:auto;
	margin:0;
	padding:0;
	list-style: none;
	z-index: 990;
	height:40px;}
		.nav-horizontal li {
		display:block;
		float:left;
		list-style: none;
		position: relative;
		z-index: 990;
		line-height:normal;
		padding:0;
		margin:0;
		height:40px;}
			.nav-horizontal ul li a:link, .nav-horizontal ul li a:active, .nav-horizontal ul li a:visited {
			display:block;
			z-index:999;
			text-decoration:none;
			color:#fff;
			padding:0px;
			height:40px;
			text-indent:-99999px;
			overflow:hidden;
			background-image: url(/images/generic/nav-bg.png);}
			/* images*/
			.nav-horizontal li#nav1 a {width:34px;background-position: left top;}
			.nav-horizontal li#nav2 a {width:69px;background-position: -34px top;}
			.nav-horizontal li#nav3 a {width:138px;background-position: -103px top;}
			.nav-horizontal li#nav4 a {width:89px;background-position: -241px top;}
			.nav-horizontal li#nav5 a {width:121px;background-position: -330px top;}
			.nav-horizontal li#nav6 a {width:68px;background-position: -451px top;}
			.nav-horizontal li#nav7 a {width:109px;background-position: -519px top;}
			/* Hover */
			.nav-horizontal li#nav1 a:hover {background-position: left bottom;}
			.nav-horizontal li#nav2 a:hover {background-position: -34px bottom;}
			.nav-horizontal li#nav3 a:hover {background-position: -103px bottom;}
			.nav-horizontal li#nav4 a:hover {background-position: -241px bottom;}
			.nav-horizontal li#nav5 a:hover {background-position: -330px bottom;}
			.nav-horizontal li#nav6 a:hover {background-position: -451px bottom;}
			.nav-horizontal li#nav7 a:hover {background-position: -519px bottom;}

		/* Level 2 */
		.nav-horizontal li li, .nav-horizontal li li li {
		height:auto;
		position: relative;
		z-index:999;
		border-right:none;
		width:199px;
		height:auto;
		border-bottom:solid 1px #666;
		border-right:solid 1px #666;
		border-left:solid 1px #666;}
			 .nav-horizontal li li li {}
			.nav-horizontal li#nav1 li a,
			.nav-horizontal li#nav2 li a,
			.nav-horizontal li#nav3 li a,
			.nav-horizontal li#nav4 li a,
			.nav-horizontal li#nav5 li a,
			.nav-horizontal li#nav6 li a,
			.nav-horizontal li#nav7 li a {
			width:auto;
			background: url(/images/generic/arrow-white.gif) right bottom no-repeat #000;
			text-indent:0px;
			font-size:11px;
			padding:10px;
			height:auto;
			line-height:15px;
			/* for IE */filter:alpha(opacity=90);
  		    /* CSS3 standard */opacity:0.9;}
			.nav-horizontal li#nav1 li a:hover,
			.nav-horizontal li#nav2 li a:hover,
			.nav-horizontal li#nav3 li a:hover,
			.nav-horizontal li#nav4 li a:hover,
			.nav-horizontal li#nav5 li a:hover,
			.nav-horizontal li#nav6 li a:hover,
			.nav-horizontal li#nav7 li a:hover {
			background: url(/images/generic/arrow-yellow.gif) right bottom no-repeat #333;}

/* Positioning */
.nav-horizontal ul ul {
position: absolute;
top:32px;
left:-1px;
z-index: 999;
padding:0;
margin:0;
width:200px;}
.nav-horizontal ul ul ul {
top:0px;
left:199px;
background:none;
padding:0;}

/*HIDING & REVEALING 2 LEVEL USING :hover*/
div.nav-horizontal ul li ul, div.nav-horizontal ul li:hover ul { visibility:hidden;}
div.nav-horizontal ul li:hover ul, div.nav-horizontal ul ul li:hover ul { visibility:visible;}

/*HIDING & REVEALING 3 LEVEL USING :hover*/
div.nav-horizontal ul ul ul, div.nav-horizontal ul ul li:hover ul ul {display:none !important;}
div.nav-horizontal ul ul li:hover ul, div.nav-horizontal ul ul ul li:hover ul {display:block !important;}
