/*
* Responsive HTML5/CSS3 template
* http://webcodebuilder.com/examples/responsive-html5css3-template/index.html
*
* Copyright 2012, WebCodeBuilder
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
header, footer, article, section, nav, aside { display: block; }
.btmOemImg{ max-width:960px!important; width:100%!important; display:block!important;}
@media all{
body{
font:0.80em Arial, Helvetica, sans-serif;
margin:0;
background:url(../../images/honda-bg.jpg) top center no-repeat #FFFFFF;
width:100%;
color:#333;
}
a{
color:#466087;
text-decoration:underline;
}
a:hover { text-decoration:none;}
section, header,footer,nav { display:block;}
{
border:0;
vertical-align:top;
}
form,
fieldset{
border:0;
padding:0;
margin:0;
}
h1{
font:4.285em/1.067em 'PT Sans', Arial, Helvetica, sans-serif; /*60px/64px*/
margin:0 0 0.167em;
text-align:center;
color:#000;
text-shadow:0px 1px 1px rgba(255,255,255,0.5);
}
h2 {
font:1.514em/1.125em Arial, Helvetica, sans-serif; /*24px/27px*/
color:#000;
text-align:center;
margin:0 0 0.417em;
text-shadow:0px 1px 1px rgba(255,255,255,0.5);
}
.nodisplay{
display:none !important;
}
h3 {
font:1.285em/1.167em 'Nunito', Arial, Helvetica, sans-serif; /*18px/21px*/
margin:0 0 0.55em;
text-align:left;
}
.brandLogos{ width:70%; float:right; margin-bottom:27px;}
.brandLogos ul{ padding:22px 0 0; margin:0px;}
.brandLogos ul li{ padding:0px 30px; margin:0px; background:url(../../images/logoSep.jpg) top left no-repeat; float:left; height:84px;}
.brandLogos ul li img{ padding-top:25px;}
.subHeading{
display:block;
font:2.357em/1.151em 'PT Sans', Arial, Helvetica, sans-serif; /*33px/38px*/
margin:0 0 1em;
text-align:center;
color:#7a7a7a;
text-shadow:0px 1px 1px rgba(255,255,255,0.5);
}
ul {
padding:0;
margin:0;
list-style:none;
}
section ul,
article ul{
margin:0 0 0.5em;
}
q {
quotes:none;
display:block;
padding:1.5em 1em 0 40px;
}
q:before { content:"";}
q:after { content:"";}
cite {
display:block;
text-align:right;
}
dl{ margin:0 0 10px;}
dt {font-weight:bold;}
dd { margin:0 0 10px 20px;}
form,
fieldset {
padding:0;
margin:0;
border:0;
}
.center {
position:relative;
max-width:970px;
width:98%;
margin:0 auto;
}
*+html .center {
position:static;
}
.hidden{display:none;}
.box-main:after,
.center:after {
content:"";
clear:both;
display:block;
}
.right { float:right;}
.left { float:left;}
.alignLeft{
float:left;
margin-right:1em;
}
.alignRight{
float:right;
margin-left:1em;
}
.fullWidth{width:100%;}
.fullWidth img{width:100%;}
.row{
width:100%;
padding:1.2em 0;
}
.row:after{
content:"";
display:block;
clear:both;
}
.grey{
background:#7e8794;
color:#fff;
border-bottom:1px solid #f6f6f6;
border-top:1px solid #f6f6f6;
-moz-box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.75),
inset 0 -6px 6px -6px rgba(0,0,0,0.75);
-webkit-box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.75),
inset 0 -6px 6px -6px rgba(0,0,0,0.75);
box-shadow: inset 0 6px 6px -6px rgba(0,0,0,0.75),
inset 0 -6px 6px -6px rgba(0,0,0,0.75);
}
.grey h1{
color:#fff;
text-shadow:0 1px 2px rgba(0,0,0,0.5);
}
.grey h2{
text-shadow:0 1px 2px rgba(0,0,0,0.5);
}
.grey .subHeading{
color:#d9e7fb;
text-shadow:0 1px 1px rgba(0,0,0,0.5);
}
.grey a{color:#fff;}
.btn{
position:relative;
display:inline-block;
padding:0;
font:1em/2.375em Arial, Helvetica, sans-serif;
border:none;
background:#000;
text-decoration:none;
font-weight:normal;
cursor:pointer;
width:auto;
margin:0;
overflow:visible;
}
* +html .btn{margin:0;}
.btn span{
color:#fff;
padding:0 1.25em;
display:block;
}
.btnSmall{
padding:0.278em;
text-decoration:none;
font-size:1.214em;
line-height:2.35em;
background:#798493;
font-weight:bold;
border:1px solid #505a68;
}
.btnSmall span{
color:#fff;
text-decoration:none;
padding:0 1.47em;
display:block;
text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
border:1px solid #566270;
background:#606a78;
background-image: linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -o-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -moz-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -ms-linear-gradient(bottom, rgb(98,119,149) 0%, rgb(160,188,226) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(98,119,149)),
color-stop(1, rgb(160,188,226))
);
-moz-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,255.75),
inset 0 0 0 #fff;
-webkit-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75),
inset 0 0 0 #fff;
box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75),
inset 0 0 0 #fff;
-webkit-border-radius: 1.25em;
-moz-border-radius: 1.25em;
border-radius: 1.25em;
}
.btn:hover {
background:#333;
}
.btnSmall:hover {
background:none;
}
.btnSmall:hover span{
background-image: linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -o-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -moz-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -ms-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(109,131,164)),
color-stop(1, rgb(169,199,241))
);
}
.btn:active{
top:1px;
}
.btn:hover span,
.btn:active span{
color:#fff;
}
.btnGreen span{
border:1px solid #5e9048;
background:#75cf44;
background-image: linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -o-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -moz-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -ms-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(80,153,46)),
color-stop(1, rgb(117,207,68))
);
}
.btnBlue span{
background:#52b3d3;
border:1px solid #67a2b4;
color:#fff;
background-image: linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -o-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -moz-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -ms-linear-gradient(bottom, rgb(66,153,179) 0%, rgb(82,179,211) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(66,153,179)),
color-stop(1, rgb(82,179,211))
);
}
.formRow{
width:100%;
margin:0 0 1.5em;
}
.formRow:after{
content:"";
display:block;
clear:both;
}
.textField{
width:100%;
font-weight:bold;
padding:0;
}
input,
textarea,select{
font:1em/1.214em Arial, Helvetica, sans-serif; /*14px/17px*/
width:100%;
}
.textbox{color:#444;border:1px solid #ccc;padding:0.2em;margin:0;}
.dropbox{color:#444;border:1px solid #ccc;padding:0.2em;margin:0;}
textarea {
overflow:auto;
height:10.812em;
}
* +html input,
* +html textarea,
* +html .textField{
width:99%;
padding:0;
}
::-webkit-input-placeholder {
color: #444;
}
:-moz-placeholder {
color: #444;
}
.columns{width:100% }
.columns:after{
content:"";
display:block;
clear:both;
}
.columns > div,
.columns > article{
float:left;
vertical-align:top;
}
.columns h2{text-align:left;}
.half{
width:48.0%;
margin:1.3%;
}
.oneThird{
width:32%;
margin:1%;
}
.columns > div:first-child,
.columns > article:first-child{margin-left:0;}
.oneThird +.oneThird +.oneThird,
.threeForth + .oneForth,
.oneForth + .half,
.half + .half,
.half + .oneForth + .oneForth,
.last{
float:right;
margin-right:0;
}
.oneForth{width:25%; }
.threeForth{width:73.0%; margin:1%}
.buttons{
width:100%;
overflow:hidden;
text-align:center;
margin:2.5em 0 0
}
.buttons > span{
background:url(../images/sep-vert.gif) no-repeat 50% 50%;
display:inline-block;
font-size:1.714em;
line-height:1.125em;
padding:1em 0.75em;
margin:0 -1px 0 -2px;
background:#;
}
* +html .buttons > span{margin:0 20px;}
.buttons > span em{
font-style:normal;
display:block;
background:#eaeaea;
}
.imgHolder{
display:inline-block;
padding:1px;
background:#fff;
border:6px solid #cecece;
margin-bottom:1em;
max-width:100%;
overflow:hidden;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
* +html .imgHolder{
max-width:93.5%;
border-width:3%;
padding:0;
}
.imgHolder img{display:block;}
.grey .imgHolder{
border-color:#646e7d;
}
/*main styles*/
#pagewidth {width:100%;}
#header{
/*position: fixed;
z-index:100;
left: 0;
top: 0;
height:49px;*/
width:100%;
background:url(../../images/header.png) no-repeat center top;
}
.logoContainer{ width:200px; float:left; margin-left:50px; margin-top:10px;height:117px;}
.logoContainer img{ display:block; }
/* accordion */
.memberLoginLinks{ display:none;}
.memberLogin{ float:right; display:block;}
.forgotSignUp{ padding:10px 0 0; display:block;}
.accordionContent a{ color:#FFF; text-decoration:none; font-size:0.9em;}
.accordionContent a:hover{ color:#CCC;}
.noBorderRight{ border-right:none!important;}
/* welcome member ends here */
.shoppingCart{ float:right; clear:right; width:60%;}
.shoppingCart ul{ float:right; padding:0 10px; margin:10px 0;}
.shoppingCart ul li{ display:inline; text-align:right; float:left; color:#000; padding:0 5px; font-size:0.9em!important;}
.shoppingCart ul li span{ font-weight:bold;}
.shoppingCart ul li a{ color:#ccc; text-decoration:none!important; margin:0 3px;}
.shoppingCart ul li a:hover{ color:#fff;}
.shoppingCart ul li .sep{ color:#CCC;}
#content{padding:0;}
.navigationLeft{text-align:center;}
.navigationLeft li{ background:url(../images/menu-border.png) no-repeat 0 1px ;
display:inline;
margin:0;
}
.navigationLeft a{
color:#333;
position:relative;
display:inline-block;
font-size:0.9em;
background:;
font-weight:bold;
}
.navigationLeft a:hover{ color:#00A3B7;}
.navigationLeft a span{
color:#fff;
text-decoration:none;
padding:0 1.25em;
display:block;
text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
border:1px solid #202329;
background:#606a78;
background-image: linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
background-image: -o-linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
background-image: -moz-linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
background-image: -ms-linear-gradient(bottom, rgb(65,72,82) 0%, rgb(96,106,120) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(65,72,82)),
color-stop(1, rgb(96,106,120))
);
-moz-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,255.75),
inset 0 0 0 #fff;
-webkit-box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75),
inset 0 0 0 #fff;
box-shadow: inset 0 2px 2px -2px rgba(255,255,255,0.75),
inset 0 0 0 #fff;
-webkit-border-radius: 1.25em;
-moz-border-radius: 1.25em;
border-radius: 1.25em;
}
.navigationLeft a:active{
top:1px;
}
.navigationLeft a:hover span ,
.navigationLeft li.active span {
background-image: linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
background-image: -o-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
background-image: -moz-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
background-image: -ms-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(71,83,101)),
color-stop(1, rgb(123,145,177))
)
}
.form{width:95%;}
#footer{background:url(../../images/footerBg.jpg) repeat-x left top #434343;width:100%;color:#fff;font-size:11px!important; padding-bottom:8px;}
#footer a{color:#fff; text-decoration:none; }
#footer a:hover{color:#FE0000 ;}
#footer .copy{float:right;}
#footer h2{ text-transform:uppercase; font-size:1.5em; padding-bottom:6px;}
/*--------------------- BLOG ------------------------*/
.blogListing{width:100%; height:auto; background:url(../images/product-listing-container-bg.jpg) bottom repeat-x; padding-bottom:28px; float:left; margin-bottom:10px; font:0.90em/1.125em Arial,Helvetica,sans-serif}
.blogDate{float:left; width:15%; height:75px;text-align:center; background:url(../images/blog-background.png) no-repeat top left; margin:14px 10px 0 0; background:#666; color:#fff; font-weight:bold; }
.blogDate span{font-size:32px; display:block; clear:both;line-height:30px; margin-bottom:10px; background:#029FC6; color:#fff; padding:5px 0; font-weight: normal;}
.blogDetailsDate{ padding:5px; font-size:0.9em; margin-bottom:10px; background:#ccc; border-radius:6px;}
.blogDetailsDate span{ color: #000000 !important;font-weight: bold;}
.blogDetailsDate-mobile{ padding:5px; font-size:0.9em; margin-bottom:10px; background:#ccc; border-radius:6px;}
.blogDetailsDate-mobile span{ color: #000000 !important;font-weight: bold;}
.blogDetailsDate span{ color: #000000 !important;font-weight: bold;}
.blogContent{float:right; width:82%; height:auto;}
.blogContent h2{padding: 10px 0 !important;width: 100%; display:block; margin-bottom:10px;border-bottom: 1px solid #89c0ff; font:1.3em/1.125em Arial,Helvetica,sans-serif;}
.blogContent h2 a{font-weight:bold !important; color:#0053A5!important; text-decoration:none;}
.blogContent h2 a:hover{color:#000033!important;}
.blogContent p{ margin-bottom:10px;}
h3.blogDetailsTitle{width: 100%; display:block; margin-bottom:10px; font-size:14px; font-weight:bold; color:#0052A5}
.blogContent ul li {float:left; margin-right:15px; line-height:25px; padding-left:27px; height:25px; display:block;}
.blogComments span { font-weight:bold;}
.comment-div { background:url(../images/cmnt-bg.png) repeat-x; padding:10px; font-style:italic; letter-spacing:0.5px;margin-bottom:15px;}
.dateTheme {color:#AC1505;}
.blogContent ul li.noComments {background:url(../images/no-comments.png) no-repeat;}
.blogContent ul li.noComments a {color:#FF0000;}
.blogContent ul li.comments {background:url(../images/icon-comments.png) no-repeat;}
.blogContent ul li.comments a {color:#017CFD;}
.blogContent ul li.comments a:hover, .blogContent ul li.noComments a:hover {text-decoration:underline;}
.viewByCategory{ background:#ccc; height:32px; display:block; padding:3px 0 6px 15px; line-height:22px; border-radius:6px;}
.viewByCategory ul li{ float:left; margin-right:10px; font-weight:bold;}
ul li.noComments, ul li.comments {float:left; margin-right:15px; line-height:25px; padding-left:27px; height:25px; display:block;}
ul li.noComments {background:url(../images/no-comments.png) no-repeat;}
ul li.noComments {color:#FF0000;}
ul li.comments {background:url(../images/icon-comments.png) no-repeat;}
ul li.comments {color:#017CFD;}
.commentExpandBg{background:#CCE8FF!important; width:638px; padding:0 15px; border:1px solid #9BD2FF;}
.ownComment {background:url(../images/make-comments.png) no-repeat 12px 4px #9BD2FF; display:block; height:40px; padding-left:50px;}
.ownComment a {background:url(../images/bullet-makeComments.png) no-repeat 180px center; line-height:40px; font-size:13px; font-weight:bold; color:#0052A5; padding-right:20px; display:block;}
/*h2.blogTitle {color:#0052A5; font-weight:bold!important; font-size:13px; margin-bottom:10px;}
.blogDate {color:#666666; line-height:25px}*/
.blogAuthor{font-weight:bold;font-style:italic; padding:10px 0; font-size:0.9em;}
/*.blogDate span {font-weight:bold; color:#000000!important}*/
.blogComents p{font-weight:normal;}
.blogComents p span{font-style:italic;color:#0F2563;font-weight:bold;}
.more { color:#F00; text-decoration:underline;}
.more:hover{ text-decoration:none}
.midSpacer{ padding:0 5px;}
/*--------------------- BLOG ------------------------*/
/* left menu start*/
.leftMenu{ }
ul.leftCMSMenu{list-style-type:none; margin:0; padding:20px 0; width:95%; }
ul.leftCMSMenu li.cmsMenu{font:bold 12px Arial, Helvetica, sans-serif; padding:10px 0 10px 10px; float:left; border-bottom:1px solid #CCC; display:block;width:96%;}
*+html ul.leftCMSMenu li.cmsMenu{width:202px; }
/**/
ul.leftCMSMenu li.cmsMenu a{text-decoration:none; color:#010101; width:100%; float:left; width:93%;}
ul.leftCMSMenu li.cmsMenu a:hover{ color:#0052A5;}
ul.leftCMSMenu li.cmsMenu .active{font-weight:bold !important; color:#136A37;}
ul.leftCMSMenu li.cmsMenu .active:hover{color:#136A37;}
/* left sub menu */
ul.cmsLeftMenu li.cmsMenu li.cmsSubMenu{ font:bold 12px Arial, Helvetica, sans-serif; padding:0 0 3px 22px; margin:0;list-style-type:none; }
ul.cmsLeftMenu li.cmsMenu li.cmsSubMenu a{ text-decoration:none; color:#029FC6; border-bottom:1px dashed #029FC6; padding:9px 0; display: block; width:100%; float:left;}
ul.cmsLeftMenu li.cmsMenu li.cmsSubMenu a:hover{color:#000; border-bottom:1px dashed #000;}
/* left sub sub menu */
ul.cmsLeftMenu li.cmsMenu ul li.cmsSubMenu ul li.cmsSubSubMenu{font:bold 12px Arial, Helvetica, sans-serif; padding:0px 0px 0px 15px !important;margin:0; list-style-type:none;}
ul.cmsLeftMenu li.cmsMenu ul li.cmsSubMenu ul li.cmsSubSubMenu a{ text-decoration:none; color:#DF4A28; border-bottom:1px dashed #DF4A28; padding:9px 0; display: block; width:100%; float:left;}
ul.cmsLeftMenu li.cmsMenu ul li.cmsSubMenu ul li.cmsSubSubMenu a:hover{color:#136A37; border-bottom:1px dashed #CCC;}
/* left menu end */
/* quickNavigation */
.quickNavigation { text-align:center; margin:0 auto; font-size:11px; padding-bottom:20px; }
.quickNavigation h2{ background:url(../../images/quick.png) no-repeat -213px 0 ; text-indent:-9999px;}
.quickNavigation ul {padding:0; text-align:left;}
.quickNavigation li { text-transform:uppercase;}
.quickNavigation li a {color:#333333; display:inline-block; padding:00; line-height:22px;text-decoration:none;}
.quickNavigation li a:hover {color:#FE0000!important;}
.quickNavigation li a.active {color:#FE0000!important;}
.quickNavigation li a.active:hover {color:#FE0000;}
.quickContact p {font-size:11px; line-height:22px;}
.quickContact h2 { padding-bottom:6px; background:url(../../images/quick.png) no-repeat 0 0;text-indent:-9999px;}
.copyright{ color:#fff; text-align:right; margin-top:30px;}
*+html .copyright{ margin-top:50px;}
.copyright a{ color:#fff;}
.copyright span{ font-size:11px!important;}
/* quickNavigation */
.rightSectionContainer{ float:left; width:63%; margin:1%; border:1px solid #ccc;}
.securityCode{ margin-right:6px;width:40%;}
.profileView span{ width:42%; padding:10px ; float:left; background:#e5e5e5; border-bottom:1px solid #FFF}
.footerColumnLeft{width:185px; padding-right:32px;}
.footerColumnMid{width:50%; background:url(../../images/footerBike.png) no-repeat 160px top;}
.footerColumnRight{ float:right!important; padding-top:40px;}
.footerColumnLeft, .footerColumnMid, .footerColumnRight{ padding-left:0;padding-top:25px; }
.noBorder{ border:none!important;}
.profileView{ width:100%;}
.selectContainer {
margin-top: -2px;
overflow: hidden;
width: 144px !important;
}
.ctrDropDown {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
font: 12px Arial,Helvetica,sans-serif;
padding: 3px;
width: 144px;
}
.ctrDropDownClick {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
font: 12px Arial,Helvetica,sans-serif;
padding: 3px;
width: 300px;
}
*+html .half{ margin-left:0;}
*+html .threeForth{width:72%;}
*+html .viewByCategory{ padding-top:10px!important; height:25px;}
.blogDetailsDate-mobile{ display:none;}
a.viewAll {background: #eeeeee;color: #333333;float: right;font-size: 12px;
font-weight: bold;padding: 10px 20px;text-align: center;width: 50px; margin-top:-30px;}
a.viewAll:hover { background: #000000;color: #FFFFFF;}
/*-----------------tabbed-menu gallery start-----------------*/
.TabbedPanels {
clear: none;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.TabbedPanelsTabGroup {
background: url(../images/gallery-tab-bg-line.png) repeat-x right 35px ;
float: left;
margin: 0;
padding: 0;
width: 100%;
}
.TabbedPanelsTab {
-moz-user-select: none;
color: #000000;
float: left;
font-size: 12px;
font-weight: normal;
height: 56px;
list-style: none outside none;
margin: -2px 0;
padding: 13px 0 0;
position: relative;
text-align: center;
top: 1px;
width: 112px;
}
.TabbedPanelsTabHover {
color: #3D7496;
}
.TabbedPanelsTabSelected {
background: url(../images/gallery-tab-active.png) no-repeat scroll left top transparent !important;
color: #333;
font-weight: bold;
cursor: auto;
}
.TabbedPanelsTab a {
display:block;
color:#fff;
text-decoration: none;
}
.TabbedPanelsTab a:hover {
color:#fff;
display:block;
font-weight:bold;
text-decoration: none;
}
.TabbedPanelsContentGroup {
clear: both;
}
.TabbedPanelsContent {
padding: 10px 0;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
background-color: #EEEEEE;
border-color: #999999 #999999 #CCCCCC #CCCCCC;
border-style: solid;
border-width: 1px;
float: left;
height: 20em;
position: relative;
width: 10em;
}
.VTabbedPanels .TabbedPanelsTab {
border-left: medium none;
border-right: medium none;
border-top: medium none;
float: none;
margin: 0;
}
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEEEEE;
border-bottom: 1px solid #999999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
height: 20em;
padding: 0;
width: 30em;
}
/*-----------------tabbed-menu gallery end-----------------*/
/*-----------------galleryContainer-----------------*/
.galleryContainer{ width:210px; min-height:210px;margin:0 10px 20px 0; border:1px solid #ccc; display:inline-block; background:#F4F4F4;}
.galleryContainer p{color:#333; font-weight:bold; padding:0 12px; text-align:center; font-size:12px;}
.galleryContainer p a{color:#105EAB; }
.galleryThumb{ width:200px; height:147px; display:block; margin:5px;}
.galleryThumb img{ border: none;}
.galleryThumbVideo{display: block;height:147px;padding: 16px 30px;width:200px;}
.galleryHolder{ width:670px; padding:0px; margin:0 0 20px 0; float:left;}
/*-----------------galleryContainer-----------------*/
/*-----------------menu starts-----------------*/
.navigation{ max-width:910px; padding:0px; margin:0 auto; background:url(../../images/nav.png) top left no-repeat; height:55px; display:block;}
.navigationLeft{ padding:0px; margin:0px; float:left; max-width:355px; display:block;}
.navigationLeft select{ display:none;}
.navigationLeft ul{ padding:0px 0 0 4px; margin:0px; display:block;}
.navigationLeft ul li{ padding:0 20px 0 11px; margin:0px; float:left; background:url(../../images/seperator.png) center right no-repeat; line-height:37px;}
.navigationLeft ul li a{ font-size:12px; color:#FFFFFF; font-weight:bold; font-style:italic; text-decoration:none; outline:none; text-transform:uppercase;}
.navigationLeft ul li a:hover{ color:#000000;}
.homeActive{ background:url(../../images/home.png) top left no-repeat!important; padding:0px; margin:0px; width:82px; text-align:center; height:52px; color:#FFFFFF;font-weight:bold; font-style:italic; display:block;}
.homeActive:hover{ color:#FFFFFF!important;}
.activeClass{ background:none!important; padding-right:0px!important;}
.navigationRight{ padding:0px; margin:0px; float:right; width:365px;}
.navigationRight ul{padding:0px; margin:0px; }
/*adjustments after logged in*/
.shoppingCartAdj{padding:0px; margin-right:58px!important; float:right; }
.widthAdj{ width:210px!important;}
/*adjustments after logged in*/
.navigationRight ul li{padding:0px; margin:0px;display: block;float: left; height: 30px;width: 160px; color:#FFFFFF;}
.memberButton { background: url(../../images/memberLog.jpg) top left no-repeat!important; display:block; border: 0 none !important; color: #FFFFFF;cursor: pointer; display: block;float: left; font-weight: bold;text-align: center;width:147px; height:36px;text-indent:-999999px; margin-left:56px;
}
.shoppingButton {
background: url(../../images/shoppingCart.jpg) top left no-repeat!important;
border: 0 none !important;
color: #FFFFFF;text-indent:-999999px;
cursor: pointer;
display: block;
float: left;
font-weight: bold;
text-align: center;
width:215px;
height:36px;
text-indent:-999999px; margin-left:1px;
}
.accordionContent{ margin-left:30px;}
/*menu*/
/* member login starts*/
.form-fields input.textbox {width:150px!important; padding:3px;margin:0 0 7px 6px;}
.form-fields select.textbox {width:144px!important; padding:3px;}
.form-fields{ padding:10px 0 0 0; float:left!important;}
.form-fields li{margin:0!important; padding:0!important; /*float:left!important;*/ float:none !important;display:block !important}
.form-fields .input{ padding:3px; margin:0 3px 0 0; float:left; width:105px; border:#023B1D solid 1px;}
.form-fields li a{ font-size:12px; text-transform:none; font-weight:bold; color:#FFF!important; padding:0 0 0 7px !important; display:inline; text-decoration:none !important;}
.form-fields li a:hover{color:#000 !important;}
.no-padding-bottom{ padding-bottom:0 !important;}
.margin-right{ margin-right:10px !important;}
.forgot-pass{ margin:0 10px 0 10px;}
.clear-float{ clear:both; display:block;}
.no-border{ border:none !important;}
.go{background:#000 ; border:none; height:25px; display:block; margin-left:115px; cursor:pointer; color:#fff; width:45px; font-weight:bold;font-size:11px !important; font-family:Arial, Helvetica, sans-serif;}
.go:hover{background: #000 ; color:#e02128;}
.chkout {float: left !important;margin-left: 8px !important;margin-top: 8px !important;}
.chkout a{color: #fff; font-weight:bold;}
.chkout a:hover{color: #A00000}
.accordion-container {position: absolute;width:175px;z-index: 999;padding:0 0;/*left:50%;*/margin:0 0 0 0px;border:0 !important;}
.loginBottom{width:150px; height:25px; float:left}
.accordionButton{ text-align: center;/* padding:0 16px 25px 6px ;*/ font-weight:bold; cursor:pointer; color:#fff;/*height:36px; */display:block;/*width:175px;*/float:left;border:0 !important;background:url(../images/orange/on-btn.png) no-repeat right 25px;}
.accordionContent {background:#a00000; bottom:24px;float: left;height: 146px;position: relative;width:178px; z-index: 999; margin-left:0px;margin:24px 0 0 25px!important;}
.accordionContentFAQ{background:#000000; bottom:24px;float: left;height: 146px;position: relative;width: 173px; z-index: 999; margin-left:0px;margin:24px 0 0;}
.welcomeMember{font-size:12px; margin:0 0 0 -8px;text-align:center;color:#FFF;padding:0px 0 0;float:left; line-height:21px;}
.welcomeMember span { color:#ffffff; font-size:12px; font-weight:bold; padding-right:28px; padding-left:3px; }
.welcomeMember ul {padding:0px !important;}
.welcomeMember li {display:inline; float:left;color:#E4E4E4; font-weight:bold;padding:0px 2px;margin:8px 0 0; font-size:12px;}
.welcomeMember li:first-child{}
.welcomeMember li a { text-transform: capitalize;color:#E4E4E4; font-size:12px; line-height:20px; padding:0 0px; clear:both;font-weight:bold;}
.welcomeMember li a:hover {color:#000;}
.welcomeMember li a.active {color:#000; }
.welcomeMember li a.active:hover {color:#fff;}
*+html .welcomeMember{ margin-left:35px !important;}
.shoppingArea .accordionContent{ background:#000000!important; width:153px!important; margin-left:33px!important;}
/*Member ends*/
.brandLogos-small{display:none;}
.searchArea{ max-width:969px; padding:0px; margin:0px;}
.searchoempartsTop{ max-width:969px; padding:0px; margin:0px; background:url(../../images/hondaSearch.png) top left no-repeat; height:41px;}
.searchArea{ max-width:969px; padding:0px; margin:0px;}
.innerSearch{ width:100%;max-width:956px; height:170px; padding:0px 0 0 10px; margin:0px; float:left; background:url(../../images/innerSearch.png) top left no-repeat;}
.searchoemParts{ width:460px; float:left; margin:19px 0 0 10px;}
.searchoemParts ul{ padding:0px; margin:0px;}
.searchoemParts ul li{ padding:0px; margin:0px 21px 10px 0; width:208px; height:29px; /*background:url(../../images/inputBg.png) top left no-repeat;*/ float:left;}
.hondaDropdown {
background: none repeat scroll 0 0 transparent;
border: medium none;
margin-left: 9px;
margin-top:5px;
width: 190px; height:19px; font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
*+html .hondaDropdown{ border:solid #ffffff!important; height:20px; }
.goHome{ border: medium none !important;
color: #FFFFFF;
cursor: pointer;
display: block;
float: right; font-style:italic; text-transform:uppercase;
margin-top:39px
!important; background: url(../../images/innerGo.png) top left no-repeat; margin-right:-14px; font-size:14px; font-weight:bold; width:111px; height:36px;}
.goHome:hover{ color:#da0404;}
*+html .topDropdown{ width:132px; height:1px; line-height:1px; background-color:#FFF; position:absolute; z-index:2; display:block; margin:5px 0 0 9px;}
*+html .leftDropdown{ width:1px; height:19px; background-color:#FFF; position:absolute; z-index:2; display:block;margin:6px 0 0 9px;}
*+html .rightDropdown{ width:1px; height:19px; background-color:#FFF; position:absolute; z-index:2; display:block;margin:6px 0 0 141px;}
*+html .bottomDropdown{ width:132px; height:1px; line-height:1px; background-color:#FFF; position:absolute; z-index:2; display:block; margin:24px 0 0 9px;}
*+html .yearinput .topDropdown{ width:92px; height:1px; line-height:1px; background-color:#FFF; position:absolute; z-index:2; display:block; margin:5px 0 0 9px;}
*+html .yearinput .leftDropdown{ width:1px; height:19px; background-color:#FFF; position:absolute; z-index:2; display:block;margin:6px 0 0 9px;}
*+html .yearinput .rightDropdown{ width:1px; height:19px; background-color:#FFF; position:absolute; z-index:2; display:block;margin:6px 0 0 101px;}
*+html .yearinput .bottomDropdown{ width:92px; height:1px; line-height:1px; background-color:#FFF; position:absolute; z-index:2; display:block; margin:23px 0 0 9px;}
.searchProducts{ width:238px; float:right; margin:19px 0 0 0;}
*+html .searchProducts{ max-width:210px; float:right; margin-right:35px;}
.searchProducts ul{ padding:0px; margin:0px;}
.searchProducts ul li{ padding:0px; margin:0px 0px 10px 0; width:208px; height:29px; background:url(../../images/inputBg.png) top left no-repeat;}
.hondaInput {
background: none repeat scroll 0 0 transparent;
border: medium none;
margin-left: 9px;
margin-top:5px;
max-width: 190px; height:19px;font-family:Arial, Helvetica, sans-serif; font-size:12px;
}
*+html .goProduct{ margin-right:-20px;}
.goProduct{ border: medium none !important;
color: #FFFFFF;
cursor: pointer;
display: block; font-style:italic; text-transform:uppercase;
float: right; margin-top:0px!important; background: url(../../images/innerGo.png) top left no-repeat; margin-right:18px; font-size:14px; font-weight:bold; width:111px; height:36px;}
.bikeSale{ max-width:240px; height:52px; margin-top:35px; float:right; margin-right:40px;text-indent:-9999px;
text-transform:capitalize;
font-size:0;
display:block;
line-height:0;}
*+html .bikeSale{ margin:25px 20px 0 0;}
.oemtextClass{text-indent:-9999px;text-transform:capitalize;font-size:0;display:block;line-height:0;}
.goProduct:hover{ color:#da0404;}
.searchArea-mobile{ display:none}
.searchArea-mobile-product{ display:none}
.bikeforSale-Mobile { display:none}
.bodyWrap{ max-width:969px; padding:0px;}
.contentLeft{ padding:0px; margin:0px; float:left; width:244px;}
.homeLeftMenu{ padding:0px; margin:0px;width:244px;}
.homeLeftMenu h2{ padding:0px; margin:10px 0 0 0; height:51px;}
.buyOnline{ width:244px; height:51px; padding:0px; margin:0px; background:url(../../images/buy-home.png) top left no-repeat; text-indent:-9999px;}
.product-menu {list-style-type: none;margin: 0;padding: 6px 0 20px 0px;background:url(../../images/left-rpt.png) 2px top repeat-y;}
.leftMid{ background:url(../../images/leftmid.png) top left no-repeat; width:244px; height:26px; display:block;}
.leftbottom{ background:url(../../images/leftmenu-bottom.png) top left no-repeat; width:244px; height:11px; display:block;}
.product-menu ul{ padding:5px 0 0 18px; margin:0px;}
*+html .product-menu ul {display:inline-block;}
.product-menu ul li{ padding:0px 6px 9px 0; margin:0px 0 9px 0;background:url(../../images/leftsep.png) no-repeat left bottom;}
.product-menu ul li a{ padding:0px; margin:0px; font-size:12px; font-weight:bold; color:#FFFFFF;}
.product-menu ul li a:hover{color:#000000;}
.cmsMenu-mobile{list-style-type: none;margin: 0;padding: 6px 0 20px 0px;background:url(../../images/left-rpt.png) 2px top repeat-y;}
.leftMid{ background:url(../../images/leftmid.png) top left no-repeat; width:244px; height:26px; display:block;}
.leftbottom{ background:url(../../images/leftmenu-bottom.png) top left no-repeat; width:244px; height:11px; display:block;}
.cmsMenu-mobile ul{ padding:5px 0 0 18px; margin:0px;}
.cmsMenu-mobile ul li{ padding:0px 6px 9px 0; margin:0px 0 9px 0;background:url(../../images/leftsep.png) no-repeat left bottom;}
.cmsMenu-mobile ul li a{ padding:0px; margin:0px; font-size:12px; font-weight:bold; color:#FFFFFF;}
.cmsMenu-mobile ul li a:hover{ color:#000000;}
.subscribnewsletter {float: left; width:244px; padding-bottom:244px;}
.navigationRightAdd{ width:218px!important;}
.newsletter-header{ width:244px; background:url(../../images/newsletterHead.png) top left no-repeat; height:28px; text-indent:-9999px;}
.newsletterBg{ background:url(../../images/newsLetterBg.png) top left no-repeat; width:244px; height:105px;}
.textboxwidth { margin-left:37px; margin-top:14px; padding:2px 2px; width:168px; height:19px; font-size:11px; border:medium none; color:#000000;}
.newsSubmit{ background:url(../../images/NewsSubmit.png) top left no-repeat; width:65px; height:34px; border:none; float:right; margin-right:34px; margin-top:11px; cursor:pointer;}
.newsSubmit:hover{ background:url(../../images/NewsSubmit.png) 0 -36px no-repeat; width:65px; height:34px;}
.contentRight{ padding:21px 14px 20px 14px; margin:0px 3px 0 0; float:right; width:670px; background:#ffffff; min-height:500px; height:auto!important; height:500px;}
.productHolder{ max-width:686px; padding:0px; margin:0px;}
.productContainer { width:200px; padding:0px; margin:0px 40px 0 0; float:left;}
.productHeader{ padding:0px 0 22px 0; margin:0px; text-align:center;}
.productHeader h2{ padding:0px; margin:0px; color:#000000; font-size:27px; font-weight:bold; font-family:'cuprumffuregular';}
.productContainerInner{ padding:0px; margin:0px; background:#FFFFFF; width:200px; height:200px;}
.hotHead{ width:200px; height:58px; padding:0px; margin:0px; background:url(../../images/prdctHot.png) top left no-repeat; text-align:right;text-indent:-9999px;
text-transform:capitalize;
font-size:0;
display:block;
line-height:0;}
.featuredHead{ width:200px; height:58px; padding:0px; margin:0px; background:url(../../images/prdctfeature.png) top left no-repeat; text-align:right;text-indent:-9999px;
text-transform:capitalize;
font-size:0;
display:block;
line-height:0;}
.specialHead{ width:200px; height:58px; padding:0px; margin:0px; background:url(../../images/prdctspecial.png) top left no-repeat; text-align:right;text-indent:-9999px;
text-transform:capitalize;
font-size:0;
display:block;
line-height:0;}
.hotHead a{ padding:0px; margin:0px;}
.productView{ width:109px; height:36px; display:block; padding:0px; margin:22px 0px 0 0!important; background:url(../../images/view-all.png) top left no-repeat; float:right;}
.productView:hover{ background:url(../../images/view-all.png) 0 -61px no-repeat;}
.prdctviewAll{ padding:0px; margin:22px 0 0 0; }
.productFooter{ background:url(../../images/prodctBottom.png) top center no-repeat; padding:0px; margin:0px; width:200px; height:150px;}
.productFooter p{ color:#FFFFFF; padding:0px 10px; margin:0px; text-align:center; font-size:12px; font-weight:bold; line-height:13px;}
.priceCol{ padding:0px 10px; margin:0px; font-size:18px; text-align:center;color:#FE0000; }
.priceCol span{ padding:0px 24px 0 0px; margin:0px;font-size:18px;text-decoration:line-through;color:#337FB2; }
.Cart{ width:136px; height:33px; padding:0px; margin:12px 0 0 34px; background:url(../../images/add-to-cart.png) top left no-repeat; display:block;text-indent:-9999px;
text-transform:capitalize;
font-size:0;
line-height:0;}
.Cart:hover{ background:url(../../images/add-to-cart.png) 0 -61px no-repeat;}
.welcomeHolder{ max-width:686px; padding:0px; margin:0px;}
.welcomeArea{ max-width:373px; padding:0px 0 0 27px; margin:0px; float:left;}
.welcomeArea h1{ padding:5px 0 10px 0; margin:0px; font-size:20px; color:#FE0000; font-weight:bold; font-family:'cuprumffuregular'; text-align:left;}
.contentContainer { padding:0px; margin:0px; color:#393939; font-size:12px;}
.contentContainer a{ padding:0px; margin:0px; font-size:12px; font-weight:bold; text-decoration:none;color:#FE0000;}
.blogArea{ width:251px; padding:0px; margin:0px; float:right;}
.blogTop{ width:251px; height:41px; background:url(../../images/blogTop.png) top left no-repeat; padding:0px; margin:0px;text-indent:-9999px;
text-transform:capitalize;
font-size:0;
display:block;
line-height:0;}
.blogView{ width:109px; height:36px; display:block; padding:0px; margin:5px 10px 0 0; background:url(../../images/view-all.png) top left no-repeat; float:right;}
.blogView:hover{ background:url(../../images/view-all.png) 0 -61px no-repeat;}
.blog-listing{ width:251px; padding:0px 0 0 0px; margin:0px; background:#E4E4E4; position:relative;}
.blogDateholder{ width:251px; padding:0px; margin:0px;}
.blogDateholderList{ padding:0px; margin:12px -9px 0 0; background:url(../../images/blogdate.png) top left no-repeat; width:99px; height:44px; float:right; text-align:center;}
.blogDateholderList span{ padding:3px 0 0 10px; margin:0px auto; font-size:12px; font-weight:bold; color:#FFFFFF; width:60px; display:block; line-height:14px;}
.blogIcon{ margin:7px 0 0 30px; padding:0px;}
.listingHead{ padding:0px 0 18px 0; margin:0px; line-height:18px;}
.listingHead a{ padding:0px; margin:0px; font-size:12px; font-weight:bold; color:#525252; text-decoration:none;}
.listingHead a:hover{ color:#000000;}
.blogContent{ width:226px; padding:5px 10px 25px 0; margin:0 auto;}
.blogContent p{ color:#525252; font-size:12px; font-weight:normal;}
.blogContent p a{ padding:0px; margin:0px; font-size:12px; font-weight:bold; text-decoration:none;color:#FE0000;}
.blogContent p a:hover{ color:#000000;}
.footerArea{ background:url(../../images/footerBg.jpg) top left repeat-x #434343; height:100%; width:100%; display:block;}
.footerInner{ padding:0px 0 0 0; margin:0 auto; width:970px;}
.spacer3{ height:3px; display:block; clear:both;}
.bgSlider{ z-index:-1; width:100%; position:absolute; height:1156px;}
#centerdiv{height:1156px; background:url(../../images/main-slider1.jpg) top center no-repeat;}
.leftBike{float:left;}
.productTable{ width:200px;}
.productTableTd{ height:200px; text-align:center;}
.productTableHeht{ height:50px; vertical-align:middle; }
.productFooter p a {color: #FFFFFF;font-size: 12px;font-weight: bold;margin: 0;padding: 0 0px;text-align: center;}
.subscribnewsletter-mobile{ display:none;}
.searchArea-mobile-oem-header{ display:none;}
.searchArea-mobile-product-header{ display:none;}
/*cms menu*/
ul.leftCMSSubMenu li{ background:none!important;margin-bottom:0;}
ul.leftCMSSubMenu{ margin-top:10px;}
ul.leftCMSSubMenu li a{ color:#B0B0B0; margin-bottom:0; background:url(../../images/sub-bg.png) no-repeat 0 3px; padding-left:15px;}
ul.leftCMSSubSubMenu{ margin-top:10px;}
ul.leftCMSSubSubMenu li a{ color:#7BB4D9; margin-bottom:0; background:url(../../images/subsub-bg.png) no-repeat 0 3px; padding-left:15px;}
.leftCMSSubSubMenu li span{ display:none;}
.leftCMSSubMenu li span{ display:none;}
/*cms menu*/
/*product menu*/
ul.leftproductSubMenu li{ background:none!important;margin-bottom:0;}
ul.leftproductSubMenu{ margin-top:10px;}
ul.leftproductSubMenu li a{ color:#B0B0B0; margin-bottom:0; background:url(../../images/sub-bg.png) no-repeat 0 3px; padding-left:15px;}
ul.leftproductSubSubMenu{ margin-top:10px;}
ul.leftproductSubSubMenu li a{ color:#7BB4D9; margin-bottom:0; background:url(../../images/subsub-bg.png) no-repeat 0 3px; padding-left:15px;}
.leftproductSubSubMenu li span{ display:none;}
.leftproductSubMenu li span{ display:none;}
/*product menu*/
/*bread crumb*/
.breadcrumbs {
font-size: 12px;
line-height: 22px;
width: 100%;
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs ul {
padding: 0;
}
.breadcrumbs li {
color: #252525;
display: inline;
padding: 0 5px 0 0;
}
.breadcrumbs li.home {
background: url(../../images/breadcrumb-home.png) no-repeat scroll 0 2px transparent;
float: left;
padding: 0 5px 0 22px !important;
width: 35px !important;
}
.breadcrumbs li.home a {
}
.breadcrumbs li.backgroundnone {
background: none repeat scroll 0 0 transparent;
color: #252525 !important;
float: left;
padding-left: 0;
}
.breadcrumbs li.subpage {
color: #666666;
}
.breadcrumbs li.subpage a {
font-weight: bold;
}
.breadcrumbs li a {
color: #000000;
font-size: 12px;
}
.breadcrumbs li a:hover {
color: #FF6600;
}
.breadcrumbs li a.active {
background-color: #059146;
color: #FFFFFF;
}
.breadcrumbs li a.active:hover {
color: #E5E5E5;
}
.breadcrumbBullet {
margin: 0 2px -2px 0;
}
/*bread crumb*/
.innerpageheading {background: url(../../images/innerheading-bg.png) top left repeat-x;color: #393939;font: normal 18px Arial,Helvetica,sans-serif;height: 30px;margin: 10px 0 20px;padding: 5px 0 0 10px;text-transform: uppercase; max-width: 660px; text-align:left;}
.leftBikeSale{ width:242px; height:52px; background: url(../../images/innerBikeSalebg.png) top left no-repeat; padding:20px 0 0 0; margin:0px 0 0 0; text-indent:-9999px;
text-transform:capitalize;
font-size:0;
display:block;
line-height:0;}
.leftBikeSale a{ background:url(../../images/bikeforsaleinner.png) top right no-repeat; width:240px; height:52px; display:block;}
.leftBikeSale a:hover{ background:url(../../images/bikeforsaleinner.png) right -51px no-repeat; width:240px; height:52px; display:block;}
/*inner Style starts here*/
.innerSliderBg{ width:284px; height:251px; background:url(../../images/innerSliderBg.png) top left no-repeat; margin-bottom:0px;
margin-left:-19px; float:left; position:absolute; margin-top: -276px;}
.innerSliderBg { position /*\**/:inherit\9 }
.jcarousel-skin-tango .jcarousel-clip-horizontal{ margin-left:16px!important; padding-bottom:0px!important;padding-top: 0!important;}
.bodyWrapTop{ max-width:969px; background:url(../../images/bodyWrapTop.png) top left repeat-y; margin-top:21px;}
/*Member start*/
.welcomeMember{font-size:12px; margin:0 0 0 40px !important;text-align:center;color:#FFF;padding:0px 0 0;float:left; line-height:21px;}
.welcomeMember span { color:#ffffff; font-size:12px; font-weight:bold; padding-right:28px; padding-left:3px; }
.welcomeMember ul {padding:0px !important;}
.welcomeMember li {display:inline; float:left;color:#E4E4E4; font-weight:bold;padding:0px 2px;margin:8px 0 0; font-size:12px;}
.welcomeMember li:first-child{}
.welcomeMember li a { text-transform: capitalize;color:#000; font-size:12px; line-height:20px; padding:0 0px; clear:both;font-weight:bold; text-decoration:none;}
.welcomeMember li a:hover {color:#7A0000;}
.welcomeMember li a.active {color:#7A0000; }
.welcomeMember li a.active:hover {color:#7A0000;}
/*Member ends*/
/*honda search*/
.honda-oem{ width:100%!important; margin:16px 0 10px 0 !important;}
.honda-oem ul li{ /*background: url(../../images/oeminputBg.png) no-repeat left top ;*/ height: 29px;margin: 0 6px 10px 0!important;padding: 0;
width:140px; float:left; margin-right:6px; border: 2px solid #878787; border-radius: 5px; background-color: #fff;}
.selected_green{
border: 2px solid #3bcc02 !important;
}
.oemgoBtn{ border: none !important; color: #FFFFFF;cursor: pointer;display: block;float: left; font-style:italic; text-transform:uppercase; background: url(../../images/hondaBtn.png) top left no-repeat; margin:0 0 0 3px!important; font-weight:bold; width:69px; height:36px; font-size:14px;}
.oemgoBtn:hover{ color:#da0404;}
.hondaDropdown {background: none ;border: none; margin-left: 9px;margin-top:5px; width:124px; height:19px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.hondaYearDropdown {background:none !important;border: medium none;margin-left: 9px;margin-top:5px;width:93px; height:19px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.yearinput {/*background: url(../../images/oemyearinputBg.png) no-repeat left top !important;*/float: left;height: 29px;margin: 0 0 10px;
padding: 0;width: 108px !important;}
.hondaSearch {background:#E4E4E4;height: auto;margin:0 0 20px 0; padding: 0;max-width: 969px;}
.hondaSearch ul {float: none;margin: 0;padding: 0 0 0 13px;}
#AssemblyContainerOuter {background: #FFFFFF;margin: 0;padding: 0 15px 0 12px;max-width: 942px;}
.hondaImage {margin: 0 0 0 35px;padding: 0;}
/* Styles for basic forms
-----------------------------------------------------------*/
fieldset
{
padding:0;
margin:21px 38px 0 0;
width:542px;
float:right;
}
legend
{
font-size:1.2em;
font-weight: bold;
}
textarea
{
min-height: 75px;
display:none;
}
.editor-label
{
margin: 1em 0 0 0;
}
.editor-field
{
margin:0.5em 0 0 0;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
color: #ff0000;
}
.field-validation-valid
{
display: none;
}
.input-validation-error
{
border: 1px solid #ff0000;
background-color: #ffeeee;
}
.validation-summary-errors
{
font-weight: bold;
color: #ff0000;
}
.validation-summary-valid
{
display: none;
}
/* New stuff */
#FilterPanel
{
width:958px;
float:left;
padding-top:53px;
background:#7f7f7f;
margin-bottom:10px;
}
*+html #FilterPanel
{
width:958px;
float:left;
padding-top:53px;
background:#7f7f7f;
margin-bottom:0px;
}
#FilterPanel div
{
}
#FilterPanel label
{
}
#YearsContainer
{
height: 400px;
width: 400px;
}
#ModelsContainer
{
height: 400px;
width: 400px;
}
#AssemblyContainer
{
position: relative;
height: auto;
width: 940px;
float:left;
padding:4px;
}
#AssemblySelection
{
}
#ImageContainer
{
float: left;
/* height: 450px; */
/* width: 590px; */
/* overflow: hidden; */
}
/*Default CSS for pan containers*/
.pancontainer{
position:relative; /*keep this intact*/
overflow:hidden; /*keep this intact*/
width:850px;
height:590px;
border:1px solid black;
}
#imageCanvas
{
float: right;
position: relative; /*keep this intact*/
overflow:hidden; /*keep this intact*/
width:390px;
height:565px;
z-index:98;
}
#ImageContainer img
{
cursor: move;
}
#PartsListContainer
{
/*visibility:hidden;*/
float: left;
position:relative;
z-index:2;
width: 542px;
height: auto;
}
#CartContainer
{
/*visibility:hidden;*/
clear:both;
float: left;
margin-left: 20px;
width: 600px;
height: 400px;
overflow:visible;
}
div.partinfopanel
{
display: none;
position: absolute;
z-index:100;
border: 1px solid #333;
background-color: #ffed8a;
padding: 2px 6px;
}
.hondaMrgin{ margin-left:20px;}
.hondaHead{ width:910px; display:none;}
.hondaHeadMrgin{ margin-left:34px;}
.textbox, .textarea, .listmenu{border:1px solid #CCC; font:normal 12px Arial, Helvetica, sans-serif; padding:1px;}
.innerText {
width: 249px !important;`
}
label{ font-weight:bold;}
.clearFloat{ clear:both !important;}
#Diagram{ }
#PartsList{font-size:11px; background:#fff;display:block; width:100%;}
#status{ float: left; padding-top:6px; padding-left:10px;}
#imageWrap{/* max-width:960px;*/ float:left;/*height:244px;*/ margin:19px 0 70px 0; }
#imageWrap{ width:960px\0/;}
input.productContentfooterLeft{ color:#FFFFFF; font-weight:normal; text-decoration:none; font-size:11px; background:url(../../images/hondaCart.png) top left no-repeat; display:block;width:76px; float:left; text-align:center; padding:0px 0 0px 0; border:none; font-family:Arial, Helvetica, sans-serif; cursor:pointer; height:22px;}
input.productContentfooterLeft:hover{ color:#FFFFFF; font-weight:normal; text-decoration:none; font-size:11px; background:url(../../images/hondaCart.png) 0px -22px no-repeat; display:block;width:76px; float:left; text-align:center;padding:0px 0 0px 0; border:none; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}
a.contactstore{background: url(../../images/hondaContactStore.png) no-repeat left top ;border:none;color: #FFFFFF;cursor: pointer;display: block;float: right;font-family: Arial,Helvetica,sans-serif;font-size: 11px;font-weight: normal; height: 22px; padding: 0;text-align: center;text-decoration: none; width:73px; line-height:20px;}
*+html a.contactstore{ margin-left:-8px;}
a.contactstore:hover{background: url(../../images/hondaContactStore.png) no-repeat left bottom;}
a.contactstoreNew{background: url(../../images/hondaContactStore.png) no-repeat left top ;border:none;color: #FFFFFF;cursor: pointer;display: block;float: right;font-family: Arial,Helvetica,sans-serif;font-size: 11px;font-weight: normal; height: 22px; padding: 0;text-align: center;text-decoration: none; width:76px; line-height:20px; display:none;}
.partrow{ background:#dff3fe; line-height:12px; color:#000; background: url(../../images/partrow-bg-grey.png) top left repeat-x;height:auto;}
.odd{background:url(../../images/odd-rep.png) top left repeat-x!important; height:38px;}
td{ text-align:center;}
thead{ padding:0 2px 2px 0px; }
thead th{ padding:6px 10px; text-align:left;background:url(../../images/partlistRep.jpg) top left repeat-x; color:#fff; font-weight:bold; font-size:12px; font-weight:normal;line-height:11px; border-right:1px solid #3F4246;}
.text{ text-align:left;}
#DiagramControls{ padding:0px; margin:0px 0 10px 10px; float: right; display:block; width:100px;}
.hondaZoom{ width:90px; height:27px; background:url(../images/honda-zoom-grey.png) no-repeat 0 0; border:none; margin-right:0px; cursor:pointer;}
.hondaZoom:hover{background:url(../images/honda-zoom-grey.png) no-repeat -90px 0;}
.hondaZoomOut{ width:95px;height:27px; background:url(../images/honda-zoom-grey.png) no-repeat 0px -30px;border:none;cursor:pointer;}
.hondaZoomOut:hover{background:url(../images/honda-zoom-grey.png) no-repeat -90px -30px;}
.PopupDiv {background:url(../images/popup-window-bg.png) repeat-x #fff; width:376px; height:136px; border:3px solid #000;}
#model_message {width:100%; padding:34px 0 0 0;}
.marginLeft {margin-left:75px !important;}
.marginLeftPro {margin-left:94px !important;}
/* input.bymore-btn {display:inline-block; line-height:normal !important; cursor:pointer;text-align:center; font:bold 12px Arial, Helvetica, sans-serif; margin:0; border:0; padding:4px 0 3px; text-decoration:none !important; color:#fff; float:left;background:url(../../images/grey/bymore-btn.png) no-repeat 0 0; width:110px; height:23px;}
input.bymore-btn:hover {background:url(../../images/grey/bymore-btn.png) no-repeat 0 -25px;color:#fff;}
input.checkout-btn { display:inline-block; line-height:normal !important; cursor:pointer;text-align:center; font:bold 12px Arial, Helvetica, sans-serif; margin:0; border:0; padding:4px 0 3px; text-decoration:none !important; color:#fff; float:left;background:url(../../images/grey/checkout-btn.png) no-repeat 0 0; width:110px;height:23px;}
input.checkout-btn:hover {background:url(../../images/grey/checkout-btn.png) no-repeat 0 -25px;color:#fff;} */
.diagramWidth{ width:390px; }
#TypeSelection select{ float:left; margin:8px;}
.greyBg{ background:#2B2B2B !important;}
#PartsList td{ padding:10px 5px;}
#imageWrap img{ margin-right:15px; border:1px solid #B3B7B5; margin-bottom:15px;}
.qtyTextbox{ height: 18px;
width: 30px; border:1px solid #ccc; background:#fff;}
.supersession{ color:#F00!important;}
.refCol{ width:50px;}
.descCol { width:120px;}
.numberCol{ width:100px;}
/*.assemblyCol{ width:80px;}
.orderCol{ width:60px;}
.prCol{ width:50px;}
.actionCol{{ width:80px;}*/
.Note{ display:block; clear:both; color:red;}
.NoteHonda{ display:block; clear:both; color:red;height: 75px;
padding-top: 10px; background:#FFF;}
/* Honda pagination style*/
.jPaginate{
height:24px;
position:relative;
color:#a5a5a5;
font-size:small;
display:block;
width:200px;
margin:25px auto 25px auto; float:none;
}
.jPaginate a{ text-transform:uppercase; font-size:11px;
cursor:pointer;
border:none!important;
float:left;
}
.jPag-last{ background:url(../../images/hondaNext.png) no-repeat left top!important; margin-left:-5px!important; width:65px; height:26px; text-align:center; line-height:24px; text-decoration:none;}
.jPag-last:hover{ background:url(../../images/hondaNext.png) no-repeat left -26px!important;}
.jPag-first{ background:url(../../images/hondaPre.png) no-repeat left top!important; margin-right:-5px; width:64px; height:26px; text-align:center; line-height:24px;text-decoration:none;}
.jPag-first:hover{ background:url(../../images/hondaPre.png) no-repeat left -26px!important;}
.jPaginate a:hover{
color:#fff!important;
}
.jPag-control-back{
position:absolute;
left:0px;
}
.jPag-control-front{
position:absolute; margin-left:-4px;
top:0px;
}
.jPaginate span{
cursor:pointer;
}
ul.jPag-pages{
float:left;
list-style-type:none;
margin:0;
padding:0;
}
ul.jPag-pages li{
display:inline;
float:left;
padding-right:1px;
padding-left:1px;
margin:0px;
}
ul.jPag-pages li a{
text-decoration:none;
background:#333 !important;
border: none !important;
color: #fff!important;
cursor: pointer;
line-height:23px;
font-weight: normal;
float:left !important;
width:20px;heigh:20px; display:block; text-align:center;
}
ul.jPag-pages li a:hover{background:#000 !important;border: none!important; color:#fff!important;}
span.jPag-current{
background:#ED1C26 !important;
border: none !important;
color: #FFFFFF !important;
cursor: default;
font-weight: normal;
}
ul.jPag-pages li span{line-height:23px; cursor:pointer;
font-weight: normal;
float:left !important;width:20px;heigh:20px; display:block; text-align:center;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
height:23px;
float:left;
line-height:18px;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
margin:2px 0px 2px 2px;
font-size:12px;
font-weight:bold;
width:10px;
}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
margin:2px 2px 2px 0px;
font-size:12px;
font-weight:bold;
width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
background:url(../images/pagination-arrow.png) no-repeat 11px 6px;
display:block;
font-size:18px;
width:27px;
text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{background:url(../images/pagination-arrow.png) no-repeat -182px 6px;
font-size:18px;
width:27px;
text-align:right;
}
ul.jPag-pages li span.jPag-previous-img{}
ul.jPag-pages li span.jPag-next-img{}
span.jPag-sprevious-img{}
span.jPag-snext-img{ }
.minizoompan{ border:none!important;}
.rightAreaBtmTxt{ font-size:11px; padding:0 10px;}
span.jPag-sprevious{ text-indent:-9999px;text-transform:capitalize;font-size:0;display:block;line-height:0}
span.jPag-snext{ text-indent:-9999px;text-transform:capitalize;font-size:0;display:block;line-height:0}
.marginRight{margin-right:10px!important;}
#partsListNew{background:url(../../images/partlistRep.jpg) top left repeat-x;
display: block;
float: left;
font-size: 11px;
min-height: 574px;
}
/*honda search*/
.hondaSearchLogo{ max-width:934px!important; height:auto; background:#fff!important; padding:0px!important; margin-left:17px!important; margin-top:9px!important; float:left!important;}
.hondaSearchLogo ul{ padding:0px!important; margin-left:265px!important; float:left; width:670px;}
.hondaSearchLogo ul li{ padding:13px 20px!important; margin:0px!important; border-right:1px solid #E4E4E4; background:none!important; height:auto!important; width:149px!important;}
/*-----------------Honda Search-----------------*/
.table{ width:51%; display:block; float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px;background:#ccc}
.tableHeader{ background:url(../../images/partlistRep.jpg) repeat-x left top #000 ; width:100%; display:block; float:left; font-weight:normal; color:#fff; line-height:12px; font-size:11px;}
.tableRow1{ background:#ccc; width:100%; float:left; font-size:11px; border-bottom:1px solid #fff; }
.tableRow2{ background:url(../../images/partrow-bg-grey.png) repeat-x left top #FADCDF; width:100%; float:left;font-size:11px;border-bottom:1px solid #fff; }
.tableRow1 .col1{ border:none;}
.tableRow1 .col21{ border:none;}
.tableRow1 .col22{ border:none;}
.tableRow1 .col23{ border:none;}
.tableRow1 .col31{ border:none;}
.tableRow1 .col32{ border:none;}
.tableRow2 .col1{ border:none;}
.tableRow2 .col21{ border:none;}
.tableRow2 .col22{ border:none;}
.tableRow2 .col23{ border:none;}
.tableRow2 .col31{ border:none;}
.tableRow2 .col32{ border:none;}
.col1, .col21, .col22, .col23, .col31, .col32{ border-right:1px solid #3F4246;padding:7px 8px; min-height:25px;}
.col1{ width:5%; float:left; word-wrap:break-word; }
.col2{ width:50%; float:left;word-wrap:break-word;}
.col21{ width:31%; float:left;word-wrap:break-word; }
.col22{ width:33%; float:left; word-wrap:break-word;}
.col23{ width:13%; float:left; text-align:center;word-wrap:break-word; }
.col23 span{ display:none;word-wrap:break-word;}
.col4{ width:14%; float:left;padding:7px 8px; min-height:25px;word-wrap:break-word; text-align:center;}
*+html .col4{ margin-left:-22px;}
.col4 {width: 73px\0/;padding-left:0px\0/;margin-left:0px\0/;} /* for IE8, going last */
.col3{ width:24%; float:left;word-wrap:break-word;}
.col31{ width:22%; float:left;word-wrap:break-word;}
.col32{ width:48%; float:left; word-wrap:break-word;}
.col31 span, .col21 span, .col22 span{ display:none;}
.qtyTextbox{ width:20px;}
.hondaAddToCart{background: url(../../images/hondaCart.png) no-repeat left top ;border:none;color: #FFFFFF;cursor: pointer;display: block;float: right;font-family: Arial,Helvetica,sans-serif;font-size:11px;font-weight: normal; height: 22px; padding: 0;text-align: center;text-decoration: none; width:72px; line-height:20px;}
.hondaAddToCart:hover{background: url(../../images/hondaCart.png) no-repeat left bottom ;}
*+html .col3{ width:28%; float:left;word-wrap:break-word; margin-right:22px;}
/*-----------------Honda Search-----------------*/
.diagramWidth {background:#fff;border: 5px solid #B1A1A1;margin-right:0;width:47%; height: auto; float:right;}
.hondaImageMobile{ display:none;}
:root .welcomeMember{ width:250px \0;}
/*IE7 class*/
*+html .col1{width:5%;}
*+html .col2{ width:53%; float:left;word-wrap:break-word;}
*+html .col21{ width:31%; float:left;word-wrap:break-word; }
*+html .col22{ width:36%; float:left; word-wrap:break-word;}
*+html .col23{ width:11%; float:left; text-align:center;word-wrap:break-word; }
*+html .col3{ width:19%; float:left;word-wrap:break-word;}
*+html .col31{ width:24%; float:left;word-wrap:break-word;}
*+html .col32{ width:33%; float:left; word-wrap:break-word;}
*+html .col4{ width:13%; float:left;padding:7px 8px; min-height:25px;word-wrap:break-word;}
a.contactstore{ margin-left:5px;}
.leftBtn{margin-left:90px !important;}
#pseudoVin{padding:0 !important;width:52% !important;margin:0 auto 0 90px!important;}
}
@media all and (max-width:1366px){
img{max-width:100%;}
img{max-width:none\0/!important;}
.brandLogos img{max-width:none;}
}
@media all and (max-width: 1024px){
.brandLogos ul li{ padding:0px 20px;}
.innerBanner{ width:266px;}
.memberLoginLinks{display:none;}
.hondaImage{ margin:0}
a.contactstoreNew{background: url(../../images/hondaContactStore.png) no-repeat left top ;border:none;color: #FFFFFF;cursor: pointer;display: block;float: right;font-family: Arial,Helvetica,sans-serif;font-size: 11px;font-weight: normal; height: 22px; padding: 0;text-align: center;text-decoration: none; width:72px; line-height:20px; display:block;} a.contactstore{ display:none;}.col23 span{ display:none;}
}
@media all and (max-width: 960px){
.hondaSearchLogo{background:none!important; padding-bottom:10px!important;}
.hondaSearchLogo ul li img{ max-width:100%; }
.hondaSearchLogo ul li{ background:#fff!important; border:1px solid #ccc!important; margin-bottom:2px!important; margin-right:10px!important;}
.hondaSearchLogo ul{width:auto; }
.hondaSearchLogo ul{ margin:0 auto!important;}
.hondaYearDropdown{background: none;border: none;font-family: Arial,Helvetica,sans-serif;font-size: 12px;height: 19px;margin-left: 9px; margin-top: 5px;width: 133px;}
.yearinput{ /*background: url(../../images/oeminputBg.png) no-repeat left top!important;*/float: left;
height: 29px;
margin: 0 6px 10px 0 !important;
padding: 0;
width: 148px!important;
}
body{ background:#ffffff;}
.welcomeMember{ display:none;}
.welcomeMember-mobile{font-size:12px; margin:0;text-align:center;color:#FFF;padding:0; width:100%;}
.welcomeMember-mobile span { color:#ffffff; font-size:12px; font-weight:bold; padding:0;}
.welcomeMember-mobile ul {padding:0px !important;}
.welcomeMember-mobile li {display:inline;color:#E4E4E4; font-weight:bold;padding:0px 2px;margin:8px 0 0; font-size:12px;}
.welcomeMember-mobile li:first-child{}
.welcomeMember-mobile li a { text-transform: capitalize;color:#E4E4E4; font-size:12px; line-height:20px; padding:0 0px; clear:both;font-weight:bold;}
.welcomeMember-mobile li a:hover {color:#ccc;}
.welcomeMember-mobile li a.active {color:#ccc; }
.welcomeMember-mobile li a.active:hover {color:#ccc;}
.homeLeftMenu-mobile{ display:none;}
.leftBikeSale{ display:none;}
.searchoempartsTop{ display:none;}
.innerSearch{ background:none; height:auto; padding:0; width:100%; float:none;}
.copyright span{ font-size:11px!important;}
.innerBanner{width: 98%;background:#fff; margin:0 auto;}
.bikeSale{ display:none;}
.searchProducts{ margin:60px 40px 0 0}
.brandLogos ul li{ padding:0px 10px;}
.center{
padding:0 10px;
width:auto;
}
.buttons{font-size:11px;}
#header{
padding:2px 0 0; background:none;
}
#content{padding:0;}
.shoppingCart{ float:right; clear:right; width:50%;}
.memberLogin{ display:none;}
.welcomeArea{ padding-left:0;}
.productContainer{ margin-right:1%;}
.bodyWrap{ width:98%;}
.contentRight{ width:65%;padding:35px 0 0 0; margin:0px; float:right; }
.footerColumnLeft{ width:200px;}
.footerColumnMid{ background:none; width:170px;}
.footerColumnRight{ width:100%;}
.productHolder{}
.copyright{ margin-top:5px; text-align:left; }
.productContainer{ margin-bottom:10px;}
.welcomeHolder{ display:none;}
.homeLeftMenu h2{ width:100%; text-align:center;}
.productContainerInner{width:auto; background:none;}
.productTable{ margin:0 auto;}
.Cart{ margin:10px auto 0 auto; }
.productFooter{ width:auto; height:auto;}
.productFooter p a{ }
.welcomeArea{ width:100%;}
.center{ margin:0 10px;}
.bodyWrap{ width:100%;}
.contentRight{ padding-top:20px;}
.hotHead, .featuredHead, .specialHead{ margin:0 auto;}
.productContainer{ width:100%; background:#e7e7e7;}
.productHeader{background:#e7e7e7;}
.leftBike{ display:none;}
.navigation{padding:0 20px;}
.navigationLeft{ float:none; max-width:100%;}
.navigationLeft ul{ display:none;}
.navigationLeft select{ display:block!important; margin:10px 0; border:1px solid #999; padding:1px; float:left; width:100%;}
.brandLogos-small{display:block; text-align:center;}
.brandLogos{display:none;}
.marginAdj{ margin:0 10px;}
.mobileNoMargin{ margin:0!important;}
.navigationRight{ display:none;}
ul .form-fields {margin-left:0px;}
#header{ background:none}
.logoContainer{ float:none;background:url(../../images/logo-shadow.png) no-repeat center bottom ; height:140px;}
.brandLogos{ width:100%;}
.brandLogos ul li{ background:none;}
.buttons{font-size:9px;}
h1{font-size:3.5em;}
.subHeading{font-size:2em;}
.news h3{font-size:1.3em;}
.formRow{ width:100%}
.logoContainer{ margin:0 auto;}
.logoContainer img{ display:block;}
.memberLoginLinks{display:block;}
.memberLoginLinks{ display:block; float:right;color: #FFF;font-size: 0.9em;font-weight: bold;height: auto;padding:5px;margin:0 18px 0 0;text-align: center;background-color:#A00000;width:180px;}
.memberLoginLinks a{ color:#FFF; text-decoration:none; margin:0 3px;}
.memberLoginLinks span{}
.memberLoginLinks a:hover{ color:#CCC;}
.memberLoginLinks .sep{ color:#CCC;}
/* center align the shopping cart links */
.shoppingCart{ float:none; width:97%; margin:0 auto; text-align:center;}
.shoppingCart ul{ float:none; padding:6px 3px; margin:10px 0 0 0; background:url(../../images/mobile-border-cart.png) repeat-x left top #000;}
.shoppingCart ul li{ display:inline; text-align:right; float:none; color:#fff; padding:0 5px; font-size:11px!important;}
/* center align the logged in links */
.jcarousel-skin-ie7 .jcarousel-clip-horizontal{
height: 134px;
margin-left: 90px;
padding-top: 20px;
width: 335px;
}
.center{ padding:0}
.memberLoginLinks{ clear:both; display:block; float:left; width:98%; margin-right:0; margin-top:-5px;}
.searchAreaLeft{ height:auto; background:none; margin:0 auto; float:none; padding:0; max-width:100%;}
.innerBanner{ display:block;}
.searchArea-mobile{ display:block; width:100%; margin-top:10px;}
.searchArea-mobile-oem-header{ display:block; border-radius: 6px 6px 0 0; background:#ED1C24; padding:7px 0; text-align:center; margin-top:10px;}
.searchoemParts{width:100%;padding-top:10px ; float:none; background:#e7e7e7; margin:0; }
.searchoemParts ul{ max-width:100%;margin:0 auto; }
.searchoemParts ul li{ display:block; float:left; margin:0px 0 10px 0}
.floatRightMobile{ float:right!important;}
.searchArea-mobile-product-header{ border-radius: 6px 6px 0 0; background:#ED1C24; padding:7px 0; text-align:center; display:block;margin-top:10px;}
.searchProducts{width:100%;padding-top:10px ; float:none; background:#e7e7e7; margin:0; }
.searchProducts ul{ max-width:600px;margin:0 auto;padding:0 5px;}
.searchProducts ul li{ display:block; float:left; margin:0 0 10px 0;}
.goHome{ width:105px; height:36px; background:url(../../images/go-btn.png) no-repeat left top ; color:#fff; display:block; font-style:normal; margin:0 auto; float:none; text-indent:-9999px; clear:both;}
.goProduct{ width:105px; height:36px; background:url(../../images/go-btn.png) no-repeat left top ; color:#fff; display:block; font-style:normal; margin:0 auto;float:none;text-indent:-9999px;clear:both;}
.bikeforSale-Mobile{ display:block; width:99%; border-radius:8px; padding:15px 0px ;background:url(../../images/bikeforsale-mobile.png) no-repeat center center #ED1C24; text-align:center; text-indent:-9999px; margin-bottom:10px;}
#content{ width:100%;}
.col42{ text-align:center;}
.col1{word-break:break-all;}
.hondaAddToCart{ width:76px;}
.table{width:100%;}
.diagramWidth {margin-top:10px;width:99%;}
#AssemblyContainerOuter{ padding:0; width:100%}
.leftBtn{margin-left:90px !important;}
#pseudoVin{padding:0 !important;width:52% !important;margin:0 auto 0 90px!important;}
.searchoemParts{ max-width:700px; margin:0 auto!important; float:none;}
}
@media all and (max-width: 720px){
.searchoemParts{ max-width:500px; margin:0 auto;}
.contentRight{ width:48%;}
.col23{width:15%;}
.col1{word-break:break-all;}
}
@media all and (max-width: 514px){
.oemgoBtn{ float:none; margin:0 auto!important;}
.col1, .col21, .col22, .col23, .col31, .col32{ border:none;padding:7px 5px; }
.diagramWidth{width:97%; overflow:hidden;}
.hondaAddToCart{background: url(../../images/add-to-cart-mobile.png) no-repeat left top ;border:none;color: #FFFFFF;cursor: pointer;display: block;float:right;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-weight: normal; height: 30px; padding: 0;text-align: center;text-decoration: none; width:30px; text-indent:-9999px;}
.hondaAddToCart:hover{background: url(../../images/add-to-cart-mobile.png) no-repeat left top ;}
a.contactstoreNew{background: url(../../images/contactstore-mobile.png) no-repeat left top ;border:none;color: #FFFFFF;cursor: pointer;display: block;float:right;font-family: Arial,Helvetica,sans-serif;font-size: 12px;font-weight: normal; height: 31px; padding: 0;text-align: center;text-decoration: none; width:31px; text-indent:-9999px;}
.tableHeader{ font-size:11px;}
.honda-oem ul{ float:none; margin:0 auto; max-width:211px;}
.honda-oem ul li{/*background: url(../../images/inputBg.png) no-repeat left top;*/float: left;height: 29px;margin: 0 21px 10px 0;padding: 0;width: 208px;}
.hondaDropdown {background:none ;border:none;font-family: Arial,Helvetica,sans-serif;font-size: 12px;height: 19px;margin-left: 9px; margin-top: 5px;width: 190px;}
.yearinput{/*background: url(../../images/inputBg.png) no-repeat left top!important;*/float:left;height:29px;margin: 0 21px 10px 0;padding: 0;width:208px!important;}
.hondaYearDropdown{background:none ;border:none;font-family: Arial,Helvetica,sans-serif;font-size: 12px;height: 19px;margin-left: 9px; margin-top: 5px;width: 190px;}
.oemgoBtn{ clear:both;}
.welcomeMember-mobile li a{ font-size:11px;}
.welcomeMember-mobile li{ font-size:11px;}
.welcomeMember-mobile span{ font-size:11px;}
.innerSliderBg {background:none; margin:-276px 0 0 -125px; left:50%; width:auto; }
.bodyWrapTop{ background:none;}
.innerpageheading{ border-radius:6px;}
.leftCMSSubSubMenu li span{ display: block;}
.leftCMSSubMenu li span{ display:block;}
.hotHead, .featuredHead, .specialHead { width:100%; border-radius:6px 6px 0 0;}
.hotHead {background:url(../../images/mobile-product-headers.png) no-repeat 22px 17px #2971A5;}
.featuredHead {background:url(../../images/mobile-product-headers.png) no-repeat 22px -43px #2971A5;}
.specialHead {background:url(../../images/mobile-product-headers.png) no-repeat 22px -110px #2971A5;}
.productFooter{ background:none; height:200px;}
.productContainer{ background:url(../../images/product-footer-bg-mobile.jpg) repeat-x right bottom ; border-radius:60px 6px 0 0;}
.productContainerInner{ width:200px; float:left; border:1px solid #ccc;}
.productFooter{ width:50%; float:right;}
.productFooter p a{ line-height:22px;}
.productFooter p{ margin:22px 0; }
.Cart{ margin-top:30px;}
.copyright span{ font-size:11px!important;}
.center-mobile{ margin:0!important;}
.footerColumnMid{ background:none; margin-top:0; }
.quickNavigation{ padding-bottom:0;}
.copyright{ margin-top:5px; text-align:left;}
#footer{ padding-bottom:0;}
.footerColumnLeft{ padding-bottom:10px;}
.footerColumnLeft, .footerColumnMid, .footerColumnRight{ padding-top:20px;}
.quickContact h2{ width:120px;}
.contentRight{ margin:0; padding:0;}
.leftMid{ display:none;}
.cmsMenu-mobile{ display:none;}
.subscribnewsletter{ display:none;}
.subscribnewsletter-mobile{ display:block; margin-top:10px; background:#e7e7e7; float:left; width:100%; margin-bottom:250px;}
.newsletterBg-mobile{ text-align:center;}
.textboxwidth{ margin-left:0;}
.newsletter-header-mobile{ background:url(../../images/newsletterHead.png) center center no-repeat #e7e7e7; height:28px; text-indent:-9999px;}
.newsSubmit-mobile{ background:url(../../images/NewsSubmit.png) top left no-repeat; width:65px; height:34px; border:none; margin-top:11px; margin-bottom:15px; cursor:pointer;}
.welcomeHolder{ display:none;}
.center{ margin:0 10px;}
.contentLeft{width:100%;margin-right:0;}
.productContainerInner{width:auto; background:none;}
.productTable{ margin:0 auto;}
.homeLeftMenu{ width:100%;}
.product-menu{ background:url(../../images/left-rpt.png) repeat-y left top #115086}
.leftMid{ background:none;}
.contentRight{ margin-top:10px; width:100%;}
.buyOnline{ background:url(../../images/buy-mobile.png) no-repeat center center #E7E7E7;}
.leftbottom{ display:none;}
.navigation{padding:0 20px;}
.brandLogos-small{display:block; margin-bottom:10px;}
.brandLogos{display:none;}
.columns > div,
.columns > article{
float:none;
margin:0;
}
.navigationRight{display:none;}
.brandLogos{width:100%;}
.buttons{font-size:7px;}
.navigationLeft ul{ display:none;}
.leftMenu{ display:none;}
.flex-direction-nav{display:none;}
h1{font-size:3em;}
.subHeading{font-size:1.75em;}
.logo{ width:100%;}
.half{ width:100%;}
.shoppingCart{ clear:both; display:block; width:100%;}
.logoContainer img{ display:block;}
/* center align the shopping cart links */
.shoppingCart{ float:none; width:97%; margin:0 auto; text-align:center;}
.shoppingCart ul{ float:none; padding:0 3px; margin:3px 0;}
.shoppingCart ul li{ display:inline; text-align:right; float:none; color:#fff; padding:0 5px; font-size:11px!important; margin:3px 0; display:inline-block;}
/* center align the logged in links */
.blogContent{ width:100%;}
.blogDate{ width:92px; height:34px;}
.blogDate span {background:#09F;color: #fff;display: block;float: left; font-size: 22px;font-weight: normal;margin-right:10px;line-height:30px;margin-bottom: 10px; padding: 2px;}
.blogDate {text-align:left;color: #fff;display: block;float: left;font-weight: bold;line-height: 35px;}
.footerColumnLeft, .footerColumnMid, .footerColumnRight{ padding-left:10px; border-bottom:1px solid #666; height:auto; border-left:none;}
.footerColumnLeft{border-bottom:1px solid #666!important; padding-left:0; padding-right:0; width:100%; }
.footerColumnRight{padding-top:0; height:auto!important; colour:#ccc; }
.quickContact p, .quickContact h2{ margin-left:10px;}
.footerColumnMid{ margin-top:0;border:none;}
.copyright{ background:#000; padding:5px; }
#footer .center{ padding:0;}
.memberLoginLinks{}
.blogDetailsDate-mobile{ display:block;}
.blogDetailsDate{ display:none;}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal{ height: 134px;
margin-left:80px!important;
padding-top: 20px;
width: 160px!important;}
.galleryContainer{ width:98%; border-radius:6px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal{ margin-left:0px!important; }
.col42{ text-align:right;}
.PopupDiv{ width:250px!important; }
.marginLeft{ margin-left:30px!important;}
.leftBtn{ margin-left: 25px!important;}
#pseudoVin{margin-left: 57px !important;}
.hondaSearchLogo{ float:none!important;}
.policy{ width:94%; padding:10px;}
}
@media all and (max-width: 440px){
.hondaImage{ display:none;}
.hondaImageMobile{ display:block; margin-bottom:10px; background:url(../../images/hondaaoem-mobile.png) no-repeat left top; height:50px}
.tableRow1 .col21{ color:#000; border-bottom:1px dotted #000;}
.tableRow1 .col22{ color:#000; border-bottom:1px dotted #000;}
.tableRow1 .col23{ color:#000;text-align:left;}
.tableRow2 .col21{ color:#000; border-bottom:1px dotted #000;}
.tableRow2 .col22{ color:#000; border-bottom:1px dotted #000;}
.tableRow2 .col23{ color:#000; text-align:left;}
.tableRow1 .col21 span{ display:block;float:left;margin-right:2px; color:#FF9933;text-shadow:1px 1px #444}
.tableRow1 .col22 span{ display:block;float:left;margin-right:2px; color:#33FFFF;text-shadow:1px 1px #444}
.tableRow1 .col23 span{ display:block;float:left;margin-right:2px; color:#FFFF00;text-shadow:1px 1px #444}
.tableRow2 .col21 span{ display:block;float:left;margin-right:2px; color:#FF9933;text-shadow:1px 1px #444}
.tableRow2 .col22 span{ display:block;float:left;margin-right:2px; color:#33FFFF;text-shadow:1px 1px #444}
.tableRow2 .col23 span{ display:block;float:left;margin-right:2px; color:#FFFF00;text-shadow:1px 1px #444}
.tableHeader{ border-radius:6px 6px 0 0;}
.col2{ width:42%;}
.col21{ color:#FF9933;}
.col22{ color: #33FFFF;}
.col23{color: #ff0}
.col21, .col22, .col23{ float:none; width:82%; padding:0 5px; border-radius:0px; margin-bottom:1px; line-height:22px; }
.col3{ width:22%; padding-top:5px;}
.col31, .col32{ float:none; width:100%;padding:0;}
.col32{ font-weight:bold;}
.col1{word-break:break-all; width:15%; padding-top:5px;}
.col4{ padding-top:5px;}
.col42{ text-align:right;}
.qtyTextbox{ width:40px; height:30px; margin-bottom:10px;}
.productContainer{ background:#e7e7e7; height:371px; margin-bottom:20px;}
.productContainerInner{ margin:0 auto; width:100%; border:none;}
.productFooter p a{ color:#fff;}
.productFooter{width:100%; background:url(../../images/prodctBottom.png) no-repeat center top ;}
.productFooter p a{ line-height:13px;}
.productFooter p{ margin:0; }
.Cart{ margin-top:12px;}
.searchoemParts ul{ max-width:211px; padding:0;}
.searchoemParts ul li{ float:none!important;}
.searchProducts ul{ max-width:211px; padding:0;}
.searchProducts ul li{ float:none!important;}
.goHome{ margin-top:10px!important;}
.col4{width: 11%;}
}
@media all and (max-width: 320px){
.copyright span{ font-size:11px!important;}
.brandLogos{width:100%;}
.buttons > span{display:none;}
.memberLoginLinks a{ width:100%;}
.center{ }
.buttons .btn{margin-top:0.5em;}
.buttons{margin-top:2em;}
h1{font-size:2.5em;}
.subHeading{font-size:1.5em;}
.news h3{font-size:1.25em;}
.half{ width:100%;}
.logo{max-width:100%;}
.navigationLeft ul{ display:none;}
.memberLoginLinks{ clear:both; display:block; float:none; width:auto; margin-right:0;}
.shoppingCart{ clear:both; display:block; width:100%;}
.logoContainer img{ display:block;}
.blogContent{ width:100%;}
.blogDate{ width:92px; height:34px;}
.blogDate span {background:#09F;color: #fff;display: block;float: left; font-size: 22px;font-weight: normal;margin-right:10px;line-height:30px;margin-bottom: 10px; padding: 2px;}
.blogDate {text-align:left;color: #fff;display: block;float: left;font-weight: bold;line-height: 35px;}
.footerColumnLeft, .footerColumnMid, .footerColumnRight{ border-bottom:1px solid #666; height:auto; border-left:none;}
.footerColumnLeft{border-bottom:1px solid #666!important; }
.footerColumnRight{padding-top:0; height:auto!important; colour:#ccc; }
.copyright{ background:#000; padding:5px;}
.footerColumnMid{ border:none;}
#footer .center{ padding:0;}
.memberLoginLinks{ float:left; }
.blogDetailsDate-mobile{ display:block;}
.blogDetailsDate{ display:none;}
.jcarousel-skin-ie7 .jcarousel-clip-horizontal{ height: 134px;
margin-left:80px!important;
padding-top: 20px;
width: 160px!important;}
.galleryContainer{ width:98%; border-radius:6px;}
.width514{ display:block!important; width:100%;}
}
@media all
and (min-device-width: 768px)
and (max-device-width: 1024px){
#header{padding:2px 0 0;}
#content{padding:0;}
}
/* Popup div */
.PopupDiv input.bymore-btn {
background: url("../images/bymore-btn.png") no-repeat scroll 0 2px transparent;
border: medium none;
color: #FFFFFF;
cursor: pointer;
display: block;
float: left;
font: bold 12px Arial,Helvetica,sans-serif;
height: 36px;
margin: 0 4px 0 0;
padding-right: 0 !important;
text-align: center;
width: 98px;
}
.PopupDiv input.bymore-btn:hover {
background: url("../images/bymore-btn.png") no-repeat scroll 0 -48px transparent;
}
.PopupDiv input.checkout-btn {
background: url("../images/checkout-btn.png") no-repeat scroll 0 2px transparent;
border: medium none;
color: #FFFFFF;
cursor: pointer;
display: block;
float: left;
font: bold 12px Arial,Helvetica,sans-serif;
height: 36px;
margin: 0 4px 0 0;
padding-right: 0 !important;
text-align: center;
width: 98px;
}
.PopupDiv input.checkout-btn:hover {
background: url("../images/checkout-btn.png") no-repeat scroll 0 -48px transparent;
}
#pseudoVin{padding:0 !important;width:52% !important;margin:0 auto 0 0px;}
.breaker{width:100% !important;clear:both !important;display:block !important;}
/*.leftBtn{margin-left:90px !important;}*/
#model_message_disclaimer_outer span{text-align:center;font-size:14px;font-family:Arial, Helvetica, sans-serif;color:#FF0000;font-weight:bold;display:block;padding-top:8px;}