/* CSS Document */

.stepcarousel{
	position: relative; /*leave this value alone*/
	border:0px;
	overflow: scroll; /*leave this value alone*/
	width:600px; /*Width of Carousel Viewer itself*/
	height:200px; /*Height should enough to fit largest content's height*/
}

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

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:3px; /*margin around each panel*/
width:196px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
a {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #A0A0A0; text-decoration: none}
a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #D50606; text-decoration: none; font-weight: bold}
.bgimg {
	background-image: url(/images/bg.jpg);
	background-repeat: no-repeat;
}
.ntext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A0A0A0;
}
.ntext2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
}
.madeatory {
	color: #F00;
}
.box{
	color: #FFF;
	background-color: #222222;
	border:#CCC solid 1px;
	font-size:11px;
}
.ntext3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A0A0A0;
	line-height:20px;
}