td#listmenu {
	width:970px;
	height:27px;
	float:left;
	background-color:#0b2d4f;
	z-index:100;
	position:relative;
	padding: 0;
	margin: 0;
	}
td#listmenu ul {
	margin:0;
	padding:0;
	}
td#listmenu li {
	display:block;
	float:left;
	text-align:center;
	position:relative;
	list-style-type:none;
	}
td#listmenu ul li:hover {
	background-color:#666!important;
	background-image:url(../images/shell/bg-nav-grey.gif);
	background-repeat:repeat-x;
	}
td#listmenu ul li a {
	font-size:12px;
	font-weight:800;
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	padding:6px 20px 6px 20px;
	border-right:1px solid #0a508e;
	z-index: 100;
	}
td#listmenu ul li a:hover {
	color:#fff;
	background-color:#666;
	background-image:url(../images/shell/bg-nav-grey.gif);
	background-repeat:repeat-x;
	}
td#listmenu ul li:hover ul, td#listmenu ul ul li:hover ul {
	display:block;
	} 

/*  sample on state  */
body.home td#listmenu ul li.home a,
body.design-center td#listmenu ul li.design-center,
body.products td#listmenu ul li.products a {
background-image:url(../images/shell/bg-nav-grey.gif);
background-repeat:repeat-x;
}

/*for 3rd level of menu:*/
td#listmenu ul li ul li ul {
	visibility:hidden; 
	left:149px; 
	top:0;} 
td#listmenu ul li ul li:hover ul {
	visibility:visible;
	}
/* the drop-down starts here */
td#listmenu ul li ul {
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:149px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	}
td#listmenu ul li ul li { 
	width:100%; /* makes the list items fill the list container (ul) */ 
	border-left:1px solid #ccc;  
	border-bottom:1px solid #ccc; 
	border-right:1px solid #ccc!important;}
td#listmenu ul li ul li a { 
	color:#444; 
	background-color:#dae1e9; 
	text-align:left; 
	padding:6px 4px; 
	width:141px; 
	font-size:11px; 
	font-weight:400;
	background-image:none!important;
	border-right:none!important;
	}
td#listmenu ul li ul li a:hover { 
	color:#fff; 
	background-color:#666; 
	width:141px; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/}
/* make the drop-down display as the menu is rolled over */
td#listmenu ul li ul 
{
	display:none;
} /* conceals the drop-down when the menu is not hovered */

td#listmenu ul li ul li:hover ul ul,td#listmenu ul li ul li:hover ul ul ul  
{
	display:none;
} /* conceals specific children drop-down when the menu sub levels are hovered */

td#listmenu ul li:hover ul,td#listmenu ul li ul li ul li:hover ul 
{
display:block; 
} 
/* shows specific children drop-down when the menu is hovered */

/* Conceals children of 4th level menu */
td#listmenu ul li ul li ul li:hover ul ul
{
	display:none;
	
}
/* Shows children of 4th level menu */
td#listmenu ul li ul li ul li:hover ul li:hover ul
{
	display:block;
	
}