/*defined for bounder*/
#menuSideMenu {float: left; padding: 0px; white-space: nowrap; width: 100%; height: 30px;}
#menuSideMenu .coupons-inside {padding-bottom: 2px; padding-top: 2px; white-space: nowrap;}
#menuSideMenu ul{ float: left; list-style-type: none; margin: 0 0 0 0; padding: 0;white-space: nowrap;display: inline; width:100%;}
#menuSideMenu ul li {background: none; cursor: pointer; display: block; float: left; line-height: 1em; margin: 0; /* all list items */ padding: 0;}
#menuSideMenu ul li a
{
	
	display: block;
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 6px 10px 0px;
	text-decoration: none;
}
#menuSideMenu ul li a.active { }
#menuSideMenu ul li a.active:hover,
#menuSideMenu ul li a.active:active,
#menuSideMenu ul li a.active:focus { }
#menuSideMenu ul li a:hover
{
	color: #FEA300;
}
/* width of submenu item*/
#menuSideMenu ul li li { margin: 0; padding: 0 0 0 0; width: 13em; }
#menuSideMenu ul li li a.active { background: none; border-top: none; color: #F85703; font-weight: bold; }
/* level 2 */
#menuSideMenu ul li ul { height: auto; left: -999em; position: absolute; width: 13em; z-index: 99; }
/*
-----------------------------------*/
/* Thiet lap menu trong suot */
#menuSideMenu ul li ul
{
	
	background: #4d5558;
	border: 1px solid #CCCCCC;
}
#menuSideMenu ul li ul a
{
	
	Background : none;
	border-right: none;
	border-top: none;
	font-weight: normal;
	padding: 2px 10px;
	text-transform: none;
}
#menuSideMenu ul li ul a:hover,
#menuSideMenu ul li ul a:active,
#menuSideMenu ul li ul a:focus, #menuSideMenu ul li.levelhavechild-active { color: #013453; }
#menuSideMenu ul li ul li { border-bottom: 1px solid #E1E8E5; }
#menuSideMenu ul li ul li a.h4menulevel1sfhover { }
/* level 3, where to start  */
#menuSideMenu ul li ul ul { margin: -1.3em 0 0 13em; }
/*Muc 1*/
#menuSideMenu ul li.level1 { background: transparent; color: #013453; }
#menuSideMenu ul li.level1 a
{
	color : #CCCCCC;
}

#menuSideMenu ul li.level1-active {color:#013453 }
#menuSideMenu ul li.levelhavechild { background: url(arrow12.gif) no-repeat 95% 50%; border-bottom: 1px solid #E1E8E5; color: #013453; }
/* hover li with sub
   change arrow7.jpg to arrow12.gif
   bgcolor = #CCCCCC
*/
#menuSideMenu ul li.levelhavechild:hover
{
	background: url(arrow12.gif) no-repeat 95% 50% #CCCCCC !important;
	color: #013453;
}
#menuSideMenu ul li:hover ul ul, 
#menuSideMenu ul li:hover ul ul ul,
#menuSideMenu ul li.sfhover ul ul, 
#menuSideMenu ul li.level1sfhover ul ul, 
#menuSideMenu ul li.level1-activesfhover ul ul,
#menuSideMenu ul li.sfhover ul ul ul, 
#menuSideMenu ul li.level1sfhover ul ul ul, 
#menuSideMenu ul li.level1-activesfhover ul ul ul { color: #013453; left: -999em; }
/* This "unhides" the sub-menus (left: -999em is what hides them) */
#menuSideMenu ul li:hover ul, 
#menuSideMenu ul li li:hover ul, 
#menuSideMenu ul li li li:hover ul,
#menuSideMenu ul li.sfhover ul, 
#menuSideMenu ul li.level1sfhover ul, 
#menuSideMenu ul li.level1-activesfhover ul,
#menuSideMenu ul li li.sfhover ul, 
#menuSideMenu ul li li.levelhavechildsfhover ul, 
#menuSideMenu ul li li.levelhavechild-activesfhover ul,
#menuSideMenu ul li li li.sfhover ul, 
#menuSideMenu ul li li li.levelhavechildsfhover ul, 
#menuSideMenu ul li li li.levelhavechild-activesfhover ul { color: #013453; left: auto; }
/* hover or active level 1
   bground = topbg_green1.gif	
   backcolor = #FFFFFF
*/
#menuSideMenu ul li:hover,
#menuSideMenu ul li.sfhover, 
#menuSideMenu ul li.level1sfhover, 
#menuSideMenu ul li.level1-activesfhover { color: #013453; }
#menuSideMenu ul ul { line-height: 1em; margin: 0; /* all lists */ padding: 0; }
#menuSideMenu ul ul a { width: 13em; }
/* hover li no sub
   backcolor = #CCCCCC
*/
#menuSideMenu ul ul li:hover, 
#menuSideMenu ul ul ul li:hover, 
#menuSideMenu ul ul li.sfhover, 
#menuSideMenu ul ul ul li.sfhover { background: #CCCCCC!important; color: #013453; }

