#imap1 {
	display:block; 
   padding: 0; margin: 0;
	width:450px; height:291px; 
	background-image: url(../../images/products/features/powercond_features_hover.jpg); 
	background-repeat: no-repeat;
	position:relative; z-index: 5;
	}

/* set up the definition list <dt><a> to hold the background image for the hover state */
#imap1 a#title {
	display: block; 
	width: 450px; height:0; padding-top: 291px; overflow:hidden; position: absolute; left:0; top:0; 
	background: transparent url(../../images/products/powercond_features_hover.jpg) no-repeat 450px 291px; 
	z-index: 5;
	cursor: default; 
	}
/* the hack for IE pre IE6 */
* html #imap1 a#title {height:240px; he\ight:0;}

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

/* place the <dd>s in the correct absolute position */
#imap1 li {position:absolute; padding:0; margin:0;}
#imap1 #powercond1 {left:206px; top:13px; z-index:20;}
#imap1 #powercond2 {left:329px; top:59px; z-index:20;}
#imap1 #powercond3 {left:404px; top:59px; z-index:20;}
#imap1 #powercond4 {left:381px; top:211px; z-index:20;}
#imap1 #powercond5 {left:272px; top:184px; z-index:20;}
#imap1 #powercond6 {left:93px; top:227px; z-index:20;}
#imap1 #powercond7 {left:152px; top:73px; z-index:20;}
#imap1 #powercond8 {left:207px; top:128px; z-index:20;}
#imap1 #powercond9 {left:263px; top:73px; z-index:20;}

/* style the <dd><a> links physical size and the background image for the hover */
#imap1 a#pwc1, #imap1 a#pwc2, #imap1 a#pwc3, #imap1 a#pwc4, 
#imap1 a#pwc5, #imap1 a#pwc6, #imap1 a#pwc7, #imap1 a#pwc8, #imap1 a#pwc9 {
	display:block; width:37px; height:37px; 
	text-decoration:none; z-index:20;
	}
	
/* style the span text so that it is not initially displayed */
#imap1 a span, #imap1 a:visited span {
	display:none;
	}
	
/* move the link background image to position 0 0 when hovered */
#imap1 a#pwc1:hover, #imap1 a#pwc2:hover, #imap1 a#pwc3:hover, #imap1 a#pwc4:hover, 
#imap1 a#pwc5:hover, #imap1 a#pwc6:hover, #imap1 a#pwc7:hover, #imap1 a#pwc8:hover, #imap1 a#pwc9:hover {
	background-position:0 0;
	}
	
/* define the common styling for the span text */
#imap1 a:hover span {
	position:absolute; 
	width:440px !important; 
	display:block; 
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size:10px; background:#fff; 
	color:#000000; border:0px solid #ababab; padding:4px;
	}
/* the hack for IE pre IE6 */
* html #imap1 a:hover span {
	width:440px; w\idth:388px;
	}
	
/* move the span text to a common position at the bottom of the image map */
#imap1 a#pwc1:hover span {left:-206px; top:282px;}		
#imap1 a#pwc2:hover span {left:-330px; top:238px;}			
#imap1 a#pwc3:hover span {left:-404px; top:238px;}	
#imap1 a#pwc4:hover span {left:-382px; top:86px;}
#imap1 a#pwc5:hover span {left:-272px; top:113px;}	
#imap1 a#pwc6:hover span {left:-94px; top:70px;}
#imap1 a#pwc7:hover span {left:-152px; top:224px;}
#imap1 a#pwc8:hover span {left:-207px; top:170px;}
#imap1 a#pwc9:hover span {left:-264px; top:225px;}