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

/* Configuration of menu width */

html body ul.sf-menu ul
,html body ul.sf-menu ul li {
min-width: 190px;
}
html body ul.sf-menu ul ul {
margin:0 0 0 205px;
top: 0;
;
}

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

}

ul.sf-menu {
display:block;
position:relative;
height:35px;

}
ul.sf-menu li {
display:block;
list-style:none;
float:left;
/* width: 119px; */
text-align: center;
position:relative;

margin-left: 1px;
z-index: 5;

}

ul.sf-menu a {
display:block;
position:relative;
display: block;
line-height: 24px;
padding: 7px 32px;
margin: 0 0;
color: #212121;
text-transform: uppercase;
text-decoration: none !important;
font-size: 16px;
}
ul.sf-menu li:first-child{margin-left: 0;}


ul.sf-menu li:hover a, ul.sf-menu > li.nav-selected a{color:#ffffff !important;}


ul.sf-menu ul {
position:absolute;
left:0px;
left:-999999px;
padding: 10px;
}
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: 110px;
border-right: solid 0px;
}
ul.sf-menu ul {
background: #000000;
top: 37px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
box-shadow:1px 1px 1px #000000;
-webkit-box-shadow:1px 1px 1px #000000;
-moz-box-shadow:1px 1px 1px #000000;
margin-left: -11px;
}
ul.sf-menu ul ul{
border-top: 1px solid #A2A2A2;
}
ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul { /*first level*/
left:auto;
height: auto;
background-color: #000000;
}
ul.sf-menu li li a, ul.sf-menu li li:hover a, ul.sf-menu li li:first-child a, ul.sf-menu li li:focus a, ul.sf-menu li:hover li a{
color:#ffffff !important;
margin: 0 !important;
padding: 0 !important;
border:0;
font-weight: normal;
}
ul.sf-menu li li a:hover{color: #fdd527 !important; font-weight: normal;}
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;
top: 0px;

}
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;
top: 0px;
}
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;
top: 0px;
}
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:15px;
height:15px;
position:absolute;
top:8px;
right:5px;
display:block;
/* background:url(images/navDropDownIcon-oc.gif)  no-repeat 0 0; */
overflow:hidden; /* making sure IE6 doesn't overflow and expand the box */
font-size:1px;
color:#fff;
opacity:0.5;
}

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