﻿body {
}

.stepcarousel{
position: relative;
border: none;
overflow: scroll;
width:147px; 
height:92px;
}

.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left;
overflow: hidden;
margin: 0px; 
width: 147px; 
}


#slideshow {
    position:relative;
    height:92px;
}
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow IMG.last-active {
    z-index:9;
}

#slideshow2 {
    position:relative;
    height:92px;
}
#slideshow2 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow2 IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow2 IMG.last-active {
    z-index:9;
}

#slideshow3 {
    position:relative;
    height:92px;
}
#slideshow3 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow3 IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow3 IMG.last-active {
    z-index:9;
}

#slideshow4 {
    position:relative;
    height:92px;
}
#slideshow4 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow4 IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow4 IMG.last-active {
    z-index:9;
}

#slideshow5 {
    position:relative;
    height:92px;
}
#slideshow5 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow5 IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow5 IMG.last-active {
    z-index:9;
}

#slideshow6 {
    position:relative;
    height:92px;
}
#slideshow6 IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
#slideshow6 IMG.active {
    z-index:10;
    opacity:1.0;
}
#slideshow6 IMG.last-active {
    z-index:9;
}
