/***************************************************************
 *                                                             *
 * @author  <(at)21torr.com>                                   *
 * @copyright 2009                                             *
 * @date 2009/08                                               *
 * @version 1.0                                                *
 * @lastmodified 2009/08/13                                    *
 * @section css gallery for noscript productdetails            *
 *                                                             *
 **************************************************************/

 
#cssGallery {
  position: relative;
  padding: 262px 0 0;
}
* html #cssGallery { padding-bottom: 10px; }
*+html #cssGallery { padding-bottom: 10px; }

#cssGallery a.pics {
  float: left;
  margin: 0 10px 10px 0;
  padding: 1px;
  background-color: #ffffff;
}

#cssGallery a.pics p {
  display:none;
  width: 256px;
  height: 30px;
  position: absolute;
  top: 211px;
  overflow: hidden;
}

#cssGallery a.pics img.thumb { 
  border: 1px solid #d9d9d9;
  display: block;
}

#cssGallery a.pics span {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  display: none;
  height: 208px;
  overflow: hidden;
  width: 99.3%;
}
* html #cssGallery a.pics span { width: 252px; }

#cssGallery a.visible span {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 5;
}

#cssGallery a.visible p {
  display: block;
  left: 0;
  outline: 0;
  position: absolute;
  top: 211px;
  z-index: 6;
  text-decoration:none;  
  background-color: #ffffff;
}

#cssGallery a.pics span img { }
* html  #cssGallery a.pics span img { }

#cssGallery a.pics:hover {
  white-space: normal; /* IE6 Bugfix! */
  text-decoration:none;  
  background-color: #000000;  
}

#cssGallery a.pics:hover span {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  z-index: 10;
  text-decoration:none; 
}

#cssGallery a.pics:hover p {
  display: block;
  left: 0;
  outline: 0;
  position: absolute;
  top: 211px;
  z-index: 10;
  text-decoration:none;  
  background-color: #ffffff;
}

#cssGallery a.pics:focus { 
  outline: 0;
  background-color: #000000;
}

#cssGallery a.pics:focus span {
  display: block;
  left: 0;
  outline: 0;
  position: absolute;
  top: 0;
  z-index: 5;
}

#cssGallery a.pics:focus p {
  display: block;
  left: 0;
  outline: 0;
  position: absolute;
  bottom: 133px;
  z-index: 6;
  background-color: #ffffff;
}

#cssGallery a.pics:active { background-color: #000000; }

#cssGallery a.pics:active span {
  display: block;
  left: 0;
  outline: 0;
  position: absolute;
  top: 0;
  z-index: 5;
}

#cssGallery a.pics:active p {
  display: block;
  left: 0;
  outline: 0;
  position: absolute;
  bottom: 133px;
  z-index: 6;
  background-color: #ffffff;
}