#slider	{ 

height: 345px; 
overflow: hidden;
position: relative; 
margin: 0px 0; float:right;text-align:right

		}

.stepcarousel{
position: relative;
width: 600px;
height: 345px;
margin: 0px 0px 0px 5px;
background:url(images/best.gif);

}

.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: 10px 25px ; /*margin around each panel*/
width:570px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
background:transparent;
height:300px;

}
.stepcarousel .panel p{
text-align: right;direction:rtl; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:0px 5px 0px 10px;
line-height:20px;
color:#eee;
font-family:Tahoma; 
font-size: 11px; padding-right:5px
}

.stepcarousel .panel h2{
	font-family:arial; 
	font-size:16px; 
	color: #fff; 
	padding:0px 0px;
	margin:0px 10px 0px 0px;
	overflow:hidden;

}
.stepcarousel .panel h2 a:link, .stepcarousel .panel h2 a:visited  {
	color:#fff;
	background-color: transparent;
	}
.stepcarousel .panel img{

	background:#666; 
	padding:3px 3px;
	border:1px solid #ccc;
	margin:5px 0px 5px  0px;


}