#learnCart {
 display: block; 
 width: 635px; 
 height: 350px; 
 background: transparent url('/img/4ftcart/4ft.jpg') no-repeat 50% 20%; 
 position: relative; 
 border-top: 2px dotted #eee;
 z-index: 1;
 margin: 0 auto;
}

#learnCart dt {
 display: none;
}

#learnCart a span {
 display: none;
}

#learnCart a {
 position: absolute;
 display: block;
 text-decoration: none;
 cursor: default;
}

#learnCart a#sink {
 width: 55px;
 height: 50px;
 top: 15px;
 left: 220px;
}

#learnCart a#drawer1 {
 width: 110px;
 height: 205px;
 top: 70px;
 left: 182px;
}

#learnCart a#cupHolder {
 width: 120px;
 height: 35px;
 top: 70px;
 left: 306px;
}

#learnCart a#refridgerator {
 width: 145px;
 height: 150px;
 top: 105px;
 left: 295px;
}

#learnCart a#oakWood {
 width: 270px;
 height: 15px;
 top: 57px;
 left: 180px;
}

a#sink:hover, a#drawer1:hover, a#cupHolder:hover, a#refridgerator:hover, a#oakWood:hover {
 border: 2px solid red;
}

#learnCart a:hover span {
 display: block;
 color: #000;
 background: #fff;
 position: absolute;
 border: 2px solid #eee;
 padding: 5px;
 width: 375px;
 z-index: 3;
}

#learnCart a#sink span {
 top: 265px;
 left: -88px;
}

#learnCart a#drawer1 span {
 top: 210px;
 left: -50px;
}

#learnCart a#cupHolder span {
 top: 210px;
 left: -174px;
}

#learnCart a#refridgerator span {
 top: 175px;
 left: -163px;
}

#learnCart a#oakWood span {
 top: 223px;
 left: -48px;
}

#learnCart h1 {
 color: black;
 font-family: sans-serif, "Trubechet MS";
 font-size: 12pt;
 margin: 0;
 padding: 0;
 background: transparent;
}

#learnCart p {
 color: black;
 font-family: sans-serif, Verdana, sans-serif;
 font-size: 8pt;
 padding: 0;
 margin: 5px;
}


/* the hack for IE pre IE6 */
* html #learnCart a:hover span {
  width:400px; w\idth:388px;
  }
