/* Based on HTML5BoilerPlate.com */
body {
    font-size: .80em;
    font-family: arial,sans-serif;
    line-height: 1.4;
    text-align: center;
    background: #fff; 
    color: #000;
}

/**** Links ****/
a{
    color: #fff;
    text-decoration: none;
}
a:hover,
a:focus,
a:active{
    color: #f7501c;
}
a:focus{text-decoration: underline;}

#infoMessageLink h2 { margin:0 0 5px 0; }
#infoMessageLink .formRow { margin:0 0 10px 0; }
#infoMessageLink .txt { margin: 0 0 2px 0; padding:5px 4px; color:#616161; border:1px solid #626061; width:438px; }
#infoMessageLink .small { margin:0; font-size:0.85em; color:#616161; }

.noJs {margin:0; padding:10px; background:#f95108; font-size:1.2em; font-weight:bold; color:#FFF;}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

select { color: #616161; padding:4px 4px; color:#616161; border:1px solid #626061;}
option { border:1px solid #626061; }

.hidden { display: none; }

/* Orange with chevron */
.btnLink,
.btnLinkBlack {
    color: #fff;
    padding: 3px 10px 4px 10px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -k-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border:0;
    font-weight: bold;
    font-size: 1.1em;
    font-family: DINRoundOT, Arial;
}
.btnLink { background: url(../images/btnLink.png) 0 50% no-repeat; }
.btnLinkBlack { background: url(../images/btnLinkBlack.png) 0 50% no-repeat; }

.btnLink:hover,
.btnLink:focus,
.btnLink:active{background: url(../images/btnLink.png) 100% 50% no-repeat; color:#ffffff;}
.btnLinkBlack:hover,
.btnLinkBlack:focus,
.btnLinkBlack:active{background: url(../images/btnLinkBlack.png) 100% 50% no-repeat; color:#ffffff;}
.btnLink span,
.btnLinkBlack span{
    padding-right: 25px;
    background: url(../images/chevron.png) 100% 50% no-repeat;    
}

body .btnWhite {background: url(../images/widget/white-btn.jpg) 0 50% repeat-x; color:#7b7b7b; border:1px solid #c2c2c2;}
body .btnWhite:hover, body .btnWhite:active, body .btnWhite:focus {background: url(../images/widget/white-btn.jpg) 0 50% repeat-x; color:#7b7b7b; border:1px solid #c2c2c2;}
body .btnWhite span {background: url(../images/chevron-grey.png) 100% 55% no-repeat;}

.btnLink.fright{float: right;}
.btnLink.large,
.btnLinkBlack.large{ text-indent: -1px; font-size: 1.65em; letter-spacing: -1px; padding: 3px 10px 1px 8px; font-weight: bold; }
.btnLink.large span,
.btnLinkBlack.large span{ padding-right: 27px; line-height: 1.7em; }

/* IE8 8 */
.ie7 .btnLink.large,
.ie7 .btnLinkBlack.large,
.ie8 .btnLink.large,
.ie8 .btnLinkBlack.large{ padding-top:5px; padding-bottom:3px; }
.ie9 .btnLink.large,
.ie9 .btnLinkBlack.large,
.ie10 .btnLink.large,
.ie10 .btnLinkBlack.large{ padding-top:8px; padding-bottom:6px; }

.greyBtn{padding: 5px 10px 5px 23px; border: 1px solid #b5b1ae; font-size:0.9em; color: #636162; font-weight: bold; background: url(../images/grey-btn.png) 0 50% no-repeat;}

/*#trafficNewsLocationForm .btnSubmitForm {padding:0 10px 0 8px; font-size:1.6em;}*/

.twoBtnOver {margin:0; padding:0; list-style:none;}
.twoBtnOver li {float:left; width:218px;}
.twoBtnOver li.first {margin:0 12px 0 0;}
.twoBtnOver li button {width:218px; text-align:left;}
.twoBtnOver li a {font-weight:bold; color:#FFF !important;}
body .twoBtnOver li .btnLink.large span {width:218px; text-align:left; padding-right:110px; line-height:1.4em;}
body .twoBtnOver li .btnLinkBlack.large span {width:218px; text-align:left; padding-right:110px; line-height:1.4em;}
.twoBtnOver li.first button span {padding-right:143px!important;}

#divMobileOnDesktop {font-size:2em;}
#divMobileOnDesktop h1 {background: #000; line-height:1em; margin:0 0 30px 0;}
#divMobileOnDesktop .twoBtnOver {padding:20px 0 0 0;}
#divMobileOnDesktop .twoBtnOver li a {font-size:1.6em!important;}
body #divMobileOnDesktop .twoBtnOver li .btnSubmitForm {width:500px!important;}
#divMobileOnDesktop .twoBtnOver li button {width:auto!important; text-align:left;}
#divMobileOnDesktop .overlay-inner {padding:20px 30px; background: #000; min-height:500px; border:5px solid #FFF;}
#divMobileOnDesktop .overlay-close {right:-40px;}
#divMobileOnDesktop p {background: #000; color:#FFF;}
#divMobileOnDesktop .overlay-container {background:none; width:770px!important; margin: -200px 0 0 -385px!important; top:50%;}
#divMobileOnDesktop .overlay-bottom {background:none;}

/* Info PopUp */
#infoMessageContent { margin: 0 0 5px 0; }
#btnBookmark:focus { text-decoration: none; }

/* Side Pods */
.sidePod { margin:0 auto 10px auto; width:130px; color:#636363; }
.sidePod a { display: block; }
.sidePod a img { display: block; width: 100%; }
.sidePod .podBody { padding:8px 10px 7px 10px; }
.sidePod .podBody p { margin:0; line-height:1em; }
.sidePod .podBody .title { margin:0 0 10px 0; font-size:1.1em; font-family: DINRoundOT, Arial; }
.sidePod .podBody .desc { margin:0 0 5px 0; font-size:0.85em; line-height:1.1em; }
.sidePod .podBody a { margin:0; color:#ff581d; }
.sidePod .podBody a:hover,
.sidePod .podBody a:focus,
.sidePod .podBody a:active 
{ text-decoration:underline; }

/**** Text ****/
h1 {
    font-family: DINRoundOT, Arial;
    font-size: 2em; /*22px*/
    font-weight: normal;
    color:#f95108;
    margin: 0;
}
h1.mainTitle{
    font-family: DINRoundOT, Arial;
    font-size: 1.6em;
    font-weight: normal;
    color:#f95108;
    margin: 0 0 10px;
    text-indent: -1px;
}
h2{
    font-family: DINRoundOT, Arial;
    font-size: 1.6em;
    font-weight: normal;
    color:#f95108;
    margin: 0 0 10px;
    text-indent: -1px;
}
h3{
    font-size: 1.1em;
    font-weight: normal;
    color:#f95108;
    margin: 0;
}

h3.title {
    font-family: DINRoundOT, Arial;
    font-size: 2em; /*22px*/
    font-weight: normal;
    color:#f95108;
    margin: 0;
}

h4{
    font-weight: normal;
    margin: 0;
}
p{margin: 0 0 1em;}

/*forms*/
.txt{}
.txt:focus{outline:none;}
.chk{ margin: 0 5px 0 0; height: 12px; width: 12px;}


/**** Fonts ****/
@font-face {
    font-family: 'DINRoundOT';
    src: url('../fonts/DINRoundWeb.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/DINRoundWeb.woff') format('woff');
}
@font-face {
    font-family: 'DINRoundOTLight';
    src: url('../fonts/DINRoundWeb-Light.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/DINRoundWeb-Light.woff') format('woff');
}
@font-face {
    font-family: 'DINRoundOTMedium';
    src: url('../fonts/DINRoundWeb-Medium.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/DINRoundWeb-Medium.woff') format('woff');
}


/**** Main Column layouts ****/
.contain{
    width: 1000px;
    text-align: left;
    /*background: #fff;*/
}
.stretch{
    width: 100%;
    /*min-width: 1000px;*/
    background: #fff; 
    text-align: left;
    position:relative;
    z-index:100;   
}
.contain .stretch,
.stretch .stretch{
    min-width: 0;
}
/* Generic*/
.threeCol .col {}

/* Two cols with a wider right col -  L 233px, R 700px */
.threeCol .left{ 
    position: absolute;
    width: 336px;
    left: 0;
    top:0;
    height: 519px;
    overflow-y: hidden;
    overflow-x: hidden; 
    border-right: 1px solid #626061;
    z-index: 2;
    -moz-box-shadow: 5px 0 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 5px 0 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 5px 0 10px rgba(0,0,0,0.1);
    -o-box-shadow: 5px 0 10px rgba(0,0,0,0.1);
    -k-box-shadow: 5px 0 10px rgba(0,0,0,0.1);
    box-shadow: 5px 0 10px rgba(0,0,0,0.1);
}
.threeCol .middle { 
    margin: 0 146px 0 337px;
}
.threeCol .right{
    position: absolute;
    right: 0;
    top:0; 
    width: 146px;
    text-align: center;
    z-index: 2;
    border-left: 1px solid #626061;
    height: 519px;
}
.threeCol .right .inner{padding-top: 10px;}


.mainHeader {
    padding: 5px 15px  5px 13px ;
    background: #252525;
    /*min-width: 1000px;*/
}
.logo{
    float: left;
    margin: 22px 72px 0 0;
}
.promoLeader{
    float: left;
    width: 728px;
}
.promoLeader img 
{
    display: block;
    width: 100%;
}
nav {
  z-index: 2;
  position:relative;
}
#navWrapper{
    background: #232323;
    z-index: 10;
    position: relative;
    padding-right: 50px;
    height: 27px;
    overflow: hidden;
}
#mainNav {
    float: left; 
    margin: 0;
    padding: 2px 0 0 6px; 
    /*width: 337px;*/
}
#mainNav li{
    list-style: none;
    float: left;
    padding: 0;
    margin: 0 1px 0 0;
}
#mainNav li a{
    font-size: 0.85em;
    font-weight: bold;
    display: block;
    background: #464646;
    color: #fff;
    padding: 4px 6px 3px 6px;
    text-align: center;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -khtml-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    height: 18px;
}

#mainNav .active {
    background: #fff;
    color: #000;
}
#mainNav li a:hover,
#mainNav li a:focus,
#mainNav li a:active{color:#f7501c;}

#mainNav li a.active:hover,
#mainNav li a.active:focus,
#mainNav li a.active:active{color: #000;}

#navWrapper .cmsCopy
{
    text-align: left;
    height: 20px;
    overflow: hidden;
    font-size: 0.85em;
    line-height: 2.3em;
    padding: 0 0 0 10px;
}

#navWrapper .cmsCopy p
{
 float: left;
 margin: 0;
 padding: 0 0 0 5px;
}

#navWrapper .cmsCopy p:first-child { padding: 0; }

#navWrapper .cmsCopy strong.tickerWhite {padding-left:1px;}
#navWrapper .cmsCopy .tickerWhite { padding:0 0 0 5px; color: #fff; line-height: 27px;}
#navWrapper .cmsCopy .tickerGrey { color: #fff; line-height: 27px;}


#navWrapper .extraNav{
  position: absolute;
  top: 0;
  right: 0;  
}
#navWrapper .extraNav a{
    font-size: .85em;
    font-weight:normal; 
    float: left; 
    color: #fff; 
    padding: 5px 10px; 
    background: 0;
}
#navWrapper .extraNav .register {
    background: url(../images/barWhite.png) 100% 50% no-repeat;
}
#navWrapper .extraNav a:hover,
#navWrapper .extraNav a:focus,
#navWrapper .extraNav a:active{text-decoration: underline;}

#mainContent {
    position: relative;
    z-index: 1;
    zoom:1;
}

.overlayFooterLink {padding:20px 0 0 0; font-size:0.95em; font-weight:bold;}
.overlayFooterLink a {color:#F95108; text-decoration:underline;}

/* TABS */
.tabPanels{
    overflow-x: hidden;
    overflow-y: auto;
    height: 476px;
    width: 337px;
    position: relative;
    z-index: 1;
}

/*** Route Planner Tab ***/
#tabToolsContainer {
  z-index: 2;
  position: relative; 
}
#tabPanels {
  z-index: 1;
  zoom:1;
}
.tabPanels .panel {
    padding: 0 0 15px 0;
    position: relative;
}
.tabPanels .panel a{ color: #626061; }
.tabPanels .panel a:hover { color: #f95108; }



.tabPanels .panel .inner
{
    margin: 0;
    padding: 0px 15px 0 15px;
}
.tabTools {
  padding: 12px 15px 13px 15px;
  position: relative;
}

.tabTools li{
    list-style: none;
    float: left;
}

.tabTools a,
#printButton { margin-right: 25px; }

.tabTools a{
    font-size: .9em;
    color: #626061;
    padding:5px 10px 5px 25px;
    text-align: left;
    width: 60px;
}
.tabTools a.active,
.tabTools a:hover{
    color: #f95108;
}
#printForm { font-size: .9em; float: left; padding-top: 2px; }
#printButton { border: none; background: url(../images/icon-print.png) 0 50% no-repeat; padding: 0 0 0 22px; color: #626061; text-align: left; width: 60px; }
#printButton:hover{
    color: #f95108;
}
.tabTools .iPrint{padding-left: 22px; background: url(../images/icon-print.png) 0 50% no-repeat;}
.tabTools .iEmail{padding-left: 24px; background: url(../images/icon-email.png) 0 50% no-repeat;}
.tabTools .iShare{background: url(../images/icon-share.png) 0 50% no-repeat;}

#socialShare {
  background: 0 0 no-repeat url(../images/social-dropdown.png);
  width: 183px;
  height: 44px;
  margin: 0;
  padding: 12px 0 0 13px;
  position: absolute;
  top: 34px;
  left: 139px;
  display: none;
  z-index: 9999;
}

#socialShare li {
  float: left;
  width: 40px;
  height: 40px;
  padding: 0 0 0 2px;
}

