html {
 margin: 0px; 
 padding: 0px;
}
body {
 margin: 0;
 padding: 5px 0 0 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: small;
 color: #000000;
 background: #b1061f url(/images/core/nebulous_bg.jpg) no-repeat top center;
 text-align: center;
}
form { margin: 0px; padding: 0px; }
h1 { 
 font-size: 25px; 
 font-weight: normal; 
 /*line-height: 25px;*/
 margin: 0px 0px 5px 0px;
 text-align: left;
}
h2 { 
 font-size: 20px;
 font-weight: normal;
 margin: 0px;
 text-align: left;
}
h3 { 
 font-size: 16px;
 font-weight: bold;
 margin: 0px;
 text-align: left;
}
h4 { 
 font-size: 14px;
 font-weight: bold;
 margin: 0px 0px 5px 0px;
 text-align: left;
}
h5 { 
 font-size: 12px;
 font-weight: bold;
 margin: 0px 0px 5px 0px;
 text-align: left;
}
h6 { 
 font-size: 10px;
 font-weight: bold;
 margin: 0px 0px 5px 0px;
 text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    color: #e60d2e;
}
th { text-align: left; }

.leftbox {
 width: 198px;
 /*padding-right: 20px;*/
 vertical-align:top;
}
.widgetbox {
 width: 170px;
 text-align: left;
}
.widgetspacer {
 width: 20px;
}
.dottedline {
 height: 13px;
 line-height: 13px;
 width: 100%;
 background: url(/images/core/pagetitle_top.gif) repeat-x top left;
 margin-top: 3px;
 font-size: 13px;
 clear: both;
}
.h1minor {
 font-size: 12px; 
 font-weight: bold;
 color: #333333;
 line-height: 18px;
 margin: 0px 0px 1px 0px;
}
.centered {
 text-align: center;
}
.crumbblock {
 width: 912px;
}
.headerblock {
 width: 912px;
 margin-bottom: 5px;
}
.core {
 width: 888px;
 background: #ffffff;
}
.contentArea {
 width: 690px;
 vertical-align: top;
}
.footerblock {
 width: 912px;
 border: 0px;
 border-collapse: collapse;
 margin-bottom: 5px;
}
.headerlogo {
 background: url(/images/core/petrologo.gif) no-repeat bottom left;
 float: left;
 margin: 0px 5px 0px 0px;
 padding: 0px 0px 0px 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-top: 13px; margin-bottom: 5px;
 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/core/roundedcorners.gif) no-repeat;
 font-size: 0px;
 }
.boxLineCornerSize {
 height:5px; line-height:5px; width:5px;
 background: url(/images/core/roundedcornersline.gif) no-repeat;
 font-size: 0px;
 }
.invertboxContent {
 background: #fdf5e4;
 width: 100%;
}
.invertboxCornerSize {
  height:5px; line-height:5px; width:5px;
  background: url(/images/core/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/core/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; }

.headerblock .textinput { width: 158px; height: 21px; border: 0; background: url(/images/core/searchfield_bg.gif) no-repeat;}
.headerblock .textinput input { border: 0; margin: 2px 4px 2px 24px; width: 127px;
}
.stationfinder .textinput {
width: 143px; height: 21px; border: 0; background: url(/images/core/locator_field_bg.gif) no-repeat;
}
.stationfinder .textinput input {
border: 0; margin: 1px 4px 1px 4px; width: 132px;
}
.homefeature {
    position: relative;
    height: 258px;
}
.featurenav {
    height: 58px;
    width: 498px;
    background: url(/images/core/featurenav_bg.gif) no-repeat bottom left;
    background-position: bottom left;
    position: absolute;
    top: 0px;
    left: 0px;lin
    margin-top: 200px;
    z-index: 2;
}
.featurephoto {
    background: url(/images/core/featphoto_bg.jpg) no-repeat top left;
    height: 209px; width: 498px;
    position: absolute;
    top: 0; left: 0;
    text-align: left;
    z-index: 0;
    font-size: 10px;
}
#promo1 .featurephoto {
    background: url(/images/core/feathomedefault_bg.gif) no-repeat top left;
}
#promo1 .featuretext { display: none;}

