/*Images are 455x280 */

.sliderwrapper {
	position: absolute; /*leave as is*/
	overflow: hidden; /*leave as is*/
	background: #000033;
	width: 455px; /*width of featured content slider*/
	height: 309px;
}

.contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	background-color: #000033;
	width: 455px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.contentdiv_visible {
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	background-color: #000033;
	width: 455px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/*
.next_prev {
	height:18px;
	padding: 2px 3px 0 3px;
	margin: 0 2px 0 2px;
	border-style: solid;
	border-width:1px;
	border-color: #ffffff;
	background: #ff9900;
}

.next_prev a {
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
}

.the_links {
	width:16px;
	height:17px;
	padding: 2px 3px 0 2px;
	margin: 0 2px 0 2px;
	border-style: solid;
	border-width:1px;
	border-color: #000033;
	background: #ff9900;
	font-family:arial;
}
	
.the_links a {

}
*/

.pagination {
	width: 455px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	height: 25px;
	text-align: left;
	padding-left: 5px;
	z-index:10;
	position:relative;
	top:280px
}

.pagination a {
  display: block;
  background-position: 0 0;
  margin: 0 auto;
  overflow: hidden
}

.pagination a.selected {
	background-position: 0 -21px;
}

a.toc:hover { background-position: 0 -21px; }
a.button_pause:hover { background-position: 0 -25px; }
a.button_play:hover { background-position: 0 -25px; }

.toc_td {
	padding-right:3px;
	padding-top: 3px;
}

.toc_td_play {
	padding-right:3px;
}

.button_play,.button_pause { width: 27px;height: 25px }
.button_play { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/play_big.gif); }
.button_pause { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/pause_big.gif); }

#button1,#button2,#button3,#button4,#button5,#button6,#button7,#button8,#button9,#button10,#button11,#button12,#button13,#button14,#button15 { width: 23px;height: 21px }
#button1 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_01.gif); }
#button2 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_02.gif); }
#button3 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_03.gif); }
#button4 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_04.gif); }
#button5 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_05.gif); }
#button6 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_06.gif); }
#button7 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_07.gif); }
#button8 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_08.gif); }
#button9 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_09.gif); }
#button10 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_10.gif); }
#button11 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_11.gif); }
#button12 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_12.gif); }
#button13 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_13.gif); }
#button14 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_14.gif); }
#button15 { background-image: url(http://i.cdn-surfline.com/home/hp_dhtml/button_15.gif); }