.slideshow
{
    DISPLAY: block;
    POSITION: relative
}
.slideshow-images
{
    DISPLAY: block;
    OVERFLOW: hidden;
    POSITION: relative
}
.slideshow-images IMG
{
    DISPLAY: block;
    Z-INDEX: 1;
    POSITION: absolute
}
.slideshow-thumbnails
{
    OVERFLOW: hidden
}
.slideshow-images
{
    WIDTH: 400px;
    HEIGHT: 300px
}
.slideshow-images-visible
{
    opacity: 1
}
.slideshow-images-prev
{
    opacity: 0
}
.slideshow-images-next
{
    opacity: 0
}
.slideshow-images IMG
{
    LEFT: 0px;
    FLOAT: left;
    TOP: 0px
}
.slideshow
{
    MARGIN: 0px auto;
    WIDTH: 400px;
    HEIGHT: 300px
}
.slideshow A IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
.slideshow-captions
{
    Z-INDEX: 10000;
    BACKGROUND: #000;
    LEFT: 0px;
    FONT: 12px/22px Arial,sans-serif;
    OVERFLOW: hidden;
    WIDTH: 100%;
    COLOR: #fff;
    BOTTOM: 0px;
    TEXT-INDENT: 10px;
    POSITION: absolute
}
.slideshow-captions-hidden
{
    HEIGHT: 0px;
    opacity: 0
}
.slideshow-captions-visible
{
    HEIGHT: 22px;
    opacity: .7
}
.slideshow-controller
{
    Z-INDEX: 10000;
    BACKGROUND: url(controller.png) no-repeat;
    LEFT: 50%;
    MARGIN: -21px 0px 0px -119px;
    OVERFLOW: hidden;
    WIDTH: 238px;
    POSITION: absolute;
    TOP: 50%;
    HEIGHT: 42px
}
.slideshow-controller *
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
.slideshow-controller-hidden
{
    opacity: 0
}
.slideshow-controller-visible
{
    opacity: 1
}
.slideshow-controller A
{
    DISPLAY: block;
    OVERFLOW: hidden;
    CURSOR: pointer;
    POSITION: absolute;
    TOP: 12px;
    HEIGHT: 18px
}
.slideshow-controller A.active
{
    BACKGROUND-POSITION: 0px 18px
}
.slideshow-controller LI
{
    LIST-STYLE-TYPE: none
}
.slideshow-controller LI.first A
{
    LEFT: 33px;
    BACKGROUND-IMAGE: url(controller-first.gif);
    WIDTH: 19px
}
.slideshow-controller LI.last A
{
    LEFT: 186px;
    BACKGROUND-IMAGE: url(controller-last.gif);
    WIDTH: 19px
}
.slideshow-controller LI.next A
{
    LEFT: 145px;
    BACKGROUND-IMAGE: url(controller-next.gif);
    WIDTH: 28px
}
.slideshow-controller LI.pause A
{
    LEFT: 109px;
    BACKGROUND-IMAGE: url(controller-pause.gif);
    WIDTH: 20px
}
.slideshow-controller LI.play A
{
    BACKGROUND-POSITION: 20px 0px
}
.slideshow-controller LI.play A.active
{
    BACKGROUND-POSITION: 20px 18px
}
.slideshow-controller LI.prev A
{
    LEFT: 65px;
    BACKGROUND-IMAGE: url(controller-prev.gif);
    WIDTH: 28px
}
.slideshow-loader
{
    Z-INDEX: 10001;
    RIGHT: 0px;
    WIDTH: 28px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 28px
}
.slideshow-loader-hidden
{
    opacity: 0
}
.slideshow-loader-visible
{
    opacity: 1
}
.slideshow-thumbnails
{
    LEFT: 0px;
    WIDTH: 100%;
    BOTTOM: -65px;
    POSITION: absolute;
    HEIGHT: 65px
}
.slideshow-thumbnails *
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}
.slideshow-thumbnails UL
{
    LEFT: 0px;
    WIDTH: 10000px;
    POSITION: absolute;
    TOP: 0px;
    HEIGHT: 65px
}
.slideshow-thumbnails LI
{
    FLOAT: left;
    MARGIN: 5px 5px 5px 0px;
    LIST-STYLE-TYPE: none;
    POSITION: relative
}
.slideshow-thumbnails A
{
    PADDING-RIGHT: 5px;
    DISPLAY: block;
    PADDING-LEFT: 5px;
    FLOAT: left;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    POSITION: relative
}
.slideshow-thumbnails A:hover
{
    BACKGROUND-COLOR: #ff9! important;
    opacity: 1
}
.slideshow-thumbnails IMG
{
    DISPLAY: block
}
.slideshow-thumbnails-active
{
    BACKGROUND-COLOR: #9ff;
    opacity: 1
}
.slideshow-thumbnails-inactive
{
    BACKGROUND-COLOR: #fff;
    opacity: .5
}