.featureright {
    position: absolute;
    left: 253px;
    top: 0px;
    height: 200px;
    max-height: 200px;
    width: 235px;
    padding: 5px;
    overflow: hidden;
    z-index: 1;
}
.featureright ul {
 margin-left: 1em;
 padding-left: 0;
 margin-top: 0em;
}
.featureright li {
 margin-top: 3px;
}
.featuretext {
    position: relative;
    left: 0px;
    width: 224px;
    height: 70px;
    max-height: 70px;
    overflow: hidden;
    padding: 0 10px 0 10px;
    z-index: 1px;
}
.lowerfeature{
    text-align: left;
}
.lowerfeature .bodytext-s {
    padding: 12px 12px 12px 12px;
    width: 190px;
    font-size: 10px;
    line-height: 14px;
    text-align: left;
    position: relative;
    display: block;
}

.lowerfeature .ctabutton {
    width: 202px; position: absolute; text-align: center;
}
.signin_bg {
    /*background: url(/images/core/retailhome_signin_bg.jpg) no-repeat bottom left;*/
    width: 192px;
    padding: 12px; 
    position: relative;
    display: block;
    margin-bottom: 10px;
}
.signin_bg .ctabutton {
    width: 219px; position: absolute; text-align: center; left: 0;
}

.signin_bg .bodytext-s {
    font-size: 10px;
}

.signin_bg ul { 
 margin-left: 2em;
 padding-left: 0;
 margin-top: 0em;
}

.signin_bg li {
    padding-bottom: 3px;
}

.specialoffers_text {
    position: relative;
    width: 271px;
    text-align: left;
    padding: 35px 0 0 45px;
}
.specialoffers_header {
    height: 72px;
    width: 316px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.ppointslinks {
    background: url(/images/core/ppointslinks_bg.gif) no-repeat top left;
    height: 179px;
    width: 176px;
    padding: 10px;
}

.ppointslinks .linksbox {
padding: 2px 0 3px 0;
}
.ppointswhatsnew {
    background: url(/images/core/ppoints_whatsnew_bg.jpg) no-repeat top left;
    height: 258px;
    width: 180px;
    font-size: 10px;
}
 
.footer {
 width: 912px;
 height: 23px;
 margin-bottom: 5px;
 margin-left: auto; margin-right: auto;
 background: #ffffff;
 padding: 0px;
 border: 0px;
 text-align: left;
}
.bodytext {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #000000;
}
.bodytext A:link { 
 color: #c20a26; 
}
.bodytext A:visited { 
 color: #330066; 
}
.bodytext A:hover, .bodytext A:active { 
 color: #ff0033; 
}
.bodytext-s {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px;
 color: #000000;
}
.bodytext-s A:link {
  color: #c20a26; 
  text-decoration: underline; 
}
.bodytext-s A:visited { 
  color: #330066; 
  text-decoration: underline; 
}
.bodytext-s A:hover, .bodytext-s A:active { 
  color: #ff0033; 
  text-decoration: underline; 
}
.bodytext-s .frenchtrademark { font-size: 7px;
font-weight: bold;
vertical-align: 40%;
line-height: 7px;
}
.bodytext-mini {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9px;
 color: #000000;
}
.bodytext-mini A:link {
  color: #c20a26; 
  text-decoration: underline; 
}
.bodytext-mini A:visited { 
  color: #333333; 
  text-decoration: underline; 
}
.bodytext-mini A:hover, .bodytext-mini A:active { 
  color: #ff0033; 
  text-decoration: underline; 
}
.textpadding {
 padding: 5px;
}
.leftnavdiv {
 display: block;
 height: 4px;
 line-height: 4px;
 background: url(/images/core/leftnavdiv.gif) no-repeat center left; 
 float: left;
 width: 178px;
 list-style-type: none;
 font-size: 4px;
}
.breadcrumbs {
 font-size: 10px;
 color: #ffffff;
 height: 24px;
 vertical-align: text-top;
}
.breadcrumbs a {
 color: #ffffff;
}
.breadcrumbs a:hover{
 color: #ffffff;
 text-decoration: underline;
}
.breadcrumbs a:visited {
 color: #ffffff;
}
ol li {
 list-style-image: none;
}
ul {
 list-style-position: outside;
}
ul li {
 list-style-image: url('/images/core/bullet.gif');
}
ul ul li {
 list-style-image: url('/images/core/bullet2.gif');
 margin-left: -1em;
}
ul ul ul li {
 list-style-image: url('/images/core/bullet2.gif');
 margin-left: -2em;
}
#closerul, .widget ul {
 margin-left: 2em;
 padding-left: 0;
 margin-top: 0em;
}
#closerul li, .widget li {
 margin-top: 3px;
}
#closerulwash {
 padding-left: 0;
 margin-top: 0em;
