/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @copyright  Copyright (c) 2008 Irubin Consulting Inc. DBA Varien (http://www.varien.com)
 * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

#nav { padding:0 20px;  }
#logo_d_left .header-nav-container .header-nav #nav{
  padding: 0px;
}


/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; z-index:20;}
#nav li.over {  background-image: url(../images/menu_top_p.gif);
    background-repeat: no-repeat;

 }
#nav a,
#nav a:hover { display:block; line-height:1.3em; text-decoration:none; }
#nav span { display:block; cursor:pointer; white-space:nowrap;  }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { float:left; }
#logo_d_left .header-nav-container .header-nav #nav li{
  width:174px;
  display:none;
}
#logo_d_left .header-nav-container .header-nav #nav li ul li ul li{
  width:174px;
  display:none;
  background-color:#FFFFFF;
}
#logo_d_left .header-nav-container .header-nav #nav li ul li ul li.last{

}


#logo_d_left .header-nav-container .header-nav #nav li.active ul li ul li a{ /*menu_left: product item*/
  color:#254A5D !important;
  background-position:5px 50%;
  background-image: url(../images/arr_normal.gif);
  background-repeat: no-repeat;
  background-color:#F4F4F4;
  font-size:12px;
  padding-left:22px;/*this padding affects subcategory and product items*/
  line-height:20px;/*this affects product items (first product)*/
 }
#logo_d_left .header-nav-container .header-nav #nav li ul li ul li.active ul li a{
  background: #f4f4f4;/*none;*/
 }
 #logo_d_left .header-nav-container .header-nav #nav li ul li ul li ul li a,
  #logo_d_left .header-nav-container .header-nav #nav li ul li ul li ul li a:active{
    color:#ff6600 !important; /*clicked active product??*/
 }
#logo_d_left .header-nav-container .header-nav #nav li ul li ul li.active a{
  background-position:5px 50%;
  background-image: url(../images/arr_active.gif); /*subcategory active*/
  background-repeat: no-repeat;
 }

.narrow-by dl dd ol li a, .narrow-by dl dd ol li a:hover{
 color:#ff6600; /*#254A5D*/
 text-decoration:none;
}

#logo_d_left .header-nav-container .header-nav #nav li ul li ul li ul li.active a span{
  color:#ff7600;
}


#nav li.active a { color:#FB8200; }
#logo_d_left .header-nav-container .header-nav #nav li.active a#KAYAK{
  background-image:url(../images/menu-label-kayak.png);

background-repeat:no-repeat;
margin-left:-3px;
height:42px;
width:174px;;
}
#logo_d_left .header-nav-container .header-nav #nav li.active a#SAILING{
  background-image:url(../images/menu-label-sailing.png);

background-repeat:no-repeat;
margin-left:-3px;
height:42px;
width:174px;;
}
#logo_d_left .header-nav-container .header-nav #nav li.active a#DIVING{
  background-image:url(../images/menu-label-diving.png);
background-repeat:no-repeat;
height:42px;
margin-left:-3px;
width:174px;
}
#logo_d_left .header-nav-container .header-nav #nav li.active a#MORE{
  background-image:url(../images/menu-label-other.png);

background-repeat:no-repeat;
height:42px;
margin-left:-3px;
width:174px;;
}

#logo_d_left .header-nav-container .header-nav #nav li.active ul li a{ /*menu_left:level0/category,level1/subcategory and level3/product item*/
  background-image: url(../images/h_l_t_bg.gif);
  /*height: 21px;  ?? when set, this affects all three levels*/
  background-repeat: repeat-x;
}
#nav a { float:left; padding:5px 10px 6px 9px; color:#174164; font-weight:bold;}

#logo_d_left .header-nav-container .header-nav #nav a{  /*menu_v(menu_left): ??*/
  /*line-height:22px;??*/
  color:#254a5d;
  font-family: Arial;
 /* font-size:14pt;*/
 background: none;
}
#logo_d_left .header-nav-container .header-nav #nav li ul li a span{ /*menu_left: category (level0)*/
  line-height:20px;/*category height*/
  color:#254a5d ;
  font-family: Arial;
  font-weight:bold;
  font-size:10pt!important;/*Why is this afecting category and subcategory font size in a strange way ??*/
  margin-left:-10px;
  background:none;
}
#logo_d_left .header-nav-container .header-nav #nav li a span{
    margin-left:83px;
    color:#FB8200;
    font-size:0;
}

#nav li.over a,
#nav a:hover { color:#fb8200; /*top tab section*/ }
#nav li.active{   /*top tab section active*/
  background-image: url(../images/bg_a_menu.gif);
  width:75px;
  height:25px;
  background-repeat: no-repeat;
}

#logo_d_left .header-nav-container .header-nav #nav li.active{
  height: auto;
  margin-left:4px;
  width: 180px;
  background-image:none;
  background-repeat:repeat-y;
  display:block;
 }
 
#logo_d_left .header-nav-container .header-nav #nav li.active ul li.active{
  margin-left:0px;
  width:174px;
  background:#ECF3F6 url(../images/nav_divider.gif) repeat-x scroll 0 100%;
  }

