#menu {height:30px; position:relative; z-index:100; padding-left:0px; border:0px solid #000; }

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */

.menu, .menu ul { }

/* Set up the size of the list items and float left to place inline */
.menu li.top { }

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */
.menu li.top a.top_link { }
.menu li.top a.top_link span.span_top { }
.menu li.top a.top_link b.b_top { }

.menu li.top a.top_link span.drop {padding:0 0px 0 0; display:block;}

/* .menu li a#home b.b_top {background:transparent url(home.gif) no-repeat center center;}
.menu li a#products b.b_top {background:transparent url(page.gif) no-repeat center center;}
.menu li a#services b.b_top {background:transparent url(monitor.gif) no-repeat center center;}
.menu li a#contacts b.b_top {background:transparent url(links.gif) no-repeat center center;}
.menu li a#shop b.b_top {background:transparent url(info.gif) no-repeat center center;}
.menu li a#privacy b.b_top {background:transparent url(page.gif) no-repeat center center;} */

/* Style the list OR link hover. Depends on which browser is used */
.menu a:hover {visibility:visible; cursor:pointer; position:relative;}
.menu li:hover {position:relative; z-index:200;}

/* Style the top level links */
.menu li.top a.top_link:hover,
.menu li.top:hover a.top_link { }
.menu li.top a.top_link:hover span.span_top,
.menu li.top:hover a.top_link span.span_top { }
.menu li.top a.top_link:hover span.drop,
.menu li.top:hover a.top_link span.drop { }

/* keep the 'next' level invisible by placing it off screen. */
.menu ul, 
.menu ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0;}

/* Style the drop down sub level links */
.menu :hover ul.sub {left:-65px; top:30px; background:silver; padding:0; white-space:nowrap; width:170px; height:auto;}
.menu :hover ul.sub li {display:block; float:left; background:white;}
.menu :hover ul.sub li.sub-end {
                          height:16px; width:170px;
                          background-image:url(./images/menu/bg-drop2.png);
                          }
.menu :hover ul.sub li a {
                          display:block; float:left; height:24px; width:170px; line-height:24px;
                          text-decoration:none; padding:0;
                          background:rgb(22,22,225); background-image:none;
                          color:white; border-bottom:1px solid rgb(52,52,245);
                          }
.menu :hover ul.sub li a.sub-last { margin-bottom:0px;}

/* All this lot is for IE6, believe it or not, to style the fly outs */
.menu :hover ul.sub li a span,
.menu :hover ul.sub li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span, 
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a span
{display:block; float:left; text-align:left; background:transparent; width:170px; height:20px; 
    width:92px; padding:0px; font-weight:normal;
    margin-left:12px; background-image:none;}

.menu :hover ul.sub li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly span
{background:rgb(52,52,245);}

.menu :hover ul.sub li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover,
.menu :hover ul.sub li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover
{background:rgb(52,52,245);}

.menu :hover ul.sub li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a:hover span
{background:rgb(52,52,245);}

.menu :hover ul.sub li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span,
.menu :hover ul.sub li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover ul li a.fly:hover span
{background:rgb(52,52,245);}

/* the next two lines keep the menu trail :hover state for IE7 and non-IE browsers */
.menu :hover ul li:hover > a.fly {background:black; color:#fff;}
.menu :hover ul li:hover > a.fly span {background:black; color:#fff;}

/* Style the images to the left of each link */
/* .menu ul.sub b {display:block; float:left; background:transparent url(book.gif) no-repeat center center; height:25px; width:25px;}
.menu ul.sub b.key {background:transparent url(key.gif) no-repeat center center;}
.menu ul.sub b.cog {background:transparent url(cog.gif) no-repeat center center;}
.menu ul.sub b.folder {background:transparent url(folder.gif) no-repeat center center;}
.menu ul.sub b.monitor {background:transparent url(monitor.gif) no-repeat center center;}
.menu ul.sub b.paint {background:transparent url(paint.gif) no-repeat center center;}
.menu ul.sub b.house {background:transparent url(house.gif) no-repeat center center;}
.menu ul.sub b.people {background:transparent url(people.gif) no-repeat center center;}
.menu ul.sub b.info {background:transparent url(info.gif) no-repeat center center;}
.menu ul.sub b.shop {background:transparent url(shop.gif) no-repeat center center;}
.menu ul.sub b.email {background:transparent url(email.gif) no-repeat center center;}
.menu ul.sub b.world {background:transparent url(world.gif) no-repeat center center;}
.menu ul.sub b.text {background:transparent url(text.gif) no-repeat center center;}
.menu ul.sub b.qmark {background:transparent url(qmark.gif) no-repeat center center;}
.menu ul.sub b.stop {background:transparent url(stop.gif) no-repeat center center;}
.menu ul.sub b.edit {background:transparent url(edit.gif) no-repeat center center;}
*/

/* Position the flyouts */
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{left:107px; top:0; background:transparent url(transparent.gif); padding:5px 5px 5px 0; white-space:nowrap; width:220px; z-index:200; height:auto;}