ul.navigation small { display: none; }

ul.primary { 
  margin: 0;
  width:920px;
  height:50px;
  padding:8px 0 40px 0;
  background: transparent url(/site-images/main-menu-background.png) 0 0 repeat-x;  


}
      
ul.primary li { display: inline; }
    
ul.primary li a {
  float: left;
  display: block;
  color: white;
  width:auto;
  background: url(/site-images/navigation/navigation-all2.png) no-repeat 0px 0px;
  text-indent: -10000em;
  font-size: 12px;
  font-weight: bold;
}

ul.primary li.home a             { width: 123px; height:40px; background-position:    0px 0px; }
ul.primary li.shipping a         { width: 170px; height:40px; background-position: -123px 0px; }
ul.primary li.customer-stories a { width: 170px; height:40px; background-position: -293px 0px; }
ul.primary li.info a             { width: 130px; height:40px; background-position: -463px 0px; }
ul.primary li.about a            { width:  98px; height:40px; background-position: -593px 0px; }
ul.primary li.blog a            { width:  98px;  height:40px; background-position: -693px 0px; }

ul.primary li.home a:hover,
ul.primary li.home a.active             { background-position:    0px -40px; }
ul.primary li.shipping a:hover,
ul.primary li.shipping a.active         { background-position: -123px -40px; }
ul.primary li.customer-stories a:hover,
ul.primary li.customer-stories a.active { background-position: -293px -40px; }
ul.primary li.info a:hover,
ul.primary li.info a.active             { background-position: -463px -40px; }
ul.primary li.about a:hover,
ul.primary li.about a.active            { background-position: -593px -40px; }
ul.primary li.blog a:hover,
ul.primary li.blog a.active            { background-position: -693px -40px; }

ul.primary li a span {
  display: block;
}

ul.primary li.active a span {

}

ul.primary li ul { display: none;}


ul.primary li ul { display: none; }

ul.primary li.active ul {
  display: block;
  position: absolute;
  width:906px;
  margin: 40px 0 0 0;
  padding-left:14px;
  background: #f1f1f1; 
  border-bottom: solid 1px #b2b2b2;
  height:27px;
  
}

ul.primary li.active ul li a {
  display:inline;
  background:none;
  color: #999999;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  text-indent:0;
  width:auto;
  height:25px;
}

ul.primary li.active ul li a span{
  display: block;
  margin-top:5px;
  padding:0 0 0 0;
  border-right: solid 2px #c8c8c8;
  padding-right: 14px;
  margin-right: 14px;
  height:15px;
 
}


ul.primary li.active ul li.last span {
  border-right: none;
  margin-right: 0;
}

ul.primary li.active ul li a:hover{ 
  color: #454545;
}
ul.primary li.active ul li a.active{ 
  color: #454545;
}




