﻿
html { 
 margin: 0px; 
 padding: 0px;
}
body {
 margin: 0;
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 color: #666666;
 background: #101851 url(/images/core/pagebg.gif) repeat-x top center;
}
form {
 margin: 0px;
 padding: 0px;
}
input { font-size: 12px; }
pre { font-size: small; }
h1 {
 font-size: 2.1em;
 font-weight: normal;
 margin: 0px 0px 5px 0px;
}
h2 {
 font-size: 1.7em;
 font-weight: normal;
 margin: 0px;
 text-align: left;
}
h3 {
 font-size: 1.3em;
 font-weight: bold;
 margin: 0px;
 text-align: left;
}
h4 {
 font-size: 1.2em;
 font-weight: bold;
 margin: 0px 0px 5px 0px;
 text-align: left;
}
h5 {
 font-size: 1em;
 font-weight: bold;
 margin: 0px 0px 5px 0px;
 text-align: left;
}
h6 {
 font-size: .8em;
 font-weight: bold;
 margin: 0px 0px 5px 0px;
 text-align: left;
}
h1, h2, h3, h4, h5, h6 { color: #666666; }
A:link { color: #2b679f; }
A:hover { color: #E60D2E; }
A:visited { color: #666699; }
.leftbox {
 width: 198px;
 vertical-align:top;
}
.widgetbox {
 background-image: url(/images/css/sidebarbottom.gif);
 background-repeat: no-repeat;
 background-position: bottom left;
 width: 222px;
 vertical-align: top;
 padding: 0px;
 margin: 0px;
}
.widgetspacer { width: 20px; }
.dottedline {
 height: 13px;
 line-height: 13px;
 width: 100%;
 background: url(/images/css/pagediv.gif) repeat-x top left;
 margin-top: 3px;
 font-size: 13px;
}
.h1minor {
 font-size: 1em;
 font-weight: bold;
 color: #666666;
 line-height: 18px;
 margin: 0px 0px 1px 0px;
}
.centered { text-align: center; }
.crumbblock { width: 912px; }
.breadcrumbs {
 font-size: 10px;
 color: #ffffff;
 height: 18px;
 vertical-align: text-top;
}
.breadcrumbs a {  color: #ffffff; }
.breadcrumbs a:hover {
 color: #ffffff;
 text-decoration: underline;
}
.breadcrumbs a:visited { color: #ffffff; }
.headerblock {
 width: 912px;
 margin-bottom: 5px;
}
.core {
 width: 888px;
 background: #ffffff;
 vertical-align:top;
}
.contentArea {
 width: 690px;
 vertical-align: top;
}
.footerblock {
 width: 912px;
 border: 0px;
 border-collapse: collapse;
 margin-bottom: 5px;
}
.headerlogo {
 background: url(/images/css/petrologo.gif) no-repeat bottom left;
 float: left;
 margin: 0px 5px 0px 0px;
 padding: 0px;
 height: 66px;
 width: 90px;
 clear: both;
}
.headerMyAccount {
 width: 261px;
 text-align: center;
}
.headerlinks {
 float: right;
 width: 817px;
 height: 66px;
 background: #ffffff;
}
.mainbox {
 width: 912px;
 background: #ffffff;
}
.contentWidth { width: 100%; }
.contentWrapper {
 width: 912px;
 margin: 5px 0px 5px 0px;
 margin-left: auto; margin-right: auto;
 padding: 0px;
 border: 0px;
 text-align: left;
}
.boxContent {
 background: #ffffff;
 width: 100%;
}
.boxCornerSize {
 height: 5px; line-height: 5px; width: 5px;
 background: url(/images/css/roundedcorners.gif) no-repeat;
 font-size: 0px;
}
.invertboxContent {
 background: #fdf5e4;
 width: 100%;
}
.invertboxCornerSize {
  height: 5px; line-height: 5px; width: 5px;
  background: url(/images/css/roundedcornersinvert.gif) no-repeat;
  font-size: 0px;
}
.boxTR { background-position: top right; }
.boxTL { background-position: top left; }
.boxBottom {
 height: 5px;
 line-height:5px;
 font-size: 2px;
 width: 100%;
 background:#FF0000;
}
.boxBL { background-position: bottom left; }
.boxBR { background-position: bottom right; }
.boxEnd { clear: both; }
.wrapperCornerSize {
  height: 11px; 
  line-height: 11px; 
  width: 11px;
  background: url(/images/css/roundedcorners.gif) no-repeat;
  font-size: 0px;
}
.wrapperTR { background-position: top right; }
.wrapperTL { background-position: top left; }
.wrapperBottom {
 height: 12px;
 line-height: 12px;
 font-size: 2px;
 width: 100%;
 background: #FF0000;
}
.wrapperBL { background-position: bottom left; }
.wrapperBR { background-position: bottom right; }
.wrapperEnd { clear: both; }
.footer {
 width: 912px;
 height: 23px;
 margin-bottom: 5px;
 margin-left: auto;
 margin-right: auto;
 background: #ffffff;
 padding: 0px;
 border: 0px;
 text-align: left;
}
.copyright {
 color: #ffffff;
 font-size: 10px;
}
.bodytext {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 color: #666666;
}
.bodytext-s {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: x-small;
 color: #666666;
}
.lightbluebold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    color: #6699CC
}
.lightbluebold A:link {
    color: #6699CC;
    text-decoration: none
}
.lightbluebold A:hover {
    color: #89B8E6;
    text-decoration: underline
}
.lightbluebold A:visited {
    color: #660099;
    text-decoration: none
}
.lightbluebold-s {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #6699CC
}
.lightbluebold-s A:link {
    color: #6699CC;
    text-decoration: underline
}
.lightbluebold-s A:hover {
    color: #89B8E6;
    text-decoration: underline
}
.lightbluebold-s A:visited {
    color: #660099;
    text-decoration: underline
}
ol li { list-style-image: none; }
ul {
 list-style-position: outside;
 list-style-type: none;
}
.bodytext ul li, .bodytext-s ul li, .sidebartext ul li, .content ul li {
 list-style-type: none;
 padding-left: 11px;
 background-image: url(/images/css/bullet.gif);
 background-position: 0 3px; 
 background-repeat: no-repeat;
 margin-left: -1em;
}
.bodytext ul ul li, .bodytext-s ul ul li, .sidebartext ul ul li, .content ul ul li {
 padding-left: 11px;
 background-image: url(/images/css/bullet2.gif);
 background-position: 0 3px;
 background-repeat: no-repeat;
 margin-left: -2em;
}
.bodytext ul ul ul li, .bodytext-s ul ul ul li, .sidebartext ul ul ul li, .content ul ul ul li {
 margin-left: -2em;
 padding-left: 11px;
 background-image: url(/images/css/bullet2.gif);
 background-position: 0 3px; 
 background-repeat: no-repeat;
 margin-left: -2em;
}
.sidebartext ul li, .sidebartext ul ul li, .sidebartext ul ul ul li, .content ul ul ul li  {
 background-position: 0px 2px;
}
#closerul {
 padding: 0 0 3px 11px;
 margin-left: 0em;
}
#leftbox #homepage,
    #leftbox #ourprod,
    #leftbox #industries,
    #leftbox #aboutus,
    #leftbox #quality,
    #leftbox #innovation,
    #leftbox #environment,
    #leftbox #expert,
    #leftbox #technical,
    #leftbox #news,
    #leftbox #howtopurchase,
    #leftbox #contactus { 
 margin: 0px; 
 padding: 0px; 
 float: left; 
 display: block; 
 list-style-type: none; 
 width: 178px;
}
.level1 {
 display: block;
 float: left;
 width: 178px;
 list-style-type: none;
 line-height: 15px;
}
.level1 a, .level1 a:visited {
 display: block;
 color: #333333;
 text-decoration: none;
 padding: 3px 6px 3px 22px;
 background: url(/images/css/level1bg.gif) no-repeat;
 min-height: 15px;
 font-size: 12px;
 list-style-type: none;
}
.level1 a:hover {
 color: #333333;
 text-decoration: underline;
 background: url(/images/css/level1overbg.gif) no-repeat;
}
.level1parent {
 float: left;
 width: 178px;
 list-style-type: none;
 line-height: 15px;
}
.level1parent a, .level1parent a:visited {
 display: block;
 color: #FFFFFF;
 text-decoration: none;
 padding: 3px 6px 3px 22px;
 background: url(/images/css/level1parentbg.gif) no-repeat;
 min-height: 15px;
 font-size: 12px;
 font-weight: bold;
}
.level1parent a:hover {
 color: #FFFFFF;
 text-decoration: underline;
}
.level1curr {
 float: left;
 width: 178px;
 list-style-type: none;
 line-height: 15px;
}
.level1curr a, .level1curr a:visited {
 display: block;
 color: #FFFFFF;
 text-decoration: none;
 padding: 3px 6px 3px 22px;
 background: url(/images/css/level1parentbg.gif) no-repeat;
 min-height: 15px;
 font-size: 12px;
 font-weight: bold;
}
.level1curr a:hover{
 color: #FFFFFF;
 text-decoration: underline;
}
.lnlevel1 {
 display: block;
 float: left;
 width: 178px;
 list-style-type: none;
}
.lnlevel1 a, .lnlevel1 a:visited {
 display: block;
 color: #333333;
 text-decoration: none;
 padding: 3px 6px 3px 22px;
 background: url(/images/css/ln1bg.gif) no-repeat;
 min-height: 15px;
 font-size: 12px;
 font-weight: bold;
 list-style-type: none;
}
.lnlevel1 a:hover{
 color: #333333;
 text-decoration: underline;
 background: url(/images/css/ln1overbg.gif) no-repeat;
 background-color: #f2f2f2;
}
.level2 {
 display: block;
 float: left;
 width: 178px;
 list-style-type: none;
 line-height: 12px;
}
.level2 a, .level2 a:visited {
 display: block;
 color: #333333;
 text-decoration: none;
 padding: 2px 6px 2px 32px;
 background: url(/images/css/level2bg.gif) no-repeat;
 font-size: 10px;
}
.level2 a:hover {
 color: #333333;
 text-decoration: underline;
 background: url(/images/css/level2overbg.gif) no-repeat;
}
.level2parent {
 float: left;
 width: 178px;
 list-style-type: none;
 line-height: 12px;
}
.level2parent a, .level2parent a:visited {
 display: block;
 color: #333333;
 text-decoration: none;
 padding: 2px 6px 2px 32px;
 background: url(/images/css/level2parentbg.gif) no-repeat;
 min-height: 13px;
 font-size: 10px;
}
.level2parent a:hover {
 color: #333333;
 text-decoration: underline;
 background: url(/images/css/level2parentoverbg.gif) no-repeat;
}
.level2curr {
 float: left;
 width: 178px;
 list-style-type: none;
 line-height: 12px;
}
.level2curr a, .level2curr a:visited {
 display: block;
 color: #333333;
 text-decoration: none;
 padding: 3px 6px 3px 32px;
 background: url(/images/css/level2bg.gif) no-repeat;
 min-height: 13px;
 font-size: 10px;
 font-weight: bold;
}
.level2curr a:hover {
 color: #e60d2e;
 text-decoration: underline;
 background: url(/images/css/level2overbg.gif) no-repeat;
}
.level3 {
 float: left;
 width: 178px;
 list-style-type: none;
 line-height: 12px;
}
.level3 a, .level3 a:visited {
 display: block;
 color: #333333;
 text-decoration: none;
 padding: 2px 6px 2px 46px;
 background: url(/images/css/level3bg.gif) no-repeat;
 min-height: 13px;
 font-size: 10px;
}
.level3 a:hover {
 color: #333333;
 text-decoration: underline;
 background: url(/images/css/level3overbg.gif) no-repeat;
}
.level3parent {
 float: left;
 width: 178px;
 list-style-type: none;
 line-height: 12px;
}
.level3parent a, .level3parent a:visited {
 display: block;
 color: #333333;
 text-decoration: none;
 padding: 2px 6px 2px 46px;
 background: url(/images/css/level3parentbg.gif) no-repeat;
 min-height: 13px;
 font-size: 10px;
}
.level3parent a:hover {
 color: #333333;
 text-decoration: underline;
 background: url(/images/css/level3parentoverbg.gif) no-repeat;
}
.level3curr {
 float: left;
 width: 178px;
 list-style-type: none;
 line-height: 12px;
}
.level3curr a, .level3curr a:visited {
 display: block;
 color: #333333;
 text-decoration: none;
 padding: 2px 6px 2px 46px;
 background: url(/images/css/level3bg.gif) no-repeat;
 min-height: 12px;
 font-size: 10px;
 font-weight: bold;
}
.level3curr a:hover {
 color: #333333;
 text-decoration: underline;
 background: url(/images/css/level3overbg.gif) no-repeat;
}
.level4 {
 float: left;
 width: 178px;
 list-style-type: none;
 line-height: 12px;
}
.level4 a, .level4 a:visited {
 display: block;
 color: #333333;
 text-decoration: none;
 padding: 2px 6px 2px 60px;
 background: url(/images/css/level4bg.gif) no-repeat;
 min-height: 13px;
 font-size: 10px;
}
.level4 a:hover {
 color: #333333;
 text-decoration: underline;
 background: url(/images/css/level4overbg.gif) no-repeat;
}
.level4curr {
 float: left;
 width: 178px;
 list-style-type: none;
 line-height: 12px;
}
.level4curr a, .level4curr a:visited {
 display: block;
 color: #333333;
 text-decoration: none;
 padding: 2px 6px 2px 60px;
 background: url(/images/css/level4bg.gif) no-repeat;
 min-height: 12px;
 font-size: 10px;
 font-weight: bold;
}
.level4curr a:hover {
 color: #333333;
 text-decoration: underline;
 background: url(/images/css/level4overbg.gif) no-repeat;
}
.level5 {
 float: left;
 width: 178px;
 list-style-type: none;
 line-height: 12px;
}
.level5 a, .level5 a:visited {
 display: block;
 color: #333333;
 text-decoration: none;
 padding: 2px 6px 2px 74px;
 background: url(/images/css/level5bg.gif) no-repeat;
 min-height: 13px;
 font-size: 10px;
}
.level5 a:hover {
 color: #333333;
 text-decoration: underline;
 background: url(/images/css/level5bg.gif) no-repeat;
}
.leftnavdiv {
 display: block;
 height: 3px;
 line-height: 3px;
 background: url(/images/css/leftnavdiv.gif) no-repeat center left;
 float: left;
 width: 178px;
 list-style-type: none;
 font-size: 3px;
}
.topdecor {
 width: 615px;
 height: 40px;
}
.leftbartop {
 background-repeat: no-repeat;
 background-position: bottom;
 color: #ffffff;
 font-size: 0.9em;
 font-weight: bold;
 vertical-align: top;
 width: 138px;
 padding: 3px 33px 38px 20px;
 margin: 0;
}
.leftbartopcurve {
 background-image: url(/images/css/leftbartop.gif);
 width: 185px; 
 height: 4px; 
 line-height: 1px;
 vertical-align: top;
 overflow: hidden;
}
.leftbarbotcurve {
 background-image: url(/images/css/leftbarbottom.gif);
 width: 185px;
 height: 4px;
 line-height: 1px;
 vertical-align: bottom;
 overflow: hidden;
}
.leftbarbg { background: url(/images/css/leftbarbg.gif) no-repeat; }
.sidebarhomebotcurve {
 background-image: url(/images/css/sidebarhomebottom.gif);
 width: 210px;
 height: 4px;
 line-height: 1px;
 vertical-align: bottom;
 overflow: hidden;
}
.sidebarhometopcurve {
 background-image: url(/images/css/sidebarhometop.gif);
 width: 210px;
 height: 4px;
 line-height: 1px;
 vertical-align: top;
 overflow: hidden;
}
.sidebarhomebg { background: url(/images/css/sidebarhomebg.gif) no-repeat; }
.sidebartopcurve {
 background-image: url(/images/css/sidebartop.gif);
 width: 222px;
 height: 4px;
 line-height: 1px;
 vertical-align: top;
 overflow: hidden;
}
.sidebartop {
 background-repeat: no-repeat;
 background-position: bottom;
 color: #ffffff;
 font-size: small;
 font-weight: bold;
 vertical-align: top;
 width: 163px;
 padding: 3px 33px 38px 20px;
}
.sidebartitle {
 color: #ffffff;
 font-size: small;
 font-weight: bold;
 background-image: url(/images/css/sidebartitle.gif);
 vertical-align: top;
 padding: 3px 3px 4px 21px;
 width: 190px;
 display: block;
 
}
.sidebartitleempty {
 height: 0px;
 line-height: 0px;
 width: 190px;
 display: block;
}
.sidebartext {
 font-size: x-small;
 padding: 6px;
 vertical-align: top;
 text-align: left;
}
.sidebartext ul {
 margin-left: 2em;
 padding-left: 0;
 margin-top: 0.5em;
 margin-bottom: 5px;
}
.middlefeature ul {
 margin-left: 2em;
 padding-left: 0;
 margin-top: 0;
 margin-bottom: 0;
}
.bodybartitle {
 color: #ffffff;
 font-size: small;
 font-weight: bold;
 background-image: url(/images/css/sidebartitle.gif);
 background-color: #9B1227;
 vertical-align: top;
 padding: 3px 3px 4px 21px;
 display: block;
clear: both;
}
.middlefeature .header {
     background-image: url(/images/css/featprod_top.gif);
     padding: 3px 3px 0 3px;
}
.lowerfeature .header {
     background-image: url(/images/css/lowerfeat_top.gif);
     padding: 3px 3px 0 3px;
}
.middlefeature .content {
     background: url(/images/core/featprod_footer.gif) no-repeat bottom left;
     padding: 0 12px 0 12px;
     margin: 0;
     font-size: x-small;
     height: 110px;
}
.middlefeature .content table {
padding: 8px 0 8px 0;
}
.lowerfeature .content {
     background: url(/images/css/lowerfeat_footer.gif) no-repeat bottom left;
     padding: 8px 12px 8px 12px;
     font-size: x-small;
     min-height: 175px; height: 175px;
}
/*#features div {
position: absolute;
}
.feature1, .feature2 {
float: left;
}*/
.featurenav {
 background: url(/images/core/featurenav_bg.gif) no-repeat bottom left;
 font-size: 10px;
 height: 21px;
 color: #ffffff;
 padding-left: 8px;
 width: 452px;
 float: left;
 position: relative;
}
.featurenav a, .featurenav a:visited {
    color: #ffffff;
    text-decoration: underline;
}
.featurenav a:hover {
font-weight: bold;
color: #ffffff;
}
#features {
margin-bottom: 0px;
}
.stockcolor {
 font-size: small;
 color: #3399cc;
}
.asterisk, .trademark { font-family: Arial, Helvetica, sans-serif; }
.bodytext-s-sup {
 font-family: Arial, Helvetica, sans-serif;
 vertical-align: super;
 font-size: x-small;
}
.whitetext {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 color: #FFFFFF;
}
.whitetext A:link {
 color: #FFFFFF;
 font-weight: bold;
}
.whitetext A:hover {
 color: #FFFFFF;
}
.whitetext A:visited {
 color: #FFFFFF;
}
.whitetext-s {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: x-small;
 color: #FFFFFF;
}
.whitetext-s A:link {
 color: #FFFFFF;
 font-weight: bold;
}
.whitetext-s A:hover {
 color: #FFFFFF;
}
.whitetext-s A:visited {
 color: #FFFFFF;
 text-decoration: underline;
 font-weight: bold;
}
.charttextwhite-s {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: x-small;
 color: #333333;
 background-color: #FFFFFF;
 text-align: center;
}
.charttextwhite {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 color: #666666;
 background-color: #FFFFFF;
 text-align: center;
}
.bluetext-s {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #336699;
}
.bluetext-s A:link {
 color: #336699;
 text-decoration: none;
}
.bluetext-s A:hover {
 color: #6699CC;
 text-decoration: underline;
}
.bluetext-s A:visited {
 color: #660099;
 text-decoration: none;
}
.infotable {
 background-color: #A5A8B6;
}
.tableheader {
 font-size: small;
 font-weight: bold;
 color: #333333;
 background-color: #F7F8FB;
 height: 23px;
 text-align: center;
 vertical-align: middle;
}
.tableheader-s {
 font-size: x-small;
 font-weight: bold;
 color: #333333;
 background-color: #F7F8FB;
 height: 23px;
 text-align: center;
 vertical-align: middle;
}
.tablerow1 {
 background-color: #FFFFFF;
}
.tablerow2 {
 background-color: #EFF1F0;
}
.doublerule {
 border-width: 1px 0px 1px 0px;
 border-top-style: solid;
 border-bottom-style: solid;
 border-color: #000000;
 line-height: 1px;
}
.vertical_stack_spacer { display: block; }
.description {
    font-size: small;
    color: #666666;
    padding-left: 15px;
}
.expandingtitle {
    color: #666666;
    font-size: small;
    font-weight: bold;
    padding-left: 4px;
    cursor: pointer;
}
.expandingtitle A:link {
    color: #666666;
    text-decoration: none;
}
.expandingtitle A:hover {
    color: #666666;
    text-decoration: underline;
}
.expanding_subtitle {
    font-size: x-small;
    font-weight: bold;
    color: #999999; /*#6699CC;*/
    padding-left: 15px;
}
.expanding_subtitle A:link {
    color: #6699CC;
    text-decoration: none;
}
#bodywide .widgetbox, #bodywide .widgetspacer {
 display: none;
}
#bodywide .contentbox {
 width: 692px;
 font-size: small;
}
#bodynormal {
 background-image: url(/images/css/bodysidebarbg.gif);
}
#bodynormal #nowidgets .sidebartopcurve, #bodynormal #nowidgets .widgetbox {
 background: #FFFFFF;
}
#homepage .sidebartop,
    #homepage .sidebartitle,
    #homepage .bodybartitle {
 background-color: #e60d2e;
}
#ourprod .sidebartop,
    #ourprod .sidebartitle,
    #ourprod .bodybartitle,
    #ourprod #ourprod li.level1parent,
    #ourprod #ourprod li.level1curr {
 background-color: #9b1227;
}
#industries .sidebartop,
    #industries .sidebartitle,
    #industries .bodybartitle,
    #industries #industries li.level1parent,
    #industries #industries li.level1curr {
 background-color: #005680;
}
#aboutus .sidebartop,
    #aboutus .sidebartitle,
    #aboutus .bodybartitle,
    #aboutus #aboutus li.level1parent,
    #aboutus #aboutus li.level1curr {
 background-color: #984e32;
}
#quality .sidebartop,
    #quality .sidebartitle,
    #quality .bodybartitle,
    #quality #quality li.level1parent,
    #quality #quality li.level1curr {
 background-color: #374d66;
}
#innovation .sidebartop,
    #innovation .sidebartitle,
    #innovation .bodybartitle,
    #innovation #innovation li.level1parent,
    #innovation #innovation li.level1curr {
 background-color: #787036;
}
#environment .sidebartop,
    #environment .sidebartitle,
    #environment .bodybartitle,
    #environment #environment li.level1parent,
    #environment #environment li.level1curr {
 background-color: #306245;
}
#expert .sidebartop,
    #expert .sidebartitle,
    #expert .bodybartitle,
    #expert #expert li.level1parent,
    #expert #expert li.level1curr {
 background-color: #dca22d;
}
#technical .sidebartop,
    #technical .sidebartitle,
    #technical .bodybartitle,
    #technical #technical li.level1parent,
    #technical #technical li.level1curr {
 background-color: #6b4730;
}
#news .sidebartop,
    #news .sidebartitle,
    #news .bodybartitle,
    #news #news li.level1parent,
    #news #news li.level1curr {
 background-color: #a78d5b;
}
#howtopurchase .sidebartop,
    #howtopurchase .sidebartitle,
    #howtopurchase .bodybartitle,
    #howtopurchase #howtopurchase li.level1parent,
    #howtopurchase #howtopurchase li.level1curr {
 background-color: #690680;
}
#contactus .sidebartop,
    #contactus .sidebartitle,
    #contactus .bodybartitle,
    #contactus #contactus li.level1parent,
    #contactus #contactus li.level1curr {
 background-color: #528080;
}
#leftbox #ourprod li {
 background-image: url(/images/css/leftnav_notch_ourprod.gif);
 background-repeat: repeat-y;
}
#leftbox #industries li {
 background-image: url(/images/css/leftnav_notch_industries.gif);
 background-repeat: repeat-y;
}
#leftbox #aboutus li {
 background-image: url(/images/css/leftnav_notch_aboutus.gif);
 background-repeat: repeat-y;
}
#leftbox #quality li {
 background-image: url(/images/css/leftnav_notch_quality.gif);
 background-repeat: repeat-y;
}
#leftbox #innovation li {
 background-image: url(/images/css/leftnav_notch_innovation.gif);
 background-repeat: repeat-y;
}
#leftbox #environment li {
 background-image: url(/images/css/leftnav_notch_environment.gif);
 background-repeat: repeat-y;
}
#leftbox #expert li {
 background-image: url(/images/css/leftnav_notch_expert.gif);
 background-repeat: repeat-y;
}
#leftbox #technical li {
 background-image: url(/images/css/leftnav_notch_technical.gif);
 background-repeat: repeat-y;
}
#leftbox #news li {
 background-image: url(/images/css/leftnav_notch_news.gif);
 background-repeat: repeat-y;
}
#leftbox #howtopurchase li {
 background-image: url(/images/css/leftnav_notch_howtopurchase.gif);
 background-repeat: repeat-y;
}
#leftbox #contactus li {
 background-image: url(/images/css/leftnav_notch_contactus.gif);
 background-repeat: repeat-y;
}
#ourprod .sidebartop { background-image: url(/images/css/sidebar_top_contactus.gif); }
#industries .sidebartop { background-image: url(/images/css/sidebar_top_contactus.gif); }
#aboutus .sidebartop { background-image: url(/images/css/sidebar_top_contactus.gif); }
#quality .sidebartop { background-image: url(/images/css/sidebar_top_contactus.gif); }
#innovation .sidebartop { background-image: url(/images/css/sidebar_top_contactus.gif); }
#environment .sidebartop { background-image: url(/images/css/sidebar_top_contactus.gif); }
#expert .sidebartop { background-image: url(/images/css/sidebar_top_contactus.gif); }
#technical .sidebartop { background-image: url(/images/css/sidebar_top_contactus.gif); }
#news .sidebartop { background-image: url(/images/css/sidebar_top_contactus.gif); }
#howtopurchase .sidebartop { background-image: url(/images/css/sidebar_top_contactus.gif); }
#contactus .sidebartop { background-image: url(/images/css/sidebar_top_contactus.gif); }

