/* CSS Document */


#menu { width:200px;
	      border-bottom:1px solid #191BC8;
	      margin:0 0 20px 0;
	      padding:0;
        font-size:9pt; 
        background: #1918B4 url(../img/cate_bg_B.jpg) top repeat-x;
      } 

    #menu ul { width:200px; list-style: none; margin: 0; padding: 0; } 

    #menu a, #menu h2 {
      display: block;
      border-bottom: 1px #eee solid;
      margin: 0; }

    #menu h2 { padding:5px 5px 5px 5px;	 color: #FFFFFF; font-size:9pt; background:  #282BCA url(../img/h1_bg.jpg) top repeat-x; text-transform: uppercase;
    } 

    #menu a { font-weight:normal; 	text-decoration:none;	padding:5px 5px 5px 10px; color: #FFF; 	font-size:9pt; background: #ca2929 url(../img/cate_bg_B.jpg) top repeat-x; 
    } 

    #menu a:hover { font-weight:normal;	text-decoration:none; height:100%;	padding:px 5px 5px 10px; color: #FFF; font-size:9pt; background: #44474B url(../img/a_bg.jpg)top repeat-x; } 
    
    #menu ul li a:hover {
	   background:#44474b url(../img/a_bg.jpg) top repeat-x;
	   color: #fff;
	   text-decoration: none;
    }
    
    #menu li.activeCat a, #menu li.activeCat li.activeCat a, #menu li.activeCat li.activeCat li.activeCat a, #menu li.activeCat li.activeCat li.activeCat li.activeCat a {
  	background:#44474b url(../img/a_bg.jpg) top repeat-x;
	color:#fff;
}
    #menu li { position: relative; }

    #menu ul ul ul {position: absolute; top: 0; left: 100%; width: 100%; }

    div#menu ul ul ul, div#menu ul ul li:hover ul ul {display: none;} 

    div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul {display: block;}



#menu_swap { width:200px;
	      margin:0 0 20px 0;
	      padding:0;
	      height:100%; 
        font-size:9pt; 
        background: #1918B4 url(../img/cate_bg_B.jpg) top repeat-x;
      } 
      
    #menu_swap ul { width:200px; list-style: none; margin: 0; padding: 0; } 

    #menu_swap a, #menu_swap h2 {
      display: block;
      border-bottom: 1px #eee solid;
      margin: 0; }

    #menu_swap h2 { padding:5px 5px 5px 5px;	 color: #FFFFFF; font-size:9pt; background:  #282BCA url(../img/h1_bg.jpg) top repeat-x; text-transform: uppercase;
    } 

    #menu_swap a { font-weight:normal; 	text-decoration:none;	padding:5px 5px 5px 10px; color: #FFF; 	font-size:9pt; background: #ca2929 url(../img/cate_bg_B.jpg) top repeat-x; 
    } 

    #menu_swap a:hover { font-weight:normal;	text-decoration:none; height:100%;	padding:px 5px 5px 10px; color: #FFF; font-size:9pt; background: #44474B url(../img/a_bg.jpg)top repeat-x; } 
 
#menu_swap ul li a:hover {
	background:#44474b url(../img/a_bg.jpg) top repeat-x;
	color: #fff;
	text-decoration: none;
}
  
    
 #menu_swap li { position: relative; }

    #menu_swap ul ul { position: absolute; z-index: 500; }

    #menu_swap ul ul ul { position: absolute; top: 0; left: 100%; } 

    div#menu_swap ul ul,
    div#menu_swap ul li:hover ul ul,
    div#menu_swap ul ul li:hover ul ul
      {display: none;} 

    div#menu_swap ul li:hover ul,
    div#menu_swap ul ul li:hover ul,
    div#menu_swap ul ul ul li:hover ul
      {display: block;}