body{margin:0px; font:normal 12px "Verdana", "Geneva", "sans-serif"; background:none }
.HMB_Desktop{display:none}
#Footer{display:block;}
#mobile_footer{display:none}
.HMB_Mobile{display:none}
.HMB_Body{width:100%;margin:auto}
.HMB_HeaderFrame{width:100%;background:#fff;margin:auto;border-bottom:1px solid #ccc;position:fixed;top:0}
div#HMB_menu{height:60px;width:100%;margin:auto;}
div#HMB_menu .HMB_logo{width:142px;height:30px;margin:auto;margin-top:20px;background:#fff;background:url(../../v2_images/honda_pod.png)}
div#HMB_menu .HMB_MenuBox{display:none;line-height:60px;text-transform:uppercase;float:right;margin-right:30px;}
div#HMB_menu .HMB_mobilemenu{display:block;float:left;margin:8px 0 17px 30px;width:29px;height:25px;background:url(../../v2_images/2016/mobile_menu.png) center center no-repeat;cursor:pointer;border:1px solid #4d4d4d;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px}
div#HMB_menu .HMB_mobilemenuactive{display:none;float:left;margin:8px 0 17px 30px;width:29px;height:25px;background:url(../../v2_images/2016/mobile_menu_active.png) center center no-repeat #4d4d4d;cursor:pointer;border:1px solid #4d4d4d;border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;-webkit-border-radius:3px}
div#HMB_mobilemenu{display:none;position:fixed;top:80px;width:100%}
div#HMB_mobilemenu ul{margin:0;padding:0;top:60px;left:0;right:0;width:100%;}
div#HMB_mobilemenu li{list-style:none;height:60px;width:100%;background: rgba(209,209,209,1);
background: -moz-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1)));
background: -webkit-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
background: -o-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
background: -ms-linear-gradient(top, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom, rgba(209,209,209,1) 0%, rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#fefefe', GradientType=0 );}
div#HMB_mobilemenu a{text-transform:uppercase;color:#8A8A8A;text-decoration:none;line-height:60px;padding-left:30px;transition:color 0.5s linear 0s;-moz-transition:color 0.5s linear 0s;-ms-transition:color 0.5s linear 0s;-o-transition:color 0.5s linear 0s;-webkit-transition:color 0.5s linear 0s;}
div#HMB_mobilemenu a:hover{color:#ED1B2F}
.HMB_modelMenu{height:60px;background:#000;width:100%;padding-top:60px}
.HMB_modelMenuContainer{color:#fff;height:60px;}
.HMB_modelLogo{float:left;background:url(../images/logo.png);width:150px;height:18px;background-size:cover;margin:30px 10px 0 30px}
.HMB_mobilemenuDD{display:block;float:right;width:33px;height:18px;cursor:pointer;background:url(../images/mobilemodeldown.png) center no-repeat;margin:30px 10px 0 0 }
.HMB_ModelMainSlide{display:none}
.HMB_ModelMobileSlide{height:300px;display:block;margin:auto;width:100%;border:none;background:url(../images/main/1m.jpg);background-size:cover;position:relative}
div#HMB_MobileModelMenu{background:#000;position:absolute;top:40px;width:100%;display:none;}
/*div#HMB_MobileModelMenu{background:#fff;position:fixed;top:160px;width:100%;display:block}*/
div#HMB_MobileModelMenu ul{margin:0;padding:0}
div#HMB_MobileModelMenu li{height:40px;background:#fff;padding-left:20px;border-bottom:1px solid #ccc;font-weight:bold;text-transform:uppercase;line-height:40px}
div#HMB_MobileModelMenu li:hover{background:#7D0712;color:#fff;cursor:pointer}
div#HMB_MobileModelMenu .HMB_GalleryInActiveTab{display:none}
div#HMB_MobileModelMenu .HMB_GallerySubMenu{padding-left:40px}
div#HMB_MobileModelMenu .HMB_GalleryActiveTab{display:block;}
div#HMB_MobileInquiry{display:none;width:100%}
div#HMB_MobileInquiry .HMB_InquiryRowOne{height:40px;background:#000;opacity:0.3;color:#fff;line-height:40px;padding-left:5%}
div#HMB_MobileInquiry .HMB_InquiryRowDesFrame{height:120px;background:#000;opacity:0.3;color:#fff;line-height:40px;padding:5%}
div#HMB_MobileInquiry .HMB_InquiryDesTxtField{height:100px;width:90%;padding:5px 10px;text-align:justify;background:#fff;border:1px solid #999}
div#HMB_MobileInquiry .HMB_InquiryRowTwo{height:40px;background:#fff;color:#000;line-height:40px;padding-left:5%}
div#HMB_MobileInquiry .HMB_InquiryHeader{font-weight:bold}
div#HMB_MobileInquiry .HMB_InquiryRowOneTwoCol{height:50px;background:#000;opacity:0.3;color:#fff;line-height:25px;padding-left:5%}
div#HMB_MobileInquiry .HMB_InquiryRowTwoTwoCol{height:50px;background:#fff;opacity:1.3;color:#000;line-height:25px;padding-left:5%}
div#HMB_MobileInquiry .HMB_InquiryRowOneThreeCol{height:75px;background:#000;opacity:0.3;color:#fff;line-height:25px;padding-left:5%}
div#HMB_MobileInquiry .HMB_InquiryHPC_TwoRow{line-height:25px}
div#HMB_MobileInquiry .HMB_MobileInquiryRadio{margin:3px 2px 0 0;border:1px solid #000;width:10px;height:10px;}
div#HMB_MobileInquiry .HMB_InquiryColOne{float:left;width:30%;line-height:40px;height:40px}
div#HMB_MobileInquiry .HMB_InquiryColTwo{float:left;width:65%;line-height:40px;height:40px}
div#HMB_MobileInquiry .HMB_InquiryColOneThird{float:left;width:15%;line-height:40px;height:40px}
div#HMB_MobileInquiry .HMB_InquiryColTwoThird{float:left;width:50%;line-height:40px;height:40px}
div#HMB_MobileInquiry .HMB_InquiryColRegNo{float:left;width:52%;line-height:25px;height:25px;font-size:10px}
div#HMB_MobileInquiry .HMB_MobileInquiryRegNoCont{float:left;width:32%;height:25px}
div#HMB_MobileInquiry .HMB_MobileInquiryRegNo{width:80%;height:20px;margin:2px 0 0 0;padding-left:2px;font-size:10px;border:1px solid #999;float:left}
div#HMB_MobileInquiry .HMB_MobileInquiryInput{height:30px;border:1px solid #000;width:75%;margin:3px 0 0 0;padding-left:5%}
div#HMB_MobileInquiry .HMB_MobileInquiryInputTwo{height:30px;border:1px solid #000;width:68%;margin:3px 0 0 0;padding-left:5%}
div#HMB_MobileInquiry .HMB_MobileInquiryDD{width:75%;height:30px;margin:8px 0 0 0}
div#HMB_MobileInquiry .HMB_InquiryButtonRow{width:50%;height:40px;margin:auto;margin-top:10px;text-align:center;line-height:40px;color:#fff;cursor:pointer}
div#HMB_MobileInquiry .HMB_InquiryButton{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#920916+0,e10f24+100 */
background: #920916; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyMDkxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMTBmMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #920916 0%, #e10f24 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #920916 0%,#e10f24 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #920916 0%,#e10f24 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#920916', endColorstr='#e10f24',GradientType=0 ); /* IE6-8 */
border-radius:5px}
.Mobile_Position_ErrorFrame{position:relative}
.Mobile_ErrorMessageBox{width:70%;margin:auto;background:#ccc;top:200px;left:15%;display:none;height:200px;position:absolute;border-radius:5px;}
.Mobile_ErrorBGA{width:100%;height:780px;background:#000;opacity:0.3;position:absolute;top:0;left:0;display:none}
.Mobile_ErrHead{color:#F00;font-size:15px;font-weight:bold;text-transform:uppercase;margin:10px }
.Mobile_ErrDes{padding-left:10px;height:60px;line-height:25px}
#Mobile_ErrBtn{width:30%;height:30px;line-height:30px;color:#fff;cursor:pointer;background:#900;text-align:center;margin:auto;margin-top:20px;border-radius:5px}
#HMB_MobileRegFrame{display:none}
#HMB_MobileSpecification{display:block}
div#HMB_MobileSpecification{display:none;width:100%}
div#HMB_MobileSpecification .HMB_MobileSpecTitle{height:40px;line-height:40px;font-size:15px;font-weight:bold;padding-left:2%;text-transform:uppercase;background:#999;color:#000}
div#HMB_MobileSpecification .HMB_MobileSpecContTwoRow{height:65px;border-bottom:1px solid #000;}
div#HMB_MobileSpecification .HMB_MobileSpecContThreeRow{height:75px;border-bottom:1px solid #000}
div#HMB_MobileSpecification .HMB_MobileTitle{font-weight:bold;padding:5px 0 5px 2%}
div#HMB_MobileSpecification .HMB_MobileContent{font-weight:normal;padding-left:10px;line-height:25px;height:25px}
div#HMB_MobileSpecification .HMB_MobileSpecFooter{height:50px;margin-top:10px;padding-left:10px}
div#HMB_MobileSpecification .HMB_MobileSpecFooterRow{line-height:25px}
div#HMB_MobileAccessories{display:none;width:100%;height:300px;line-height:150px;font-weight:bold;font-size:15px;text-align:center;text-transform:uppercase}
div#HMB_MobilePricing{display:none;width:100%}
.HMB_PricingRowOne{height:40px;background:#000;opacity:0.6;color:#fff;margin-top:5px;overflow:hidden}
.HMB_PricingRowTwo{height:40px;background:#fff;color:#000;margin-top:5px;overflow:hidden}
.HMB_PricingColOne{line-height:40px;padding-left:5%;float:left;width:40%}
.HMB_PricingColOneONLY{line-height:40px;padding-left:5%;width:100%}
.HMB_PricingColTwo{padding-left:0;float:left;width:55%;line-height:40px;}
.HMB_PricingColOneThird{float:left;width:15%;line-height:40px;}
.HMB_MobilePricingDD{height:30px;margin:3px 0 0 0;width:80%}
.HMB_PricingInputTxtShort{height:30px;margin:5px 0 0 0;width:90%;background:#fff;padding-left:5%}
.HMB_PricingInputTxtLong{height:30px;margin:5px 0 0 0;width:75%;background:#000;padding-left:5%;opacity:0.3;color:#fff}
.HMB_PricingInputTxtLongTwo{height:30px;margin:5px 0 0 0;width:75%;background:#fff;padding-left:5%;opacity:1;color:#000}
.HMB_PricingDDShort{height:30px;width:75%;margin:3px 0 0 0;padding-left:5%}
.HMB_PricingButtonRow{width:50%;height:40px;margin:auto;margin-top:10px;text-align:center;line-height:40px;color:#fff;cursor:pointer}
.HMB_PricingButton{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#920916+0,e10f24+100 */
background: #920916; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkyMDkxNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMTBmMjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #920916 0%, #e10f24 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #920916 0%,#e10f24 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #920916 0%,#e10f24 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#920916', endColorstr='#e10f24',GradientType=0 ); /* IE6-8 */
border-radius:5px}
div#HMB_MobileSafety{display:none;width:100%}
div#HMB_MobileInterior{display:none;width:100%}

div#HMB_MobileExterior{display:none;width:100%}
div#HMB_MobileExterior .HMB_MobileExteriorFront{background:url(../images/ext_1.jpg);height:300px;width:300px;margin:auto;position:relative}
div#HMB_MobileExterior .HMB_MobileExteriorBack{background:url(../images/ext_2.jpg);height:300px;width:300px;margin:auto;position:relative}
div#HMB_MobileExterior .blinkone{width:20px;height:20px;position:absolute;top:120px;left:60px;background:url(../../v2_images/blinkingarrow_2.gif)}
div#HMB_MobileExterior .blinktwo{width:20px;height:20px;position:absolute;top:110px;left:130px;background:url(../../v2_images/blinkingarrow_2.gif)}
div#HMB_MobileExterior .blinkthree{width:20px;height:20px;position:absolute;top:150px;left:110px;background:url(../../v2_images/blinkingarrow_2.gif)}
div#HMB_MobileExterior .blinkfour{width:20px;height:20px;position:absolute;top:180px;left:190px;background:url(../../v2_images/blinkingarrow_2.gif)}
div#HMB_MobileExterior .blinkfive{width:20px;height:20px;position:absolute;top:170px;left:70px;background:url(../../v2_images/blinkingarrow_2.gif)}
div#HMB_MobileExterior .blinksix{width:20px;height:20px;position:absolute;top:55px;left:80px;background:url(../../v2_images/blinkingarrow_2.gif)}
div#HMB_DesktopModelMenu{display:none}
.HMB_DesktopModelSubMenuBar{display:none}
.HMB_DesktopModelPos{display:none}

.HMB_MobileModelSubMenuBar{display:block;height:40px;background:#000;opacity:0.7}
.HMB_MobileModelDDArow{display:block;float:right;cursor:pointer;width:33px;height:18px;background:url(../images/mobilemodeldown.png) no-repeat;margin:10px}
.HMB_MobileModelDDArow_active{display:none;float:right;cursor:pointer;width:33px;height:18px;background:url(../images/mobilemodeldown.png) no-repeat;margin:12px 10px;-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg); }
div#HMB_footer{height:60px;background: rgba(125,7,18,1);
background: -moz-linear-gradient(top, rgba(125,7,18,1) 0%, rgba(238,13,36,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(125,7,18,1)), color-stop(100%, rgba(238,13,36,1)));
background: -webkit-linear-gradient(top, rgba(125,7,18,1) 0%, rgba(238,13,36,1) 100%);
background: -o-linear-gradient(top, rgba(125,7,18,1) 0%, rgba(238,13,36,1) 100%);
background: -ms-linear-gradient(top, rgba(125,7,18,1) 0%, rgba(238,13,36,1) 100%);
background: linear-gradient(to bottom, rgba(125,7,18,1) 0%, rgba(238,13,36,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d0712', endColorstr='#ee0d24', GradientType=0 );margin-top:300px}
div#HMB_footer ul{padding:0;font-size:10px;color:#fff;height:60px;width:80%;margin:auto;line-height:60px}
div#HMB_footer li{list-style:none;float:left}
div#HMB_footer li >a{color:#fff;text-decoration:none;text-transform:capitalize;line-height:30px;margin:0 10px}
div#HMB_footer li >a:hover{text-decoration:underline}

@media screen and (min-width:100px) and (max-width:568px){
div#HMB_footer ul{padding:0;font-size:10px;color:#fff;height:60px;width:80%;margin:auto;line-height:30px}
}

@media screen and (min-width:450px) and (max-width:550px){
.HMB_ModelMobileSlide{height:350px;display:block;margin:auto;width:100%;border:none}
div#HMB_footer{margin-top:350px}
}
@media screen and (min-width:550px) and (max-width:799px){
.HMB_ModelMobileSlide{height:400px;display:block;margin:auto;width:100%;border:none}
div#HMB_footer{margin-top:400px}
}

@media screen and (min-width:100px) and (max-width:446px){
div#HMB_MobileSpecification .HMB_MobileSpecHeader{height:40px;font-size:13px;font-weight:bold;border-bottom:1px solid #000;background:#ccc}
div#HMB_MobileSpecification .HMB_MobileSpecColOne{float:left;height:40px;padding-left:2%;width:48%;line-height:40px}
div#HMB_MobileSpecification .HMB_MobileSpecColTwo{float:left;height:40px;padding-left:2%;width:48%;line-height:40px}
}

@media screen and (min-width:447px) and (max-width:799px){
div#HMB_MobileSpecification .HMB_MobileSpecHeader{height:40px;font-size:13px;font-weight:bold;border-bottom:1px solid #000;line-height:40px;background:#ccc;}
div#HMB_MobileSpecification .HMB_MobileSpecColOne{float:left;height:40px;padding-left:2%;width:48%;line-height:40px}
div#HMB_MobileSpecification .HMB_MobileSpecColTwo{float:left;height:40px;padding-left:2%;width:48%;line-height:40px}
}
@media screen and (min-width:100px) and (max-width:462px){
div#HMB_MobileSpecification .HMB_MobileSpecContTwoThreeRow{height:70px;border-bottom:1px solid #000}
}
@media screen and (min-width:462px) and (max-width:799px){
div#HMB_MobileSpecification .HMB_MobileSpecContTwoThreeRow{height:60px;border-bottom:1px solid #000}
}
