/*
INFORMATION:
This is the stylesheet for the dropdown menu (superfish).
Remember the dropdown menu and the horizontal menu doesn't have the same stylesheet.
*/

.sf-menu { /* MENU FLOAT (right / left) */
top:150px;
left: 50px;
margin: 0px;
padding: 0px;
position: absolute;
background-color: none;
/*text-shadow:1px 1px 0 #ffffff; */
}

.sf-menu a {
border-left: none; /* MENU ITEM BORDER LEFT */
border-top:  none; /* MENU ITEM BORDER TOP */
padding: 7px 30px 7px 30px; /* MENU ITEM PADDING (WIDTH & HEIGHT) */
text-decoration: none;
text-transform: uppercase;
border-right: 1px solid #ababab;
}



.sf-menu a, .sf-menu a:visited  {                         
color: #d8d8d8; /* visited pseudo selector so IE6 applies text colour */
}

.sf-menu li {
background: none; /* MENU ITEM BG*/
font-size: 16px;
}

/* SUBMENU PROPERTIES - START */
.sf-menu li li {
background:  #f0f0f0; /* SUBMENU ITEM BG */
border-bottom: 1px solid #ffffff;
font-weight:500;
font-size:11px;
}

.sf-menu li li a{
height: 20px; /* SUBMENU ITEM HEIGHT AND PADDING */
padding: 8px 0 0 5px;
}

.sf-menu li li li {
background: #fefefe; /* SUBSUBMENU ITEM BG */
border-bottom: 1px solid #fefefe;
}

.sf-menu ul li,
.sf-menu ul,
.sf-shadow ul {
width: 160px; /* SUBMENU ITEM WIDTH */
}

.sf-shadow ul li ul{ 
margin-left: 40px; /* THIS VALUE MUST BE ADJUSTED ACCORDING TO "SUBMENU ITEM WIDTH" VALUE */
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
top: 51px; /* SUBMENU TOP POSITION */
}
/* SUBMENU PROPERTIS - END */


.sf-menu li:hover, 
.sf-menu #current, 
.sf-menu .active{
border-bottom: 0px solid #385789; /* MENU ITEM ACTIVE OR MOUSE-OVER */
}

.sf-menu li:hover,
.sf-menu li.sfHover, 
.sf-menu a:focus, 
.sf-menu a:hover, 
.sf-menu a:active {
background: none; /* MENU ITEM MOUSE-OVER AND ACTIVE BG */
outline: 0;
}


/*** ARROWS ON MENU ITEMS **/

a > .sf-sub-indicator {
top: 10px; /* MENU ITEM ARROW TOP POSITION */
}
li li a > .sf-sub-indicator {
top: 10px; /* SUBMENU ITEM ARROW TOP POSITION */
}

.sf-menu .active {
background: none; /* MENU ITEMS THAT ARE ACTIVE (menu > sub > sub sub) */

}

.sf-menu #current {
background: none; /* MENU ITEM CURRENT BACKGROUND COLOR */

}