﻿/* container for slides */
.images {
	background: url(../img/css/slideshow-bg.png);
	/* cursor: pointer; */
	float: left;	
	height: 320px;
	margin: 0;
	overflow: hidden;
	position: relative;	
	width: 952px;
}

/* single slide */
.images div {
	color: #fff;
	display: none;
	font-family: "Arial", "Helvetica", "Helvetica Neue", "Verdana", sans-serif;
	font-size: 13px;
	height: 320px;
	left: 0;		
	line-height: 16px;
	margin: 0;
	padding: 69px 30px 15px 34px;
	position: absolute;
	top: 0;
	width: 952px;
}

/* header */
.images h3 {
	font-family: "TheSans-B7Bold", "Arial", "Helvetica", "Helvetica Neue", "Verdana", sans-serif;
	font-size: 25px;
	font-weight: bold;
	line-height: 28px;
	margin: 0 0 12px 0;
	color: White;
}

.images .slide-copy { margin-top: 20px; }

.slideshow-links, #flash .images .slideshow-links {
	font-size: 12px;
	font-weight: bold;
	list-style-image: url(../img/css/slideshow-bullet.png);
	padding-left: 12px;
}

.slideshow-links a { color: #f5b106; text-decoration: none; }
.slideshow-links a:hover { color: #fff; }
.slideshow-links a:active { color: #f5b106; }

.slidetabs-wrap
{
	background: url(../img/css/slideshow-tabs-bg.png) 0 0 no-repeat;
	clear: both;
	display: block;
	height: 37px;
	width: 952px;
}

/* tabs (those little circles below slides) */
.slidetabs { margin-left: 426px; }

/* single tab */
.slidetabs a {
	background: url(../img/css/slideshow-navigator.png) 0 0 no-repeat;
	display: block;
	float: left;
	font-size: 1px;		
	height: 8px;
	margin: 9px 6px 6px 6px;
	width: 8px;
}

/* mouseover state */
.slidetabs a:hover { background-position: 0 -8px; }

/* active state (current page state) */
.slidetabs a.current { background-position: 0 -16px; } 	


/* prev and next buttons */
.forward, .backward {
	background: url(../img/css/slideshow-arrows.png) 0 0 no-repeat;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 1px;
	height: 20px;
	margin-top: 3px;
	text-indent: -9999em;
	width: 20px;
}

/* next */
.forward { background-position: 0 -20px; clear:right; margin-left: 20px; }
.forward:hover { background-position: -20px -20px; }
.forward:active { background-position: -40px -20px; } 


/* prev */
.backward { margin-left: 386px; }
.backward:hover { background-position: -20px 0; }
.backward:active { background-position: -40px 0; }

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

#flash .images ul, #flash .images ol
{
	margin: 1em 0 1em 0; /* taken from WebKit default stylesheet http://trac.webkit.org/browser/trunk/WebCore/css/html.css?format=txt */
	padding-left: 40px;
}
#flash .images li
{
	list-style: disc;
	background: transparent;
	margin: 0;
	padding: 0;
}
#flash .images .slideshow-links li
{
	list-style-image:url("../img/css/slideshow-bullet.png");
}
