/*
Slidebox jQuery banner rotator and image slideshow plugin styling
*/

/* basic/minimum styling */
.slidebox{position:relative;margin:0 auto; overflow:hidden; margin-left: 9px;}
.slidebox,.slidebox .slideboxSlide{width:666px;  }
.slidebox,.slidebox .slideboxSlides,.slidebox .slideboxSlide{height:320px;}
.slidebox ul{position:relative; overflow:hidden; margin:0; padding:0; border:0; list-style-type:none;}
.slidebox ul li{float:left;}
.slidebox ul li .slideboxCaption{padding:0; font-family:Verdana,Geneva,sans-serif; font-size:13px;}
.slideboxContainer{position:relative; margin:0 auto;}
.slideboxContainer .slideboxNext,.slideboxContainer .slideboxPrevious{position:absolute; display:block; width:29px; height:57px; top:50%; margin-top:-11px;}
.slideboxContainer .slideboxNext{right:0; background:url(../images/Btn_right.png) no-repeat;}
.slideboxContainer .slideboxNext:hover{background-position: 0 -57px;}
.slideboxContainer .slideboxPrevious{margin-left: 0; background:url(../images/btn_left.png) no-repeat;}
.slideboxContainer .slideboxPrevious:hover{ background-position: 0 -57px;}
.slideboxContainer .slideboxThumbs{position:relative; bottom:10px; right:10px; text-align:center;}
.slideboxContainer .slideboxThumbs .slideboxThumb{/*display:inline-block; margin:0 3px; background:#666; min-width:10px; min-height:10px; text-decoration:none; font-size:12px; color:#fff; */ background: url(../images/icon_bullet.png) no-repeat top left; min-width: 11px; min-height: 11px; display: inline-block; margin: 0 3px; text-decoration: none;}
.slideboxContainer .slideboxThumbs .slideboxThumb:hover,.slideboxContainer .slideboxThumbs .selectedSlideboxThumb{background: url(../images/icon_bullet-rollover.png) no-repeat top left;}

.slidebox .video {
	margin: auto;
	width: 416px;	
}
#banner .slidebox{
	background-color: #000;
}

/* classic/additional styling */
#slidebox_1{border:5px solid #fff; background:#eee; box-shadow:0 0 40px rgba(0,0,0,0.3); border-radius:6px;}
#slidebox_1 ul li .slideboxCaption{display:block; position:relative; padding:0; width:600px; height:300px; color:#666; text-decoration:none;}
#slidebox_1 ul li .slideboxCaption span{display:block; position:absolute; padding:5px 10px; background:#fff; border-radius:4px;}
#slidebox_1 ul .slideboxSlide_1 .slideboxCaption span,#slidebox_1 ul .slideboxSlide_5 .slideboxCaption span{left:20px; bottom:20px;}
#slidebox_1 ul .slideboxSlide_2 .slideboxCaption span{left:20px; top:20px;}
#slidebox_1 ul .slideboxSlide_3 .slideboxCaption span{right:20px; top:20px;}
#slidebox_1 ul .slideboxSlide_4 .slideboxCaption span{right:20px; bottom:20px;}
.slideboxContainer #slidebox_1+.slideboxThumbs{position:relative; margin-top:30px;}
.slideboxContainer #slidebox_1+.slideboxThumbs .slideboxThumb{border-radius:10px; background:#ccc; box-shadow:inset 0 0 5px rgba(0,0,0,0.3);}
.slideboxContainer #slidebox_1+.slideboxThumbs .slideboxThumb:hover,.slideboxContainer #slidebox_1+.slideboxThumbs .selectedSlideboxThumb{background:#fff; box-shadow:inset 0 0 4px rgba(0,0,0,0.2),0 0 2px rgba(0,0,0,0.2);}
.slideboxContainer #slidebox_1+.slideboxThumbs .slideboxThumb:active{background:#eee;}
.slideboxContainer #slidebox_1~.slideboxNext,.slideboxContainer #slidebox_1~.slideboxPrevious{width:30px; height:30px; border-radius:21px; margin:-35px 0 0 0; background-color:#ccc; background-image:url(slidebox_icons.png); background-repeat:no-repeat; background-position:0px 0px; box-shadow:inset 0 0 10px rgba(0,0,0,0.2);}
.slideboxContainer #slidebox_1~.slideboxNext{background-position:-30px 0px;}
.slideboxContainer #slidebox_1~.slideboxPrevious:hover,.slideboxContainer #slidebox_1~.slideboxNext:hover{background-color:#fff; background-position:0px -30px; box-shadow:inset 0 0 10px rgba(0,0,0,0.2),0 0 3px rgba(0,0,0,0.2);}
.slideboxContainer #slidebox_1~.slideboxNext:hover{background-position:-30px -30px;}
.slideboxContainer #slidebox_1~.slideboxPrevious:active,.slideboxContainer #slidebox_1~.slideboxNext:active{background-color:#eee;}

.slidebox#tipsSlidebox, .slidebox#tipsSlidebox .slideboxSlide{ width: 666px }
.slidebox#tipsSlidebox,.slidebox#tipsSlidebox .slideboxSlides,.slidebox#tipsSlidebox .slideboxSlide{height: 170px; margin-bottom: 25px; }
.slideboxContainer #tipsSlidebox .slideboxNext, .slideboxContainer #tipsSlidebox .slideboxPrevious {display: none;}