/**
 * @package  Base System
 * @author   Fred Melnychuk <fredeveloper@gmail.com>
 * @author   Sergey Gorban <serg.ck.ua@gmail.com>
 * @version  0.0.3
 */

ul {margin: 0; padding: 0;}
body {font: 14px Helvetica, Sans-Serif;}
a {text-decoration: none;}
ul {list-style: none;}
p {margin: 15px 0;}

/* LEVEL ONE */
ul.dropdown {position: relative;}
ul.dropdown li {font-weight: bold; float: left; zoom: 1; background: #ccc;}
ul.dropdown a:hover {color: #000;}
ul.dropdown a:active {color: #ffa500;}
ul.dropdown li a {display: block; padding: 5px 6px; border-right: 1px solid #333; color: #222; font-size: 14px;}
ul.dropdown li:last-child a {border-right: none;} /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover {background: #F3D673 !important; color: black; position: relative;}
ul.dropdown li.hover a {color: black;}


/* LEVEL TWO */
ul.dropdown ul {width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 9999999;}
ul.dropdown ul li {font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; float: none;}
									  
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a {border-right: none; width: 100%; display: inline-block;}

/* LEVEL THREE */
ul.dropdown ul ul {left: 100%; top: 0;}
ul.dropdown li:hover > ul {visibility: visible;}

/* MENU HIGHLIGHT */
ul.dropdown li.active {background: #ababab}