/*IE nav css*/
.mainNav { margin:0; overflow: visible; }
.ie8 .mainNav #main-nav { position: relative; z-index: 100; margin: 0 auto; max-width: 990px }
.ie8 .mainNav #main-nav .logo { display: none; }
.ie8 .mainNav #main-nav ul { background: none; position: relative; z-index: 100 }
.ie8 .mainNav #main-nav ul li { background: url(../images/nav-sep.png) right no-repeat; float: left; }
.ie8 .mainNav #main-nav > ul > li a { }
.ie8 .mainNav #main-nav ul li a { color: #fff; float: left; font-size: 18px; line-height: 0.8; padding: 18px 10px 17px 10px; text-align: center; text-transform: uppercase; }
.ie8 .mainNav #main-nav ul li:hover a { color: #4c4c4c; background: url(../images/nav-over.png) 0px -1px; }
.ie8 .mainNav #main-nav ul li a.active { color: #4c4c4c; background: url(../images/nav-over.png) 0px -1px; }
.ie8 .mainNav #main-nav ul li:hover > a { color: #1ba3e3; background: #fff; }
.ie8 .mainNav #main-nav ul li a.home { background: url(../images/btn-home.png) no-repeat center 128%; text-indent: -9999em; width: 20px; }
.ie8 .mainNav #main-nav ul li:hover a.home { background: url(../images/btn-home.png) no-repeat center 128% #fff; }
.ie8 .mainNav #main-nav ul li a.home.active { background: url(../images/btn-home.png) no-repeat center 14px #00b3ff; }
.ie8 .mainNav #main-nav ul li.last { background: none; }
.ie8 .mainNav #main-nav ul li:hover ul { display: block; }
.ie8 .mainNav #main-nav ul li ul { background: #fff; border: 1px solid #666; border-width: 0 1px 1px 1px; display: none; left: 0; padding: 15px; position: absolute; top: 49px; width: 960px; }
.ie8 .mainNav #main-nav ul li ul li { background: none; width:100%; }
.ie8 .mainNav #main-nav ul li ul li h2 { float: left; font-size: 18px; color: #222; margin: 0 0 20px 0; width: 50%; }
.ie8 .mainNav #main-nav ul li ul li a { background: url(../images/menu_bullet.png)/* url("../images/menu_bullet.png")*/ no-repeat 0 center; font-size: 16px; padding: 10px 0 9px 15px; text-align: left }
.ie8 .mainNav #main-nav ul li ul li a.imglink { background: none; float: right; padding: 0; };
.ie8 .mainNav #main-nav ul li:hover ul li a { color: #009CFF; background: url(../images/menu_bullet.png)/* url("../images/menu_bullet.png")*/ no-repeat 0 center; }
.ie8 .mainNav #main-nav ul li ul li ul { border: none; display: block; left: 0 !important; position: relative; padding: 0; top: 0; width: 45%; }
.ie8 .mainNav #main-nav ul li ul li ul li { float: left; width: 49%; }
.ie8 .mainNav #main-nav ul li:hover ul li ul li { background: none; }
.ie8 .mobile-only { display: none }
.ie8 .stick { display: block; position: fixed; top: -350px; margin: 0px 0 0!important; overflow: visible; width: 100%; z-index: 200; zoom: 1; }
.ie8 .mainNav.stick #main-nav .logo { display: block; margin: 0; width: 170px; }
.ie8 .mainNav.stick #main-nav .logo img { float: left; margin: 4px 0 5px; width: 60%; }
.ie8 .mainNav.stick #main-nav ul { }
.ie8 .mainNav.stick #main-nav ul li { }
.ie8 .mainNav.stick #main-nav ul li a { font-size: 16px; padding: 18px 11px; }
.ie8 .mainNav.stick #main-nav ul li ul li a { font-size: 16px; padding: 10px 0 9px 15px; }
/*IE nav css*/
/*fixed navigation when page scrolled down.*/
.active #main-nav a { color: #fff; }
.active #main-nav ul li a:hover { background: #fff; color: #009CFF; }
.active #main-nav ul li a.home { background: url(../images/btn-home.png) no-repeat scroll 1em 14px; padding: 4px 0 0 40px; }
.active #main-nav ul li a:hover.home { background: url(../images/btn-home.png) no-repeat scroll 1em -63px #fff; }
.active #main-nav h2 { color: #FFFFFF; font-size: 1.3em !important; padding: 1em; width: auto; }
#main-nav ul ul { display: none; left: 250px; position: absolute; top: -1px; width: 250px; }
#motorcyclesArea{margin:0; padding:0;}
#motorcyclesArea #motorcyclesHeader{width:275px; float:left;}
#motorcyclesHeader a{display:block; background:url(../images/icon-arrow.png) center right no-repeat; margin:7px 20px 0; border-bottom:1px solid #dfdfdf; color:#000; padding-bottom:3px;}
#motorcyclesHeader a span{display:block; float:left; width:115px; font-family: 'biryaniregular', Arial, Helvetica, sans-serif; font-size:13px; padding-top:16px; color:#000;}
#motorcyclesArea #tabData{width:695px; float:left; display:block; height:438px;}
#motorcycles-data{display:none;}
#motorcycles-data.selectedMotorcycles{display:block; padding:0px;}
#motorcycles-data .proDetails{float:right; width:245px; padding-right:25px;}
.proDetails{padding:0; margin:0;}
.proDetails .proLogo{ padding:25px 0 47px 40px; }/*height:51px;*/
.mainNav #main-nav ul li ul li .proLink a{display:block; color:#000; padding:12px 20px 12px 30px; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; background:url(../images/bullet1.png) 10px center no-repeat; border-bottom:1px solid #e5e5e5; margin-left:40px; padding-left:30px;}
.mainNav #main-nav ul li ul li .proLink a.bookTest{background:#ee3e00; padding:6px 40px; color:#fff; text-transform:uppercase; margin-left:20px; text-align:center;}


