/* CSS Document */

body div#listmenu ul li ul
{
	display:none; /*--- Hides all drop down menus ---*/
}

div#listmenu /*--- Menu List Container ---*/
{
	float:left; /*--- Makes the div enclose the list ---*/
	padding:0px;
	width:1024px;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:0px;
	height:32px;
	font-family: "Myriad Web", "Lucida Grande", "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif;
	font-size:12px;
	font-weight:bold;
}

div#listmenu ul
{
	margin:0px 0px 0px 10px;
	padding:0px;
	
}

div#listmenu li
{
	float:left; /*--- Causes the list to align horizontally instead of stack ---*/
	position:relative; /*--- Positioning context for the absolutely positioned drop-down ---*/
	list-style-type: none; /*--- Removes the bullet off list items ---*/	
}

div#listmenu li.search	{
	padding:5px 0px 0px 25px;
}

div#listmenu li.top	{
	border-top:1px solid #666666;
	}

div#listmenu ul li a	{
	font-weight:bold;
	display:block; /*--- List items in drop down highlight and wrapped lines indent correctly ---*/
	padding:0px; /*--- Space on sides of menu item's text ---*/
	text-decoration: none; /*--- Removes the underlining of the link ---*/
	color:#004677;
	padding:9px 15px; 
}

div#listmenu ul li a:hover {
	text-decoration:underline;
}


div#listmenu ul li:hover ul
{
	display:block; /*--- Displays appropriate drop down menu ---*/
}

/*=== DropDowns ===*/

div#listmenu ul li ul
{
	margin:0px; /*--- Prevents the temp margin on the ul from inheriting here ---*/
	position:absolute; /*--- Positions the drop-down ul in relation to its relatively positioned li parent ---*/
	left:14px; /*--- Aligns the drop-down exactly under the menu ---*/
	width:100%; /*--- Sets the width of the menu; in combo with the li's 100% width, makes the menu stack ---*/
	top:26px;
	padding:0px;
}

	div#listmenu ul li ul.company	{
	width:150px;
	}

	div#listmenu ul li ul.products	{
	width:200px;
	}

	div#listmenu ul li ul.support	{
	width:150px;
	}
	
	div#listmenu ul li ul.distributor	{
	width:120px;
	}	

	div#listmenu ul li ul.news	{
	width:110px;
	}	

	div#listmenu ul li ul.video	{
	width:110px;
	}		

div#listmenu ul li ul li
{
	width:100%; /*--- Makes the list items fill the list containers (ul) ---*/
	border-left:1px solid #666666; /*--- Three sides of each drop-down item ---*/
	border-right:1px solid #666666; /*--- Three sides of each drop-down item ---*/
	border-bottom:1px solid #666666; /*--- Three sides of each drop-down item ---*/
	background-image:url(../images/navBg2.jpg);
	background-repeat:repeat-x;
	padding:0px
}

	div#listmenu ul li ul li:hover {
	background-image:none;
	background-color:#004677;
	}

div#listmenu ul li ul li a	{
	color:#ffffff;
	padding:5px 15px;
}