list-style-image:none;
margin-left:0px
}
#closerulwash li {
 margin-top: 3px;
padding-left:20px;
list-style:none; list-style-image:none; list-style-type:none;
background:url('/images/core/bullet.gif') no-repeat 0 3px;
}

.level1 {
 display: block;
 float: left;
 width: 178px;
 list-style-type: none;
}
.level1 a, .level1 a:visited {
 display: block;
 /*width:149px;*/
 color: #333333;
 text-decoration: none;
 padding: 3px 6px 3px 22px;
 background: url(/images/core/level1bg.gif) no-repeat;
 min-height: 15px;
 font-size: 12px;
 list-style-type: none;
}
.level1 a:hover{
 color: #333333;
 text-decoration: underline;
}
.level1 li {
 padding-left: 13px;
 vertical-align: middle;
}
.level1parent {
 float: left;
 width: 178px;
 list-style-type: none;
}
.level1parent a, .level1parent a:visited {
 display: block;
 /*width:149px;*/
 color: #333333;
 text-decoration: none;
 padding: 3px 6px 3px 22px;
 background: url(/images/core/level1bg.gif) no-repeat;
 min-height: 15px;
 font-size: 12px;
 font-weight: bold;
}
.level1parent a:hover{
 color: #333333;
 text-decoration: underline;
}
.level1parent li {
 padding-left: 13px;
 vertical-align: middle;
}
.level1curr {
 float: left;
 width: 178px;
 list-style-type: none;
}
.level1curr a, .level1curr a:visited {
 display: block;
 /*width:149px;*/
 color: #e60d2e;
 text-decoration: none;
 padding: 3px 6px 3px 22px;
 background: url(/images/core/level1bg.gif) no-repeat;
 min-height: 15px;
 font-size: 12px;
 font-weight: bold;
}
.level1curr a:hover{
 color: #e60d2e;
 text-decoration: underline;
}
.level1curr li {
 padding-left: 13px;
 vertical-align: middle;
}
.level2 {
 display: block;
 float: left;
 width: 178px;
 list-style-type: none;
}
.level2 a, .level2 a:visited {
 display: block;
 /*width:139px;*/
 color: #333333;
 text-decoration: none;
 padding: 2px 6px 2px 32px;
 background: url(/images/core/level2bg.gif) no-repeat;
 font-size: 10px;
}
.level2 a:hover{
 color: #333333;
 text-decoration: underline;
}
.level2 li {
 padding-left: 13px;
 vertical-align: middle;
}
.level2parent {
 float: left;
 width: 178px;
 list-style-type: none;
}
.level2parent a, .level2parent a:visited  {
 display: block;
 /*width:139px;*/
 color: #333333;
 text-decoration: none;
 padding: 2px 6px 2px 32px;
 background: url(/images/core/level2bg.gif) no-repeat;
 min-height: 13px;
 font-size: 10px;
 font-weight: bold;
}
.level2parent a:hover{
 color: #333333;
 text-decoration: underline;
}
.level2parent li {
 padding-left: 13px;
 vertical-align: middle;
}
.level2curr {
 float: left;
 width: 178px;
 list-style-type: none;
}
.level2curr a, .level2curr a:visited {
 display: block;
 /*width:139px;*/
 color: #e60d2e;
 text-decoration: none;
 padding: 3px 6px 3px 32px;
 background: url(/images/core/level2currbg.gif) no-repeat;
 min-height: 15px;
 font-size: 10px;
 font-weight: bold;
}
.level2curr a:hover{
 color: #e60d2e;
 text-decoration: underline;
}
.level2curr li {
 padding-left: 13px;
 vertical-align: middle;
}
.level3 {
 float: left;
 width: 178px;
 list-style-type: none;
}
.level3 a, .level3 a:visited {
 display: block;
 /*width:125px;*/
 color: #333333;
 text-decoration: none;
 padding: 2px 6px 2px 46px;
 background: url(/images/core/level3bg.gif) no-repeat;
 min-height: 13px;
 font-size: 10px;
}
.level3 a:hover{
 color: #333333;
 text-decoration: underline;
}
.level3curr {
 float: left;
 width: 178px;
 list-style-type: none;
}
.level3curr a, .level3curr a:visited {
 display: block;
 /*width:125px;*/
 color: #e60d2e;
 text-decoration: none;
 padding: 2px 6px 2px 46px;
 background: url(/images/core/level3currbg.gif) no-repeat;
 min-height: 12px;
 font-size: 10px;
 font-weight: bold;
}
.level3curr a:hover{
 color: #e60d2e;
 text-decoration: underline;
}
.level3curr li {
 padding-left: 13px;
 vertical-align: middle;
}



