/* These rules will be hidden from NS4 & IE4.5/Mac */

/* Body & Main Wrapper -----------------------------------------------*/

/*--------------------------------------------------------------------*/

body {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 76%;
  color: #000;
  text-align: center;
}

body.home {
  background: #0c3456 url(../images/tile_bkgrnd.gif) repeat-x 0px 327px;
}

body.sub {
  background: #FFFFFF url(../images/tile_bkgrnd_sub.gif) repeat-x 0px 0px;
}

#wrapper {
  margin: 0;
  padding: 0;
  border: 0;
  width: 100%;
}

#middle_wrapper {
  margin: 0 auto;
  padding: 0;
  border: 0;
  width: 960px;
  background: transparent url(../images/left_edge_shadow.png) no-repeat 0px 50px;
}

#inner_wrapper {
  margin: 0 0 0 10px;
  display: block;
  float: none;
  padding: 0;
  border: 0;
  width: 950px;
  background: transparent url(../images/right_edge_shadow.png) no-repeat right 50px;
  text-align: left;
}

.qmmc {
  background: url(../images/nav_background-right.gif) no-repeat right top;
}

/* =================================================== */

/* ================= small_text_block =================*/

/* =================================================== */

div.small_text_block {
  width: 250px;
  margin-top: 0;
  display: inline;
  float: left;
  text-align: left;
}

div.small_text_block h3 {
  margin: 0 0 12px 0;
  border-bottom: 1px dashed #bbbbbb;
  text-align: left;
  font-size: 22px;
  color: #01a242;
}

div#navigation_secondary {
  display: block;
  padding: 0;
  margin: 0 auto;
  border: 0;
  width: 940px;
  background-color: #1a486f;
  text-align: left;
}

div#navigation_secondary ul {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  list-style-type: none;
  padding: 11px 20px;
  font-size: 1.0em;
  color: #fff;
  background: transparent;
  margin: 0;
}

div#navigation_secondary ul li {
  display: inline;
  margin-right: 15px;
}

div#navigation_secondary ul li a:link, div#navigation_secondary ul li a:visited {
  color: #FFF;
  font-weight: normal;
  text-decoration: none;
}

div#navigation_secondary ul li a:hover, div#navigation_secondary ul li a:active {
  color: #FFF;
  font-weight: normal;
  text-decoration: underline;
}

div.boilerplate {
  display: block;
  padding: 0;
  margin: 0 auto 20px auto;
  border: 0;
  width: 940px;
  min-height: 67px;
  background: transparent url(../images/bkgrnd_boilerplate.gif) no-repeat 0px 0px;
  text-align: left;
}

body.sub div.boilerplate {
  background-image: none;
}

div.boilerplate p {
  margin: 0;
  padding: 10px 20px;
  font-size: 0.9em;
  color: #959595;
  background: transparent;
  line-height: 1.4em;
}

div.boilerplate p a:link, div.boilerplate p a:visited {
  color: #959595;
  font-weight: normal;
  text-decoration: underline;
}

div.boilerplate p a:hover, div.boilerplate p a:active {
  color: #959595;
  font-weight: normal;
  text-decoration: none;
}

div.location-list>ul>li {
  padding: 20px;
}

div.location-list>ul {
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 0px;
}

/*-----------------------------------------------------------------*/

/* Basic Elements -------------------------------------------------*/

/*-----------------------------------------------------------------*/

h1 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.8em;
  font-weight: bold;
  color: #0c4e98;
  margin: 0 0 8px 0;
}

h2 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 30px;
  font-weight: normal;
  color: #0c4e98;
  margin: 0 0 0 0;
  text-transform: uppercase;
}

h4 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 18px;
  font-weight: bold;
  height: 28px;
  width: 160px;
  color: #FFFFFF;
  margin: 32px 0 0 8px;
  background-color: transparent;
  border-bottom: 1px dashed #bbbbbb;
}

h5 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.2em;
  font-weight: bold;
  color: #0c4e98;
  margin: 0 0 0px 0;
}

h6 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  color: #0c4e98;
  margin: 0 0 8px 0;
}

p {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.1em;
  color: #666;
  margin: 0 0 10px 0;
  padding: 0 0 6px 0;
}

p.small {
  font-size: 12px;
}

p.xtra_small {
  font-size: 11px;
}

