#nav-cat {
   width: 100%; 
   margin: 0 0 0 0px;
   background-color: #fff; 
   font-weight:bold;
}

#nav-cat ul {
   margin: 0; 
   padding: 0; 
   width: 100%; 
}

#nav-cat ul.level2 {background-color: #fff;box-shadow: 0 3px 3px #999;}
#nav-cat ul.level3 {background-color: #fff;box-shadow: 0 3px 3px #999;}
#nav-cat ul.level4 {background-color: #fff;box-shadow: 0 3px 3px #999;}
#nav-cat ul.level5 {background-color: #fff;box-shadow: 0 3px 3px #999;}
#nav-cat ul.level6 {background-color: #fff;box-shadow: 0 3px 3px #999;}

#nav-cat li {
   position: relative; 
   list-style: none; 
   margin: 0;
   margin-top: 0px;
}

#nav-cat li li {
   margin: 0; /* overrides the margin-top above */
}
 
#nav-cat li:hover {
   z-index: 1000;
   background-color: #d3d3d3;
}

#nav-cat li a:hover {
   color: #000;
}

#nav-cat li.submenu {
   background-image: url("../images/pucemenu.png");
    background-position: 7px center;
    background-repeat: no-repeat;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 30px;
    padding-left: 21px;
    text-decoration: none;
}

#nav-cat li.submenu:hover {
    background-color: #F0F0F0;
    color: #000;
    text-decoration: none;
}

#nav-cat li a {
   display: block; 
   padding: 0.25em 0 0.25em 0.5em;
   text-decoration: none; 
   width: 100%; 
   color: #777;
}

#nav-cat>ul a {
   width: auto;
}

#nav-cat ul ul {
   position: absolute; 
   top: 0; 
   left: 220px;
   display: none;
}

#nav-cat ul.level1 li.submenu:hover ul.level2,
#nav-cat ul.level2 li.submenu:hover ul.level3,
#nav-cat ul.level3 li.submenu:hover ul.level4,
#nav-cat ul.level4 li.submenu:hover ul.level5,
#nav-cat ul.level5 li.submenu:hover ul.level6 {
   display:block; 
}