.level4 {
 float: left;
 width: 178px;
 list-style-type: none;
}
.level4 a, .level4 a:visited {
 display: block;
 /*width:125px;*/
 color: #333333;
 text-decoration: none;
 padding: 2px 6px 2px 52px;
 background: url(/images/core/level3bg.gif) 6px 0px no-repeat;
 min-height: 13px;
 font-size: 10px;
}
.level4 a:hover{
 color: #333333;
 text-decoration: underline;
}
.level4curr {
 float: left;
 width: 178px;
 list-style-type: none;
}
.level4curr a, .level4curr a:visited {
 display: block;
 /*width:125px;*/
 color: #e60d2e;
 text-decoration: none;
 padding: 2px 6px 2px 52px;
 background: url(/images/core/level3currbg.gif) 6px 0px no-repeat;
 min-height: 12px;
 font-size: 10px;
 font-weight: bold;
}
.level4curr a:hover{
 color: #e60d2e;
 text-decoration: underline;
}
.level4curr li {
 padding-left: 13px;
 vertical-align: middle;
}
.searchbox { 
 font-size: 11px; 
 color: #333333; 
 background: #ffffff; 
 margin: 3px 0px 3px 0px;
 padding-left: 3px;
 height: 16px;
 border: 1px solid #e6e6e6;
 border-top: 1px solid #919191;
 border-left: 1px solid #919191;
}
.headerSearch {
 width: 160px;
}
.searchspace_en {
 width: 50px;
}
.searchfor_en {
 width: 250px;
 text-align: right;
}
.searchin_en {
 width: 200px;
 text-align: right;
}
.tablesmalltext {
 font-size: 10px;
 color: #333333;
}
.tablesmalltext td, th {
 padding: 3px;
 color: #333333;
}
.tablenormtext {
 font-size: 12px;
 color: #333333;
}
.tablenormtext td, th {
 padding: 3px;
 color: #333333;
}
.asterisk, .trademark {
    font-family: Arial, Helvetica, sans-serif;
}
.bodytext-s-sup {
 font-family: Arial, Helvetica, sans-serif;
 vertical-align: 10%;
 font-size: 10px;
 color: #333333;
}
.whitetext {
    color: #ffffff;
}
.whitetext a:link, .whitetext a:hover, .whitetext a:visited {
    color: #ffffff;
    font-weight: bold;
}
.pagetool {
    cursor: pointer;
}
.infotable {
 background-color: #A5A8B6;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.infotable tr {
    background-color: #ffffff;
}
.infotable .tablerow1 {
 background-color: #ffffff;
}
.infotable .tablerow2 {
 background-color: #f4f4f4;
}
.itravel2000 {
    font-weight: bold;
    font-style: italic;
    color: #f6a31f;
}
.featurereward {
    background: url(/images/core/featrewards_bg.gif) no-repeat top left;
}

.termslink {
    height: 27px;
    padding: 6px 0 0 8px;
    margin-top: 15px;
    background: url(/images/core/termsconditions_linkbg.gif) no-repeat top left;
}