a:link {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  color: #0c3456;
  font-weight: normal;
  text-decoration: underline;
}

a:visited {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  color: #0c3456;
  font-weight: normal;
  text-decoration: underline;
}

a:hover {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  color: #0c3456;
  font-weight: normal;
  text-decoration: none;
}

a:active {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  color: #0c3456;
  font-weight: normal;
  text-decoration: underline;
}

p.footer a:link, p.footer a:visited, p.footer a:hover, p.footer a:active {
  color: #fff;
}

p.no_bottom_margin {
  margin-bottom: 0;
}

hr {
  border: 0;
  color: #dad6b9;
  background-color: #dad6b9;
  height: 1px;
  margin: 10px 0;
  width: 100%;
}

img {
  border: none;
}

ul.no_top_margin {
  margin-top: 0;
}

ul.no_bottom_margin {
  margin-bottom: 0;
}

li {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.1em;
}

.faq_question {
  font-weight: bold;
  color: #0C3456;
  margin-bottom: 5px;
}

.faq_answer {}

/* Basic Classes -------------------------------------------------*/

/*----------------------------------------------------------------*/

.hide {
  display: none;
}

.small {
  font-size: 0.9em;
}

.required {
  color: #ff0;
}

.hilite {
  color: #07c;
}

.clear {
  content: ".";
  overflow: hidden;
  clear: both;
  font-size: 1px;
  line-height: 0;
}

.padded {
  padding-bottom: 10px;
}

.right {
  float: right;
}

.center {
  text-align: center;
}

.left {
  float: left;
  padding-right: 10px;
}

.noborder {
  border-bottom: none;
  border-top: none;
  border-left: none;
  border-right: none;
}

.needInfo, .needInfo p, .needinfo, .needinfo p {
  color: yellow;
  background: #FF33CC;
}

.indent {
  margin-left: 30px;
}

/* Header Replacement With Link -----------------------------------*/

/*-----------------------------------------------------------------*/

#header {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  width: 940px;
  height: 122px;
  background: #ffffff url(../images/bkgrnd_mast.gif) repeat-x left top;
}

#header h1 a, #header h1 {
  display: inline;
  float: left;
  width: 152px;
  height: 58px;
  padding: 0;
  margin: 0 0 0 0;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
}

#header h1 a, #header h1 {
  background: url(../images/logo_heritage_petroleum.png) 0 3px;
}

#header #mast {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  width: 940px;
  height: 67px;
  background: transparent;
  text-align: left;
}

#header #navigation_sub {
  display: block;
  padding: 0;
  margin: 0;
  border: 0;
  width: 940px;
  height: 30px;
  background: #ffffff url(../images/bkgrnd_subnav.gif) repeat-x left top;
}

#home_flash {
  display: block;
  padding: 0;
  border: 0;
  width: 920px;
  height: 367px;
  background: transparent;
  margin: 0 auto;
}

div.testimonial img {
  margin: 0 auto;
}

div.testimonial {
  display: block;
  padding: 0;
  border: 0;
  width: 222px;
  min-height: 213px;
  background: #ffffff url(../images/bkgrnd_testimonial.gif) repeat-x left top;
  margin: 10px 22px 15px 10px;
}

div.testimonial blockquote {
  width: 178px;
  margin: 30px auto;
  padding: 0;
  border: none;
  text-align: center;
}

div.testimonial blockquote p {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  color: #055a82;
  font-style: normal;
  line-height: 1.4em;
  text-align: center;
}

div.market_data {
  display: inline;
  float: left;
  width: 680px;
  height: 26px;
  background: #ffffff url(../images/bkgrnd_market_data.gif) no-repeat left top;
  color: #055a82;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.9em;
  margin: 0;
  padding: 0;
}

div.subnav {
  display: inline;
  float: left;
  padding: 0;
  border: 0;
  width: 240px;
  min-height: 213px;
  background: #ffffff;
  margin: 10px 20px 15px 20px;
}

div.sub_callout_outer {
  padding: 0;
  width: 606px;
  background: #f0f0f0;
  margin: 0;
  border: 7px solid #f0f0f0;
}

* html div.sub_callout_outer {
  /* this selector recognized by IE only */
  width: 620px;
  /* total width (only for IE5.x/Win) */
  w\idth: 606px;
  /* content width (for other IE) */
}

