/*****************************
thumbnail slider
****************************-*/

#slider {
margin-top:10px;
z-index:888;
height:376px;
position:relative;
background: url(../images/slidericon/sliderbg.png) no-repeat;
} 

#slides {
position : relative;
top : 10px;
z-index : 100;
padding-top:4px;
}

.slides_container {
width : 908px;
overflow : hidden;
position : relative;
display : none;
height:338px;
top :2px;
z-index:777;
margin-left:auto;
margin-right:auto;
}


.slides_container div.slide {
width : 914px;
height : 360px;
display : block;
}

#slides .next, #slides .prev {
position : absolute;
top : 107px;
left : -39px;
width : 24px;
height : 43px;
display : block;
z-index : 101;
}
#slides .next {
left : 585px;
}

/* slider-caption */
.caption {
z-index : 500;
position : absolute;
height : 30px;
right : -500px;
top : 220px;
padding : 5px 20px 0 20px;
background : #000;
width : 410px;
height : 89px;
font-size :12px;
line-height :15px;
color : #fff;
opacity : 0.7;
filter: alpha(opacity=70); /* IE6+ */
}
.caption h5 {
color : #fff;
font-size : 18px;
padding-top : 5px;
margin-bottom:1px;
}

.caption h5 a{
text-decoration:none;
color:#fff;
}
.caption p {
padding-top : 5px;
color : #fff;
width : 410px;
font-size:11px;
line-height:16px;
}

/*********************
 slider-thumbs-style 
********************/
 
ul.ts_container {
list-style : none;
margin : 0;
padding : 0;
width : 270px;
position : absolute;
top : 289px;
left : 58px;
height : 17px;
z-index : 99999;
}

ul.ts_container li {
float : left;
}

ul.ts_container li a {
display : block;
width : 28px;
height : 21px;
outline : none;
text-align : center;
border-right : 1px solid #363b3c;
padding : 0 3px;
background : #000;
opacity : 0.7;
filter: alpha(opacity=70); /* IE6+ */
color : #fff;
text-decoration : none;
}

ul.ts_container li a:hover, ul.ts_container li.selected a {
opacity : 1;
}

ul.ts_container li.current {
opacity : 0.9;
}

ul.ts_container li.ts_thumbnails {
display : none;
position : absolute;
text-indent : -9000px;
}
ul.ts_container li.ts_thumbnails span {
background : url(../images/slidericon/triangle.png) center top no-repeat transparent;
width : 15px;
height : 6px;
position : absolute;
}
.ts_preview_wrapper {
border : 5px solid #fff;
overflow : hidden;
position : relative;
}
ul.ts_preview {
position : absolute;
left : 0;
top : 0;
margin : 0;
padding : 0;
list-style-type : none;
}
ul.ts_preview li {
float : left;
}
ul.ts_preview li img {
display : block;
}

/* stop-button of slider  */

a#stop {
position : relative;
top : -55px;
left : 33px;
width : 25px;
height : 24px;
border-right : 1px solid #363b3c;
float : left;
text-align : center;
text-decoration : none;
text-indent : -99999px;
color : #000;
z-index : 99999;
}

.pause_bg{
background : url(../images/slidericon/pause.jpg) no-repeat;
}


.play_bg{
background : url(../images/slidericon/play.jpg) no-repeat;
}