#carousel					{ width: 600px; text-align: left; vertical-align: top; background: url("../images/mainbg.gif") top left repeat #292929; padding: 10px 0; }
.wrapper 					{ width: 100%; margin: 0 auto; padding: 0 40px; }
div.boxfull 				{ margin-bottom: 0px; background: #ffffff; width: 600px; text-align: justify; }
div.ctl 					{ background: url("../images/cornertl.gif") top left no-repeat; }
div.ctr 					{ background: url("../images/cornertr.gif") top right no-repeat; }
div.cbl 					{ background: url("../images/cornerbl.gif") bottom left no-repeat; }
div.cbr 					{ background: url("../images/cornerbr.gif") bottom right no-repeat; }
div.content 				{ padding: 16px; text-align: left; text-align: justify; }
div.content h3 				{ padding-bottom: 10px; font-size: 24px; font-weight: normal; }
div.content h3 strong, div.content h3 b { font-weight: normal; color: #BAD1D9; }
div.content h4 				{ padding: 0px 0px 10px 0; font-size: 16px; font-weight: normal; color: #BAD1D9; }
div.content p 				{ padding-bottom: 10px; line-height: normal; }
.stepcarousel				{ position: relative; 	border: 0; overflow: scroll; /*leave this value alone*/ width: 620px; /*Width of Carousel Viewer itself*/ height: 230px; /*Height should enough to fit largest content's height*/ margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }
.stepcarousel .belt			{ position: absolute; /*leave this value alone*/ left: 0; top: 0; }
.stepcarousel .panel		{ float: left; /*leave this value alone*/ overflow: hidden; /*margin around each panel*/ width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */ height: 250px; margin-top: 10px; margin-right: 50px; margin-bottom: 10px; margin-left: 0px; }
.panel img 					{ float: left; margin-right: 10px; margin-left: 31px;}