.photoGallery
{
   padding-top: 10px;
   position: relative;
}

#slideshow
{
   float: right;
   width: 440px;
}

#slideshow a
{
   border: 0 none !important;
}

.advance-link img
{
   background-color: #fff;
   margin-top: -12px; /* messy hack because can't work out where this gap is coming from */
   padding: 10px;
}

.image-wrapper
{
   
}

#thumbs
{
   clear: left;
   list-style: none;
   float: left;
}

ul.thumbs {
   clear: left;
   list-style: none;
   margin: 0 !important;
   padding: 0 !important;
   width: 200px;
}

ul.thumbs li {
   background-image: none !important; 
   float: left;   
   margin: 0 15px 15px 0;
   padding: 0 !important;
}
a.thumb {
   display: block;
   background-color: #fff;  
   padding: 5px;
}

a.thumb:focus {
   outline: none;
}
ul.thumbs img {
   border: none;
   display: block;
}

.pageLink
{
   background: url(../images/galleries/arrowL.png) top left no-repeat; 
   border: 0 none;
   display: block;
      height: 14px;
      width: 15px;  
   position: absolute;
      top: 296px;  
      left: 2px;   
}

.next
{
   background: url(../images/galleries/arrowR.png) top left no-repeat; 
   left: 156px;
}