/* general styles */
body {
 font-family: arial, verdana, sans-serif; 
 font-size: .8em;
 margin: 0;
 padding: 0;
 text-align: center; 
 background-color: #fff; }
a:link, a:active, a:hover, a:focus, a:visited { text-decoration: none; color: #0a5599; }
a:hover { text-decoration: underline; }
p { margin: 0 0 1em 0; }
ul { margin: 0; padding: 0; }
#rightContent ul { margin: 0 0 0 15px; }
.noBullets { margin: 0; list-style: none; }
ol { margin: 0 0 0 2.2em; padding: 0; }
sup { font-size: .7em; }
h1 {
	font-size: 1.5em;
	font-weight: normal;
	color: #0037a4;
  text-align: left;
  margin: 1em 0 0 0;
  padding: 0; }
h2 {
  font-size: 1.1em;
	font-weight: bold;
	color: #000;
  text-align: left;
  margin: 0 0 5px 0; }
.clear {
  clear: both;
  margin: 0; 
  padding: 0;
  overflow: hidden;
  visibility: hidden; }
.noMargin { margin: 0; }
.bottomMargin5 { margin-bottom: 5px; }
.bottomMargin10 { margin-bottom: 10px; }
.bottomMargin30 { margin-bottom: 30px; }
.bottomMargin1em { margin-bottom: 1em; }
.topMargin5 { margin-top: 5px; }
.topMargin10 { margin-top: 10px; }
.topMargin20 { margin-top: 20px; }
.topMargin40 { margin-top: 40px; }
.topMargin1em { margin-top: 1em; }
.rightMargin8 { margin-right: 8px; }
.leftMargin30 { margin-left: 30px; }
.skipNav { position: absolute; left: -1000em; }
.right { float: right; }
.left { float: left; }
.txtRight { text-align: right; }
.txtLeft { text-align: left; }
.red { color: #c00; }
.yellow { color: #f90; }
.gray { color: #666; }
.largeGray { color: #666; font-size: 1.5em; }
.largeText { font-size: 1.2em; }
.breadcrumb { margin: 5px 0 0 0; }
.grayBar { 
  background-color: #999;
  padding: 10px 0 10px 19px;
  width: 555px;
  color: #fff;
  font-weight: normal; }
h2.grayBar { font-size: 1.4em; font-weight: normal; line-height: .8em; }
/* end general styles */


/* top navigation */ 
#globalNav { background-color: #000; }
#globalNav ul { 
  margin-left: 0;
  padding-left: 0; }
#globalNav ul li { 
  font-size: 1.3em;  
  list-style: none;
  border-right: 1px solid #fff; 
  padding: 0 15px 0 15px; }
#globalNav ul li { float: left; }
#globalNav ul li.first { padding-left: 204px !important; }
#globalNav ul li.last { border-right: none; }
#globalNav a:link, #globalNav a:active, #globalNav a:focus, #globalNav a:visited { 
  color: #fa0;
  text-decoration: none; }
#globalNav a:hover { color: #fff; }
#spacing { padding-top: 8px; height: 29px; }
#home #globalNav #navHome, 
#stations #globalNav #navStations, 
#canada #globalNav #navStations,
#puertoRico #globalNav #navStations,
#services #globalNav #navServices,
#transmission #globalNav #navServices,
#airFilter #globalNav #navServices,
#differential #globalNav #navServices,
#injector #globalNav #navServices,
#oilChange #globalNav #navServices,
#radiator #globalNav #navServices,
#products #globalNav #navProducts,
#motorOils #globalNav #navProducts,
#coolants #globalNav #navProducts,
#fuelAdditives #globalNav #navProducts,
#otherProducts #globalNav #navProducts,
#warranty #globalNav #navProducts,
#carCare #globalNav #navCare,
#promotions #globalNav #navPromotions,
#know #globalNav #navCare,
#generalTips #globalNav #navCare,
#winterTips #globalNav #navCare,
#savingTips #globalNav #navCare,
#resourceLinks #globalNav #navCare { color: #fff !important; }
/* end top navigation */ 
 
 
/* left navigation */ 
#leftNavigation { margin: 0 20px 0 0; }
#leftNavigation ul li { margin-top: 1px; }
.nav { 
  list-style: none;
  margin: 0; 
  padding: 0; 
  font-size: 1.4em; 
  font-weight: normal; 
  color: #f90;
  padding-left: 10px; }
.subNav { 
  line-height: 1.4em;
  list-style: none; 
  font-size: .7em; 
  margin: 0;
  padding: 0; }
#motorOils #leftNavigation #ltnavMotorOils,
#coolants #leftNavigation #ltnavCoolants,
#fuelAdditives #leftNavigation #ltnavFuelAdditives,
#otherProducts #leftNavigation #ltnavOtherProducts,
#warranty #leftNavigation #ltnavWarranty,
#transmission #leftNavigation #ltnavTransmission,
#airFilter #leftNavigation #ltnavAirFilter,
#differential #leftNavigation #ltnavDifferential,
#injector #leftNavigation #ltnavFuelInjector, 
#oilChange #leftNavigation #ltnavOilChange,
#radiator #leftNavigation #ltnavRadiator,
#know #leftNavigation #ltnavKnow,
#generalTips #leftNavigation #ltnavGenTips,
#winterTips #leftNavigation #ltnavWinterTips,
#savingTips #leftNavigation #ltnavSavingTips,
#resourceLinks #leftNavigation #ltnavResourceLinks,
#canada #leftNavigation #ltnavCanada,
#puertoRico #leftNavigation #ltnavPuertoRico,
#busOpFaq #leftNavigation #ltnavFaq { 
  color: #000; 
  font-weight: bold; 
  text-decoration: none; }
#products #leftNavigation img, 
#stations #leftNavigation img, 
#services #leftNavigation img, 
#carCare #leftNavigation img,
#promotions #leftNavigation img,
#busOp #leftNavigation img 
{ position: absolute; top: 5px; }
#generalTips #leftNavigation img,
#motorOils #leftNavigation img,
#oilChange #leftNavigation img { position: absolute; top: 26px; }
#canada #leftNavigation img,
#busOpFaq #leftNavigation img { position: absolute; top: 47px; }
#airFilter #leftNavigation img,
#coolants #leftNavigation img, 
#winterTips #leftNavigation img { position: absolute; top: 45px; }
#puertoRico #leftNavigation img,
#radiator #leftNavigation img,
#fuelAdditives #leftNavigation img,
#savingTips #leftNavigation img { position: absolute; top: 64px; }
#injector #leftNavigation img,
#otherProducts #leftNavigation img, 
#know #leftNavigation img { position: absolute; top: 83px; }
#transmission #leftNavigation img,
#warranty #leftNavigation img,
#resourceLinks #leftNavigation img { position: absolute; top: 102px; }
#differential #leftNavigation img { position: absolute; top: 138px; }
#transmission #leftNavigation #relatedLinks, 
#airFilter #leftNavigation #relatedLinks, 
#differential #leftNavigation #relatedLinks, 
#injector #leftNavigation #relatedLinks, 
#oilChange #leftNavigation #relatedLinks, 
#radiator #leftNavigation #relatedLinks, 
#coolants #leftNavigation #relatedLinks, 
#fuelAdditives #leftNavigation #relatedLinks, 
#otherProducts #leftNavigation #relatedLinks,
#motorOils #leftNavigation #relatedLinks, 
#warranty #leftNavigation #relatedLinks,
#know #leftNavigation #relatedLinks,
#generalTips #leftNavigation #relatedLinks,
#winterTips #leftNavigation #relatedLinks,
#savingTips #leftNavigation #relatedLinks,
#resourceLinks #leftNavigation #relatedLinks { display: none; } 
/* end left navigation */ 


/* image replacements */
h1#hmImageReplace {
  padding: 123px 0 0 0;
  overflow: hidden;
  background: url(/images/img_homepage_text_header.gif) no-repeat; 
  height: 0px !important;
  height /**/:123px;
  font-size: .3em; } 
/* end image replacements */


/* layout styles */
#wholePage { width: 800px; }
#leftContent { 
  width: 205px;
  position: relative;
  float: left;
  text-align: left; }
