
/* ::::: http://gasprices.mapquest.com/include/css/header_footer.css?v=1.2 ::::: */

a, a:visited, a:link, a:hover { color: rgb(3, 126, 171); text-decoration: underline; cursor: pointer; }
.fltl { float: left; }
.fltr { float: right; }
.clearb { clear: both; }
strong { font-weight: bold; }
.invisible { visibility: hidden; }
.visible { visibility: visible; }
.none { display: none; }
.block { display: block; }
input.tin { border: 1px solid rgb(213, 208, 189); margin: 0pt; padding: 0.3em 0.2em 0.1em; color: rgb(34, 34, 34); width: 165px; height: 1.2em ! important; vertical-align: baseline; border-spacing: 0px; }
input.tin.active { background: rgb(255, 255, 238) none repeat scroll 0% 0%; }
.bLinks li, .gLinks li, .bLinksExt { border-style: solid; border-width: 0pt 1px 0pt 0pt; padding: 0pt 0.3em; display: inline; text-align: left; font-size: 11px; }
.bLinks, .gLinks, .bLinksExt { margin: 0pt; padding: 0pt; text-align: inherit; list-style-type: none; }
.bLinks .firstli, .bLinksExt .firstli, .gLinks .firstli { padding-left: 0px; }
.bLinks .lastli, .bLinksExt .lastli, .gLinks .lastli { border: 0px none ; text-align: left; }
p.legal { margin: 0pt; padding: 0pt; font-size: 11px; border-spacing: 0pt; border-collapse: separate; }
#header { background: rgb(240, 235, 217) url('bg_header_004.gif') repeat-x scroll left top; width: 100%; }
#legal { padding: 5px 0px 10px 8px; }
#legal ul { list-style-image: none; list-style-type: none; font-size: 11px; }
#headerTopLeft { padding: 10px 18px 0pt 8px; float: left; position: relative; }
.topHeaderLink a { font-size: 12px; }
#headerTopLeft a { border-right: 1px solid rgb(119, 119, 119); padding: 0pt 0.4em 0pt 0.3em; text-decoration: none; }
#headerTopLeft a.last { border-right: 0pt none; }
#headerTopRight { padding: 10px 10px 8px; float: right; }
#headerNav { margin-left: 43px; }
#headerNav div { float: left; }
#navLogo { margin: 0pt 37px 0pt 0pt; background: transparent url('logo_004.gif') no-repeat scroll 0px 3px; width: 250px; height: 65px; }
#navLogo a { display: block; width: 250px; height: 45px; }
#navMaps, #navDir, #navYp, #navLocal, #navGas { background: transparent url('sprt-header-nav_local.gif') no-repeat scroll center top; overflow: hidden; height: 65px; font-weight: bold; font-size: 0.75em; width: 6.5em; text-align: center; }
#navDir { background-position: center -65px; }
#navYp { background-position: center -130px; }
#navLocal { background-position: center -195px; }
#navGas { background-position: center -260px; }
#sponsor { float: none; }
#headerNav div a { color: rgb(67, 67, 67); text-decoration: none; white-space: nowrap; }
#headerNav div a.i { display: block; width: 4em; margin-left: 1.5em; height: 45px; }
#mqfooter { padding: 10px; background: rgb(255, 255, 255) url('bg_footer_004.gif') repeat-x scroll left top; font-size: 11px; color: rgb(0, 0, 0); }
#mqfooter ul { margin: 0px 3px 3px 0px; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; }
#mqfooter li { border-right: 1px solid rgb(102, 102, 102); margin: 0px; padding: 0em 0.2em 0em 0.5em; display: inline; }
#mqfooter li.last { border: medium none ; }
#mqfooter li.first { padding-left: 0px; }
#mqfooter li a, #mqfooter li a:visited { color: rgb(0, 0, 255); }
#mqfooter abbr { border: medium none ; text-decoration: underline; }
.contentTop, .contentBottom { margin: 0pt 3px; background: rgb(255, 255, 255) url('bg_main_border_003.gif') repeat-x scroll 0% 0%; font-size: 1px; height: 8px; clear: both; position: relative; }
.contentTop { background-position: left top; }
.contentBottom { background-position: left bottom; }
.contentTop div, .contentTop p, .contentBottom div, .contentBottom p { background: transparent url('sprt_main_rounded_003.gif') no-repeat scroll 0% 0%; width: 8px; height: 8px; }
.contentTop div { float: left; }
.contentTop p { float: right; background-position: -8px 0px; }
.contentBottom div { float: left; background-position: 0px -8px; }
.contentBottom p { float: right; background-position: -8px -8px; }
.contentSection { border-left: 1px solid rgb(215, 210, 191); border-right: 1px solid rgb(215, 210, 191); margin: 0pt 3px; padding: 1px 15px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; }
.contentTop, .contentBottom {  }
.contentTop span, .contentBottom span { display: none; width: 961px; font-size: 1px; }
.contentTop div, .contentBottom div {  }
.contentTop p, .contentBottom p {  }
body, #header, #mqfooter { min-width: 966px; }
.contentSection { min-width: 930px; }
.contentTop, .contentBottom { min-width: 962px; }
.ieMinWidth { display: none; width: 966px; height: 1px; font-size: 1px; }
.contentSection .ieMinWidth {  }

