.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 450px; /*width of featured content slider*/
height: 275px;
z-index:3
}

.sliderRotator{ background:#fff; padding:2px; border:1px solid #e6e6e6; width:450px}


.sliderwrapper .contentdiv{

position: absolute; 
width: 450px;
height:275px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
.contentdiv img{ height:275px; width:450px}

.summarydiv{position:absolute; width:400px; padding:5px; background:url(../images/slider_summary_back.png);height:70px; margin-top:195px; margin-left:18px; color:#FFF}


#paginate-slider2{ position:absolute; z-index:5; width:445px; }
#paginate-slider2 a{ padding:3px 5px; background:#000; filter:progid:DXImageTransform.Microsoft.alpha(opacity=65)!important; -moz-opacity:.65; opacity:.65; font-family:Tahoma, Geneva, sans-serif; font-size:11px; font-weight:bold; display:inline-block; color:#FFF; margin-left:3px; margin-top:3px;}
#paginate-slider2 a:hover{ background:#FFF; color:#000}
#paginate-slider2 a.selected{ background:#FFF; color:#000}



/*** slider2 ****/
.Slider2 { background:#dde3ff; margin-top:15px; height:140px}
.stepcarousel{
position: relative; /*leave this value alone*/
width: 660px; /*Width of Carousel Viewer itself*/
height: 130px; /*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-left:10px;
width: 340px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.panel{ margin-right:15px; background:url(../images/line_dikey.gif) repeat-y right}