/* ::::: http://content.mqcdn.com/dotcom-release54-21/cdn/loader.css.pre$locale=en_US&profile=dotcom2-homeform ::::: */

html { margin: 0pt; padding: 0pt; color: rgb(67, 67, 67); }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, button, table, iframe, label, strong { margin: 0pt; padding: 0pt; font-family: Arial,Verdana,Helvetica,sans-serif; }
table { border-collapse: collapse; border-spacing: 0pt; }
fieldset, img, iframe { border: 0pt none ; }
li { list-style-type: none; list-style-image: none; list-style-position: outside; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr, acronym { border: 0pt none ; font-variant: normal; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select {  }
legend { color: rgb(0, 0, 0); }
#header, #headerNav a, .buttonRoundedMin, #footer .footerBg, .localLink .icon, .helpIcon { background-image: url('sprite_all.gif'); }
html, body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; min-width: 960px; }
a, a:visited, a:link, a:hover { color: rgb(3, 126, 171); }
a:hover { text-decoration: underline; }
.printThis { display: none; }
.fltl, .fl { float: left; }
.clearb, .cb { clear: both; }
.disn { display: none; }
.hiddenButPresent { visibility: hidden; position: absolute; top: -999em; left: -999em; }
#userActionDebugger { overflow: auto; height: 100px; width: 99%; background-color: rgb(255, 255, 223); margin-left: 4px; font-size: 11px; font-family: arial,verdana,helvetica,sans-serif; }
button:hover, button, .btn:hover, .btn { background: rgb(57, 154, 189) url('sprite_button_blue.gif') repeat-x scroll left center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.btn { vertical-align: middle; }
button, .btn, a.btn { border: 1px solid rgb(7, 127, 170); padding: 0.2em 0.4em 0.1em; color: rgb(255, 255, 255); font-weight: bold; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; margin-right: 0.1em; font-size: 13px; cursor: pointer; text-decoration: none; }
button:hover, .btn:hover { background-position: right center; }
#header { border-bottom: 1px solid rgb(213, 208, 188); padding: 3px 0pt 6px; background-repeat: repeat-x; background-position: 0pt -518px; width: 100%; background-color: rgb(241, 236, 218); }
#headerAOLLinks { padding: 3px 18px 0pt 10px; float: left; font-size: 10px; position: relative; }
#headerAOLLinks a { border-right: 1px solid rgb(119, 119, 119); padding: 0pt 0.4em 0pt 0.3em; text-decoration: none; }
#headerAOLLinks a.headerlast { border-right: 0pt none; }
#headerAOLSearch { padding: 3px 10px 5px; float: right; }
#aolinput { margin: 0pt; padding: 0pt 0pt 0pt 3px; border-spacing: 0pt; color: rgb(153, 153, 153); font-size: 0.7em; height: 1.2em ! important; vertical-align: baseline; width: 165px; }
.buttonRoundedMin { border: 0pt none ; padding: 0pt 4px; overflow: visible; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; background-position: 0pt -396px; color: rgb(0, 0, 0); cursor: pointer; font-size: 11px; font-weight: bold; height: 1.5em; vertical-align: baseline; width: auto; }
.buttonRoundedMin:hover { background-position: 0pt -412px; }
#headerNav { margin: 3px 0pt 0pt; }
#headerNav a { margin: 3px 5px; padding: 3px 5px 0pt 25px; float: left; height: 18px; font-weight: bold; font-size: 0.75em; color: rgb(67, 67, 67); text-decoration: none; line-height: 19px; vertical-align: middle; }
#headerNav a:hover { color: rgb(67, 67, 67); }
#headerNav #navLogo { margin: 0pt 0pt 0pt 21px; padding: 0pt; height: 25px; width: 165px; }
#headerNav #navMaps { background-position: 0pt -25px; margin-left: 20px; }
#headerNav #navDir { background-position: 0pt -46px; padding-left: 28px; }
#headerNav #navYp { background-position: 0pt -70px; padding-left: 23px; }
#headerNav #navLocal { background-position: 0pt -94px; padding-left: 26px; }
#headerNav #navGas { background-position: 0pt -117px; padding-left: 24px; }
#nojavascript, #unsupportedBrowser { background-color: rgb(153, 0, 0); text-align: center; color: rgb(255, 255, 255); font-weight: bold; font-size: 13px; line-height: 26px; }
#nojavascript a, #nojavascript a:visited, #unsupportedBrowser a, #unsupportedBrowser a:visited { color: rgb(255, 255, 255); }
#footer { border-top: 1px solid rgb(215, 210, 191); padding: 0pt 0pt 1em; text-align: center; font-size: 0.7em; line-height: 1.5em; position: relative; }
#footer .footerBg { background-repeat: repeat-x; background-position: left -428px; height: 50px; width: 100%; }
#footer .footerContent { margin-top: -40px; }
#footer a { border-right: 1px solid rgb(3, 126, 171); padding: 0pt 0.5em 0pt 0.2em; }
.boxBlue1 { border: 1px solid rgb(136, 198, 219); background: rgb(244, 244, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.boxBeigeM { border: 1px solid rgb(215, 210, 191); background: rgb(238, 231, 209) url('tan_m.gif') repeat-x scroll left top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.boxBeigeL { border: 1px solid rgb(215, 210, 191); background: rgb(238, 231, 209) url('tan_l.gif') repeat-x scroll left top; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.roundedTop { min-height: 6px; -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; }
.roundedBottom { min-height: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; }
div.contentSection, div.loadingSection { padding: 1px 12px; }
div.contentSection { position: static; }
.icon { font-size: 1px; }
ul.tabs { margin: 0pt; padding: 0pt 0pt 0pt 1em; list-style-type: none; list-style-image: none; list-style-position: outside; float: left; }
.tabs li { border: 1px solid rgb(215, 210, 191); margin: 0pt 0pt 0pt 7px; padding: 0.35em 1em 0.15em; background: rgb(247, 244, 235) none repeat scroll 0% 0%; position: relative; top: 1px; cursor: pointer; display: block; color: rgb(3, 126, 171); font-weight: bold; font-size: 0.9em; float: left; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; -moz-border-radius-topright: 6px; -moz-border-radius-topleft: 6px; }
.tabs li.s { border-color: rgb(215, 210, 191) rgb(215, 210, 191) rgb(255, 255, 255); border-bottom: 1px solid rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(68, 68, 68); }
.tabPanel { display: none; }
.tabPanel.s { display: block; }
.tabPanels { clear: both; }
.tabPanels .s { display: block; }
.regionSelector .icon, #getDirsReverse .icon, .getMapForm #mapTwoFiveToggle .icon, .getMapForm #mapTwoFiveToggle .icon, .getDirsForm #dirsTwoFiveToggle .icon { background-image: url('sprite_all.gif'); }
div.contentSection { padding-bottom: 12px; }
table.homeContentSection td { vertical-align: top; }
table.homeContentSection td.tabsWrapper { border: medium none ; background: transparent none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; position: static; }
table.homeContentSection td.tabsWrapper ul.tabs {  }
#searchAndDir { margin: 0pt 12px 12px 0pt; min-height: 13.1em; padding-bottom: 12px; }
.tabPanels { margin-bottom: 12px; }
.tabPanels fieldset .msg {  }
#mapWrapper { border: 1px solid rgb(204, 204, 204); padding: 0pt; overflow: hidden; position: relative; }
.mapControls { border-bottom: 0pt none; min-height: 60px; }
#mapsTabPanel, #directionsTabPanel, #whatsNewTabPanel { padding: 14px; position: relative; }
#whatsNewTabPanel { padding-bottom: 0pt; }
#directionsTabPanel { padding: 14px 14px 10px; }
#mapLocation { padding: 10px 5px 10px 14px; float: left; font-weight: bold; }
#mapSearch { padding: 0pt 14px 30px; font-size: 0.8em; }
#weather { float: left; }
#searchNearby { float: right; }
.getMapForm { float: left; width: 45%; position: relative; margin-bottom: 10px; }
.getMapForm legend { color: rgb(51, 153, 0); font-weight: bold; font-size: 0.8em; margin-bottom: 7px; }
.getMapForm .btn, .getDirsForm .btn { margin: 4px 5.2% 0pt 0pt; float: right; }
.getMapForm .btn { margin: 4px 5.2% 0pt 0pt; clear: both; }
.getMapForm #mapTwoFiveToggle, .getDirsForm #dirsTwoFiveToggle { position: absolute; left: 0pt; bottom: -2em; font-size: 0.7em; }
.getMapForm #mapTwoFiveToggle { bottom: 0pt; }
.startFields, .endFields { float: left; width: 45%; position: relative; }
.getDirsForm { position: relative; }
.getDirsForm legend { color: rgb(51, 153, 0); font-weight: bold; font-size: 0.8em; margin-bottom: 7px; }
.getDirsForm .endFields legend { color: rgb(170, 0, 0); }
.getDirsForm #getDirsReverse { float: left; font-size: 0.7em; width: 7%; }
.getDirsForm #getDirsReverse .icon { margin: 80px 0pt 0pt 10%; background-position: -92px -162px; cursor: pointer; height: 25px; width: 26px; }
.getDirsForm #getDirsReverse .icon:hover { background-position: -92px -187px; }
.getDirsForm #directionsOptions { clear: left; }
#mapHelp, #directionHelp { position: absolute; top: 10px; right: 10px; }
#homeTopRightAd { background: rgb(238, 238, 238) none repeat scroll 0% 0%; width: 300px; height: 250px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; position: relative; z-index: 100498; }
.rotatingHorizontalPromo .playBtn, .rotatingHorizontalPromo .pauseBtn { background-image: url('sprite_all.gif'); }
.rotatingHorizontalPromo { margin: 12px 0pt; position: relative; }
.rotatingHorizontalPromo .title { border: 1px solid rgb(204, 204, 204); padding: 5px 15px; background: rgb(247, 244, 235) none repeat scroll 0% 0%; width: 220px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-size: 0.8em; font-weight: bold; position: absolute; left: 0pt; top: 0pt; height: 15px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; }
.rotatingHorizontalPromo .title span { padding: 7px 0pt 0pt; background: rgb(247, 244, 235) none repeat scroll 0% 0%; position: absolute; left: 20px; top: 0pt; line-height: 1em; opacity: 0; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.rotatingHorizontalPromo .title span.s { opacity: 1; }
.rotatingHorizontalPromo .slides { border: 1px solid rgb(204, 204, 204); background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-left: 220px; font-size: 0.8em; position: relative; height: 25px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; min-width: 742px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; }
.rotatingHorizontalPromo .slides a { padding: 5px 10px 0pt; background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: absolute; left: 10px; top: 0pt; text-decoration: none; font-weight: bold; vertical-align: middle; z-index: 1; opacity: 0; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.rotatingHorizontalPromo .slides a.s { opacity: 1; }
#rotatingHorizontalPromo .slides a.highlight1 { color: rgb(216, 60, 0); }
#rotatingHorizontalPromo .slides a.highlight2 { color: rgb(216, 60, 0); }
#rotatingHorizontalPromo .slides a.highlight4 { color: rgb(51, 153, 0); }
.rotatingHorizontalPromo .playBtn, .rotatingHorizontalPromo .pauseBtn { width: 10px; height: 10px; background-position: -217px -213px; position: absolute; left: 7px; top: 8px; z-index: 10; }
#whatsNewTabPanel .slides { position: relative; float: left; width: 65%; height: 12.1em; }
#whatsNewTabPanel .slide { position: absolute; left: 0pt; top: 0pt; min-height: 12.1em; opacity: 0; z-index: 1; }
#whatsNewTabPanel .slides .selected { opacity: 1; z-index: 2; }
#whatsNewTabPanel .controls { border-left: 1px solid rgb(69, 144, 180); float: right; width: 27%; position: relative; min-height: 12.1em; }
#whatsNewTabPanel .item { padding: 5px; position: relative; height: 29px; color: rgb(18, 134, 176); font-weight: bold; font-size: 0.8em; margin-left: 5px; cursor: pointer; clear: both; }
#whatsNewTabPanel .item .arr { display: none; }
#whatsNewTabPanel .controls .selected { border-bottom: 1px solid rgb(245, 115, 30); background: rgb(245, 115, 30) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(255, 255, 255); margin-left: 0pt; padding-left: 10px; }
#whatsNewTabPanel .controls .selected .arr { background: transparent url('sprite_whats_new_tab.gif') no-repeat scroll left -16px; display: block; position: absolute; left: -11px; top: 0pt; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 15px; height: 40px; }
#whatsNewTabPanel .controls .blogLink { display: block; font-size: 0.8em; text-align: right; padding-top: 5px; }
#whatsNewTabPanel .controls .playPause, #whatsNewTabPanel .controls .paused { margin-bottom: 3px; float: right; display: none; }
#whatsNewTabPanel .controls .playPause a, #whatsNewTabPanel .controls .paused a { background: transparent url('sprite_whats_new_tab.gif') no-repeat scroll left top; display: block; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 16px; height: 16px; float: right; text-decoration: none; font-size: 1px; }
#whatsNewTabPanel h3 { font-size: 0.9em; font-weight: bold; }
#whatsNewTabPanel p { margin: 10px 0pt; font-size: 0.8em; font-weight: normal; }
#whatsNewTabPanel .rssLink { text-decoration: none; font-size: 0.8em; display: block; margin-top: 15px; margin-left: 15px; }
#whatsNewTabPanel .rssLink span { text-decoration: underline; }
#whatsNewTabPanel .rssLink img { background: transparent url('sprite_whats_new_tab.gif') no-repeat scroll right top; width: 16px; height: 16px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; vertical-align: middle; }
.multiBoxPromo { padding: 10px; position: relative; }
.multiBoxPromo h4 { margin-bottom: 10px; }
.multiBoxPromo .rightLink { position: absolute; right: 24px; top: 10px; font-size: 0.8em; }
.multiBoxPromo table { width: 100%; }
.multiBoxPromo td.pd { width: 25%; }
.multiBoxPromo td { vertical-align: top; }
.multiBoxPromo .c { overflow: visible; height: 14em; }
.multiBoxPromo .c div.slide { border-left: 1px solid rgb(136, 198, 219); border-right: 1px solid rgb(136, 198, 219); padding: 2px 10px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; font-size: 0.8em; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 140px; height: 100%; }
.multiBoxPromo .slide img { margin-bottom: 5px; }
.multiBoxPromo .slide h3 { font-weight: bold; margin-bottom: 6px; }
.multiBoxPromo .slide .copy { margin-bottom: 6px; }
.multiBoxPromo .slide li { color: rgb(3, 126, 171); list-style-type: disc; margin-left: 1em; }
.multiBoxPromo .roundedTop { border-style: solid solid none; border-color: rgb(136, 198, 219) rgb(136, 198, 219) -moz-use-text-color; border-width: 1px 1px medium; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.multiBoxPromo .roundedBottom { border-style: none solid solid; border-color: -moz-use-text-color rgb(136, 198, 219) rgb(136, 198, 219); border-width: medium 1px 1px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }
.multiBoxPromo .c div.slide {  }
.multiBoxPromo .borderBottomRow, .multiBoxPromo .borderTopRow {  }
.helpIcon { width: 15px; height: 15px; line-height: 15px; display: inline-block; background-position: -178px -162px; cursor: pointer; }
.helpIcon:hover { background-position: -178px -187px; }
.slides .highlight1, .slides .highlight2, .slides .highlight3, .slides .highlight4 { width: 30em; height: 1.5em; }
.rotatingHorizontalPromo .slides a.s { z-index: 2; }
.standard-footer { border-bottom: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 20px 20px; float: left; width: 95%; text-align: left; color: rgb(102, 102, 102); z-index: 20000; }
#footer .footerBg { border-top: 1px solid rgb(255, 255, 255); background: transparent none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; margin-top: -1px; }
.standard-footer h4 { color: rgb(75, 75, 75); font-size: 12px; margin-top: 4px; margin-bottom: 13px; font-weight: bold; }
.mapquest-footer-links, .aol-footer-links { float: left; display: inline; }
.mapquest-footer-links { width: 64%; margin-bottom: 20px; }
.aol-footer-links { width: 34%; }
.standard-footer ul { margin: 0pt; padding: 0pt; float: left; display: inline; }
ul.mq-links-1, ul.mq-links-2 { width: 28%; }
ul.aol-links-1, ul.aol-links-2 { width: 48%; }
ul.mq-links-3 { width: 38%; }
.standard-footer li { border: 0pt none ; margin: 0pt 0pt 4px; padding: 0pt; list-style-type: none; list-style-image: none; list-style-position: outside; }
.standard-footer li.mq-links-3-blog { list-style-image: url('ftr_mq.png'); }
.standard-footer li.mq-links-3-facebook { list-style-image: url('ftr_facebook.png'); }
.standard-footer li.mq-links-3-twitter { list-style-image: url('ftr_twitter.png'); }
.standard-footer li.mq-links-3-twitter { margin-bottom: 20px; }
.standard-footer ul li a { border: 0pt none ; text-decoration: none; color: rgb(102, 102, 102); }
.standard-footer ul li a:hover, .footer-legal-line a:hover { text-decoration: underline; }
#footer a { border-right: 0pt none; color: rgb(102, 102, 102); cursor: pointer; }
.footer-legal-line { margin: 0pt 0pt 20px 20px; float: left; clear: left; width: 95%; text-align: left; color: rgb(102, 102, 102); }