/*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;}
.printTitle, .printLogo, .printIntro, .printTerms {display: none;}
img {vertical-align: middle;}
img.preload {visibility: hidden; height: 1px; width: 1px;}
form {margin: 0; padding: 0;}
.rm {display: none;}
.smalladvert {text-align: center; margin: 1.8em 0;}
.advert {text-align: center; margin-bottom: 0.6em;}
#textAdverts {background: #fc0; margin: 0 10px 0.6em 10px;}
#textAdverts {padding: 0.6em;}
#textAdverts ul#coolAdverts, #textAdverts ul#coolAdvertsALL {margin: 0; padding: 0;}
#textAdverts ul#coolAdverts li {display: inline; padding: 0 5em 0 1.7em; background: url(/images/common/blue-chevron.gif) no-repeat 7px -1px;}
#textAdverts ul#coolAdvertsALL li {list-style: none; padding: 0 5em 0 1.7em; background: url(/images/common/blue-chevron.gif) no-repeat 7px -1px;}
#textAdverts ul#coolAdverts li a:hover, #textAdverts ul#coolAdvertsALL li a:hover {text-decoration: none;}
#textAdverts #controls {float: right; width: 15%; text-align: right;}
#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 */
#header {height: 2.1em; width: 100%; clear: both; margin: 0; padding: 0; min-width: 770px; width: expression(document.body.clientWidth < 770? "770px": "auto" );}
#header #mainNav {height: 1.7em; margin: 0 10px; background: #eee; clear: both;}
#yellowHeader {background: #fc0; margin: 0 10px 3px 10px; height: 100px; min-width: 750px; width: expression(document.body.clientWidth < 750? "750px": "auto" );} 
#yellowHeader #homeh1 {margin:0; padding:0; float:left;}
#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: 19px;}
#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 {margin: 0; padding: 0; width: auto; float: right; position: absolute; top: 15px; right: 25px;}
#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: #e5e5e5; color: #000; text-decoration: none; display: block;}
div#mainNav ul li a:hover, div#mainNav ul li a.current {text-decoration: none; background-color: #000; 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#topNavBusiness a {background: #eee;}
/* 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... */
.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.last {margin: 0;}
#route #routeSummary div p#errorMsg {color: #c00;}
#route #routeSummary .summaryChecks {margin-top: 0.2em;}
#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;}
#routeTable, #routeTableEurope {border-spacing: 0px; margin-top: 0.2em;}
#routeTable td, #routeTableEurope td {font-size: 11px;}
#routeTable td.highlight {border-bottom: 1px solid #ccc;}
tr {position: relative; z-index: 0;}
tr.highlight {background: #fff1d0; z-index: 3;}
td.instruction, td.distance, td.fc1Road, td.fc2Road, td.fc3Road, td.fc4Road, td.fc5Road, td.sectiontotake, td.sectiontotal, td.sectionandthen {border-bottom:1px dashed #ccc; padding: 9px 0;}
td.sectiontotake, td.sectiontotal {text-align: center;}
td.sectionandthen {font-weight: bold;}
td.distance {width: 60px;roundabout }
#routeTable td.instruction, div.instruction, div.text-instruction {width: 250px;}
div.instruction {margin-top: 0.6em;}
td div.instructions {position: relative;}
td div.text-instruction {z-index: 3;}
td div.nearby {background: #fff1d0; border: 1px solid #ccc; border-top: 0; padding: 0.4em 1.2em; position: absolute; top: 0; left: 11px; display: none; z-index: 6;}
td div.nearby a, td div.nearby a:link, td div.nearby a:visited {color: #00e; text-decoration: none; cursor: pointer;}
td div.nearby a:hover {text-decoration: underline;}
#routeTableEurope td.instruction {width: 310px;}
td.instruction br {line-height: 0.1px;}
td.instruction .signposted {display: none;}
td.distance {text-align: center;}
div.top {text-align: center; width: 52px; padding: 3px 4px 0 4px; font-weight: bold;}
div.bottom {height: 4px; font-size: 1px;}
td.fc0Road {background: transparent url(/images/routes/cyanStick.gif) repeat-y center top;}
td.fc0Road .top {color: #fff; background: transparent url(/images/routes/cyanRoad.gif) no-repeat center top; margin-top: -6px;}
td.fc0Road .bottom {background: transparent url(/images/routes/cyanRoad.gif) no-repeat center bottom; margin-bottom: -6px;}
td.fc1Road {background: transparent url(/images/routes/blueStick.gif) repeat-y center top;}
td.fc1Road .top {color: #fff; background: transparent url(/images/routes/blueRoad.gif) no-repeat center top; margin-top: -6px;}
td.fc1Road .bottom {background: transparent url(/images/routes/blueRoad.gif) no-repeat center bottom; margin-bottom: -6px;}
td.fc2Road {background: transparent url(/images/routes/greenStick.gif) repeat-y center top;}
td.fc2Road .top {color: #ffe600; background: transparent url(/images/routes/greenRoad.gif) no-repeat center top; margin-top: -6px;}
td.fc2Road .bottom {background: transparent url(/images/routes/greenRoad.gif) no-repeat center bottom; margin-bottom: -6px;}
td.fc3Road {background: transparent url(/images/routes/redStick.gif) repeat-y center top;}
td.fc3Road .top {color: #000; background: transparent url(/images/routes/redRoad.gif) no-repeat center top; margin-top: -6px;}
td.fc3Road .bottom {background: transparent url(/images/routes/redRoad.gif) no-repeat center bottom; margin-bottom: -6px;}
td.fc4Road {background: transparent url(/images/routes/yellowStick.gif) repeat-y center top;}
td.fc4Road .top {color: #000; background: transparent url(/images/routes/yellowRoad.gif) no-repeat center top; margin-top: -6px;}
td.fc4Road .bottom {background: transparent url(/images/routes/yellowRoad.gif) no-repeat center bottom; margin-bottom: -6px;}
td.fc5Road {background: transparent url(/images/routes/road.gif) repeat-y center top;}         
div.fc1SignTop, div.fc2SignTop, div.fc3SignTop, div.fc4SignTop, div.fc5SignTop {font-weight: bold; text-align: center; width: 242px; clear: both; margin: 9px 0 0 0; padding: 4px 4px 0 4px;}
div.fc1SignBottom, div.fc2SignBottom, div.fc3SignBottom, div.fc4SignBottom, div.fc5SignBottom {height: 4px; font-size: 1px; margin: 0;} 
div.fc1SignTop {color: #fff; background: transparent url(/images/routes/blueSign.gif) no-repeat center top;}  
div.fc1SignBottom {color: #fff; background: transparent url(/images/routes/blueSign.gif) no-repeat center bottom;}  
div.fc2SignTop {color: #ffe600; background: transparent url(/images/routes/greenSign.gif) no-repeat center top;}
div.fc2SignBottom {color: #ffe600; background: transparent url(/images/routes/greenSign.gif) no-repeat center bottom;}
div.fc3SignTop {color: #000; background: transparent url(/images/routes/redSign.gif) no-repeat center top;}
div.fc3SignBottom {color: #000; background: transparent url(/images/routes/redSign.gif) no-repeat center bottom;}
div.fc4SignTop, div.fc5SignTop {color: #000; background: transparent url(/images/routes/redSign.gif) no-repeat center top;}
div.fc4SignBottom, div.fc5SignBottom {color: #000; background: transparent url(/images/routes/redSign.gif) no-repeat center bottom;}
.start {color: #00a34b; font-weight: bold;}
.end {color: #cc0000; font-weight: bold;}
 /* 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: 13.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;}

#nearbyHotels .wait {text-align: center; margin-bottom: 0.6em;}
#nearbyHotels .hotelsPanelHeader {background: #e5e5e5; margin: 0 10px 0 10px; padding: 0.6em 0.6em 0 0.6em;}
#nearbyHotels .hotelsPanelHeader h2 {width: 45%; float: left; color: #000; font-size: 11px; margin: 0;}
#nearbyHotels .hotelsPanelHeader h3 {width: 45%; float: right; text-align: right; color: #000; font-size: 11px; margin: 0;}
#nearbyHotels .hotelsPanelHeader h3 a {font-size: 11px; font-weight: normal; background: transparent url(/images/common/blue-chevron.gif) no-repeat 7px -1px; padding-left: 1.7em;}
#nearbyHotels .hotelsPanelHeader h3 a:hover {text-decoration: none;}
#nearbyHotels .hotelsPanel {background: #e5e5e5; margin: 0 10px 0.6em 10px; padding: 0 0.6em 0.6em 0.6em;}
#nearbyHotels .hotelsPanel a img {border: 0;}
#nearbyHotels .hotelsPanel h4 {margin: 0;}
#nearbyHotels .hotelsPanel h4 a {color: #000; font-size: 10px; font-weight: normal;}
#nearbyHotels .hotelsPanel p {color: #000; font-size: 10px; margin: 0;}
.hotelsPanelThird {width: 194px; float: left; margin-top: 0.6em; padding:0;}
.hotelsPanelImg {width: 48px; height: 40px; float: left; text-align: center; overflow: hidden; border: 0;}
.hotelsPanelTxt {float: right; width: 142px; text-align: left;}
.hotelsPanelImg img {height: 100%;}

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

#iw-poiTitle {font-weight:bold;font-size:1.2em; margin-top:0;padding-bottom:1px; margin-bottom:0;}
#iw-poiDesignator {font-size:0.9em;margin-bottom:3px; padding-top:0;margin-top:0;}
#iw-rhs {float:right; width:40%;}
#iw-poiImage img { border:0; height:70px; font-size:1em;}
#iw-poiImage {height:70px; width:122px; overflow:hidden;}
#iw-poiData ul { list-style-type:none;padding:0;margin:0;}
#iw-poiData ul li {margin-top:2px;}
#iw-poiBook {margin-top:3px; display:block;}
#iw-poiContent {margin-right:45%; margin-top:0.3em; margin-bottom:0;}
#iw-moreinfolink {margin-top:0.3em;margin-bottom:0;}
#iw-newroute {margin-top:0.6em; margin-bottom:0; border-top:#666666 dotted 1px; margin-right:45%; padding-top:3px;}



#overlayMapMessage {width:auto; padding:3px; background:url(/images/common/bg-transparent/px-000-50.png) ; color:#ffffff; text-align:left; margin-left:0px; margin-top:0px; display:none;}
#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;}

/*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;}

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



/*map finder styles*/
body#b-mapfinder #mapFinderLinkText {display:none;}
body#b-mapfinder #unanimis1 {display:none;}
p#mapFinderLink {margin-bottom:0;}
body#b-mapfinder #mapFinderLinkText p { margin:0.3em 0 0 0;}
body#b-mapfinder #mapFinderURL {margin-top:0;}
ul#poiTypeList {list-style-type:none;margin:0;padding:0;}
ul#poiTypeList li { margin:0;padding:0.3em 0 0.3em 0;}
ul#poiTypeList li img {vertical-align:middle; margin:0 0.3em;}
ul#poiTypeList li input {vertical-align:bottom;}
#mapfinderContent #internalad2 {text-align:center; padding:1em;}
#mapfinderContent #internalad2 img {border:0;}
#mapsSummaryTop p {margin-top:0;}
body#b-mapfinder #route #routeSummary .summaryLinks {margin-top:0.6em;}