﻿.slideshow {
position:relative;
width:608px;
height:228px;
align:center;

}
.slideshow a img {
border:solid 2px #103e8e;
}
.slideshow li.slide {
list-style-type:none;
}
.slideshow .slides {
height:228px;
padding:0;	
}
.slideshow .slides li.slide {
visibility:hidden;
position:absolute;
left:0px;
top:0;
}
.slideshow .buttons {
display:block;
position:absolute;
z-index:100;
left:425px;
margin:-40px 0 0 0;
}
.slideshow .buttons div {
float:left;
display:inline;
width:24px;
height:24px;
margin:0;
padding-left:4px;
line-height:24px;
}
.slideshow .buttons div a {
font-size:11px;
font-family: Arial, sans-serif;
text-align:center;
float:left;
text-decoration:none;
width:24px;
height:24px;
color:#554d31;
outline:0;
background-image:url(../Images/icons/lightgrey.png);
background-repeat:no-repeat;
}
.slideshow div.buttons div a:hover {
text-decoration:none;
color:#0a0a0a;
}
.slideshow div.buttons div.active a:hover,
.slideshow div.buttons div.active a {
color:#ffffff;
float:left;
background-image:url(../Images/icons/darkgrey.png);
background-repeat:no-repeat;
}
.SliderpreLoader
{	
	background:#fff url(../images/Loading.gif) no-repeat;
	background-position:center;	
}
/* end: slideshow */



/*--Main Container--*/
.show_main_view
{
	float: left;
	position: relative;
	height:240px;
}
/*--Window/Masking Styles--*/
.show_window
{
	height: 230px;
	width: 600px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.show_image_reel
{
	position: absolute;
	top: 0;
	left: 0;
}
.show_image_reel img
{
	float: left;
	width: 600px;
	height:220px;
}
 

/*--Paging Styles--*/
.show_paging
{
	position: absolute;
	top: 200px;
	right: -7px;
	width: 200px;
	height: 47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px; /*background: url(../images/paging_bg2.png) no-repeat;*/ /*--Hidden by default, will be later shown with jQuery--*/
}
.show_paging a
{
	padding: 5px 8px;
	text-decoration: none;
	color: #fff;
	background: url(../Images/icons/lightgrey.png) no-repeat;
}
.show_paging a.active
{
	background: url(../Images/icons/darkgrey.png) no-repeat;
}

.show_paging a:hover
{
	font-weight: bold;
}

