/* @override http://dev.joomlabamboo.com/pixel8/modules/mod_slideshow3/slideshow/slideshow.css */

/* @group Slideshow 3 */

.slideShowNav li {list-style-type: none;float: left;margin-right: 15px;}
.slideShowNav a { margin:0; padding:0; border: none; text-decoration: none}
.slideShowNav.indexNav  a,.slideShowNav.indexNavButtons a {margin: 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fff; color: #444; font-weight: bold;float:left;}
.slideShowNav.indexNav  a :hover{background: #CCC}
.slideShowNav.indexNav  a.activeSlide { background: #DDD }
.slideShowContainerNone, .slideShowContainerDark, .slideShowContainerLight, 
.slideShowContainerBrown, .slideShowContainerGreen, .slideShowContainerRed, 
.slideShowContainerPurple {position: relative;display:none}
.slideshowContent,.slideshowImage{position: absolute; float: left}
.slideshowImage{background: url(../images/loading.gif) no-repeat center center}
.slideshowImage img{position:absolute;}
.slideshowContent{padding: 5px;  overflow:hidden;}
.scroller {background: none;}
.slideshowContent.light{background: url(../images/lightOverlay.png) repeat;color: #000;}
.slideshowContent.dark{background: url(../images/blackoverlay.png) repeat;color: #fff;}
.slideshowContent.dark a {color: #ccc;}
.ssReadMore{padding:3px 7px 3px 7px;background: #CCC;color: #444;}
div.ssPager.vertical {position:absolute;margin:0px;}
div.ssPager.horizontal {position:absolute;margin:0px;}
.scrollButtonVertical, .scrollButtonHorizontal{float:left;position:absolute;z-index:99}
.ssNavButtons{float:left;clear:left}
.ssPrev{padding: 3px 5px;cursor: pointer;color: #444;}
.ssNext{padding: 3px 5px;cursor: pointer;color: #444;}
.slideshowNav {float:left}
.slideShowNav.indexNavButtons  a.activeSlide,#slideShowNav.indexNavButtons  a:hover {background: url(../images/blackNav.png) no-repeat center center;border: none;text-indent: -1000px;color: #353535;}
.slideShowNav.indexNavButtons  a {background: url(../images/whiteNav.png) no-repeat center center ;border: none;text-indent: -1000px;color: #fff}
.tickerLabel {float: left;line-height: 1.6em;}
.scrollContainer{position:relative;overflow:hidden;}
span.activeIndicator{display:none;}
img.navThumb ,img.navThumbborder {float: left;margin-right: 10px}
img.navThumb.thumbRight ,img.navThumbborder.thumbRight{float: right;margin-right: 10px;}
span.thumbtitle {font-size: 0.95em;margin-left: 8px;display: block;}
span.thumbtitleright {font-size: 0.95em;margin-left: 8px;display: block;float:left;}

div.slideShowDescription {position:absolute;overflow:hidden;padding:5px;z-index:49;float:left;}
div.slideShowDescription.light {background: url(../images/lightOverlay.png) repeat;color: #000;}
div.slideShowDescription.dark {background: url(../images/blackoverlay.png) repeat;color: #fff;}

.slideShowContainerNone div.scrollButtonVertical, .slideShowContainerNone div.scrollButtonHorizontal { cursor:pointer;}
.slideShowContainerNone div.scrollButtonVertical.scrollPrevious {background: url(../images/prev_vert.png) no-repeat 45% 45% }
.slideShowContainerNone div.scrollButtonVertical.scrollNext {background: url(../images/next_vert.png) no-repeat 47% 47% }
.slideShowContainerNone div.scrollButtonHorizontal.scrollPrevious {background: url(../images/prev_horz.png) no-repeat 47% 47% }
.slideShowContainerNone div.scrollButtonHorizontal.scrollNext {background: url(../images/next_horz.png) no-repeat 47% 47% }
.slideShowContainerNone div.ssPager {}
.slideShowContainerNone .ssPager li a.activeSlide {background: #F9F9F9;color:#000;}
.slideShowContainerNone .ssPager li img {}

/* @end */
/*Dark Styles*/
.slideShowContainerDark {background: #111216;padding: 10px 0;border-bottom: 1px solid #414141}
.slideShowContainerDark .slideshowContent {color: #fff;padding: 6px 0 2px 20px}
.slideShowContainerDark .slideshowContent h2 a{color: #fff;font-size: 0.6em}
.slideShowContainerDark .slideShowNav.indexNav  a{border: 0;padding: 0;background: none;float:left;}
.slideShowContainerDark .slideshowImage img.border,.slideShowContainerDark img.navThumb.border {border: none;padding: 0}
.slideShowContainerDark .slideshowImage a {border: none}
.slideShowContainerDark .slideshowContent span.readmore {float: right;margin-right: 20px;background: url(../images/yellowButton.png) no-repeat;height: 32px;width: 120px;margin-top: -12px;text-align: center;text-transform: uppercase;font-size: 90%;padding-top: 10px} 
.slideShowContainerDark a:hover {color: #333}
.slideShowContainerDark .ssPager a {color: #fff;}
.slideShowContainerDark .ssPager a:hover {color: #fff;}
.slideShowContainerDark .ssPager li a.activeSlide {background: #28282A;border-top: 1px solid #414141;color:#fff;border-bottom: 1px solid #111216;}
.slideShowContainerDark .ssPager li {height:47px;background: url(../images/slideshowtitle.png) repeat-x right top;padding-top: 2px;margin-bottom: 17px}
.slideShowContainerDark .bgOverlay {background: url(../images/blackoverlay.png)}
.slideShowContainerDark div.scrollButtonVertical, .slideShowContainerDark div.scrollButtonHorizontal {border-bottom: 1px solid #111216;border-right: 1px solid #111216;
	border-top: 1px solid #414141;border-left: 1px solid #414141; cursor:pointer;}
.slideShowContainerDark div.scrollButtonVertical.scrollPrevious {background: url(../images/prev_vert.png) no-repeat 45% 45% #1C1C1E}
.slideShowContainerDark div.scrollButtonVertical.scrollNext {background: url(../images/next_vert.png) no-repeat 47% 47% #1C1C1E}
.slideShowContainerDark div.scrollButtonHorizontal.scrollPrevious {background: url(../images/prev_horz.png) no-repeat 47% 47% #1C1C1E}
.slideShowContainerDark div.scrollButtonHorizontal.scrollNext {background: url(../images/next_horz.png) no-repeat 47% 47% #1C1C1E}
.slideShowContainerDark div.ssPager {background:#111216;}

/*Brown Styles*/
.slideShowContainerBrown {background: transparent;padding: 10px 0}
.slideShowContainerBrown .slideshowContent {color: #fff;padding: 6px 0 2px 20px}
.slideShowContainerBrown .slideshowContent h2 a{color: #fff;font-size: 0.6em}
.slideShowContainerBrown .slideShowNav.indexNav  a{border: 0;padding: 0;background: none;float:left;}
.slideShowContainerBrown .slideshowImage img.border,.slideShowContainerBrown img.navThumb.border {border: none;padding: 1px}
.slideShowContainerBrown .slideshowImage a {border: none}
.slideShowContainerBrown .slideshowContent span.readmore {float: right;padding-right: 20px;margin-right:20px;background:url(../images/next_horz.png) no-repeat 95% 47% #5C4D3D;height: 32px;width: 120px;
	text-align: center;text-transform: uppercase;font-size: 90%;color:#fff;padding-top: 10px;border-top:1px solid #6E5F4F;border-bottom: 1px solid #392D20;border-right: 1px solid #392D20;border-left: 1px solid #6E5F4F} 
.slideShowContainerBrown .ssPager li {}
.slideShowContainerBrown .ssPager li a.activeSlide {background: #5C4D3D;border-top: 1px solid #6E5F4F;color:#fff;border-bottom: 1px solid #392D20;}
.slideShowContainerBrown .ssPager li a {display:block;background:#E3E7ED; border-bottom: 1px solid #AAAEB7;color:#6E5F4F;height:position:relative;padding:5px;}
.slideShowContainerBrown .bgOverlay {background: url(../images/blackoverlay.png)}
.slideShowContainerBrown div.scrollButtonVertical, .slideShowContainerBrown div.scrollButtonHorizontal {border-bottom: 1px solid #392D20;border-right: 1px solid #392D20;
	border-top: 1px solid #6E5F4F;border-left: 1px solid #6E5F4F;cursor:pointer;}
.slideShowContainerBrown div.scrollButtonVertical.scrollPrevious {background: url(../images/prev_vert.png) no-repeat 45% 45% #5C4D3D}
.slideShowContainerBrown div.scrollButtonVertical.scrollNext {background: url(../images/next_vert.png) no-repeat 47% 47% #5C4D3D}
.slideShowContainerBrown div.scrollButtonHorizontal.scrollPrevious {background: url(../images/prev_horz.png) no-repeat 47% 47% #5C4D3D}
.slideShowContainerBrown div.scrollButtonHorizontal.scrollNext {background: url(../images/next_horz.png) no-repeat 47% 47% #5C4D3D}
.slideShowContainerBrown .ssPager li img {margin-left:5px;margin-top:5px;}
.slideShowContainerBrown .ssPager {background:#E3E7ED;}

/*Green*/
.slideShowContainerGreen {background: transparent;padding: 10px 0}
.slideShowContainerGreen .slideshowContent {color: #fff;padding: 6px 0 2px 20px}
.slideShowContainerGreen .slideshowContent h2 a{color: #fff;font-size: 0.6em}
.slideShowContainerGreen .slideShowNav.indexNav  a{border: 0;padding: 0;background: none;float:left;}
.slideShowContainerGreen .slideshowImage img.border,.slideShowContainerGreen img.navThumb.border {border: none;padding: 1px}
.slideShowContainerGreen .slideshowImage a {border: none}
.slideShowContainerGreen .slideshowContent span.readmore {float: right;padding-right: 20px;margin-right:20px;background:url(../images/next_horz.png) no-repeat 95% 47% #3F5F01;height: 32px;width: 120px;
	text-align: center;text-transform: uppercase;font-size: 90%;color:#fff;padding-top: 10px;border-top:1px solid #547E01;border-bottom: 1px solid #2B4001;border-right: 1px solid #2B4001;border-left: 1px solid #547E01} 
.slideShowContainerGreen .ssPager li {}
.slideShowContainerGreen .ssPager li a.activeSlide {background:#3F5F01;border-top: 1px solid #547E01;color:#fff;border-bottom: 1px solid #2B4001;}
.slideShowContainerGreen .ssPager li a {display:block;background:#E3E7ED;border-bottom: 1px solid #AAAEB7;color:#547E01;position:relative;}
.slideShowContainerGreen .bgOverlay {background: url(../images/blackoverlay.png)}
.slideShowContainerGreen div.scrollButtonVertical, .slideShowContainerGreen div.scrollButtonHorizontal {border-bottom: 1px solid #2B4001;border-right: 1px solid #2B4001;
	border-top: 1px solid #547E01;border-left: 1px solid #547E01;cursor:pointer;}
.slideShowContainerGreen div.scrollButtonVertical.scrollPrevious {background: url(../images/prev_vert.png) no-repeat 45% 45% #3F5F01}
.slideShowContainerGreen div.scrollButtonVertical.scrollNext {background: url(../images/next_vert.png) no-repeat 47% 47% #3F5F01}
.slideShowContainerGreen div.scrollButtonHorizontal.scrollPrevious {background: url(../images/prev_horz.png) no-repeat 47% 47% #3F5F01}
.slideShowContainerGreen div.scrollButtonHorizontal.scrollNext {background: url(../images/next_horz.png) no-repeat 47% 47% #3F5F01}
.slideShowContainerGreen .ssPager li img {margin-left:5px;margin-top:5px;}
.slideShowContainerBrown .ssPager {background:#E3E7ED;}

/*Purple*/
.slideShowContainerPurple {background: transparent;padding: 10px 0}
.slideShowContainerPurple .slideshowContent {color: #fff;padding: 6px 0 2px 20px}
.slideShowContainerPurple .slideshowContent h2 a{color: #fff;font-size: 0.6em}
.slideShowContainerPurple .slideShowNav.indexNav  a{border: 0;padding: 0;background: none;float:left;}
.slideShowContainerPurple .slideshowImage img.border,.slideShowContainerPurple img.navThumb.border {border: none;padding: 1px}
.slideShowContainerPurple .slideshowImage a {border: none}
.slideShowContainerPurple .slideshowContent span.readmore {float: right;padding-right: 20px;margin-right:20px;background:url(../images/next_horz.png) no-repeat 95% 47% #594478;height: 32px;width: 120px;
	text-align: center;text-transform: uppercase;font-size: 90%;color:#fff;padding-top: 10px;border-top:1px solid #8469A6;border-bottom: 1px solid #37264F;border-right: 1px solid #37264F;border-left: 1px solid #8469A6} 
.slideShowContainerPurple .ssPager li {}
.slideShowContainerPurple .ssPager li a.activeSlide {background:#594478;border-top: 1px solid #8469A6;color:#fff;border-bottom: 1px solid #37264F;}
.slideShowContainerPurple .ssPager li a {display:block;background:#E3E7ED; border-bottom: 1px solid #AAAEB7;color:#8469A6;position:relative;}
.slideShowContainerPurple .bgOverlay {background: url(../images/blackoverlay.png)}
.slideShowContainerPurple div.scrollButtonVertical, .slideShowContainerPurple div.scrollButtonHorizontal {border-bottom: 1px solid #37264F;border-right: 1px solid #37264F;
	border-top: 1px solid #8469A6;border-left: 1px solid #8469A6;cursor:pointer;}
.slideShowContainerPurple div.scrollButtonVertical.scrollPrevious {background: url(../images/prev_vert.png) no-repeat 45% 45% #594478}
.slideShowContainerPurple div.scrollButtonVertical.scrollNext {background: url(../images/next_vert.png) no-repeat 47% 47% #594478}
.slideShowContainerPurple div.scrollButtonHorizontal.scrollPrevious {background: url(../images/prev_horz.png) no-repeat 47% 47% #594478}
.slideShowContainerPurple div.scrollButtonHorizontal.scrollNext {background: url(../images/next_horz.png) no-repeat 47% 47% #594478}
.slideShowContainerPurple .ssPager li img {margin-left:5px;margin-top:5px;}
.slideShowContainerPurple .ssPager {background:#E3E7ED;}

/*Red Styles*/
.slideShowContainerRed {background: transparent;padding: 10px 0}
.slideShowContainerRed .slideshowContent {color: #fff;padding: 6px 0 2px 20px}
.slideShowContainerRed .slideshowContent h2 a{color: #fff;font-size: 0.6em}
.slideShowContainerRed .slideShowNav.indexNav  a{border: 0;padding: 0;background: none;float:left;}
.slideShowContainerRed .slideshowImage img.border,.slideShowContainerRed img.navThumb.border {border: none;padding: 1px}
.slideShowContainerRed .slideshowImage a {border: none}
.slideShowContainerRed .slideshowContent span.readmore {float: right;padding-right: 20px;margin-right:20px;background:url(../images/next_horz.png) no-repeat 95% 47% #690000;height: 32px;width: 120px;
	text-align: center;text-transform: uppercase;font-size: 90%;color:#fff;padding-top: 10px;border-top:1px solid #7A0000;border-bottom: 1px solid #470000;border-right: 1px solid #470000;border-left: 1px solid #7A0000} 
.slideShowContainerRed .ssPager li {}
.slideShowContainerRed .ssPager li a.activeSlide {background:#690000;border-top: 1px solid #7A0000;color:#fff;border-bottom: 1px solid #470000;}
.slideShowContainerRed .ssPager li a {display:block;background:#E3E7ED; border-bottom: 1px solid #AAAEB7;color:#7A0000;position:relative;}
.slideShowContainerRed .bgOverlay {background: url(../images/blackoverlay.png)}
.slideShowContainerRed div.scrollButtonVertical, .slideShowContainerRed div.scrollButtonHorizontal {border-bottom: 1px solid #470000;border-right: 1px solid #470000;
	border-top: 1px solid #7A0000;border-left: 1px solid #7A0000;cursor:pointer;}
.slideShowContainerRed div.scrollButtonVertical.scrollPrevious {background: url(../images/prev_vert.png) no-repeat 45% 45% #690000}
.slideShowContainerRed div.scrollButtonVertical.scrollNext {background: url(../images/next_vert.png) no-repeat 47% 47% #690000}
.slideShowContainerRed div.scrollButtonHorizontal.scrollPrevious {background: url(../images/prev_horz.png) no-repeat 47% 47% #690000}
.slideShowContainerRed div.scrollButtonHorizontal.scrollNext {background: url(../images/next_horz.png) no-repeat 47% 47% #690000}
.slideShowContainerRed .ssPager li img {margin-left:5px;margin-top:5px;}
.slideShowContainerRed .ssPager {background:#E3E7ED;}