.dmxGallery
{
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.dmxGallery .dmxImageHolder
{
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.dmxGallery .dmxWaiting
{
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-image: url(indicator_mozilla_blu.gif);
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 25;
}


.dmxGallery a.dmxNext, .dmxGallery a.dmxPrevious, .dmxGallery a.dmxPlay, .dmxGallery a.dmxPause
{
	position: absolute;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	z-index: 20;
}

.dmxGallery a.dmxNext span, .dmxGallery a.dmxPrevious span, .dmxGallery a.dmxPlay span, .dmxGallery a.dmxPause span
{
	display: none;
}

.dmxGallery a.dmxPrevious
{
	bottom: 5px;
	left: 2px;
	width: 40px;
	height: 40px;
	background-image: url( 'controlbl_prev.png' );
	background-position: left top;
}
.dmxGallery a.dmxPrevious:hover
{
	background-image: url( 'controlbl_prev_roll.png' );
}

.dmxGallery a.dmxPlay
{
	visibility: hidden;
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	background-image: url( 'controlbl_play.png' );
	background-position: right top;
}
.dmxGallery a.dmxPlay:hover
{
	background-image: url( 'controlbl_play_roll.png' );
}

.dmxGallery a.dmxPause
{
	visibility: hidden;
	position: absolute;
	bottom: 5px;
	left: 50%;
	margin-left: -20px;
	width: 40px;
	height: 40px;
	background-image: url( 'controlbl_pause.png' );
	background-position: right top;
}
.dmxGallery a.dmxPause:hover
{
	background-image: url( 'controlbl_pause_roll.png' );
}

.dmxGallery a.dmxNext
{
	bottom: 5px;
	right: 2px;
	width: 40px;
	height: 40px;
	background-image: url( 'controlbl_next.png' );
	background-position: right top;
}
.dmxGallery a.dmxNext:hover
{
	background-image: url( 'controlbl_next_roll.png' );
}

/* this is the original list */
.dmxGallery .dmxImageHolder ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.dmxGallery .dmxImageHolder ul li
{
	padding: 0;
	margin: 0;
}

.dmxGallery .dmxImageHolder ul li h3, .dmxGallery .dmxImageHolder ul li p
{
	display: none;
}

.dmxGallery .imageContainer
{
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 10;
}

.dmxGallery .imageMainContainer
{
  border: 1px solid #444444;
}

.dmxGallery .imageMainContainer:hover
{
}

/* this is the thumbnail holder */
.dmxThumbList
{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	height: auto;
	line-height: 0px;
	overflow: hidden;
	z-index: 15;
}

.dmxThumbList ul
{
	position: absolute;
	padding: 0;
	list-style-type: none;
	margin: 0;
	height: 100%;
	white-space: nowrap;
}

.dmxThumbList ul li
{
	padding: 0;
	margin: 0;
	float: left;
	clear: none;
	display: block;
	display: table-cell;
	vertical-align: middle;
	background-repeat: no-repeat;
}

.dmxThumbListVertical ul li
{
	padding: 0;
	margin: 0;
	clear: both;
	display: block;
	display: table-cell;
	vertical-align: middle;
	background-repeat: no-repeat;
}


.dmxThumbList ul li a
{
	float: left;
	padding: 0;
	margin: 0;
	background-position: center center;
	background-repeat: no-repeat;
	border: 3px solid #444444;
}

.dmxThumbList ul li a.selected
{
	border: 3px solid #004D69;
}

.dmxThumbList ul li a:hover
{
	border: 3px solid #4CB2EC;
}

.dmxThumbList a.dmxNext, .dmxThumbList a.dmxPrevious
{
	position: absolute;
	display: block;
	z-index: 20;
}

.dmxThumbList a.dmxNext span, .dmxThumbList a.dmxPrevious span
{
	display: none;
}

.dmxThumbList a.dmxPrevious
{
	bottom: 25px;
	left: 2px;
	z-index: 10;
	width: 40px;
	height: 40px;
	background-image: url( 'controlbl_prev.png' );
	background-position: left top;
}
.dmxThumbList a.dmxPrevious:hover
{
	background-image: url( 'controlbl_prev_roll.png' );
}

.dmxThumbList a.dmxNext
{
	position: absolute;
	bottom: 25px;
	right: 2px;
	z-index: 10;
	width: 40px;
	height: 40px;
	background-image: url( 'controlbl_next.png' );
	background-position: right top;
}
.dmxThumbList a.dmxNext:hover
{
	background-image: url( 'controlbl_next_roll.png' );
}

.dmxThumbListVertical  a.dmxPrevious
{
	top: 5px;
	left: 50%;
	margin-left: -20px;
	background-image: url( 'controlbl_up.png' );
}

.dmxThumbListVertical  a.dmxPrevious:hover
{
  background-image: url( 'controlbl_up_roll.png' );
}

.dmxThumbListVertical  a.dmxNext
{
	bottom: 5px;
	left: 50%;
	margin-left: -20px;
  background-image: url( 'controlbl_down.png' );	
}

.dmxThumbListVertical  a.dmxNext:hover
{
  background-image: url( 'controlbl_down_roll.png' );	
}


/* this is the thumbnail holder */


.dmxGallery .message
{
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 6px;
	height: 22px;
	display: none;
	background-color: #f00;
	color: #000;
	font-family: Georgia, arial;
	font-size: 10px;
	z-index: 15;
	opacity: 0.5;
}

.dmxGallery .imageCaption
{
	position: absolute;
	display: block;
	font-family: times;	
	color:#000;
	background-color: #fff;
	font-size: 1em;
	height: 80px;
	bottom: 0;
	z-index: 15;
	padding: 10px;
}

.dmxGallery .imageCaption h3
{
	margin: 0;
	padding: 0;
}

.dmxGallery .imageCaption p
{
	margin: 0;
	padding: 0;
}
<div class="dmxGallery" id="cssGallery1">
<ul>
<li>
  <h3>ALVADARS 57 CHEVY</h3>
  <p>Show Horse - Excellent Halter - Driving Candidate $3000<br /> 
  Click for Pedigree</p>
  <img src="sale-horse-thumbs/alvadars-57-chevy.jpg" width="502" height="338" class="image" alt="" /> </li>
<li>
  <h3>ALVADARS CALL ME DIVA</h3>
  <img src="sale-horse-thumbs/alvadars-call-me-diva.jpg" width="454" height="338" class="image" alt="" /> </li>
<li>
  <h3>ALVADARS KREEME DE KOKO</h3>
  <img src="sale-horse-thumbs/alvadars-kreme-de-koko.jpg" width="387" height="338" class="image" alt="" /> </li>
<li>
  <h3>LADYS LIL BOGO (VANILLA)</h3>
  <img src="sale-horse-thumbs/Ladys Little Bogo.jpg" width="482" height="338" class="image" alt="" /> </li>
<li>
  <h3>ALVADARS PINK CADILLAC</h3>
  <img src="sale-horse-thumbs/Pink_Cadillac.jpg" width="509" height="338" class="image" alt="" /> </li>
<li>
  <h3>ALVADARS QUEEN VICTORIA</h3>
  <img src="sale-horse-thumbs/queen-victoria.jpg" width="500" height="332" class="image" alt="" /> </li>
</ul>
</div>
<div class="dmxThumbList" id="cssGallery1_thumb">
<ul>
<li><img src="sale-horse-thumbs/thumbs/alvadars-57-chevy.jpg" alt="" /></li>
<li><img src="sale-horse-thumbs/thumbs/alvadars-call-me-diva.jpg" width="160" height="119" alt="" /></li>
<li><img src="sale-horse-thumbs/thumbs/alvadars-kreme-de-koko.jpg" width="160" height="139" alt="" /></li>
<li><img src="sale-horse-thumbs/thumbs/Ladys Little Bogo.jpg" width="160" height="112" alt="" /></li>
<li><img src="sale-horse-thumbs/thumbs/Pink_Cadillac.jpg" alt="" /></li>
<li><img src="sale-horse-thumbs/thumbs/queen-victoria.jpg" alt="" /></li>
</ul>
</div>
<script type="text/javascript">
  // <![CDATA[
 jQuery(document).ready(
   function()
     {
       jQuery("#cssGallery1").dmxGallery(
         {
            width: 555,
            height: 338,
            thumbWidth: 160,
            thumbHeight: 160,
            thumbPadding: 10,
            thumbHolderHeight: 80,
            thumbHolderPosition: 'left',
            thumbShowOnHover: false,
            captionPosition: 'bottom',
            playerDelay: 6,
            autoPlay: true,
            autosize: true,
            captionOpacity: 40,
            imgIndex: 0,
            preloadTreshold: 2,
            currentImage: 0
        }
       );
     }
 );
  // ]]>
</script>
<div class="dmxGallery" id="cssGallery1">
<ul>
<li>
  <h3>ALVADARS 57 CHEVY</h3>
  <p>Show Horse - Excellent Halter - Driving Candidate $3000 Click for Pedigree</p>
  <img src="sale-horse-thumbs/alvadars-57-chevy.jpg" width="502" height="338" class="image" alt="" /> </li>
<li>
  <h3>ALVADARS CALL ME DIVA</h3>
  <img src="sale-horse-thumbs/alvadars-call-me-diva.jpg" width="454" height="338" class="image" alt="" /> </li>
<li>
  <h3>ALVADARS KREEME DE KOKO</h3>
  <img src="sale-horse-thumbs/alvadars-kreme-de-koko.jpg" width="387" height="338" class="image" alt="" /> </li>
<li>
  <h3>LADYS LIL BOGO (VANILLA)</h3>
  <img src="sale-horse-thumbs/Ladys Little Bogo.jpg" width="482" height="338" class="image" alt="" /> </li>
<li>
  <h3>ALVADARS PINK CADILLAC</h3>
  <img src="sale-horse-thumbs/Pink_Cadillac.jpg" width="509" height="338" class="image" alt="" /> </li>
<li>
  <h3>ALVADARS QUEEN VICTORIA</h3>
  <img src="sale-horse-thumbs/queen-victoria.jpg" width="500" height="332" class="image" alt="" /> </li>
</ul>
</div>
<div class="dmxThumbList" id="cssGallery1_thumb">
<ul>
<li><img src="sale-horse-thumbs/thumbs/alvadars-57-chevy.jpg" alt="" /></li>
<li><img src="sale-horse-thumbs/thumbs/alvadars-call-me-diva.jpg" width="160" height="119" alt="" /></li>
<li><img src="sale-horse-thumbs/thumbs/alvadars-kreme-de-koko.jpg" width="160" height="139" alt="" /></li>
<li><img src="sale-horse-thumbs/thumbs/Ladys Little Bogo.jpg" width="160" height="112" alt="" /></li>
<li><img src="sale-horse-thumbs/thumbs/Pink_Cadillac.jpg" alt="" /></li>
<li><img src="sale-horse-thumbs/thumbs/queen-victoria.jpg" alt="" /></li>
</ul>
</div>
<script type="text/javascript">
  // <![CDATA[
 jQuery(document).ready(
   function()
     {
       jQuery("#cssGallery1").dmxGallery(
         {
            width: 555,
            height: 338,
            thumbWidth: 160,
            thumbHeight: 160,
            thumbPadding: 10,
            thumbHolderHeight: 80,
            thumbHolderPosition: 'left',
            thumbShowOnHover: false,
            captionPosition: 'bottom',
            playerDelay: 6,
            autoPlay: true,
            autosize: true,
            captionOpacity: 40,
            imgIndex: 0,
            preloadTreshold: 2,
            currentImage: 0
        }
       );
     }
 );
  // ]]>
</script>