/* Описание котейнера для изображений */  
#pic{  
background-color: #FFFFFF;  
position: relative;
left: 0px;  
top: 0px;  
width: 300px;
z-index: 1;
}  
#pic a .large {  
 border: 0px;  
 display: block;  
 height: 1px;  
 left: 0px;  
 position: absolute;  
 top: 0px;  
 width: 1px;
 z-index: 5;  
}  
#pic a img {  
 border: 0;  
}  
 #pic a.p1, #pic a.p1:visited {  
  background: #FFFFFF;  
  border: 1px solid #000000;  
  display: block;  
  height: 225px;  
  left: 0;  
  text-decoration: none;  
  top: 0;  
  width: 300px;  
 }  
   
 /* Стиль для ссылки при наведении на нее мышкой */  
 #pic a.p1:hover {  
  background-color: #FFF;  
  color: #000000;  
  text-decoration: none;
 }  

 #pic a.p2:hover {  
  background-color: #FFF;  
  color: #000000;  
  text-decoration: none;  
 }  
   
 /* Стиль для большого изображения при наведении 
    мышки на миниатюру */  
 #pic a.p1:hover .large {  
  border: 1px solid #000000;  
  display: block;  
  position: absolute; /* Абослютное позиционирование 
                         относительно слоя-контейнера */  
  top: -105px;        /* Покажем большю картинку справа */  
  left: -300px;        /* по центру от миниатюры */  
  width: 599px;       /* Выставим нужные размеры большой */  
  height: 451px;      /* картинки, потому что она была 1х1 */  
  z-index: 5;
 }

 #pic a.p2:hover .large {  
  border: 1px solid #000000;  
  display: block;  
  position: absolute; /* Абослютное позиционирование 
                         относительно слоя-контейнера */  
  top: -105px;        /* Покажем большю картинку справа */  
  left: 0px;        /* по центру от миниатюры */  
  width: 599px;       /* Выставим нужные размеры большой */  
  height: 451px;      /* картинки, потому что она была 1х1 */  
 }


 .col td{
 text-align:center;
 vertical-align:top;
 }