#rightContent { 
  width: 595px;
  position: relative;
  float: left;
	text-align: left; }
#rtColSpacing { margin: 20px 0 0 0; padding-bottom: 20px; }
#rtColSpacingTwo { margin: 30px 0 0 0; padding-bottom: 20px; }

#twoColColOneLrg { float: left; width: 360px; margin: 0 30px 0 0; }
#twoColColTwoSml { float: left; width: 175px; }

#twoColColOneSml { position: relative; top: -5px; float: left; width: 175px; margin: 0 30px 0 0; }
#twoColColTwoLrg { position: relative; top: 0; float: left; width: 360px; }

#twoColColOneSmlWarr { position: relative; top: -5px; float: left; width: 200px; margin: 0 30px 0 0; }
#twoColColTwoLrgWarr { position: relative; top: 0; float: left; width: 305px; }
#twoColColTwoLrgSpecial { position: relative; float: left; width: 330px; }
#threeColColThreeSpecial { float: left; width: 155px; }
#ColOneLrgPolicy { float: left; width: 590px; margin: 0 30px 0 0; }

.moveColumn { position: relative; top: -5px; }
.colHeight385 { height: 385px; }
.colHeight465 { height: 465px; }

#threeColColOne { float: left; width: 175px; margin: 0 20px 0 0; }
#threeColColTwo { float: left; width: 175px; margin: 0 20px 0 0;}
#threeColColThree { float: left; width: 175px; }

