#topmenu {
  position: relative;
  float: right;
  top: 40px;
  height: 14px;
  width: 371px;
  }
  
  
  
/* top buttons */
#topmenu ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: 0;
  }
  
li.home a {
  background: url(images/top-buttonsprite.gif) no-repeat 0 0;
  display: block;
  float: left;
  width: 54px;
  height: 14px;
  }
  
li.home a:hover {
  background: url(images/top-buttonsprite.gif) no-repeat 0 -14px;
  }
  
li.homeActive a {
  background: url(images/top-buttonsprite.gif) no-repeat 0 -14px;
  display: block;
  float: left;
  width: 54px;
  height: 14px;
  }
  
li.about a {
  background: url(images/top-buttonsprite.gif) no-repeat -54px 0;
  display: block;
  float: left;
  width: 54px;
  height: 14px;
  }
  
li.about a:hover {
  background: url(images/top-buttonsprite.gif) no-repeat -54px -14px;
  }
  
li.aboutActive a {
  background: url(images/top-buttonsprite.gif) no-repeat -54px -14px;
  display: block;
  float: left;
  width: 54px;
  height: 14px;
  }
  
li.email a {
  background: url(images/top-buttonsprite.gif) no-repeat -108px 0;
  display: block;
  float: left;
  width: 172px;
  height: 14px;
  }
  
li.email a:hover {
  background: url(images/top-buttonsprite.gif) no-repeat -108px -14px;
  }
  
li.emailActive a {
  background: url(images/top-buttonsprite.gif) no-repeat -108px -14px;
  display: block;
  float: left;
  width: 172px;
  height: 14px;
  }
  
li.contact a {
  background: url(images/top-buttonsprite.gif) no-repeat -286px 0;
  display: block;
  float: left;
  width: 90px;
  height: 14px;
  }
  
li.contact a:hover {
  background: url(images/top-buttonsprite.gif) no-repeat -286px -14px;
  }
  
li.contactActive a {
  background: url(images/top-buttonsprite.gif) no-repeat -286px -14px;
  display: block;
  float: left;
  width: 90px;
  height: 14px;
  }
  


/* clothing type buttons */

#typesmenu {
  position: relative;
  float: right;
  top: 20px;
  right: 25px;
  height: 36px;
  width: 239px;
  margin: 0 0 30px 0;
  padding: 0;
  background: url(images/types-buttonsprite.gif) no-repeat 0 0;
  }

 
ul.types {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: 0;
  }  

li.tops a {
  background: url(images/types-buttonsprite.gif) no-repeat 0 0;
  display: block;
  float: left;
  width: 56px;
  height: 36px;
  }
  
li.tops a:hover {
  background: url(images/types-buttonsprite.gif) no-repeat -0 -36px;
  }
  
li.topsActive a {
  background: url(images/types-buttonsprite.gif) no-repeat -0 -36px;
  display: block;
  float: left;
  width: 56px;
  height: 36px;
  }
  
li.bottoms a {
  background: url(images/types-buttonsprite.gif) no-repeat -55px 0;
  display: block;
  float: left;
  width: 76px;
  height: 36px;
  }
  
li.bottoms a:hover {
  background: url(images/types-buttonsprite.gif) no-repeat -55px -36px;
  }
  
li.bottomsActive a {
  background: url(images/types-buttonsprite.gif) no-repeat -55px -36px;
  display: block;
  float: left;
  width: 76px;
  height: 36px;
  }
  
li.headwear a {
  background: url(images/types-buttonsprite.gif) no-repeat -130px 0;
  display: block;
  float: left;
  width: 107px;
  height: 36px;
  }
  
li.headwear a:hover {
  background: url(images/types-buttonsprite.gif) no-repeat -130px -36px;
  }
  
li.headwearActive a {
  background: url(images/types-buttonsprite.gif) no-repeat -130px -36px;
  display: block;
  float: left;
  width: 107px;
  height: 36px;
  }
  


/* clothing category buttons */


#categorymenu {
  position: relative;
  float: right;
  top: 0px;
  right: 25px;
  height: 36px;
  width: 642px;
  margin: 0 0 20px 0;
  padding: 0;
  background: url(images/category-buttonsprite.gif) no-repeat 0 0;
  }
 
ul.category {
  list-style-type: none;
  padding: 0;
  margin: 0;
  line-height: 0;
  }  
  
li.sport a {
  background: url(images/category-buttonsprite.gif) no-repeat 0 0;
  display: block;
  float: left;
  width: 115px;
  height: 36px;
  }
  
li.sport a:hover {
  background: url(images/category-buttonsprite.gif) no-repeat 0 -36px;
  }

li.sportActive a {
  background: url(images/category-buttonsprite.gif) no-repeat 0 -36px;
  display: block;
  float: left;
  width: 115px;
  height: 36px;
  }


li.practice a {
  background: url(images/category-buttonsprite.gif) no-repeat -115px 0;
  display: block;
  float: left;
  width: 159px;
  height: 36px;
  }
  
li.practice a:hover {
  background: url(images/category-buttonsprite.gif) no-repeat -115px -36px;
  }

li.practiceActive a {
  background: url(images/category-buttonsprite.gif) no-repeat -115px -36px;
  display: block;
  float: left;
  width: 159px;
  height: 36px;
  }
  

li.performance a {
  background: url(images/category-buttonsprite.gif) no-repeat -275px 0;
  display: block;
  float: left;
  width: 153px;
  height: 36px;
  }
  
li.performance a:hover {
  background: url(images/category-buttonsprite.gif) no-repeat -275px -36px;
  }

li.performanceActive a {
  background: url(images/category-buttonsprite.gif) no-repeat -275px -36px;
  display: block;
  float: left;
  width: 153px;
  height: 36px;
  }
  

li.outerwear a {
  background: url(images/category-buttonsprite.gif) no-repeat -429px 0;
  display: block;
  float: left;
  width: 97px;
  height: 36px;
  }
  
li.outerwear a:hover {
  background: url(images/category-buttonsprite.gif) no-repeat -429px -36px;
  }

li.outerwearActive a {
  background: url(images/category-buttonsprite.gif) no-repeat -429px -36px;
  display: block;
  float: left;
  width: 97px;
  height: 36px;
  }
  

li.accessories a {
  background: url(images/category-buttonsprite.gif) no-repeat -527px 0;
  display: block;
  float: left;
  width: 118px;
  height: 36px;
  }
  
li.accessories a:hover {
  background: url(images/category-buttonsprite.gif) no-repeat -527px -36px;
  }

li.accessoriesActive a {
  background: url(images/category-buttonsprite.gif) no-repeat -527px -36px;
  display: block;
  float: left;
  width: 118px;
  height: 36px;
  }