div.sub_callout_inner {
  width: 602px;
  border: 2px solid #0c3456;
  background: #04142a url(../images/sub_callout_bkgrnd.jpg) repeat-x left top;
  margin: 0;
  padding: 0;
}

* html div.sub_callout_inner {
  /* this selector recognized by IE only */
  width: 606px;
  /* total width (only for IE5.x/Win) */
  w\idth: 602px;
  /* content width (for other IE) */
}

div.sub_callout_inner p {
  color: #fff;
  padding: 18px;
}

div.sub_callout_inner p a:link, div.sub_callout_inner p a:visited, div.sub_callout_inner p a:hover, div.sub_callout_inner p a:active {
  color: #fff;
}

div.sub_callout_inner_image {
  width: 606px;
  margin: 0 0 -3px 0;
  padding: 0;
}

div.sub_center {
  float: left;
  display: inline;
  background: #FFF url(../images/icon_left_shadow.gif) repeat-y left top;
}

div.sub_detail_section {
  width: 420px;
  min-height: 92px;
  margin: 20px 0 0 20px;
}

div.sub_detail_section_full {
  width: 600px;
  min-height: 92px;
  margin: 20px 0 0 20px;
}

div.sub_detail_section ul li, div.sub_detail_section_full ul li {
  color: #666;
}

div.sub_detail_section ul li a, div.sub_detail_section_full ul li a {
  font-size: 1.1em;
}

div.sub_detail_section_full ul li ul li a {
  font-size: 1.0em;
}

div.sub_detail_section_full ul li ul li ul li a {
  font-size: 0.9em;
}

div.sub_detail_section .iconContainer, div.sub_detail_section_full .iconContainer {
  margin: 0 0 0 0;
  float: left;
  display: inline;
  width: 95px;
}

div.sub_detail_section .iconContainer img, div.sub_detail_section_full .iconContainer img {
  margin: 0 auto;
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
}

div.sub_detail_section .txtContainer, div.sub_detail_section_full .txtContainer {
  margin: 0 0 0 30px;
  float: left;
  display: inline;
  width: 295px;
  background: transparent;
}

div.sub_detail_section h3, div.sub_detail_section div h3, div.about_something h3, div.sub_detail_section_full h3, div.sub_detail_section_full div h3, div.about_something_full h3 {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  margin: 10px 0 8px 0;
  width: 250px;
  color: #055a82;
}

div.sub_detail_section div p, div.sub_detail_section_full div p div.sub_margin_inner_text {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.9em;
}

.lubricant-logos {
  margin: auto;
  text-align: center;
}

div.sub_margin_outer {
  float: right;
  display: inline;
  padding: 0;
  width: 153px;
  background: #FFF;
  margin: 20px 0 0 0;
  border: 7px solid #f0f0f0;
}

* html div.sub_margin_outer {
  /* this selector recognized by IE only */
  width: 167px;
  /* total width (only for IE5.x/Win) */
  w\idth: 153px;
  /* content width (for other IE) */
}

div.sub_margin_inner {
  padding: 10px;
}

div.sub_margin_inner h2 {
  font-size: 18px;
}

div.sub_margin_inner p {
  font-size: 0.9em;
}

div.sub_margin_inner div.download_pdf {
  background: #ffffff url(../images/pdf_icon.gif) no-repeat left top;
  margin: 12px 0 0 0;
}

div.sub_margin_inner_image {
  width: 153px;
  margin: 0 0 -3px 0;
  padding: 0;
}

div.sub_margin_outer_left {
  float: left;
  display: inline;
  padding: 0;
  width: 150px;
  background: #FFF;
  margin: 0;
  border: 7px solid #f0f0f0;
}

* html div.sub_margin_outer_left {
  /* this selector recognized by IE only */
  width: 164px;
  /* total width (only for IE5.x/Win) */
  w\idth: 150px;
  /* content width (for other IE) */
}

div.sub_margin_inner_left {
  width: 150px;
  margin: 0 0 -3px 0;
  padding: 0;
}

div.sub_margin_inner_text {
  margin: 0 0 0 15px;
  float: left;
  width: 400px;
}

p.pdf_download {
  background: transparent url(../images/pdf_icon.gif) no-repeat left top;
  padding: 0 0 0 35px;
  height: 31px;
  overflow: visible;
}

