/*common */
body {font:70% verdana, sans-serif; margin:0; padding:0; background: #fff; color: #000;}
html>body {font-size: 11px;}
h1 {color: #111111; font-family: arial,Helvetica,sans-serif; font-size: 1.96em; font-weight: bold; letter-spacing: -0.04em; line-height: 0.9em; margin: 0.6em 0pt 0.2em 0; float: left;}
h1 span {color: #0066cc;  font-size: 0.6em; letter-spacing: 0; vertical-align: text-top;}
#internalad1 {width: 225px; float: right; margin: 0.6em 0.6em 0 0;} 
#internalad1 img { border:0}
#unanimis1 {display:none;}
#unanimis2 {margin-bottom:1em;}
#internalAdvert {background: #000; margin: 0 10px 0.6em 10px; text-align: center;}
#internalAdvert a {width: 100%; display: block;}
#internalAdvert a img {border: 0;}

.noprintdispblock{display:block;}
.noprintdisphidden {display:none;}
.printTitle, .printLogo, .printIntro, .printTerms {display: none;}
img {vertical-align: middle; border:0;}
img.preload {visibility: hidden; height: 1px; width: 1px;}
div.preload  {visibility: hidden; height: 1px; width: 1px; overflow:hidden;}
form {margin: 0; padding: 0;}
.rm {display: none;}
.smalladvert {text-align: center; margin: 1.8em 0;}
.advert {text-align: center; margin-bottom: 0.6em;}

#buttons {text-align: center; margin: 1em 0 0.6em 0; width: 370px;}
#buttons a img {border: 0;}
#buttons .buttonLeft {float: left; width: 180px;}
#buttons .buttonRight {float: right; width: 180px;}
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/* end common */

/* header relative*/
#header {height: 2.1em; width: 100%; clear: both; margin: 0; padding: 0; min-width: 850px; width: expression(document.body.clientWidth < 850? "850px": "auto" );}
#header #mainNav {height: 1.7em; margin: 0 10px; background: #000; clear: both;}
#yellowHeader {background: #fc0; margin: 0 10px 3px 10px; height: 100px; min-width: 830px; width: expression(document.body.clientWidth < 830? "830px": "auto" ); position:relative;} 
#yellowHeader #homeh1 {margin:0; padding:0 30px 15px 0; float:left; z-index:10;position:relative;background-color:#fc0;}
#yellowHeader #homeh1 img {margin: 15px 0 0 15px; border: 0;}
#yellowHeader .textheading {left: -9999px; position: absolute;}
#yellowHeader #topNavGlobalNav  {margin: 0; padding: 0; width: auto; float: right; position: absolute; top: 12px; right: 9px;}
#yellowHeader #topNavGlobalNav ul {margin: 0 5px 0 0; padding: 0; list-style-type: none;}
#yellowHeader #topNavGlobalNav ul li {display: inline; margin:0 1px 0 9px; padding: 0;}
#yellowHeader #topNavGlobalNav ul li a {text-decoration: none; margin: 0; padding: 0; color: #000; font-size: 10px; vertical-align: top;}
#yellowHeader #topNavGlobalNav ul li a:hover {text-decoration: underline; color: #000;}
#yellowHeader form#site-search {position: relative; top: 58px; right: 15px; float: right;}
#yellowHeader form#site-search input.site-search-text {font-size: 1em; font-family: verdana, sans-serif; padding: 6px 3px 3px 6px; border: 1px solid #ccc; height: 27px; background: #fff url(/images/common/form-fade.gif) top left repeat-x; width: 191px; margin-right: 2px;}
#yellowHeader form#site-search input.site-search-button {border: 0; height: 27px; margin-bottom: -9px;}
#headerAdvert {float:right;margin:0;padding:0;position:absolute;right:15px;top:15px;width:auto;}
#headerAdvert a img {border:0;}
/* end header  */

/* topnav */
div#mainNav ul {list-style-type: none; width: 100%; margin: 0; padding: 0;}
div#mainNav ul li {float: left; font-family: verdana, sans-serif; font-size: 1em; font-weight: bold; display: inline; text-align: center;}
div#mainNav ul li a {padding: .25em .1em .25em .1em; border-right: 3px white solid; background-color: #000; color: #fc0; text-decoration: none; display: block;}
div#mainNav ul li a:hover, div#mainNav ul li a.current {text-decoration: none; background-color: #333; color: #fc0;}
li#topNavBreakdown {width: 11.675em;}
li#topNavInsurance {width: 7.175em;}
li#topNavFinance {width: 12.175em;}
li#topNavTravel {width: 5.175em;}
li#topNavAdvice {width: 10.675em;}
li#topNavSchool {width: 9.92em;}
li#topNavBusiness {width: 10.2em;}
li#topNavShop{width:7.27em;}
/* end topnav */

/* footer */
#footer {padding: 1em; background: #e5e5e5; min-width: 750px;}
#footer .advert {float: right; position: relative; margin: 0 0 0 1em;}
#footer .terms img {float: right; margin-left: 1em;}
/* end footer */

/* mapTab */
#mapTab #related {float: right; margin-right: 10px;}
#mapTab #related ul {list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0;}
#mapTab #related ul li { float:left; background:transparent url(/images/common/blue-chevron.gif) no-repeat scroll 9px 0px; line-height:1.4em; padding-left:20px;}
#mapTab #related ul li a, #mapTab .related ul li a:visited {text-decoration: none;}
#mapTab #related ul li a:hover {text-decoration: underline; }
#mapTab #related ul li.current { font-weight:bold;background:transparent url(/images/common/blue-chevron-down.gif) no-repeat scroll 9px 0px;}
/* Caution! Ensure accessibility in print and other media types... */
/*nav tab styles*/
@media projection, screen {.map-tabs-hide { display: none;}}  /* Use class for showing/hiding tab content, so that visibility can be controlled in different media... */ 		
@media print {.map-tabs-nav {display: none;}} /* Hide useless elements in print layouts... */
h1.map-tabs-h1 {display:inline;font-size: 1em; margin: 0;padding: 0; font-weight: bold; letter-spacing: 0; line-height: 1; float: none; font-family: verdana,sans-serif;}
h1.map-tabs-h1 span {font-size: 1em; letter-spacing: 0; vertical-align: baseline;}

.map-tabs-nav {list-style: none; margin: 0.5em 0 0 10px; padding: 0;}
.map-tabs-nav:after {display: block; clear: both; content: " ";} 
.map-tabs-nav li {float: left; margin-right: 3px; font-weight: bold;}
.map-tabs-nav a, .map-tabs-nav a span {height: 24px; float: left;  padding: 0 1.2em; background: url(/images/routes/map-tabs.png) no-repeat;} /* fixes dir=ltr problem and other quirks IE */
.map-tabs-nav a {margin: 0; /* position: relative makes opacity fail for disabled tab in IE */ padding-left: 0; background-position: 100% 0; text-decoration: none; white-space: nowrap; /* @ IE 6 */ outline: 0; /* @ Firefox, prevent dotted border after click */}
.map-tabs-nav a:link, .map-tabs-nav a:visited {color: #222;}
.map-tabs-nav .map-tabs-selected a {position: relative; top: -4px; z-index: 2; margin-top: 0; background-position: 100% -25px; color:#fff;}
.map-tabs-nav a span {padding-top: 0px; padding-right: 0; height: 21px; background-position: 0 0; line-height: 21px; color: #666;}
.map-tabs-nav .map-tabs-selected a:hover {color:#fff; }
.map-tabs-nav .map-tabs-selected a span {padding-top: 4px; height: 24px; background-position: 0 -25px; line-height: 24px; color: #fff;}
.map-tabs-nav a:hover, .map-tabs-nav a:focus, .map-tabs-nav a:active, .map-tabs-nav .map-tabs-unselect a:hover, .map-tabs-nav .map-tabs-unselect a:focus, .map-tabs-nav .map-tabs-unselect a:active {cursor: pointer;} /* @ Opera */
.map-tabs-nav a:hover {text-decoration:underline;}
/*.map-tabs-disabled {opacity: .4; filter: alpha(opacity=40);}*/
.map-tabs-nav .map-tabs-disabled a:link, .map-tabs-nav .map-tabs-disabled a:visited {color: #000;}
.map-tabs-panel {background: #000; margin: -5px 10px 0.6em 10px; min-width: 754px;}

/* end mapTab */

/* route and map */
#mapContainer {position: relative; height: 60%; margin-bottom: 0.6em;}
#map {height: 60%; background: #99b3cc; margin: 0 10px 0.6em 37.4em; min-width: 349px;}
#route, #map {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
#route {height: 60%; width: 35.8em; float: left; margin: 0 0 0.6em 10px; border-right: 1px solid #ccc; overflow: auto;}
#route #routeSummary {line-height: 1.5em; margin: 0.6em 0.6em 0 0; padding: 1.2em 0 0 0; clear: both;}
#route #routeSummary img {border: 0;}
#route #routeSummary div {padding: 0 0.8em;}
#route #routeSummary div p {margin:0 0 0.4em 0;}
#route #routeSummary div p.last {margin: 0;}
#route #routeSummary div p.first {margin-top: 0; }
#route #routeSummary div p#errorMsg {color: #c00;}
#route #routeSummary .summaryChecks {margin-top: 0.01em;}
#route #routeSummary .summaryChecks input {vertical-align: middle;}
#route #routeSummary .summaryChecks label {margin-right: 0.6em;}
#route #routeSummary div div {padding: 0; margin: 0;}
#route #routeSummary .summaryLinks {margin-top: -0.1em;}
#route #routeSummary .summaryLinks a { margin-right:1.05em;}
#route #routeSummary .summaryLinks div#trafficTimeID { font-weight:bold;}
#route #routeSummary .summaryLinks div#trafficErrorID { color:#C00;}
#route #routeSummary a {color:#000; font-weight: normal; text-decoration: none;}
#route #routeSummary a:hover {text-decoration: none;}
#externaladvert1 {display:none;}

div.routeSummaryTop {width: 370px; background: transparent url(/images/routes/summary.gif) no-repeat center top;}
div.routeSummaryBottom {width: 370px; height: 10px; font-size: 1px; margin: 0 0.6em 0 0; background: transparent url(/images/routes/summary.gif) no-repeat center bottom;}
#route #routeSummary div img.summaryLoader {vertical-align: middle;}

 /* end route and map */

.interface {width: 100%; min-width: 680px; clear: both; margin: 0; padding: 0em 0 0.2em 0;}
.interface #inputFields div, .interface #dropdownFields div, .interface div.via, .interface .next, .interface .getRoute, .interface .nextTraffic, .interface .getTraffic,.interface .searchPlace, .interface .gotoPlace, .interface .radios {float: left;}
.interface .radios {margin: 0.3em 0.6em 0.3em 1em;}
.interface p {margin: 0.75em 0.6em 1.25em 0.6em;}
.interface p a {color:#fc0; font-weight: normal; text-decoration: none;}
.interface p a:hover {text-decoration: underline;}
.interface label {color: #fff; margin: 0 0.6em; font-weight: bold;}
.interface .radios label {margin: 0; font-weight: normal;}
.interface input, .interface select {margin: 0.5em 0 0.5em 0; vertical-align: middle;}
.interface img {vertical-align: middle;}
.interface input.routeText {width: 12.95em; background: #fff; font-family: arial, sans-serif;}
.interface input.trafficText,.interface input.mapText  {width: 13.95em; background: #fff; font-family: arial, sans-serif;}
.interface select.routeText {width: 20.5em; background: #ffe192;}
.interface .next, .interface .getRoute, .interface .nextTraffic, .interface .getTraffic,.interface .searchPlace, .interface .gotoPlace {height: 27px; display: block; text-indent: -1000em; margin: 0.25em 0 0.25em 0.6em; padding: 0; border: 0; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */}
.interface .next, .interface .getRoute {width: 108px; background: transparent url(/images/routes/buttonYellow-getroute.gif) no-repeat center top;}


.interface .nextTraffic, .interface .getTraffic {width: 113px; background: transparent url(/images/traffic/buttonYellow-gettraffic.gif) no-repeat center top;}
.interface .searchPlace {width: 107px; background: transparent url(/images/buttons/find-place.gif) no-repeat center top;}
.interface .gotoPlace {width: 117px; background: transparent url(/images/buttons/go-to-place.gif) no-repeat center top;}


/*POI*/
#aa-iwindow {  width: 300px; height: 220px; }
#aa-iwindow img {border:0;}

#overlayMapMessage {width:auto; padding:6px; background:url(/images/common/bg-transparent/px-000-75.png) repeat; color:#ffffff; text-align:left; margin-left:2px; margin-top:2px; display:none;}
#overlayMapMessage .msgRow {padding-bottom:2px; width:auto;}
#overlayMapMessage a,#overlayMapMessage a:visited,#overlayMapMessage a:hover,#overlayMapMessage a:active {color:#ffffff;}
#overlayMapMessage a:hover {color:#fc0;}

#overlayMapAd {width:143px; height:57px;  padding-top: 0.3em; margin: 0 0.6em 1.8em 0; cursor:pointer; text-decoration: none; display:none;}
#overlayMapAd img {border: 0; vertical-align: bottom;}
#overlayMapMessage .msgRow {width:auto;padding-bottom:2px;padding-right:22px; position:relative;}
#overlayMapMessage .msgRow p {margin:0;}
#overlayMapMessage .msgRow a.msgClose {position:absolute;right:4px; display:block; width:10px; }
#overlayMapMessage .msgRow a img{border:0;}

/*traffic styles*/
body#b-trafficmap #routeSummary {padding-top:0.4em;}
#trafficmapContent h2 {color:#666666; font-family: arial,Helvetica,sans-serif; margin-top:5px; margin-bottom:3px; padding-bottom:0; font-size:1.5em;}
#trafficmapContent p {margin-top:0;margin-bottom:0.5em;}
#trafficmapContent ul { padding:0px; margin: 3px 0 3px 0; list-style-type: none;}
#trafficmapContent ul li {padding:0px 0 4px 8px; background:url(/images/common/smallGreyListBullet.gif) no-repeat 0px 5px;}
.trafficmapTerms { font-size:0.8em; background-color:#efefef; margin-right:0.6em; padding:2px;}
#trafficSummaryTop {  line-height:1.2em;}
#trafficSummaryTop input {vertical-align:middle;margin-top:-1px;}

body#b-trafficmap #trafficmapContent a {color:#333;}
body#b-trafficmap #trafficmapContent a:visited {color:#666;}

.iw-traffic {width:30em;}
.iw-traffic-date {color:#666;}
.iw-traffic-direction {color:#000;font-weight:bold; font-size:1.2em;}
.iw-traffic-desc {margin-top:0.6em; margin-bottom:0.6em;}
.iw-traffic-logo {display:block; margin-top:0.5em; float:right; width:103px;height:17px;}
.iw-traffic-status {color:#c00; font-weight:bold;}

#footer p.quicklinks a {
color:#000000;
margin:0 1em 0 0;
text-decoration:none;
}