@charset "UTF-8";
/* CSS Document */

.stepcarousel{
position: relative; /*leave this value alone*/
/*border: 20px solid navy;*/
overflow: hidden; /*leave this value alone*/
width: 501px;
left:25px;
top:0px;
height: 202px; /*Height should enough to fit largest content's height*/
}

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

.stepcarousel .panel{
/*float: left;*/ /*leave this value alone*/
position:relative;
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 /*margin around each panel*/

width: 501px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#bannerbox{background:url(images/bg-home-carousel.jpg) no-repeat;width:624px;height:202px;display:block;padding:0 20px;float:left;}
#bannerlabels{width:100px;display:block;padding:10px;color:#fff;float:left;margin-top:10px;}
.hd{font-family:Helvetica, Arial, sans-serif;padding:0 6px;font-size:11px;}
.hd a:link{color:#ffffff;text-decoration:none;}
.hd a:hover{color:#99FFFF}