/* Nav */
#top_nav { margin:0; padding:0; position:absolute; right:0; top:12px; font-size:0.9em; }
#top_nav li { color:#666; float:left; list-style:none; text-transform:capitalize; padding:0 0 0 25px; margin:0;}
#top_nav li a { color:#666; display:block; text-decoration:none; border-right:#666 1px solid; padding:0 25px 0 0; margin:0; }
#top_nav li a:hover { color:#e8b600; }

#top_nav select { text-transform:none; margin-left:0px; width:140px; background:#fff; color:#666; border:1px solid #666; font-size:0.9em; }

#main_nav { width:758px; height:26px; position:absolute; top:55px; right:0; z-index:100; font-size:1em; background:url(/images/nav-bg.jpg); }

/* remove all the bullets, borders and padding from the default list styling */
#main_nav ul { width:758px; padding:0; margin:0; list-style-type:none; position:absolute; left:0; }
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#main_nav li { float:left; position:relative; text-transform:uppercase; }
/* style the links for the top level */
#main_nav a, #main_nav a:visited { font-family:Tahoma, Arial, Helvetica, sans-serif; outline:none; letter-spacing:0px; display:block; text-align:center; text-decoration:none; padding:4px 3px 8px 3px; height:14px; width:119px; color:#333; background:#fff url(/images/nav-button-bg.png) no-repeat right top; font-weight:bold; }

html>body #main_nav a, html>body #main_nav a:visited { height:14px; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
#main_nav ul ul { visibility:hidden; background:#e0e0e0 url(/images/drop-down-bg.jpg) repeat-x; position:absolute; height:0; top:26px; left:1px; width:151px; border-top:#dcdcdc 1px solid; }

/*Batteries uls */
#main_nav ul ul#hearing { left:298px; }
#main_nav ul ul#lithium { left:149px; }
#main_nav ul ul#speciality { left:447px; }


/* hide the sub levels and give them a positon absolute so that they take up no room */
#main_nav ul ul li { background:none; padding-left:0; border-color:#dbdbdb; border-style:solid; border-left-width:1px; border-bottom-width:1px; border-right-width:1px; }

#main_nav ul ul li.cat_head { padding:5px 12px; width:125px; color:#222; }

/* style the table so that it takes no ppart in the layout - required for IE to work */
#main_nav table { position:absolute; top:0; left:0; border-collapse:collapse; }

/* style the second level links */
#main_nav ul ul a, #main_nav ul ul a:visited { text-transform:none; font-size:0.95em; text-align:left; background:transparent; color:#333; height:auto; line-height:1.3em; margin:0; padding:5px 12px; width:125px; }

/* range menu with image drop downs */
#main_nav ul li#end-link { width:4px; padding:0; height:34px; background:url(/images/nav-bg-end.jpg) no-repeat; }

/* style the top level hover */
#main_nav a:hover { color:#fff; background:url(/images/nav-button-bg.png) no-repeat right bottom; height:14px; }
#main_nav :hover > a { color:#fff; background:url(/images/nav-button-bg.png) no-repeat right bottom; height:14px; }

#main_nav a.drop-down:hover { color:#fff; background:#fffffe url(/images/nav-button-bg.png) no-repeat right bottom; }
#main_nav :hover > a.drop-down { color:#fff; background:#fffffe url(/images/nav-button-bg.png) no-repeat right bottom; } 

/* menu items hover */
#main_nav ul ul a:hover { background:transparent; color:#000; height:auto; line-height:1.3; }
#main_nav ul ul :hover > a { background:transparent; color:#000; height:auto; line-height:1.3; }

/* make the second level visible when hover on first level list OR link */
#main_nav ul li:hover ul,
#main_nav ul a:hover ul/*, #main_nav ul li:first-child ul*/ { z-index:120; visibility:visible; padding-bottom:0px; height:auto; }

/* position the third level flyout menu */
#main_nav ul ul ul { left:149px; top:-1px; width:151px; }

#main_nav ul ul ul a { font-size:1em; }

/* keep the third level hidden when you hover on first level list OR link */
#main_nav ul :hover ul ul { visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
#main_nav ul :hover ul :hover ul{ visibility:visible;}