/* set the size of the definition list <dl> and add the background image */
#shirtsmap {display:block; width:783px; height:526px; background:url(../images/store_shirts.png) no-repeat; position:relative;}

/* set up the definition list <dt><a> to hold the background image for the hover state */
#shirtsmap a#title {
  display:block; width:783px; height:0; padding-top:500px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(../images/store_shirts.over.png) no-repeat 783px 526px; cursor:default;}
/* the hack for IE pre IE6 */
* html #shirtsmap a#title {height:240px; height:0;}

/* the <dt><a> hover style to move the background image to position 0 0 */
#shirtsmap a#title:hover {background-position: 0 0; z-index:10;}

/* place the <dd>s in the correct absolute position */
#shirtsmap dd {
  position:absolute;
  padding:0;
  margin:0;
  }
#shirtsmap #shirtssu {
  left:14px;
  top:243px;
  z-index:20;
  }
#shirtsmap #shirtssw {
  left:212px;
  top:243px;
  z-index:20;
  }
#shirtsmap #shirtsxw {
  left:434px;
  top:243px;
  z-index:20;
  }
#shirtsmap #shirtmtu {
  left:630px;
  top:243px;
  z-index:20;
  }
#shirtsmap #shirtbv {
  left:452px;
  top:33px;
  z-index:20;
  }
#shirtsmap #shirtfs {
  left:567px;
  top:33px;
  z-index:20;
  }
#shirtsmap #shirtsm {
  left:682px;
  top:33px;
  z-index:20;
  }  

/* style the <dd><a> links physical size and the background image for the hover */
#shirtsmap a#ssu {
  display:block;
  width:156px;
  height:225px;
  background:transparent url(../images/hovers/store_ssu2.png) -250px -250px no-repeat;
  text-decoration:none;
  z-index:20;
  }
#shirtsmap a#ssw {
  display:block;
  width:166px;
  height:225px;
  background:transparent url(../images/hovers/store_ssw2.png) -250px -250px no-repeat;
  text-decoration:none;
  z-index:20;
  }
#shirtsmap a#sxw {
  display:block;
  width:136px;
  height:225px;
  background:transparent url(../images/hovers/store_sxw2.png) -250px -250px no-repeat;
  text-decoration:none;
  z-index:20;
  }
#shirtsmap a#mtu {
  display:block;
  width:139px;
  height:225px;
  background:transparent url(../images/hovers/store_mtu2.png) -250px -250px no-repeat;
  text-decoration:none;
  z-index:20;
  }  
#shirtsmap a#bv {
  display:block;
  width:90px;
  height:118px;
  background:transparent url(../images/hovers/store_bv2.png) -250px -250px no-repeat;
  text-decoration:none;
  z-index:20;
  }  
#shirtsmap a#fs {
  display:block;
  width:90px;
  height:118px;
  background:transparent url(../images/hovers/store_fs2.png) -250px -250px no-repeat;
  text-decoration:none;
  z-index:20;
  }  
#shirtsmap a#sm {
  display:block;
  width:90px;
  height:118px;
  background:transparent url(../images/hovers/store_sm2.png) -250px -250px no-repeat;
  text-decoration:none;
  z-index:20;
  }      
  
/* style the span text so that it is not initially displayed */
#shirtsmap a span, #shirtsmap a:visited span {
  display:none;
  }  
  
/* move the link background image to position 0 0 when hovered */
#shirtsmap a#ssu:hover, #shirtsmap a#ssw:hover, #shirtsmap a#sxw:hover, #shirtsmap a#mtu:hover, #shirtsmap a#bv:hover, #shirtsmap a#fs:hover , #shirtsmap a#sm:hover{
  background-position:0 0;
  }