/* 
  ul {
    list-style-image:url(list-style.gif);
  }
*/






  #gallery {
    padding: 15px;
    /*background: #e1eef5;*/
  }



/* 
You probably want some other image size than the one in the demo above, and the only thing you need to do for this is to add this pice of CSS.

*/





  
  
/*
Or you can specify it in the settings.width and settings.height. If you do that though, the gallery might flicker on page load, since it might take a while before that code runs, so I would suggest that you set it with CSS. If you want bigger thumbnails, the height of the thumb list adjusts itself to that, but you might want to position the arrows next to the list of your thumbs. You do that by adding this CSS and modifying to fit your needs.
*/


.ad-gallery .ad-back {
  left: -20px;
  width: 13px;
  background: url(your_back_button.png) no-repeat;
}
.ad-gallery .ad-forward {
  right: -20px;
  width: 13px;
  background: url(your_forward_button.png) no-repeat;
}