.gallery{
width:480px;
float:left;
height:auto;
}
.gallery-left{
width:7px;
float:left;
padding:150px 0px 0px 0px;
}
.gallery-middle{
width:455px;
float:left;
padding:0px 10px 0px 0px;
height:auto;
}

.gallery-middle-1{
width:430px;
float:left;
padding:0px 10px 0px 10px;
height:auto;
}



.gallery-right{
width:10px;
float:left;
padding:5px 0px 0px 403px;
margin-top:11px;
}

.gallery-right-1{
width:7px;
float:right;
padding:5px 0px 0px 3px;
margin-top:11px;
}





.gallerymove{
position: relative; /*leave this value alone
overflow: scroll; /*leave this value alone*/
width:455px;
float:left;
height: 148px; /*Height should enough to fit largest content's height*/
}

.gallerymove .belt{
position: absolute; /*leave this value alone*/
left: 0px;
top: 0px;
width:450px;
height:auto;
}

.gallerymove .panel{
float: left; /*leave this value alone*/
height: 148px;
padding:0px;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 0px 0px 0px; /*margin around each panel*/
width: auto; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

img{
border:0px;
}