*{margin: 0px;padding: 0px;} 
body{font-family: "Ride",sans-serif; font-size: 13px;} 
#headerContainer {width: 1248px; margin: 0 auto; } 
.headerFull {position: relative; width: 100%; z-index: 99999; } 
.header_OuterData {position: relative; }
.header_OuterData * {margin: 0px; padding: 0px; }
.header_OuterData *, .header_OuterData *:before, .header_OuterData *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.header_fullWidthData{ float: left; width: 100%;}
.header_posRelData{position: relative;}
.header_posStaticData{position:static;}
.header_mainData{background:#000;}
.header_logoBoxData{float: left; margin: 53px 0 13px 33px; cursor: pointer; }
.header_logoBoxData img{max-width: 100%;}
.header_mobnavData {display:none; width: 75px; height: 75px; text-align: center; background: #000; float: right;}
.header_mobnavData button, .header_mobnavData button:focus, .header_mobnavData button:active, .header_mobnavData button:hover {background: transparent url("../../img/interactive-road-planner/mob_menu-sprite.png") no-repeat 0 0; height: 25px; width: 30px; padding: 0; margin: 25px 0 0; outline: none;  border: none; cursor:pointer;}
.header_mobnavData button.header_closemenuData{background-position: 0 bottom;}
.header_navmenuData {width: 100%; float: left;}
.header_navmenuData table {padding: 0; border-collapse: collapse; position: relative; width: auto; margin: 0 0 0 19px; }
.header_navmenuData table td {height:50px; vertical-align: middle; padding: 0; margin: 0; }
.header_navmenuData span, .header_navmenuData a{color: #fff; text-decoration: none; font-size: 16px; text-transform: uppercase; display: table-cell; height:50px; vertical-align: middle; zoom: 1;}
.header_navmenuData span{padding: 0px 13.2px; }
.header_navmenuData a{padding: 0px 10px;}
.header_navmenuData span.header_menuhoverData, .header_navmenuData a.header_menuhoverData {background-color: #ffd100; color: #000;}
.header_navmenuData dl {position: absolute; display: none; z-index: 1000; top: 50px; margin: 0; padding: 0; float: left;}
.header_navmenuData dl.header_menushowData{display: block;}
.header_navmenuData dd {margin: 0; padding: 0;}
.header_navmenuData .header_menushowData a {line-height: 53px; font-size: 13px; text-transform: none; padding: 0 10px; white-space: nowrap; display: block; border:none; border-top: 1px solid #d2ae02; background-color: #ffd100; text-align: left; color: #000;float: left; width: 100%;}
.header_navmenuData .header_menushowData a:hover {color: #ffd100;background-color: #000;}
.header_mobNavMenuData{display: none;}
.header_mobMenuData{font-family: 'RideLight'; font-style: normal; font-weight: normal; text-rendering: optimizeLegibility; width: 100%; z-index: 1111;position: absolute;}
.header_mobMenuData dl dt{padding:10px 0 5px 10px; font-size: 12px; margin: 0; display: block; color: #000;} 
.header_mobMenuData dl a{font-size: 20px; padding: 10px 27px 10px 10px; color: #000; display: block; text-decoration: none; position: relative; }
.header_mobMenuData > div {background: #ffd100; padding: 0 0 0 20px; height: 100%; left: 0; overflow: auto; padding: 0; position: fixed; width: 100%; padding-bottom:100px; }
@media screen and (min-width:768px) and (max-width:992px){
	#container {width:100%;margin: 0 auto;}
	.header_navmenuData span, .header_navmenuData a{font-size:10.5pt;}
}
@media only screen and (max-width: 767px){
	#container {width:100%;margin: 0 auto;}
	body.scrollhide{overflow: hidden;}
	.header_logoBoxData {margin: 22px 0 0 20px; height: auto; }
	.header_logoBoxData img {width: 100px; height: auto; padding: 0px; }
	.header_mobnavData{display: block; cursor:pointer;}
	.header_navmenuData {display: none;}
	.header_mobFunData .header_mobNavMenuData{display: block;}
	.header_mobFunData .header_mobbgfullData{background: #fff;}
	.header_mobFunData .header_mobbgfullData .header_logoBoxData{display: none;}
}
@media screen and (min-width:0) {
	.header_navmenuData dl {min-width:250px;}
}