.slider{
background:url(../images/sliderbgmain.gif) no-repeat ;
height:223px;
width:960px;
padding-top:10px;
}

.bordermain
{
border:1px solid #bbb;
background:#FFFFFF;
padding:4px;
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:940px; /*Width of Carousel Viewer itself*/
height: 244px; /*Height should enough to fit largest content's height*/
margin-left:auto;
margin-right:auto;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .belt  h1
{
font:normal bold 2em "Trebuchet MS", Helvetica, sans-serif;
margin:0;
padding:0 0 10px 0;
color:#5e5e5e;
letter-spacing:-1px;
}

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

.featuredicon {
margin-bottom:5px;
}