#content #imap a {text-decoration: none;}
#imap {margin:20px 0 10px 10px; display:block; width:924px; height:368px; background:url(../img/steps/steps.gif) no-repeat; position:relative;  clear: both; }

#imap a#howItWorks {display:block; width:300px; height:0; padding-top:210px; overflow:hidden; position:absolute; left:0; top:0; background:transparent url(../img/steps/steps.gif) no-repeat 0 0; cursor:default;}
* html #imap a#howItWorks {height:210px; he\ight:0;}

#imap a#howItWorks:hover {background-position: 0 0; z-index:10;}

#imap dd {position:absolute; padding:0; margin:0; font-size: 1.1em; }
#imap #step01 {left:0px; top:0px; z-index:20;}
#imap #step02 {left:153px; top:0px; z-index:20;}
#imap #step03 {left:306px; top:0px; z-index:20; }
#imap #step04 {left:459px; top:0px; z-index:20;  }
#imap #step05 {left:611px; top:0px; z-index:20;}
#imap #step06 {left:763px; top:0px; z-index:20;}

#imap a#link_step01, #imap a#link_step02, #imap a#link_step03, #imap a#link_step04, #imap a#link_step05, #imap a#link_step06 {display:block; width:153px; height:89px; text-decoration:none; z-index:20;}
#imap a#link_step03, #imap a#link_step04 {width:152px;}

#imap a em {display:none;}

#imap a span, #imap a:visited span {display:none;}

/*This creates the hover efffect on the images for each step*/
#imap a:hover {background:url(../img/steps/steps.gif) no-repeat -970px 0px}
#imap a:hover#link_step02 {background-position: -1123px 0; }
#imap a:hover#link_step03 {background-position: -1276px 0}
#imap a:hover#link_step04 {background-position: -1429px 0}
#imap a:hover#link_step05 {background-position: -1581px 0}
#imap a:hover#link_step06 {background-position: -1733px 0}

/*This is what the user sees when they land on the page first*/
#imap a#link_default span, #imap a#link_default:visited span {padding: 5px 15px 15px 15px; left:172px; top:110px;position:absolute; display:block; color:#fff; width:550px; height:auto; border: 1px solid #851b1e; background:url(../img/steps/hover.gif) repeat-x left bottom #515254}

/*When you hover over a step, this displays the details of the step*/
#imap a:hover span {padding: 5px 15px 15px 15px;position:absolute; display:block; color:#fff; width:700px; height:auto; border: 1px solid #851b1e; background:url(../img/steps/hover.gif) repeat-x left bottom #515254}

/*This positions the details for each step*/
#imap a#link_step01:hover span {left:25px; top:110px; }
#imap a#link_step01:hover em, #imap a#link_step02:hover em, #imap a#link_step03:hover em, #imap a#link_step04:hover em, #imap a#link_step05:hover em, #imap a#link_step06:hover em {position:absolute; display:block; left:60px; top:89px; width:2px; height:40px; overflow:hidden; font-size:1px; background:#851b1e;}
#imap a#link_step02:hover span {left:-100px; top:110px;}
#imap a#link_step03:hover span {left:-270px; top:110px; width: 800px;}
#imap a#link_step04:hover span {left:-445px; top:110px; width: 860px;}
#imap a#link_step05:hover span {left:-600px; top:110px; width: 850px;}
#imap a#link_step06:hover span {left:-750px; top:110px; width: 850px;}

/*Styles the elements within the detail text*/
#imap span img {float:left; margin-top: 10px;  margin-right:15px; /*margin-bottom:10px;*/ border: 1px solid #fff;  display:inline; }
#imap span img.r {float:right; margin-left:15px; margin-right: 0px; }
#imap b {font-size: 2.0em; line-height: 1.5em; }
#imap strong {font-size: 1.3em;}
#imap u {padding: 0px 10px 10px 10px ; margin: 10px 15px 0px 0; text-decoration :none;  float:left; width: 250px; height: 155px;background: #37383a ; border: 1px solid #626364;line-height: 1.5em; font-weight: normal}
#imap u.last {margin: 10px 0 0 0; }
#imap #step05 span u b {padding-bottom: 2px; font-size: 1.0em;  border-bottom: 1px solid #626364; line-height: 2.3em; }
#imap #step05 b.bullets {padding-left: 20px; background:url(../img/icons/arrow2.gif) no-repeat 0 0 ; font-weight: bold;}
#imap #step06 b.bullets {padding-left: 20px; line-height: 1.0em; font-size: 1.0em; background:url(../img/icons/arrow2.gif) no-repeat 0 0 }
