/* ASSUMES margin/padding/border of 0px is already applied */

/* Main Menu Style */

ul.menu
{
    /* Customize */
	height: 25px;
	line-height: 25px;
    margin: 0px;

	
	/* Required */
	list-style: none;
	position: relative;
}

/* Hide all sub menus until rolled over */

ul.menu li ul
{
	display: none;
}

/* Sub Menus */

ul.menu li ul.hover /* IE6 */
{
    /* Customize */
	top: 25px;
	left: 10px;
    margin: 0px;
    
	/* Required */
	position: absolute;
	list-style: none;
	display: block;
}

ul.menu li:hover > ul
{
    /* Customize */
	top: 25px;
	left: 10px;
    margin: 0px;
    
	/* Required */
	position: absolute;
	list-style: none;
	display: block;
}

ul.menu li
{
	/* Required */
	float:left;
    
    /* Customize */
   	background: url(/media/Assets/NavMenuBG.jpg) left repeat-x;
	width: 146px;
	height: 25px;
	color: #444649;
	border: solid 1px #D9D8D7;
    
}

ul.menu li.prod
{
   	background: url(/media/Assets/NavMenuProdBG.jpg) left repeat-x;
}

/* Sub Sub Menus */

ul.menu ul li:hover > ul
{
    /* Customize */
	left: 120px;
	top: 8px;
    margin: 0px;

	/* Required */
	display: block;
	position: absolute;
	list-style: none;
}

ul.menu li ul li ul.hover  /* IE6 */
{
    /* Customize */
	left: 120px;
	top: 8px;
    margin: 0px;

	/* Required */
	display: block;
	position: absolute;
	list-style: none;
}


ul.menu ul li
{
	/* Required */
    clear: left;
    
    /* Customize */
    width: 250px;
    background: #FFFFFF;
}

/* Mouse Over Styles */

ul.menu li:hover,
ul.menu li.hover
{
	/* Required */
	position: relative;
	z-index: 1;

    /* Customize */
	background: url(/media/Assets/NavMenuBG_ovr.jpg) left repeat-x;
}

/* Menu Links */
ul.menu span,
ul.menu a
{
    display: block;

  	font-size: 10px;
    font-weight: bold;
    padding: 0px 0px 0px 8px;
   	color: #444649;
}

ul.menu a:hover,
ul.menu a:active
{
    color: #000000;
}

ul.menu span
{
    cursor: default;
}

.hasChildren
{
    background: url(/media/Assets/menu_right_arrow.jpg) right no-repeat;
}

/* Joan added for navigation fly cuts on Nov 16, 2010 */

.nav ul{list-style-type:none; margin:0; padding:0;}
.nav a {text-decoration:none;}
.nav {font-family: arial, sans-serif; font-size:12px; width:650px; margin:0 auto;}

.nav a {background:url(ulmulti4/box.gif) no-repeat right center;} 
.nav a.top {background:url(ulmulti4/box.gif) no-repeat right top;}
.nav a.top2 {background:url(ulmulti4/box2.gif) no-repeat right top;}
.nav a.bottom {background:url(ulmulti4/box.gif) no-repeat right bottom;}
 
.right ul ul a {background:url(ulmulti4/box3.gif) no-repeat right center;}
.right ul ul a.top2 {background:url(ulmulti4/box3.gif) no-repeat right top;}
.right ul ul a.bottom {background:url(ulmulti4/box3.gif) no-repeat right bottom;}

.nav a b {color:#600; font-weight:normal; display:block; padding:5px 10px 5px 15px;}
.nav .fly .main b {background: transparent url(ulmulti4/arrow.gif) no-repeat 117px 9px;}
.nav .down b {background: transparent url(ulmulti4/arrow2.gif) no-repeat 115px 11px;}
.nav .right ul b {text-align:right;}
.nav .right ul ul b {padding: 5px 15px 5px 10px;}
.nav .right ul .main b {background: transparent url(ulmulti4/arrow3.gif) no-repeat 15px 9px; text-align:right;}
.nav .right ul ul .main b {background: transparent url(ulmulti4/arrow3.gif) no-repeat 5px 9px; text-align:right;}

.nav ul ul {top:-22px;} 
.nav ul ul ul {top:-25px;} 
.nav ul.two {top:-40px;} 

.nav .drop,
.nav a {width:130px;}
.nav ul li {max-width:130px;}
 

.nav ul ul {left:130px;}

.nav li.right ul ul {left:auto; right:120px;}
.nav li.right ul ul ul {left:auto; right:130px;}
 
.nav a {margin-right:-129px;}
 

.nav li {float:left;} 
.nav ul {float:left; position:relative; z-index:20;} 
.nav ul li {clear:left;} 
.nav a {position:relative; display:block;} 
.nav a.main {float:left; 
    margin-top:10000px;} 
.nav .drop,
.nav .fly {margin-top:-10000px;} 
.nav ul {margin-bottom:-5000px;} 

.nav a:focus,
.nav a:active {margin-right:0; z-index:10; outline:0;}
 
.nav a:hover b,
.nav a:focus b,
.nav a:active b {color:#060; cursor:pointer;} 
 
/* OPERA fix */
.nav ul:hover,
.nav ul ul:hover {clear:left;} 
 
/* ----------------------------------------------------------------------------	*/
/*[if lt IE 7]*/
.nav .fly {width:99%;} 
a:active {} 
.nav ul:hover,
.nav ul ul:hover {clear:none;} 
/*[endif]*/