/* 
    Document   : demo
    Created on : Jun 8, 2010, 11:30:08 AM
    Author     : Administrator
    Description:
        Purpose of the stylesheet follows.
*/
* {
    margin: 0;
    padding: 0;
}

div#wrapper {
    /*background: url(..images/intro/slideshow.gif) no-repeat;*/
    height: 200px;
    margin: 0 10px;
    margin-top:15px;
    position: relative;
    text-align: left;
    width: 640px;
}
.slideshow {
    /*background: url(../images/intro/slideshow.gif) no-repeat;*/
    height: 190px;
    width: 560px;
}

.slideshow-controller {
    left:250px;
    top: 100px;
}
.slideshow-images {
    left: 0px;
    top: 0px;
}
/* Thumbnails: Intelligent and auto-scrolling */

.slideshow-alternate-thumbnails {
    height: 190px;
    position: absolute;
    right: 0px;
    top: 0px;
    width: 70px;
}
.slideshow-alternate-thumbnails * {
    margin: 0;
    padding: 0;
}
.slideshow-alternate-thumbnails ul {
    height: 210px;
    left: 0;
    position: absolute;
    top: 0;
    width: 70px;
}
.slideshow-alternate-thumbnails li {
    float: left;
    list-style: none;
    margin: 0 0 5px 0;
    position: relative;
}
.slideshow-alternate-thumbnails a {
    background: url(/images/intro/thumbnails.gif);
    /*width:50px;
    height:40px;*/
    display: block;
    opacity: .5;
    padding: 7px;
    position: relative;
}
.slideshow-alternate-thumbnails a:hover {
    opacity: 1;
}
.slideshow-alternate-thumbnails a img {
    width:56px;
    height:46px;
    border: 0;
}
.slideshow-alternate-thumbnails img {
    display: block;
}
.slideshow-alternate-thumbnails-active {
    opacity: 1;
}
.slideshow-alternate-thumbnails-inactive {
    opacity: .5;
}
.slideshow-alternate-thumbnails .overlay {
    left: 0;
    height: 30px;
    position: absolute;
    width: 100%;
    z-index: 10000;
}
.slideshow-alternate-thumbnails .overlay.a {
    background: url(/images/intro/vertical-thumbnails-a.png);
    top: 0;
}
.slideshow-alternate-thumbnails .overlay.b {
    background: url(/images/intro/vertical-thumbnails-b.png);
    bottom: 0;
}