/*network imap StyleSheet for FUJIelevator.com.my */

/* set the size of the definition list <dl> and add the background image */
#imap {
  display:block; 
  width:585px; 
  height:470px; 
  background:url(images/networkmap1.jpg) no-repeat; 
  position:relative;
  }

  /* set up the definition list <dt><a> to hold the background image for the hover state */
#imap a#title {
  display:block; 
  width:585px; 
  height:0; 
  padding-top:470px; 
  overflow:hidden; 
  position:absolute; 
  left:0; 
  top:0; 
  background:transparent url(images/networkmap2.jpg) no-repeat 581px 469px; 
  cursor:default;
  }
 
/* the hack for IE pre IE6 */
* html #imap a#title {
  height:470px;
  he\ight:0;
  }

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

  /* place the <dd>s in the correct absolute position */
#imap dd {
  position:absolute; 
  padding:0; 
  margin:0;
  }
#imap #spot1 {
  left:372px; 
  top:172px; 
  z-index:20;
  }
#imap #spot2 {
  left:351px; 
  top:197px; 
  z-index:20;
  }
#imap #spot3 {
  left:361px; 
  top:217px; 
  z-index:20;
  }
#imap #spot4 {
  left:381px; 
  top:200px; 
  z-index:20;
  }
#imap #spot5 {
  left:301px; 
  top:251px; 
  z-index:20;
  }
#imap #spot6 {
  left:316px; 
  top:294px; 
  z-index:20;
  }

#imap #spot7 {
  left:337px; 
  top:236px; 
  z-index:20;
  }
#imap #spot8 {
  left:409px; 
  top:192px; 
  z-index:20;
  }
#imap #spot9 {
  left:329px; 
  top:262px; 
  z-index:20;
  }
#imap #spot10 {
  left:148px; 
  top:238px; 
  z-index:20;
  }
 
  /* style the <dd><a> links physical size and the background image for the hover */
#imap a#shenyang, #imap a#changshu, #imap a#suzhou, #imap a#korea, #imap a#thailand, #imap a#malaysia, #imap a#macau, #imap a#japan, #imap a#vietnam, #imap a#saudi  {
  display:block; 
  width:28px; 
  height:28px; 
  background:transparent url(images/imaphover.gif) -53px -53px no-repeat; 
  text-decoration:none; 
  z-index:20;
  }

  /* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
  display:none;
  }

 /* move the link background image to position 0 0 when hovered */
#imap a#shenyang:hover, #imap a#changshu:hover, #imap a#suzhou:hover, #imap a#korea:hover, #imap a#thailand:hover, #imap a#malaysia:hover, #imap a#macau:hover, #imap a#japan:hover, #imap a#vietnam:hover, #imap a#saudi:hover {
  background-position:0 0;
  }
 
 /* define the common styling for the span text */
#imap a:hover span {
  position:absolute;  
  width:585px; 
  display:block; 
  font-family:arial; 
  font-size:12px; 
  background:#fff; 
  color:#000; 
  border:1px solid #000; 
  padding:5px;
  }
/* the hack for IE pre IE6 */
* html #imap a:hover span {
  width:585px; w\idth:388px;
  }

  /* move the span text to a common position at the bottom of the image map */
#imap a#shenyang:hover span {
  left:-255px; 
  top:-85px;
  }
#imap a#changshu:hover span {
  left:-255px; top:-125px;
  }
#imap a#suzhou:hover span {
left:-255px; 
  top:-125px;
  }
#imap a#korea:hover span {
  left:-205px; 
  top:-125px;
  }

  #imap a#thailand:hover span {
  left:-255px; 
  top:-125px;
  }
  
  #imap a#malaysia:hover span {
  left:-255px; 
  top:-125px;
  }
  
  #imap a#macau:hover span {
left:-255px; 
  top:-125px;
  }
#imap a#japan:hover span {
  left:-205px; 
  top:-125px;
  }

  #imap a#vietnam:hover span {
  left:-255px; 
  top:-125px;
  }
  
  #imap a#saudi:hover span {
  left:-205px; 
  top:-125px;
  }
  
  /* add the style for the link span text - first line */
#imap a span:first-line {
  font-weight:bold; 
  font-style:italic;
  }