@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.8
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox3+
 *				Mac OS: Safari2+, Firefox3+
 *
 * @link		http://www.lwis.net/free-css-drop-down-menu
 * @copyright	2008-2012 Live Web Initiatives, http://www.lwis.net, http://www.lwis.net
 *
 */

ul.menu,
ul.menu li,
ul.menu ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.menu {
 position: relative;
 z-index: 597;
 float: left;
}

ul.menu li {
 float: left;
 min-height: 1px;
 vertical-align: middle;
}

ul.menu li.hover,
ul.menu li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.menu ul {
 visibility: hidden;
 position: absolute;
 top: 15px;
 left: 0;
 z-index: 598;
 background: #FFF;
 width: 181px;
 padding: 10px 0 20px 20px;
 opacity:0.85;
 filter:alpha(opacity=85); /* For IE8 and earlier */
}

ul.menu ul li {
 width: 100%;
}

ul.menu ul ul {
 top: 1px;
 left: 99%;
}

ul.menu li:hover > ul {
 visibility: visible;
}

ul.sub-menu li a {
 font-size: 14px;
 line-height: 30px;
}

@media only screen and (max-width: 767px) and (min-width: 480px) {

    ul.menu ul {
     position: absolute;
     top: 25px;
    }
   
}

@media only screen and (max-width: 479px) {
   
    ul.menu ul {
     position: absolute;
     top: 20px;
     width: 100px;
    }
    
    ul.sub-menu li a {
     font-size: 12px;
     line-height: 16px;
    }
    
    ul.sub-menu li {
        padding: 10px 0px;
    }
   
}