/**
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
*/

/*  current nav */

#left_main_nav {float: left; position: relative; width: 100%; text-transform: uppercase;}
#right_main_nav {float: left; position: relative; width: 45%; text-transform: uppercase;}
.navControl {display: none !important;}



/* Configuration of menu width */
.nav {
    padding-top: 5px !important;
    width: 100%;
    /*margin-left: 1%; */
}

li.nav-dropdown  {
    /* margin-right: 4% !important; */
    margin-right: 50px !important;
    padding-right: 35px;
}

.main-nav {
    text-align: center;
}

.sub-nav {
    text-align: left;
}

.nav ul ul  li  a {
    padding: 10px;
}

/* add flex class to element
.nav ul ul  li {  
    flex: 1 1 auto;
}*/

.nav ul ul a:hover  {color: #fff; text-decoration: none;}
.nav ul ul ul a:hover  {color: #000; padding: 5px; background-color: #ccc; text-decoration: none; margin-left: -2px;}
.nav ul ul ul  a  {color: #000; padding: 5px; text-decoration: none; margin-left: -2px;}
.nav ul ul ul, .nav ul ul  ul ul{border: 1px solid #000;}

/* add flex class to container 
ul#nav {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row nowrap;
  justify-content: space-around;
}
*/

html body ul.sf-menu ul
,html body ul.sf-menu ul li {
width:220px;
background-color: #fff;
margin-left: 2px;
}

html body ul.sf-menu ul ul {
margin:0 0 0 220px;
}
html.ie7 body #left_main_nav ul.sf-menu ul ul {
margin:0 0 0 0px;
}

html.ie7 body #right_main_nav ul.sf-menu ul ul {
margin:0 0 0 220px;
}

/* Framework for proper showing/hiding/positioning */
/* DO NOT EDIT FROM HERE */
ul.sf-menu
,ul.sf-menu * {
margin: 0 0 0 0;    /* removed 5px left margin */
padding:0;
}

ul.sf-menu {
display:block;
position:relative;
z-index: 99; /* added to work with slider */
}
ul.sf-menu li {
display:block;
list-style:none;
float:left;
position:relative;
width: 120px;
}
ul.sf-menu li:hover {
visibility:inherit; /* fixes IE7 'sticky bug' */
}
ul.sf-menu a {
display:block;
position:relative;
}
ul.sf-menu ul {
position:absolute;
left:0;
width:200px;
top:auto;
left:-999999px;
}
ul.sf-menu ul a {
zoom:1; /* IE6/7 fix */
}
ul.sf-menu ul li {
float:left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
width:200px;
}
ul.sf-menu ul ul {
top:0;
margin:0 0 0 200px
}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul { /*first level*/
left:auto;
}
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul {
left:-999999px;
}
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul {/*second level*/
left:auto;
}
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul {
left:-999999px;
}
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul {/*third level*/
left:auto;
}
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul {
left:-999999px;
}
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul {/*fourth level*/
left:auto;
}
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul {
left:-999999px;
}

/* autoArrows CSS */

span.sf-arrow {
width:7px;
height:7px;
position:absolute;
top:8px;
right:0;
display:block;
background:url(images/arrows-black.png) no-repeat 0 0;
overflow:hidden; /* making sure IE6 doesn't overflow and expand the box */
font-size:1px;
}

ul ul span.sf-arrow {
right:12px;
top:7px;
background-position:0 100%;
}