.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 930px; /*Width of Carousel Viewer itself*/
height: 350px; /*Height should enough to fit largest content's height
border:1px solid #000000;*/
z-index:1;
}

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

}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; 
height:300px;
/*clip content that go outside dimensions of holding panel DIV*/
/*margin-right: 10px; margin around each panel*/
/*width: 950px; Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. 
border:1px solid #FFFFFF;*/
}

#rbtnTrans{
	position:relative;
	z-index:5;
	
}
#abtnTrans{
	position:absolute;
	margin-top:10px;
}
#abtnTrans td{

}

.trnsBack{
	background:url(http://img.tamansarispa.com/img/backTrans.png) repeat top;
}
.btnSlideHome{
	height:53px;
	overflow:hidden;
	background:url(http://img.tamansarispa.com/img/backTrans.png) repeat top;
}
.dSlider{
	position:relative;
	z-index:3;
}
.dSlidea{
	position:absolute;
	margin-left:90px;
	width:150px;
	height:138px;
	overflow:hidden;
	margin-top:200px;
}

#rel{
	position:relative;
		z-index:1;
}
#abs{
	position:absolute;
	background:url(http://img.tamansarispa.com/img/backTrans.png) repeat top;
	width:930px;

	height:138px;
	margin-top:260px;
}

.yes{
	margin-right:20px;
}
.yes-kiri{
	margin-right:20px;
        margin-top:10px;
position:absolute;
width:30px;

	height:100px;
}