/*Version 1.3.9b*/
/*Cornflowerblue Menu CSS*/

#top-nav-cat {
   width: 1200px; 
   margin: 0 auto;
   height:100px;
   text-transform:uppercase;
   font-size:15px; 
    }

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

}

#top-nav-cat .level2 a{ color:#000;}

#top-nav-cat ul.level2 {background-color: #fff;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); 
}
#top-nav-cat ul.level3 {background-color: #fff;
border: 1px solid #ccc;
}
#top-nav-cat ul.level4 {background-color: #fff;
border: 1px solid #ccc;
}
#top-nav-cat ul.level5 {background-color: #fff;
border: 1px solid #ccc;
}
#top-nav-cat ul.level6 {background-color: #fff;
border: 1px solid #ccc;
}

#top-nav-cat li {
       float:left;
   position: relative; 
   list-style: none; 
   margin: 0;
   text-align:center;
   transition: all 0.2s ease-in-out 0s;

   }

#top-nav-cat li:hover{
color: #E03C31;
border-top: 5px solid #222;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
   }

#top-nav-cat li:hover a{ padding-top:10px; color: #E03C31;}

#top-nav-cat ul ul li {
text-align:left; 
   position: relative; 
   list-style: none; 
   margin: 0;
   line-height:21px;
   min-width:200px;
   color:#222;

}

#top-nav-cat .level2 li a{ color:#222; font-size: 13px;
padding: 5px 15px;
transition: color ease .27s;
-ms-transition: color ease .27s;
-webkit-transition: color ease .27s;
-o-transition: color ease .27s;
-moz-transition: color ease .27s;
text-transform: capitalize;}
#top-nav-cat .level2 li:hover a{ color: #E03C31;}

#top-nav-cat ul ul li:hover{color: #E03C31;
border-top: none;
box-shadow: none;}

#top-nav-cat ul ul li a{ padding-left:10px; }
#top-nav-cat ul ul li a:hover{ color:#fff; }

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


}



#top-nav-cat li a {
display: block;
text-decoration: none;
width: 100%;
color:#222;
padding:15px 15px;
}



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

#top-nav-cat ul ul {
   position: absolute; 
   top: 45px; 
   left: 0px;
   display: none;
   min-width:200px;
}

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

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

}