/* css - menus? */


.top-menu, 
.main-menu, 
.product-menu, 
.sub-menu, 
.bottom-menu{ 
  position: relative;
  _zoom: 1; }

.top-menu     { z-index: 160; }
.main-menu    { z-index: 150; }
.product-menu { z-index: 140; }
.sub-menu     { z-index: 130; }
.bottom-menu  { z-index: 120; } 



.top-menu ul, 
.main-menu ul, 
.product-menu ul, 
.sub-menu ul, 
.bottom-menu ul{ width: 100%; list-style: none; margin: 0; padding: 0; }


/*.top-menu ul li, 
.main-menu ul li, 
.product-menu ul li, 
.sub-menu ul li, 
.bottom-menu ul li{ _vertical-align: bottom; } */

/* main menu */


.main-menu{
  clear: both;
  padding: 0;   
  text-align: left;   
  height: 45px;
  line-height: 45px;
  margin: 0 5px;  
  padding-left: 20px;
  background: #000 url(images/main-menu-bg.gif) 0 50% repeat-x;}
  
  
.main-menu ul{}
    .main-menu li{ float: left; }
    .main-menu li.first{}
    
    .main-menu a{ display: block; padding: 0 0 0 20px; color: #fff; font-weight: 700; text-decoration: none; }
    .main-menu a span{ display: block;padding-right: 20px; }        
    
	.main-menu .active a, 
	.main-menu a:hover{ 
      text-decoration: none;
      background: url(images/main-menu-bg-hover-left.gif) 0 50% no-repeat; }     

    .main-menu ul li a:hover span{ 
      text-decoration: none;
      background: url(images/main-menu-bg-hover-right.gif) right top no-repeat;
	  padding:0 20px 0 0;
	  }

    .main-menu ul.drop-down li.submenu ul li a span{ 
      background-image: none;
	  }
    
/* dropdown (always main menu) */    
.main-menu ul.drop-down, 
.main-menu ul.drop-down ul { list-style: none; padding: 0; margin: 0;}




  .main-menu ul.drop-down li{ margin: 0; }
  .main-menu ul.drop-down li.first{}

    .main-menu ul.drop-down ul{ width: 107px;}
      .main-menu ul.drop-down ul li{ width: 107px;   line-height: 30px;}
      .main-menu ul.drop-down ul a{ width: 147px; background: #949494;font-weight: normal;}

        .main-menu ul.drop-down li ul a { margin: 0 0 0 1px; border: 0; color: #fff;  }      
        .main-menu ul.drop-down li ul a:hover{ color: #bfbfbf;}

          
        .main-menu ul.drop-down ul{ padding-bottom: 10px;}
        .main-menu ul.drop-down li li {	margin: 0; border: 0; }
    
          
            .main-menu ul.drop-down li ul ul { margin: -33px 0 0 170px;} 

            /*.main-menu ul.drop-down li:hover li, .main-menu ul.drop-down li.sfhover li { background: #cccccc;}*/


.main-menu ul.drop-down li ul a {
	border-bottom: 1px solid #7c7c7c;
	border-top: 1px solid #a3a3a3;
	}

/* don't change */
.main-menu ul.drop-down ul{ position: absolute; left: -999em; height: auto; font-weight: normal;}
.main-menu ul.drop-down li:hover ul ul, .main-menu ul.drop-down li.sfhover ul ul {left: -999em;}

.main-menu ul.drop-down li:hover ul, .main-menu ul.drop-down li.sfhover ul { left: auto; top: 100%;}

.main-menu ul.drop-down li:hover a, 
.main-menu ul.drop-down li.sfhover a{ background: url(images/main-menu-bg-hover-left.gif) 0 50% no-repeat; } 

.main-menu ul.drop-down li:hover a span, 
.main-menu ul.drop-down li.sfhover a span{ background: url(images/main-menu-bg-hover-right.gif) right top no-repeat; }

.main-menu ul.drop-down li:hover li a, 
.main-menu ul.drop-down li.sfhover li a,
.main-menu ul.drop-down li:hover li a span, 
.main-menu ul.drop-down li.sfhover li a span{ background: #949494; }

/* don't change end */


/* sub menu */
.sub-menu{}
  
.sub-menu ul{ margin: 0; padding: 0; width: 100%; overflow: hidden;}
  .sub-menu li{ display: block; width: 100%; border-bottom: 1px solid #fff;}

  .sub-menu li.first{ border: 0;} 
  .sub-menu li.active{ border: 0; background: #2f66a7;} 
  .sub-menu li li.active a{ font-weight: 700; } 
  
    .sub-menu a{ display: block; color: #2f65a5; padding: 8px 19px; text-decoration: none; font-weight: 700; background: #e0ecfa; }  
    .sub-menu li li a{ display: block; color: #000; padding: 5px 10px; font-weight: 100; }  

    .sub-menu a:hover{ text-decoration: none; background: #2f66a7; color: #fff; }

  .sub-menu li ul{ border-top: 1px solid #d6d6d6; padding: 10px 40px; }
    .sub-menu li li{ border: 0; padding-left: 15px; }




/* bottom menu */
.bottom-menu{}


