#nav_container
{
    width: 100%;
}
#nav
{
	text-align:center;
	margin-left:0;
 
	
}
#nav ul
{
    /* all lists */
    padding: 0;
    margin: 0;
	text-align:left;
	color:#FFF;

	
}
#nav, nav ul
{
	list-style-type: none;
	line-height: 1;

	
}
#nav ul ul
{
    list-style-image: url("ZulImages/dot.gif");
    padding-left: 10px;
}
#nav a
{
	display: block;
	text-decoration:none;

}

#nav a span
{
	display: block;
	text-decoration:none;
	color:#000;
}

#nav a:hover
{
	text-decoration: none;
	color: #A60000;
}

#nav a:hover span
{
	text-decoration: underline;
		color:#A60000;
}



#nav li
{
	/* all list items */
    float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	background-image: url("ZulImages/off.gif");
	background-repeat: repeat-x;
	line-height: 2.25;
	vertical-align: middle;
	border-right: dotted 1px Gray;
	font-size: 14px;

}
#nav li:hover, #nav li.sfhover
{
	background-image: none;
	background-color: white;
	background-repeat: no-repeat;
	color: Black;

}

#nav li:hover li, #nav li.sfhover li
{
	background-color: transparent;
	font-size: 12px;

}

#nav li:hover table, #nav li.sfhover table
{
    /* lists nested under hovered list items */
    left: auto;
    z-index: 999;
}
#nav li table
{
    /* second-level lists */
    position: absolute;
    background-color: white;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
    border-right: solid 1px black;
    border-left: solid 1px black;
    border-bottom: solid 1px black;
}
#nav li table td
{
    border-right: dotted 1px black;
    vertical-align: top;

}
#nav li table td ul
{
    list-style-type: none;
	
}



#nav li li
{
	float: none;
	background-image: none;
	background-color: Transparent;
	line-height: 1;
	border-right-style: none;
	color: Black;
	color:#A90000;
	width: 12em;
}
#nav li li b
{
    line-height: 1.2;
}
#nav li li li
{
    line-height: 1.2;
    color: Blue;
}


#nav li li li:hover, #nav li.sfhover li li:hover
{
    color: Blue;
}
/* Page Load : start */
.divMask {
	position: absolute;
	z-index: 50;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1000px;
	opacity: .2;
	filter: alpha(opacity=20);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("../Zulimages/maskBG.bmp") !important; 
	background-image:none;
	background-repeat: repeat;
	/*display:none;*/
}
.tblbder
{
	border: 1px solid #e1e1e1;
	
}

.tblTanlename th
{
   border-bottom: 1px solid #cccccc;
   clear:both;
}

.productnamecolorLARGE, A.productnamecolorLARGE 
{ 
	FONT: bold 14px Verdana; COLOR: #444444; TEXT-DECORATION: none; 
}
A.productnamecolorLARGE:hover 
{ 
	FONT: bold 14px Verdana; COLOR: #666666; TEXT-DECORATION: none; 
}

.bgPopupTitle
{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ff6600;
	text-align:center;
}

/* Page Load : end */