#navmobile01 {
float:left;
margin-left:0px;


}

#menubar, #menubar ul {
	padding: 0;
	margin: 0;
	list-style: none;
	font: bold 12px arial;
	color:#FFFFFF;

}

#menubar a {
	display: block;
	text-decoration: none;
	padding: 10px 10px 10px 10px;
	color: #FFF;
	border-right: 1px solid #8E0E00;

}

#menubar a.kapilih {
	background-image: url(../images/bgmenumobilehover.gif);
	color: #FFF;
	background-repeat: repeat-x;
}



#menubar li {
	float: left;
	width: 9em;

}

#menubar li ul, #menubar ul li  {
	width: 13em;
}

#menubar ul li a  {
	color: #565656;
	border-right: 0;
	padding: 5px 10px 5px 5px;
}

#menubar li ul {
	position: absolute;
	display: none;
	z-index:200;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999; 
	margin-left:-1px;
	
}

#menubar li:hover a, #menubar a:focus,
#menubar a:active, #menubar li.hvr a {
	color: #FFF;
	background-image:url(../images/bgmenumobilehover.gif); background-repeat:repeat-x;

}

#menubar li:hover ul, #menubar li.hvr ul {
	display: block;
	
}

#menubar li:hover ul a, #menubar li.hvr ul a {
font: normal 11px arial;
	color: #000;
	border-top:1px solid #999;
	background-image:url(../images/bg_navmobileturunan.gif); background-repeat:repeat-x;
}

#menubar ul a:hover {
	background-color: #900!important;
	background-image:none!important;
	color: #FFF!important;
}

#menubar li {width: auto;}



.navmobile02{
float:right;
font: bold 12px arial;
background-image:url(../images/bg_navmobilekanan.gif); background-repeat:x-repeat; height:35px;
}

.navmobile02 ul{
margin: 0;
padding: 0;
float: left;
border-left: 1px solid #8E0E00; /*dark purple divider between menu items*/
}

.navmobile02 ul li{
display: inline;
}

.navmobile02 ul li a{
float: left;
color: #FEFEF5; /*text color*/
padding: 10px 10px 10px 10px;
text-decoration: none;
border-right: 1px solid #8E0E00; /*dark purple divider between menu items*/
}

.navmobile02 ul li a:visited{
color: white;
}

.navmobile02 ul li a:hover, .menu ul li .current{
color: white !important; /*text color of selected and active item*/
padding-top: 10px; /*shift text down 1px for selected and active item*/
padding-bottom: 10px; /*shift text down 1px for selected and active item*/
background: black url(../images/bgmenumobilehover.gif) center center repeat-x;
}