/* ********************************
*  2010 © EDB Totalpartner AS 
*  http://www.edbtotalpartner.no
* *********************************/

/* Global
-------------------------------------------------------------- */
.top-menu ul,
.main-menu ul, 
.main-menu-sub ul, 
.bottom-menu ul{ list-style: none; margin: 0; padding: 0;  }

/* Top menu
-------------------------------------------------------------- */
.top-menu{ clear: both; float: right; display: inline; padding: 10px 0; margin-right: -12px; margin-bottom: 30px; }
.top-menu ul{}
    
    .top-menu li{ float: left; text-align: right; }
    .top-menu li.first{ border: 0; }
    
    .top-menu a, .top-menu a span{ color: #2b2b2b; }
    
    .top-menu a{ display: block; padding: 0 12px; text-decoration: none;}
    .top-menu a span{ display: block; }        
    .top-menu .active a, .top-menu a:hover{  text-decoration: none; } 



/* Main menu
-------------------------------------------------------------- */
.main-menu{ float: left; display: inline; width: 100%; line-height: 50px; padding-top: 2px; background: url(images/bg-main-menu.gif) 0 0 no-repeat; }
    
  .main-menu ul{ margin:0 10px; } 
  .main-menu li{ float: left; display: inline; width: 190px; background: url(images/main-menu-spacer.gif) 0 0 repeat-y; }
  .main-menu li.first{ background: none; }
  .main-menu a{ display: block; width: 100%;  }  
  
    .main-menu .menu-men a      { background: url(images/main-menu-men.png) 50% 50% no-repeat;}
    .main-menu .menu-women a    { background: url(images/main-menu-women.png) 50% 50% no-repeat;}
    .main-menu .menu-kids a     { background: url(images/main-menu-kids.png) 50% 50% no-repeat;}
    .main-menu .menu-hardware a { background: url(images/main-menu-hw.png) 50% 50% no-repeat;}
    .main-menu .menu-sale a     { background: url(images/main-menu-sale.png) 50% 50% no-repeat;}
  
    .main-menu li a{text-indent: -999em;}
    .main-menu li a:hover, .main-menu li.active a{ background-color: #727677; }



/* Main menu sub
-------------------------------------------------------------- */
.main-menu-sub{ float: left; display: inline; width: 100%; height: 40px; overflow: hidden; line-height: 40px; background: url(images/bg-main-menu-sub.gif) 0 0 no-repeat; }
  .main-menu-sub ul{} 
  .main-menu-sub li{ float: left; display: inline; padding: 0 10px; background: url(images/main-menu-spacer.gif) 0 0 repeat-y; }
  .main-menu-sub li.first{ background: none; }
  .main-menu-sub a{ display: block; /*width: 100%;*/ color: #fff; padding: 0 20px;  }  
  
  .main-menu-sub .menu-home a{ padding-top: 12px;}
  .main-menu-sub div.basket-small{ float: right; margin-right: 10px; padding-left: 10px; background: url(images/main-menu-spacer.gif) 0 0 repeat-y;  }
    a.lnk-basket { background: url(images/tex-basket.gif) 0 50% no-repeat;}

/* Sub menu
-------------------------------------------------------------- */
.sub-menu{
	margin: 0 0 20px 0;
	}
  .sub-menu dl{ width: 100%; margin: 0; overflow: hidden; }
  .sub-menu dt, .sub-menu dd{ display: block; margin: 0; padding: 0; }
    .sub-menu dt{ margin: 0 0 0 0; padding: 10px 0 10px 0; /*border-bottom: 1px solid #d5d5d5;*/ background: url(images/sub-menu-hor-sep.gif) repeat-x bottom;}    
    .sub-menu dt.active{ background: none;padding-bottom: 5px;}    
    .sub-menu dd{ padding-left: 0px;}    

  .sub-menu .first{ border: 0;} 
  
    .sub-menu a{ display: block; color: #432912; padding: 0 0 0 0px; text-decoration: none; font-weight: bold; font-size: 14px; font-family:Arial, Helvetica, sans-serif; }
    .sub-menu span{ display: block; padding: 2px 0px; text-transform:uppercase; }
    .sub-menu .sub span{ font-weight: bold;font-size: 12px; color: #7b7b7b; padding: 8px 0 8px 0;}  
    .sub-menu .sub a:hover span{ color: #0f74a8;}  
      .sub-meny dd.sub-2 a span{ padding-left: 15px; color: red;}
      .sub-menu dd ul.sub-3 a span{ display: block; padding-left: 20px; }

    .sub-menu a:hover, .sub-menu a.active { color: #0f74a8; background: url(images/menu-frame.gif) 0 0 no-repeat; text-decoration:none; }
    .sub-menu a:hover span, .sub-menu a.active span{ background: url(images/menu-frame.gif) 100% 0 no-repeat;}

.sub-menu .sub { padding: 4px 0 0px 17px; }