#logo_d_left .header-nav-container .header-nav #nav li ul li ul{
  display: block;
  padding-bottom:0;
}

#logo_d_left .header-nav-container .header-nav #nav li ul li ul li a span{ /*menu_topt:level1, subcategory*/
  padding:0px;
  line-height: 20px;/*menu_left:: subcategory line height*/
  font-family: Arial;
  font-size: 11pt;
  font-weight: bold;
  margin-left:0px; /*distance-space between bullet image and text*/
  color:#648191;  /*#5a7889;*/
}

#logo_d_left .header-nav-container .header-nav #nav li ul li ul li a,
 #logo_d_left .header-nav-container .header-nav #nav li ul li ul li a:hover{
  /*background-color: #edf0f3;*/
  color:#ff6600 !important;/*menu_left: product item over*/
   }
   
#logo_d_left .header-nav-container .header-nav #nav li ul li ul li.active > ul{
  display: block;
 }

#logo_d_left .header-nav-container .header-nav #nav li ul li ul li ul li a{ /**/
  background-color: #ffffff;
  font-family:Verdana;
  font-size:11px;
  font-weight:normal;
}

#logo_d_left .header-nav-container .header-nav #nav li ul li ul li ul li.active a{
   color:#ff6600 !important;/*#faa142*/ /* ?? menu_left: product item active*/
}


#logo_d_left .header-nav-container .header-nav #nav li ul li ul li ul{
  display: none;
}


/************ 1ST LEVEL (top-tab-menu:sub-category)************/
#nav ul li,
#nav ul li.active{
display:block !important;
float:left;
font-size:12px;
margin:0;

width:100%;
}
#s_m_2 .header-nav-container .header-nav #nav ul li, #nav ul li.active{
  width:100%;
}


/*#nav ul li.over { background:#d5e4eb url(../images/nav_divider.gif) repeat-x 0 100%; }*/
#nav ul li.last { background:#ecf3f6; padding-bottom:0; }

#nav ul a,
#nav ul a:hover { float:none; padding:0; background:none;}
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL (top-tab-menu:sub-category)************/
#nav ul { position:absolute; width:8.8em; top:25px; left:-10000px;}
#logo_d_left .header-nav-container .header-nav  #nav ul{
  position: relative;
  top:0px;
  display:none;
  border:none;
}


/* Show menu */

#nav li.over > ul { left:-150px; }

#logo_d_left .header-nav-container .header-nav  #nav li > ul{
background-image:url(../images/bg_l_menu.gif);
background-repeat:repeat-y;
display:block;
float:left;
height:auto;
left:0;
padding-bottom:8px;
width:100%;
}


#nav li.over > ul li.over > ul { left:-30px; }
#logo_d_left .header-nav-container .header-nav #nav li.over > ul li.over > ul { left:0px; }

#nav li.over ul ul { left:-10000px; }

#nav ul li a { background:#6b8191; color:#ffffff !important; border-bottom: 1px solid #fff;}
#nav ul li a:hover {
  color:#fb8200 !important ;
  background:#6b8191;
 
}
#nav ul li.last a { border-bottom: 0px;} 

#nav ul span, #nav ul li.last li span { padding:6px 15px 4px 15px;}

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }
 
#nav ul li ul li{}
#nav ul li ul li a{
  background-color: #7b909f;
 }
 
 
/***********TOP CATEGORY MENU*************/
#s_m_2 ul#nav {margin-top:2px;}
#s_m_2 ul#nav a{text-align:center;width:55px;}
#s_m_2 ul#nav ul a{width:125px;text-align:left;}
#s_m_2 ul li.active {background-image:url(../images/bg_a_menu.gif);
background-repeat:no-repeat; margin-left:5px;}
#s_m_2 ul li {background-image:url(../images/bg_a_menu2.gif);
background-repeat:no-repeat; margin-left:5px;width:75px;}
#s_m_2 ul li.over {background-image:url(../images/bg_a_menu.gif);
background-repeat:no-repeat; margin-left:5px;}
#s_m_2 #nav ul li,
#s_m_2 #nav ul li.active{
border-left:5px solid #6B8191;
border-right:5px solid #6B8191;
display:block !important;
float:left;
font-size:12px;
margin:0;
width:100%;
}
#s_m_2 #nav ul.level1 li.level2{
border-left:5px solid #7B909F;
border-right:5px solid #7B909F;
display:block !important;
float:left;
font-size:12px;
margin:0;
z-index:31;
width:100%;
}

#s_m_2 #nav ul.level1 li.level2 a:hover{ background:#7B909F; }



#s_m_2 .header-nav-container .header-nav #nav ul li ul li ul{}
  
#s_m_2 .header-nav-container .header-nav #nav ul li ul li ul li  {}
     
#s_m_2 .header-nav-container .header-nav #nav ul li ul li ul li a{
   padding-left: 7px;
   padding-left: 5px;
   background:#7b909f;
  }

.ui-tabs .ui-tabs-nav {
z-index: 10;
}