/* general styles */
body {
  color: #333; 
	overflow: visible;}
	 
p, blockquote, cite {margin-bottom: 1em;}
a:link, a:active, a:hover, a:focus, a:visited {color: #0099cc; text-decoration: none; font-weight: bold;}
a:hover {text-decoration: underline;}
sup {font-size: .9em; vertical-align: text-top!important;}
.clear {
  clear: both;
  margin: 0; 
  padding: 0;
  overflow: hidden;
  visibility: hidden;
  height: 0px !important; 
  height: 1px; }
.floatright {
	float: right;
	display: inline; /*to avoid IE double margin bug*/}
.floatleft {
	float: left;
	display: inline; /*to avoid IE double margin bug*/}
img.floatleft {
	margin: 3px 14px 10px 0;}
img.floatright {
	margin: 3px 0 10px 14px;}
img.inline {display: inline; vertical-align:top;}
.redtxt {color: #c33;}
.noMargin {margin: 0!important;}
.small {font-size: 1em;}
ul.dots {
  list-style-type: disc; 
	margin: 0 0 15px 0; 
	font-size: 1.2em;
	list-style-position: inside;}
ul.dots li {
  list-style-type: disc; 
	list-style-position: inside;
	line-height: 1.4em; 
	margin: 0; 
	padding: 0;}
ul.dotsOut {
  list-style-type: disc; 
	margin: 0 0 15px 0; 
	font-size: 1.2em;}
ul.dotsOut li {
  list-style-type: disc; 
	line-height: 1.8em; 
	margin: 0 0 0 15px; 
	padding: 0;}
ul.dots li.nolist {list-style-type: none; margin: 0 0 0 15px; }
ul.dots ul li {list-style-type: circle; }
ol {margin: 10px 0 0 30px; padding: 0;}
ol li {line-height: 1.4em; padding: 0; margin: 0 0 25px 0;}
table.margin { margin: 0 0 1em 0;}
.hide {display: none;}
.mb35 {margin-bottom: 35px;}
.underline {text-decoration: underline;}
.mt20 {margin-top: 20px;}
.bold {font-weight: bold;}
.mb20 {margin-bottom: 20px;}
.mt15 {margin-top: 15px;}
/* end general styles */


	
/* Layout Styles */
#positioning {
	height: 100%;
	width: 100%;
	margin: 10px auto 0 auto;
	padding: 0;
	position: relative;}
#container {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 9px solid #eee;
  text-align: left;
	width: 962px; 
	min-height: 712px;
	_height: 742px;
	margin: 0 auto;
	padding: 0;
  position: relative;
  background: #fff url(/images/bkgd_large2.jpg) no-repeat;}
#header img.logo {
  margin: 50px 0 0 26px;
  float: left; 
  z-index: 1;}
/*
#header .langbox {
  float: left;
  width: 160px;
  height: 50px;
  margin: 21px 0 0 518px;
  background: url(/images/img_bkgd_langBox.png) no-repeat;}
  #header .langbox .insidebox {border: 1px solid #eee; margin: 16px 22px 0 22px;}
  #header .langbox .insidebox img {float: right;}
  #header .langbox .insidebox p {margin: 0 0 0 5px; padding: 0; text-transform: uppercase;}
  .insidebox p a:link, .insidebox p a:active, .insidebox p a:hover, .insidebox p a:focus, a:visited {color: #333; text-decoration: underline;}
*/ 
#maincontent {
  position: relative;
  overflow: hidden;
  width: 850px;
  padding: 0;
  margin: 0 0 0 72px;}
/* end layout styles */

/* footer styles */ 
#footer { 
	clear: both;
	background-color: #989796;
	width: 964px;
	height: 65px;
	color: #fff;
	padding: 0;
	margin: 0 auto;
	overflow: visible;
	font-size: .9em;}
#footer .position {
	margin: 0 auto;
	padding: 0;}
#footer img.logos {float: left; margin: 5px 0 10px 10px;}
#footer p {margin: 5px 0 0 39px; float: left;}
#footer a:link, #footer a:active, #footer a:hover, #footer a:focus, #footer a:visited {
	color: #fff; 
	text-decoration:underline;}
#footer p.socialIcons {display: block; float: right; margin: 5px 0 0 0!important;}
#footer p.socialIcons span {
    display: block;
    float: left;
    margin: 0;
    font-size: 11px;
    font-weight: bold;}
#footer a.icon {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    overflow: hidden;
    text-indent: 100px;
    margin: 1px 0 0 10px;}
#footer a.iconYouTube {
    width: 20px;
    height: 26px;
    margin-top: 0px;  
    background-image: url(/images/icons/icon_youtube.gif);}

/* end footer styles */
	
/* homepage styles */
.hmh1 { 
  text-indent: -5000px;
  padding: 21px 0 0 0;
	margin: 45px 0 0 37px;
  overflow: hidden;
  background: url(/images/img_hdr_hm_h1_v2.jpg) no-repeat; 
  height: 0px !important;
  height: 21px;}
