/*
* 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; }
@media all{
body{
font:0.80em Arial, Helvetica, sans-serif;
margin:0;
background:url(../../images/MotorcycleLand-inner.jpg) top center no-repeat #FFFFFF;
width:100%;
color:#333;
}
a{
color:#466087;
}
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);
}
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:nth-child(2) { display: none;}
.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;
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;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 {padding:10px; font-style:italic; letter-spacing:0.5px;margin-bottom:15px;}
.dateTheme {color:#AC1505;}
.blogContent ul li.noComments {}
.blogContent ul li.noComments a {color:#FF0000;}
.blogContent ul li.comments {}
.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 {}
ul li.noComments {color:#FF0000;}
ul li.comments {}
ul li.comments {color:#017CFD;}
.commentExpandBg{background:#CCE8FF!important; width:638px; padding:0 15px; border:1px solid #9BD2FF;}
.ownComment {background:#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 {
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 {
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; }
.contactActive{ background:url(../../images/other.png) top left no-repeat!important; padding:0px; margin:0px; width:92px; text-align:center; height:55px; color:#FFFFFF;font-weight:bold; font-style:italic; display:block;}
.contactActive:hover{ color:#FFFFFF!important;}
/*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:99;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;}
.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;}*/
.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/innersearchoemTop.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:480px; 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:25px; float:left; border:2px solid #878787; border-radius:5px; -moz-border-radius:5px;}
.selected_green {
border: 2px solid #3bcc02 !important;
}
.nodisplay{
visibility:hidden !important;
}
.searchoemParts select#part_brand_id option:nth-child(3) {
display: none;
}
.hondaDropdown {
background: none repeat scroll 0 0 transparent;
border: medium none;
outline: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;}
.goHomeMar{ margin-top:0px!important;}
.goHome:hover{ color:#da0404;}
*+html .topDropdown{ width:190px; 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 198px;}
*+html .bottomDropdown{ width:190px; height:1px; line-height:1px; background-color:#FFF; position:absolute; z-index:2; display:block; margin:24px 0 0 9px;}
.searchProducts{ width:238px; float:right; margin:19px 0 0 0; display:none;}
*+html .searchProducts{ max-width:210px; float:right; margin-right:35px;display:none;}
.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; float:left;}
.homeLeftMenu h2{ padding:0px; margin:0px 0 0 0; height:51px;}
.buyOnline{ width:244px; height:51px; padding:0px; margin:0px; background:url(../../images/buy.png) top left no-repeat; text-indent:-9999px; display:none;}
.product-menu {list-style-type: none;margin: 0;padding: 6px 0 20px 0px;background:url(../../images/left-rpt.png) 2px top repeat-y;display:none;}
.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; text-decoration:none;}
.product-menu ul li a:hover{color:#000000;}
.product-menu ul li a.active{ color:#000;}
.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-new.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;text-decoration:none;}
.cmsMenu-mobile ul li a:hover{ color:#000000;}
.cmsMenu-mobile ul li a.active{ color:#000;}
.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:700px; height:auto!important; height:700px;}
.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;}
.get-a-quote-mobile{ 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;}
ul.leftCMSSubSubMenu li a.active{ color:#000;}
/*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 #e4e4e4;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:244px; height:auto; background: url(../../images/innerBikeSalebg.png) top left no-repeat; padding:15px 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: -275px;}
.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:block!important; float:left!important;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*/
/*************************************************PRODUCT SECTION START**************************************************/
/*Product start*/
.productSearchContainer{height:20px; width:864px; background:#015697; color:#fff; font: bold 12px Arial, Helvetica, sans-serif; padding:15px 18px;}
.productCategoryContainer{max-width:670px ; padding:0;}
.productCategory {width:200px;float:left;margin-right:3px; margin-right:35px; min-height:200px;}
.shadow { width:200px; height:22px; display:block; float:left; background:url(../../images/product-bg-shadow.png) no-repeat left top;}
.categoryName { float:left;background:#115086; min-height:35px; padding:10px 0;}
.categoryName a { color:#fff; font-weight:bold;}
.tumbHolder { width:200px; height:200px; display:block; border:1px solid #ccc; border-bottom:none;}
.tumbHolder img { }
.productCategory h2 {color:#105EAB; font-weight:bold; padding:0 12px ; text-align:center; }
.productCategory h2 a {color:#105EAB; }
.productCategory h2 a:hover {color:#000; }
.productListingContainer {display:block; padding-bottom:10px!important; float:left; border-bottom:1px solid #DFDFDF; margin-bottom:20px; padding:10px;width:96%;}
.lisingImageholder {float:left; width:200px; margin-right:20px; }
.lisingImageholderinner { height:auto; width:200px; height:200px; text-align:center;border:1px solid #ccc; border-bottom:none; position:relative; }
.lisingImageholder img { }
.listingrightContainer { color:#666;float:left;width:420px; height:auto;}
.listingrightContainer ul { width:100%;}
.listingrightContainer ul li, .listingrightContainer ul li span{ font-weight:bold; line-height:25px; float:left;}
.priceClor {color:#FF0000!important;}
.listingrightContainer ul li span{ color:#666; width:150px; display:block; float:left;}
.listingHead {width:100%;padding:0 0 10px 0 ; float:left; color:#A22929; font-weight:bold;}
.listingHead h3 a, .listingHead h3 {font-weight:bold !important; color:#666;}
.listingHead h3 a:hover {color:#000033;}
.listingBtncontainer {width:100%; margin:0;}
.more {color:#0B5FA0; font-weight:bold; font-size:12px!important; text-decoration:underline;}
.more:hover {color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:1%;}
.clearfix {display:block;}
.listingrightContainer ul li span{ line-height:normal;}
.pricebtn{ font-size:18px; font-weight:bold; padding:5px 0;}
.stockQty{font-size:16px; font-weight:bold; padding:5px 0;}
a.addtoCartbtn { float:left;background: url(../../images/addtocart-inner.png) no-repeat 0 0 ;color: #FFFFFF;cursor: pointer; display: block;font-size: 12px;font-weight: bold;height: 34px;line-height: 31px; margin: 0 4px 0 0;padding-right: 0 !important;text-align: center; width: 98px;}
a.addtoCartbtn:hover {background-position:0 -50px;}
a.viewDetailBtn { float:left;background: url(../../images/view-detail.png) no-repeat 0 0 ;color: #003145;cursor: pointer; display: block;font-size: 12px;font-weight: bold;height: 34px;line-height: 31px; margin: 0 4px 0 0;padding-right: 0 !important;text-align: center; width: 98px;}
a.viewDetailBtn:hover {background: url(../../images/view-detail.png) no-repeat 0 -50px;}
a.addtoCompareBtn { float:left;background: url(../../images/add-compare-btn.png) no-repeat 0 0 ;color: #fff;cursor: pointer; display: block;font-size: 12px;font-weight: bold;height: 34px;line-height: 31px; margin: 0 4px 0 0;padding-right: 0 !important;text-align: center; width: 98px;}
a.addtoCompareBtn:hover {background: url(../../images/add-compare-btn.png) no-repeat 0 -50px;}
.Qty{width:43px!important; padding:3px!important; margin-left:10px; margin-right:8px; margin-top:4px;}
.leftMenuTop{width:245px; height:55px;}
.redTxt{ color:#F00;}
.note{ color:#0B5F9F; float:left; margin-bottom:42px; }
.priceBtnleft{ width:16px; height:32px;float:left;}
.priceBtnmid{ width:455px; height:32px; background:#D5E5F0; float:left; line-height:32px;}
.priceBtnmid .exclude { font-size:17px; font-weight: bold; float:left}
.priceBtnmid .include{ font-size:17px; font-weight: bold; float:right}
.pricetag{ color:#333;}
.priceBtnright{ width:16px; height:32px;float:left;}
.details{ color:#333; font-size:18px; margin:0; padding:5px 0; border-bottom:1px solid #ccc; margin-bottom:5px;}
.productCode{ padding-bottom:12px;}
.signupContainer{ margin:50px;}
.pricebtn { color:#ED2C24; font: normal 18px Arial, Helvetica, sans-serif;}
.rating {float:left; height:20px; margin-left:0; width:100px;}
.grey {background:#CACACA;float: left;height: 19px;position: absolute;width: 100px;z-index: 98;}
.greyList {float: left;height: 20px;width: 20px;}
.green {background-color: #00D90A; height: 19px;position: absolute;z-index: 99;}
.image { height: 19px; position: absolute;width: 100px;z-index: 100;}
.avgRate {width:100%;color:#666;float: left;font-size: 12px;font-weight: bold;padding-bottom: 10px;text-align: center;}
.subheading {color: #003145;font-size: 16px;font-weight: bold; text-transform: uppercase; margin-bottom:10px; text-align:left;}
.lisingrightContainer .productCode {height: 16px;padding-top: 0 !important;}
.lisingrightContainer ul { width: 100%;}
.productCode { color:#444444!important;font-weight: bold;margin-bottom: 5px;padding:2px 0;clear:both; line-height:normal;}
.pdtCOde{ color:#444444; line-height:normal!important; margin-left:0px; float:none!impolirtant; float:none!important;}
*+html .pdtCOde{ color:#444444; line-height:normal!important; margin-left:10px;}
.productCode .chooseAreaLeft {line-height: 21px !important;margin-bottom: 6px;width: auto !important;}
.lisingrightContainer ul li, .lisingrightContainer ul li span {float: left;font-weight: bold; line-height: 25px;}
*+html .productCode .chooseAreaLeft{ margin-top:-1px;}
.productCode .Color {float: left; font-size: 12px;font-weight: bold;margin: 0; width:85px!important;text-align:left;}
.productCode .Size { float: left;font-size: 12px;font-weight: bold; margin: 0;width:85px!important; text-align:left; line-height:normal; color:#a22929;}
.productCode .rate { float: left;font-size: 12px;font-weight: bold; margin: 0;width:85px!important; text-align:left; color:#a22929;}
.chooseAreaLeft { margin-bottom: 6px;}
*+html .productCode .Size{ width:auto;}
.chooseoverFlow {overflow: hidden;width: 110px!important;}
.choosectrDropDown {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;font: 12px Arial,Helvetica,sans-serif;padding: 1px 0;width: 110px;}
.choosectrDropDownClick { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; font: 12px Arial,Helvetica,sans-serif;padding: 1px 0;width: 400px;}
.marginAuto {margin: 0 auto;margin-top:5px;}
.productzoom {background: url(../../images/product-zoom.png) no-repeat left top; text-indent:-9999px;display: block;height: 45px;margin-left: 153px;margin-top: -50px;position: absolute;width: 45px;}
*+html .productzoom {background: url(../../images/product-zoom.png) no-repeat left top; text-indent:-9999px;display: block;height: 45px;margin-left: 153px;margin-top: -50px;position:relative;width: 45px;}
.productzoom:hover{background: url(../../images/product-zoom.png) no-repeat 0 -71px;}
ul#productcarousel{ float:left;}
.productSlider .jcarousel-container {
width:668px; margin-bottom:10px;
}
.productSlider .jcarousel-direction-rtl {
direction: rtl;
}
.productSlider .jcarousel-container-horizontal {
width:722px;float:left;
}
.productSlider .jcarousel-container-vertical {
margin:0 0 0 8px;padding:40px 0 0;
}
.productSlider .jcarousel-clip {
overflow: hidden;
}
.productSlider .jcarousel-clip-horizontal {
width:655px;height:220px;margin-left:13px;
}
.productSlider .jcarousel-clip-vertical {
width: 77px;
height: 245px;
}
.productSlider .jcarousel-item { width:200px;margin:10px 0 19px;}
.productSlider .jcarousel-item img{}
.productSlider .jcarousel-item:hover,
.productSlider .jcarousel-item:focus {
border-color: #808080;
}
.productSlider .jcarousel-item-horizontal {
float:left;
margin-left: 0;
margin-right: 25px;
}
.productSlider .jcarousel-item-vertical {
margin-bottom: 7px;
}
.productSlider .jcarousel-item-placeholder {
}
/**
* Horizontal Buttons
*/
.productSlider .jcarousel-next-horizontal {
position: absolute;
top: 85px;
right: 32px;
width: 25px;
height: 40px;
cursor: pointer;
background: url(../../images/gallery-project-button.png) no-repeat 0 0 ;
}
.productSlider .jcarousel-direction-rtl .jcarousel-next-horizontal {
left: 5px;
right: auto;
}
.productSlider .jcarousel-next-horizontal:hover,
.productSlider .jcarousel-next-horizontal:focus {
}
.productSlider .jcarousel-next-horizontal:active {
}
.productSlider .jcarousel-next-disabled-horizontal,
.productSlider .jcarousel-next-disabled-horizontal:hover,
.productSlider .jcarousel-next-disabled-horizontal:focus,
.productSlider .jcarousel-next-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}
.productSlider .jcarousel-prev-horizontal {
background: url(../../images/gallery-project-button.png) no-repeat 0 -35px ;
position: absolute;
top: 85px;
left: -16px;
width: 25px;
height: 40px;
cursor: pointer;
}
.productSlider .jcarousel-direction-rtl .jcarousel-prev-horizontal {
left: auto;
right: 5px;
}
.productSlider .jcarousel-prev-horizontal:hover,
.productSlider .jcarousel-prev-horizontal:focus {
background-position: 0 -35px;}
.productSlider .jcarousel-prev-horizontal:active {
}
.productSlider .jcarousel-prev-disabled-horizontal,
.productSlider .jcarousel-prev-disabled-horizontal:hover,
.productSlider .jcarousel-prev-disabled-horizontal:focus,
.productSlider .jcarousel-prev-disabled-horizontal:active {
cursor: default;
background-position: -96px 0;
}
/**
* Vertical Buttons
*/
.productSlider .jcarousel-next-vertical {
position: absolute;
bottom: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
}
.productSlider .jcarousel-next-vertical:hover,
.productSlider .jcarousel-next-vertical:focus {
background-position: 0 -32px;
}
.productSlider .jcarousel-next-vertical:active {
background-position: 0 -64px;
}
.productSlider .jcarousel-next-disabled-vertical,
.productSlider .jcarousel-next-disabled-vertical:hover,
.productSlider .jcarousel-next-disabled-vertical:focus,
.productSlider .jcarousel-next-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
.productSlider .jcarousel-prev-vertical {
position: absolute;
top: 5px;
left: 43px;
width: 32px;
height: 32px;
cursor: pointer;
}
.productSlider .jcarousel-prev-vertical:hover,
.productSlider .jcarousel-prev-vertical:focus {
background-position: 0 -32px;
}
.productSlider .jcarousel-prev-vertical:active {
background-position: 0 -64px;
}
.productSlider .jcarousel-prev-disabled-vertical,
.productSlider .jcarousel-prev-disabled-vertical:hover,
.productSlider .jcarousel-prev-disabled-vertical:focus,
.productSlider .jcarousel-prev-disabled-vertical:active {
cursor: default;
background-position: 0 -96px;
}
/* if only 4 images the gallery wont scroll and will apply the following css */
.noScrollHorizontalProduct{width:720px; height:210px;}
.noScrollHorizontalProduct ul{width:690px !important;height:210px !important;padding-top:15px !important;margin-left:12px !important; overflow:hidden;}
.noScrollHorizontalProduct ul li{margin-left: 0; margin-right: 24px;float:left!important;}
.noScrollHorizontalProduct ul li img{opacity:100!important;filter: alpha(opacity=100)!important; }
.jcarousel-item img{opacity:100!important;filter: alpha(opacity=100)!important;}
/*************************************************PRODUCT SECTION END**************************************************/
.productThumbs-mobile{ display:none;}
/* pagination info */
.productsPerPage {width:230px; font-size:12px; float:right; margin-top:-20px;}
.productsPerPage a {text-decoration:none;}
.productsPerPage ul {padding:0px 10px 0 0px; float:right;}
.productsPerPage li {display:inline-block; float:left; color:#000; height:30px; width:auto; text-align:center; margin:0 6px 0 0; line-height:30px;}
.productsPerPage li a {color:#A01616; font-size:12px; display:inline-block; line-height:30px; text-align:center; display:block; font-weight:bold; text-decoration:underline;}
.productsPerPage li a:hover {color:#000;}
/* pagination info */
a.contactStoreBtn {
background: url(../images/contactStoreBtn.png) no-repeat 0 0 ;
color: #FFFFFF;
cursor: pointer;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
height: 34px;
line-height: 31px;
margin: 0 4px 0 0;
padding-right: 0 !important;
text-align: center;
width:104px;
}
a.contactStoreBtn:hover {
background: url(../images/contactStoreBtn.png) no-repeat 0 -35px ;
color: #FFFFFF;
cursor: pointer;
}
.contactStore-btn {
background: url(../images/contactStoreBtn.png) no-repeat 0 0 ;
color: #FFFFFF !important;
cursor: pointer;
display: block;
float: left;
font-size: 12px;
font-weight: bold;
height: 34px;
line-height: 31px !important;
margin: 0 4px 0 0;
padding: 0 !important;
text-align: center;
width:104px;
}
.contactStore-btn:hover {
background: url(../images/contactStoreBtn.png) no-repeat 0 -35px ;
color: #FFFFFF;
cursor: pointer;
}
.BrandImage{ clear:both;display:block; text-align:center; background:#fff; width:200px; margin:0 auto;}
.PopupDiv { background: url(../images/popup-window-bg.png) repeat-x 0 0 #FFFFFF;border: 3px solid #003145;height: 136px;width: 376px;}
#model_message {
padding: 34px 0 0;
width: 100%;
}
.marginLeft {
margin-left: 90px !important;
}
.PopupDiv input.bymore-btn{ background: url(../images/bymore-btn.png) no-repeat 0 2px ; height:36px;border: 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 0 -48px ;}
.PopupDiv input.checkout-btn { background: url(../images/checkout-btn.png) no-repeat 0 2px ;border: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 0 -48px ;}
.prod-next{ background: url(../images/next-prev-btn.png) no-repeat 0 0; display:block; width:28px; height:31px; text-indent:-9999px; }
.prod-prev{ background: url(../images/next-prev-btn.png) no-repeat 0 -39px; display:block; width:28px; height:31px;text-indent:-9999px; }
.compareHolder{ float:left;}
td.reviewHead{ font-weight:bold; color:#393939; font-size:12px; padding-bottom:11px;background: url(images/review-head.png) no-repeat; padding-left:33px;}
.reviewdesc{font-weight:bold; color:#DA0404;padding-bottom:3px;display:inline-block;vertical-align:top;}
.reviewTitle{ font-size:13px; color: #F00;font-weight:bold;}
.commentExpandBg{background:#f9f8f8!important; max-width:638px; padding:0 15px; border:1px solid #e3e3e3; border-top:none; margin-bottom:15px;}
.ownComment {background:url(../../images/grey/make-comments.png) no-repeat 12px 4px #ba161c; display:block; height:40px; padding-left:50px; margin-top:10px;}
.ownComment a {background:url(../../images/grey/bullet-makeComments.png) no-repeat 120px center; line-height:40px; font-size:13px; font-weight:bold; color:#fff; padding-right:20px; display:block}
.newsGroup input{ margin-top:4px; float:left; width:14px;}
*+html .newsGroup input{ margin-top:0px; float:left; width:14px;}
.formMob span{ width:125px;}
.formMob .formRow{margin-left: -8px\0;}
:root .formRow {margin-left: 121px\9;}
.errorImage {
background: url(../images/404.png) no-repeat scroll left top transparent;
float: left;
height: 248px;
width: 240px;
}
.errorContent {
float: left;
font-family: Arial,Helvetica,sans-serif;
margin-left: 30px;
margin-top: 55px;
width: 400px;
}
a.homeButton {
background: url(../images/404-button.png) no-repeat scroll 0 0 transparent;
color: #000000;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: bold;
height: 52px;
line-height: 52px;
margin-top: 36px;
text-align: center;
width: 229px; text-decoration:none;
}
a.homeButton:hover {
background: url(../images/404-button.png) no-repeat scroll 0 -60px transparent;
color: #000000;
cursor: pointer;
}
.errorContent p {
color: #000000;
font-size: 15px;
font-weight: bold;
padding-top: 15px;
}
.formMob .error{ width:227px!important;}
.homeClass{ font-weight:bold; color:#000;}
.orderHistory{ font-weight:bold;color:#000;}
.bike-for-sale{ height:auto;background: url(../images/bg-bike-sale.jpg) repeat-y #ED1C24; display:block;}
.bike-for-sale option{ background:#fff;}
.bike-for-sale ul{ margin:0; padding:0 0 0 19px;}
.bike-for-sale ul li {background: url(../../images/inputBg.png) no-repeat left top;height: 29px; margin:0;padding:0;width: 208px;display:inline; margin-bottom:10px!important; float:left;}
*+html .bike-for-sale{ margin-top:-2px;}
.leftSearchBox{ width:640px; float:left;}
.radioSelectBottom {
color: #FFFFFF;
font: 11px bold Arial,Helvetica,sans-serif;
margin:0px 0 20px 24px;
padding: 0 0 0;
position:relative;
z-index:999;
}
.txtSelect {
color: #FFFFFF;
font: bold 12px bold Arial,Helvetica,sans-serif;
font-style:italic;
margin: 0;
padding: 0 5px;
text-transform: uppercase;
}
*+html .txtSelect input{ margin-top:-5px;}
.radioSelectBottom input {
margin: 0 5px 0 0;
padding: 0;
vertical-align: bottom;
width: auto;
}
.goHome-bike{ width:105px; height:36px; background:url(../../images/go-btn-bike.png) no-repeat left top ; color:#fff; display:block; margin:0 auto; float:none; border:none; cursor:pointer; clear:both; font-size: 14px; text-transform: uppercase; font-style:italic; font-weight:bold; }
.goHome-bike:hover{ color:#DA0404;}
.productCompareCategory .tumbHolder{ border:none!important;}
.yamahaSearchLogo{ max-width:934px!important; height:auto; background:#fff!important; padding:0px!important; margin-left:17px!important; margin-top:9px!important; float:left;}
.yamahaSearchLogo ul{ padding:0px!important; margin:0px auto!important; float:left; width:950px;}
.yamahaSearchLogo ul li{ padding:13px 20px!important; margin:0px!important; border-right:1px solid #E4E4E4; background:none!important; height:65px; width:149px!important;float:left;}
.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; float:left;}
.logo-bg{ background:#E7E7E7; float:left;width:965px; margin-top:10px; padding-bottom:10px;}
.get-a-quote{width:258px; height:210px; display:block; float:right;}
.get-a-quoteAdj{ margin-top:-41px;}
}
@media all and (max-width:1366px){
.errorContent{ width:90%;}
img{max-width:100%;}
.formMob{width:100%;font-size:12px;}
.formMob span{padding-left:0;padding-right:5px;vertical-align:top;text-align:left; line-height:20px; width:115px; float:left;}
.formMob label{padding-left:0;padding-right:5px;vertical-align:top;text-align:left; line-height:20px;float:left; clear:both;}
.formMob .error {font-family:Arial, Verdana, Tahoma; font-size:11px; color:#FF0000; padding:3px 0px 0px 0px !important; line-height:normal; clear:both; display:block; width:150px!important; margin-left:122px;}
.newsGroup input{ margin-top:5px;}
.innerpageheading{ height:auto;}
}
@media all and (max-width: 1024px){
.productSlider{ display:none;}
.productThumbs-mobile{ display:block; margin-bottom:15px;}
.productThumbs-mobile ul{ max-width:600px; margin:0 auto;}
.productThumbs-mobile li{ float:left; margin:10px 20px 0 0;}
.brandLogos ul li{ padding:0px 20px;}
.innerBanner{ width:266px;}
.memberLoginLinks{display:none;} .formMob .formRow{margin-left:120px;}
}
@media all and (max-width: 960px){
.logo-bg{ width:100%;}
.yamahaSearchLogo{background:none!important; padding-bottom:10px!important;}
.yamahaSearchLogo ul li img{ max-width:100%; }
.yamahaSearchLogo ul li{ background:#fff!important; border:1px solid #ccc!important; margin-bottom:2px!important; margin-right:10px!important;}
.yamahaSearchLogo ul{width:100%;}
.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;}
.goHome-bike{ width:105px; height:36px; background:url(../../images/go-btn.png) no-repeat left top ; color:#fff; display:block; margin:0 auto; float:none; border:none; cursor:pointer; clear:both; font-size: 14px; text-transform: uppercase; font-style:italic; font-weight:bold; text-indent:-9999px;}
.goHome-bike:hover{ color:#DA0404;}
.productzoom {background: url(../../images/product-zoom.png) no-repeat left top; text-indent:-9999px;display: block;height: 45px;margin-top:-50px;position:relative;width: 45px; float:right;}
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;}
.productsPerPage{font-size: 11px;}
.productsPerPage li a {font-size: 11px;}
.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; background:#ED1C24;}
.navigationLeft{ float:none; max-width:100%;}
.navigationLeft ul{ display:none;}
.navigationLeft select{ display:block!important; margin:18px 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:-3px;}
.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 ; background:#ED1C24; padding:7px 0; text-align:center; margin-top:10px;}
.get-a-quote{ display:none;}
.searchoemParts{width:100%;padding-top:10px ; float:none; background:#e7e7e7; margin:0; }
.searchoemParts ul{ max-width:600px;margin:0 auto; padding:0 5px;}
.searchoemParts ul li{ display:block; float:left; margin:0px 0 10px 0}
.floatRightMobile{ float:right!important;}
.get-a-quote-mobile{display:block; border-radius: 6px; background:#A00000; padding:7px; text-align:center; margin-top:10px;}
.searchArea-mobile-product-header{ border-radius: 6px 6px 0 0; background:#ED1C24; padding:7px 0; text-align:center; display:block;margin-top:10px; display:none;}
.searchProducts{width:100%;padding-top:10px ; float:none; background:#e7e7e7; margin:0; }
.searchProducts ul{ max-width:600px;margin:0 auto;padding:0 5px;}
.yamahaSearchLogo { 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:100%; padding:15px 0px ;background:url(../images/bg-bike-sale.jpg) repeat-y 0 0 #ED1C24; text-align:center;}
#content{ width:100%;}
.formMob .formRow{margin-left:120px;}
}
@media all and (max-width: 720px){
.listingrightContainer ul li, .listingrightContainer ul li span{ margin-right:0;}
.listingrightContainer ul{ margin:0 auto; float:none;}
.productCategory{ float:none; width:100%; border:1px solid #ccc; clear:both;}
.tumbHolder{ margin:0 auto; border:none;}
.categoryName { width:100%; text-align:center;}
.categoryName table{text-align:center;width:100%;}
.shadow{ background:url(../../images/product-bg-shadow.png) no-repeat center top; width:100%}
.contentRight{ width:48%;}.formMob .formRow{margin-left:0px;}
.errorContent{ margin-left:0px;}
.topBtmSpcr .textbox{ width:100%;}
.formMob .error { margin-left:0px!important; width:220px!important;}
}
@media all and (max-width: 514px){
.rightAdj{ float:right!important;}
.bikeforSale-Mobile{ border-radius:6px 6px 0 0;}
.bike-for-sale{ width:100%;}
.compareHolder {float:none!important;margin:0 auto!important;padding:0;width:200px!important;}
.productCompareCategory{ margin-bottom:10px;}
.floatLeft{ float:none!important;}
.PopupDiv{ width:250px!important; }
.marginLeft{ margin-left:30px!important;}
.listingHead{ text-align:center; font-weight:bold; max-width:200px; float:none; margin:0 auto;}
.subheading{ text-align:center; background:#ccc; padding:5px; border-radius:6px; }
.productThumbs-mobile img{ margin-bottom:10px;}
.productsPerPage{ float:none; margin:-22px auto 0 auto;}
a.addtoCartbtn{ width:90px;}
a.viewDetailBtn{ width:90px;}
a.addtoCompareBtn{ width:90px;}
.contactStore-btn{ width:90px;}
.productThumbs-mobile li{ float:none; margin:0 auto; max-width:200px;}
.productCode .rate { float: left;font-size: 12px;font-weight: bold; margin: 0; padding: 0;}
.rating{ float:none; margin:0px auto 10px auto;}
.productListingContainer{ padding:0;width:100%;}
.listingrightContainer{ text-align:center; margin-bottom:10px; max-width:100%;float:none;}
.listingrightContainer ul{ margin:0 auto; width:280px;}
.width200{width:200px!important;}
.bodyWrapTop{ background:none!important;}
.listingHead h3 a, .listingHead h3{ text-align:center;}
.listingrightContainer ul li, .listingrightContainer ul li span{ margin-right:-2px; float:none;}
.lisingImageholder{ float:none; margin:0 auto; width:100%;}
.lisingImageholderinner{margin:0 auto;}
.welcomeMember-mobile li a{ font-size:11px;}
.welcomeMember-mobile li{ font-size:11px;}
.welcomeMember-mobile span{ font-size:11px;}
.innerSliderBg {background:none; margin:-270px 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%; min-height: inherit;}
.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; 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; }
.formMob .formRow{margin-left:120px;}
.errorContent{ margin-top:0px;}
.innerpageheading{ height:auto; font-size:16px; font-weight:bold;}
.formMob .error { margin-left:122px!important;}
a.homeButton{ margin-bottom:10px!important;}
.formPageWidth{ width:auto!important;}
.bike-for-sale ul{ padding:0 5px;}
.yamahaSearchLogo{ float:none;}
.yamahaSearchLogo { float:none; margin:0 auto!important;max-width:190px!important; padding-top:10px!important; }
.hondaSearchLogo { float:none!important; margin:0 auto!important;max-width:190px!important;padding-top:10px!important; }
.policy{ width:94%; padding:10px;}
}
@media all and (max-width: 440px){
.bike-for-sale ul{ max-width:211px; margin:0 auto;}
.formMob .error { margin-left:122px!important;}
.productCategory{ float:none; width:100%; border:1px solid #ccc; clear:both;}
.tumbHolder{ margin:0 auto; border:none;}
.categoryName { width:100%; text-align:center;}
.categoryName table{text-align:center;width:100%;}
.shadow{ background:url(../../images/product-bg-shadow.png) no-repeat center top; width:100%}
.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;}
.formMob .formRow{margin-left:0px;}
.rightAdj{ float:left!important;}
}
@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; margin-right:0;}
.shoppingCart{ clear:both; 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%;}
.formMob .error{ margin-left:0px!important;}
}
@media all
and (min-device-width: 768px)
and (max-device-width: 1024px){
#header{padding:2px 0 0;}
#content{padding:0;}
}