@charset "utf-8";
/* CSS Document */
#rotatorWrap 
{
    height: 360px;
	width: 990px;
	padding: 0 0 2px 0;
	background-color: #1e1e1e; 
}
#rotator {
	
	height: 360px;
	position: relative;
	width: 988px;
}

#rotator .pane {
background-color:black;
background-position:center 0;
background-repeat:no-repeat;
bottom:6px;
color:white;
height:349px;
overflow:hidden;
position:absolute;
}
#rotator .rotatorOpen {
border:1px solid #898989;
bottom:1px;
height:359px;
width:748px;
z-index:9;
background-position:center 0;

}
#rotator .rotatorClosed {
border-right:1px solid #898989;	
width: 60px;
background-position: center -353px;
}
#rotator .rotatorClosed:hover{
	width: 60px;
	background-position: center 0;
}

.largeImageHitArea 
{
    height:349px;
    width:799px;
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index:5;
       
    
}
.rotatorOpen .largeImageHitArea  
{
    display:block;

}



#rotator .clickTrigger span 
{
    position:absolute;
    bottom:0;
    left: 0;
    padding:0 5px 20px 5px;
    width:auto;
    display:block;
    font-size:13px;
    font-weight:bold;   
    line-height:16px;
    color:#efefef;
	height: auto;
	background: #000;
}

#rotator a.clickTrigger:hover,
#rotator a.clickTrigger:hover span 
{
    text-decoration:none;
     color:#2998FF;
}
#rotator .rotatorOpen .clickTrigger {
	display: none;
	position:relative;
}
#rotator .rotatorClosed .clickTrigger {
	display: block;
	height: 347px;
	position: absolute;
	width: 100%;
	background:url(/media/RFG/rotator_trigger_bg2.png) repeat-x bottom left;
	border:1px  solid #898989;
}

#rotator .rotatorClosed .clickTrigger:hover {
	background:url(/media/RFG/rotator_trigger_bg3.png) repeat-x bottom left;
}

#rotatorWrap .rotatorPlayPause {
	background:url(/media/RFG/home_rotator_play.gif) no-repeat 0 0;
	bottom: 15px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	right: 14px;
	width: 17px;
	display:none;
}
#rotatorWrap .rotatorTimerRunning .rotatorPlayPause 
{
    background:url(/media/RFG/home_rotator_pause.gif) no-repeat 0 0;
}
#rotator .rotatorOpen .rotatorPlayPause 
{
    display:block;
    z-index:99;
}
#rotator.rotatorTimerRunning .rotatorPlayPause {
	background-position: top left;
}

#rotator .content {
	height: 94px;
	left: 0;
	padding: 24px 24px 30px;
	position: absolute;
	bottom:0;
	width: 704px;
	background:url(/media/RFG/rotator_open_bg.png) repeat-x bottom left;
	
	color:#a3a3a3;
	font-size:11px;
}
#rotator .content .description 
{
    margin:5px 0 10px;
}
#homepageBanner #rotator h2 {
	margin: 0;
	font-size:35px;
	line-height:38px;
	color:#efefef;
	font-weight:normal;
}

#rotator h2 a {
	color: #efefef;
	text-decoration: none;
}

#rotator h2 a:hover {
	color: #eee;
}

#homepageBanner #rotator ul {
	
	margin: 0;
	padding: 0;
	position:absolute;
	bottom:20px;
	left:25px;
	z-index:20;
}

#rotator li {
	clear: none;
	float: left;
	list-style: none;
	margin: 0 10px 0 0;
	padding: 0;
	
}

#rotator li a {
	
	color: #2986d8;
	float:left;
	margin-right:5px;
	font-size:12px;
	padding-right:12px;
	background:url(/media/RFG/home_rotator_link_arrow.gif) no-repeat right 5px;
	text-decoration: none;
}

#rotator li a:hover {
	color:#efefef;
	background-position:right 5px !important;
}
	
