ul {list-style: none;padding: 0px;margin: 0px;}
ul li {display: block;position: relative;}
li ul {display: none;}
ul li a {
	display: block;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
	white-space: nowrap;}
li:hover ul {display: block; position: absolute;}
li:hover li {float: none;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    outline: 0;
}

.collapse.in .dropdown-menu, .collapse.in .caret {
	display:none;
}


/* js ****

	<script type="text/javascript">
	  (function($){   
		$(document).ready(function(){
		  // dropdown https://forum.joomla.org/viewtopic.php?t=769849
		  $('.parent').addClass('dropdown');
		  $('.parent > a').append(' <b class="caret"></b>');
		  $('.parent > ul').addClass('dropdown-menu');
		});
	  })(jQuery);
	</script>

*/