/* LONG PAGE STYLES ------ */
#longpage h3 {
    color: #e60d2e;
}
#longpage h4, #longpage h5 {
    color: #333333;
}    
#longpage .indent {
    background-color: #fffce9;
    padding: 10px 15px 5px 15px;
}
#longpage .red {
    color: #e60d2e;
}
#longpage-widget {
    margin-top: -40px;
    position: relative;
}
#longpage-widget .red {
    color: #e60d2e;
    text-align: center;
}
#longpage-widget h5, #longpage-widget h6 {
    color: #333333;
    text-align: center;
    margin: 10px 0 10px 0;
}
#longpage-widget h4 {
    text-align: center;
}
#longpage-widget div.question {
    text-align: center;
}
#longpage-widget div.q {
    display:none;
    height: 182px;
    width: 245px;   
    position: relative;
    float: left;
    margin-top: -190px !important;
    margin-top: -200px;
    margin-left: -215px !important;
    margin-left: -200px;
}
#longpage-widget div.q .text {
    /*margin-top: -185px !important;
    margin-top: -175px;*/
    margin-top: -220px !important;
    margin-top: -210px;

    z-index: 81; 
    left: 7px !important;
    left: -16px; 
    width: 201px;
    position: relative;
    text-align: left;
}
#longpage-widget div.q .textfr {
    /*margin-top: -218px !important;
    margin-top: -208px;*/
    margin-top: -250px !important;
    margin-top: -240px;

    z-index: 81; 
    left: 7px !important;
    left: -16px; 
    width: 201px;
    position: relative;
    text-align: left;
}

#longpage-widget div.q .textfr2 {
    /*margin-top: -218px !important;
    margin-top: -208px;*/
    margin-top: -262px !important;
    margin-top: -252px;
    z-index: 81; 
    left: 7px !important;
    left: -16px; 
    width: 201px;
    position: relative;
    text-align: left;
}
#reginfo div.q {
    display:none;
    width: 250px;
    margin-left: 65px;
    margin-top: -45px;
    position: absolute;
    padding: 0 0 10px 0;
    float: left;
    border: 2px solid #e60d2e;
    background: #fefefe;
    z-index: 80;
    background: url(/images/general/popup_bg.gif) no-repeat bottom left;
}
#reginfo div.q .text {
    position: relative;
    text-align: left;
    float: left;
    margin: 5px 10px 0 10px;
}
#reginfo .closeme {
    text-align: right;
    display: block;
    width: 250px;
    font-size: .8em;
    background: url(/images/general/popup_hdr.gif) no-repeat top left;
}
.tablerow1 {
 background-color: #ffffff;
}
.tablerow2 {
 background-color: #f4f4f4;
}

.pagetitlebottom {
 height: 23px;
 line-height: 13px;
 width: 100%;
 background: url(/images/core/pagetitle_bottom.gif) repeat-x top left;
 padding-top: 3px;
 font-size: 13px;
 clear: both;
}
.pagetitletop {
 background: url(/images/core/pagetitle_top.gif) repeat-x bottom left;
}
.topdecor {
    height: 42px;
}

/* My Account Banner */
#accountbanner {
    width: 690px;
    height: 83px;
    padding: 6px;
    margin-bottom: 10px;
    background:url(/images/general/myaccountbanner_bg.jpg);
    -moz-box-sizing:border-box;box-sizing:border-box;
}
#accountbanner-noppts {
    width: 690px;
    height: 83px;
    padding: 6px;
    margin-bottom: 10px;
    background:url(/images/general/myaccountbanner_bg2.jpg);
    -moz-box-sizing:border-box;box-sizing:border-box;
}
#accountbanner-balance{
    float: right;
    margin: 8px 55px 0 0;
    text-align: center;
    float: right;
    white-space: nowrap;
}
#accountbanner-info{
    float: left;
    color: #000000;
    width: 300px;
    margin: 21px 0 0 0;
}

/* My Petro-Canada Registration box*/
.mypcregisterbox {
    width: 685px;
    font-size: 12px;
    background: url(/images/core/mypc_register_bg.gif) repeat-y top left;
    margin:0; padding: 0;
}

.redtext{
    color: #e60d2e;
}
#myaccount-points {
    color: #e60d2e;
    font-size: 18px;
    font-weight: bold;
}

