/* Slideshow (jQuery Cycle)
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.slideshow-wrapper {
	position:relative;
	width:640px;
	margin:0;
}
ul.slideshow {
	list-style:none outside none;
	margin:0;
	padding:0;
	/* Slideshow: */
	position:relative;
	width:640px;
	height:380px;
}
.slideshow .slide {
	display:block;
	width:720px;
	height:340px;
	left:0;
	top:0;
}

/* Navigation */
.slideshow-wrapper .browse-button {
	text-decoration:none;
	text-indent:-999px;
	overflow:hidden;
	visibility:hidden;
}
.slideshow-wrapper:hover .browse-button { visibility:visible; }
.slideshow-wrapper .backward {
	position:absolute;
	left:10px;
	top:45%;
	background:url(../../images/infortis/super-slideshow/slideshow-arrows.png) 0 0 no-repeat;
	width:50px;
	height:50px;
}
.slideshow-wrapper .backward:hover { background-position:0 -50px; }
.slideshow-wrapper .forward {
	position:absolute;
	right:10px;
	top:45%;
	background:url(../../images/infortis/super-slideshow/slideshow-arrows.png) -50px 0 no-repeat;
	width:50px;
	height:50px;
}
.slideshow-wrapper .forward:hover { background-position:-50px -50px; }

/* Navigation goes up (Z-axis) */
.slideshow-wrapper .browse-button,
.slideshow-wrapper .tab-pager { z-index:50; }



/* Main slideshow on home page
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.the-slideshow .tab-pager {
	position:absolute;
	bottom:15px;
	right:15px;
}
.the-slideshow .slideshow { background-color:#fff; }

/* Fix: prevent showing all slides while loading */
.the-slideshow .slideshow .slide { display:none; overflow:hidden; }
.the-slideshow .slideshow .slide.first { display:block; }

.the-slideshow .slideshow .slide img {}

/* Elements in slides
-------------------------------------------------------------- */
.the-slideshow {
	color:#333;
/*	text-shadow:1px 1px 2px rgba(0, 0, 0, 0.4);
	font-size:18px;*/
}
.the-slideshow h2,
.the-slideshow h3,
.the-slideshow h4,
.the-slideshow h5,
.the-slideshow h6,
.the-slideshow a { color:#333; }



/* Universal navigation pager for tabs and slideshow
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
*/
.tab-pager a {
	float:left;
	width:20px;
	height:20px;
	margin-right:3px;
	text-align:center;
	overflow:hidden;
	text-indent:-999px;
}

/* Tab pager: simple gray rounded rectangles
-------------------------------------------------------------- */
.tab-pager.tab-pager-simple a {
	background-color:#eee;
	color:#777;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow:inset 0px 1px 1px rgba(0, 0, 0, 0.2);
}
.tab-pager.tab-pager-simple a.current, /*jQuery Tools*/
.tab-pager.tab-pager-simple a.activeSlide, /*jQuery Cycle plugin*/
.tab-pager.tab-pager-simple a:hover { background-color:#ccc; }

/* Tab pager: image background
-------------------------------------------------------------- */
.tab-pager.tab-pager-img a { background:0 0 no-repeat transparent; }
.tab-pager.tab-pager-img a.current,
.tab-pager.tab-pager-img a.activeSlide { background-position:0 -30px; }
.tab-pager.tab-pager-img a:hover { background-position:0 -60px; }

/* Light gray rounded squares */
.tab-pager.tab-pager-rounded-lgray a { background:url(../../images/infortis/super-slideshow/tab-pager-rounded-lgray.png) 0 0 no-repeat transparent; }

/* Light gray circles */
.tab-pager.tab-pager-circle-lgray a { background:url(../../images/infortis/super-slideshow/tab-pager-circle-lgray.png) 0 0 no-repeat transparent; }

/* Light gray rings */
.tab-pager.tab-pager-ring-lgray a { background:url(../../images/infortis/super-slideshow/tab-pager-ring-lgray.png) 0 0 no-repeat transparent; }