.line, .lineRtCol, .lineLtCol, .lineSiteMap, .lineAbout, .lineCare {  
  overflow: hidden; 
  height: 0px !important; 
  height /**/:1px; 
  padding: 0; 
  border-top: 1px solid #ccc; }
.line { margin: 30px 0 0 0; width: 565px; }
.lineRtCol { margin: 15px 0 10px 0; width: 175px; }
.lineLtCol { margin: 15px 0 10px 9px; width: 168px; }
.lineSiteMap { margin: 15px 0 10px 0; width: 168px; }
.lineAbout { margin: 15px 0 10px 0; width: 350px; }
.lineCare { margin: 1.5em 0 1em 0; width: 565px; }
.pageWidth565 { width: 565px; }

.moveLeft { position: relative; left: -30px; }
.moveLeftMore { position: relative; left: -69px; }
/* end layout styles */


/* footer styles */
#footer { 
  font-size: .85em;
  margin: 100px 0 0 0; 
  padding: 8px 8px 8px 0; 
  position: relative;
	text-align: left; }
#footer ul { 
  display: inline;
  margin-left: 0;
  padding-left: 0; }
#footer ul li { 
  display: inline; 
  list-style: none;
  border-right: 1px solid #000; 
  padding: 0 12px 0 10px; }
#footer ul li.first { padding-left: 0 !important; }
#footer ul li.last { border-right: none; }
#footer ul li.firstline { margin-left: 12px; border-left: 1px solid #000; }
#footer p { display: inline; }
.lineFooter {  
  overflow: hidden; 
  height: 0px !important; 
  height /**/:1px; 
  margin: 5px 0; 
  padding: 0; 
  width: 565px; 
  border-top: 1px solid #ccc; }
#siteMap #footer #ftSiteMap,
#about #footer #ftAbout,
#busOp #footer #ftBusOp,
#contact #footer #ftContact,
#privacy #footer #ftPrivacy,
#terms #footer #ftTerms { 
  color: #000; 
  font-weight: bold; 
  text-decoration: none; }
/* end footer styles */


/* form styles */
form label { 
  display: block;
  float: left; 
  width: 5em; 
  padding-right: 1em; }
form { margin: 8px 0; }
form input.text { font-size: .85em; color: #999; }
form input.image {
	position: relative;
	top: 6px;
	margin: -6px 0 0 0; }
form input.radio { position: relative; top: 3px; }
form select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .85em; }
p.topMarginNeg10 { margin-top: -10px; }
p.topMarginNeg5 { margin-top: -5px; }
/* end form styles */

 
/* page specific styles */
ul#promoList { 
  display: block;
  margin-top: 20px;
  margin-left: 0;
  padding-left: 0; }
ul#promoList li {
  line-height: 1.5em;
  list-style: none;
  font-weight: bold; }
#findStation { 
  background-color: #fc0;
  margin-right: 20px;
  padding: 15px 10px 10px 11px;
  width: 196px;
  voice-family: "\"}\"";  /* use box model hack to get proper size */
  voice-family: inherit;
  width: 164px;}
  html>body .content { width:196px; } 
.yellowBox { 
  background-color: #ffebb0;
  margin: 0;
  padding: 10px;
  width: 155px;
  height: 80px; }
.yellowBoxTwo { 
  background-color: #ffebb0;
  margin: 0;
  padding: 15px;
  width: 145px;
  font-weight: bold; }
.yellowBoxTwo ul li, #generalTips ol li, #winterTips ol li, #savingTips ol li { margin-bottom: 1em; }
#siteMap #rightContent ul { margin: 0; list-style: none; }
#know p, #busOpFaq p { margin: 1em 0 0 0; }
.rightImage { float: right; padding: 10px 0 15px 15px; }
#busOpFaq table, #privacy table { margin: 1em 0 0 0; border: 1px solid #ccc; }
#privacy table { margin: 1em 0; border: 1px solid #ccc; }
#busOpFaq tr.grayRow, #privacy tr.grayRow { background-color: #eee; }
#busOpFaq td, #busOpFaq th, #privacy td, #privacy th { padding: 2px 10px; }
/* end page specific styles */