.zoomPad{
  position:relative;
  float:left;
  z-index:99;
  cursor:pointer;cursor:hand;
}


.zoomPreload{
  -moz-opacity:0.8;
  opacity: 0.8;
  filter: alpha(opacity = 80);
  color: #ccc;
  font-size: 12px;
  font-family: Tahoma;
  text-decoration: none;
  border: 1px solid #CCC;
  background-color: white;
  padding: 8px;
  text-align:center;
  background-image: url(zoomloader.gif);
  background-repeat: no-repeat;
  background-position: 43px 30px;
  z-index:110;
  width:90px;
  height:43px;
  position:absolute;
  top:0px;
  left:0px;
  * width:100px;
  * height:49px;
}


.zoomPup{
  overflow:hidden;
  background-color: #FFF;
  -moz-opacity:0.6;
  opacity: 0.6;
  filter: alpha(opacity = 60);
  z-index:120;
  position:absolute;
  border:1px solid #CCC;
  z-index:101;
  cursor:pointer;cursor:hand;
}

.zoomOverlay{
  position:absolute;
  left:0px;
  top:-50px;
  background:#FFF;
  /*opacity:0.5;*/
  z-index:5000;
  width:100%;
  height:100%;
  display:none;
  z-index:101;
}

.zoomWindow{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  height: auto;
  left: 110%;
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  top: -3px !important;
  z-index: 110;
}
.zoomWrapper{
  position: relative;
  width: 486px !important;
  z-index: 110;
}
.zoomWrapperTitle{
  
}
.zoomWrapperImage{
  display: block;
  height: 405px !important;
  overflow: hidden;
  position: relative;
  width: 483px !important;
  z-index: 110;
}
.zoomWrapperImage img{
  border:0px;
  display:block;
  position:absolute;
  z-index:101;
}

.zoomIframe{
  z-index: -1;
  filter:alpha(opacity=0);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position:absolute;
  display:block;
}

#productinfo #zoomer { float: left; width: 302px; height: 300px; border: 1px solid #ccc; }
#productinfo .img    { margin: 35px 0 0 20px }

/*********************************************************
/ When clicking on thumbs jqzoom will add the class
/ "zoomThumbActive" on the anchor selected
/*********************************************************/