.hmBox1, .hmBox2 {float: left; margin-top: 30px;}
.hmBox1 {
  margin-left: 26px;
  width: 412px;
  height: 163px;
  background: url(/images/bkgd_pumpit_box.png) no-repeat;}
.hmBox1 h2, .hmBox2 h2 {
  color: #fff; 
  font-family: Arial, Helvetica, Sans-Serif; 
  font-size: 1.8em; 
  text-transform: uppercase;}
.hmBox1 p {
  font-size: 1.2em; 
  color: #333; 
  margin: 20px 0 0 31px; 
  width: 275px; 
  line-height: 1.7em;}
.hmBox1 img {position: relative; top: -58px; left: 188px;}
.hmBox1 a:link, .hmBox1 a:active, .hmBox1 a:hover, .hmBox1 a:visited {color: #0099CC; text-decoration: underline; cursor: pointer;}
.hmBox2 p {
  font-size: 1.2em; 
  color: #333; 
  margin: 20px 0 0 103px; 
  width: 275px; 
  line-height: 1.7em;}
.hmBox2 a:link, .hmBox2 a:active, .hmBox2 a:hover, .hmBox2 a:visited {color: #0099CC; text-decoration: underline; cursor: pointer;}
.hmBox1 h2 {margin: 33px 0 0 221px;}
.hmBox2 h2 {margin: 33px 0 0 103px;}
.hmBox2 {
  width: 394px;
  height: 163px;
  background: url(/images/bkgd_pourit_box.png) no-repeat;}
.shrink {font-size: .8em;}

/* end homepage styles */

/* what is techron page styles */
.whatistechron {
  position: relative;
  overflow: hidden;
  margin: 0 0 25px 0;
  padding: 0;
  width: 791px;
  height: 255px;
  background: url(/images/bkgd_whatistechron_box.jpg) no-repeat;}
  p.quote {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.7em;
    font-weight: bold;
    margin: 88px 0 0 108px;
    width: 460px;
    line-height: 1.4em;
    padding: 0;}
  p.caption {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0 0 118px;
    width: 460px;
    padding: 0;}
  .whatistechron a, .acleanerengine a, .cleaningpower a, .maximumpower a, .loweremissions a,
  .maximizedfueleconomy a, .testing a {
    color: #fff;
    text-decoration: underline;}
.shadowbox {
  position: relative;
  margin: 0 0 0 26px;
  width: 735px;
  height: 100px;
  padding: 15px 36px 36px 36px;
  background: url(/images/bkgd_shadow_box.png) no-repeat;}
  .shadowbox p {font-size: 1.2em; line-height: 1.7em;}
  .shadowbox a:link, .shadowbox a:link, .shadowbox a:active, .shadowbox a:hover, .shadowbox a:focus, .shadowbox a:visited {
      color: #333;
      text-decoration: underline;}
.psShadowbox {
  position: relative;
  margin: 0 0 0 26px;
  width: 735px;
  height: 90px;
  padding: 15px 36px 36px 36px;
  background: url(/images/bkgd_shadow_box.png) no-repeat;}
  .psShadowbox p {font-size: 1.2em; line-height: 1.7em;}
  .psShadowbox a:link, .psShadowbox a:link, .psShadowbox a:active, .psShadowbox a:hover, .psShadowbox a:focus, .psShadowbox a:visited {
      color: #333;
      text-decoration: underline;}
.hdiwShadowbox {
  position: relative;
  margin: 0 0 0 26px;
  width: 735px;
  height: 100px;
  padding: 26px 36px 36px 36px;
  background: url(/images/bkgd_shadow_box.png) no-repeat;}
  .hdiwShadowbox p {font-size: 1.2em; line-height: 1.7em;}
  .hdiwShadowbox a:link, .hdiwShadowbox a:link, .hdiwShadowbox a:active, .hdiwShadowbox a:hover, .hdiwShadowbox a:focus, .hdiwShadowbox a:visited {
      color: #333;
      text-decoration: underline;}
.shadowboxwPlay {
  position: relative;
  top: -65px;
  margin: 0 0 0 26px;
  width: 735px;
  height: 70px;
  padding: 36px;
  background: url(/images/bkgd_shadow_box.png) no-repeat;}
  .shadowboxwPlay p {font-size: 1.2em; line-height: 1.7em;}

/* how does it work page styles */
.howdoesitwork {
  position: relative;
  overflow: hidden;
  margin: 0 0 25px 0;
  padding: 0;
  width: 792px;
  height: 270px;
  background: url(/images/bkgd_howdoesitwork_box.jpg) no-repeat;}
  .howdoesitwork p {
    color: #0099cc;
    font-family: Arial, Helvetica, Sans-Serif;}
    /*
    p.blueMedium {font-size: 1.4em; margin: 32px 0 0 31px; font-weight: bold;}
    p.blueLarge {font-size: 1.6em; margin: 22px 0 0 253px; font-weight: bold;}
    */
  .howdoesitwork p.blueMedium {
	margin: 140px 0px 0px 310px; 
	font-size: 1.4em; 
	font-weight: bold;}
  .howdoesitwork p.blueLarge {
	margin: 18px 0px 0px 430px;
	font-size: 1.6em; 
	font-weight: bold;}

/* what does it do page styles */
.acleanerengine {
  position: relative;
  overflow: hidden;
  margin: 0 0 25px 0;
  padding: 0;
  width: 791px;
  height: 255px;
  background: url(/images/bkgd_whatdoesitdo_box.jpg) no-repeat;}
  .acleanerengine p.quote {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.7em;
    font-weight: bold;
    margin: 102px 0 0 100px;
    width: 460px;
    line-height: 1.4em;
    padding: 0;}
  .acleanerengine p.caption {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin: 10px 0 0 110px;
    width: 460px;
    padding: 0;}
  #video_module {
    position: relative;
    overflow : hidden;
    margin : -8px 0 0 0;
    padding : 0;
    width : 791px;
    height : 400px;
  }

/* proven science page styles */
.provenscience {
	position: relative; 
	padding-bottom: 0px; 
	margin: 0px 0px 25px; 
	padding-left: 0px; 
	width: 792px; 
	padding-right: 0px; 
	background: url(/images/bkgd_provenscience_box.jpg) no-repeat; 
	height: 270px; 
	overflow: hidden; 
	padding-top: 0px;}
    .provenscience p {
	    font-family: Arial, Helvetica, Sans-Serif; 
	    color: #0099cc;}
    .provenscience p.blueMedium {
	    margin: 140px 0px 0px 310px; 
	    font-size: 1.4em; 
	    font-weight: bold;}
    .provenscience p.blueLarge {
	    margin: 18px 0px 0px 535px;
	    font-size: 1.6em; 
	    font-weight: bold;}

/* cleaning power page styles */
.cleaningpower {
  position: relative;
  overflow: hidden;
  margin: 0 0 25px 0;
  padding: 0;
  width: 791px;
  height: 255px;
  background: url(/images/bkgd_cleaning_power_box.jpg) no-repeat;}
  .cleaningpower p.quote {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.7em;
    font-weight: bold;
    margin: 92px 0 0 375px;
    width: 360px;
    line-height: 1.4em;
    padding: 0;}
  .cleaningpower p.caption {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin: 5px 0 0 375px;
    width: 360px;
    padding: 0;}

/* maximum power page styles */
.maximumpower {
  position: relative;
  overflow: hidden;
  margin: 0 0 25px 0;
  padding: 0;
  width: 791px;
  height: 255px;
  background: url(/images/bkgd_maximumpower_box.jpg) no-repeat;}
  .maximumpower p.quote {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.7em;
    font-weight: bold;
    margin: 100px 0 0 100px;
    width: 360px;
    line-height: 1.4em;
    padding: 0;}
  .maximumpower p.caption {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin: 5px 0 0 110px;
    width: 360px;
    padding: 0;}
        
/* lower emissions page styles */
.loweremissions {
  position: relative;
  overflow: hidden;
  margin: 0 0 25px 0;
  padding: 0;
  width: 791px;
  height: 255px;
  background: url(/images/bkgd_loweremissions_box.jpg) no-repeat;}
  .loweremissions p.quote {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.7em;
    font-weight: bold;
    margin: 95px 0 0 325px;
    width: 360px; 
    line-height: 1.4em; 
    padding: 0;}
  .loweremissions span.quote2 {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-weight: bold;
    margin: 95px 0 0 10px;
    width: 360px; 
    line-height: 1.4em;
    padding: 0;}
  .loweremissions p.caption {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    margin: 150px 0 0 335px;
    width: 360px;
    padding: 0;}

/* maximized fuel economy page styles */
.maximizedfueleconomy {
  position: relative;
  overflow: hidden;
  margin: 0 0 25px 0;
  padding: 0;
  width: 791px;
  height: 255px;
  background: url(/images/bkgd_maximizedfueleconomy_box.jpg) no-repeat;}
  .maximizedfueleconomy p.quote {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.7em;
    font-weight: bold;
    margin: 100px 0 0 100px;
    width: 360px;
    line-height: 1.4em;
    padding: 0;}
  .maximizedfueleconomy span.quote2 {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-weight: bold;
    margin: 95px 0 0 10px;
    width: 360px; 
    line-height: 1.4em;
    padding: 0;}
  .maximizedfueleconomy p.caption {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold; 
    margin: 5px 0 0 110px;
    width: 360px;
    padding: 0;}
    
/* testing it working page styles */
.testing {
  position: relative;
  overflow: hidden;
  margin: 0 0 25px 0;
  padding: 0;
  width: 791px;
  height: 255px;
  background: url(/images/bkgd_testing_box.jpg) no-repeat;}
  .testing p.quote {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.7em;
    font-weight: bold;
    margin: 70px 0 0 245px;
    width: 360px;
    line-height: 1.4em;
    padding: 0;}
  .testing span.quote2 {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-weight: bold;
    margin: 95px 0 0 10px;
    width: 360px; 
    line-height: 1.4em;
    padding: 0;}
  .testing p.caption {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
    font-size: 1.2em;
    font-weight: bold; 
    margin: 15px 0 0 255px;
    width: 360px;
    padding: 0;}

/* techron d page styles */
.techrond {
  position: relative;
  overflow: hidden;
  margin: 0 0 -1px 0;
  padding: 0;
  width: 791px;
  height: 445px;}
  .techrond .shadowbox {
    position: relative;
    margin: 0 0 0 0;
    width: 735px;
    height: 375px;
    padding: 36px;
    background: url(/images/bkgd_shadow_box_techron_d.png) no-repeat;}
  .techrond .shadowbox div.leftColumn {
    width: 485px;
    float: left;
    margin: 5px 0 0 10px;}
  .techrond .shadowbox .leftColumn .techrond_video_border {margin-top: -2px;}
  .techrond .shadowbox div.rightColumnTop {
    position: relative;
    float: left;
    margin: 0 0 0 20px;
    width: 215px;
    padding: 0 0 0 0;
    height: 290px;}
  .techrond .shadowbox div.rightColumnTop p {
    position: absolute;
    color: #333333;
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.8em;
    margin: 0 0 0 0;}
  .techrond .shadowbox div.rightColumnBottom {
    position: relative;
    float: left;
    margin: 20px 0 0 20px;
    width: 215px;}
  .techrond .shadowbox div.rightColumnBottom a {text-decoration: none;}
  .techrond .shadowbox div.rightColumnBottom a:hover {text-decoration: underline;}
  .techrond .shadowbox div.rightColumnBottom img{
    top: 60px;
    position: absolute;
    color: #333333;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0 0;}
  .techrond .caltexlogoTopRight {
      float: right;
      margin-top: -20px;}
    
  /*  techron d video nav */
  .techrond .videoNavHdr {
    float:left;
    position: relative;
    top: 35px;
    font-size: 1.2em;
    width: 15%;
    color: #666666;}
  .techrond .shadowbox div.videonav { 
    height: 82px;
    margin: 0 0 0 78px;
    padding: 0 0 0 0; 
    list-style-type: none;}
  .techrond .shadowbox div.videonav em {display: none;}
  .techrond div.videonav li {float: left; display: inline; margin: 0; padding: 0; list-style-type: none;}
  .techrond div.videonav a {
    display : block;
    height : 82px; 
    background-position: 0 0;}
  .techrond div.videonav a:hover {background-position: 0 -100px;}
  .techrond div.videonav a.video1 {
    width : 82px; 
    background-image: url(/images/nav_video1.jpg);}
  .techrond div.videonav a.video2 {
    width: 82px; 
    background-image: url(/images/nav_video2.jpg);}
  .techrond div.videonav a.video3 {
    width: 82px; 
    background-image: url(/images/nav_video3.jpg);}
  .techrond div.videonav a.video4 {
    width: 82px; 
    background-image: url(/images/nav_video4.jpg);}
  .techrond div.videonav a.video1:hover, .techrond  div.videonav a.video2:hover, 
  .techrond div.videonav a.video3:hover, .techrond  div.videonav a.video4:hover {background-position: 0 -82px;}
  .techrond div.videonav a.selectedVideo {background-position: 0 -82px;}

 /* meet our experts page styles */
.meetourexperts {
  position: relative;
  overflow: hidden;
  margin: -60px 0 25px -3px;
  padding: 0;
  width: 791px;
  height: 255px; 
  background: url(/images/bkgd_meetourexperts_box.jpg) no-repeat;}
  .meetourexperts .expert {
    margin: 90px 0 0 140px;
    color: #0099CC;
    font-size: 1.8em;
    font-weight: bold;}
  .meetourexperts p.caption {
    margin: 10px 0 0 140px;
    color: #666666;}
  .meetourexperts p.quote {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #666666;
    font-size: 1.2em;
    font-weight: bold;
    margin: 25px 0 0 140px;
    width: 360px;
    line-height: 2em;
    padding: 0;}
  .meetourexperts p.quote2 {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #666666;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0 145px;
    width: 360px;
    line-height: 2em;
    padding: 0;}
    
.meetourexpertsLeft {
  float: left;
  position: relative;
  overflow: hidden;
  margin: 60px 0px 25px 16px;
  padding: 0;
  width: 80px;
  height: 255px;}
  .meetourexpertsLeft ul {
    height: 58px;
    width: 76px;}    
  .meetourexpertsLeft ul em {
    display: none;}
  .meetourexpertsLeft ul li {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;}
  .meetourexpertsLeft ul a {
    display: block;
    height: 58px;
    width: 76px;
    background-position: 0 0;}
  .meetourexpertsLeft ul a:hover {
    background-position: 0 -58px;
    height: 76px}
  .meetourexpertsLeft ul a.expert01 {
    height: 58px;
    background-image: url(/images/expert01.jpg);}
  .meetourexpertsLeft ul a.expert02 {
    height: 58px;
    background-image: url(/images/expert02.jpg);
    margin: 10px 0 0 0;}
  .meetourexpertsLeft ul a.expert03 {
    height: 58px;
    background-image: url(/images/expert03.jpg);
    margin: 10px 0 0 0;}
   .meetourexpertsLeft a.selectedExpert {
     background-position: 0 -116px;}

#expert01bio, #expert02bio, #expert03bio {
    margin-top: 10px;}
        
/* questions and answers page styles */
.qanda {
  width: 808px;
  height: 426px;
  display: block;
  background: url(/images/img_bkgd_whitebox_btm.png) no-repeat bottom right;}
.qaTop {width: 808px; height: 18px;}
.qaContent {
  width: 746px;
  height: 319px;
  margin: 7px 0 30px 53px;
  overflow: auto;}
.answer {
  font-size: 1.2em;
  line-height: 2;}
.qaContent .question {
    width: 710px;
  font-size: 1.4em!important;
  font-family: Arial, Helvetica, Sans-Serif!important;
  margin: 0 0 23px 0;}
.qaContent ul li {
  width: 719px;
  border-bottom: 1px solid #f0f0f0;
  margin: 15px 0;}  
.qaContent .question a:link, .qaContent .question a:visited, .qaContent .question a:active {
    text-decoration: none;
    color: #666666;
    font-weight: bold;}
.qaContent .question:hover a {
    color: #0099CC;
    font-weight: bold;
    text-decoration: none;}
.qaContent .question a.showAnswer {
    background: url(/images/img_qanda.gif) no-repeat;
    float:right;
    display: block;
    width: 9px;
    margin-top: -10px;
    height: 8px;}
.qaContent .question:hover a.showAnswer {
    cursor: pointer;
    background-position: 0 -8px;}
.qanda .qaNav {
    margin: 40px 0 0 620px;
    color: #0099CC;
    font-weight: normal;
    text-decoration: none;}
.qanda div.qaNav a:link, .qanda .qaNav a:visited, .qanda .qaNav a:active {
    font-size: 1.2em;
    color: #0099CC;
    font-weight: bold;
    text-decoration: none;}

 /* techron d in a bottle page styles */
.techrondinabottle {
  position: relative;
  overflow: hidden;
  margin: -60px 0 25px -3px;
  padding: 0;
  width: 791px;
  height: 255px;}
  .techrondinabottle .expert {
    margin: 90px 0 0 140px;
    color: #0099CC;
    font-size: 1.8em;
    font-weight: bold;}
  .techrondinabottle p.caption {
    margin: 10px 0 0 140px;
    color: #666666;}
  .techrondinabottle p.quote {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #666666;
    font-size: 1.2em;
    font-weight: bold;
    margin: 25px 0 0 140px;
    width: 360px;
    line-height: 2em;
    padding: 0;}
  .techrondinabottle p.quote2 {
    font-family: Arial, Helvetica, Sans-Serif;
    color: #666666;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0 145px;
    width: 360px;
    line-height: 2em;
    padding: 0;}

/* where to get techron page styles */         
.whereToGetTechron img.region {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  z-index: 20;}
  .whereToGetTechron img.mapBackground {
    /*  
        this is a transparent layer with the same
        dimensions of the map.  layer is needed
        to prevent dithering on mouseover.
    */    
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 19;}
  .whereToGetTechron img.map {
    position: relative;
    z-index: 100;}
  .whereToGetTechron .mapOverlayWrapper {
    display: none;
    overflow: hidden;
    border-right: 2px solid #0099CC;
    z-index: 1010;
    width: 500px;
    height: 300px;
    position: absolute;
    top: 205px;
    bottom: 0px;
    left: 185px;
    right: 0px;}
    
  /*  default, asia, canada styles  */
  .whereToGetTechron .asiaOverlayWrapper, .whereToGetTechron .canadaOverlayWrapper,
  .whereToGetTechron .south_africaOverlayWrapper, .whereToGetTechron .pakistanOverlayWrapper, 
  .whereToGetTechron .thailandOverlayWrapper, .whereToGetTechron .malaysiaOverlayWrapper, 
  .whereToGetTechron .singaporeOverlayWrapper, .whereToGetTechron .philippinesOverlayWrapper, 
  /*.whereToGetTechron .australiaOverlayWrapper,*/ .whereToGetTechron .new_zealandOverlayWrapper,
  .whereToGetTechron .hong_kongOverlayWrapper {
    display: none;
    overflow: hidden;
    border-right: 2px solid #0099CC;
    z-index: 1010;
    width: 310px;
    height: 130px;
    position: absolute;
    top: 290px;
    bottom: 0px;
    left: 270px;
    right: 0px;}
  .whereToGetTechron .asiaOverlay, .whereToGetTechron .canadaOverlay,
  .whereToGetTechron .south_africaOverlay, .whereToGetTechron .pakistanOverlay, 
  .whereToGetTechron .thailandOverlay, .whereToGetTechron .malaysiaOverlay, 
  .whereToGetTechron .singaporeOverlay, .whereToGetTechron .philippinesOverlay, 
  /*.whereToGetTechron .australiaOverlay,*/ .whereToGetTechron .new_zealandOverlay,
  .whereToGetTechron .hong_kongOverlay {
    z-index: 1010;
    width: 310px;
    height: 130px;
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 310px;
    right: 0px;
    background-color: #ffffff;}
  div.asiaStationFinder a, div.canadaStationFinder a, div.south_africaStationFinder a, 
  div.pakistanStationFinder a, div.thailandStationFinder a, div.malaysiaStationFinder a, 
  div.singaporeStationFinder a, div.philippinesStationFinder a, /*div.australiaStationFinder a, */
  div.new_zealandStationFinder a, div.hong_kongStationFinder a {
    top: 365px;
    left: 335px;
    text-indent: -5000px;
    position: absolute;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 2em;
    text-transform: uppercase;
    color: #fff;
    width: 90px;
    height: 20px;
    padding: 0;
    z-index: 1030;
    display: none;
    background: url(/images/maps/img_finder_transp.png) repeat-x;}
    div.asiaStationFinder a span { visibility: hidden; }
  .whereToGetTechron .asia-closeOverlay, .whereToGetTechron .canada-closeOverlay,
  .whereToGetTechron .south_africa-closeOverlay, .whereToGetTechron .pakistan-closeOverlay, 
  .whereToGetTechron .thailand-closeOverlay, .whereToGetTechron .malaysia-closeOverlay, 
  .whereToGetTechron .singapore-closeOverlay, .whereToGetTechron .philippines-closeOverlay, 
  /*.whereToGetTechron .australia-closeOverlay,*/ .whereToGetTechron .new_zealand-closeOverlay,
  .whereToGetTechron .hong_kong-closeOverlay {
      position: absolute;
      top: 295px;
      left: 564px;
      z-index: 1020;
      display: none;
      font-family: Arial, Helvetica, Sans-Serif;
      color: #0099CC;
      font-size: 1.2em;
      font-weight: bold;}
      
  /*  uk, china styles  */
  /*.whereToGetTechron .chinaOverlayWrapper,*/ .whereToGetTechron .ukOverlayWrapper {
    display: none;
    overflow: hidden;
    border-right: 2px solid #0099CC;
    z-index: 1010;
    width: 320px;
    height: 200px;
    position: absolute;
    top: 250px;
    bottom: 0px;
    left: 270px;
    right: 0px;}
  /*.whereToGetTechron .chinaOverlay,*/ .whereToGetTechron .ukOverlay {
    z-index: 1010;
    width: 320px;
    height: 200px;
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 200px;
    right: 0px;
    background-color: #ffffff;}
  /*div.chinaRetailerFinder a,*/ div.ukRetailerFinder a {
    top: 400px;
    left: 385px;
    text-indent: -5000px;
    position: absolute;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 2em;
    text-transform: uppercase;
    color: #fff;
    width: 90px;
    height: 50px;
    padding: 0;
    z-index: 1030;
    display: none;
    background: url(/images/maps/img_finder_transp.png) repeat-x;}
  /*div.chinaRetailerFinder a span,*/ div.ukRetailerFinder a span { visibility: hidden; }
  /*.whereToGetTechron .china-closeOverlay,*/ .whereToGetTechron .uk-closeOverlay {
      position: absolute;
      top: 255px;
      left: 572px;
      z-index: 1020;
      display: none;
      font-family: Arial, Helvetica, Sans-Serif;
      color: #0099CC;
      font-size: 1.2em;
      font-weight: bold;}
      
  /*  usa styles  */    
  .whereToGetTechron .usaOverlayWrapper {
    display: none;
    overflow: hidden;
    border-right: 2px solid #0099CC;
    z-index: 1010;
    width: 335px;
    height: 225px;
    position: absolute;
    top: 240px;
    bottom: 0px;
    left: 265px;
    right: 0px;}
  .whereToGetTechron .usaOverlay {
    z-index: 1010;
    width: 335px;
    height: 225px;
    position: relative;
    top: 0px;
    bottom: 0px;
    left: 335px;
    right: 0px;
    background-color: #ffffff;}
  div.usaChevronStationFinder a {
    top: 290px;
    left: 360px;
    text-indent: -5000px;
    position: absolute;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 2em;
    text-transform: uppercase;
    color: #fff;
    width: 85px;
    height: 20px;
    padding: 0;
    z-index: 1030;
    display: none;
    background: url(/images/maps/img_finder_transp.png) repeat-x;}
    div.usaChevronStationFinder a span { visibility: hidden; }
  div.usaTexacoStationFinder a {
    top: 320px;
    left: 365px;
    text-indent: -5000px;
    position: absolute;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 2em;
    text-transform: uppercase;
    color: #fff;
    width: 80px;
    height: 20px;
    padding: 0;
    z-index: 1030;
    display: none;
    background: url(/images/maps/img_finder_transp.png) repeat-x;}
    div.usaTexacoStationFinder a span { visibility: hidden; }
  div.usaRetailerFinder a {
    top: 395px;
    left: 400px;
    text-indent: -5000px;
    position: absolute;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 2em;
    text-transform: uppercase;
    color: #fff;
    width: 45px;
    height: 20px;
    padding: 0;
    z-index: 1030;
    display: none;
    background: url(/images/maps/img_finder_transp.png) repeat-x;}
    div.usaRetailerFinder a span { visibility: hidden; }
  .whereToGetTechron .usa-closeOverlay {
      position: absolute;
      top: 247px;
      left: 583px;
      z-index: 1020;
      display: none;
      font-family: Arial, Helvetica, Sans-Serif;
      color: #0099CC;
      font-size: 1.2em;
      font-weight: bold;}
/** end usa retailer finder styles  **/

/** general retailer finder styles **/
  .whereToGetTechron .asia-closeOverlay:hover, /*.whereToGetTechron .china-closeOverlay:hover,*/
  .whereToGetTechron .usa-closeOverlay:hover, .whereToGetTechron .canada-closeOverlay:hover,
  .whereToGetTechron .uk-closeOverlay:hover, .whereToGetTechron div.south_africa-closeOverlay:hover, 
  .whereToGetTechron div.pakistan-closeOverlay:hover, .whereToGetTechron div.thailand-closeOverlay:hover, 
  .whereToGetTechron div.malaysia-closeOverlay:hover, .whereToGetTechron div.singapore-closeOverlay:hover, 
  .whereToGetTechron div.philippines-closeOverlay:hover, /*.whereToGetTechron div.australia-closeOverlay:hover, */
  .whereToGetTechron div.new_zealand-closeOverlay:hover, .whereToGetTechron div.hong_kong-closeOverlay:hover,
  
  .whereToGetTechron div.asiaStationFinder:hover,/* .whereToGetTechron div.chinaRetailerFinder:hover, */
  .whereToGetTechron div.usaChevronStationFinder:hover, .whereToGetTechron div.usaTexacoStationFinder:hover, 
  .whereToGetTechron div.usaRetailerFinder:hover, .whereToGetTechron div.ukRetailerFinder:hover, 
  .whereToGetTechron div.south_africaStationFinder:hover, .whereToGetTechron div.pakistanStationFinder:hover, 
  .whereToGetTechron div.thailandStationFinder:hover, .whereToGetTechron div.malaysiaStationFinder:hover, 
  .whereToGetTechron div.singaporeStationFinder:hover, .whereToGetTechron div.philippinesStationFinder:hover, 
  /*.whereToGetTechron div.australiaStationFinder:hover,*/ .whereToGetTechron div.new_zealandStationFinder:hover, 
  .whereToGetTechron div.hong_kongStationFinder:hover {
      cursor: pointer;
      text-decoration: underline;}
/** end general retailer finder styles **/    

/* search styles */
.whereToGetTechron span {
    font-size: 1.2em;
    font-weight: bold;
    color: #666666;
}
form input.text { 
  border: 1px solid #f6f6f6;
  line-height: 1.5em;
  width: 130px; 
  height: 13px; 
  font-size: 1.1em; 
  padding: 3px 2px 1px 22px;
  color: #999; 
  background: url(/images/img_bkgd_search_box1.gif) no-repeat;}
form input.image {
  position: relative;
  top: 4px;
  left: -11px;
  margin: 0; }
  
#results {
  margin: 15px 0 25px 0;
  padding: 20px;
  overflow: scroll;
  height: 300px;
  border: 1px solid #dcdcdc;}
#results ul {list-style-type: none; margin: 0; padding: 0;}
#results ul li {list-style-type: none; margin: 0; padding: 0;}
 
#stationList, #map {
    font-size: 1.2em;
    color: #333333;}

#stationList div {width: 168px;}     
/* end search styles */

/* wrap banner replacements */
h1.bannerRetail, h1.bannerClean, h1.bannerPowerClean,
h1.bannerCleaner, h1.bannerProvenScience, h1.bannerCleaningPower,
h1.bannerMaximumPower, h1.bannerLowerEmissions, h1.bannerMaximizedFuelEconomy,
h1.bannerTesting,h1.bannerTechronD, h1.bannerMeetOurExperts,
h1.bannerQandA, h1.bannerPlaceholder, h1.bannerTechronDInABottle {
  text-indent: -5000px;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 2em;
  text-transform: uppercase;
  color: #fff;
  height: 49px;
  margin: 50px 0 0 11px;
  padding: 0;
  z-index: 500;
  position: relative;}

h1.bannerRetail {
  background: url(/images/title_retail_finder.png) no-repeat;
  width: 225px;}
h1.bannerClean {
  background: url(/images/title_clean_restore_protect_engine.png) no-repeat;
  width: 626px;}
h1.bannerPowerClean {
  width: 362px;
  background: url(/images/title_power_cleans_engine.png) no-repeat;}
h1.bannerCleaner {
  width: 267px;
  background: url(/images/title_cleaner_enginer.png) no-repeat;}
h1.bannerProvenScience {
  background: url(/images/title_proven_science.png) no-repeat;
  width: 249px;}
h1.bannerCleaningPower {
  background: url(/images/title_cleaning_power.png) no-repeat;
  width: 249px;}
h1.bannerMaximumPower { 
  background: url(/images/title_maximum_power.png) no-repeat;
  width: 383px;}
h1.bannerLowerEmissions { 
  background: url(/images/title_lower_emissions.png) no-repeat;
  width: 446px;}
h1.bannerMaximizedFuelEconomy { 
  background: url(/images/title_maximized_fuel_economy.png) no-repeat;
  width: 446px;}
h1.bannerTesting { 
  background: url(/images/title_testing.png) no-repeat;
  width: 293px;}
h1.bannerTechronD { 
  background: url(/images/title_caltex_techron-d.png) no-repeat;
  width: 423px;}
h1.bannerMeetOurExperts { 
  background: url(/images/title_meet_our_experts.png) no-repeat;
  width: 262px;}
h1.bannerQandA {
  background: url(/images/title_questions_answers.png) no-repeat;
  width: 313px;}
h1.bannerPlaceholder {
  background: url(/images/title_placeholder.png) no-repeat;
  height: 57px;}
h1.bannerTechronDInABottle {
  background: url(/images/title_techron_d_in_a_bottle.png) no-repeat;
  width: 320px;}

.underBanner {position: relative; margin: -29px 0 0 33px; z-index: 0!important; }

h2.bannerPlay a {
  top: 315px;
  left: 664px;
  text-indent: -5000px;
  position: absolute;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 2em;
  text-transform: uppercase;
  color: #fff;
  width: 172px;
  height: 50px;
  margin: 50px 0 0 11px;
  padding: 0;
  z-index: 600;
  background: url(/images/title_play.png) no-repeat;}
  h2.bannerPlay a span {
      visibility: hidden;
  }
  
h2.bannerClose{display: none;}
h2.bannerClose a {
  top: 315px;
  left: 664px;
  text-indent: -5000px;
  position: absolute;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 2em;
  text-transform: uppercase;
  color: #fff;
  width: 172px;
  height: 50px;
  margin: -180px 0 0 3px;
  padding: 0;
  z-index: 600;
  background: url(/images/title_close.png) no-repeat;}
  h2.bannerClose a span {
      visibility: hidden;
  }

h2.bannerRetailFinder{display: none;}
h2.bannerRetailFinder a {
  top: 480px;
  left: 178px;
  text-indent: -5000px;
  position: absolute;
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 2em;
  text-transform: uppercase;
  color: #fff;
  width: 229px;
  height: 50px;
  padding: 0;
  z-index: 1020;
  background: url(/images/title_visit_the_station_finder.png) no-repeat;}
  h2.bannerRetailFinder a span {
      visibility: hidden;
  }

/** sitemap styles **/
.pagehead {
    margin: 30px 0 35px 30px;
	padding: 0 0 30px 0;
	width: 800px;
	height: 50px;
	background: url(/images/img_fading_line.jpg) no-repeat bottom left;}
.pagehead h1 {
  font-size: 3.2em; 
	line-height: 2em;
	font-weight: normal; 
	position: relative; 
	margin: 21px 0 0 0;
	padding: 0;
	float: left;
	width: 237px;
	text-indent: -5000px;}
.pagehead p {
  position: relative;
	font-size: 1.6em;
	line-height: 1.5em;
	margin: 4px 0 3px 0; 
	padding: 0;
	width: 563px;
	float: left;
	color: #808080;}
.titleSiteMap {
  height: 31px;
  background: url(/images/title_site_map.gif) no-repeat;}
  
.threeCol {
    margin: 20px 0 0 30px; 
    width: 800px;
    background-color: #ffffff;}
.colOne, .colTwo, .colThree {float: left; width: 211px; height: 300px; display: inline; position: relative;}
.colOne, .colTwo {background: url(/images/img_bkgd_shim_dots.gif) top right repeat-y;}
.colTwo, .colThree {padding: 0 0 0 10px; width: 201px;}
.threeCol ul {margin-bottom: 15px;}
.threeCol ul li {font-weight: bold; margin: 7px 0 7px 20px; font-size: 1.1em;}
.threeCol ul ul li, .threeCol ul ul ul li {
  font-weight: normal !important; 
  margin: 2px 0 2px 20px;
  list-style-type: none;
  font-size: 1.1em;}
.threeCol ul ul {margin-top: 2px; margin-bottom: 0;}
.threeCol ul ul ul {background-color: #ebebeb; margin-bottom: 2px; margin-right: 1px;}
.threeCol ul ul ul li { margin-left: 3px !important; padding-left: 9px;
  background: url(/images/icons/icon_sitemap_dash.gif) no-repeat 0 4px !important;}
 .threeCol a:link, .threeCol a:visited, .threeCol a:active {
    padding: 0 0 4px 0;
    font-weight: normal;
    text-decoration: none;}
 .threeCol ul li a:link, .threeCol ul li a:visited, ul li .threeCol a:active {font-weight: bold;}
 .threeCol a:hover {text-decoration: underline;}
/** end sitemap styles **/

/** start 404 page styles **/
#pageNotFound{
    background-color: #ffffff;
    margin: 30px auto 0 auto;
    width: 500px;}
#pageNotFound h1 {
    line-height: 2.4em;
    margin: 0 0 0 0;}
#pageNotFound p{
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1.2em;}
#pageNotFound div ul{
    margin: 20px 0 0 0;
    font-size: 1.2em;}
/** end 404 page styles **/