#imgmain {
  position: relative;
  width: 350px;
  height: 335px;
  text-align: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

#imgmain a {
  position: absolute;
  text-decoration: none;
}

#imgmain a img {
  position: absolute;
  visibility: hidden;
  top: 0;
  left: 0;
  border: 0;
}

#imgmain a .framecntrl {
  display: block;
  position: absolute;
  text-align: right;
  cursor: pointer;
}

/* - frame 1 - */
a#frame1 img {
  visibility: visible;
}

/* - frame 2 - */
a#frame2:hover img {
  visibility: visible;
}

a#frame2 .framecntrl {
  width: 60px;
  height: 15px;
  top: 185px;
  left: 700px;
}

/* - frame 3 - */
a#frame3:hover img {
  visibility: visible;
}

a#frame3 .framecntrl {
  width: 60px;
  height: 15px;
  top: 200px;
  left: 700px;
}

/* - frame 4 - */
a#frame4:hover img {
  visibility: visible;
}

a#frame4 .framecntrl {
  width: 60px;
  height: 15px;
  top: 215px;
  left: 700px;
}

/* - frame 5 - */
a#frame5:hover img {
  visibility: visible;
}

a#frame5 .framecntrl {
  width: 60px;
  height: 15px;
  top: 230px;
  left: 700px;
}

/* - frame 6 - */
a#frame6:hover img {
  visibility: visible;
}

a#frame6 .framecntrl {
  width: 60px;
  height: 15px;
  top: 245px;
  left: 700px;
}

/* - frame 7 - */
a#frame7:hover img {
  visibility: visible;
}

a#frame7 .framecntrl {
  width: 60px;
  height: 15px;
  top: 260px;
  left: 700px;
}