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

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

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

/* place the <dd>s in the correct absolute position */
#miscmap dd {
  position:absolute;
  padding:0;
  margin:0;
  }
#miscmap #angelspillow {
  left:10px;
  top:243px;
  z-index:20;
  }
#miscmap #sistersclock {
  left:120px;
  top:243px;
  z-index:20;
  }
#miscmap #logocoaster {
  left:231px;
  top:243px;
  z-index:20;
  }
#miscmap #smithspad {
  left:346px;
  top:243px;
  z-index:20;
  }
#miscmap #heartmag {
  left:477px;
  top:243px;
  z-index:20;
  }
#miscmap #siouxmag {
  left:548px;
  top:243px;
  z-index:20;
  }
#miscmap #siouxstick {
  left:630px;
  top:243px;
  z-index:20;
  }
#miscmap #smithssticker {
  left:679px;
  top:243px;
  z-index:20;
  }

/* style the <dd><a> links physical size and the background image for the hover */
#miscmap a#angplw, #miscmap a#sisclk, #miscmap a#lgcstr {
  display:block;
  width:105px;
  height:225px;
  background:transparent url(../images/hovers/store_misc2.png) -250px -250px no-repeat;
  text-decoration:none;
  z-index:20;
  }
#miscmap a#smthpd {
  display:block;
  width:115px;
  height:225px;
  background:transparent url(../images/hovers/store_miscsmthpd2.png) -250px -250px no-repeat;
  text-decoration:none;
  z-index:20;
  }
#miscmap a#hrtmg {
  display:block;
  width:93px;
  height:225px;
  background:transparent url(../images/hovers/store_magheart2.png) -250px -250px no-repeat;
  text-decoration:none;
  z-index:20;
  }
#miscmap a#sxmg {
  display:block;
  width:75px;
  height:225px;
  background:transparent url(../images/hovers/store_magsioux2.png) -250px -250px no-repeat;
  text-decoration:none;
  z-index:20;
  }
#miscmap a#sxstkr {
  display:block;
  width:61px;
  height:225px;
  background:transparent url(../images/hovers/store_stkrsioux2.png) -250px -250px no-repeat;
  text-decoration:none;
  z-index:20;
  }
#miscmap a#smthstkr {
  display:block;
  width:97px;
  height:225px;
  background:transparent url(../images/hovers/store_stkrsmth2.png) -250px -250px no-repeat;
  text-decoration:none;
  z-index:20;
  }
    
/* style the span text so that it is not initially displayed */
#miscmap a span, #miscmap a:visited span {
  display:none;
  }  
  
/* move the link background image to position 0 0 when hovered */
#miscmap a#angplw:hover, #miscmap a#sisclk:hover, #miscmap a#lgcstr:hover, #miscmap a#smthpd:hover, #miscmap a#hrtmg:hover, #miscmap a#sxmg:hover, #miscmap a#sxstkr:hover, #miscmap a#smthstkr:hover {
  background-position:0 0;
  }