@charset "utf-8";

/* 
	JQUERY TOOLS STYLES
	
    root element for the scrollable. 
    when scrolling occurs this element stays still.
	
	SLIDESHOW
*/

#ssPrev{
	background: url('../images/header_slideshow/nav-prev.png') no-repeat;
	width:40px;
	height:22px;
	display:block;
	float:left;
	text-decoration:none;
}
#ssGadmin{
	background: url('../images/header_slideshow/nav-gadmin.png') no-repeat;
	width:80px;
	height:22px;
	display:block;
	float:left;
	text-decoration:none;
}
#ssWebshop{
	background: url('../images/header_slideshow/nav-webshop.png') no-repeat;
	width:82px;
	height:22px;
	display:block;
	float:left;
	text-decoration:none;
}
#ssNext{
	background: url('../images/header_slideshow/nav-next.png') no-repeat;
	width:39px;
	height:22px;
	display:block;
	float:left;
	text-decoration:none;
}
#ssNav a{
	background: url('../images/header_slideshow/nav-num-bg.png') no-repeat;
	width:31px;
	height:22px;
	display:block;
	float:left;
	text-decoration:none;
	color:#8E8E8E;
}
#ssNav a:hover{
	text-decoration:none;
	color:#3A3A3A;
}
#ssNav a.activeSlide{
	background: url('../images/header_slideshow/nav-active-num-bg.png') no-repeat;
	width:31px;
	height:22px;
	display:block;
	float:left;
	color:#d92328;
}
#ssNav, #ssPrev, #ssNext{
	font:bold 17px "Lucida Grande","Lucida Sans Unicode";
	outline: none;
	text-align:center;
}
#top_slideshow{
	z-index:9998;
	position:relative;
	top:400px;
	left:610px;
	width:400px;
	display:block;
}
.ssOneOverlay{
	height:284px;
	width:774px;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
	display:block;
}
.ssOtherOverlay{
	height:400px;
	width:1014px;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
	display:block;
}
a.ssOneOverlay:hover, a.ssOtherOverlay:hover{
	text-decoration:none;
}

.slideshow{
	padding:0;
	margin:-40px 0 0 0;
	z-index:0; /*--------------------------------------------------IMPORTANT slideshow goes under the slide menu----*/
}

#ssOne, #ssTwo, #ssThree, #ssFour, #ssFive, #ssSix, #ssSeven {
	width:1014px;
	height:461px;
	display:block;
	padding:25px 0 0 50px;
	color:#fff;
	font-size:20px;
}
#ssOne{
	background:url(../images/index/slide1.png) no-repeat;
}
#ssTwo{
	background:url(../images/index/slide2.png) no-repeat;
}
#ssThree{
	background:url(../images/index/slide3.png) no-repeat;
}
#ssFour{
	background:url(../images/index/slide4.png) no-repeat;
}

/*
#ssFive{
	background:url(../images/index/slide1.png) no-repeat;
}
#ssSix{
	background:url(../images/index/slide1.png) no-repeat;
}
*/
/*End Slideshow styles*/