/* GLOBAL */

object { outline:none}

a{
	outline:none;
}

html, body{
   margin: 0;
   padding: 0;
   width: 100%;
   font-family: arial;
   font-size: 12px;
   color: #000;
}

h1 {
	font-size: 54px;
	color: #FFFFFF;
	font-family: Helvetica;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
/*
a:active, a:focus { outline: 0;}
*/

.lyrRel{ position: relative; width: 100%; }

.clearLeft{clear: left;}

/* Panel Layout */

.video{
	width: 100%;
    margin: auto;
    text-align: center;
}

#panel{
   width: 898px;
   margin: 0 auto;
}
#panelnav{
   width: 898px;
   height: 33px;
   background: url(../images/nav.gif) no-repeat 0 0;
}
#panelmain{
   position: relative;
   width: 898px;
   height: 520px;
}
#panelimg{
   position: absolute;
   width: 898px;
   height: 473px;
   z-index: -100;
}
#panelimg2, #panelimg3{
   position: absolute;
   top: 0; left: 0;
   width: 898px;
   height: 473px;
   z-index: 11;
   display: none;
}
#panelcontent{
	display: none;
	position: absolute;
	left: 5px; top: 10px;
	width: 880px;
	height: 450px;
	overflow: hidden;
	z-index: 5;
}

.panelText {
	padding-left: 128px;
	padding-top: 64px;
	width: 400px;
}

#panelContent{
	width: 758px;
	height: 100%;
	top: 18px;
	padding-top: 64px;
	padding-left: 64px;
	position: absolute;
	z-index: 500;
	overflow: auto;
}

#panelContent p{
	color: #FFFFFF;
	font-size: 15px;
	line-height: 140%;
}

#panelnarr{
	position: absolute;
   padding: 7px 0 7px 0;
   z-index: 10;
   bottom: 0px;
}

/* Panel Navigation */

#navLayer {
	float: right;
	height: 20px;
	padding-right: 12px;
}

.nav{
  position: relative;
  top: -3px;
  height: 16px;
  padding-right: 8px;
  padding-left: 8px;
  display: inline;
}

.navSpacer
{
	position: absolute;
	top: 14px;
}

#nav0 {
    left: -190px;
    top: -6px;
}
/* Panel Next/Back Buttons */

#nextbtn, #nextbtnbg{
   position: absolute;
   top: 196px;
   left: 866px;
   width: 30px;
   height: 51px;
}
#nextbtn{ z-index: 20; }
#nextbtnbg{
   z-index: 15;
   background: url(../images/next.png) no-repeat 0 0;
}
#backbtn, #backbtnbg{
   position: absolute;
   top: 196px;
   left: 1px;
   width: 30px;
   height: 51px;
}
#backbtn{ z-index: 20; }
#backbtnbg{
   z-index: 15;
   background: url(../images/back.png) no-repeat 0 0;
}


/* Start / index */

#takejourney{
   position: absolute;
   top: 250px;
   left: 724px;
   width: 124px;
   height: 29px;
   z-index: 10;
}


/* Frame 9 */

#fr9icon1, #fr9icon2, #fr9icon3, #fr9icon4, #fr9icon5 {
   position: absolute;
   height: 61px;
   z-index: 15;
}
#fr9icon1{
   top: 158px;
   left: 94px;
   width: 68px;
}
#fr9icon2{
   top: 233px;
   left: 94px;
   width: 68px;
}
#fr9icon3{
   top: 324px;
   left: 79px;
   width: 99px;
}
#fr9icon4{
   top: 201px;
   left: 772px;
   width: 68px;
}
#fr9icon5{
   top: 293px;
   left: 770px;
   width: 68px;
}


/* Frame 15 - Final Frame */

#locator{
   position: absolute;
   top: 118px;
   left: 628px;
   width: 224px;
   height: 32px;
   z-index: 15;
}
#infolinks{
   position: absolute;
   top: 235px;
   left: 628px;
   width: 124px;
   height: 100px;
   z-index: 15;
}
#infolinks div{
   height: 19px;
}
#takejourneyagain{
   position: absolute;
   top: 345px;
   left: 306px;
   width: 183px;
   height: 22px;
   z-index: 15;
}
#expand{
   position: absolute;
   top: 453px;
   left: 427px;
   width: 29px;
   height: 17px;
   z-index: 15;
}
#expandclose{
   position: absolute;
   top: 391px;
   left: 427px;
   width: 29px;
   height: 17px;
   z-index: 15;
   visibility: hidden;
}
#linkengine{
   position: absolute;
   top: 410px;
   left: 424px;
   width: 36px;
   height: 51px;
   z-index: 15;
   visibility: hidden;
}
#linkfueltank{
   position: absolute;
   top: 412px;
   left: 264px;
   width: 43px;
   height: 47px;
   z-index: 15;
   visibility: hidden;
}
#linklocate{
   position: absolute;
   top: 413px;
   left: 570px;
   width: 71px;
   height: 45px;
   z-index: 15;
   visibility: hidden;
}


