/* CSS Document */

/*defined for bounder*/
#menuSideMenu {float: left; padding: 0px; white-space: nowrap; width: 100%; line-height:30px;  text-align:left; background-color:#fff; color:#000000;}
#menuSideMenu .coupons-inside {padding-bottom: 0px; padding-top: 0px; white-space: nowrap; height:30px;}
#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{cursor: pointer; display: block; float: left; line-height:18px; margin: 0; padding: 0;}
#menuSideMenu ul li a {color: #000; display: block; font-family: Tahoma; font-size: 12px; font-weight: bold; padding: 6px 8px; 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 {background-color:#e2e2e2; text-decoration:none; line-height:18px;}
/* width of submenu item*/
#menuSideMenu ul li li { margin: 0; }
#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: 155px; z-index: 99;}
/*
-----------------------------------*/
/* Thiet lap menu trong suot */
#menuSideMenu ul li ul {background: #ccc;}
#menuSideMenu ul li ul a {font-weight: normal; font-size:11px; text-transform: none; display:block; line-height:18px; width:145px; padding:0px 0 0 10px; margin:0px;}
#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 #e2e2e2;*/}
#menuSideMenu ul li ul li a.h4menulevel1sfhover { }

/* level 3, where to start  */
#menuSideMenu ul li ul ul { }
/*Muc 1*/

#menuSideMenu ul li.level1 { background: transparent; color: #013453; }
#menuSideMenu ul li.level1-active { }
#menuSideMenu ul li.levelhavechild {/* background: url(arrow12.gif) no-repeat ; 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%  #FF0000!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: 145px; padding:2px 0px 2px 10px;}*/
/* 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; }