/* general styles */

p {margin: 0 0 15px 0; line-height: 1.4em;}
img {behavior: url(../js/pngbehavior.htc);}
a:link, a:active, a:hover, a:focus, a:visited {color: #4082c6; text-decoration: none;}
a:hover {text-decoration: underline;}
h1 em {color: #666; }
.hr {margin: 20px 0 5px 0; border-top: 1px solid #bebebe;}
sup {font-size: .9em; vertical-align: text-top!important;}
.emaillink {
  background: url(../images/icon_envelope.gif) 0 4px no-repeat; 
  padding-left: 18px!important;}
.indenttxt {margin-left: 19px;}
.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 10px 10px 0;}
img.floatright {
	margin: 3px 0 10px 10px;}
img.inline {display: inline; vertical-align:top;}
.redtxt {color: #c33;}
#content address {
     line-height: 1.4em;
    margin-bottom:1em;
    font-style:normal;
}

/* general fix its */
.noMargin {margin: 0!important;}
ul.dots {list-style-type: disc; margin: 0 0 15px 0; overflow: visible;}
ul.dots li {list-style-type: disc; line-height: 1.4em; margin: 0 0 0 15px; overflow: visible;}
ul.dots li.nolist {list-style-type: none; margin: 0 0 0 15px; }
ul.dots ul li {list-style-type: circle; }
ul.linkslist {list-style-type: none; margin: 0; padding: 0;}
ul.linkslist li {list-style-type: none; line-height: 1.4em; margin: 0 0 0 15px; overflow: visible;}
ol {margin: 10px 0 0 30px; padding: 0;}
ol li {line-height: 1.4em; padding: 0; margin: 0 0 25px 0;}
ul.threecol{list-style-type: none; }
ul.threecol li {
    float: left;
    display: inline;
    width: 150px;
    margin: 0 16px 20px 0;
    padding: 0;
    list-style-type: none;
}
table.margin { margin: 0 0 1em 0;}
/* icons */
.pdf {
	background: url(../images/icons/iconPDF.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.ppt {
	background: url(../images/icons/iconPPT.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.rss {
	background: url(../images/icons/iconRSS.gif) no-repeat 0 5px;
	padding: 4px 0 4px 18px;}
.slideshow {
	background: url(../images/icons/iconSlideshow.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.video {
	background: url(../images/icons/iconVideo_gray.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.webcast {
	background: url(../images/icons/iconWebcast.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.wmv {
	background: url(../images/icons/iconWMV.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.xls {
	background: url(../images/icons/iconExcel.gif) no-repeat 0 4px;
	padding: 4px 0 4px 22px;}
.zoom {
	background: url(../images/icons/iconZoom.gif) no-repeat 0 4px;
	padding: 4px 0 4px 20px;}
.external {
    background:transparent url(../images/icons/iconExternal.gif) no-repeat scroll 0 4px;
    padding:4px 0 4px 18px;
}
a.msds {
	display:block;
	text-indent:-9999px;
    background:transparent url(../images/img_msds.gif) repeat-y 0 0;
    width: 121px;
    height: 21px;
    margin-bottom: 20px;
}
a.msds:hover {
	background-position: 0 -21px;
}
/* end icons */

/* Layout Styles */
#container {
	width: 960px; 
	margin: 0 auto;
	background:#fff;
    position: relative;
	}
#header {
	width:960px;
	height:80px;
    position: relative;
    overflow: hidden;
}
#header img.hdrmainlogo {
	float:left;
	margin:20px 0 0 20px;}

#header p.hdrText {
	float:left;
	margin:45px 0 0 13px;
	padding:0;
	color:#999;
	font-size:1.2em;}
.hdrlogo {
	float:right;
	margin:25px 32px 0 0;}

#utilitylinks {
	float: right;
	width:250px;
	margin:28px 36px 0 0;}

#utilitylinks a {color:#acacac;}
#utilitylinks ul {
    list-style: none; 
    margin:0;
    padding:0;
    float: right;}

#utilitylinks ul li {
	text-transform: uppercase;
	list-style: none;
	float: left;
	font-size:.75em;}
    #utilitylinks ul li.ullast {}


#breadcrumb2 {
	position:relative;
	width:920px;
	padding: 1px 0 8px 0;
	margin: 0 0 18px 20px;
	font-size: .8em;
	border-bottom:1px solid #bebebe;
  color:#000;}
	#breadcrumb2 .crumbCaret {color: #666;}
	#breadcrumb2 .crumbBumper {padding:0 0 0 3px;}
	#breadcrumb2 .crumbBumper a:link, .crumbBumper a:active, .crumbBumper a:hover, 
	.crumbBumper a:focus, .crumbBumper a:visited {color: #666;}


#content {
	clear: both;
	width: 960px;
    min-height: 480px;
	position: relative;
	color: #666;}

.leftcol {float: left; width: 185px;}
.leftcol ul {
    width:165px;
    margin:0 10px 0 13px;
    padding:0;
    list-style-type: none;
    font-size: 1.1em;}
.leftcol ul ul {font-size: 1em; padding-top: 10px; margin: 0; width:151px;}
.leftcol ul li {
    list-style-type: none;
    margin: 0 0 8px 0;
    padding: 0 0 0 14px;
    line-height: 1.1em;}
.leftcol ul li.selected {
    background: url(../images/leftcol_arrow.png) no-repeat 2px 3px;}
.leftcol ul li.linebelow {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 10px;}

.leftcol a:link, .leftcol a:active, .leftcol a:focus, .leftcol a:visited {color: #666;}
.leftcol a:hover {color: #f00; text-decoration: none;}
.leftcol ul li.selected a:link, .leftcol ul li.selected a:active, 
.leftcol ul li.selected a:hover, .leftcol ul li.selected a:focus, 
.leftcol ul li.selected a:visited {
    color: #000;
    text-decoration: none;}
.leftcol ul li.selected ul a:link, .leftcol ul li.selected ul a:active, 
.leftcol ul li.selected ul a:hover, .leftcol ul li.selected ul a:focus,
.leftcol ul li.selected ul a:visited {color: #666;}
.leftcol ul li.selected ul a:hover {color: #009dd9; text-decoration: none;}

.maincol {  
    float: left; 
    width:500px;
    padding-bottom: 2em;
    }  

.pagehead h1 {margin:0; padding: 0 0 20px 0}
.pagehead img {float: left; vertical-align: bottom;}

.maincolright {
	float:left;
	width: 260px;
	margin:0 0 0 10px;}

#footer {
	width:960px;
	padding: 8px 0 15px 0;
	position: relative;
	overflow: hidden;
	font-size: .9em;
    background: #e9e9e9;}

#footer ul {
	list-style: none;}

#footer ul li { 
	line-height: 1.2;
	float: left;
	list-style: none;
	border-right: 1px solid #666; 
	margin: 0 0 5px 0;
	padding: 0 5px; 
	font-size:1em;}
#footer ul li.last {border-right:0;}
#footer a:link, #footer a:active, #footer a:hover, #footer a:focus, #footer a:visited {
	color: #666;
	text-decoration:underline;}


/* Sidebar Elements */

.generalgraybox {
  float: right;
  position: relative;
  overflow: hidden;
  z-index: 100;
  border: 2px solid #a2a2a2;
  margin: 0 8px 45px 0; margin /**/: 0 16px 45px 0;
  padding: 0;
  width: 154px;
  background: #d3d5d4;}
.generalgraybox p {margin: 0!important; line-height: 1.2em;}
.generalgraybox h2 {
  height: 22px; 
  background: url(../images/img_bkgd_h2_sidebox.gif) repeat-x;
  padding: 0 0 0 4px;}
.generalgraybox .ggbcontent {margin: 9px 7px 9px 7px;}


.recyclebox {
  float: right;
  position: relative;
  overflow: hidden;
  z-index: 100;
  border: 2px solid #a2a2a2;
  margin: 0 8px 45px 0; margin /**/: 0 16px 45px 0;
  padding: 9px 7px 9px 7px;
  width: 140px;
  background: #d3d5d4 url(../images/bkgd_recycle_box.gif) no-repeat top right;}
.recyclebox p {margin: 0!important;}

.changeoilbox {
  float: right;
  border: 2px solid #a2a2a2;
  margin: 150px 6px 45px 0;
  padding: 6px 2px 9px 2px;
  width: 150px;
  background-color: #d3d5d4;}
.changeoilbox p {margin: 0 0 0 3px!important;}
.changeoilbox h2 {margin: 0 0 6px 3px;}

.changeoilbox2 {
  float: right;
  border: 2px solid #a2a2a2;
  margin: 0px 6px 45px 0;
  padding: 6px 2px 9px 2px;
  width: 150px;
  background-color: #d3d5d4;}
.changeoilbox2 p {margin: 0 0 0 3px!important;}
.changeoilbox2 h2 {margin: 0 0 6px 3px;}

.cotdbox {
  float: right;
  border: 2px solid #a2a2a2;
  margin: 5px 6px 45px 0;
  padding: 6px 2px 9px 2px;
  width: 150px;
  background-color: #d3d5d4;}
.cotdbox p {margin: 0 0 0 3px!important;}
.cotdbox h2 {margin: 0 0 6px 3px;}

.havHeritageBox {
  float: right;
  border: 2px solid #a2a2a2;
  margin: 0 8px 45px 0; margin /**/: 0 16px 45px 0;
  padding: 6px 2px 9px 2px;
  width: 150px;
  background-color: #d3d5d4;}
.havHeritageBox p {margin: 0 0 0 3px!important;}
.havHeritageBox h2 {margin: 0 0 6px 3px;}

.findbox {
  float: right;
  border: 2px solid #a2a2a2;
  margin: 150px 6px 45px 0;
  padding: 9px 7px 9px 7px;
  width: 230px;
  background: #d3d5d4;
  position: relative;
  overflow: hidden;}
/*.findbox h2 {font-weight: normal; font-size: 1.2em; color:#333; margin:0 0 15px 0;}*/
.findbox label.fbselect {display: block; float: left; width: 53px; line-height: 1.4em;}
.findbox select {width: 172px; border: 1px solid #acaead; margin-bottom: 2px; color: #666;}
.findbox select.xldd2 {width: 50px!important;}
.findbox .fbquesdiv {margin-top: 12px; position: relative;}
.findbox .fbques {float: left; display: inline; width: 182px;}
.findbox .fbradio {float: left; display: inline; width: 44px;}
.findbox input.fbtxtfield {width: 170px; border: 1px solid #acaead; margin-bottom: 2px; color: #666;}

.findboxxlube {
  border: 2px solid #a2a2a2;
  margin: 5px 6px 45px 0;
  padding: 9px 7px 9px 7px;
  width: 230px;
  background: #d3d5d4;
  position: relative;
  overflow: hidden;}
.findboxxlube label.fbselect {display: block; float: left; width: 53px; line-height: 1.4em;}
.findboxxlube label.fbtext {display: block; float: left; width: 185px; line-height: 1.3em; margin-bottom: 7px;}
.findboxxlube .fbradio {display: block; float: left; width: 40px; line-height: 1.2em; margin-bottom: 7px;}
.findboxxlube select {width: 172px; border: 1px solid #acaead; margin-bottom: 2px; color: #666;}
.findboxxlube select.xldd2 {width: 50px!important;}
.findboxxlube .fbquesdiv {margin-top: 12px; position: relative;}
.findboxxlube .fbques {float: left; display: inline; width: 182px;}
.findboxxlube .fbradio {float: left; display: inline; width: 44px;}
.findboxxlube input.fbtxtfield {width: 170px; border: 1px solid #acaead; margin-bottom: 2px; color: #666;}
.findboxxlube input.image {margin:0; padding:0; border:2px solid #000;}
.disabled {color: #adadad;}

.findboxindep {
  border: 2px solid #a2a2a2;
  margin: 5px 6px 45px 0;
  padding: 9px 7px 9px 7px;
  width: 230px;
  background: #d3d5d4;
  position: relative;
  overflow: hidden;}
.findboxindep label.fbselect {display: block; float: left; width: 93px; line-height: 1.4em;}
.findboxindep select {width: 172px; border: 1px solid #acaead; margin-bottom: 2px; color: #666;}
.findboxindep input.fbtxtfield {width: 130px; border: 1px solid #acaead; margin-bottom: 2px; color: #666;}


/* Homepage Styles */
#home #content {
    min-height: 285px;
    overflow: hidden;
    z-index: 5;
    }
#home #topnavdh {
    padding-bottom: 0;
}
/* homepage content (3-bucket block) */
#homepageContent {
	width:940px;
	padding:30px 10px;
	}
#home .promoBox {
    float: left;
    width: 215px;
    padding: 0 10px;
    height: 153px;
    border-left: 1px solid #ccc;
}
#home .promoBox#Promo1 {
	width:448px;
    border-left: 0px solid #ccc;
	}
#home .promoBox h2 { margin:0;}
#home .promoBox p.links { font-size: 0.9em; line-height: 1.1em; }
#home .promoBox#Promo3 p.links { width: 80px; }
#Promo1 p {
	color: #999;
	margin-left: 60px;
	font-size: 1.2em;
	line-height: 1.3em;
	}
#Promo2 img {float: left; display: inline; }
#Promo2 p {float: right; display: inline; width: 107px;}
#Promo3 img.inline { margin-right: -7px;}
#Promo3 fieldset {margin-bottom: 30px;}
#Promo3 fieldset input {
    vertical-align:middle;
    margin:0;
    padding:0;
    }
#Promo3 fieldset input.text {
    width: 130px;
    color:#999;
    background-color: #f2f2f2;
    font-size: 0.9em;
    height: 12px;
    padding: 2px 5px;
    }		


/* motor oil navigation */
ul.motoroilnav { 
    height: 118px;
    background: url(../images/img_nav_products_pointer.gif) no-repeat 0 108px; 
    margin: 0; padding: 0; list-style-type: none;
}
ul.motoroilnav em {display: none;}
ul.motoroilnav li {float: left; display: inline; margin: 0; padding: 0; list-style-type: none;}
ul.motoroilnav a {
  display: block;
  height: 118px; 
 background-position: 0 0;
}
ul.motoroilnav a:hover {background-position: 0 -236px;}
ul.motoroilnav a.mo1 {
  width: 109px; 
  background-image: url(../images/img_nav_motor_oils_1.jpg);}
ul.motoroilnav a.mo2 {
  width: 99px; 
  background-image: url(../images/img_nav_motor_oils_2.jpg);}
ul.motoroilnav a.mo3 {
  width: 92px; 
  background-image: url(../images/img_nav_motor_oils_3.jpg);}
ul.motoroilnav a.mo4 {
  width: 80px; 
  background-image: url(../images/img_nav_motor_oils_4.jpg);}
ul.motoroilnav a.mo5 {
  width: 117px; 
  background-image: url(../images/img_nav_motor_oils_5.jpg);}
ul.motoroilnav a.mo21 {
  width: 109px; 
  background-image: url(../images/img_nav_motor_oils_21.jpg);}
ul.motoroilnav a.mo22 {
  width: 109px; 
  background-image: url(../images/img_nav_motor_oils_22.jpg);}
ul.motoroilnav a.mo23 {
  width: 109px; 
  background-image: url(../images/img_nav_motor_oils_23.jpg);}
ul.motoroilnav a.mo24 {
  width: 80px; 
  background-image: url(../images/img_nav_motor_oils_24.jpg);}
ul.motoroilnav a.mo25 {
  width: 117px; 
  background-image: url(../images/img_nav_motor_oils_25.jpg);}
ul.motoroilnav a.mo31 {
  width: 109px; 
  background-image: url(../images/img_nav_motor_oils_31.jpg);}
ul.motoroilnav a.mo32 {
  width: 99px; 
  background-image: url(../images/img_nav_motor_oils_32.jpg);}
ul.motoroilnav a.mo33 {
  width: 92px; 
  background-image: url(../images/img_nav_motor_oils_33.jpg);}
ul.motoroilnav a.mo34 {
  width: 80px; 
  background-image: url(../images/img_nav_motor_oils_34.jpg);}
ul.motoroilnav a.mo35 {
  width: 117px; 
  background-image: url(../images/img_nav_motor_oils_35.jpg);}
.motoroil1 ul.motoroilnav a.mo1, .motoroil1 ul.motoroilnav a.mo1:hover, 
.motoroil2 ul.motoroilnav a.mo2, .motoroil2 ul.motoroilnav a.mo2:hover,
.motoroil3 ul.motoroilnav a.mo3, .motoroil3 ul.motoroilnav a.mo3:hover,  
.motoroil4 ul.motoroilnav a.mo4, .motoroil4 ul.motoroilnav a.mo4:hover, 
.motoroil5 ul.motoroilnav a.mo5, .motoroil5 ul.motoroilnav a.mo5:hover,
.motoroil21 ul.motoroilnav a.mo21, .motoroil21 ul.motoroilnav a.mo21:hover, 
.motoroil22 ul.motoroilnav a.mo22, .motoroil22 ul.motoroilnav a.mo22:hover,
.motoroil23 ul.motoroilnav a.mo23, .motoroil23 ul.motoroilnav a.mo23:hover,  
.motoroil24 ul.motoroilnav a.mo24, .motoroil24 ul.motoroilnav a.mo24:hover, 
.motoroil25 ul.motoroilnav a.mo25, .motoroil25 ul.motoroilnav a.mo25:hover,
.motoroil31 ul.motoroilnav a.mo31, .motoroil31 ul.motoroilnav a.mo31:hover, 
.motoroil32 ul.motoroilnav a.mo32, .motoroil32 ul.motoroilnav a.mo32:hover,
.motoroil33 ul.motoroilnav a.mo33, .motoroil33 ul.motoroilnav a.mo33:hover,  
.motoroil34 ul.motoroilnav a.mo34, .motoroil34 ul.motoroilnav a.mo34:hover, 
.motoroil35 ul.motoroilnav a.mo35, .motoroil35 ul.motoroilnav a.mo35:hover {background-position: 0 -118px;}
  
/* transmission fluids navigation */
ul.transfluidnav { 
    height: 193px;
    background: url(../images/img_nav_products_pointer.gif) no-repeat 0 108px; 
    margin: 0; padding: 0; list-style-type: none;
}
ul.transfluidnav em {display: none;}
ul.transfluidnav li {float: left; display: inline; margin: 0; padding: 0; list-style-type: none;}
ul.transfluidnav a {display:block; width:95px; height:192px;}
ul.transfluidnav a.mo1 {
  background: url(../images/img_nav_transmission_fluids_1.jpg) no-repeat;}
  ul.transfluidnav a.mo1:hover {background-position: 0 -385px;}
  .transfluid1 ul.transfluidnav a.mo1, .transfluid1 ul.transfluidnav a.mo1:hover {background-position: 0 -193px;}
ul.transfluidnav a.mo2 {
  background: url(../images/img_nav_transmission_fluids_2.jpg) no-repeat;}
  ul.transfluidnav a.mo2:hover {background-position: 0 -385px;}
  .transfluid2 ul.transfluidnav a.mo2, .transfluid2 ul.transfluidnav a.mo2:hover {background-position: 0 -193px;}
ul.transfluidnav a.mo3 {
  background: url(../images/img_nav_transmission_fluids_3.jpg) no-repeat;}
  ul.transfluidnav a.mo3:hover {background-position: 0 -385px;}
  .transfluid3 ul.transfluidnav a.mo3, .transfluid3 ul.transfluidnav a.mo3:hover {background-position: 0 -193px;}
ul.transfluidnav a.mo4 {
  background: url(../images/img_nav_transmission_fluids_4.jpg) no-repeat;}
  ul.transfluidnav a.mo4:hover {background-position: 0 -385px;}
  .transfluid4 ul.transfluidnav a.mo4, .transfluid4 ul.transfluidnav a.mo4:hover {background-position: 0 -193px;}
ul.transfluidnav a.mo5 {
  background: url(../images/img_nav_transmission_fluids_5.jpg) no-repeat;}
  ul.transfluidnav a.mo5:hover {background-position: 0 -385px;}
  .transfluid5 ul.transfluidnav a.mo5, .transfluid5 ul.transfluidnav a.mo5:hover {background-position: 0 -193px;}
    
/* coolant navigation */
ul.coolantsnav {
    height: 193px;
    background: url(../images/img_nav_products_pointer.gif) no-repeat 0 108px; 
    margin: 0; padding: 0; list-style-type: none;
}
ul.coolantsnav em {display: none;}
ul.coolantsnav li {float: left; display: inline; margin: 0; padding: 0; list-style-type: none;}
ul.coolantsnav a {display:block; width:158px; height:192px;}
ul.coolantsnav a.mo1 {
  background: url(../images/img_nav_coolants_1.jpg) no-repeat;}
  ul.coolantsnav a.mo1:hover {background-position: 0 -385px;}
  .coolants1 ul.coolantsnav a.mo1, .coolants1 ul.coolantsnav a.mo1:hover {background-position: 0 -193px;}
ul.coolantsnav a.mo2 {
  background: url(../images/img_nav_coolants_2.jpg) no-repeat;}
  ul.coolantsnav a.mo2:hover {background-position: 0 -385px;}
  .coolants2 ul.coolantsnav a.mo2, .coolants2 ul.coolantsnav a.mo2:hover {background-position: 0 -193px;}
ul.coolantsnav a.mo3 {
  background: url(../images/img_nav_coolants_3.jpg) no-repeat;
  width:159px;}
  ul.coolantsnav a.mo3:hover {background-position: 0 -385px;}
  .coolants3 ul.coolantsnav a.mo3, .coolants3 ul.coolantsnav a.mo3:hover {background-position: 0 -193px;}
    
/* car tips navigation */
ul.cartipsnav em {display: none;}
ul.cartipsnav {margin: 0; padding: 0; list-style-type: none;}
ul.cartipsnav li {float: left; display: inline; margin: 0 0 25px 0; padding: 0; list-style-type: none;}
ul.cartipsnav a.ct1 {
  display: block;
  width: 102px; 
  height: 100px; 
  background: url(../images/img_nav_car_tips_1.jpg) no-repeat 0 -101px;}
ul.cartipsnav a.ct1:hover {background-position: 0 0;}
.cartips1 ul.cartipsnav a.ct1, .cartips1 ul.cartipsnav a.ct1:hover {background-position: 0 0;}
ul.cartipsnav a.ct2 {
  display: block;
  width: 102px; 
  height: 100px; 
  background: url(../images/img_nav_car_tips_2.jpg) no-repeat 0 -101px;}
ul.cartipsnav a.ct2:hover {background-position: 0 0;}
.cartips2 ul.cartipsnav a.ct2, .cartips2 ul.cartipsnav a.ct2:hover {background-position: 0 0;}
ul.cartipsnav a.ct3 {
  display: block;
  width: 102px; 
  height: 100px; 
  background: url(../images/img_nav_car_tips_3.jpg) no-repeat 0 -101px;}
ul.cartipsnav a.ct3:hover {background-position: 0 0;}
.cartips3 ul.cartipsnav a.ct3, .cartips3 ul.cartipsnav a.ct3:hover {background-position: 0 0;}
  
/* Page-Specific Styles */

/* contact us page styles */
.regionaloffices {margin: 25px 0;}
.regionaloffices label {display: block; float: left; width: 90px; line-height: 1.4em;}
.regionaloffices select {width: 170px; border: 1px solid #888;}
.regionaloffices div {margin-bottom: 18px;}
.ccfind {margin-left: 221px; margin-left /**/: 219px;}

/* motor oils layout */
.contentlayout {margin: 19px 10px;}
.contentlayout.hr {padding-top: 20px; border-top: 1px solid #bebebe;}
.contentlayout .imgcontent {float: left; width: 210px;}
.contentlayout .textcontent {float: left; width: 250px;}
.contentlayout .imgcontent-sm {float: left; width: 120px;}
.contentlayout .textcontent-sm {float: left; width: 340px;}
.contentlayout h2 {
  margin: 0 0 3px 0; 
  padding: 0 0 3px 0; 
  font-style: italic; 
  font-size: 1em; 
  color: #333;
 /* border-bottom: 1px solid #bebebe;*/}

/* products landing page styles */
.prodpara1 {font-size: 1.5em; color: #666; margin: 0 0 0 40px; width: 630px;}
.prodpara2 {font-size: 1.5em; color: #999; margin-left: 112px; width: 540px;}
.prodparared {
  position: absolute;
  overflow: auto;
  top: 10px; 
  left: 112px;
  font-size: 1.5em; 
  color: #c33; 
  width: 540px;
  z-index: 1000;}

#imageMap a {
  height: 37px;
  width: 140px;
  margin: 0; 
  padding: 0;
  position: absolute!important;
  top: 0;
  left: 0;
  overflow: hidden;
  text-decoration: none;
  border: none;}
#imageMap a em {visibility: hidden;}

/*Product Landing Page*/
#productsCar {
  position: relative!important;
  margin: 0 0 20px 0;
  top: 0;
  left: 0;
  z-index: 25;
  width: 746px; 
  height: 287px; 
  background: url(../images/img_car_illustration.png) no-repeat;
  _background: url(../images/img_car_illustration.gif) no-repeat;}
#productsCar a {
  height: 37px;
  width: 140px;}
/*Motor Oils*/
#productsCar a.prodcar1 {top: 119px!important; left: 498px!important;
    background: url(../images/btn_motor_oils_off.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_motor_oils_off.png', sizingMethod='image');} 
#productsCar a.prodcar1:hover {background: url(../images/btn_motor_oils_over.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_motor_oils_over.png', sizingMethod='image');}
/*Antifreezes/Coolants*/
#productsCar a.prodcar2 {width: 140px; top: 197px!important; left: 614px!important;
    background: url(../images/btn_antifreeze_coolants_off.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_antifreeze_coolants_off.png', sizingMethod='image');} 
#productsCar a.prodcar2:hover {background: url(../images/btn_antifreeze_coolants_over.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_antifreeze_coolants_over.png', sizingMethod='image');}
/*Transmission Fluids*/
#productsCar a.prodcar3 {top: 214px!important; left: 397px!important;
    background: url(../images/btn_transmission_fluid_off.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_transmission_fluid_off.png', sizingMethod='image');} 
#productsCar a.prodcar3:hover {background: url(../images/btn_transmission_fluid_over.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_transmission_fluid_over.png', sizingMethod='image');}
/*Power Steering Fluid*/
#productsCar a.prodcar4 {top: 144px!important; left: 346px!important;
    background: url(../images/btn_steering_fluid_off.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_steering_fluid_off.png', sizingMethod='image');} 
#productsCar a.prodcar4:hover {background: url(../images/btn_steering_fluid_over.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_steering_fluid_over.png', sizingMethod='image');}
 /*Brake Fluids*/
 #productsCar a.prodcar5 {top: 204px!important; left: 57px!important;
    background: url(../images/btn_brake_fluid_off.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_brake_fluid_off.png', sizingMethod='image');}
#productsCar a.prodcar5:hover {background: url(../images/btn_brake_fluid_over.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_brake_fluid_over.png', sizingMethod='image');}
/*Gear Oils*/
#productsCar a.prodcar6 {top: 240px!important; left: 537px!important;
    background: url(../images/btn_gear_oils_off.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_gear_oils_off.png', sizingMethod='image');} 
#productsCar a.prodcar6:hover {background: url(../images/btn_gear_oils_over.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_gear_oils_over.png', sizingMethod='image');}
/*Oil and Air Filters*/
#productsCar a.prodcar7 {top: 154px!important; left: 550px!important;
    background: url(../images/btn_oil_air_filters_off.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_oil_air_filters_off.png', sizingMethod='image');} 
#productsCar a.prodcar7:hover {background: url(../images/btn_oil_air_filters_over.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_oil_air_filters_over.png', sizingMethod='image');}
 /*Wiper Blades*/
 a.prodcar8 {top: 80px!important; left: 388px!important;
    background: url(../images/btn_wiper_blades_off.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_wiper_blades_off.png', sizingMethod='image');}
a.prodcar8:hover {background: url(../images/btn_wiper_blades_over.png) no-repeat;
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_wiper_blades_over.png', sizingMethod='image');}

#productsImgs {
  position: absolute;
  overflow: hidden;
  top: 18px; 
  left: 586px;
  z-index: 0;}
  
/* services landing page styles */
#servicesMap {
  position: relative;
  margin: 0 0 10px 0;
  top: -19px!important;
  left: 1px;
  width: 958px;
  height: 292px;
  background: url(../images/img_bkgd_services_landing1.jpg) no-repeat;}
  
a.serv1 {
  width: 240px!important; 
  height: 240px!important; 
  top: 12px!important; 
  left: 690px!important;} /*Independent Providers*/
a.serv2 {
  width: 260px!important; 
  height: 260px!important; 
  top: 32px!important; 
  left: 403px!important;} /*Xpress Lube Star Lube Locator*/
a.serv1:hover {background: url(../images/img_serv_photo_1_1.jpg) no-repeat;}
a.serv2:hover {background: url(../images/img_serv_photo_2_1.jpg) no-repeat;}

a.serv1:hover, a.serv2:hover {border: none;}

.servpara3 {font-size: 1.5em; color: #666; margin: 0 0 0 112px; width: 540px;}

/* promotions page styles */
.promopara1 {font-size: 1.5em; color: #666; margin: 0 0 0 40px; width: 630px;}
.promopara2 {font-size: 1.5em; color: #999; margin: 0 0 30px 112px; width: 650px;}

.advertStyles {margin: 0 0 15px 112px;  }
.advertStyles h1 {clear: left; float: left; width: 110px; margin: 41px 0 0 0;}
.advertStyles ul { 
     float: left;
     width: 517px;
    list-style-type: none; 
     margin: 0!important; 
    padding: 0!important;}
.advertStyles.sponsor ul { 
    border-bottom: 1px solid #bebebe;
}   
.advertStyles.promo ul { 
    border-bottom: 1px solid #bebebe;
} 
.advertStyles ul li {
  list-style-type: none; 
  float: left; 
  width: 132px; 
  padding: 0 15px 10px 16px;
  margin: 0!important;}

.advertStyles p {margin: 0!important; padding: 0!important;}

.grayline {
  clear: left; 
  position: relative;
  overflow: hidden;
  width: 456px;
  border-bottom: 1px solid #bebebe; 
  margin: 0 0 15px 83px; 
  padding-top: 0; padding-top /**/: 15px;}

/* choose havoline page styles */
#chooseMap {
  position: relative;
  margin: 0 0 10px 0;
  top: -19px!important;
  left: 1px;
  width: 958px;
  height: 326px;
  background: url(../images/img_bkgd_choose_hav_landing.jpg) no-repeat;}
#chooseMap a {
  width: 80px!important; 
  height: 80px!important; 
  top: 217px!important; 
}
#chooseMap a:hover {border: none;}
#chooseMap a.choose1 {
  left: 32px!important;
  background: url(../images/btn_mrktr_locatr_off.png) no-repeat;
  _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_mrktr_locatr_off.png', sizingMethod='image');
    } /*Marketer/Distributor Locator*/
#chooseMap a.choose2 {
  left: 134px!important;
  background: url(../images/btn_retail_locatr_off.png) no-repeat;  
  _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_retail_locatr_off.png', sizingMethod='image');
} /*Retail Locator*/
#chooseMap a.choose3 {
  left: 236px!important;
  background: url(../images/btn_service_locatr_off.png) no-repeat;  
  _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_service_locatr_off.png', sizingMethod='image');
} /*Service Locator*/
#chooseMap a.choose4 {
  left: 340px!important;
  background: url(../images/btn_contact_us_off.png) no-repeat;  
  _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_contact_us_off.png', sizingMethod='image');
} /*Contact us*/
#chooseMap a.choose1:hover {background: url(../images/btn_mrktr_locatr_over.png) no-repeat;
  _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_mrktr_locatr_over.png', sizingMethod='image');
}
#chooseMap a.choose2:hover {background: url(../images/btn_retail_locatr_over.png) no-repeat;  
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_retail_locatr_over.png', sizingMethod='image');
}
#chooseMap a.choose3:hover {background: url(../images/btn_service_locatr_over.png) no-repeat;  
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_service_locatr_over.png', sizingMethod='image');
}
#chooseMap a.choose4:hover {background: url(../images/btn_contact_us_over.png) no-repeat;  
    _background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/btn_contact_us_over.png', sizingMethod='image');
}

/* car care page styles */
#carCareMap {
  position: relative;
  margin: 0 0 10px 40px;
  top: -10px!important;
  left: 1px;
  width: 870px;
  height: 302px;
  background: url(../images/img_bkgd_carcare_landing.jpg) no-repeat;}
  
a.carcare1 {
  width: 291px!important; 
  height: 302px!important; 
  top: 0!important; 
  left: 0!important;} /*Car Care Tips*/
a.carcare2 {
  width: 290px!important; 
  height: 302px!important; 
  top: 0!important; 
  left: 289px!important;} /*Oil Change Reminder*/
a.carcare3 {
  width: 290px!important; 
  height: 302px!important; 
  top: 0!important; 
  left: 580px!important;} /*Care for Your Classic*/
a.carcare1:hover {background: url(../images/img_carcare_photo_1.jpg) no-repeat;}
a.carcare2:hover {background: url(../images/img_carcare_photo_2.jpg) no-repeat;}
a.carcare3:hover {background: url(../images/img_carcare_photo_3.jpg) no-repeat;}

a.carcare1:hover, a.carcare2:hover, a.carcare3:hover {border: none;}

.carcarepara1 {font-size: 1.5em; color: #666; margin: 0 0 0 40px; width: 630px;}
.carcarepara2 {font-size: 1.5em; color: #666; margin-left: 40px; width: 630px;}
.carcarepara3 {font-size: 1.5em; color: #999; margin: 0 0 0 40px; width: 630px;}

ul.ccdots {list-style-type: disc; margin: 0 0 15px 40px; overflow: visible; width: 540px;}
ul.ccdots li {
  list-style-type: disc; 
  line-height: 1.4em; 
  margin: 0 0 0 30px; 
  overflow: visible; 
  font-size: 1.5em; 
  color: #999;}

/* news page styles */
.newslayout {margin: 10px 0 0 175px; width: 455px;}
.newslayout img {margin: 20px 0 30px 0;}
.newspara1 {font-size: 1.5em; color: #666; padding: 15px 0 0 40px; width: 630px;}
.newslayout .firstItem {padding-bottom: 15px;}
.newslayout .firstItem h1 {font-size: 1.5em; color: #666; line-height: 1.4em;}
.newslayout .firstItem p {font-size: 1.5em; color: #999; line-height: 1.4em;}
.newslayout .firstItem p.normal {font-size: 1em!important; }
.newslayout h2 {
  font-size: 1em!important; 
  font-style: italic; 
  border-bottom: 1px solid #bebebe; 
  padding: 0 0 9px 0;
  margin: 0;}
.newslayout ul {list-style-type: none; margin: 0; padding: 0;}
.newslayout ul li {
  list-style-type: none; 
  margin: 0; padding: 0; 
  border-bottom: 1px solid #bebebe; 
  padding: 9px 0;}
.newslayout ul li h1 {margin: 0; padding: 0;}
.newslayout ul li p {margin: 0; padding: 0;}

/* oil change reminder styles */
.grayline1 {
  clear: left; 
  position: relative;
  overflow: hidden;
  width: 520px;
  border-bottom: 1px solid #bebebe; 
  margin: 0 0 15px 0; 
  padding-top: 0; padding-top /**/: 15px;
  left: -20px!important;}
.legal {font-size: .9em; margin: 20px 0;}
.reminderForm label.fortext {
  display: block; 
  float: left; 
  width: 230px; 
  line-height: 1.4em;}
.reminderForm label.fortext1 {
  display: block; 
  float: left; 
  width: 206px; 
  padding: 0 0 0 24px;
  line-height: 1.4em;}
.reminderForm label.fortextci {
  line-height: 1.4em;
  width: 207px; width /**/: 205px;
  display: inline-block;}
.reminderForm input.text {
  width: 260px; 
  border: 1px solid #acaead; 
  margin: 3px 0; 
  color: #666;}
.reminderForm input.cbox {width: 13px;}
.reminderForm input.submit {margin: 0 0 20px 0;}

/* FAQ page styles */
.faqimg {margin: 5px 0 20px 0;}
.faqstyles h2 {font-size: 1em; font-style: italic; color: #333; margin: 0 0 5px 0; padding: 0;}

/* ##### Products Page - Product Selector ##### */

/* Product Selector Global Styles */

div#productSelector {
	position:relative;
	height:120px;
	padding:0;
	margin:0 0 90px 0;
	background:transparent url(../images/productSelector_bottom.png) no-repeat bottom left;
	}

	div#productSelector ul#productNav {
		padding:0;
		list-style:none;
		overflow:hidden;
		}
		
		div#productSelector ul#productNav li {
			float:left;
			}
			
			div#productSelector ul#productNav li a {
				display:block;
				text-indent:-9999px;
				height:98px;
				}
		
			div#productSelector ul#productNav li a:hover {
				background-position:0 -98px;
				}

	div#productSelector div#caret {
		position:absolute;
		top:113px;
		left:0;
		z-index:2;
		width:15px;
		height:7px;
		background:transparent url(../images/productSelector_caret.png) no-repeat 0 0;
		display:none;
		}

div#productDesc {
	margin:0;
	padding:0;
	list-style:none;
	width:475px;
	}

	div#productDesc {
		list-style:disc;
		}

	div#productDesc div {
		overflow:hidden;
		height:1%;
		display:none;
		}
		
		div#productDesc div span.productImage {
			display:block;
			float:left;
			margin:0 35px 0 0;
			}
		
		div#productDesc div span.productContent {
			display:block;
			float:left;
			}
		
	div#productDesc div span p.product_dataSheet,
	div#productDesc div span p.product_msds {
		margin:0 0 0 10px;
		padding:0;
		}
		
div#productIntro {
	}
	
	
	
	
/* Product Selector - Coolants & Antifreezes */

div#productSelector.coolants {
	}

	div#productSelector.coolants ul#productNav {
		margin:0 0 0 72px;
		}

		div#productSelector.coolants ul#productNav li {
			width:138px;
			}

			div#productSelector.coolants ul#productNav li a {
				width:60px;
				}

ul#productNav li a.coolantsNav1 {
	background:transparent url(../images/coolants1_thumb.jpg) no-repeat 0 0;
	}

ul#productNav li a.coolantsNav2 {
	background:transparent url(../images/coolants2_thumb.jpg) no-repeat 0 0;					
	}

ul#productNav li a.coolantsNav3 {
	background:transparent url(../images/coolants3_thumb.jpg) no-repeat 0 0;					
	}

div#productDesc.coolants div span.productImage {
	width:204px;
	}

div#productDesc.coolants div span.productContent {
	width:234px;
	}






/* Product Selector - Transmission Fluids */


div#productSelector.trans {
	}

	div#productSelector.trans ul#productNav {
		margin:0 0 0 25px;
		}

		div#productSelector.trans ul#productNav li {
			width:95px;
			}

			div#productSelector.trans ul#productNav li a {
				width:47px;
				}

