#slider
{
    height: 182px;
    position: relative;
    width: 723px;
    margin: 0 auto;
    overflow: hidden;
	float:left;
	/*background:url(../images/bg-mainslider.png) top right no-repeat;*/
}
div.scroller
{
    height: 182px;
    overflow: hidden;
    width: 723px;
    zoom: 1;
}
div.scroller .content 
{
    padding: 0;
}
div.slidercontrolwr
{
   background:url(../images/bg-playcontrols.png) no-repeat left top;
	bottom:1px;
	/*height:18px;*/
	left:1px;
	padding:5px;
	position:absolute;
	width:160px;
}
/* For IE6, because links coming over the png backgrnd doesn't work */
*html div.slidercontrolwr {background:#fff; filter: alpha(opacity = 50); width:auto;} 
/* */
div.scroller img
{
    border: none;
}
div.scroller div.section
{
    float: left;
    height: 182px;
    overflow: hidden;
    width: 723px;
}
div.scroller div.content
{
    width: 10000px;
    float: left;
}
.slidercontrol
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.slidercontrol a
{
    color: #aaa;
    /*filter: alpha(opacity=60);*/
    float: left;
    height: 13px;
    margin: 0 1px;
    /*opacity: 0.6;*/
    overflow: hidden;
    padding: 0px;
    text-decoration: none;
    text-indent: -1000px;
    width: 18px;
}
.slidercontrol a:hover
{
  /*  filter: alpha(opacity=100);
    opacity: 1;*/
	background: url(../images/adeactive.gif) no-repeat 0 0;
}
.slidercontrol a.active{background: url(../images/adeactive.gif) no-repeat 0 0;}
.slidercontrol a.deactive{background: url(../images/aactive.gif) no-repeat 0 0;}
.content .sliderdescription
{
    background: url(../images/grid.gif) repeat left top;
    color: #222;
    filter: alpha(opacity=50);
    font: 12px bold Helvetica, sans-serif;
    left: 15px;
    opacity: 0.5;
    padding: 10px;
    position: relative;
    top: -100px;
    width: 650px;
}
div.sliderdescription:hover, .sliderdescription.active
{
    background-color: #fff !important;
}

.aprev{background: url(../images/aprev.gif) no-repeat 0 0;}
.anext{ background: url(../images/aactive.gif) no-repeat 0 0;}
.astop { background: url(../images/astop.gif) no-repeat 0 0;}
.aplay{background: url(../images/aplay.gif) no-repeat 0 0;}

.sliderHolder{float:right; margin-bottom:-2px;}