#socialShare a 
{
  padding:0;
  margin:0;
  width: 40px;
  height: 40px;
  display: block;
  overflow: hidden;
  text-indent: -200px;
}

#socialFacebook { background: 0 0 no-repeat url(../images/social-facebook.png); }
#socialTwitter { background: 0 0 no-repeat url(../images/social-twitter.png); }
#socialGoogle { background: 0 0 no-repeat url(../images/social-google-plus.png); }
#copyLink { background: 0 0 no-repeat url(../images/copy-link.png); }

#routeForm button:active,
#routeForm button:focus {
  outline: 0;
}

/*#routeForm .vehicleRouteBtn,
#routeForm .walkingRouteBtn{
    float: left;
    line-height:34px;
    height: 34px;
    text-align: center;
    border:0;
    padding: 0;
    margin: 0 0 4px 0;
    text-indent: -1000px;
    overflow: hidden;
}
#routeForm .vehicleRouteBtn{
    width: 144px;
    background: url(../images/drive-walk-tabs.png) 0 -35px no-repeat;
}
#routeForm .walkingRouteBtn{
    width: 144px;
    background: url(../images/drive-walk-tabs.png) -146px 0 no-repeat;
}
#routeForm .vehicleRouteBtn:hover{background-position: 0 -70px !important;}
#routeForm .vehicleRouteBtn.active{background-position: 0 0 !important;}
#routeForm .vehicleRouteBtn.walkingHover{background-position: 0 -105px !important;}

#routeForm .walkingRouteBtn:hover{background-position: -146px -105px !important;}
#routeForm .walkingRouteBtn.active{background-position: -146px -35px !important;}
#routeForm .walkingRouteBtn.drivingHover{background-position: -146px -70px !important;}*/

#routeForm .btnTabsNew { height: 35px; }
#routeForm .btnTabsNew .button { float: left; width: 50%; position: relative; height: 35px; }
.ie7 #routeForm .btnTabsNew .button { width: 49%; }
#routeForm .btnTabsNew .vehicleRouteBtn, #routeForm .btnTabsNew .walkingRouteBtn { width: 100%; padding: 0; margin: 0; height: 35px; line-height: 35px; text-indent: -9000px; border: none; background: url(../images/drive-walk-tabs-new.png) no-repeat 50% 0; display: block; }
#routeForm .btnTabsNew .walkingRouteBtn { background-position: 50% -140px; }
#routeForm .btnTabsNew .vehicleRouteBtn.active, #routeForm .btnTabsNew .vehicleRouteBtn.active:hover { background-position: 50% -105px; }
#routeForm .btnTabsNew .walkingRouteBtn.active, #routeForm .btnTabsNew .walkingRouteBtn.active:hover { background-position: 50% -245px; }
#routeForm .btnTabsNew .vehicleRouteBtn:hover { background-position: 50% -70px; }
#routeForm .btnTabsNew .walkingRouteBtn:hover { background-position: 50% -210px; }
#routeForm .btnTabsNew .button span { position: absolute; width: 2px; height: 2px; display: block; cursor: pointer; background: url(../images/drive-walk-tabs-new.png) no-repeat 0 0; }
#routeForm .btnTabsNew .button .topLeft { background-position: 0 100%; top: 0; left: 0; }
#routeForm .btnTabsNew .button .topRight { background-position: -2px 100%; top: 0; right: 0; }
#routeForm .btnTabsNew .button .bottomLeft { background-position: -4px 100%; bottom: 7px; left: 0; }
#routeForm .btnTabsNew .button .bottomRight { background-position: -6px 100%; bottom: 7px; right: 0; }



/*#trafficNewsControls #btnTrafficTypeLocation,
#trafficNewsControls #btnTrafficTypeRoute{
    float: left;
    line-height:34px;
    height: 34px;
    text-align: center;
    border:0;
    padding: 0;
    margin: 0 0 4px 0;
    text-indent: -1000px;
    overflow: hidden;
}
#trafficNewsControls #btnTrafficTypeLocation{
    width: 146px;
    background: url(../images/location-route-tabs.png) 0 -35px no-repeat;
}
#trafficNewsControls #btnTrafficTypeRoute{
    width: 144px;
    background: url(../images/location-route-tabs.png) -146px 0 no-repeat;
}
#trafficNewsControls #btnTrafficTypeLocation:hover{background-position: 0 -70px !important;}
#trafficNewsControls #btnTrafficTypeLocation.active{background-position: 0 0 !important;}
#trafficNewsControls #btnTrafficTypeLocation.walkingHover{background-position: 0 -105px !important;}

#trafficNewsControls #btnTrafficTypeRoute:hover{background-position: -146px -105px !important;}
#trafficNewsControls #btnTrafficTypeRoute.active{background-position: -146px -35px !important;}
#trafficNewsControls #btnTrafficTypeRoute.drivingHover{background-position: -146px -70px !important;}*/

#trafficNewsControls .btnTabsNew { height: 35px; }
#trafficNewsControls .btnTabsNew .button { float: left; width: 50%; position: relative; height: 35px; }
#trafficNewsControls .btnTabsNew .vehicleRouteBtn, #trafficNewsControls .btnTabsNew .walkingRouteBtn { width: 100%; padding: 0; margin: 0; height: 35px; line-height: 35px; text-indent: -9000px; border: none; background: url(../images/location-route-tabs-new.png) no-repeat 50% 0; display: block; }
#trafficNewsControls .btnTabsNew .walkingRouteBtn { background-position: 50% -140px; }
#trafficNewsControls .btnTabsNew .vehicleRouteBtn.active, #trafficNewsControls .btnTabsNew .vehicleRouteBtn.active:hover { background-position: 50% -105px; }
#trafficNewsControls .btnTabsNew .walkingRouteBtn.active, #trafficNewsControls .btnTabsNew .walkingRouteBtn.active:hover { background-position: 50% -245px; }
#trafficNewsControls .btnTabsNew .vehicleRouteBtn:hover { background-position: 50% -70px; }
#trafficNewsControls .btnTabsNew .walkingRouteBtn:hover { background-position: 50% -210px; }
#trafficNewsControls .btnTabsNew .button span { position: absolute; width: 2px; height: 2px; display: block; cursor: pointer; background: url(../images/drive-walk-tabs-new.png) no-repeat 0 0; }
#trafficNewsControls .btnTabsNew .button .topLeft { background-position: 0 100%; top: 0; left: 0; }
#trafficNewsControls .btnTabsNew .button .topRight { background-position: -2px 100%; top: 0; right: 0; }
#trafficNewsControls .btnTabsNew .button .bottomLeft { background-position: -4px 100%; bottom: 7px; left: 0; }
#trafficNewsControls .btnTabsNew .button .bottomRight { background-position: -6px 100%; bottom: 7px; right: 0; }







#mapsTabLocationForm #destLetter-mapsTabLocation {display:none;}
#trafficNewsLocationForm #destLetter-trafficNewsLocation {display:none;}
/* Commented out until it is confirmed they are happy with the design change placing the `go` button below the input field
#trafficNewsLocationForm .destinationList .txt {margin-left:0;}

#trafficNewsLocationForm #destList-trafficNewsLocation li {float:left;}
#trafficNewsLocationForm .destinationList .btnItem {top:0;}
#trafficNewsLocationForm .destinationList .txt {width:205px;}
#trafficNewsLocationForm #dest-trafficNewsLocation{margin:0 5px 0 0;}
*/
#trafficNewsLocationForm .destinationList .txt,
#dest-mapsTabLocation .txt,
.noLetter.destinationList .txt { margin-left: 0; }
#goBtn { margin-bottom: 11px; }

body .routeToolsNoMar {margin-top:0!important;}

/* route buttons now fullwidth */
#routePlannerFormContainer .getRoutesBtn,
#trafficGetRoutesBtn, #calculateBtn,
#goBtn,
#findMap {
    width: 100%;
    padding: 3px 10px 1px 8px;
}

.ie7 #routePlannerFormContainer .getRoutesBtn,
.ie7 #trafficGetRoutesBtn,
.ie7  #calculateBtn,
.ie7 #goBtn,
.ie7 #findMap {
    height: 39px;
    line-height: 39px;
}

.ie7 #trafficNewsControls {
    width: 320px;
}


#divTrafficNewsEmailAlerts {
    margin: 5px 0 20px;
    
}
#trafficRouteToolsContainer {
    
}
#trafficNewsAlertContainer {
    border-bottom: 1px solid #eae8e7;
    /*padding-bottom: 1em;*/
    margin-right: 15px;
    padding-right: 0;
}
#divTrafficNewsEmailAlerts.active {
    margin-bottom: 0;
}
#divTrafficNewsEmailAlerts h3 {
    color: black;
    font-weight: bold;
    font-size: .9em;
    margin: 1em 0 .5em;
}
#divTrafficNewsEmailAlerts li {
    background: none;
    font-size: .9em;
}
#divTrafficNewsEmailAlerts li label {
    font-size: 1em;
}
#divTrafficNewsEmailAlerts .highlight {
    font-weight: bold;
    font-size: .9em;
}
#divTrafficNewsEmailAlerts .days li {
    width: 70px;
}
#divTrafficNewsEmailAlerts .days li label {
    width: 40px;
    font-size: 1em;
}
#divTrafficNewsEmailAlerts .rdos li {
    width: 75px;
    font-size: 1em;
}
#divTrafficNewsEmailAlerts .cfx {
    margin-bottom: 5px;
}
#divTrafficNewsEmailAlerts .alert {
    margin-right: 10px;
}
#divTrafficNewsEmailAlerts .alert span {
    display: inline-block;
    width: 4px;
}
#divTrafficNewsEmailAlerts .btnLink span {
    font-size: 1em;
    line-height: 1.4;
    font-weight: bold;
    display: block;
}

.required-label {
    font-size: .9em;
}

.destination-container {
    width: 35%;
}

.btn-add-weather {
    width: 51%;
    height: 30px;
    line-height: 30px;
    margin: 5px 0;
    padding: 0 0 0 1em;
    border-right: 1px solid black;
    font-weight: bold;
    display: block;
    color: black;
    border: 1px solid #ccc;
    text-align: center;
    font-size: .9em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    float: right;
}

