/* -------------------------------------------------------------- 
   
   Tabs
   * A basic ruleset for beginning tabs
   
-------------------------------------------------------------- */

ul.tabs { margin: 0; padding: 0; }
ul.tabs li { float: left; list-style: none; margin: 0; padding: 5px; }
ul.tabs li a { float: left; display: block; }

/* Clearing floats without extra markup  */
ul.tabs { display: block; }
ul.tabs:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html ul.tabs { height: 1%; }
ul.tabs { display: block; }

ul.tabs li ul {
    position: absolute;
    left: -999%;
    width: 8em;
    text-align: left;
}
ul.tabs li:hover ul {
    left: auto;
}
ul.tabs li:hover ul {
    margin: 29px 0 0 0;
	border: 2px solid #efefef;
	border-width: 0px 2px 2px 2px;
	background-color: #fff;
	width: 150px; 
}
ul.tabs li ul li {
	padding: 0px;
}
ul.tabs li ul li a {
	float: none;
	display: block;
	padding: 2px 5px;
	width: 138px;
}

ul.tabs li ul li a:hover { background-color: #f2f2f2 !important; } 