@charset "utf-8";
/* CSS Document */

.width1 { width:260px; }
.width2 { width:290px; }
.width3 { width:320px; }

#info {background:#f8f8f8; border:0;}

h4{ font-size:1.1em; font-weight:normal; padding:0; margin:0; }
h5{ font-size:1.1em; font-weight:normal; padding:0; margin:0; }

#menu {position:relative; z-index:500; height:45px;} /* height for this demo only */
#menu ul {padding:0; margin:0; list-style:none; padding:0; }
#menu ul.level1 {height:45px;}
#menu ul.level2 {height:45px; margin-top:13px; margin-left:5.5px;}
#menu ul ul {position:absolute; left:-9999px; padding:0; margin:0;  }
#menu table {border-collapse:collapse; z-index:600; width:0; height:0; position:absolute; left:-1px; top:-1px;}
#menu ul li { margin-right:0px; float:left; z-index:500; }
#menu ul li a {display:block; float:left; padding:16px 16px 15px 17px; font:normal 10px verdana, sans-serif; color:#fff; text-decoration:none; background:url(../images/menu-div.png) no-repeat left;}
#menu ul li:first-child a { background:none;}
#menu ul li:first-child a:hover{background:url(../images/bg-menu-down-first.png) repeat-y; }

#menu ul ul li.width1 {margin:0; background:url(../images/bg-menu-sub.png) repeat-x;}
#menu ul ul li.width1 a {background:none; width:226px;}
#menu ul ul li.width1 a.fly {padding-right:10px;}

#menu ul ul li.width2 {margin:0; background:url(../images/bg-menu-sub.png) repeat-x;}
#menu ul ul li.width2 a {background:none; width:256px;}
#menu ul ul li.width2 a.fly {padding-right:10px;}


#menu ul ul li.width3 {margin:0; background:url(../images/bg-menu-sub.png) repeat-x;}
#menu ul ul li.width3 a {background:none; width:286px;}
#menu ul ul li.width3 a.fly {padding-right:10px;}

#menu ul ul li.width4 {margin:0; background:url(../images/bg-menu-sub.png) repeat-x;}
#menu ul ul li.width4 a {background:none; width:123px;}
#menu ul ul li.width4 a.fly {padding-right:10px;}

#menu ul li:hover {position:relative;}
#menu ul li a:hover {direction:ltr; background:url(../images/bg-menu-down.png) repeat-x; color:#FFF; position:relative;}
#menu ul li:hover > a { color:#fff; }


#menu ul ul li:hover {position:relative;}
#menu ul ul li a:hover {direction:ltr; background:url(../images/bg-menu-sub.png) repeat-x; color:#FFF; position:relative;}
#menu ul ul li:hover > a { color:#fff; }
#menu ul ul li:first-child a:hover{background:url(../images/bg-menu-sub.png) repeat-x; }

#menu ul :hover ul {left:-5px; width:122px; top:31px;}

#menu ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul,
#menu ul :hover ul :hover ul :hover ul :hover ul {left:122px; width:122px; top:-5px;}

#menu ul :hover ul ul,
#menu ul :hover ul :hover ul ul, 
#menu ul :hover ul :hover ul :hover ul ul {left:-9999px;}

#menu ul li.right-menu { float:right; }
#menu ul li.right-menu a { background:url(../images/menu-right-div.png) no-repeat; color:#000; font-size:10px; width:47px; }
#menu ul li.right-menu a:hover {  no-repeat; color:#ffffff; }
#menu ul li:first-child a { background:none;}