.btnLink.cancel, 
.btn-add-weather,
.btnLink.secondary {
    color: #3b3b3b;
    border: 1px solid #d7d7d7;
    /* fallback */
    background-image: url(../images/btnLinkWhite.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    /* arrow + gradient */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #f5f5f5 50%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#f5f5f5), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );

}
.btnLink.cancel:hover, 
.btn-add-weather:hover
{
    /* fallback */
    background-image: url(../images/btnLinkWhite.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    /* arrow + gradient */
    background: -moz-linear-gradient(top,  #f5f5f5 0%, #f5f5f5 50%, #ffffff 50%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#f5f5f5), color-stop(50%,#ffffff), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#f5f5f5 50%,#ffffff 50%,#ffffff 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#f5f5f5 50%,#ffffff 50%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#f5f5f5 50%,#ffffff 50%,#ffffff 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#f5f5f5 50%,#ffffff 50%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 );
}

.btnLink.secondary.activeOption,
.activeOption .btnLink.secondary
{
    color: #fff;
    border: 1px solid #000;
    /* fallback */
    background-image: url(../images/btnLinkBlack.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    /* arrow + gradient */
    background: -moz-linear-gradient(top,  #444444 0%, #444444 50%, #000 50%, #000 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444), color-stop(50%,#444), color-stop(50%,#000), color-stop(100%,#000));
    background: -webkit-linear-gradient(top,  #444 0%,#444 50%,#000 50%,#000 100%);
    background: -o-linear-gradient(top,  #444 0%,#444 50%,#000 50%,#000 100%);
    background: -ms-linear-gradient(top,  #444 0%,#444 50%,#000 50%,#000 100%);
    background: linear-gradient(to bottom,  #444 0%,#444 50%,#000 50%,#000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#000000',GradientType=0 );
}

.btnLink.cancel span {
    background: url(../images/chevron-darkgrey.png) 100% 50% no-repeat transparent;
}

.btn-add-weather span {
    padding: 0;
    width: 42px;
    text-indent: -3000em;
    border: 1px solid black;
    border-left: none;
    float: right;
    margin-top: -1px;
    margin-right: -1px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    /* fallback */
    background-image: url(../images/weather/weather-toggle.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #404040;
    /* gradient */
    background: url(../images/weather/weather-toggle.png) center center no-repeat, -moz-linear-gradient(top, #5b5b5b 0%, #5b5b5b 50%, #404040 50%, #404040 100%);
    background: url(../images/weather/weather-toggle.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(50%,#5b5b5b), color-stop(50%,#404040), color-stop(100%,#404040));
    background: url(../images/weather/weather-toggle.png) center center no-repeat, -webkit-linear-gradient(top,  #5b5b5b 0%,#5b5b5b 50%,#404040 50%,#404040 100%);
    background: url(../images/weather/weather-toggle.png) center center no-repeat, -o-linear-gradient(top,  #5b5b5b 0%,#5b5b5b 50%,#404040 50%,#404040 100%);
    background: url(../images/weather/weather-toggle.png) center center no-repeat, -ms-linear-gradient(top,  #5b5b5b 0%,#5b5b5b 50%,#404040 50%,#404040 100%);
    background: url(../images/weather/weather-toggle.png) center center no-repeat, linear-gradient(to bottom,  #5b5b5b 0%,#5b5b5b 50%,#404040 50%,#404040 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#404040',GradientType=0 );*/
}

.btn-add-weather:hover span {
    background: url(../images/weather/weather-toggle.png) center center no-repeat #404040;
}

.btn-add-weather.active span {
    border: 1px solid #f8510b;
    border-left: none;

    background-color: #f65308;

    background: url(../images/weather/weather-toggle.png) center center no-repeat, -moz-linear-gradient(top, #fd6124 0%, #fd6124 50%, #f65308 50%, #f65308 100%);
    background: url(../images/weather/weather-toggle.png) center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd6124), color-stop(50%,#fd6124), color-stop(50%,#f65308), color-stop(100%,#f65308));
    background: url(../images/weather/weather-toggle.png) center center no-repeat, -webkit-linear-gradient(top,  #fd6124 0%,#fd6124 50%,#f65308 50%,#f65308 100%);
    background: url(../images/weather/weather-toggle.png) center center no-repeat, -o-linear-gradient(top,  #fd6124 0%,#fd6124 50%,#f65308 50%,#f65308 100%);
    background: url(../images/weather/weather-toggle.png) center center no-repeat, -ms-linear-gradient(top,  #fd6124 0%,#fd6124 50%,#f65308 50%,#f65308 100%);
    background: url(../images/weather/weather-toggle.png) center center no-repeat, linear-gradient(to bottom,  #fd6124 0%,#fd6124 50%,#f65308 50%,#f65308 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6124', endColorstr='#f65308',GradientType=0 );*/
}

#weather-slider {
    display: none;
    width: auto;
    height: 50px;
    bottom: 0;
    background: #2b2b2b;
    color: white;
    border-left: 1px solid black;
    margin-left: -1px;
}

#weather-slider-container {
    /*height: 50px;  PFM: removed - was causing an unwanted empty spacer between the map and the bottom border */
}

.slider-bg {
    background: url(../images/weather/weather-toggle.png) center center no-repeat #000;
    width: 50px;
    height: 50px;
    position: absolute;
}

.slider {
    width: 87%;
    float: right;
    margin: .5em 1em;
    display: inline-block;
}

.slider-label {
    margin-left: -.6em; /* match handle */
    cursor: pointer;
    text-align: center;
    position: absolute;
    top: -35px;
    left: -30px;
    display: block;
    width: 70px;
    padding: .25em .5em;
    color: white;
    border: 1px solid white;
    -webkit-box-shadow: 0 2px 2px 0 #999;
    -moz-box-shadow: 0 2px 2px 0 #999;
    box-shadow: 0 2px 2px 0 #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    background: -moz-linear-gradient(top, #fd6124 0%, #fd6124 50%, #f65308 50%, #f65308 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd6124), color-stop(50%,#fd6124), color-stop(50%,#f65308), color-stop(100%,#f65308));
    background: -webkit-linear-gradient(top,  #fd6124 0%,#fd6124 50%,#f65308 50%,#f65308 100%);
    background: -o-linear-gradient(top,  #fd6124 0%,#fd6124 50%,#f65308 50%,#f65308 100%);
    background: -ms-linear-gradient(top,  #fd6124 0%,#fd6124 50%,#f65308 50%,#f65308 100%);
    background: linear-gradient(to bottom,  #fd6124 0%,#fd6124 50%,#f65308 50%,#f65308 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6124', endColorstr='#f65308',GradientType=0 );
}

#weather-slider .ui-slider-horizontal {
    height: 2px;
    padding: 15px 0;
    background: url('../images/weather/slider-bg.png') 0 10px repeat-x transparent;
    margin-top: -2px;
}

.scale {
    display: block;
    float: left;
    /* width is set in JS but based on this value */
    width: .9em;
    height: 10px;
    background: url(../images/weather/scale-bg.png) 0 0 repeat-y transparent;
    margin-top: -3px;
}

.scale.last {
    border-right: 1px solid white;
}

.scale.day, .scale.first {
    height: 18px;
}

.scale.disabled {
    background: url(../images/weather/scale-bg-disabled.png) 0 0 repeat-y transparent;
}

#weather-slider .ui-slider-handle {
    cursor: pointer;
}

#weather-slider .ui-slider-handle,
#weather-slider .ui-state-focus,
#weather-slider .ui-state-hover,
#weather-slider .ui-state-active,
#weather-slider .ui-state-default {
    background: url(../images/weather/handle.png) 0 center no-repeat transparent;
    width: 20px;
    height: 18px;
    margin-top: -2px;
}

.day-label {
    position: absolute;
    left: 0;
    top: 30px;
    color: white;
}

.day-label-0 {}
.day-label-1 { left: 20%; }
.day-label-2 { left: 40%; }
.day-label-3 { left: 60%; }
.day-label-4 { left: 80%; }

.btnLink.cancel, .btnLink.confirm {
    width: 44%;
    float: left;
    text-align: center;
    text-decoration: none;
}

.btnLink.confirm {
    border: 1px solid #f96527;
}

.btnLink.confirm {
    margin-right: 1%;
}


.overwrite-email {
    color: black;
    font-weight: bold;
    font-family: Arial, sans-serif;
    font-size: 1.2em;
}

#aToggleTrafficNewsAlerts {
    display: block;
    font-weight: bold;
    border: 1px solid #ccc;
    text-align: center;
    padding: .25em 1em;
    font-size: .9em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;

    /* fallback */
    background-image: url(../images/btnLinkWhite.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    /* arrow + gradient */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #f5f5f5 50%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#f5f5f5), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}

#aToggleTrafficNewsAlerts:hover {
    /* fallback */
    background-image: url(../images/btnLinkWhite.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    /* arrow + gradient */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #f5f5f5 50%, #ffffff 50%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#f5f5f5), color-stop(50%,#ffffff), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#f5f5f5 50%, #ffffff 50%,#ffffff 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#f5f5f5 50%, #ffffff 50%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#f5f5f5 50%, #ffffff 50%,#ffffff 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%,#f5f5f5 50%, #ffffff 50%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 );
}

#aToggleTrafficNewsAlerts.active {
    /* fallback */
    background-image: url(../images/btnLinkWhite.png);
    background-position: 0 50%;
    background-repeat: no-repeat;
    /* arrow + gradient */
    background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 50%, #f5f5f5 50%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(50%,#f5f5f5), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 50%,#f5f5f5 50%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );
}

#aToggleTrafficNewsAlerts.active:hover {
    /* fallback */
    background-image: url(../images/btnLinkWhite.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    /* arrow + gradient */
    background: -moz-linear-gradient(top, #f5f5f5 0%, #f5f5f5 50%, #ffffff 50%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(50%,#f5f5f5), color-stop(50%,#ffffff), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top, #f5f5f5 0%,#f5f5f5 50%, #ffffff 50%,#ffffff 100%);
    background: -o-linear-gradient(top, #f5f5f5 0%,#f5f5f5 50%, #ffffff 50%,#ffffff 100%);
    background: -ms-linear-gradient(top, #f5f5f5 0%,#f5f5f5 50%, #ffffff 50%,#ffffff 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%,#f5f5f5 50%, #ffffff 50%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff',GradientType=0 );
}
#aToggleTrafficNewsAlerts span {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: url(../images/arMedGray.png) 72% 50% no-repeat;
}
#aToggleTrafficNewsAlerts:hover span {
    background: url(../images/arSmlOrangeActive.png) 100% 50% no-repeat;
}
#aToggleTrafficNewsAlerts.active span {
    background: url(../images/arMedGrayActive.png) 72% 50% no-repeat;
}

#aToggleTrafficNewsAlerts.active:hover span {
    background:url(../images/arSmlOrange.png) 100% 50% no-repeat;
}

.traffic-info {
    margin-top: 1em;
}

#divTrafficEmailAlertsContainer .subTitle {
    letter-spacing: 0;
    margin: 1em 0;
    font-size: 1.1em;
    font-weight: normal;
}

#trafficEmailAlertsForm input[type='text'], .text-input {
    float: right;
    color: black;
    border: 1px solid #797979;
    padding: 2px 4px;
    margin-bottom: .1em;
}

#trafficEmailAlertsForm select {
    border: 1px solid #d6d1cf;
    padding: 2px 0 2px 4px;
}

#btnTrafficEmailAlertsSave {
    margin-top: 1em;
}


/* Alert confirm screen */
#divTrafficEmailAlertsConfirmation label {
    font-weight: bold;
    width: 100%;
    display: block;
    float: left;
    color: black;
}
#divTrafficEmailAlertsConfirmation ul.cfx {
    margin: 5px 0 20px;
}
#divTrafficEmailAlertsConfirmation li {
    padding: 4px 0;
}
#divTrafficEmailAlertsConfirmation li span {
    display: block;
    width: 100%;
}
#divTrafficEmailAlertsConfirmation .trafficEmailAlertsConfirmationTypes {
    display: inline;
}
#divTrafficEmailAlertsConfirmation li .trafficEmailAlertsConfirmationTypes {
    width: 50%;
}
#divTrafficEmailAlertsContainer .required-label {
    display: none;
}


/* Left Info */
.leftInfo { padding: 16px 0 0 0; margin-right: 15px; border-top: 1px solid #ebebeb; }

.saveDefault {
    margin-top: 0px;
    font-size: .85em;
    padding-bottom: 3px;
    color: #626061;
}
.saveDefault .chk {
    float: left;
}
.saveDefault label {
    float: left;
    margin-top: -1px;
}


/*List of waypoints*/

.destinationList {
    margin: 0;
    padding: 0;  
    width: 100%;
}
.destinationList li{
    clear: both;
    display: block;
    padding: 0;
    margin: 0 0 9px 0;
    list-style: none;
    position: relative;
    border: 1px solid #626061;
    zoom:1;

}

.destinationList .alpha{
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    font-size:1.5em;
    padding:0;
    color: #fff;
    background: #626061;
    text-transform: uppercase;
    text-align: center;
    height: 100%;
    cursor: move;
    line-height: 1.5em;
    font-family: DINRoundOT, Arial;
    text-indent: -2px;
}
.destinationList .txt{
    padding:6px 0 7px 8px;
    width: 205px;
    border:0;
    margin-left: 28px;
    color:#000;
}
.destinationList .options{
    position: absolute;
    right: 5px;
    top:4px;
    bottom:1px;
    background:#fff;
}
.destinationList .remove-destination{display: none;}
.destinationList .remove-destination,
.destinationList .set-current-location{
    float: left;
    z-index: 2;
    width: 16px;
    height: 16px;
    padding:2px 2px 2px 2px;
}
.destinationList .remove-destination:focus,
.destinationList .set-current-location:focus{
    border:1px solid #d6d1cf;
    /*margin-right: -2px;*/
}
.destinationList .remove-destination img,
.destinationList .set-current-location img{
    
    vertical-align:top;
}
.destinationList .txt.filled {
    color:#000;
}

.destinationList li.focussed{
    border: 1px solid #f85208;
}
.destinationList li.focussed .alpha{background:#f85208;}
.destinationList li.focussed .txt{color: #000;}

.destinationList .suggest {
    position: absolute;
    width: 259px;
    border:1px solid #e1e1e1;
    top:2.2em;
    right:0;
    margin: 0;
    padding: 0;
    z-index: 2;
    background: #fff;
}
.destinationList .suggest li{
    display: block;
    padding: 0;
    margin: 0;
}
.destinationList .suggest a{
    color: #222;
    display: block;
    padding: 4px 10px;
    font-weight: normal;
    font-size: .9em;
}
.destinationList .suggest a:hover,
.destinationList .suggest a:focus,
.destinationList .suggest a:active{color: #f95108;}

.destinationList .btnItem {border:0; top:4px;}

/*body #trafficNewsControls .routeToolsNoMar { margin: 0 140px 0 0 !important;}*/

#journeysForm .routeTools {
  width: 150px;
}
.routeTools ul{
    margin: 5px 0 12px 0;
    padding: 0;
}
.routeTools li{
    list-style: none;
    margin: 0;
    font-size: .85em;
    font-weight: normal;
    padding: 3px 0 0 11px;
    color: #626061;
    background: url(../images/arSmlGray.png) 0 .7em no-repeat;
}

.routeToolsMileage {margin:0;}

.other {margin: 6px 0 6px 15px; text-indent: -1px;}
.other a{
    font-size: .9em;
    display: inline;
    font-weight: normal;
}
.routeTools .recentRoutes{
    padding-right: 3px;
}
.routeTools .advancedOptions{
    padding: 0 10px 0 3px;
    background: url(../images/arMedGray.png) 100% 50% no-repeat;
    margin-right: 9px;
}
#aAdvancedTrafficNewsOptions { margin-right: 0; }
.routeTools .advancedOptions:hover{
    background: url(../images/arSmlOrangeActive.png) 100% 50% no-repeat;
}

.routeTools .other a.active { color:#fa5003;  background: url(../images/arSmlOrange.png) 100% 50% no-repeat; }

#aRoutePlannerList { padding: 5px 0 0 0; }
#aTrafficToolsList { padding: 10px 0 0 0; }


/* Route Tools Normal Layout (no - margin) */

.routeToolsNorm{
    width: 290px;
    margin: 0; 
}
.routeToolsNorm ul{
    margin: 5px 0 20px 0;
    padding: 0;
}
.routeToolsNorm li{
    list-style: none;
    margin: 0;
    font-size: .85em;
    font-weight: normal;
    padding: 3px 0 0 11px;
    color: #626061;
    background: url(../images/arSmlGray.png) 0 .7em no-repeat;
}

.mileageList ul{
    margin: 0 0 5px 0;
    padding: 0;
    list-style:none;
}
.mileageList li 
{ 
    margin: 0 5px 0 0;
    padding: 0 5px 0 0;
    font-size: .85em;
    font-weight: normal;
    float:left;
    color: #626061;
    line-height:1em;
    border-right: 1px solid #626061;
}

.mileageList li.last {margin:0; padding:0; border:0;}

/* Routes */



/* Soft Warning (not an alert) */
.soft-error{
  display: none;
  background: #fff77d;
  padding:11px 10px 15px;
  margin:10px 0;
  font-size: .95em;
}
.soft-error h3{
  color: #000;
  font-weight: bold;
  margin-bottom: 12px;
}
.soft-error p{margin: 0; line-height:1.2em;}

#waypointsInfoWrap h3 {display: inline; padding-right: 4px;}
#waypointsInfoWrap p {display: inline; text-transform: lowercase;}
#directionsInfoWrap{margin-left: 15px;}

#routeFinderResults
{
    border-top:1px solid #ebebeb;
    padding: 15px 0 15px 0;
    margin:0 15px 0 0; 
}
#routeFinderResults h2{padding-left: 15px;}

#totals{
    padding: 5px 15px;
    margin: 10px 0 5px 15px;
    background:#ebebeb; 
    color: #626061;
    font-weight: bold;
}
#totals em{
    font-weight: normal;
    font-style: normal;
}
#totals p{margin: 0;}

#availableRoutesWrap ol{
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}
#availableRoutesWrap li{
    list-style: none;
    margin: 0 0 4px 15px;
    padding: 0 5px 0 5px;
    cursor: pointer;
}
#availableRoutesWrap h3{line-height: 1em;}
#availableRoutesWrap a{
    float: left;
    width: 150px;
    /*margin-right: 100px;*/
    padding: 10px 10px;
    font-weight: normal;
}

#availableRoutesWrap li:hover,
#availableRoutesWrap a:active,
#availableRoutesWrap a:focus,
#availableRoutesWrap a:hover{
    background:#EBEBEB;
}

#availableRoutesWrap li.active {
    background:#ebebeb;
    cursor: default;
}

#availableRoutesWrap li.active em {
  font-weight: bold;
  color: #626061;
}

#availableRoutesWrap li a:hover { 
  color: #626061;
}

#availableRoutesWrap li.active a:hover { 
  cursor: default;
}

#availableRoutesWrap li .suggestedCount {
  font-style: italic;
  font-size: 0.9em;
  display: block;
  padding: 0 0 3px 0;
}

#availableRoutesWrap .dist,
#availableRoutesWrap .dur{
    /*display: block;*/
    float: right;
    width: 100px;
    text-align: right;
    font-style: normal;
    font-size: .85em;
    color:#b1b0b2; 
}
#availableRoutesWrap .dur{padding: 10px 0 3px 0;}
#availableRoutesWrap .dist{padding: 0 0 10px;}



/* Directions */
#directionsWrap{
    /*border-top:1px solid #b0afb0;*/
}
#directionsWrap ol{
    margin: 0;
    padding: 0;
}
#directionsWrap li{
    list-style:none;
    margin: 0 0 0 15px;
    padding: 20px 10px;
    line-height: 1.5em;
    font-size: .9em;
    border-bottom: 1px solid #d6d1cf;
    position: relative;
}