ul#productNav li a.transFluidNav1 {
	background:transparent url(../images/transfluid1_thumb.jpg) no-repeat 0 0;
	}

ul#productNav li a.transFluidNav2 {
	background:transparent url(../images/transfluid2_thumb.jpg) no-repeat 0 0;					
	}

ul#productNav li a.transFluidNav3 {
	background:transparent url(../images/transfluid3_thumb.jpg) no-repeat 0 0;					
	}
	
ul#productNav li a.transFluidNav4 {
	background:transparent url(../images/transfluid4_thumb.jpg) no-repeat 0 0;					
	}
	
ul#productNav li a.transFluidNav5 {
	background:transparent url(../images/transfluid5_thumb.jpg) no-repeat 0 0;					
	}
	
div#productDesc.trans div span.productImage {
	width:181px;
	}

div#productDesc.trans div span.productContent {
	width:244px;
	}	
	
/* Distributor Locator Styles */
.introtextll {font-size: 1.3em;}
.mt13 {margin-top: 13px!important;}
a.finddist {
  display: block;
	width: 40px;
	height: 19px;  
	text-indent:-5000px;
	overflow: hidden;
	background-position: left 0px;
  background: url(../images/form_elements/btn_find.gif) no-repeat;
	margin-right: 15px;}
.fltright {
	float: right;
	display: inline; /*to avoid IE double margin bug*/
	margin: 0;}
