.frame
{
  width: 232px;
  height: 133px;
  float: left;
padding:7px 0 0px 8px;
}
.wrap
{
  width: 232px;
  height: 133px;
  position: relative;
  overflow: hidden;
  font-family: arial, sans-serif;
}
.wrap img
{
  display: block;
}
.wrap div
{
  width: 222px;
  height: 133px;
  padding: 133px 5px 0px 5px;
  position: absolute;
  left: 0;
  top: 0;
  background:url(heartia_trans.gif) 0px top no-repeat;
}
.wrap div b
{
  display: block;
  width: 222px;
  height: 133px;
  position: absolute;
  left: 0;
  top: 130px;
  z-index: 1;
}
.wrap div dl
{width: 222px;
padding:5px 5px 0 0px;
display:block;
  position: relative;
  z-index: 500;
  text-align:left;
}
.wrap div dt
{
  font-size: 12px;
  font-weight:bold;
  line-height:1.2;
  color: #F888C2;
  text-align: left;
  margin: 0;
  padding: 0px 0 5px 0;
  position: relative;
  z-index: 501;

}
.wrap div dd
{
  font-size: 10px;
  color: #907759;
  line-height: 1.3;
  padding:0px 0px 0px 0px;
  text-align:left;
    position: relative;
  z-index: 502;

}

* html .wrap div dd
{
  font-size: 9px;
  color: #907759;
  line-height: 1.3;
  padding:0px 0px 5px 0px;
  text-align:left;
    position: relative;
  z-index: 502;

}

.wrap div dd a
{
  color: #ff2200;
  font-size: 10px;
  text-decoration: none;
  display: block;
  margin: 0em 0 0 0;
  text-align: right;
  width: 222px;


}

* html .wrap div dd a
{
  font-size: 9px;

}

.wrap div dd a:hover
{
  color: #ff0000;
}

.clear
{
  clear: both;
}