/* CSS Document */

#nav2{
	background: url(../gfx/navSecondaryRepeat.gif) repeat-x top;
	color: white;
	width: 705px;
	float: left;
	font: 11px verdana;
	background-color: #565656;
}

#navMMove{
	margin-left: -30px;
	position: relative;
}

#navM li {
  /*float the main list items*/
	  margin: 0;
	  margin-top: -11px;
	  _margin-top: 0px;
	  float: left;
	  display: block;
	  padding: 0px;	  
}

#navM li.off ul, #navM li.nav2CD ul, #navM li.nav2DVD ul{
  /*hide the subnavs*/
  display: none;
  width: auto;
}

#navM li a {
  /*for all links in the list*/
  color: white;
  display: block;
  height: 27px;
  text-align: center;
}



#navM li.nav2CD a{
	background: url(../gfx/nav2CD.gif) no-repeat;
	display: block;
	width: 97px;
}

#navM li.nav2CD a:hover{
	background: #565655 url(../gfx/nav2CDOver.gif) no-repeat;
	display: block;
}

#navM li.nav2CD ul a:hover{
	background: none;
	display: block;
}

#navM li.nav2CDOn a{
	background: url(../gfx/nav2CDOver.gif) no-repeat;
	display: block;
	width: 97px;
}




#navM li.nav2DVD a{
	background: url(../gfx/nav2Dvd.gif) no-repeat;
	display: block;
	width: 152px;
}

#navM li.nav2DVD a:hover{
	background: #565655 url(../gfx/nav2DvdOver.gif) no-repeat;
	display: block;
}

#navM li.nav2DVD ul a:hover{
	background: none;
	display: block;
}




#navM li.off a{
	background: url(../gfx/nav2Packaging.gif) no-repeat;
	display: block;
	width: 178px;
}

#navM li.off a:hover{
	background: url(../gfx/nav2PackagingOver.gif) no-repeat;
	display: block;
}

#navM li.off ul a:hover{
	background: none;
	display: block;
}




#navM li.nav2Fulfil a{
	background: url(../gfx/nav4Fulfilment.gif) no-repeat;
	display: block;
	width: 83px;
}

#navM li.nav2Fulfil a:hover{
	background: url(../gfx/nav4FulfilmentOver.gif) no-repeat;
	display: block;
}



#navM li.nav2Dist a{
	background: url(../gfx/nav5Distribution.gif) no-repeat;
	display: block;
	width: 90px;
}

#navM li.nav2Dist a:hover{
	background: url(../gfx/nav5DistributionOver.gif) no-repeat;
	display: block;
}



#navM li.nav2Ware a{
	background: url(../gfx/nav5Warehousing.gif) no-repeat;
	display: block;
	width: 103px;
}

#navM li.nav2Ware a:hover{
	background: url(../gfx/nav5WarehousingOver.gif) no-repeat;
	display: block;
	width: 105px;
}


#navM a:links{ text-decoration: none;}
#navM a:visited{ text-decoration: none;}
#navM a:active{ text-decoration: none;}
#navM a:hover{ text-decoration: none;}
/*	background: url(../gfx/nav2DVDButtonOver.gif) no-repeat;
	display: block;} */
	

#navM li.off ul, #navM li.nav2CD ul, #navM li.nav2DVD ul{
  /*put the subnavs below and hide them all*/
  display: none;
  position: absolute;
  width: auto;
  left: 0;
  top: 40px;
  padding-top: 20px;
  _padding-top: 15px; 
  margin-left: -20px;
  _margin-left: 18px;
}

#navM li.off ul a, #navM li.nav2CD ul a, #navM li.nav2DVD  ul a{
  /*  cancel inherit of border on subnav of active topic */
    float: right;
	float: left;
    /*ie doesn't inherit the float */
    border: 0;
    color: white;
	background: #565655 url(../gfx/listDevide.gif) no-repeat top right;
	padding-right: 15px; /* padding for bottom subnav */
	padding-left: 5px;
	font: 9px verdana;   
	white-space: nowrap;
	width: auto;
}


  /*  cancel inherit of border on subnav of active topic */
    /*ie doesn't inherit the float 
    border: 0;
    color: white;
	background: #565655 url(../gfx/listDevide.gif) no-repeat top right;
	font: 9px verdana;   
	white-space: nowrap;
	padding-right: 14px; /* padding for bottom subnav
	padding-left: 5px;
	width: auto;
	float: right;
}  */

#navM li.off ul a:hover, #navM li.nav2CD ul a:hover, #navM li.nav2DVD ul a:hover{
	text-decoration: underline;
	background: #565655 url(../gfx/listDevide.gif) no-repeat right top;
}

/* magic code */


#navM li.off:hover ul, #navM li.nav2CD:hover ul, #navM li.nav2DVD:hover ul{
     /*  display the other topics when their parent is hovered */
	display: none;
    z-index: 6000;
	color: white;
}


#navM li.off a:hover, #navM li.nav2CD a:hover, #navM li.nav2DVD a:hover{
    color: white;
	display: block;	
}

/* end magic code */

#navM li.off ul, #navM li.nav2CD ul, #navM li.nav2DVD ul{
  /*put the subnav below and determines how close to top navbar */
  top: 25px;
  _top: 20px;
    width: auto;

}

#navM li.off:hover ul, #navM li.nav2CD:hover ul, #navM li.nav2DVD:hover ul, #navM li.over ul{ 
  display: block;
  z-index: 6000;
  background: none;
}



#navM li.off a:hover, #navM li.nav2CD a:hover, #navM li.nav2DVD a:hover, #navM li:hover a, #navM li.over a {
    color: white;
}



