/***************************************/
.rotator {
	width: 699px;
	height: 420px;
	position: relative;
	color: #fff;
	overflow: hidden;
	margin-left:-23px;
}

.rotator img {
margin: 0;
padding:0;
border: none;
}

.tabs_links {
	float: left;
	width:0px;
	height:0px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index:1000;
	
}

.tabs_links li {
	margin: 0;
	float: left;
	border: 1px solid #282828;
	display: inline;
	padding: 0.5em 1em;
	background: #222222;
	background-position: 0 0;
	font-size: 0.875em;
	text-transform: uppercase;
}

.tabs_links li a {
color: #666666;
text-decoration: none;
}

.tabs_links li a:hover {
background: transparent;
}

.tabs_links li.hover { /*--Hover State--*/
	background: #333333;
	background-position: 0 -68px;
	cursor: pointer;
	border: 1px solid #333333;
}
.tabs_links li.hover a { /*--Hover State--*/
	color: #eeeeee;
}

.tabs_links li.rotatorActiveTab { /*--Active State--*/
	background: #444444;
	background-position: 0 -34px;
	cursor: default;
}
.tabs_links li.rotatorActiveTab a { /*--Active State--*/
color: #999999;
}

.panels_list {
margin:0;
padding:0;
font-size: 0.875em;
line-height: 1.5em;
}

.panels_list li {
margin:0;
padding:0;
z-index: 0;
}

.panels_list .panel_information{
	position: absolute;
	bottom: 3em;
	left: 0; /*--Stick the desc class to the bottom of our main image container--*/
	width: 100%;
	display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.panels_list .description{
	width: 97%;
	background: #333;
	padding:1em 1.8em;
}

.rotator .collapse { /*--This is our hide/show tab--*/
/*	background: url(../images/btn_collapse.png) no-repeat left top;*/
	height: 34px;
	width: 22px;
	text-indent: -9999px;
	position: absolute;
	top: -34px;
	right: 10px;
}
.rotator .show {background-position: left bottom;}