.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border:1px solid #FFD56D;
border-bottom-width: 6px;
width: 180px; /*width of featured content slider*/
height: 260px;
background:url(../images/bgproduct-right.jpg);
text-align:center;

}

.sliderwrapper .contentdiv{ /*leave as is*/
position: absolute; /*leave as is*/
left: 0px;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
width: 180px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 280px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
text-align:center;

}

.pagination{
width: 170px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
background-color: #FFD56D;
padding: 0px 7px 5px 5px;
margin-bottom:13px;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #000000;
background: #FFD56D;
}

.pagination a:hover, .pagination a.selected{
color: #FFFFFF;
font-weight:bold;
background-color: #000;
}




<!--BAGIAN BANNER UTAMA-->
.sliderwrapper2{

position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border:1px solid #FFD56D;
border-bottom-width: 6px;
width:760px; /*width of featured content slider*/
height: 365px;

}

.sliderwrapper2.contentdiv2{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width:760px; /*width of featured content slider*/
height: 365px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination2{
width: 750px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
/*background-color: #FFF6E3;*/
padding: 0px 7px 5px 5px;
margin-bottom:0px;
margin-top:10px;
}

.pagination2 a{
	padding: 0 5px;
	text-decoration: none;
	color: #000000;
	background: white;
	font-family: Arial;
	font-size: 12px;
	font-weight: lighter;
}

.pagination2 a:hover, .pagination2 a.selected{
color: #FFFFFF;
font-weight:bold;
background-color: #F3AD00;
font-family: Arial;
font-size: 12px;
font-weight: lighter;
}

/*.container_banner_utama { width:730px; height:370px; overflow:hidden; position:relative; cursor:pointer; }
.slides_banner_utama { position:absolute; top:0; left:0; }
.slides_banner_utama > div { position:absolute; top:0; width:500px; display:none; }*/
/*
 * Optional
*/
/*#loopedSlider_banner_utama,#newsSlider_banner_utama { margin:0 auto; width:730px; position:relative; clear:both; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }*/



<!--BAGIAN ARTICLE-->
.sliderwrapper3{

position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
border:1px solid #FFD56D;
border-bottom-width: 6px;
width:545px; /*width of featured content slider*/
height: 125px;

}

.sliderwrapper3.contentdiv3{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width:545px; /*width of featured content slider*/
height: 125px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination3{
width: 540px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align: right;
/*background-color: #FFF6E3;*/
padding: 0px 7px 5px 5px;
margin-bottom:0px;
margin-top:20px;
}

.pagination3 a{
	padding: 0 5px;
	text-decoration: none;
	color: #000000;
	background: white;
	font-family: Arial;
	font-size: 12px;
	font-weight: lighter;
}

.pagination3 a:hover, .pagination3 a.selected{
color: #FFFFFF;
font-weight:bold;
background-color: #F3AD00;
font-family: Arial;
font-size: 12px;
font-weight: lighter;
}



