﻿body 
{
	margin:0px;
	padding: 0px;
	background: #000000;
	color: #ffffff;
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 12px;
	background: #000 url(../images/top.jpg) repeat-x;
	overflow-x: hidden;
}

.outerContainer
{
	margin: 0 auto;
	width: 1007px;
}

.innerContainer
{
	background: #000 url(../images/finalBkgd.jpg) no-repeat;
	width: 1007px;
	margin: 0 auto;
}

.no99
{
	background: #000 url(../images/bkgdno99.jpg) no-repeat;
	width: 1007px;
}

.clear{clear: both;}
ul li{padding-bottom: 10px;}
ul.fuelList {list-style-type: none;}
sup {font-size:10px;}

object { outline: none; margin:0; padding: 0px; border: none; }
.header{background: url(../images/header.jpg) no-repeat; width:981px; height:179px;}
.headerHome{background: url(../images/headerHome.jpg) no-repeat; width:981px; height:120px;}
.intHeader{background: url(../images/intHeader.jpg) no-repeat; width:1007px; height:177px;}
.linksHeader{background: url(../images/headerLinks.jpg) no-repeat; width:1007px; height:172px;}
.funHeader{background: url(../images/headerFun.jpg) no-repeat; width:1007px; height:176px;}
.fuelHeader{background: url(../images/fuelHeader.jpg) no-repeat; width:1007px; height:175px;}

