/*defined for bounder*/

/* color ends up being a border color */
#menu { background-color: #00365c; float: left; padding: 2px; white-space: nowrap; width: 100%; }

/* Not sure as the 0 padding apparently makes it disappear */
#menu .bd { background-color: #00365c; padding-bottom: 0px; } /* changed from 31px */

#menu .coupons-inside { padding-bottom: 2px; padding-top: 2px; } /* changed from 2px */

/* Main portion of color in menu */
#menu .sb-dot{ background-color: #00365c; }

#menu .sb-ie { *right: -1px; }
#menu .sb-ne { right: 0px; top: 0px; }
#menu .sb-nw { left: 0px; top: 0px; }
#menu .sb-se { bottom: 0px; right: 0px; }
#menu .sb-sw { bottom: 0px; left: 0px; }
#menu ul{ border-right: none float: left; list-style-type: none; margin: 0 0 0 0; padding: 0; } /* changed from border 1px dashed #88a6be; */
#menu ul li { background: none; cursor: pointer; display: block; float: left; line-height: 1em; margin: 0; /* all list items */ padding: 0; }

/* Dotted line color and text color of menu and sub-menu non hover */
#menu ul li a { border-right: 1px dashed #88a6be; color: #fffdf7; display: block; font-family: Arial; font-size: 12px; font-weight: bold; margin: 0; padding: 8px 10px 7px; text-decoration: none; }
#menu ul li a.active { }
#menu ul li a.active:hover,
#menu ul li a.active:active,
#menu ul li a.active:focus { }

/* Text color of root only hover */
#menu ul li a:hover { color: #919294; }

/* width of submenu item*/
#menu ul li li { margin: 0; padding: 0 0 0 0; width: 15em; }

/* Not sure but doesn't have noticable effect so leave color */
#menu ul li li a.active { background: none; border-top: none; color: #F85703; font-weight: bold; }
/* level 2 */
#menu ul li ul { height: auto; left: -999em; position: absolute; width: 15em; z-index: 99; }


/*
-----------------------------------*/
/* Thiet lap menu trong suot */
/* Sub-menu background color */
#menu ul li ul { background: #4d5558; border: 1px solid #CCCCCC; }

#menu ul li ul a { background: none; border-right: none; border-top: none; font-weight: normal; padding: 2px 10px; text-transform: none; }
#menu ul li ul a:hover,
#menu ul li ul a:active,
/* Submenu hover text color */
#menu ul li ul a:focus, #menu ul li.levelhavechild-active { color: #013453; }
/* Submenu border color - leave as is */
#menu ul li ul li { border-bottom: 1px solid #E1E8E5; }
#menu ul li ul li a.h4menulevel1sfhover { }
/* level 3, where to start  */
#menu ul li ul ul { margin: -1.3em 0 0 15em; }
/*Muc 1*/
/* No noticable effect leave as is */
#menu ul li.level1 { background: transparent; color: #013453; }
#menu ul li.level1-active { }
/* No noticable effect - leave as is */
#menu 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 = #e0ffff
*/
/* Sub menu when it has another sub. Use country sub */
#menu ul li.levelhavechild:hover { background: url(arrow12.gif) no-repeat 95% 50% #BFCBD7 !important; color: #013453; }
#menu ul li:hover ul ul, 
#menu ul li:hover ul ul ul,
#menu ul li.sfhover ul ul, 
#menu ul li.level1sfhover ul ul, 
#menu ul li.level1-activesfhover ul ul,
#menu ul li.sfhover ul ul ul, 
#menu ul li.level1sfhover ul ul ul, 
#menu ul li.level1-activesfhover ul ul ul { color: #013453; left: -999em; }
/* This "unhides" the sub-menus (left: -999em is what hides them) */
#menu ul li:hover ul, 
#menu ul li li:hover ul, 
#menu ul li li li:hover ul,
#menu ul li.sfhover ul, 
#menu ul li.level1sfhover ul, 
#menu ul li.level1-activesfhover ul,
#menu ul li li.sfhover ul, 
#menu ul li li.levelhavechildsfhover ul, 
#menu ul li li.levelhavechild-activesfhover ul,
#menu ul li li li.sfhover ul, 
#menu ul li li li.levelhavechildsfhover ul, 
#menu ul li li li.levelhavechild-activesfhover ul { color: #013453; left: auto; }
/* hover or active level 1
   bground = topbg_green1.gif	
   backcolor = #FFFFFF
*/
#menu ul li:hover,
#menu ul li.sfhover, 
#menu ul li.level1sfhover, 

/* IMPORTANT this is the bg hover for main menu and hover color for text */
#menu ul li.level1-activesfhover { background: #003658!important; color: #013453; }
#menu ul ul { line-height: 1em; margin: 0; /* all lists */ padding: 0; }
#menu ul ul a { width: 15em; }
/* hover li no sub
   backcolor = #e0ffff
*/
#menu ul ul li:hover, 
#menu ul ul ul li:hover, 
#menu ul ul li.sfhover, 

/* this is teh hover color for submenu */
#menu ul ul ul li.sfhover { background: #BECBD7!important; color: #013453; }