#wrapper {
    width: 440px;
    margin: 0 0 0 25px;
}

#slider {
    width: 440px;
    margin: 0 auto;
    position: relative;
font-family: verdana;
border:1px solid #ccc;
padding-top:30px;
padding-bottom:0px;
height:180px;
}

.scroll {
overflow: hidden;
width: 440px;
 height: auto;
    margin: 0 auto;
    position: relative;

}

.scrollContainer {
position: relative;
}

.scrollContainer div.panel {
    padding: 20px;
    width: 122px;
height: 218px;
}

#left-shadow {
position: absolute;
top: 0;
left: 0;
width: 12px;
bottom: 0;
background: url(images/leftshadow.png) repeat-y;
height:210px;
}

#right-shadow {
position: absolute;
top: 0;
right: 0;
width: 12px;
bottom: 0;
background: url(images/rightshadow.png) repeat-y;
height:210px;
}

.inside {
padding: 10px;
border: 1px solid #999;
}

.inside img {
display: block;
border: 1px solid #666;
margin: 0 0 10px 0;
width: 100px;
}


.scrollButtons {
    position: absolute;
    top: 127px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -28px;
}

.scrollButtons.right {
    right: 20px;
}

.hide {
    display: none;
}