.navbar
{
	
}  

.mainDiv
{	
	
}

.topItem
{
	font: bold 12px tahoma,verdana,sans-serif;
	background:url(../images/icon_theloai.png) center left no-repeat;
	color: #0B7185;
	cursor:pointer;
	padding:10px 10px 15px 40px;	
	border-bottom: solid 1px #000;
	margin-bottom: 6px;
	height:16px;

}

div.topItem a
{
	padding:0px; margin:0px;
	color: #000000;
	text-decoration:none;
}

div.topItem a:hover
{
	color: #ffffff;
}



.topItemOver
{
	font: bold 12px tahoma,verdana,sans-serif;
	background:url(../images/icon_theloai.png) center left no-repeat;
	color: #FFF;
	cursor:pointer;
	padding:10px 10px 15px 40px;	
	border-bottom: solid 1px #000;
}

.topItemClose
{
	font: bold 12px tahoma,verdana,sans-serif;
	background:url(../images/icon_theloai.png) center left no-repeat;
	color: #000;
	cursor:pointer;
	padding:10px 10px 15px 40px;	
	border-bottom: solid 1px #000;
}

.topItemCloseOver
{
  	font: bold 12px tahoma,verdana,sans-serif;
	background:url(../images/icon_theloai.png) center left no-repeat;
  	cursor:pointer;
	padding:10px 10px 15px 40px;	
	border-bottom: solid 1px #000;
}

.dropMenu
{
 	font: bold 11px tahoma,verdana,sans-serif;	
  	filter:alpha(opacity=100);  	
  	border-bottom:solid 1px #000;
	padding-bottom:15px;
}

.subMenu
{
  	display:block;
}



.subItemOver
{
   	margin-left:10px;
   	font: 11px tahoma,verdana,sans-serif;	  
   	height:18px;
	color: #FFF;
}

.subItemOver  a
{
   	margin-left:18px;
   	font: 11px tahoma,verdana,sans-serif;
   	cursor:pointer;	
   	color: #FFF;
	text-decoration:none;
   	cursor:pointer;
}


.drop
{
   	border-left:1px solid black;
   	border-right:1px solid black;
}


div.menuTrailer
{
	font: bold 12px tahoma,verdana,sans-serif;
	background:url(../images/icon_trailer.png) center left no-repeat;
	color: #0B7185;
	cursor:pointer;
	padding:10px 10px 15px 40px;	
	border-bottom: solid 1px #000;
	margin-bottom: 6px;
	height:16px;
}

div.menuTrailer a
{
	padding:0px; margin:0px;
	color: #000000;
	text-decoration:none;
}

div.menuTrailer a:hover
{
	color: #ffffff;
}

div.menuCalendard{
	font: bold 12px tahoma,verdana,sans-serif;
	background:url(../images/icon_lich.png) center left no-repeat;
	color: #000000;
	cursor:pointer;
	padding:10px 10px 15px 25px;	
	border-bottom: solid 1px #000;
	height:16px;
}


div.menuCalendard a
{
	padding:0px; margin:0px;
	color: #000000;
	text-decoration:none;
}

div.menuCalendard a:hover
{
	color: #ffffff;
}






/*===========================================================*/


.arrowlistmenu{
position:absolute;
width: 180px;
left:0px;
top:0px;
}


.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: block;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px;
margin-left:35px;
}

.arrowlistmenu ul li a{
background: url(../images/heart.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 17px;
font: 11px tahoma,verdana,sans-serif;	
text-decoration:none;
color: #000;

}


.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #ffffff;
background: url(../images/heart_w.gif) no-repeat center left; /*custom bullet list image*/
}