.fltleft {
	float: left;
	display: inline; /*to avoid IE double margin bug*/
	margin: 0;}
.caption {color: #666; font-size: .9em;}
ul.smlshadebox {
  margin: 3px 0 0 0!important; 
  padding: 0!important;
  list-style:none; 
  width: 750px;}
.smlshadebox li {
  width: 226px; 
  padding: 10px 5px 10px 10px; 
  margin: 10px 10px 0 0;
  float: left;
  background: url(../images/bkgd_blueshade_box_tiny.jpg) repeat-x;
  min-height: 50px;
  _height: 50px;}
.ccdlDrop {
  width: 160px; 
  border: 1px solid #ddd;
  margin: 0 0 4px 0;
  padding: 0;
  font-family: arial, helvetica, sans-serif;
  color: #888;}
.ccdlText {
  width: 210px; 
  color: #888; 
  margin-top: 3px;
  border: 1px solid #ddd;
  padding: 2px;
  background: #fff url(../images/bkgd_input_text2.gif) no-repeat;}
li.gblast {margin-right: 0!important;}
.moveover {margin: 8px 0 30px 250px;}
.addwidth {width: 200px;}
.noMarg {margin: 0!important;}
.noMarg li {margin: 0!important;}
.hide {visibility: hidden; width: 26px; overflow: hidden;}

.ccdlemail {
  background: url(../images/icons/icon_envelope.gif) 0 4px no-repeat; 
  padding-left: 20px;}
ul.pagination {
  float: right; 
  list-style: none;
  margin: 0!important;
  padding: 0 20px 0 0!important;}
ul.pagination li {
  display: inline;
  list-style-type: none; 
  float: left; 
  margin: 0!important;
  padding: 0 5px 0 0!important;}
.pagination li a:link, .pagination li a:active, .pagination li a:hover,
.pagination li a:focus, .pagination li a:visited {color: #a4a4a4;}
.pagination li a:link.on, .pagination li a:active.on, .pagination li a:hover.on,
.pagination li a:focus.on, .pagination li a:visited.on {color: #333!important;}
table.ccdlTable, table.mycglTable {
  width: 743px;
  padding: 0; 
  margin: 7px 0 20px 0; 
  font-size: 1em;
  border-bottom: 2px solid #e6e6e6;}
table.mycglTable {width: 570px; margin: 3px 0 5px 0; }
table.ccdlTable th, table.mycglTable th {
  text-align: left; 
  background-color: #888; 
  color: #fff;
  padding: 5px 0;}
table.ccdlTable td, table.mycglTable td {
  padding: 8px 0;
  border-bottom: 1px solid #e6e6e6;}
th.mcfirst, td.mcfirst {padding-left: 5px!important;}
.distdetail {
  border-top: 3px solid #e6e6e6;
  border-bottom: 3px solid #e6e6e6;}
ul.distinfo {
  float: left;
  width: 250px;
  margin: 0!important; 
  padding: 0 0 5px 0!important;
  border-top: 1px solid #e6e6e6; }
.distinfo li {
  list-style-type: none;
  line-height: 2;
  width: 250px;
  margin: 0; 
  padding: 0;}
.infocat {float: left; width: 110px;}
.infoanw {float: left; width: 140px;}
.noMargPad {margin: 0!important; padding: 0!important;}
.sigclassstarp {margin: 3px 0 3px 115px;}
/* end Distributor Locator Styles */

/* xpress lube page styles */
ol.xlubelist {margin: 0 0 15px 0; padding: 0; overflow: hidden;}
ol.xlubelist li {margin: 0 0 0 30px; padding: 0;}

/* show your shield promotion pages styles */
#bkgdSYS {
  position: relative;
  width: 958px;
  padding: 0 0 25px 0;
  margin: 0 0 10px 0;
  top: -19px!important;
  left: 1px;
  color: #fff;
  line-height: 1.4em;
  background: #0f0503 url(../images/bkgd_show_shield.jpg) no-repeat top left;}
#bkgdSYS h1 {color: #fff; font-size: 4em;}
  #bkgdSYS h1.datehdr {font-size: 2em;}
#bkgdSYS h2, #bkgdSYS h3 {color: #ffd90f;}
#bkgdSYS h2 {font-size: 1.5em;}
#bkgdSYS h3 {text-transform: uppercase; font-size: 1.2em; font-weight: bold; margin-bottom: 7px;}
#bkgdSYS img {float: left; display: inline; margin: 14px 0 0 5px;}
.sysleft {float: left; width: 193px;}
.systop {float: left; width: 395px;}
  .systop p {font-weight: bold; font-style: italic; font-size: 1.2em;}
  .systop p.norm {font-weight: normal; font-style: normal; font-size: 1em;}
  .sysdrop {margin-top: 5px; width: 170px;}
.sysbottom {width: 576px; position: relative; padding-left: 193px;}
.sysbottom2 {
  width: 765px; 
  position: relative; 
  margin-left: 193px;}
.sysplay {float: left; width: 270px; margin-right: 25px;}
  .sysplay ul {margin: 0; padding: 0; list-style-type: none;}
  .sysplay ul li {margin: 0 0 5px 25px; list-style-image: url(../images/icons/yellow_dot.gif);}
  .sysplay img, .sysbottom2 img {float: left;}
.sysreward {float: left; width: 270px;}
.legaltxt {
  clear: left; 
  width: 815px; 
  color: #7f7f7f; 
  font-size: .8em; 
  position: relative;
  margin-left: 20px;}
  .legaltxt a:link, .legaltxt a:active, .legaltxt a:hover, .legaltxt a:focus, 
  .legaltxt a:visited {color: #7f7f7f;}
  .legaltxt ul {margin: 0; padding: 0; list-style-type: none;}
  .legaltxt ul li {
    float: left;
    border-right: 1px solid #7f7f7f;
    margin: 0 5px 15px 0; 
    padding: 0 5px 0 0; 
    list-style-type: none;}
    .noline {border-right: none!important;}
h1.h1Replace {
  padding: 83px 0 0 0;
  margin: 39px 0 25px 0;
  overflow: hidden;
  background: url(../images/img_h1_showShield1.gif) no-repeat;
  height: 0px !important;
  height /**/:83px;}
h1.h1ReplaceSml {
  position: absolute;
  padding: 33px 0 0 0;
  margin: 39px 0 25px 0;
  overflow: hidden;
  background: url(../images/img_h1_whereshowShield.gif) no-repeat;
  height: 0px !important;
  height /**/:33px;
  width: 452px;
  z-index: 5;}
h1.h1Replace1 {
  position: absolute;
  padding: 43px 0 0 0;
  margin: 39px 0 25px 0;
  overflow: hidden;
  background: url(../images/img_h1_showShieldSave.gif) no-repeat;
  height: 0px !important;
  height /**/:43px;
  width: 452px;
  z-index: 5;}
h2.h2Replace {
  padding: 20px 0 0 0;
  margin: 0 0 26px 0;
  overflow: hidden;
  background: url(../images/img_h2_showShield1.gif) no-repeat;
  height: 0px !important;
  height /**/:20px;}
h2.h2Replace2 {
  padding: 14px 0 0 0;
  margin: 0 0 10px 0;
  overflow: hidden;
  background: url(../images/img_h2_showShield2.gif) no-repeat;
  height: 0px !important;
  height /**/:14px;}
h2.h2Replace3 {
  padding: 64px 0 0 0;
  position: relative;
  top: 125px;
  margin: 0 0 30px 0;
  overflow: hidden;
  background: url(../images/img_h2_showShield3.gif) no-repeat;
  height: 0px !important;
  height /**/:64px;}
  
.sysleft ul {margin: 15px 0 0 0; padding: 0; list-style-type: none;}
.sysleft ul li {
  margin: 0 0 6px 0; 
  padding: 3px 0 0 0; 
  list-style-type: none;
  font-weight: bold;
  width: 164px;
  height: 21px;
  background: url(../images/bkgd_leftnav_showShield.gif) no-repeat;}
.sysleft ul li a:link, .sysleft ul li a:active, .sysleft ul li a:hover, .sysleft ul li a:focus, 
.sysleft ul li a:visited {
  padding-left: 24px;
  color: #ffd90f; 
  text-decoration: none;}
.sysleft ul li a:hover {color: #fff; text-decoration: none;}
.sysleft .landing ul li a.sys1, .sysleft .dates ul li a.sys2, .sysleft .special ul li a.sys3 {
  color: #fff;
  background: url(../images/icons/arrow_white_right.gif) no-repeat 15px 3px;}
table.sysTable {border: 0; width: 765px; padding: 0; margin: 0; font-weight: bold;}
  .sysTable th {
    text-align: left; 
    background: #000; 
    color: #fff; 
    font-weight: bold; 
    font-style: italic; 
    padding: 3px;}
  .sysTable td {padding: 3px;}
  .sysTable span.yellow {color: #ffd90f;}
  .sysTable tr.orange td {background: #d04f0c;}
a.acrobat:link, a.acrobat:active, a.acrobat:hover, a.acrobat:focus, 
a.acrobat:visited {
  color: #fff; 
  text-decoration: none;
  margin: 0 0 0 131px;
  padding: 0 20px 0 0;
  background: url(../images/icons/icon_sys_arrow_right.gif) no-repeat bottom right;}
a.acrobat:hover {text-decoration: underline;}
.acropara {margin-top: 97px;}

/* glossary page */


/* Topic - alphabetical navigation */
/* (appears on Product Brochures and Glossary) */
div#topicbox {
	overflow:hidden;
	width:auto;
	clear:both;
	margin:0;
	padding:0;
	height:1%; /* For IE6 */
	}
div#topicbox.glossary {
    margin-bottom:20px;
    }

div#topicbox h1 {
	display:block;
	margin:0;
	padding:6px 10px;
	color:#666;
	background:#e6e6e6;
	font-size:1.2em;
	font-weight:bold;
	}
div#topicbox p {margin:0;}
	
div#topicbox a {
	display: block; 
	position: relative;
	text-decoration:none;
	text-align: center;
	vertical-align: middle;
	color: #333;
	width: 23px;
	height: 23px;
	padding: 0;
	font-size: 1.5em;
	line-height: 1.3;
	background: url(../images/bkgd_glossary_dot.gif) no-repeat;}
	
div#topicbox a:hover, div#topicbox a.onstate {
	color: #fff;
	background-position: 0 -23px;}

/* topic box search */
div#topicbox ul#search1, div#topicbox ul#search2 {list-style-type: none; margin: 0 0 0 30px; padding: 0 0 15px 0;}
div#topicbox ul#search1 li, div#topicbox ul#search2 li {
  list-style-type: none; 
  margin: 0; 
  padding: 0;
  float: left;
  width: 23px;
  height: 23px;
  padding: 0;
  margin: 7px 9px 0 0;}
div#topicbox ul#search2 {clear: left; margin-left: 46px;}

div#topicSearch {clear: both; padding: 10px 0; margin: 0;}
	
div#topicSearch label {
	display:block;
	font-size:1.2em;
	margin:0 0 5px 0;
	}	
	
div#topicSearch input.submit {
    background: #fff url(../images/btn_find.gif) no-repeat 0 0;
    width:64px;
    height:20px;
    margin:0;
    padding:0;
    border:0;
    color:#fff;
    text-indent:-9999px;
    }		
		
.listbox {
	width: 500px;
	height: 280px;
	border-bottom: 3px solid #ddd;
	border-top: 3px solid #ddd;
	overflow:auto;
	margin-bottom: 15px;
	}

.listbox h3 {
	font-size: 1em!important;
	}

#Content .listbox ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width:490px;
	}

.listbox ul li {
	list-style-type: none;
	margin: 0;
	padding: 5px 20px 5px 0;
	border-bottom: 1px solid #ddd;
	}

.listbox li h3 {
	font-weight:bold;
	}

.listbox li p {
	margin: 0 0 0 19px!important;
	}

.listbox li.topicClosed p {
	display: none;
	}

.listbox li.topicClosed h3 a {
	background: url(../images/icon_gray_arrow_right_distloc.gif) no-repeat 5px 3px;
	padding-left: 18px;
	color:#333!important;
	}

.listbox li.topicOpen h3 a {
	background: url(../images/icon_gray_arrow_down.gif) no-repeat 0 5px;
	padding-left: 18px;
	color:#333!important;
	}	
					
.prodpagehdr {
  background-color: #e6e6e6; 
  margin-top: 15px!important;
  padding: 5px 0 5px 10px; 
  font-weight: bold;
  font-size: 1.1em;}		
  
/* Independent Providers page styles */
table.indepTable {
  padding: 0;
  margin: 0;
  font-size: .9em;
  width: 500px;}
table.indepTable th {
  font-size: 1.2em;
  color: #fff;
  background: #000;
  text-align: left; 
  text-transform: none;
  height: 20px;
  padding: 3px;}
table.indepTable td {
  border: 1px solid #d3d5d4; 
  text-align: left; 
  text-transform: none;
  padding: 3px;}
table.indepTable .col1 {width: 130px;}
table.indepTable .col2 {width: 130px;}
table.indepTable .col3 {width: 80px;}
table.indepTable .col4 {width: 42px;}
table.indepTable .col5 {width: 38px;}
table.indepTable .col6 {width: 80px;}

/* Havoline heritage page styles */
.havher h2 {font-weight: bold; font-size: 1em; color: #666;}
.havher img {margin: 5px 0 29px 0;}

/* site map */
div.sitemapColumnLeft,
div.sitemapColumnRight {float:left; position:relative;}
div.sitemapColumnLeft {width:260px; padding:0 20px 0 0;}
div.sitemapColumnRight {width:210px; padding:0 0 0 10px;}

/* Coolant Selector box */
.findBox {
    padding: 10px 10px 0 10px;
    background: #d3d5d4;
    border: 2px solid #aaa;
    width: 230px;
    position: relative;  
    float: left;
    display: inline;
}
.findBox p  {
   margin: 0 0 0.5em 0;
   padding: 0;
}
.findBox select {
  font-size: 1em;
  border: 1px solid #ddd;
  width: 188px;
}
.findBox .find {
	background: url(../images/btn_find.gif) no-repeat;
    height: 20px;
    width: 64px;
    cursor: pointer;
    text-indent: -6000px;
    border: none;
}
/* Find Marketer box */
.maincol .findBox {
    padding: 10px 10px 30px 5px;
    width: 215px;
    margin: 0 16px 20px 0;
    min-height: 130px;
    _height: 130px;  
}
.maincol .findBox label {
  font-size: 1em;
   margin: 3px 0 10px 0;
   width: 55px;
    float: left;
    display: inline;
}
.maincol .findBox .selectBox {
   margin: 0 0 10px 0;
   width: 160px;
    float: left;
    display: inline;
}
.maincol .findBox select {
  width: 160px;
  color: #666;
  font-family: arial, helvetica, sans-serif;
}
.maincol .findBox .find {
	position: absolute;
	right: 10px;
	bottom: 10px;
}