@media only screen and (min-width: 999px) {
.mainNav #main-nav { position: relative; z-index: 100; margin: 0 auto; max-width: 990px }
.mainNav #main-nav .logo { display: none; }
.mainNav #main-nav ul { background: none; position: relative; z-index: 100; list-style:none; left:0; }
.mainNav #main-nav ul li { float: left; }
.mainNav #main-nav > ul > li a { -webkit-transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -o-transition: background-color .25s ease-in-out; transition: background-color .25s ease-in-out }
.mainNav #main-nav ul li a { color: #4f4f4f; font-family: 'biryaniregular', sans-serif; font-weight:300; float: left; font-size: 14px; padding: 14px 10px 12px 10px; text-align: center;  text-decoration: none;  }
.mainNav #main-nav ul li a em{display:none;}
.mainNav #main-nav ul li:hover > a { color: #4c4c4c; }
.mainNav #main-nav ul li a.active, .mainNav #main-nav ul li a:hover { color: #000; background:#fff;}
.mainNav #main-nav ul li a.select{background: url("../images/nav_act_bg.jpg") repeat-x scroll left 49px;}
.mainNav #main-nav ul li a.home { background: url(../images/btn-home.png) no-repeat center 128%; text-indent: -9999em; width: 20px; }
.mainNav #main-nav ul li:hover a.home { background: url(../images/btn-home.png) no-repeat center 128% #fff; }
.mainNav #main-nav ul li a.home.active { background: url(../images/btn-home.png) no-repeat center 14px #00b3ff; }
.mainNav #main-nav ul li.last { background: none; }
.mainNav #main-nav ul li:hover ul { display: block; }
.mainNav #main-nav ul li ul {background: #fff; display: none; left: 0; padding: 0; position: absolute; top: 84px; width: 970px;}
.mainNav #main-nav ul li ul li { background: none; width:100%;}
.mainNav #main-nav ul li ul li h2 { float: left; font-size: 18px; color: #222; margin: 0 0 20px 0; width: 50%; }
.mainNav #main-nav ul li ul li a { font-size: 14px; padding:10px 0 1px 10px; text-align: left; color:#000; text-transform:none; float:none; border-bottom:1px solid #d8d8d8; }
.mainNav #main-nav ul li:hover ul li a {}
.mainNav #main-nav ul li ul li a.imglink { background: none; float: right; padding: 0; }
.mainNav #main-nav ul li ul li ul { border: none; box-shadow: none; display: block; left: 0 !important; position: relative; padding: 0; top: 0; width: 45%; }
.mainNav #main-nav ul li ul li ul li { float: left; width: 49%; }
.mainNav #main-nav ul li:hover ul li ul li { background: none; }
.mobile-only { display: none }
.stick { display: block; position: relative; top: -350px; margin: 0px 0 0!important; overflow: visible; width: 100%; z-index: 200; zoom: 1; }
.mainNav.stick #main-nav .logo { display: block; margin: 0; width: 170px; }
.mainNav.stick #main-nav .logo img { float: left; margin: 4px 0 5px; width: 60%; }
.mainNav.stick #main-nav ul { }
.mainNav.stick #main-nav ul li { }
.mainNav.stick #main-nav ul li a { font-size: 14px; padding: 10px 14px; }
.mainNav.stick #main-nav ul li ul li a { font-size: 16px; padding: 10px 0 9px 15px; }
.active #main-nav ul li a.home { padding: 18px 20px 17px 19px;}

.mainNav #main-nav ul li ul.about{width:200px; left:215px;}
.mainNav #main-nav ul li ul.about li{line-height:26px;}
.mainNav #main-nav ul li ul.about li a{display:block;}
.mainNav #main-nav ul li ul.about li a:hover{background:#f3f3f3; color:#000;}

.mainNav #main-nav ul li ul.care{width:auto; left:747px;}
.mainNav #main-nav ul li ul.care li{line-height:26px;}
.mainNav #main-nav ul li ul.care li a{display:block;}
.mainNav #main-nav ul li ul.care li a:hover{background:#f3f3f3; color:#000;}

.mainNav #main-nav ul li ul.dealer{width:200px; left:485px;}
.mainNav #main-nav ul li ul.dealer li{line-height:26px;}
.mainNav #main-nav ul li ul.dealer li a{display:block;}
.mainNav #main-nav ul li ul.dealer li a:hover{background:#f3f3f3; color:#000;}

.mainNav #main-nav ul li ul.media{width:200px; left:612px;}
.mainNav #main-nav ul li ul.media li{line-height:26px;}
.mainNav #main-nav ul li ul.media li a{display:block;}
.mainNav #main-nav ul li ul.media li a:hover{background:#f3f3f3; color:#000;}
}
@media only screen and (max-width: 998px) {
body { overflow-x: hidden; vertical-align: top }
body.lock { overflow: hidden }
.mainNav {background-color: transparent;}
.mobile-only { display: block }
#page-wrap { width: 100%; -webkit-transition: left .25s ease-in-out; -moz-transition: left .25s ease-in-out; -o-transition: left .25s ease-in-out; transition: left .25s ease-in-out; position: relative; left: 0; -webkit-overflow-scrolling: touch }
#page-wrap.active { left: -250px }
#page-wrap.active #mobile-header { right: 250px }
#page-wrap #main-nav { font-family: 'robotoregular',Tahoma, arial; overflow-x: hidden; -webkit-transition: left .25s ease-in-out; -moz-transition: left .25s ease-in-out; -o-transition: left .25s ease-in-out; transition: left .25s ease-in-out; overflow-y: auto; padding-bottom: 0; top: 0; height: 100%; position: fixed; right: -250px; top: 0; width: 250px; z-index: 1000; }
#page-wrap.active #main-nav { background: #000; right: 0 }
#page-wrap #main-nav>ul { -webkit-transition: margin-left .25s ease-in-out; -moz-transition: margin-left .25s ease-in-out; -o-transition: margin-left .25s ease-in-out; transition: margin-left .25s ease-in-out }
.mainNav { height: 48px; position: absolute; right: 10px; top: 10px; width: 38px; }
#mobile-header { cursor: pointer; -webkit-transition: left .25s ease-in-out; -moz-transition: left .25s ease-in-out; -o-transition: left .25s ease-in-out; transition: left .25s ease-in-out; height: 48px; line-height: 48px; width: auto; }
#mobile-menu-nav { width: 38px; float: left }
#mobile-page-title { float: left; margin-left: 1em; text-align: center; color: #444 }
#mobile-header #mobile-menu-btn { -webkit-transition: background-color .15s ease-in-out; -moz-transition: background-color .15s ease-in-out; -o-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out; display: block; background: #FFF url('../images/menu-toggle.png') no-repeat top left; width: 38px; height: 36px }
#mobile-header #mobile-menu-btn.active { /*background-position: 0 -48px; background-color: #1ba3e3*/ }
#main-nav { overflow-x: hidden }
#main-nav ul { background: #222; position: absolute; width: 100% }
#main-nav ul li { border-bottom: 1px solid #333; float: left; width: 100% }
#main-nav ul li a { display: block; font-size: 1.3em; height: 48px; line-height: 48px; padding: 0 1em; text-overflow: ellipsis; white-space: nowrap; }
#main-nav ul li em{display:block; font-style:normal;}
#main-nav ul li .home { background: url(../images/btn-home.png) no-repeat scroll 0 0; padding: 4px 0 0 30px; text-indent: 0; }
#main-nav ul ul { width: 250px; position: absolute; display: block; left: 250px; top: -1px }
#main-nav .imglink{ display: none; }
#main-nav img { display: none; }
#main-nav ul .columns-5 ul li ul { width: 250px; position: relative; display: block; left: 0; top: 0 }
#main-nav ul .columns-4 ul li ul { width: 250px; position: relative; display: block; left: 0; top: 0 }
#main-nav ul .columns-2 ul li ul { width: 250px; position: relative; display: block; left: 0; top: 0 }
#main-nav li.parent.active ul { display: block; }
#main-nav li.parent>a:after { content: ''; position: absolute; right: 1em; background:url('../images/menu-more-arr.png') no-repeat; width:27px; height:37px;}
#main-nav .menu-content { padding: 1em;}
#main-nav ul li.mobile-child-nav { overflow: hidden;}
#main-nav ul li.mobile-child-nav .mobile-nav-back { cursor: pointer; position: absolute; top: 0; left: 0; padding: 0; float: left; width: 48px; height: 48px; display: block; background: url('../images/menu-toggle.png') no-repeat -32px 6px; }
#main-nav ul li.mobile-child-nav .mobile-nav-back:hover { background: url('../images/menu-toggle.png') no-repeat -32px -32px #fff }
#main-nav ul li.mobile-child-nav .mobile-clicked-link { overflow: hidden; text-overflow: ellipsis; width: 202px; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; margin-left: 48px; text-transform: uppercase; font-size: 18px; font-weight: bold; }
#motorcyclesArea #tabData{display:none;}

#motorcyclesHeader a{background:none; margin:0; border-bottom:1px solid #333;}
#motorcyclesHeader a:hover span{color:#009cff;}
#motorcyclesHeader a span{float:none; text-transform:none; padding-top:0px; color:#fff; font-weight:normal; padding-left:0px;}
}