/*** set the width and height to match your images **/

.slideshow0, .slideshow1, .slideshow2, .slideshow3 {
    position:relative;
    height:149px;
	z-index:8;
}

.slideshow1 DIV, .slideshow2 DIV, .slideshow3 DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	width:290px;
    background-color: #FFF;
	font-weight:bold;
}

.slideshow1 DIV.active, .slideshow2 DIV.active, .slideshow3 DIV.active {
    z-index:10;
    opacity:1.0;
}

.slideshow1 DIV.last-active, .slideshow2 DIV.last-active, .slideshow3 DIV.last-active {
    z-index:9;
}

.slideshow1 DIV IMG, .slideshow2 DIV IMG, .slideshow3 DIV IMG {
    height: 149px;
    display: block;
    border: 0;
    margin-bottom: 5px;
}


.inner {
	position:relative;
	width:960px;
	margin:0 auto;
	z-index:8;
}





.slideshow0 .thebox {
    position:absolute;
    top:0;
    z-index:8;
    opacity:0.0;
	width:960px;
	height:227px;
}

.slideshow0 .active {
    z-index:10;
    opacity:1.0;
}

.slideshow0 .last-active {
    z-index:9;
}

.slideshow0  IMG {
    height: 227px;
    display: block;
    border: 0;
    margin-bottom: 5px;
}