/* CSS Menus - Horizontal CSS Menu with Dropdown and Popout Menus - 20050131 */

*{margin:0;padding:0;border:none;}

body{margin:0.5em;font-family:verdana,tahoma,arial,sans-serif;}

/* Begin CSS Popout Menu */

#menu{
width:928px;
background:url('/template/toughglass/images/menu.png');
background-repeat:no-repeat;	
height:41px;
margin:0 auto 0 auto;
}

#menu a{
font-size:14px;
display:block;
text-decoration:none;
color:#FFFFFF;
line-height:16px;
}

#menu a:hover, #menu a.sel_class{
color:#FFFFFF;
border-bottom:solid 1px #FFFFFF;
}

#menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
}

#menu li{
position:relative;
height:16px;
padding:0 20px 10px 20px;
margin:13px 0 0 0;
}

#menu ul ul{
position:absolute;
z-index:500;
top:26px;
display:none;
left:0;
border:none;
}

#menu ul ul ul{
top:0;
left:100%;
border:none;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu li:hover{
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul,
div#dropdown
{
	display:none;
	width:160px;
	background-color:#818e8e;
	border:none;
	box-shadow: 5px 5px 10px 10px #4d4d4d;
	-moz-border-radius: 10px; /* For FireFox */
	-webkit-border-radius: 10px; /* For Safari/Chrome */
	border-radius: 10px; /* For when the standard gets fully supported */
	}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul,
div#dropdown
{
	display:block;
	width:160px;
    background-color: #818e8e; /* fallback color */
    background-image: -moz-linear-gradient(100% 100% 90deg, #818e8e, #929d9d);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#929d9d), to(#818e8e));
	border:none;
	box-shadow: 5px 5px 8px 8px #4d4d4d;
	-moz-border-radius: 0 0 8px 8px; /* For FireFox */
	-webkit-border-radius:  0 0 8px 8px; /* For Safari/Chrome */
	border-radius:  0 0 8px 8px; /* For when the standard gets fully supported */
	}

#dropdown li{
	border:none;
	padding:0 0 4px 0;
	margin:7px 0 7px 0;
	line-height:20px;
	height:20px;
}