#topnav {position:absolute;right:0px;top:8px;z-index:8000}
/* Overall Box Properties */
#menu {margin:0px 0px 0px 0px;padding:0;float:right;width:760px}
/* Type of Menu (Vertical vs. Horizontal) */
#menu ul {display: block;list-style:none;margin:0px 20px 0px 0px ;float:right;padding:0;}
/* Position of menu elements */
#menu ul li {position:relative;color:#CCCCCC;display:inline;padding:0;float:left;margin:0 0 0 6px;}
/* 1st level menu items */
#menu ul li a {display:block;float:left;color:#ccc;padding:7px 20px;text-decoration:none;font-weight:normal;font-size:13px;background-color:#0D0D0D;color:#FFFFFF;border-bottom:none;}
#menu ul li a:hover {border-bottom:1px solid #0D0D0D;position:relative;top:1px;color: #B00;}
/* Position of Drop Down Elements */
#menu ul li ul {position:absolute;display:none;}
/* For Top Level Hover when on the second level */
#menu ul li:hover ul {display:block;position:absolute;left:0;top:100%;width:180px;height:auto;margin:0 0 0 -5px;padding:0;z-index:9000;color:#CCCCCC}
	/* This adds the arrow to the Flyout link */
#menu ul li:hover ul li.flyout {background:url(images/arrow.gif) no-repeat center right #0D0D0D}
/* Added specifically for Internet Explorer */
* html #menu ul li:hover ul { background:none;}
#menu ul li ul li, #menu ul li.more ul li {width:180px;background:#0D0D0D;padding:0;margin-left:6px;}
/* Edit look of drop down 2nd level menu items */
#menu ul li ul li a {background:none;padding:8px 10px;width:180px;font-variant:normal;font-weight:normal;font-size:11px;color:#ccc;float:none;padding:7px 20px;margin-left:0;border-bottom:none;}
#menu ul li ul li:hover {background: #333333;width:180px;border-bottom:none;}
#menu ul li ul li a:hover {color:#fff;background:none;padding: 7px 20px;border-bottom:none}
#menu ul li ul li:hover > a {color: #fff;background:none;padding:7px 20px;border-bottom:none}
#menu ul li ul li ul, #menu ul li:hover ul li ul {display: none;margin-left:0;border-bottom:none}
#menu ul li ul li:hover ul, #menu li.exp:hover ul, #menu ul li:hover ul li:hover ul {position:absolute;display:block;left:100%;top:0px;z-index:300;border-bottom:none;width:180px;}
#menu ul li:hover ul li:hover ul li, * html #menu ul li ul li a {width: 180px;margin-left:0}






/* Menu For Product Page */
#productMenu {margin:0px 0px 0px 0px;padding:0;}
/* Type of Menu (Vertical vs. Horizontal) */
#productMenu ul {display: block;list-style:none;margin:0px 20px 0px 0px ;padding:0;}
/* Position of menu elements */
#productMenu ul li {position:relative;color:#CCCCCC;display:inline;padding:0;float:left;margin:0 0 0 6px;}
/* 1st level menu items */
#productMenu ul li a {display:block;float:left;color:#ccc;padding:7px 20px;text-decoration:none;font-weight:normal;font-size:13px;background-color:#0D0D0D;color:#FFFFFF;border-bottom:none;}
#productMenu ul li a:hover {border-bottom:1px solid #0D0D0D;position:relative;top:1px;color: #B00;}
/* Position of Drop Down Elements */
#productMenu ul li ul {position:absolute;display:none;}
/* For Top Level Hover when on the second level */
#productMenu ul li:hover ul {display:block;position:absolute;left:0;top:100%;width:180px;height:auto;margin:0 0 0 -5px;padding:0;z-index:9000;color:#CCCCCC}
	/* This adds the arrow to the Flyout link */
#productMenu ul li:hover ul li.flyout {background:url(images/arrow.gif) no-repeat center right #0D0D0D}
/* Added specifically for Internet Explorer */
* html #productMenu ul li:hover ul { background:none;}
#productMenu ul li ul li, #menu ul li.more ul li {width:180px;background:#0D0D0D;padding:0;margin-left:6px;}
/* Edit look of drop down 2nd level menu items */
#productMenu ul li ul li a {background:none;padding:8px 10px;width:180px;font-variant:normal;font-weight:normal;font-size:11px;color:#ccc;float:none;padding:7px 20px;margin-left:0;border-bottom:none;}
#productMenu ul li ul li:hover {background: #333333;width:180px;border-bottom:none;}
#productMenu ul li ul li a:hover {color:#fff;background:none;padding: 7px 20px;border-bottom:none}
#productMenu ul li ul li:hover > a {color: #fff;background:none;padding:7px 20px;border-bottom:none}
#productMenu ul li ul li ul, #menu ul li:hover ul li ul {display: none;margin-left:0;border-bottom:none}
#productMenu ul li ul li:hover ul, #menu li.exp:hover ul, #menu ul li:hover ul li:hover ul {position:absolute;display:block;left:100%;top:0px;z-index:300;border-bottom:none;width:180px;}
#productMenu ul li:hover ul li:hover ul li, * html #menu ul li ul li a {width: 180px;margin-left:0}