/* Stylesheet for the Homepage Adventure Box */

#homegasapanel {
	z-index:10;
}

#gasapanel {
	float: left;
	width: 106px;
	padding: 5px 0 0 0;
	height: 192px;
}


#gasapanel div.item {
	border: none;
}
/* #gasapanel .first {
	padding-left: 28px;
	
} */





#gasapanel div.off {
	color:#000;
	height:60px;
	padding:0px;
	margin-top:0px;
	margin-bottom: 5px;
	margin-right:0px;
	margin-left: 5px;
	float:left;
	z-index:20;
}

#gasapanel div.on {
	color:#000;
	padding:0px;
	margin-bottom: 5px;
	margin-top:0px;
	margin-right:0px;
	margin-left: 5px;
	float:left;
	height:60px;
	z-index:100;

}

#gasapanel div.on .thumb-overlay {
background-image:none;
}

#gasapanel div.off .thumb-overlay {
background: url("/images/home/panel/overlay-black.gif");
background-repeat:repeat;
width:120px;
height:64px;

}

#gasapanel .thumb1 {
height:60px;
width:100px;
background: url("/images/video/harrisonford_tn.jpg") ;

}

#gasapanel .thumb2 {
height:60px;
width:100px;
background: url("/images/video/freeman_tn.jpg") ;

}


#gasapanel .thumb3 {
height:60px;
width:100px;
background: url("/images/video/drgitlow_tn.jpg") ;

}


#last {
margin-bottom: 0px;
}


div.hide {
	display:none;
	width:0;
	overflow:hidden;
}

div.show {
	background-color:#022950;
	height:179px;
	width:320px;
	float:left;
	color:#fff;
	position:relative;
	z-index:1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-image: url('/images/video/gasa_video_pane.gif');
}

div.show img {
	float:left;
	margin-top:5px;
}


div.gasapaneltext {
font-size: 11px;
line-height: 18px;
font-family:Arial, Helvetica, sans-serif;
padding: 5px;
clear:both;
height:53px;

}

div.gasapaneltext h4 {
font-size: 16px;
font-weight: bold;
margin: 0;
}

div.gasapanellink {
background: url("/images/home/panel/gasapanel/panelbg2.jpg");
background-position: bottom; 
background-repeat:no-repeat;
text-align:right;
text-transform:uppercase;
font-weight:bold;
width:364px;
height:20px;
color:#ffffff;

}

div.gasapanellink a {
color: #ffffff;
text-decoration:none;
display:block;
padding: 0 10px 0 0;
}

div.gasapanellink a:link {
color: #ffffff;
text-decoration:none;
display:block;

}

div.gasapanellink a:hover {
color: #ffffff;
text-decoration:none;
display:block;
}

div.gasapanellink a:visited {
text-decoration:none;
display:block;
}

div.gasapanel1 {
height: 190px;
background: url("/images/home/panel/gasapanel/panel1.jpg") ;

}

div.gasapanel2 {
height: 190px;
background: url("/images/home/panel/gasapanel/panel2.jpg") ;

}

div.gasapanel3 {
height: 190px;
background: url("/images/home/panel/gasapanel/panel3.jpg") ;

}

div.gasapanel4 {
height: 190px;
background: url("/images/home/panel/gasapanel/panel4.jpg") ;

}

#primary #homegasapanel .show h1 {
color: #fff;
padding:0px;
margin:0px;
position:relative;
top:100px;
right: 15px;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
background:none;
font-size:23px;
line-height: 28px;
font-weight:bold;
width: 100%;
}

#primary #homegasapanel .show a:link, #primary #homegasapanel .show a:hover, #primary #homegasapanel .show a:visited {

cursor: pointer;

}

a.rm {
	text-transform: uppercase;
	color:#FFF;
	float:right;
	font-weight:bold;
	padding-right: 5px;
	padding-top:5px;
}

#homegasapanel a:hover {
	color:#ffffff;
	text-decoration:underline;
}



.button { 
	display: block;
	position: relative;
	padding: 5px; 
	float: right; 
	color: #fff; 
	text-decoration: none; 
	cursor: pointer;
	text-transform:uppercase;
	margin-right:5px;
	}
	
.button * { 
	font-style: normal; 
	background-image: url(/images/home/panel/gasapanel/buttontest.png); 
	background-repeat: no-repeat; 
	display: block;
	position: relative; 
	color:#bf3600;
	font-weight:bold;
	
	}
	
.button i { 
	background-position: top left; 
	position: absolute; 
	margin-bottom: -5px; 
	top: 0; 
	left: 0; 
	width: 5px;
	height: 5px; 
	}
	
.button span {
	background-position: bottom left; 
	/* left: -5px; */
	padding: 0 0 5px 10px; 
	/* margin-bottom: -5px; */
	
	}
	

.button span i { 
	background-position: bottom right; 
	margin-bottom: 0; 
	position: absolute; 
	left: 100%; 
	width: 10px; 
	height: 100%; 
	top: 0;
	color:#F00;
	}
	
.button span span { 
	background-position: top right; 
	position: absolute; 
	right: -10px; 
	margin-left: 10px; 
	top: -5px; 
	height: 0;
	color:#F00;
	
	}