#learnCart {
 display: block; 
 width: 635px; 
 height: 350px; 
 background: transparent url('/img/smoothiecart/smoothie.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#brewer {
 width: 63px; 
 height: 85px; 
 top: 25px; 
 left: 270px;
}

#learnCart a#grinder {
 width: 32px;
 height: 95px;
 top: 15px;
 left: 335px;
}

#learnCart a#iceMaker {
 width: 70px;
 height: 135px;
 top: 120px;
 left: 250px;
}

#learnCart a#sink {
 width: 100px;
 height: 40px;
 top: 80px;
 left: 145px;
}

#learnCart a#drawer1 {
 width: 70px;
 height: 45px;
 top: 120px;
 left: 438px;
}

#learnCart a#storageCabinet {
 width: 80px;
 height: 85px;
 top: 165px;
 left: 440px;
}

#learnCart a#drawer2 {
 width: 110px;
 height: 35px;
 top: 120px;
 left: 325px;
}


#learnCart a#wasteWater {
 width: 35px;
 height: 65px;
 top: 170px;
 left: 160px;
}

#learnCart a#refridgerator {
 width: 115px;
 height: 95px;
 top: 157px;
 left: 326px;
}

#learnCart a#hotWater {
 width: 55px;
 height: 55px;
 top: 180px;
 left: 190px;
}

a#brewer:hover, a#grinder:hover, a#iceMaker:hover, a#sink:hover, a#drawer1:hover, a#storageCabinet:hover, a#drawer2:hover, a#wasteWater:hover, a#refridgerator:hover, a#hotWater:hover {
 border: 2px solid black;
}

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

#learnCart a#brewer:hover span {
 top: 250px;
 left: -145px; 
}

#learnCart a#grinder:hover span {
 top: 260px;
 left: -210px;
}

#learnCart a#iceMaker:hover span {
 top: 155px;
 left: -125px;
}

#learnCart a#sink span {
 top: 195px;
 left: -20px;
}

#learnCart a#drawer1 span {
 top: 155px;
 left: -313px;
}

#learnCart a#storageCabinet span {
 top: 110px;
 left: -315px;
}

#learnCart a#drawer2 span {
 top: 155px;
 left: -200px;
}

#learnCart a#wasteWater span {
 top: 105px;
 left: -35px;
}

#learnCart a#refridgerator span {
 top: 118px;
 left: -201px;
}

#learnCart a#hotWater span {
 top: 95px;
 left: -65px;
}

#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;
  }