.zoom { position:relative; }

.zoom a img { width:100px; border:1px solid black;} 

.zoom a.p1:hover { background-color:transparent; } 
/* IE6sp2 needed the above to open large image */
  
.zoom a .large { width:0px; border:none; }

.zoom a.p1:hover .large { border:1px solid black;  
  position: absolute; top: -75px; 
  margin:2px 100px 2px 60px;
  width:300px; } 


.zoom a.p2:hover .large { border:none;  
  position: absolute; top: -75px; 
  margin:2px 100px 2px 60px;
  width:250px; } 
  
  
.pz1 { z-index:-5px }
.pz2 { z-index:990  }
.pz3 { z-index:980  }
.pz4 { z-index:970  }
.pz5 { z-index:960  }
.pz6 { z-index:950  }
.pz7 { z-index:940  }
.pz8 { z-index:930  }
.pz9 { z-index:920  }
.pz10 { z-index:910 }
.pz11 { z-index:900 }
.pz12 { z-index:890  }
.pz13 { z-index:880  }
.pz14 { z-index:870  }
.pz15 { z-index:860  }
.pz16 { z-index:850  }
.pz17 { z-index:840  }
.pz18 { z-index:830  }
.pz19 { z-index:820  }
.pz20 { z-index:810  }
.pz21 { z-index:800  }





/*Smaller zooms for screen 425px and lower*/
@media only screen and (max-width: 485px) {

  
.zoom a img { max-width:90px; border:1px solid black;} 

   
td { width:90px; } 


.zoom a.p1:hover .large { border:1px solid black;  
  position: absolute; top: -35px; 
  margin:2px 20px 2px 30px;
  max-width:300px; width:100%; } 


.zoom a.p2:hover .large { border:none;  
  position: absolute; top: -35px; 
  margin:2px 20px 2px 30px;
  max-width:250px; width:100%;} 
  
}




/*Smaller zooms for screen 425px and lower*/
@media only screen and (max-width: 400px) {

  
.zoom a img { max-width:70px; border:1px solid black;} 

td { width:70px; } 
   
.zoom a.p1:hover .large { border:1px solid black;  
  position: absolute; top: -15px; 
  margin:2px 20px 2px 30px;width:200px; 
  max-width:200px; width:100%; } 


.zoom a.p2:hover .large { border:none;  
  position: absolute; top: -15px; 
  margin:2px 20px 2px 30px;
  max-width:150px; width:100%;} 
  
}