.shadowbox_tl {
    background: url(/images/core/shadwtable-tl.gif) top left no-repeat;
    width: 10px; height: 10px;
}
.shadowbox_t {
    background: url(/images/core/shadwtable-t.gif) top left repeat-x;
    height: 10px;
}
.shadowbox_b {
    background: url(/images/core/shadwtable-b.gif) bottom left repeat-x;
    height: 10px;
}
.shadowbox_tr {
    background: url(/images/core/shadwtable-tr.gif) top right no-repeat;
    width: 10px; height: 10px;
}
.shadowbox_r {
    background: url(/images/core/shadwtable-r.gif) top right repeat-y; 
    width: 10px;
}
.shadowbox_l {
    background: url(/images/core/shadwtable-l.gif) top left repeat-y;
    width: 10px;
}
.shadowbox_bl {
    background: url(/images/core/shadwtable-bl.gif) bottom left no-repeat;
    width: 10px; height: 10px;
}
.shadowbox_br {
    background: url(/images/core/shadwtable-br.gif) bottom right no-repeat;
    width: 10px; height: 10px;
}
.lochighlight {
    color: #e60d2e;    
    font-weight: bold;
    font-size: 12px;
}
.locboldtitle {
    color: #e60d2e;
    font-weight: bold;
    font-size: 12px;
}
.locdetailtable {
    border-color: #a5a5a4;
    border-width: 0 0 1px 1px;
    border-style: solid;
    padding: 0;
}
.locdetailtable td {
    border-color: #a5a5a4;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #ffffff;
}
.locdetailtable table, .locdetailtable table td {
    BORDER: none;
}
.locdetailtable td.locdetailheader {
    font-size: 14px;
    padding: 5px;
    font-weight: bold;
    color: #FFFFFF;
    background: #a5a5a4;
}
.locdetailsubheader {
    color: #e60d2e;
    font-size: 12px;
    font-weight: bold;
}
.locdetailtable h1 {
    text-align: center;
}
.shadedborder-t {background: url(/images/core/shadedborder-t.gif) 0 0 repeat-x;}
.shadedborder-b {background: url(/images/core/shadedborder-b.gif) 0 100% repeat-x;}
.shadedborder-l {background: url(/images/core/shadedborder-l.gif) 0 0 repeat-y;}
.shadedborder-r {background: url(/images/core/shadedborder-r.gif) 100% 0 repeat-y;}
.shadedborder-bl {background: url(/images/core/shadedborder-bl.gif) 0 100% no-repeat;}
.shadedborder-br {background: url(/images/core/shadedborder-br.gif) 100% 100% no-repeat;}
.shadedborder-tl {background: url(/images/core/shadedborder-tl.gif) 0 0 no-repeat;}
.shadedborder-tr {background: url(/images/core/shadedborder-tr.gif) 100% 0 no-repeat; padding: 21px;}

.straightborder-t { border-top: 1px solid #999999; font-size: 1px; line-height: 1px; height: 6px;}
.straightborder-b { border-bottom: 1px solid #999999; font-size: 1px; line-height: 1px; height: 6px;}
.straightborder-l { border-left: 1px solid #999999; font-size: 1px; line-height: 1px; width: 6px;}
.straightborder-r { border-right: 1px solid #999999; font-size: 1px; line-height: 1px; width: 6px;}
 sup{font-size:7px;}
 
/* SUPERWASH-SPECIFIC STYLES */
.glidefeature_bg { background: url(/images/general/Gide-background.jpg) no-repeat; }
.superwashfeature_bg { background: url(/images/general/Superwash-background.jpg) no-repeat; }
.glide_bottom { background: url(/images/general/Glide_bottom.jpg) no-repeat; }
.superwash_bottom { background: url(/images/general/Super-wash_bottom.jpg) no-repeat; }
.carwashcompare {background: url("/images/core/lowerfeature_bglong.gif") no-repeat scroll left bottom transparent;font-size: 10px !important;height: 180px;line-height: 14px;min-height: 170px;padding: 0 12px;}
.carwashcompare li {width:180px;margin-bottom:10px;}

/*  OTIONS CHART STYLES */ 
table.carwashtable  {border:1px solid #ddd;padding:7px 7px 15px;height:360px;margin:10px 0 20px;width:215px;}
table.carwashtable li {margin:5px 0 0 -25px;}
table.carwashtable .center {text-align:center !important; font-weight:bold; color:#444;}
div.glidetable {clear:both;}
table.glidetable {clear:both;width:100%;margin:20px 0;border-collapse:collapse;border:0px solid #ccc;}
table.glidetable td, table.glidetable th {border:0px solid #ccc;padding:8px 7px;}
table.glidetable td {font-size:10px;}
tr.odd {background:#efefef;}
table.glidetable th {background:#e6e6e5;color:#333;border:1px solid #e6e6e5;}
.superwashhighlight, tr.superwashlowlight {color:#000;font-weight:bold;}
.highlightimg {margin:0 0 -5px;}

/* IE */
table.carwashtable, table.glidetable {font-size:12px;}