.subnav {font-family: Tahoma, Arial, Sans-Serif;font-size:11px; font-weight: bold;}
.subnav:link{font-size:11px; color: #fff;text-decoration:none;}
.subnav:visited{font-size:11px; color: #fff;text-decoration:none;}
.subnav:active{font-size:11px; color: #fff;text-decoration:none;}
.subnav:hover{font-size:11px; color: #fff86f; text-decoration:none;}

a:link {font-size:11px; color: #fff86f;text-decoration:none;}
a:visited {font-size:11px; color: #fff86f;text-decoration:none;}
a:active {font-size:11px; color: #fff86f;text-decoration:none;}
a:hover {font-size:11px; color: #fff86f;text-decoration:none;}


a.footer:link{font-size: 9px;color: #fff;text-decoration: underline;}
a.footer:visited{font-size: 9px;color: #fff;text-decoration: underline;}
a.footer:active{font-size: 9px;color: #fff;text-decoration: underline;}
a.footer:hover{font-size: 9px;color: #fff;text-decoration: underline;}

p.footer{font-size: 9px;color: #fff;}

.intfooter{background:url(../images/intfooter.jpg) repeat-x; width:100%; height:85px;}

#home{background: #000; width: 981px; height:631px; margin: 0 auto;}
#homeFooter{color:#fff; width: 981px; height:72px; margin: 0 auto;} 
.download {color: Yellow; font-family: Tahoma; font-size: 10px; font-weight: bold;}

.title{font-family: Tahoma, Sans-Serif; font-size: 19px; margin: 0px;}
.subTitle{font-family: Tahoma, Sans-Serif; font-size: 14px;margin: 0px;}

.sign{background: url(../images/sign.jpg) no-repeat; width: 643px; height:402px;}
.linksBkgd {background: url(../images/bkgdLinks.png) no-repeat; width:1007px; height:515px;}

.funBkgd{background: url(../images/bkgdFun.jpg) no-repeat; width:1007px; height:758px;}
.computer{background: url(../images/computerFun.png) no-repeat; width:554px; height:581px;}
.downloads {font-family: Tahoma, Arial, Sans-Serif;font-size:11px; font-weight: bold;}
.choose {font-family: Tahoma, Arial, Sans-Serif;font-size:14px; font-weight: bold; margin: 0px;}
.sizes {font-family: Tahoma, Arial, Sans-Serif;font-size:13px;margin: 0px;}

a.size:link{font-family: Tahoma, Arial, Sans-Serif;font-size:13px; color: #fff; text-decoration:none;}
a.size:visited{font-family: Tahoma, Arial, Sans-Serif;font-size:13px; color: #fff; text-decoration:none;}
a.size:active{font-family: Tahoma, Arial, Sans-Serif;font-size:13px; color: #fff; text-decoration:none;}
a.size:hover{font-family: Tahoma, Arial, Sans-Serif;font-size:13px; color: #fff; text-decoration:underline;}

.tony99{background: url(../images/tony99.png) no-repeat; width:359px; height:359px;}
.feature{font-family: Tahoma, Arial, Sans-Serif;font-size:17px; color:#fff;}
.vidTitle{font-family: Tahoma, Arial, Sans-Serif;font-size:17px; color: Yellow; font-weight:bold; padding-top:20px;}

.fuelBkgd{background: url(../images/finalBkgd99.jpg) no-repeat; width:1007px;}

.spacer {height:35px;}

a.productLink{font-family: Tahoma, Arial, Sans-Serif;font-size:10px; color: #fff86f;}
a.yellowLink{font-family: Tahoma, Arial, Sans-Serif;font-size:11px; color: #feed00; text-decoration:underline;}
a:hover.yellowLink{text-decoration:none;}
a.greyLink{font-family: Tahoma, Arial, Sans-Serif;font-size:10px; color: #9c9c9c; text-decoration:underline;}
a:hover.greyLink{text-decoration:none;}
a.detailLink {color:#feea00;}
a:hover.detailLink {text-decoration:underline}

.facts {padding: 20px;}

.final{background: url(../images/finalBkgd.jpg) no-repeat; width:1007px;}
.finalHeader{background: url(../images/finalHeader.jpg) no-repeat; width:1007px; height:172px;}

.gallery{background: url(../images/galleryBkgd.png) no-repeat; width:571px; height:474px;}


/*--------------------------------------------------------------------------------------------------*/


div.overlay {
	z-index:9999;
	padding:40px;
	width:476px;
	display:none;
	background-image:url(../images/jquery/blackSolid.png);
}
div.overlay div.close {
	background:url(../images/jquery/close.png) no-repeat;
	position:absolute;
	top:2px;
	right:5px;
	width:35px;
	height:35px;
	cursor:pointer;
}
div.overlay a {
	height:370px;
	display:block;
}
div.video {
	height:143px;
	width:192px;
	border:2px solid #fff;
	outline:1px solid #ccc;
	-moz-outline-radius:4px;
	cursor:pointer;
	text-align:center;
	float:left;
	margin:5px;
}
div.video img {
	margin-top:50px;
}
div.video div.info {
	height:40px;
	background:#000;
	opacity:0.3;
	color:#fff;
	margin-top:2px;
	text-align:left;
	padding:5px 5px;
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:11px;
	border-top:1px solid #ccc;

}
div.video div.info span {
	color:#99FF99;
	display:block;
}

/*-----------------------------------------------------------------------------------*/


/* container for tabs and panes */
#scrollable {
	
	overflow:hidden;
	position:relative;
	border:0;
	border-top:0;
	margin:0px;
	margin-top:0px;
	padding-top:0px;
	background: url(../images/galleryBkgd.png) no-repeat; width:576px; height:474px;
}
 
/* container for panes */
#panes {
	height:500px;
	border-width:0;
	position:absolute;
	width:9000px;
	top:-20px;
}
 
/* single pane */
#panes div {
	width:525px;
	padding-top:20px;
	text-align:center;
	float:left;
	padding-left: 15px;
	padding-right:90px;
}
 
ul.tabs {
	width:548px;
	display:inline;
	list-style-type:none;
}
 
 
/*
 
 
 
 player style 
 
 
 
 
 
*/
/* container has a background image */
a.player {	
	margin-top:40px;
	display:block;
	background:url(../images/splash.jpg) no-repeat;
	width:428px;
	height:298px;
	margin-left:50px;	
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	padding-right:50px;
}
 
/* splash image */
a.player img {
	margin-top:115px;
	border:0;	
}

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #666;
		
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
	width:115px; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/tab.png) no-repeat 0;
	font-size:12px;
	display:block;
	height: 36px;  
	line-height:36px;
	width: 115px;
	text-align:center;	
	text-decoration:none;
	color:#fff;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	cursor:pointer;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:#fff;	
	background:url(../images/tabHover.png);
	background-repeat:no-repeat;
	width:115px;
	height:36px;
}





/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs li.current a {
			
	cursor:default !important; 
	color:#000 !important;
	background:url(../images/tabOn.png);
	background-repeat:no-repeat;
	width:115px;
	height:36px;
}

ul.tabs a.current:hover{
			
	cursor:default !important; 
	color:#000 !important;
	background:url(../images/tabHover.png);
	background-repeat:no-repeat;
	width:115px;
	height:36px;
}




/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}
 