p.newpage_link {
  background: transparent url(../images/newpage_icon.gif) no-repeat left top;
  padding: 0 0 0 35px;
  height: 31px;
  overflow: visible;
}

div.sub_margin_inner div.download_pdf p {
  color: #055a82;
  font-size: 0.8em;
  font-weight: bold;
  margin: 0 0 0 30px;
  padding: 0;
}

div.about_something {
  background: #FFF url(../images/about_icon.gif) no-repeat 65px top;
  margin-top: 120px;
}

div.about_something h3 {
  padding: 50px 0 0 0;
}

div.about_something, div.about_something p {
  text-align: center;
  color: #055a82;
}

div.about_something div.bottom {
  width: 191px;
  height: 63px;
  background: #FFF url(../images/about_bottom.gif) no-repeat left top;
  margin: 0 auto;
  border: none;
}

/* Main Content Area -----------------------------------------------*/

/*------------------------------------------------------------------*/

#main {
  margin: 0;
  padding: 0;
  width: 875px;
  background-color: #f00;
  text-align: left;
}

div.content_container {
  float: left;
  display: inline;
  width: 620px;
  margin-top: 10px;
}

.location-list {
  margin: 50px auto;
  text-align: center;
  width: 80%;
}

/* Location columns */

.one-third {
  float: left;
  margin-left: 7.564103%;
  width: 28%;
}

.first {
  clear: both;
  margin-left: 0;
}

.oil_content_fullwidth {
  width: 606px;
  margin-top: 60px;
}

.oil_content_fullwidth h2 {
  font-weight: bold;
  color: black;
  font-size: 22px;
}

.oil_content_fullwidth iframe {
  margin: 0 auto;
}

/* Sign in Form ----------------------------------------------------------*/

/*-----------------------------------------------------------------*/

form.sign_in .required {
  color: #CD3A29;
}

form.sign_in {
  border: 0;
  margin: 0;
  padding: 0;
}

form.sign_in fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}

form.sign_in fieldset table {
  margin: 0 0 0 10px;
  padding: 0;
  border: 0;
  height: 33px;
  width: 384px;
}

form.sign_in fieldset table td {
  background: transparent;
  vertical-align: middle;
  padding: 0;
  margin: 0;
}

form.sign_in fieldset legend {
  display: none;
}

form.sign_in fieldset label {
  display: block;
  padding: 0;
  margin: 0;
  font-size: 1.0em;
  font-weight: bold;
}

form.sign_in fieldset input.text {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  display: block;
  padding: 3px;
  margin: 0 8px 0 0;
  color: #999999;
  background-color: #e1e1e1;
  border: none;
  height: 12px;
  vertical-align: middle;
}

form.sign_in fieldset input.submit {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  display: block;
  padding: 0;
  margin: 0;
  color: #999999;
  background-color: #ffffff;
  border: none;
}

form.sign_in fieldset .nonlabel {
  display: block;
  padding: 13px 0 2px 0;
  margin: 0;
  font-size: 1.0em;
  font-weight: bold;
}

form.sign_in fieldset .textarea {
  margin: 3px;
  height: 100px;
  width: 350px;
  font-size: 1.0em;
  background: #FFFCE0;
}

form.sign_in fieldset .selectmenu {
  margin: 0;
  width: 200px;
  font-size: 1.0em;
  background: #FFFCE0;
}

form.sign_in fieldset .selectmenu_dob {
  display: inline;
  margin: 0;
  width: 75px;
  font-size: 1.0em;
  background: #FFFCE0;
}

form.sign_in fieldset .checkbox {
  margin: 3px;
  background: #FFFCE0;
}

/* RSS Item ------------------------------------------------*/

/*-----------------------------------------------------------------*/

.sub_detail_section_full .rss_item {
  display: block;
  margin: 0 0 30px 0;
  background: transparent url(../images/newpage_icon.gif) no-repeat left top;
  padding: 0 0 0 35px;
}

.sub_detail_section_full .rss_item h3 {
  width: auto;
}

.sub_detail_section_full .rss_item h3 a {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  margin: 10px 0 0 0;
  color: #055a82;
}

.sub_detail_section_full .rss_item p {
  font-size: 1.1em;
  margin: 0 0 8px 0;
  padding: 0;
}

