/* Jimmy Mercado */
/* Mar.30.2008   */

#nav{
	background:url(/graphics/global/bk-menu.png) top left no-repeat;
	height:30px;
	width:930px;
	padding:0px 0px 0px 0px;
	margin:0px auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	z-index:90;
	position: relative;
}

#nav #home { width: 100px; }
#nav #products { width: 258px; }
#nav #support { width: 219px; }
#nav #about { width: 150px; }

/* BEGIN 1st LEVEL */
#nav ul{ 
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style: none; 
	z-index:90;
	display:block;
	overflow:visible;
	/*margin:0px auto; Uncoment this if you want the menu in center*/
	
}

#nav ul li {
	margin:0px;
	position: relative;
	float:left;
	/*width: 150px;
	background-color:#ccc;*/
	border:solid 0px #ccc;
	display:block;
	/*height:auto;*/
	
	/*JLM*/
	font: bold 17px arial;
	height:30px;
	
	background-repeat: repeat-x;
	
	/*border-left:1px solid #ccc;*/
	border-right:0px solid #ccc;
	
}

#nav ul li a /* 1st Level style*/
{	display: block;
	margin: 0px 0px 0px 0px; /* set right-margin to 0 to remove divider*/
	
	/*padding: 4px 10px;
	background: #5970B2;
	width:150px; */
	color: #fff;
	text-align: center;
	text-decoration: none;
	
	/*JLM*/
	height:30px;
	padding-top:5px;
	vertical-align:middle;
	font: bold 17px arial;
}


#nav img#arrow{
	float:right;padding:7px 4px 0px 0px;
}

#nav ul li a:hover, #nav ul li:hover { /* 1st LEVEL highlight*/
	color:#F1CA00;
}

/* END 1st LEVEL */

#nav #subproducts { width: 160px; }
#nav #subsupport { width: 219px; }

#nav #subproducts a { width: 155px; height:25px; padding:5px 0px 0px 5px; }
#nav #subsupport a { width: 214px; height:25px; padding:5px 0px 0px 5px; }

/* BEGIN 2nd LEVEL */
#nav ul li ul {
	display:none;
	padding:0px 0px 0px 0px;
	margin:0px;
	list-style: none;
	/*width:12em;*/
	z-index:91;
	position:absolute;
	/*overflow:visible;*/
	
	/*JLM*/
	background-color: #CFE1ED;
	border:1px solid #768896;
}


#nav ul li ul li {
	margin:0px;
	position: relative;
	/*width: 12em;*/
	/*background-color:#fff;*/
	border:solid 0px #ccc;
	display:block;
	/*height:auto;*/
	
	/*JLM*/
	font: bold 11px arial;
	background:none;
	z-index:91;
}

#nav ul li ul li a{ /* Sub Menu Background*/
	text-align: left;
	/*background: #EAEBD8;*/
	color:#131313;
	
	/*JLM*/
	/*padding: 4px 10px;*/
	font: bold 11px arial;
	z-index:91;
}

#nav ul li ul li:hover, #nav li ul li a:hover{ /* 2nd Level highlight*/   
	background:none;
	color:#069;
	background-color:#e7eeef;
	z-index:91;
}

/* END 2nd LEVEL */


/* 3rd LEVEL */
#nav ul li ul li ul{ /*3rd Level  */
     display:none;
     position:absolute;
     margin-top:-2.35em;
     margin-left:160px;
	 z-index:92;
}

#nav ul li ul li ul li{
	margin:0;
	position: relative;
	/*background-color:#fff;*/
	border:solid 0px #ccc;
	display:block;
	/*height:auto;*/
	
	/*JLM*/
	font: bold 11px arial;
	height:25px;
	
}

#nav ul li ul li ul li a{ /* Sub Menu Background*/
	text-align: left;
	/*background: #EAEBD8;*/
	color:#5970B2;
	
	/*JLM*/
	/*padding: 4px 10px;*/
	font: bold 11px arial;
	height:20px;
	padding:5px 5px 0px 5px;
}

.topMenuOn
{
	/*background-image: url(/graphics/menu/bg_menuroot_on.jpg);
	background-position: top right;
	background-repeat: no-repeat;	
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;*/
}

.topMenuOff
{
	/*background-image: url(/graphics/menu/bg_menuroot_off.jpg);
	background-position: top right;
	background-repeat: no-repeat;*/	
	border:0px;
}