nav ul li ul {
/*Comment this lineout to show drop-down menus *//*display: none;*//*Comment this lineout to show drop-down menus */
height: auto;
position: absolute;
left: 0px;
top: -999999%;
padding: 9px 7px 12px 7px; 
margin: 0;
opacity: 0.9!important;
/* customize_sub-navigation_background */background-color: #343434;/* customize_sub-navigation_background */
z-index: 25;
/*-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-box-shadow:    0 0 6px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
box-shadow:         0 0 6px rgba(0, 0, 0, 0.2);*/
}

nav li:hover > ul {
opacity: 1;
position: absolute;
top: 100%;
-webkit-transition: opacity 1s ease; /* For chrome & safari */
-moz-transition: opacity 1s ease; /* For mozilla firefox */
-o-transition: opacity 1s ease; /* For opera */
transition: opacity 1s ease;
}

nav ul li ul li {
margin: 0;
padding: 0;
background: none;
height: auto;
}

nav ul li ul li a {
border: none;
width: 250px;
text-align: left;
margin:  0;
padding: 10px;
height: inherit!important;
font: normal normal normal 13px/15px 'Open Sans', arial;
/* customize_sub-navigation_title */color: #FFFFFF;/* customize_sub-navigation_title */
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0; /* future proofing */
-khtml-border-radius: 0; /* for old Konqueror browsers */
background: none;
}

nav ul li ul li a:hover, nav ul li ul li a.nav-selected  {
border: none;
font: normal normal normal 13px/15px 'Open Sans', arial;
/* customize_sub-navigation_title_hover */color: #31a1dd;/* customize_sub-navigation_title_hover */
}

nav ul li ul li ul {
opacity: 0;
position: absolute;
left: -999999%;
top: 0;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
}

nav ul li ul li:hover > ul {
opacity: 1;
position: absolute;
left: 100%;
top: 0;
-webkit-transition: opacity 1s ease; /* For chrome & safari */
-moz-transition: opacity 1s ease; /* For mozilla firefox */
-o-transition: opacity 1s ease; /* For opera */
transition: opacity 1s ease;
}

nav ul li ul li a, nav ul li ul li ul li a {
}

/* SIDE NAVIGATION */

#vertical-nav ul {
/* customize_vertical_navigation_color */background-color: #E4E4E4;/* customize_vertical_navigation_color */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
padding: 0;
}

#vertical-nav ul li {
text-align: center;
margin-bottom: 0px;
height: 40px;
line-height: 40px;
background: url(/packages/respond/themes/respond/images/respond_sub-nav_spacer.png) no-repeat bottom;
list-style: none;
position: relative;
}

#vertical-nav ul li a {
font: normal normal normal 15px/17px 'Oswald', arial;
text-decoration: none;
/* customize_vertical_navigation_title_color */color: #ffffff;/* customize_vertical_navigation_title_color */
}

#vertical-nav ul li a:hover, #vertical-nav ul li a.nav-selected {
/* customize_vertical_navigation_title_color_hover */color: #414042;/* customize_vertical_navigation_title_color_hover */
text-shadow: none;
}

#vertical-nav ul li ul {
height: auto;
opacity: 0;
position: absolute;
left: 0;
top: -999999%;
padding: 0; 
margin: 0;
background: #E4E4E4;
z-index: 25;
width: 200px;
}

#vertical-nav ul li:hover > ul {
opacity: 1;
position: absolute;
left: 100%;
top: 0;
-webkit-transition: opacity 1s ease; /* For chrome & safari */
-moz-transition: opacity 1s ease; /* For mozilla firefox */
-o-transition: opacity 1s ease; /* For opera */
transition: opacity 1s ease;
padding: 0; 
margin: 0;
}

