/* extra CSS */

/* Mega menu */


#menu #collection-menu li, #menu #collection-menu li a {
  background-image: none;
  background-color: transparent;
  float: none;
  display: block;
  padding: 0;
  font-size: 13px;
  line-height: 24px;
}


#menu #collection-menu ul.category-menu {
  position: absolute;
}

#collection-menu li.category-link {
}

#menu #collection-menu ul.category-menu > li.category-link {
  width: 146px;
  position: static;
  float: left;
  clear: left;
  cursor: pointer;
  padding: 0 0 0 45px;
}

#menu #collection-menu li.category-link ul.subcategory-menu {
  position: absolute;
  left: -999em;
  top: 0;
  height: 500px; 
}

#menu #collection-menu li.category-link:hover ul.subcategory-menu {
  left: 191px;
  top: 0;
}

#menu #collection-menu li.category-link span.no-link {
  display: block;
}

#menu #collection-menu li.category-link a, #menu #collection-menu li.category-link span.no-link {
  padding: 3px 5px;
  line-height: 18px;
}

#menu #collection-menu li.category-link a:hover, #menu #collection-menu li.category-link span.no-link:hover {
  padding: 3px 5px;
  line-height: 18px;
}


#menu #collection-menu li.category-link li.category-link {
}


#menu #collection-menu li.category-link li.category-link a {
  padding-left: 20px;
}


#collection-menu ul.products-menu {
  position: absolute;
  left: -999em;
  top: 0;
  padding: 0 0 0 0;

/*   background-color: #50677c; */
}

#menu #collection-menu li.category-link:hover > ul.products-menu {
  left: 180px;
}

#menu #collection-menu li.product-link {
  float: left;
  width: 260px;
  padding: 0 20px 0 0;
}

#menu #collection-menu li.product-link a {
  padding: 3px 0 3px 20px;
    line-height: 18px;
  display: block;
  color: inherit;
}

#menu #collection-menu li.product-link a:hover {
  background-color: #50677c;
}

#menu #collection-menu li.category-link:hover ul.products-menu li.product-link {
  left: 190px;
  color: #fff;
  opacity: 1;
}