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

#top-nav-cat { 
   margin: 0 auto;
      height:43px;
   line-height:43px;
float: left;
   padding:0px;
 background-color: #000001;
   width: 100%;
position: absolute;
       }

#top-nav-cat ul {
   margin: 0; 
   padding: 0;
}

#top-nav-cat .level1 .submenu{ z-index:1000; }
#top-nav-cat .level1>.submenu>a{ position: relative;}
#top-nav-cat .level1>.submenu>a:before{
position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	content: "\f107";
    width: 10px;
    height: 10px;
    top: 15px;
    right:3px;
    left: auto;
}
#top-nav-cat .level1 a{font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;    color: #FFF;}


#top-nav-cat .level1>li:first-child {
    border: none;
}
#top-nav-cat .level1 li{transition: all 0.3s ease 0s;}

#top-nav-cat .level1 li:hover{ background:#0088cc;}
#top-nav-cat .level1>li:hover>a{ color:#fff; position:relative;}

#top-nav-cat .level1>.submenu:hover>a:after{left: 50%;
position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 7px;
    content: "";
	margin-left: -6px;
    border-top-width: 0;
    border-bottom-color: #fff;
    top: 38px;
    z-index: 100;
    -webkit-transform: translate3d(0, 0, 1px);}

#top-nav-cat .level1 li:hover .level2{ z-index:100;max-height: 800px;
    padding: 10px;
	opacity:1;
	    transition: max-height .3s;
    -moz-transition: max-height .3s;
    -webkit-transition: max-height .3s;
    -o-transition: max-height .3s;
}

#top-nav-cat .level2 li{ border:none; height:auto;}

#top-nav-cat .level2 li:hover{ border:none; background:#f4f4f4;}

#top-nav-cat .level2 a{ color:#1F1E1E; background:none; font-size: 12px;line-height: 35px; text-decoration:none;font-weight: bold;}
#top-nav-cat .level3 a{ color:#333; background:none; font-size: 10px;font-weight: 300;line-height: 20px; text-decoration:none;}
#top-nav-cat .level3 a:hover{ text-decoration:underline;}
#top-nav-cat ul.level1{ display: inline-block;}
#top-nav-cat ul.level2{
background-color: #fff;
border: 1px solid rgb(210, 207, 211);
box-shadow: 0 2px 10px -2px rgba(0,0,0,.3);
padding:0px 0px;
max-height: 0px;
overflow: hidden;
opacity:0;
}
#top-nav-cat ul.level3 { width:100%; height:auto; position:relative;}
#top-nav-cat ul.level4 {background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#top-nav-cat ul.level5 {background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
#top-nav-cat ul.level6 {background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

#top-nav-cat li {
       float:left;
   list-style: none; 
   margin: 0;
   height:43px;
   line-height:43px;
   margin-top: 0px; /* change this to put space between buttons*/
   text-align:center;

   }


#top-nav-cat .level2 li{ width:25%; display:inline-block;}
#top-nav-cat .level3 li{ float:none;height:20px; line-height:20px; width:100%}
#top-nav-cat ul ul li {
text-align:left; 
   position: relative; 
   list-style: none; 
   margin: 0;
   line-height:21px;


}

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


#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%;
padding:0px 15px;
color: #fff;
}

#top-nav-cat li a:hover {


}

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

#top-nav-cat ul ul {
   position: absolute; 
   top: 43px; 
   left: -1px;
   height: auto;
   width:100%;
text-transform:none;
}

#top-nav-cat ul ul ul{

   top: 0px; 
   left: 0px;
   display:block;
}

#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; 

}