/* ::::: http://gasprices.mapquest.com/include/css/template.css?v=1.2 ::::: */

.popupLink { color: rgb(0, 0, 255); text-decoration: underline; }
.trPopupShaded { background-color: rgb(244, 233, 250); }
body { margin: 0px; padding: 0px; font-family: Arial,Helvetica,sans-serif; }
.tbl { font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
.highlowprice { font-family: Arial,Helvetica,sans-serif; font-size: 18px; font-weight: bold; color: rgb(255, 255, 255); }
span.nationallink, span.nationallink a { font-size: 12px; font-weight: normal; }
.highlow { font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: rgb(255, 255, 255); }
.lowest { color: rgb(74, 168, 74); font-size: 12px; font-weight: bold; }
.highest { color: red; font-size: 12px; font-weight: bold; }
.popupsm { font-size: 11px; }
.popupstationname { color: rgb(39, 39, 80); font-size: 12px; font-weight: bold; }
.popupgastype { color: rgb(39, 39, 80); font-size: 11px; font-weight: bold; }
.popup { font-size: 11px; }
.stationname { color: rgb(39, 39, 80); font-size: 14px; font-weight: bold; }
.divonlineoffers { color: rgb(39, 39, 80); font-size: 14px; font-weight: bold; }
.prices strong, .prices b { color: rgb(39, 39, 80); }
#doc { margin: auto; width: 100%; min-width: 910px; text-align: left; }
#mainholder { padding-left: 10px; padding-right: 10px; }
#content { text-align: left; }
#leftclm { margin-top: 10px; padding-right: 10px; padding-left: 2px; }
#rightclm { width: 100%; margin-top: 10px; padding-left: 0px; }
#headerTop { padding: 10px 10px 5px 5px; }
#headerTopLinks { float: left; }
#headerTopLinks a, #headerTopLinks a:visited { border-right: 1px solid rgb(156, 145, 95); padding: 0pt 5px; color: rgb(156, 145, 95); font-size: 11px; font-weight: bold; text-decoration: none; }
#headerTopLinks a.last, #headerTopLinks a.last:visited { border-right: 0px none; }
#aolwebSearch { margin: 0px; padding: 0px; float: right; }
#headerTop .hdrToolbar { font-size: 12px; font-weight: normal; color: rgb(39, 39, 80); float: left; }
#aolwebSearch form { border: 0px none ; margin: 0px; padding: 0px; }
#aolinput { margin: 0pt; padding: 0pt 0pt 0pt 3px; font-size: 11px; color: rgb(153, 153, 153); width: 165px; height: 1.5em ! important; vertical-align: baseline; border-spacing: 0px; }
#aolinput.active { color: rgb(0, 0, 0); }
.aolbtnalt { border: 1px solid rgb(96, 167, 43); padding: 0px 4px; background: rgb(179, 211, 76) url('btn-aol_001.gif') repeat-x scroll center center; overflow: visible; font-size: 11px; color: rgb(0, 0, 0); cursor: pointer; height: 1.5em; width: auto; vertical-align: baseline; }
#headerNav a.hdrLogo { padding: 10px 16px 0px 0px; width: 295px; height: 45px; text-align: center; vertical-align: middle; float: left; }
#headerNav a.hdrLogo img { border: 0px none ; }
#headerNav ul { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; float: left; }
#headerNav li { margin: 0px; padding: 0px 0px 3px; text-align: center; line-height: 12px; float: left; width: 6.7em; font-size: 11px; font-weight: bold; }
#headerNav ul a, #headerNav ul a:visited { color: rgb(39, 39, 80); text-decoration: none; white-space: nowrap; }
.hdrMaps, .hdrDir, .hdrYlpg, .hdrGas, .hdrSrch { background: transparent url('sprt-header-nav.gif') no-repeat scroll 0% 0%; height: 51px; text-align: center; margin-bottom: -3px; }
.hdrMaps { background-position: center -153px; }
.hdrDir { background-position: center -102px; }
.hdrYlpg { background-position: center -51px; }
.hdrGas { background-position: center 0px; }
.hdrSrch { background-position: center -204px; }
.clearb { clear: both; }
#banneradd { padding: 5px 5px 7px; background: rgb(195, 195, 195) url('bg-hdr-ad.gif') repeat-x scroll left bottom; }
#sponser { width: 234px; padding-bottom: 10px; }
#mqcontentwell { background-image: url('cw-bg-lftside.gif'); background-repeat: repeat-y; background-position: 0px 0px; }
#mqwrapper { background-image: url('cw-bg-rtside.gif'); background-repeat: repeat-y; background-position: 100% 0px; }
#mqcontent { margin: 0px 10px; }
#mqtrimtop { background-image: url('cw-bg-top.gif'); background-repeat: repeat-x; background-position: 0px 0px; background-color: rgb(255, 255, 255); position: relative; }
#mqtrimtop .l { background-image: url('cw-bg-toplftcnr.gif'); background-repeat: no-repeat; background-position: 0px 0px; }
#mqtrimtop .r { background-image: url('cw-bg-toprtcnr.gif'); background-repeat: no-repeat; background-position: 100% 0px; height: 12px; }
#mqtrimbtm { background-image: url('cw-bg-btm.gif'); background-repeat: repeat-x; background-position: 0px 0px; position: static; background-color: rgb(255, 255, 255); }
#mqtrimbtm .l { background-image: url('cw-bg-btmlftcnr.gif'); background-repeat: no-repeat; background-position: 0px 0px; }
#mqtrimbtm .r { background-image: url('cw-bg-btmrtcnr.gif'); background-repeat: no-repeat; background-position: 100% 0px; height: 16px; }
.margins { margin-left: 10px; margin-right: 10px; }
.ngpbg { background-image: url('ngp-bg.gif'); background-repeat: repeat-x; }
#form { background-image: url('search-bg.gif'); background-repeat: repeat-x; width: 235px; background-color: rgb(227, 229, 199); font-size: 12px; }
#mblprices { border: 1px none ; width: 230px; font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
.mbltilte { color: rgb(39, 39, 80); font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
#offers { padding-top: 10px; width: 100%; font-weight: 700; }
.tp { background-color: rgb(240, 248, 255); background-image: url('dot.gif'); background-repeat: repeat-x; background-position: 0pt 0pt; width: 100%; }
.btm { background: transparent url('dot.gif') repeat-x scroll 0pt 100%; }
.le { background: transparent url('dot.gif') repeat-y scroll 0pt 0pt; }
.ri { background: transparent url('dot.gif') repeat-y scroll 100% 0pt; }
.bl { background: transparent url('on-offers-l-b.gif') no-repeat scroll 0pt 100%; }
.br { background: transparent url('on-offers-r-b.gif') no-repeat scroll 100% 100%; }
.tl { background: transparent url('on-offers-l-t.gif') no-repeat scroll 0pt 0pt; }
.tr { padding: 10px; background: transparent url('on-offers-r-t.gif') no-repeat scroll 100% 0pt; }
#ct { background-color: rgb(240, 248, 255); }
.maptp { background-color: rgb(245, 248, 249); background-image: url('dot.gif'); background-repeat: repeat-x; background-position: 0pt 0pt; width: 100%; }
.mapbtm { background: transparent url('dot.gif') repeat-x scroll 0pt 100%; }
.maple { background: transparent url('dot.gif') repeat-y scroll 0pt 0pt; }
.mapri { background: transparent url('dot.gif') repeat-y scroll 100% 0pt; }
.mapbl { background: transparent url('map-b-l.gif') no-repeat scroll 0pt 100%; }
.mapbr { background: transparent url('map-b-r.gif') no-repeat scroll 100% 100%; }
.maptl { background: transparent url('map-t-l.gif') no-repeat scroll 0pt 0pt; }
.maptr { padding: 10px; background: transparent url('map-t-r.gif') no-repeat scroll 100% 0pt; }
#mapct { background-color: rgb(245, 248, 249); width: 100%; }
#north { background-image: url('nsp.gif'); background-repeat: repeat-x; }
.nout a, .nover a, .wout a, .wover a, .eout a, .eover a, .sout a, .sover a { display: block; }
.nover { background-image: url('nsp-on.gif'); background-repeat: repeat-x; }
.nout { background-image: url('nsp.gif'); background-repeat: repeat-x; }
.wover { background-image: url('wsp-on.gif'); background-repeat: repeat-y; }
.wout { background-image: url('wsp.gif'); background-repeat: repeat-y; }
.eover { background-image: url('esp-on.gif'); background-repeat: repeat-y; }
.eout { background-image: url('esp.gif'); background-repeat: repeat-y; }
.sover { background-image: url('ssp-on.gif'); background-repeat: repeat-x; }
.sout { background-image: url('ssp.gif'); background-repeat: repeat-x; }
form { margin: 0px; padding: 0px; }
select { font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
input { font-family: Arial,Helvetica,sans-serif; font-size: 12px; }
#search input { border: 1px solid rgb(86, 186, 36); font-family: Arial,Helvetica,sans-serif; font-weight: normal; }
#search .btn { border: 1px solid rgb(86, 186, 36); background-color: rgb(191, 235, 170); font-family: Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; height: 20px; }
.ftp { background-image: url('search-line.gif'); background-repeat: repeat-x; }
.fbtm { background: transparent url('search-line.gif') repeat-x scroll 0pt 100%; }
.fle { background: transparent url('search-line.gif') repeat-y scroll 0pt 0pt; }
.fri { background: transparent url('search-line.gif') repeat-y scroll 100% 0pt; }
.fbl { background: transparent url('search-bt-l.gif') no-repeat scroll 0pt 100%; }
.fbr { background: transparent url('search-bt-r.gif') no-repeat scroll 100% 100%; }
.ftl { background: transparent url('search-top-l.gif') no-repeat scroll 0pt 0pt; }
.ftr { padding: 5px; background: transparent url('search-top-r.gif') no-repeat scroll 100% 0pt; }
.prices strong, .prices b { color: rgb(39, 39, 80); }
.tabs a { background: transparent url('left-tab.gif') no-repeat scroll left top; color: rgb(39, 39, 80); text-decoration: none; padding-left: 5px; font-size: 11px; }
.tabs a span { background: transparent url('right-tab.gif') no-repeat scroll right top; padding-right: 5px; }
.tabs a, #navigation a span { display: block; float: left; }
.tabs ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
.tabs li { margin: 0pt; float: right; background-image: url('tabs-ul-bg.gif'); background-repeat: repeat-x; }
.tabs a.selected { background: transparent url('tab-left.gif') no-repeat scroll left top; color: rgb(39, 39, 80); text-decoration: none; padding-left: 5px; font-size: 11px; }
.tabs a.selected span { background: transparent url('tab-right.gif') no-repeat scroll right top; padding-right: 5px; }
.tabs a, #navigation a span { display: block; float: left; }
.tabs ul { margin: 0pt; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
.tabs li.selected { margin: 0pt; float: right; background-image: url('tab-mid.gif'); background-repeat: repeat-x; }
.tabsline { background-image: url('tabs-line.gif'); background-repeat: repeat-x; background-position: center bottom; }
.title { font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; font-weight: bold; color: rgb(39, 39, 80); }
.smallfont { font-size: 11px; }
.sponseredlink { text-decoration: none; color: rgb(63, 149, 41); font-size: 12px; }
.highlowprice a { font-family: Arial,Helvetica,sans-serif; font-size: 18px; font-weight: bold; color: rgb(255, 255, 255); }
.timestampsm { font-size: 11px; }
.numbericon { border: medium none ; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; font-weight: bold; color: white; position: absolute; z-index: 10; left: 5px; top: 3px; width: 12px; text-align: center; }
.divGasPriceCalculator_ttl { color: rgb(39, 39, 80); font-size: 12px; font-weight: bold; }
td.gasPriceCalculatorResult { background-color: rgb(244, 233, 250); }
.gasPriceCalculatorResultText { color: rgb(39, 39, 80); font-size: 12px; font-weight: bold; }
.gasPriceCalculatorResultPrice { color: black; font-size: 12px; font-weight: bold; }
.countryHeader { color: rgb(218, 135, 47); font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-size: 14px; }
.stateHeader { color: rgb(39, 39, 80); font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-size: 14px; }
.stateHeaderGray { color: rgb(128, 128, 128); font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-size: 14px; }
a.localCityHeader, a.localCityHeader:visited { color: rgb(67, 67, 67); font-weight: bolder; font-family: Arial,Helvetica,sans-serif; font-size: 14px; text-decoration: none; }
.localHeader { color: rgb(216, 60, 0); font-weight: bold; font-family: Arial,Helvetica,sans-serif; font-size: 14px; }
.localHeader img { border: 0pt none ; vertical-align: middle; margin-right: 5px; }

/* ::::: null ::::: */

.topHeaderLink { padding: 10px 18px 0pt 8px; float: left; font-size: 0.75em; position: relative; }
.topHeaderLink a { border-right: 1px solid rgb(119, 119, 119); padding: 0pt 0.4em 0pt 0.3em; text-decoration: none; }
.topHeaderLink a.headerlast { border-right: 0pt none; }
a#switch2Box { font-size: 12px; font-weight: bold; }

/* ::::: null ::::: */

.styleFooter { padding-top: 10px; text-align: center; font-size: 11px; line-height: 16px; }
.styleFooter a { border-right: 1px solid rgb(119, 119, 119); padding: 0pt 0.4em 0pt 0.2em; }
a.footerlast { border-right: 0pt none; }
#footer a.footerlast { border-right: 0pt none; }

