/* container for slides */
.images {
	/*background:#fff url(../graphics/h300.png) repeat-x;
	border:1px solid #666;*/
	position:relative;	
	height:300px;
	
	width:950px;
	float:left;	
	/*margin:15px;
	/*cursor:pointer;*/
	
	/* CSS3 tweaks for modern browsers */
	/*-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 25px #666;
	-webkit-box-shadow:0 0 25px #666;	*/
}

/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	/*margin:7px;
	padding:15px 30px 15px 15px;*/
	height:300px;
	font-size:12px;
}




.tabs {
	position: absolute;
	display: block;
	width: 240px;
	height: 54px;
	/*float: right;*/
	margin-top: 235px;
	margin-left: 705px;
	z-index: 100;
}

/* single tab */
.tabs a {
	width:50px;
	height:50px;
	float:left;
	margin-left:5px;
	background-image: url(../graphics/tabs_slideshow_back.png);
	background-repeat: no-repeat;
	display: inline-block;
	font-size:1px;		
	background-color: #fff;
	/*-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;*/
	border: 2px solid #fff;
}

.tabs a#t1{
	background-position: 0px bottom;
}

.tabs a#t2{
	background-position: -55px bottom;
}

.tabs a#t3{
	background-position: -110px bottom;
}

.tabs a#t4{
	background-position: -165px bottom;
}

.tabs a#t1:hover{
	background-position: 0px top;
}

.tabs a#t2:hover{
	background-position: -55px top;
}

.tabs a#t3:hover{
	background-position: -110px top;
}

.tabs a#t4:hover{
	background-position: -165px top;
}

/***********/

.tabs a#t1.current{
	background-position: 0px top;
}

.tabs a#t2.current{
	background-position: -55px top;
}

.tabs a#t3.current{
	background-position: -110px top;
}

.tabs a#t4.current{
	background-position: -165px top;
}

.tabs a:hover {
	border-color: #e3e3e3;
}


/* active state (current page state) */
.tabs a.current {
	border-color: #e3e3e3;
} 	



.slideshow_controlers{
	display: block;
	position: absolute;
	z-index: 100;
	width: 48px;
	height: 24px;
	float: right;
	margin-top: 265px;
	margin-left: 895px;
	
	background-color: black;
}

a.forward , a.backward{
	background-image:url(../graphics/next_prev_button.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 22px;
	display: block;
	white-space: nowrap;
	text-decoration: none;
	color: #a51c37;
	text-indent:-9999em;
	border: 1px solid #d2d2d2;
	float: left;
	cursor: pointer;
}

a.forward{
	background-position: right bottom;
	
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}

a.backward{
	background-position: left bottom;
	
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
}
/* next */
a.forward:hover{
	background-position: right top;
}
/* prev */
a.backward:hover{
	background-position: left top;
}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}