#directionsWrap .routeWaypoint {
  display: block;
  font-weight: bold;
  height: 34px;
  line-height: 17px;
  margin: 0 0 15px 0;
}

#directionsWrap .routeWaypoint img {
  float: left;
  margin-right: 10px;
}

#directionsWrap li.last{
    border:0;
}

#directionsWrap li .num{
    float: left;
    width: 20px;
    font-style: normal;
}
#directionsWrap li .txt{
    margin-bottom: 5px;
}
#directionsWrap li .dist{
    float: right;
    display: block;
    color: #b1b0b2;
    font-size: .95em;
    text-align: right;
    line-height: 1.3em;
}
#directionsWrap li .dur{
    display: block;
}


.rpThisRoute {
  display: block; position: relative;
}

#directionsWrap .rpNumImage {
  display: block;
  line-height: 2em;
  padding-bottom: 0.5em;
}
  
#directionsWrap .num {
  display: block;
  width: 2em;
  float: left;
  text-align: left;
}

#directionsWrap img {
  float: left;
}
  
#directionsWrap .dist { 
  position: absolute;
  top: 0;
  right: 0;
}
  
#directionsWrap .dist,
#directionsWrap .dur {
  display: block;
  text-align: right;
}

#directionsWrap li:hover{
    background:#f8f8f8;
}
#directionsWrap li div {
    color:#b1b0b2;
    font-size: .95em !important; /*override inline google styles*/
}