/* Our Fuel */
#clickgasoline1{
   position: absolute;
   top: 142px;
   left: 179px;
   width: 50px;
   height: 12px;
   z-index: 15;
}
#clickdiesel1{
   position: absolute;
   top: 212px;
   left: 65px;
   width: 58px;
   height: 12px;
   z-index: 15;
}
#clickgasoline2{
   position: absolute;
   top: 344px;
   left: 43px;
   width: 88px;
   height: 17px;
   z-index: 15;
}
#clickdiesel2{
   position: absolute;
   top: 344px;
   left: 142px;
   width: 102px;
   height: 17px;
   z-index: 15;
}


/* Our Locations (faking an image map for links */

#ourlocator{
   position: absolute;
   top: 142px;
   left: 51px;
   width: 224px;
   height: 32px;
   z-index: 15;
}
#advsearch{
   position: absolute;
   top: 211px;
   left: 302px;
   width: 91px;
   height: 14px;
   z-index: 15;
}
#downloadgps{
   position: absolute;
   top: 283px;
   left: 355px;
   width: 116px;
   height: 26px;
   z-index: 15;
}
#appstore{
   position: absolute;
   top: 388px;
   left: 163px;
   width: 56px;
   height: 14px;
   z-index: 15;
}
#androidmarket{
   position: absolute;
   top: 388px;
   left: 284px;
   width: 84px;
   height: 14px;
   z-index: 15;
}
#downloadapp{
   position: absolute;
   top: 370px;
   left: 395px;
   width: 117px;
   height: 42px;
   z-index: 15;
}
#downloadandroid{
   position: absolute;
   top: 370px;
   left: 519px;
   width: 117px;
   height: 42px;
   z-index: 15;
}
#googleperms{
   position: absolute;
   top: 425px;
   left: 313px;
   width: 72px;
   height: 14px;
   z-index: 15;
}

/* Speedpass */

#sgnupspeedpass{
   position: absolute;
   top: 349px;
   left: 40px;
   width: 183px;
   height: 19px;
   z-index: 15;
}


/* Credit Cards */

#lrnmorecc{
   position: absolute;
   top: 391px;
   left: 40px;
   width: 279px;
   height: 17px;
   z-index: 15;
}


/* Header */

#top{
	height: 80px;
}

#top #logo{
	padding: 20px 0px 0px 0px;
	float: left;
	display: inline;
}

#sitenav{
	float: right;
	display: inline;
	padding: 50px 7px 0px 0px;
}

#sitenav ul{
	list-style-type: none;
	margin: 0;
	padding:0;
}

#sitenav ul li{

   float: left;
   display: inline;
   padding:0;
   margin: 0;
}


/* Footer */

#footer{
  width: 100%;
  padding: 15px 0px 0px 0px;
  font-size: 10px;
  color: #666;
}

#footer a{
  font-size: 10px;
  color: #666;
  text-decoration: none;
}

#footer-content{
padding-top: 20px;
  width: 425px;
  margin: 0 auto;
}

#footerline1, #footerline2, #footerline3{
  text-align: center;
  padding-bottom: 6px;
}

#footer span{line-height: 10px;}

span img{
  position: relative; top: 2px;
}

span.spacer img{
  position: relative; top: 4px;
}

.footer-img{
	padding-right: 23px;
}


/* No Flash Message */

#homeTitle{
	top: 164px;
	left: 24px;
	position: absolute;
}

#yellowCTA{
	top: 344px;
	position: absolute;
	left: 1px; 
	z-index: 600;
}

#downloadFlash{
	display: none;
	padding-top: 34px;
	padding-right: 39px;
	float: right;
	position: relative;
}

#flashLogo {
	float: right;
}

#noFlash{
	float: right;
   position: relative;
   width: 58px;
   height: 58px;
   z-index: 200;
}

#noFlashTxt{
	top: 12px;
	right: 24px;
	position: relative;
	text-align: right;
	width: 450px;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	z-index: 100;
}

#noFlashTxt a{
   color: #66c0ff;
   text-decoration: none;
}