/* Datasheet Table ------------------------------------------------*/

/*-----------------------------------------------------------------*/

table.datasheet {
  width: 600px;
  margin: 0 0 20px 0;
}

table.datasheet th {
  width: 600px;
  padding: 10px 0 0 10px;
}

table.datasheet tr.highlight th, table.datasheet tr.highlight td {
  background: #e9e9e9;
}

table.datasheet tr th.headline {
  width: 600px;
  padding: 10px 0 0 10px;
  background: #cdcecf;
}

table.datasheet tr th.headline h3 {
  padding: 0;
  margin: 0 0 5px 0;
}

table.datasheet td {
  width: 300px;
  padding: 0 0 10px 10px;
}

/* Form Elements --------------------------------------------------*/

/*-----------------------------------------------------------------*/

form {
  margin: 0;
  padding: 0;
}

form fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

label {
  display: inline;
  width: 100px;
  float: left;
  text-align: right;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  color: #183169;
  margin: 0 10px 0 0;
  padding: 3px 0 0 0;
}

td label {
  display: inline;
  width: 250px;
  float: left;
  text-align: right;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.9em;
  font-weight: bold;
  color: #183169;
  margin: 0 10px 0 0;
  padding: 0 0 0 0;
}

.label2Lines {
  margin-top: -5px;
}

.required {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  font-weight: normal;
  color: #f00;
}

input, textarea {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  margin: 0 0 8px 0;
  padding: 2px;
  border: 1px solid #183169;
  font-weight: normal;
  color: #183169;
  background-color: #fff;
}

td {
  padding-bottom: 8px;
}

td.icon_dollar {
  background: url(../images/icon_dollar.gif) no-repeat left 7px;
}

td input, td textarea {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  margin: 0 0 0 11px;
  padding: 2px;
  border: 1px solid #183169;
  font-weight: normal;
  color: #183169;
  background-color: #fff;
}

select {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  margin: 0 0 8px 0;
  padding: 1px;
  border: 1px solid #183169;
  font-weight: normal;
  color: #183169;
  background-color: #fff;
}

td select {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  margin: 0 0 0 11px;
  padding: 1px;
  border: 1px solid #183169;
  font-weight: normal;
  color: #183169;
  background-color: #fff;
}

.selectContainer {
  display: block;
  width: 200px;
  float: left;
}

.inputContainer {
  display: block;
  width: 255px;
  float: left;
  color: #183169;
}

.inputContainer input, .inputContainer textarea {
  width: 95%;
}

.inputContainer .checkbox {
  background: transparent;
  width: auto;
  border: 0;
  margin: 0 5px 0 0;
}

.selectState {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  width: 140px;
  margin: 0 0 8px 0;
  padding: 1px;
  border: 1px solid #a7a7a7;
  font-weight: normal;
  color: #a7a7a7;
  background-color: #fff;
}

textarea.mjnComments {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.0em;
  margin: 0 0 8px 0;
  padding: 2px;
  border: 1px solid #a7a7a7;
  font-weight: normal;
  color: #a7a7a7;
  background-color: #fff;
  width: 520px;
}

input.noborder {
  border: 0;
  background: transparent;
}

input.button {
  display: block;
  width: auto;
  border: 0px solid #00436e;
  font-weight: normal;
  color: #fff;
  background-color: #183169;
  padding: 0px;
}

.phoneArea {
  width: 40px !important;
}

.phonePrefix {
  width: 40px !important;
}

.phoneSuffix {
  width: 80px !important;
}

input.images {
  border: 0;
}

#delvac_calc fieldset {
  width: 470px;
  border: none;
}

#delvac_calc input[type=text] {
  text-align: right;
  width: 80px;
}

#delvac_calc label.business {
  padding-right: 10px;
}

#delvac_calc input[type=text].business {
  text-align: left;
  width: 150px;
}

#delvac_calc .right20 {
  text-align: right;
  padding-left: 20px;
}

.calc {
  background-color: #CCCCCC;
}

#agg_calc fieldset {
  border: none;
}

#agg_calc input[type=text] {
  text-align: right;
  width: 80px;
}

.right {
  text-align: right;
}

.calc {
  background-color: #CCCCCC;
}

.empty {
  margin: 0;
  padding: 0;
  width: 0px;
}