/* DURON TABLES */
table.durontable, table.specstable, .durontable th, .specstable th, .durontable td, .specstable td { border: 1px solid black; border-collapse:collapse;}
.specstable th, .durontable th { text-align: left; }
.durontable td, th.highlight, .specstable td, th.highlight { text-align:center; }
#allweather .highlight { background: #ffd9bf; }
#fuelefficient .highlight { background: #dcead0; }
#coldweather .highlight { background: #c7d8ef; }
#allweather .header { background: #ff6600;  color: #ffffff;}
#fuelefficient .header { background: #6cb33f; color: #ffffff;}
#coldweather .header { background: #328fce; color: #ffffff; }
#coldweather.durontable, #fuelefficient.durontable, #allweather.durontable { page-break-before: always; }

.right {float:right; z-index: 1; margin-bottom: 5px;}
.left {float:left; z-index: 1; margin-bottom: 5px;}
.detailpic {width:150px;margin-left:10px;position:relative;}
.detailpic a img {border:0;position:relative;}
.detailpic a img, .detailpic {z-index:auto}
.detailpiclink {display:block;width:150px;margin:5px auto 0;text-align:center}
.leftlist {width:240px}
.detailpic_hover, .detailpic_click {display:none;position:absolute;}
.detailpic_hover {top:-100px;right:0;z-index:500;background:#fff;padding:15px;border:1px solid #888;z-index:999}
.detailpic_hover p {text-align:center}
.detailpic_click {width:100%;top:0;left:0;}
.detailpic_click img{position:relative;top:500px;margin-top:-257px;left:50%;margin-left:-400px;z-index:1000}
.pp_social {display:none}
.pp_description {height:40px}