/* Advanced Options */
.routeAdvancedOptions {margin:0 15px 0 0; padding:20px 0 15px 15px; border-top:1px solid #EBEBEB;}
.leftPanelSection {margin:0 15px 0 0; padding:20px 0 15px 15px;}
.sectionBorder {border-top:1px solid #EBEBEB;}
.routeAdvancedOptions .title {font-size:1.6em; font-weight: normal; color:#f95108; letter-spacing:-1px; margin:0 0 10px;}
p.subTitle {font-size:1em; font-weight: bold; color:#f95108; letter-spacing:-1px; margin:0 0 10px;}
.formRowRdo .rdoTitle,
.mapAdvancedOptions .title,
.trafficAdvancedOptions .title {margin:0 0 8px 0; padding:4px 0 4px 8px; display:block; background:#ebebeb; color:#626061; font-weight:bold; font-size:0.9em;}

.mapAdvancedOptions,
.trafficAdvancedOptions { margin: 0 0 1em; }
#divMapsAdv .chks,
#divTrafficNewsAdv .chks { margin-bottom: 7px; }

#divTrafficAdv .chks,
#advancedServices .chks { margin: 0; }
#aTrafficAdvHide,
#aServicesAdvHide { margin-left: 8px; text-decoration: underline; }

#divRouteAdvDealers .chks .tooltipAnchor,
#divMapsAdvDealers .chks .tooltipAnchor,
#divTrafficAdvDealers .chks .tooltipAnchor { position: absolute; right: 0; top: 4px; margin-right: 0; } /* Dealer maps */

/* Traffic List */
#divTrafficLocationIncidents, #divTrafficRouteIncidentsWrapper, #divMapsTabIncidentsWrapper {padding:0; margin:0 15px 0 0; clear:both;}
#divTrafficLocationIncidents h3, #divTrafficRouteIncidentsWrapper h3, #divMapsTabIncidents h3 {padding:10px 0 0 15px; color:#615f60; font-size:1.2em; font-weight:bold; border-top:1px solid #eae8e7;}
#divTrafficLocationIncidents .guidelines, #divTrafficRouteIncidentsWrapper .guidelines, #divMapsTabIncidents .guidelines { margin: 0 0 10px 15px; font-size: 0.875em; color: #b5b5b5; }
#divTrafficLocationIncidents .showMoreButton, #divTrafficRouteIncidentsWrapper .showMoreButton, #divMapsTabIncidents .showMoreButton {padding:12px 0 0 15px; border-top:1px solid #eae8e7; display:block;}
#divTrafficIncidents h3 {padding:10px 0 10px 15px; color:#615f60; font-size:1.2em; font-weight:bold; border-top:1px solid #eae8e7;}

.showMoreList {margin:0; padding:0; list-style:none; color:#615f60;}
.showMoreList li {margin:0; padding:14px 0 14px 15px; border-top:1px solid #eae8e7;}
.showMoreList li.incidentItem:hover,
.showMoreList li.incidentItem.active {background:#f9f9f9; cursor: pointer; }
.showMoreList li .trafficNewsHeading {margin:0; font-size:1.1em; padding: 0 30px 10px 0; }
.showMoreList li .trafficNewsDistance {margin:0 0 18px 0; color:#fc4b20;}
.showMoreList li .trafficNewsDescription {margin:0 0 18px 0;}
.showMoreList li .trafficNewsDate {margin:0; font-size:0.875em; color:#b5b5b5;}
.showMoreList li .trafficNewsIcon { float: right; }
.showMoreList li .trafficNewsIcon span {display: none;}

/* Key */
#divKey {padding:12px 0 0 0; clear:both; margin-right:15px; padding:16px 0 0 15px; border-top:1px solid #EBEBEB;}
#divKey h3 {margin:0 0 15px 0; color:#626061; font-weight:1.2em; font-weight:bold;}
.trafficKey {margin:0; padding:0; list-style:none; color:#626061;}
.trafficKey li {margin:0 0 10px 0; padding:2px 0 2px 30px; font-size:0.9em;}
.trafficKey .incident {background: transparent url(../images/key-icons/incident.png) 0 0 no-repeat;}
.trafficKey .plane {background: transparent url(../images/key-icons/plane.png) 0 0 no-repeat;}
.trafficKey .speed {background: transparent url(../images/key-icons/speed.png) 0 0 no-repeat;}
.trafficKey .info {background: transparent url(../images/key-icons/info.png) 0 0 no-repeat;}
.trafficKey .boat {background: transparent url(../images/key-icons/boat.png) 0 0 no-repeat;}
.trafficKey .cross {background: transparent url(../images/key-icons/cross.png) 0 0 no-repeat;}
.trafficKey .questionMark {background: transparent url(../images/key-icons/question-mark.png) 0 0 no-repeat;}
.trafficKey .train {background: transparent url(../images/key-icons/train.png) 0 0 no-repeat;}
.trafficKey .roadWorks {background: transparent url(../images/key-icons/road-works.png) 0 0 no-repeat;}
.trafficKey .tube {background: transparent url(../images/key-icons/tube.png) 0 0 no-repeat;}

/* Tooltip */
.formRowRdo .tooltip {padding:3px 0 3px 8px; position:relative;cursor:pointer;}
.tooltip span {padding:2px 0 0 0; float:left;}
.tooltip .tooltipAnchor {margin:0 3px 0 0; float:right; display:block; height:19px; width:19px; background: url(../images/tooltip-icon.png) 0 0 no-repeat; text-indent:-9000px;}
.tooltipContainer {padding: 12px 0 0 0; z-index:7777; position:absolute; top:7px; right:-7px; width:264px; background: transparent url(../images/tooltip-top.png) 0 0 no-repeat; font-size:0.8em; color:#626061;}
.tooltipContainer .tooltipInner {padding:3px 27px 28px 21px; background: transparent url(../images/tooltip-bottom.png) 0 100% no-repeat;}
.tooltipContainer p {margin:0;}
.tooltip-close {position:absolute; top:-13px; right:-10px; background: 0; border:0; z-index:8888;}
.homeTerms a {color:#F7501C;}

/* Radio List */
ul.rdos {margin:0 0 13px 0; padding:0 0 0 8px; list-style:none;}
ul.rdos li {margin:0; padding:0; float:left; width:130px;}
ul.rdos li input {margin:0 10px 0 0; float:left;}
ul.rdos li label {margin:0; font-size:0.9em; float:left; color:#616161;}
/* Checkbox list */
ul.chks {margin:0 0 13px 0; padding:0 0 0 8px; list-style:none;}
ul.chks li {margin:0 0 5px 0; padding:0; float:left; width: 100%; position: relative; }
ul.chks li img { margin-top: -3px; }
ul.chks li input {margin:0; float:left;}
ul.chks li label {margin:0; font-size:0.9em; width: 74%; float:left; color:#616161;padding-left:8px;}
ul.chks li#divMoreServiceInfo, ul.chks li#divMoreTrafficInfo { width:100%; }
ul.chks li ul {margin:0; padding:0; list-style:none;}
ul.chks li ul li {margin:0 0 5px 0; padding:0; float:left; width:120px;}
/* Mileage */
ul.twoRows {margin-bottom:0!important;}
.twoRows li {height:21px;}
ul.rdos li.metric {margin:4px 0 0 0; width:60px;}
ul.rdos li.metric input {margin:0 8px 0 0;}
ul.rdos li.mile {margin-right:10px;}
ul.rdos li.mileage label {margin:3px 0 0 0; font-size:0.85em;}
ul.rdos li input.mileageRate {margin:0 5px 0 0; padding:2px 3px; font-size:0.9em; font-weight:bold; color:#615f60; border:1px solid #615f60; width:27px;}
ul.rdos li .engine{font-weight:bold;color:#616161;}
#milageControls {padding:0 0 15px 0; margin-top:4px;}

#mcRowCosts1 { position: relative; z-index: 5; }
#mcRowCosts2 { position: relative; z-index: 4; }
#mcRowCosts3 { position: relative; z-index: 3; }
#mcRowCosts4 { position: relative; z-index: 2; }


.sectionTitle {margin:0 0 10px 0; color:#fc5109; font-size: 1.4em;}
.journeyContainer { margin: 0; padding: 0; clear: both; }
.journeyContent { zoom:1; overflow: hidden; }
.journeySection {padding:9px; border:1px solid #fff;}
.journeySection p.title {margin:0 0 10px 0; color:#fc5109; font-size: 1.3em;}
.greyBg {border:1px solid #e9e8e6; background:#f8f8f8;}
.journeySection dl {margin:0 0 5px 0; padding:0; color:#626061; font-size:0.9em;}
.journeySection dl dt, .journeySection dl dd {margin:0; padding:5px 0; border-bottom:1px solid #f0f0f0; float:left;}
.journeySection dl dd.bold {font-weight:bold;}
.journeySection dl dt {width:125px; font-weight:bold;}
.journeySection dl dd {width:145px; text-align:right;}
.journeySection dl dt.last, .journeySection dl dd.last {padding-bottom:0; border:0;}
/*xcalculateBtn { margin: 0 0 20px 0; }*/
.addJourneyWarp { margin: 0; clear: both; float: right; }
.journeySecWrapper {  margin: 0 0 4px 0; padding: 0 0 4px 0;  }
.journeySecWrapper .journeyTitle {float:left;}
.journeySecWrapper .remove-journey {margin-top:5px; float:right;}
#journeys a.journeyTitle 
{
  padding: 0 0 0 20px;
  background: url(../images/journey-title.png) 0 50% no-repeat;
  display:block;
  font-size: 1.6em;
  font-weight: normal;
  color:#fe5e00;
  letter-spacing: -1px;
  margin: 3px 0 0 0;
  line-height: 1em;
}

#journeys a.closed
{
  background: url(../images/journey-title-closed.png) 0 50% no-repeat;
  color:#626061;
}



/* Date Picker */
body #ui-datepicker-div {
  z-index: 9999!important;
  font-size: 0.9em;
  -webkit-box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 3px 8px rgba(50, 50, 50, 0.75);
  box-shadow:0px 3px 8px rgba(50, 50, 50, 0.75);
  padding-bottom: 18px;
  background: #fc4f00;
}
.ui-datepicker-calendar { background: #eeeeee; }
.datePicker {margin:0 13px 0 0; padding:5px 4px; vertical-align:top; color:#626061; border:1px solid #626061; color:#616161;}
.datePickWrap img {cursor:pointer;}

#ui-datepicker-div .ui-icon-circle-triangle-w { background: 0 0 no-repeat url(../images/ui-datepicker-arrows.png); width: 8px; margin-left: -3px; }
#ui-datepicker-div .ui-icon-circle-triangle-e { background: -8px 0 no-repeat url(../images/ui-datepicker-arrows.png); width: 8px; margin-left: -3px;}

/* Email Form */
.emailForm {color:#616161;}
.emailForm .formRow {margin:0 0 10px 0;}
.emailForm .formRow label {padding:5px 0 0 0; font-size:1.1em; display:block; float:left; width:185px;}
.emailForm .formRow .txt {padding:5px 4px; color:#616161; width:253px; border:1px solid #626061;}
.emailForm .formRow .datePicker {width:212px;}
.required {margin:0 0 5px 0; font-size:0.9em; text-align:right;}
.required span, .emailForm .formRow label span, .routeTools .required {color:#ff4f03;}
.chkWrapper {padding:10px 10px 10px 0; display:block; background:#eeeeee; font-size:0.8em;}
.chkWrapper input {margin:5px 10px 0 10px; float:left; background:#eeeeee;}
.chkWrapper label {float:left; width:375px;}
.formRowBtn {margin:0 0 15px 0;}
.dataProtectionLink { color: #616161; text-decoration: underline; }
.emailSendButton { display: none; }

/* CMS pod */
.leftImagePod{
    margin-left: 15px;
}

.leftImagePod a img 
{
    display: block;
    width: 100%;
    height: auto;
}

.leftImagePod .imgWrapper{
    float: left;
    width: 128px;
    height:188px;
}
.leftImagePod .imgWrapper img {display: block;}
.leftImagePod .textWrapper{
    float: left;
    width: 140px;
    padding: 21px 20px 0 0;
}
.leftImagePod .textWrapper h2{
    color: #626061;
    margin-bottom: 11px;    
}
.leftImagePod .textWrapper p{
    font-size: .9em;
    color: #626061;
    line-height:1.3em;
    margin-bottom: 22px;
}
.leftImagePod .textWrapper .btnLink{ color: #fff;}
.leftImagePod .textWrapper .btnLink:hover{ color: #fff;}



/*** Traffic Tab ***/


/*** Mileage Tab ***/



/*** Footer Area ***/
#mainFooter{
    color: #a9a9a9;
    background: #262626;
    /*padding: 2em 10px;
    text-align: center!important;*/
}
#mainFooter a { color: #a9a9a9; }
#mainFooter a:hover { text-decoration: underline; }
#mainFooter ul { list-style-type: none; padding: 0; }

#mainFooter .footerCopy{}
#mainFooter .footerCopy h2{

}
#mainFooter .footerCopy p{}

#mainFooter .footerLists .col{}
#mainFooter .footerLists h3{}
#mainFooter .footerLists ul{}
#mainFooter .footerLists li{}
#mainFooter .footerLists li a{}

#mainFooter .footerLists .tel{}

#mainFooter .footerLists .txt{}
#mainFooter .footerLists .btn{}
.footerInfo{ 
    z-index: 10;
    position: relative;
    background: #fff;
    border-top:1px solid #b1b0b2;
    padding: 17px 15px;
}
.footerInfo h2{ margin: 0 0 5px 0; font-size: 1.5em; }

.footerInfo A {color:#000000; text-decoration:underline;}
.footerInfo A:hover {color:#f95108;}

.footerInner { margin: 22px auto 0; overflow: auto; padding: 0; text-align: left; max-width:960px; }
    .footerInner .col { float: left; width: 23%; padding-left: 2%; }
    .footerInner .col.first { padding-left: 0; }
    .footerInner .col.footerSignup { width: 25%; }
    
    @media only screen and (max-width: 940px) {
        .footerInner .col.first { padding-left: 2%; }
        .footerInner .col { float: left; width: 46%; padding-left: 2%; padding-bottom: 20px; padding-right: 2%; }
        .footerInner .col.footerSignup { width: 46%; }    
    }
    
        .footerInner h4 { color: #fff; font-size: 16px; margin-bottom: 0.667em; }
        .footerInner .footerLists { line-height: 1.5em; margin: 0; }
        
        .footerInner .footerSocialList { overflow: auto; margin-bottom: 2.5em; }
        .footerInner .footerSocialList li { float: left; }
        .footerInner .footerSocialList a {
            display: block;
            height: 33px;
            margin-left: 10px;
            text-indent: -9999px;
            width: 32px;
            -webkit-transition: background 0.2s linear;
            -moz-transition: background 0.2s linear;
            -ms-transition: background 0.2s linear;
            -o-transition: background 0.2s linear;
            transition: background 0.2s linear;
        }
        .footerInner .footerSocialList li.first a { margin-left: 0; }
        .footerInner a.footerFacebook { background: #464646 url(../images/footerSocialIcons.png) no-repeat 0 0; }
        .footerInner a.footerFacebook:hover,
        .footerInner a.footerFacebook:active,
        .footerInner a.footerFacebook:focus { background-color: #3d5b9a; }
        .footerInner a.footerTwitter { background: #464646 url(../images/footerSocialIcons.png) no-repeat 0 -32px; }
        .footerInner a.footerTwitter:hover,
        .footerInner a.footerTwitter:active,
        .footerInner a.footerTwitter:focus { background-color: #23acef; }
        .footerInner a.footerGoogle { background: #464646 url(../images/footerSocialIcons.png) no-repeat 0 -64px; }
        .footerInner a.footerGoogle:hover,
        .footerInner a.footerGoogle:active,
        .footerInner a.footerGoogle:focus { background-color: #db212d; }
        .footerInner a.footerRac { background: #464646 url(../images/youtube.png) no-repeat 0 0; }
        .footerInner a.footerRac:hover,
        .footerInner a.footerRac:active,
        .footerInner a.footerRac:focus { background: #464646 url(../images/youtube-hover.png) no-repeat 0 0;  }
        
        .footerInner .footerSalesHeading { margin-bottom: 0.417em; }
        .footerInner .footerSales { margin-top: 0; }
        
        .footerInner .footerTel { font-size: 1.667em; line-height: 1; }
        .footerInner .footerTelSmall { font-size: 0.833em; }
        
        .footerInner .footerSignup h4 { margin-bottom: 0.833em; }
        .footerInner .footerSignup p { line-height: 1.2em; margin-bottom: 1.250em }
        .footerInner .footerFormSignup input {
            background-clip: padding-box;
            border: none;
            -webkit-border-top-left-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-bottomleft: 3px;
            border-top-left-radius: 3px;
            border-bottom-left-radius: 3px;
            color: #616062;
            float: left;
            height: 29px;
            padding: 0 10px;
            width: 176px;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
        }
        .ie7 .footerInner .footerFormSignup input { height: 27px; line-height: 2.2em; width: 172px }
        .ie8 .footerInner .footerFormSignup input { line-height: 2.05em; }
        .footerInner .footerFormSignup button {
            background: #f75221 url(../images/footerSignupButton.png) no-repeat 50% 50%;
            -webkit-border-top-right-radius: 3px;
            -webkit-border-bottom-right-radius: 3px;
            -moz-border-radius-topright: 3px;
            -moz-border-radius-bottomright: 3px;
            border-top-right-radius: 3px;
            border-bottom-right-radius: 3px;
            border: none;
            height: 29px;
            padding: 0;
            text-indent: -9999px;
            width: 30px;
        }
        
.footerUtility { border-top: #333333 1px solid; font-size: 11px; margin: 0 auto; overflow: auto; margin-top: 0.833em; padding: 2px 0 2.167em; max-width:940px; padding:0 10px; }
    .footerUtility .footerUtilityList { float: left; overflow: auto; }
    .footerUtility .footerUtilityList li { float: left; margin-right: 18px; }
    .footerUtility p { float: right; margin-top: 1em; }

/* Home Terms */
.homeTerms { padding: 14px 0 10px 0; font-size: 0.85em; color: #a9a9a9; font-size: 12px; background: #313131; text-align: center; }
  .homeTerms a { color: #d7d7d7; }
  .homeTerms .contentSection { padding: 10px; max-width: 960px; margin: 0 auto; text-align: left; }




/**** SIZES REQUIRED ****/
/*  */



/**** Desktop screen > 600px ****/
@media only screen and (min-width: 601px) {
    
}

/**** Mobile Phone screen <= 600px ****/
@media only screen and (max-width: 600px) {
    
}

/* Style adjustments for high resolution devices */
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
        
        /* RETINA IMAGES? */
}


/* TT - TOM! Sorry, just needed to chuck this in to show highlighting when doing drag/drop.  Feel free to move it somewhere better :) */
.sortable-placeholder 
{
  border: 1px dashed #ccc;
  background: #d6d1cf;
}

#routePlannerFormTimer
{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;  
  z-index: 10;
  background:#000 url(../images/map-searching.gif) 50% 50% no-repeat;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.4;
  /* Safari 1.x */
  -khtml-opacity: 0.4;
  /* Good browsers */
  opacity: 0.4;
}

.overlay-background
{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: #000;
  z-index: 100;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* IE 5-7 */
  filter: alpha(opacity=50);
  /* Netscape */
  -moz-opacity: 0.75;
  /* Safari 1.x */
  -khtml-opacity: 0.75;
  /* Good browsers */
  opacity: 0.75;
}

.overlay-container
{
  position: fixed;
  top: 45%;
  left: 50%;
  width: 478px;
  margin: -200px 0 0 -239px;
  background-color: white;
  z-index: 999;
  background: url(../images/alertTop.png) 0 0 no-repeat;
  padding-top: 5px;
  -o-box-shadow: 0 0 50px #000;
  -moz-box-shadow: 0 0 50px #000;
  -ms-box-shadow: 0 0 50px #000;
  -k-box-shadow: 0 0 50px #000;
  -webkit-box-shadow: 0 0 50px #000;
  box-shadow: 0 0 50px #000;
}
.overlay-bottom{
  background: url(../images/alertBot.png) 0 100% no-repeat;
  padding-bottom: 5px;
}

.overlay-inner{
  height:auto !important;
  min-height: 200px;
  height:200px;
  background: #fff;
  text-align: left;
  padding: 10px 15px;
}

.overlay-close
{
  position: absolute;
  top:-20px;
  right:-24px;
  background: 0;
  border:0;
}

#divErrorMessageOverlay .overlay-container {
  background: url(../images/alertTopBlack.png) 0 0 no-repeat;
  color: #ffffff;
}

#divErrorMessageOverlay .overlay-bottom {
  background: url(../images/alertBotBlack.png) 0 100% no-repeat;
}

#divErrorMessageOverlay .overlay-inner {
  background: #000 url(../images/alertMidBlack.png) 0 0 repeat-y;
}

#divErrorMessageOverlay .overlay-container h1 {
  margin-bottom: 23px;   
}

#divErrorMessageOverlay .overlay-container p {
  font-size: 1.5em;
  line-height: 1em;
}

/* Widget Overlay */
.widgetOverlay
{
  position: fixed;
  top: 40%;
  left: 50%;
  width: auto;
  margin: -200px 0 0 0;
  background-color: white;
  z-index: 15;
  padding: 20px;
  border:1px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}


/*****************************************/
/*jquery UI overides*/
.ui-helper-hidden-accessible{display: none;}
.ui-autocomplete {
  background: #fff;
  color: #666;
  z-index: 10;
  width: 258px;
  margin: 0;
  padding: 4px 0 5px 0;
  border:1px solid #e1e1e1;
  border-top: 1px solid #f85208;
  background:none;
}
.ui-autocomplete li{
  list-style: none;
  padding:0;
  display: block;
  text-align: left;
  margin: 0;
}
.ui-autocomplete li a{
  display: block;
  color: #222;
  padding:1px 9px;
  font-weight: normal;
  cursor: pointer;
} 
.ui-autocomplete .ui-state-focus,
.ui-autocomplete li a:active,
.ui-autocomplete li a:focus,
.ui-autocomplete li a:hover{
  color: #f95108;
  background:none;
  border:none;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0!important; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0!important; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0!important; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0!important; }

/** Show-hide map **/
#hideCols,
#showCols{
  position: absolute;
  top:-1px;
  z-index: 10;
}
#showCols{left:0px;}
#hideCols{left:315px;}


.hideMap .col.left,
.hideMap .col.right {
  display: none;  
}

.hideMap .col.middle {
  margin: 0 !important;
 
}

/*** Traffic Control ***/
#divIconsMenu {
    padding: 0 !important;
}
#trafficControlTitle {
  overflow: hidden;
  width:38px;
  text-align: center;
  color: #333333;
  font-family: Arial, sans-serif;
  font-size: 13px;
  background-color: #ffffff;
  padding: 1px 6px;
  border: 1px solid #717b87;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
  font-weight: normal;
  position: absolute;
  top: 5px;
  right: -1px;
  cursor: pointer;
}

.mapIconsActive { font-weight: bold !important; color: #000 !important;}

#trafficControlTitle:hover {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ) !important; /* IE6-9 */
}

#trafficControlTitle:hover {
  color: #000000;  
}

#trafficControlMenu {
  background-color: white;
  z-index: -1;
  padding-top: 6px;
  border-width: 0px 1px 1px;
  border: 1px solid #717b87;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px;
  position: absolute;
  /*left: -51px;*/
  right: 0;
  top: 27px;
  text-align: left;
}

#trafficControlMenu div {
  cursor: pointer;
}

#trafficControlMenu .trMeRow:hover {
  background: #ebebeb !important;
}

#trafficControlMenu div:hover span {
  border: 1px solid #000000 !important;
}

.trCtrTick {
  position: absolute;
  left: 1px;
  top: -2px;
  width: 13px;
  height: 11px;
  overflow: hidden;
}

.trCtrTick img {
  position: absolute;
  left: -52px;
  top: -44px;
  border: 0px;
  padding: 0px;
  margin: 0px;
  width: 68px;
  height: 67px;
}

#divDownloadRoutePlannerPdfOption .overlay-inner,
#divDownloadTrafficNewsPdfOption .overlay-inner,
#divDownloadMileageCalculatorPdfOption .overlay-inner { min-height: 100px!important; }

#divDownloadRoutePlannerPdfOption .twoBtnOver,
#divDownloadTrafficNewsPdfOption .twoBtnOver,
#divDownloadMileageCalculatorPdfOption .twoBtnOver { margin-top: 10px; }
/* Map Markers */

/* .topLeft {padding:0 0 0 13px; background: url(../images/pop-up-left-arrow.png) 0 0 no-repeat;} */

.map-overlay-box {
  padding: 10px 15px;
  width: 270px;
  box-shadow: 3px 3px 10px 1px #000;
  -moz-box-shadow: 3px 3px 10px 1px #000;
  -webkit-box-shadow: 3px 3px 10px 1px #000;
  -ms-shadow: 3px 3px 10px 1px #000;
  -o-shadow: 3px 3px 10px 1px #000;
  -khtml-shadow: 3px 3px 10px 1px #000;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  background: #ffffff;
  overflow: hidden;
}

.map-overlay-box h3 {
  font-size: 1.5em;
  font-weight: bold;
  font-family: DINRoundOT, Arial;
  margin: 0 0 0.7em 0;
}

.infoBox img { 
  position: absolute !important;
  top: 0;
  right: 0;
}

.infoBox div img { 
  position: absolute !important; 
  top: 10px;
  right: 40px;
}

.infoBox .leftImageContainer img,
.infoBox .rightImageContainer img { 
  position: relative !important; 
  top: 0;
  right: 0;
  width: 100%;
}

.infoBox .leftImageContainer,
.infoBox .rightImageContainer { 
  height: 140px;
}

.infoBox .map-overlay-box .largeImage { float: none; position: relative !important; width: 100%; top: 0; right: 0; }
.infoBox .map-overlay-box .name { font-size: 1.2em; color: #615f60; }

.infoBox .map-overlay-box .popupInlineRightImage { position: relative !important; top: 0 !important; right: 0 !important; margin: 0 !important; }

.hotels-overlay {width:326px;}
.hotels-overlay h3 {font-size:1.3em; width:150px; line-height:1em;}
.hotels-overlay p {margin:0; font-size:0.875em; color:#616161;}
.hotels-overlay .title {font-weight:bold;}
.twoColLayout {margin:0 0 10px 0; display:inline-block;}
.hotelDetails {min-height:159px;}
.bookWrapper p { display: none; }
.bookWrapper .btnLink { min-width: 0; }
.twoColLayout .colLeft {float:left; width:186px; margin:0 20px 0 0; background: url(../images/hotel-icon.png) 100% 0 no-repeat;}
.twoColLayout .colLeft p {width:150px;}
.twoColLayout .colLeft .address, .twoColLayout .colLeft .rooms {margin:0 0 10px 0;}
.twoColLayout .colLeft .btnLink {margin:0 0 10px 0; display:inline-block;}
.twoColLayout .colRight {float:left; width:120px;}
.twoColLayout .colRight img { position: static !important; }
.twoColLayout .colRight .hotelImage {border:1px solid #424242; width:118px; }
.moreInformation a {color:#f66900; text-decoration:underline;}
.hotels-overlay .spacing{margin:0 0 15px 0;}
.bookWrapper a, .bookWrapper p {float:left;}
.twoColLayout .colLeft .bookWrapper p {padding:7px 0 0 0; width:30px;}
.twoColLayout .colLeft .bookWrapper  a {margin:0 20px 0 0;}
.ratingsWrap {margin:0 0 10px 0; padding:5px 0; background:#424242; text-align:center;}
.ratingsWrap p {margin:0 0 5px 0; line-height:1em; color:#FFF;}
.ratingsWrap a {margin:0; font-size:0.875em; text-decoration:underline; line-height:1em; display:block; color:#f66900;}

.ratingsWrap .rating {margin:0 auto 5px auto; width:62px; height:7px; display:block; text-indent:-9000px; background: url(../images/hotel-reviews.png) 0 100% no-repeat;}
.ratingsWrap .stars6 {background-position:0 0;}
.ratingsWrap .stars5 {background-position:0 -8px;}
.ratingsWrap .stars4 {background-position:0 -16px;}
.ratingsWrap .stars3 {background-position:0 -24px;}
.ratingsWrap .stars2 {background-position:0 -32px;}
.ratingsWrap .stars1 {background-position:0 -40px;}

.traffic-news {color:#615f60; font-size:0.9em;}
.traffic-news h3 { padding-right: 65px; }
.traffic-news img {float:right;}
.traffic-news .txtOrange {color:#f95108; margin:0;}
.traffic-news a { color: #f95108; }
.traffic-news .getDirections { float: left; }

.topLeft .triangle
{
    position: absolute;
    left: -10px;
    top: 10px;
    width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid #fff;  
}

.bottomLeft .triangle
{
    position: absolute;
    left: -10px;
    bottom: 10px;
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid #fff;  
}

.topRight .triangle
{
    position: absolute;
    right: -10px;
    top: 10px;
    width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #fff;
}

.bottomRight .triangle
{
    position: absolute;
    right: -10px;
    bottom: 10px;
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #fff;
}

#btnInfoBoxZoom 
{ 
  margin:10px 0 0 0;
  display:block; 
  background: url(../images/btnLink.png) 0 50% no-repeat; 
  color: #fff;
  padding: 3px 10px 4px 10px;
  -ms-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -k-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border:0;
  font-weight: bold;
  font-size: 1.1em;
  font-family: DINRoundOT, Arial;
}

#btnInfoBoxZoom:hover { background: url(../images/btnLink.png) 100% 50% no-repeat; color:#ffffff; }

/* Recent Routes */

#recentLocationsLocations,
#recentRoutesRoutes {
  list-style: none;
  padding: 0;
  margin: 10px 0 0 0; 
}

#recentLocationsLocations a,
#recentRoutesRoutes a {
  display: block;
  color: #626061 !important;
  underline: none;
  cursor: pointer;
  line-height: 1.5em;
  padding: 2px 6px;
}

#recentLocationsLocations a:hover,
#recentRoutesRoutes a:hover,
#recentLocationsLocations a span,
#recentRoutesRoutes a span {
  color: #f95108 !important;
}

#recentRoutesRoutes li,
#recentLocationsLocations li {
  border-bottom: 1px solid #dedad9;
  padding: 0;
  margin: 0;
}

.recentRoutesEven {
  background: #f8f8f8; 
}

/*x#milageControls .btnItem {
  margin: 0 15px 0 0; 
}*/


/* IE 10 */

.ie10 .tabTools a,
.ie10 #printButton { margin-right: 27px; }


/* Icon Menu */
.trMeRow 
{
  color: rgb(0, 0, 0); font-family: Arial, sans-serif; -webkit-user-select: none; font-size: 11px; background-color: rgb(255, 255, 255); padding: 0px 8px 3px 5px; direction: ltr; text-align: left; white-space: nowrap; display:block;
}
.trMeRow:first-child
{
  margin-bottom:3px; border-bottom:1px dashed rgb(198, 198, 198);
}

.iconMenuLabel
{
  vertical-align: middle; cursor: pointer;
}

.iconMenuSpan
{
  box-sizing: border-box; position: relative; line-height: 0; font-size: 0px; margin: 0px 5px 0px 0px; display: inline-block; background-color: rgb(255, 255, 255); border: 1px solid rgb(198, 198, 198); border-top-left-radius: 1px; border-top-right-radius: 1px; border-bottom-right-radius: 1px; border-bottom-left-radius: 1px; width: 13px; height: 13px; -webkit-box-shadow: none; box-shadow: none; vertical-align: middle;
}

.co2Wrapper{margin:0 auto; padding:0; list-style:none;}
.threeColList{width:195px!important;}
.fourColList{width:260px!important;}
.ie7 .threeColList,
.ie7 .fourColList {width: auto !important;}
.co2Wrapper li{float:left; text-align:center; width:65px; height:123px; position:relative;}
.co2Wrapper li img{margin:0 0 5px 0;}
.co2Wrapper .car {display:block; font-size:0.85em; color:#616163;}
.co2Wrapper .co2 {margin:0 0 10px 0; display:block; font-weight:bold; color:#fb5106; line-height:1em;}
.co2Container {position:absolute; bottom:0; width:65px;}

.mileageCo2Figures {clear:both; display:none;}
.mileageCo2Figures h2 {margin:0 0 10px 15px;}
#divFuelCostResult {margin:0 0 25px 15px; font-size:0.85em;}
#spanFuelCost {color:#f95108; font-weight:bold;}

/* Widget Styles */
.widgetPageWrapper {margin:0 auto; padding:30px 0 0 0; width:994px; text-align:left;}
.widgetTwoCol {margin:0 0 30px 0; width:994px;}
.widgetTwoCol .colFirst {margin:0 25px 0 0; float:left; width:400px;}
.widgetTwoCol .colFirst h1 {margin:0 0 20px 0; padding:0 0 5px 0; border-bottom:1px solid #e1e1e1;}
.widgetTwoCol .colSecond {float:left; width:548px;}
.widgetTwoCol .colSecond .imgWrap {width:548px; height:304px; background:#e1e1e1; text-align:center;}
.widgetList {margin:0; padding:0; list-style:none;}
.widgetList li {margin:0 0 5px 0; padding:0 0 0 14px; background: url(../images/widget-list.png) 0 5px no-repeat;}

.widgetWrapper {margin:0 0 23px 0; width:994px; background: url(../images/widget-top.png) 0 0 no-repeat;}
.widgetWrapper .widgetInner {padding:0 0 0 15px; width:979px; background: url(../images/widget-bottom.png) 0 100% no-repeat;}
.widgetWrapper .widgetInner .widgetTitle {margin:0 0 4px 0; padding: 7px 0 0 0; font-family: DINRoundOT, Arial; font-size:1.3em;}
.widgetWrapper .widgetForm {padding: 30px 0 15px 0; width:350px;}
.widgetForm #divErrors p {border:1px solid #df0404; color:#df0404; padding:5px;}
.widgetWrapper .widgetFormLarge {padding: 20px 0 15px 0; width:475px;}
.widgetWrapper .widgetFormLarge label {margin:0 0 17px 0; display:block;}
.widgetWrapper .widgetFormLarge .txtArea {padding:2px; border:1px solid #7d7d7d; color:#7d7d7d; width:466px; height:145px; background: url(../images/widget-txt-bg.png) 0 0 repeat-x;}
.widgetWrapper .formRow {margin:0 0 15px 0; width:350px;}
.widgetWrapper .formRowSpacer {margin:0 0 40px 0;}
.widgetWrapper .formRow label {display:block; float:left; width:150px; font-weight:bold; color:#3b3b3b;}
.widgetWrapper .formRow .txt {padding:2px; float:left; border:1px solid #7d7d7d; color:#7d7d7d; background: url(../images/widget-txt-bg.png) 0 0 repeat-x;}
.widgetWrapper .formRow .pxFirst {margin:0 40px 0 0;}
.widgetWrapper .formRow .px {padding:5px 0 0 5px; display:block; float:left; font-size:0.9em;}
.widgetWrapper .formRow .fullWidth {width:176px;}
.widgetWrapper .formRow .dimension {width:55px;}
.widgetActions {margin:0 0 43px 0;}
.widgetWrapper .formRowError label { color: #DF0404; }
.widgetWrapper .formRowError .txt { border: 1px solid #DF0404; }

/* Autocomplete Overrides */

#routePanel .ui-autocomplete,
#trafficPanel .ui-autocomplete { 
    width: 276px !important; 
}

#routePanel .ui-autocomplete.narrow,
#trafficPanel .ui-autocomplete.narrow { 
    width: 259px !important; 
}

/* Tablet Styles */
@media all and (max-width: 1024px) and (min-width: 320px) 
{
  .tabPanels .panel a:hover { color: #626061; }
  .promoLeader { width: 500px; }
  .logo { margin-top: 7px; }
}

/* iPad Only */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)
{
 .routeTools .other a.active, .routeTools .other a:hover { background: url(../images/arMedGray.png) 100% 50% no-repeat !important; color: #626061; }
 .routeTools .other a.active { background: url(../images/arMedGrayActive.png) 100% 50% no-repeat !important; color: #626061; }   
 #btnSocialShare:hover { color: #626061; }
 #trafficControlTitle { padding: 1px 6px 2px 6px; }
}

/* Pat */
.locationLocator {margin:10px 0; padding:0 0 0 20px; line-height:16px; color:#f95108; background:url(../images/location-loader.gif) no-repeat; display:none;}

/*
  Navigation
*/

.siteNav {
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
    border-top: 1px solid #464646;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    position: relative;
    overflow: visible;
    background: #1b1b1b;
    height: 32px;
    text-align: left;
}


@media screen and (max-width: 768px) {
    .siteNav {
        min-width: 0;
    }
}

.siteNav > li {
    float: left;
}
.siteNav a {
    color: #fff;
    text-decoration: none;
}

/* top level */
.siteNav > li > a {
    display: block;
    border-right: 1px solid #464646;
    border-bottom: 1px solid #000;
    padding: .5em 1em;
    background: #1c1c1c;
    font-family: DINRoundOT, Arial, Helvetica, sans-serif;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.siteNav > li > a:hover,
.siteNav > .hover > a {
    background: #464646;
    border-bottom: 1px solid #393939;
    color: #FFFFFF;
}

.siteNav > li:last-child > a,
.siteNav > .last > a {
    border-right: none;
}

@media screen and (max-width: 680px) {
    .siteNav > li > a {
        padding: .5em 10px;
    }
}
@media screen and (max-width: 660px) {
    .siteNav > li > a {
        padding: .5em 8px;
    }
}

/* Second level */
.subnav {
    display: none;
    background: #464646;
    position: absolute;
    left: 0;
    top: 31px; /* nav height */
    width: 100%;
    padding: 2% 4%;
    width: 92%;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.siteNav li:hover .subnav {
    display: block;
}

.subnav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: auto;
    display: inline-block;
    width: 45%;
    float: left;
}
.subnav ul:last-child {
    margin-left: 5%;
}
@media screen and (max-width: 768px) {
    .subnav ul {
        display: block;
        width: 100%;
        margin: 0;
    }
    .subnav ul:last-child {
        margin-left: 0;
    }
}

.subnav li {
    padding: 0 0 0.5em;
}

.subnav h2,
.subnav h2 a,
.subnav h3,
.subnav h3 a {
    color: #f4540a;
    margin: 0 0 0.5em;
    font-family: DINRoundOT, Arial;
    font-size: 20px;
    font-weight: normal;
    text-indent: -1px;
    text-decoration: none;
}

.subnav h2 a:hover,
.subnav h3 a:hover 
{
  text-decoration: underline;
  }

.subnav a 
{
  color: #dadada;
  text-decoration: none;
}


.subnav a:hover {
    text-decoration: underline;
}
.btnLink {
    display: inline-block;
    min-width: 124px;
}

.subnav .row {
    border-top: 1px solid #333;
    width: 48%;
    margin-right: 2%;
    float: left;
}
    .showMore .subnav .row,
    .showMore .subnav .wrapper {
        border: none;
        padding: 0;
    }


@media screen and (max-width: 768px) {
    .subnav .row {
        width: 65%;
        margin: 0;
        float: right;
    }

    .subnav .row.navWrapper {
        width: 30%;
        margin-right: 2%;
        float: left;
    }

    .navImg img {
        width: 100%;
    }
}

@media screen and (max-width: 660px) {
    .subnav .row {
        width: 65%;
        margin: 0;
    }
    .subnav .navWrapper {
        width: 30%;
    }
}
@media screen and (max-width: 480px) {
    .subnav .row,
    .subnav .row.navWrapper {
        width: auto;
        margin: auto;
    }
    .navImg img {
        width: auto;
    }
    .navCta, .navImg {
        margin: 0;
    }
}

.subnav .wrapper {
    padding-top: 1em;
    border-top: 1px solid #454545;
    overflow: visible;
}

.navCta, .navImg {
    float: left;
    width: 45%;
}
/*.navCta {
    margin-left: 1em;
}*/

.navCta a,
.navCta a:hover {
  text-decoration: underline;
}
.navCta .nav-btn-more 
{
  text-decoration: none;
  }
.navCta .nav-btn-more:hover 
{
  text-decoration: underline;
  }  
.navImg {
    margin-right: 2%;
}
    .navImg img {
        width: 100%;
        max-width: 100%;
        border: 0;
    }

@media screen and (max-width: 595px) {
    .navCta {
        width: auto;
        margin: 1em 0 0;
    }
    .navImg {
        width: 100%;
    }
}

.showMore {
    display: none;
}
    .mobileHidden {
        display: none;
    }
    .showMore {
        display: block;
    }

/* header */

.headerWrapper {
    background: #222;
}
.mainHeader {
    overflow: visible;
    background: #222;
    padding: 2px 12px; /* 1em */
    max-width: 936px;
    margin: 0;
}

.logo {
    float: left;
    margin: 22px 72px 0 0;
}
@media screen and (max-width: 750px) {
    .logo {
        margin-right: 10px;
    }
}

/* Ads */
.promoLeader {
    float: left;
    width: 722px;
}
.promoLeader img {
    display: block;
    width: 100%;
}
@media screen and (max-width: 990px) {
    .promoLeader {
        width: 600px;
        float: right;
    }
}

@media screen and (max-width: 855px) {
    .promoLeader {
        width: 497px;
    }
}
@media screen and (max-width: 685px) {
    .promoLeader {
        width: 450px;
    }
}

/* Weather Popup START */

.weather-detail { padding: 0; width: 360px; }
.weather-detail h3 { padding: 10px 65px 10px 15px; margin: 0; border-bottom: 1px solid #e2e2e2; }
.weather-detail .img { position: static !important; }
.infoBox img { top: 2px; right: 5px; }
.weather-detail .weather-popup-table { width: 100%; background: #f5f5f5; border-collapse: collapse; font-size: 12px; margin: 0 0 30px 0; border-bottom: 1px solid #e2e2e2; }
.weather-detail .weather-popup-table tr th { width: 35%; vertical-align: middle; font-weight: normal; padding: 12px 0 12px 15px; border-bottom: 1px solid #fff; text-align: left; }
.weather-detail .weather-popup-table tr td { width: 15%; text-align: center; vertical-align: middle; padding: 12px 15px; border-bottom: 1px solid #fff; }
.weather-detail .weather-popup-table tr th p { margin: 0; }
.weather-detail .weather-popup-table tr th .title { font-weight: bold; }
.weather-detail .weather-popup-table tr td .img { margin: 0; display: inline-block; }
.weather-detail .weather-popup-table .last th { border-bottom: 0; }
.weather-detail .weather-popup-table .last td { border-bottom: 0; }
.weather-detail .weather-popup-table tr .borderRight { border-right: 1px solid #fff; }

.weather-detail .weather-popup-table tr td .imgTemp { border: 2px solid #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px 3px; font-size: 11px; line-height: 11px; text-align: center; }

.weather-detail .weather-popup-table tr td .imgTemp-30,
.weather-detail .weather-popup-table tr td .imgTemp-29
{ background: #fff; }

.weather-detail .weather-popup-table tr td .imgTemp-28,
.weather-detail .weather-popup-table tr td .imgTemp-27
{ background: #f5f5f5; }

.weather-detail .weather-popup-table tr td .imgTemp-26,
.weather-detail .weather-popup-table tr td .imgTemp-25
{ background: #ebebeb; }

.weather-detail .weather-popup-table tr td .imgTemp-24,
.weather-detail .weather-popup-table tr td .imgTemp-23
{ background: #e1e1e1; }

.weather-detail .weather-popup-table tr td .imgTemp-22,
.weather-detail .weather-popup-table tr td .imgTemp-21
{ background: #bebebe; }

.weather-detail .weather-popup-table tr td .imgTemp-20,
.weather-detail .weather-popup-table tr td .imgTemp-19
{ background: #828282; }

.weather-detail .weather-popup-table tr td .imgTemp-18,
.weather-detail .weather-popup-table tr td .imgTemp-17
{ background: #565474; }

.weather-detail .weather-popup-table tr td .imgTemp-16,
.weather-detail .weather-popup-table tr td .imgTemp-15
{ background: #5a007f; }

.weather-detail .weather-popup-table tr td .imgTemp-14,
.weather-detail .weather-popup-table tr td .imgTemp-13
{ background: #59447f; }

.weather-detail .weather-popup-table tr td .imgTemp-12,
.weather-detail .weather-popup-table tr td .imgTemp-11
{ background: #32007f; }

.weather-detail .weather-popup-table tr td .imgTemp-10,
.weather-detail .weather-popup-table tr td .imgTemp-9
{ background: #000082; }

.weather-detail .weather-popup-table tr td .imgTemp-8,
.weather-detail .weather-popup-table tr td .imgTemp-7
{ background: #0033b4; }

.weather-detail .weather-popup-table tr td .imgTemp-6,
.weather-detail .weather-popup-table tr td .imgTemp-5
{ background: #0000ff; }

.weather-detail .weather-popup-table tr td .imgTemp-4,
.weather-detail .weather-popup-table tr td .imgTemp-3
{ background: #007eff; }

.weather-detail .weather-popup-table tr td .imgTemp-2,
.weather-detail .weather-popup-table tr td .imgTemp-1
{ background: #00beff; }

.weather-detail .weather-popup-table tr td .imgTemp0,
.weather-detail .weather-popup-table tr td .imgTemp1
{ background: #00ffff; }

.weather-detail .weather-popup-table tr td .imgTemp2,
.weather-detail .weather-popup-table tr td .imgTemp3
{ background: #00f7c6; }

.weather-detail .weather-popup-table tr td .imgTemp4,
.weather-detail .weather-popup-table tr td .imgTemp5
{ background: #18d78c; }

.weather-detail .weather-popup-table tr td .imgTemp6,
.weather-detail .weather-popup-table tr td .imgTemp7
{ background: #00aa64; }

.weather-detail .weather-popup-table tr td .imgTemp8,
.weather-detail .weather-popup-table tr td .imgTemp9
{ background: #2baa2b; }

.weather-detail .weather-popup-table tr td .imgTemp10,
.weather-detail .weather-popup-table tr td .imgTemp11
{ background: #2bc82b; }

.weather-detail .weather-popup-table tr td .imgTemp12,
.weather-detail .weather-popup-table tr td .imgTemp13
{ background: #00ff00; }

.weather-detail .weather-popup-table tr td .imgTemp14,
.weather-detail .weather-popup-table tr td .imgTemp15
{ background: #ccff00; }

.weather-detail .weather-popup-table tr td .imgTemp16,
.weather-detail .weather-popup-table tr td .imgTemp17
{ background: #ffff00; }

.weather-detail .weather-popup-table tr td .imgTemp18,
.weather-detail .weather-popup-table tr td .imgTemp19
{ background: #eded7e; }

.weather-detail .weather-popup-table tr td .imgTemp20,
.weather-detail .weather-popup-table tr td .imgTemp21
{ background: #e4cc66; }

.weather-detail .weather-popup-table tr td .imgTemp22,
.weather-detail .weather-popup-table tr td .imgTemp23
{ background: #dcae49; }

.weather-detail .weather-popup-table tr td .imgTemp24,
.weather-detail .weather-popup-table tr td .imgTemp25
{ background: #ffaa00; }

.weather-detail .weather-popup-table tr td .imgTemp26,
.weather-detail .weather-popup-table tr td .imgTemp27
{ background: #ff5500; }

.weather-detail .weather-popup-table tr td .imgTemp28,
.weather-detail .weather-popup-table tr td .imgTemp29
{ background: #ff0000; }

.weather-detail .weather-popup-table tr td .imgTemp30,
.weather-detail .weather-popup-table tr td .imgTemp31
{ background: #c80000; }

.weather-detail .weather-popup-table tr td .imgTemp32,
.weather-detail .weather-popup-table tr td .imgTemp33
{ background: #ad0000; }

.weather-detail .weather-popup-table tr td .imgTemp34,
.weather-detail .weather-popup-table tr td .imgTemp35
{ background: #930000; }

.weather-detail .weather-popup-table tr td .imgTemp36
{ background: #780000; }

.weather-detail .weather-popup-table tr td .windDirection { text-align: center; font-size: 11px; line-height: 11px; }
.weather-detail .weather-popup-table tr td .windDirectionN { background: url(../images/weather/wind-speed-and-direction/wind-speed-and-direction-north.png) no-repeat 0 0; height: 20px; padding: 19px 0 0; width: 29px; }

.weather-detail .weather-popup-table tr td .windDirectionNNE,
.weather-detail .weather-popup-table tr td .windDirectionNE,
.weather-detail .weather-popup-table tr td .windDirectionENE
{ background: url(../images/weather/wind-speed-and-direction/wind-speed-and-direction-north-east.png) no-repeat 0 0; height: 21px; padding: 14px 6px 0 3px; width: 24px; }

.weather-detail .weather-popup-table tr td .windDirectionE { background: url(../images/weather/wind-speed-and-direction/wind-speed-and-direction-east.png) no-repeat 0 0; height: 21px; padding: 10px 12px 0 3px; width: 26px; }

.weather-detail .weather-popup-table tr td .windDirectionSSE,
.weather-detail .weather-popup-table tr td .windDirectionSE,
.weather-detail .weather-popup-table tr td .windDirectionESE
{ background: url(../images/weather/wind-speed-and-direction/wind-speed-and-direction-south-east.png) no-repeat 0 0; height: 24px; padding: 11px 6px 0 3px; width: 26px; }

.weather-detail .weather-popup-table tr td .windDirectionS { background: url(../images/weather/wind-speed-and-direction/wind-speed-and-direction-south.png) no-repeat 0 0; height: 31px; padding: 10px 0 0; width: 31px; }

.weather-detail .weather-popup-table tr td .windDirectionSSW,
.weather-detail .weather-popup-table tr td .windDirectionSW,
.weather-detail .weather-popup-table tr td .windDirectionWSW
{ background: url(../images/weather/wind-speed-and-direction/wind-speed-and-direction-south-west.png) no-repeat 0 0; height: 24px; padding: 11px 3px 0 8px; width: 24px; }

.weather-detail .weather-popup-table tr td .windDirectionW { background: url(../images/weather/wind-speed-and-direction/wind-speed-and-direction-west.png) no-repeat 0 0; height: 21px; padding: 11px 3px 0 14px; width: 25px; }

.weather-detail .weather-popup-table tr td .windDirectionWNW,
.weather-detail .weather-popup-table tr td .windDirectionNW,
.weather-detail .weather-popup-table tr td .windDirectionNNW
{ background: url(../images/weather/wind-speed-and-direction/wind-speed-and-direction-north-west.png) no-repeat 0 0; width: 24px; height: 21px; padding: 13px 3px 0 7px; }

.weather-detail .weather-popup-table tr td .uv { width: 40px; height: 40px; text-indent: -9999px; background: url(../images/weather/uv/uv11.gif) no-repeat 0 0; text-align: left; } 
.weather-detail .weather-popup-table tr td .uv1 { background: url(../images/weather/uv/uv1.gif) no-repeat 0 0; }
.weather-detail .weather-popup-table tr td .uv2 { background: url(../images/weather/uv/uv2.gif) no-repeat 0 0; }
.weather-detail .weather-popup-table tr td .uv3 { background: url(../images/weather/uv/uv3.gif) no-repeat 0 0; }
.weather-detail .weather-popup-table tr td .uv4 { background: url(../images/weather/uv/uv4.gif) no-repeat 0 0; }
.weather-detail .weather-popup-table tr td .uv5 { background: url(../images/weather/uv/uv5.gif) no-repeat 0 0; }
.weather-detail .weather-popup-table tr td .uv6 { background: url(../images/weather/uv/uv6.gif) no-repeat 0 0; }
.weather-detail .weather-popup-table tr td .uv7 { background: url(../images/weather/uv/uv7.gif) no-repeat 0 0; }
.weather-detail .weather-popup-table tr td .uv8 { background: url(../images/weather/uv/uv8.gif) no-repeat 0 0; }
.weather-detail .weather-popup-table tr td .uv9 { background: url(../images/weather/uv/uv9.gif) no-repeat 0 0; }
.weather-detail .weather-popup-table tr td .uv10 { background: url(../images/weather/uv/uv10.gif) no-repeat 0 0; }
.weather-detail .weather-popup-table tr td .uv0 {background:none; text-indent:0; height:auto; width:auto;} 

/* Weather Popup END */

#trafficEmailAlertsForm .chkWrapper INPUT {margin-top:2px;}
#trafficEmailAlertsForm .chkWrapper LABEL {width:245px;}

/* Telematics */
#pinImageButton {
    float: none;
    margin: 1em 0 0;
}

.trafficImages {
    list-style-type: none;
    margin: 0 0 .5em;
    padding: 0;
    overflow: hidden;
    text-align: center;
}

.trafficImages li {
    margin: 0;
    padding: 0;
    text-align: center;
}

.trafficImages.main {
    margin-bottom: 1em;
}

.trafficImages.main img, .single-image img {
    margin: .5em auto;
    clear: both;
    max-width: 352px;
}

.trafficImages p {
    text-align: left;
    font-weight: bold;
    margin: 0 4em;
}

.trafficImages .last-updated {
    font-weight: normal;
}

.description {
    position: relative;
}

.description .count {
    position: absolute;
    top: 0;
    right: 50px;
}

.trafficImages .imgNav {
    display:inline-block;
    *display:inline; /*IE7*/
    *zoom:1; /*IE7*/
    width: 60px;
}
.trafficImages .imgNav p, .trafficImages .imgNav span {
    display: none;
}

.trafficImages .imgNav img {
    width: 100%;
    margin: 0;
}

.trafficImages .active, .trafficImages .imgNav {
    cursor: pointer;
    margin: 0 .125em;
    border: 2px solid #fff;
}

.trafficImages .active, .trafficImages .imgNav:hover {
    border: 2px solid #f95108;
}

.trafficImages .nav {
    position: absolute;
    top: 200px;
    display: block;
    color: #626061;
    left: 1em;
    z-index: 100;
    height: 60px;
    width: 30px;
    text-indent: -9999em;
}
.trafficImages .prev {
    background: url(../images/arrow-button-sprite.png) 0 0 no-repeat;
}
.trafficImages .prev:hover {
    background-position: 0 -142px;
}
.trafficImages .next {
    left: auto;
    right: 1em;
    background: url(../images/arrow-button-sprite.png) -30px 0 no-repeat;
}
.trafficImages .next:hover {
    background-position: -30px -142px;
}
.nav-wrapper {
    position: relative;
}
.carousel-container {
    width: 355px;
    overflow: hidden;
    text-align: center;
    position: relative;
    height: 60px;
    margin-left: 50px;
}

.carousel-container .trafficImages {
    width: 9600px;
    text-align: left;
    position: absolute;
    left: 0;
    top: 0;
}

.nav-wrapper .nav {
    position: absolute;
    top: 0;
    color: #626061;
    background: url(../images/gradient.png) -5px 0 no-repeat;
    display: block;
    height: 60px;
    line-height: 60px;
    width: 32px;
    text-indent: -9999em;
}

.nav-wrapper .prev {
    left: 25px;
    background: url(../images/arMedGrayLeft.png) 50% 50% no-repeat;
}

.nav-wrapper .next {
    right: 28px; /* overlap last img */
}

.overlay-print-close {
    display: block;
    width: 38px;
    height: 38px;
    background: url(../images/closeBtn.png) center center no-repeat transparent;
}

/* Map Tab */
.buttonWrapper {
  overflow: auto; }
  .buttonWrapper .btnLink {
    padding: 0 10px; }

#mapsTabPoiList { margin-bottom: 0; padding-bottom: 0; }

.mapList {
  list-style-type: none;
  margin: 0;
  padding: 1em 0;
  overflow: auto; }
  .mapList li {
    float: left;
    width: 49%;
    margin-right: 1%;
    margin-bottom: .5em;
    border: none;
    clear: none; }
    .panel .mapList li a 
    {
        color: #444;
    }
  .mapList li:nth-child(even) {
    margin-right: 0; }
  .mapList .btnLink {
    display: block;
    font-family: arial;
    font-weight: normal;
    font-size: 1em;
    padding: .5em .6em;
    height: 18px;
    overflow: hidden;
  }
    .mapList .btnLink img {
      float: right;
      margin-top: 0;
      width: 16px }
      
.noBorder,
.destinationList .noBorder
{
    border: none;
}

/* Overlay */
.infoBox .mapsPopup img {
  position: static !important; }

.mapsPopup {
  width: 330px; }
  .mapsPopup a {
    color: #F95109;
    text-decoration: underline; }
  .mapsPopup .btnLink {
    margin-bottom: 1em; }

.description img {
  float: right;
  margin: 0 0.25em 0.25em; }

.leftImageContainer,
.rightImageContainer {
  width: 50%;
  float: left;
  margin-bottom: 1em;
  text-align: center;
}
  
.leftImageContainer img,
.rightImageContainer img 
{
    position: static !important;
    float: none;
}

.locationInfo,
.largeImage {
  margin-bottom: 1em; }

.infoTitle,
.infoDescription {
  margin: 0;
  padding: 0; }

.infoTitle {
  width: 20%;
  margin-right: 1em;
  display: block;
  float: left;
  clear: left;
  border-right: 1px solid #d0d0d0;
  margin-bottom: 3px;
}

.infoDescription {
  display: inline-block;
  width: 70%;
  margin-bottom: 3px;  
}
  .infoDescription a {
      color: #f95108;
  }

.offerPopup .name {
  color: #616161;
  font-weight: bold;
  font-size: 1.1em;
  font-family: Arial, Helvetica, sans-serif; }

.star-rating {
    background: #787878;
    width: 65px;
    height: 10px;
    position: relative;
    display: inline-block;
}

.lt-ie8 .star-rating {
    display: inline;
    zoom: 1;
}

.star-rating__percentage {
    background: #d69812;
    height: 10px;
    width: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.star-rating__mask {
    height: 10px;
    width: 100%;
    background: url('../images/star-mask.png') 0 0 no-repeat transparent;
    position: relative;
    z-index: 10;
}

.lightbox--hr {
    color: #ebebeb;
}

.infoTitle {
    font-weight: bold;
}

.traffic-news .btnLink {
    color: white;
}

.get-directions 
{
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  margin: 10px 0;
}

.total-ratings 
{
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid #d0d0d0;
}