/* CSS Document */

.UGalleryHold {width: 90px; height: 99px; padding:5px 26px 5px 0px; margin:0; float: left;}
.UGalleryTN {width: 95px; height: 95px; padding:0; margin:0; }
.UGalleryTN img {border: 2px solid #999999;}
.UGalleryTN img:hover {border: none; border: 2px solid #94c10e;}
.Last {padding-right: 0px;}
.First {}

/* step coro */

.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 5px solid orange;*/
overflow: scroll; /*leave this value alone*/
width: 620px;
height: 550px; /*Height should enough to fit largest content's height*/
padding:0; margin:0;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
height:auto;
}

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

#galleryB{
width: 450px;
height: 170px;
border: 10px solid darkred;
}

#galleryB .panel{
height: 150px;
font: bold 28px Arial;
text-align: center;
background-color: green;
color: white;
}

p.samplebuttons{
width: 300px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}