.tableSlide { border-collapse: collapse; }
#mainSlide {
	padding: 0; 	
}
#controls {
	float: left;
	padding: 0px;
	margin: 0 3px 0 -5px;
}
#controls a {
	display: block;
	margin: 0; padding:0px 0px;
	width:17px; height:17px;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/pause.png' ) 0 0 no-repeat;
}
#controls a:hover { background-position: -17px 0px;}

#nav {
	background:#fff;
	text-align: left;
	float: left;
	width: 100%;
	position: relative;
}
#nav a.activeSlide { 
	background: #fff;
	color: #141414;
}
#nav a:focus { outline: none; }
#nav a, #slideshow strong {
	color: #8b8b8b; 
	margin: 0 5px;
	border: 1px solid #fff; 
	/*background: #fff;*/
	text-decoration: none;
}

#rowHolder {
		position:absolute;	/* This fixes the IE7 overflow hidden bug */
		width:100%;			/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
		left: 0px;
		bottom: 0px;
		width: 100%;
		height: 20px;
}
#prev a {
	display: block;
	margin: 0; padding:0px 0px;
	width:17px; height:17px;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/rew.png' ) 0 0 no-repeat;
}
#next a {
	display: block;
	margin: 0; padding:0px 0px;
	width:17px; height:17px;
	overflow:hidden;
	text-decoration: none;
	background: url( 'images/fwd.png' ) 0 0 no-repeat;
}
#prev a:hover, #next a:hover {
	 background-position: -17px 0px;
}
	
#prev,
#pager,
#next {
		float:left;
		padding:0 0 1em 0;
		overflow:hidden;
}
	
.slides {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 136px;
	width: 308px;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
}

.slides img {
	background-color:#fff;
	border: 0;
/*	border:1px solid #8C9F68; */
	padding:0px;
}

#pager a { margin: 2px }
#pauseButton {
	cursor: pointer;
}
#resumeButton {
	cursor: pointer;
}