/*Version 1.3.9b*/
/*Menu CSS*/
#categoriescss.leftBoxContainer {
   background: #EEEEEE;
}

/* 
#categoriescssHeading.leftBoxHeading {
   background: #87ceeb; 
   border-bottom: 1px solid #0000ff; 
   margin-bottom: 1px;
} */

#nav-cat {
   width: 230px;
   background-color: #EEEEEE;
   color: #4f4f4f;
   font-size: 1.1em;
   padding: 10px 4px 10px 3px;
   font-weight: bold;
}

#nav-cat ul {
   margin: -2px 0 0 0;
   padding: 0;
   width: 230px;
   background-color: #FFFFFF;
   border: 2px solid #929292;
}

#nav-cat ul.level1 {
   margin: 0 0 0 3px;
}

#nav-cat .level1 {
   max-height: 210px;
   overflow: hidden;
}

#nav-cat .showFullMenu {
   max-height: 10000px;
   transition: max-height .5s ease-in;
}

#nav-show-more {
   background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
   background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
   background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
   position: absolute;
   height: 85px;
   top: 171px;
   left: 9px;
   width: 229px;   z-index: 10;
   border-bottom: 2px dashed #fff;
}

#catBoxDivider {
   margin: 8px;
   width: 220px;
}

#nav-cat ul.level2 {
   background-color: #FFFFFF;
   -moz-box-shadow: 5px 5px 10px 0 #666;
   -webkit-box-shadow: 5px 5px 10px 0 #666;
   box-shadow: 5px 5px 10px 0 #666;
}

#nav-cat ul.level3 {
   background-color: #FFFFFF;
   -moz-box-shadow: 5px 5px 10px 0 #666;
   -webkit-box-shadow: 5px 5px 10px 0 #666;
   box-shadow: 5px 5px 10px 0 #666;
}

#nav-cat ul.level4 {
   background-color: #FFFFFF;
}

#nav-cat ul.level5 {
   background-color: #FFFFFF;
}

#nav-cat ul.level6 {
   background-color: #FFFFFF;
}

#nav-cat li {
   position: relative;
   list-style: none;
   margin: 0;
   margin-top: 0px; /* change this to put space between buttons*/
   border-bottom: 1px solid #d3d3d3;
}

#nav-cat li li {
   margin: 0; /* overrides the margin-top above */
}

#nav-cat li:hover {
   z-index: 1000;
   background-color: #cccccc;
}

#nav-cat li a:hover {
   color: #4f4f4f;
   background-color: #cccccc;
}

#nav-cat li.submenu {
   background: url(../images/submenu.png) 98% 50% no-repeat;
   background-color: #FFFFFF;
}

#nav-cat li.submenu:hover {
   /* background: url(../images/submenu.png) 98% 50% no-repeat; */
   background-color: #cccccc;
}

#nav-cat li a {
   display: block;
   padding: 8px;
   text-decoration: none;
   width: 100%;
   color: #4f4f4f;
}

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

#nav-cat ul ul {
   position: absolute;
   top: 0;
   left: 230px;
   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;
   border-left: 2px solid #d3d3d3;
}