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

/* basic/minimum styling */
.slidebox{position:absolute; left:240px; overflow:hidden;}
.slidebox,.slidebox .slideboxSlide{width:640px;}

#slideboxHomeBanner {position:absolute; left:0; overflow:hidden;}
#slideboxHomeBanner, #slideboxHomeBanner .slideboxSlide{width:1170px; height:250px;}

#slideboxSubBanner {position:absolute; left:0; overflow:hidden;}
#slideboxSubBanner, #slideboxSubBanner .slideboxSlide{width:1170px; height:120px;}

#slideboxRightBanner {position:absolute; left:0; overflow:hidden;}
#slideboxRightBanner, #slideboxRightBanner .slideboxSlide{width:249px; height:250px;}

.slidebox,.slidebox .slideboxSlides,.slidebox .slideboxSlide{}
.slidebox ul{position:relative; overflow:hidden; margin:0; padding:0; border:0; list-style-type:none;}
.slidebox ul li{float:left; margin-bottom:0; margin-left:0; list-style: none;}
.slidebox ul li .slideboxCaption{height:110px; font-family: Arial; font-size: 12px;}
.slideboxContainer{position:relative; min-height:250px;}
.slideboxContainer .slideboxNext,.slideboxContainer .slideboxPrevious{position:absolute; display:block; width:35px; height:42px; top:50%; margin-top:-11px;}
.slideboxContainer .slideboxNext{right:0; margin-right:10px; background:url(../images/newRightArrowSm.png) no-repeat;top:102px; left:25px;}
.slideboxContainer .slideboxNext:hover{background:url(../images/newRightArrowSm.png) no-repeat;top:102px; border-bottom:0;}
.slideboxContainer .slideboxPrevious{background:url(../images/newLeftArrowSm.png) no-repeat; top:102px}
.slideboxContainer .slideboxPrevious:hover{background:url(../images/newLeftArrowSm.png) no-repeat;top:102px; border-bottom:0;}

#slideboxHomeBanner .slideboxNext{right:0; margin-right:10px; background:url(../images/newRightArrow.png) no-repeat;top:120px; left:1124px;}
#slideboxHomeBanner .slideboxNext:hover{background:url(../images/newRightArrow.png) no-repeat;top:120px; }
#slideboxHomeBanner .slideboxPrevious{background:url(../images/newLeftArrow.png) no-repeat; top:120px; left:10px;}
#slideboxHomeBanner .slideboxPrevious:hover{background:url(../images/newLeftArrow.png) no-repeat;top:120px}

#slideboxSubBanner .slideboxNext{right:0; margin-right:10px; background:url(../images/newRightArrow.png) no-repeat;top:110px; left:898px;}
#slideboxSubBanner .slideboxNext:hover{background:url(../images/newRightArrow.png) no-repeat;top:110px; }
#slideboxSubBanner .slideboxPrevious{background:url(../images/newLeftArrow.png) no-repeat; top:110px; left:878px;}
#slideboxSubBanner .slideboxPrevious:hover{background:url(../images/newLeftArrow.png) no-repeat;top:110px}

#slideboxRightBanner .slideboxNext{right:0; margin-right:10px; background:url(../images/newRightArrow.png) no-repeat;top:240px; left:229px;}
#slideboxRightBanner .slideboxNext:hover{background:url(../images/newRightArrow.png) no-repeat;top:240px; left:229px;}
#slideboxRightBanner .slideboxPrevious{background:url(../images/newLeftArrow.png) no-repeat; top:240px; left:209px}
#slideboxRightBanner .slideboxPrevious:hover{background:url(../images/newLeftArrow.png) no-repeat; top:240px;  left:209px}

.slideboxContainer .slideboxThumbs{display:none;}
.slideboxContainer .slideboxThumbs .slideboxThumb{display:inline-block; margin:0 3px; background:#0072CE; min-width:10px; min-height:10px; text-decoration:none; color:#fff;}
.slideboxContainer .slideboxThumbs .slideboxThumb:hover,.slideboxContainer .slideboxThumbs .selectedSlideboxThumb{background:#5C068C; color:#5C068C;}

/* 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:291px; 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(../images/slidebox_icons.pngs); 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;}