@charset "UTF-8";
/* CSS Document */

body{background:#333; margin:0px; font-family:Arial, Helvetica, sans-serif;}
.LTR, .RTL{background-color: #333;}
:focus{outline:none;}

.image_list img{margin:0 25px 25px 0;}

/* Header Styles */
#header{width:100%; height:202px; background:url(/App_Themes/jvm/images/header_repeat.jpg) repeat-x;}
#header_container{width:1001px; height:202px; float:left;}
#johnny_logo{width:405px; height:156px; float:left;}
#manufac_logo{width:506px; height:87px; float:left; background:url(/App_Themes/jvm/images/manufacturer_logo.jpg) no-repeat; padding:33px 0 0 90px;}
#nav{width:596px; height:36px; float:left;}
#banner{width:1001px; height:46px; background:url(/App_Themes/jvm/images/banner.jpg) no-repeat;}

/* Blog Styles */
.zoneRight{width:166; float:left;}
.zoneLeft(width:400; float:left;)
.BlogTitle{font-size:14px; color:#8b8b8b; margin:0 auto 20px auto;padding:25px 15px 15px 15px; float:left;}
.BlogPBody{font-size:12px; color:#333; line-height:16px; margin:0 0 1em 0; padding:10px 0 10px 0; float:left;}
.BlogPDateWhole{font-size:12px; color:#333; line-height:16px; margin:0 0 1em 0;padding:10px 10px 10px 10x; float:left;}
.blackBox {font-size:12px; color:#333; line-height:16px; margin:0 0 1em 0;padding:10px 10px 10px 10px; float:left;}


/* Content Styles */
#content{width:100%; overflow:hidden; background:#fff;}
.content_holder{width:1001px; overflow:hidden;}
#left{width:349px; overflow:hidden; margin:0 0 0 26px; float:left; padding:25px 0 0 0;}
/*IE6*/* html #left{width:309px; overflow:hidden; margin:0 0 0 36px; float:left; padding:25px 0 0 0;}
.callout{float: left; width:349px; overflow:hidden; margin:0 0 35px 0;}
.callout p {width:210px;}
/*IE6*/* html .callout p {width:170px;}
#right{width:566px; overflow:hidden; float:left; padding:25px 15px 15px 15px;}


/* Footer Styles */
#footer{width:100%; height:70px; margin:0 0 20px 0; background:url(/App_Themes/jvm/images/footer_repeat.jpg) repeat-x;}
#footer_info{width:915px; height:50px; float:left; margin:0 0 0 86px; padding:20px 0 0 0;}
#footer_info p{display:block; margin:0 0 0 15px; float:right; color:#666666; text-align:right;}


/* Sitewide Styles */
p{font-size:12px; color:#333; line-height:17px; margin:0 0 1em 0;}
h1{font-size:20px; color:#00583a; margin:0 auto 20px auto; font-weight:bold;}
h2{font-size:14px; color:#009963; margin:0 auto 20px auto; font-weight:bold;}
h3{font-size:20px; color:#333; margin:20px auto 0 auto;}
h4{font-size:14px; color:#333; margin:0 auto 15px auto;}
a{color:#00ab6f; text-decoration:none;}
a:hover{text-decoration:underline;}
hr{border:1px solid #ccc; clear:both;}
.link{background:url(/App_Themes/jvm/images/link_arrow.jpg) no-repeat; padding:0 10px 2px 18px;}
.clear{clear:both; visibility:hidden;}


/* Inner Page Styles */
.photo_holder{width:195px; overflow:hidden; float:left; margin:20px auto;}
.photo_holder img{margin:0 0 10px 0; border:1px solid #ccc;}
.bike_info{width:351px; overflow:hidden; float:left; margin:20px auto; padding:0 0 0 20px;}

/* Main Navigation Styles */
.Horizontal {float:left; width:100%; font-size:13px;}
/*Primary*/
.Horizontal UL {margin:0 0 0 0; padding:0 0 0 0; list-style-type:none; width:100%;}
.Horizontal LI {display:inline; float:left; padding:0 0 0 0; text-align:center;  background:url(/App_Themes/jvm/images/nav_slash.jpg) no-repeat right;}
.Horizontal A {display:block; text-decoration:none; color:#333; width:85px; height:25px; padding:7px 0 0 0; margin:4px 6px 0 6px;}
.Horizontal A:hover {background:#00ab6f; color:#FFF;}
/*Secondary*/
.Horizontal UL UL {z-index:500; position:absolute; background:#8ad6a5; margin:0 0 0 6px; width:133px; height:auto;}
.Horizontal UL UL LI {clear:left; display: block; position: relative; background-image:none; border-bottom:2px solid #fff;}
/*Tertiary*/
.Horizontal UL UL UL {left:100%; top:0px; background:#c5f0d4; margin:0 0 0 0;}
/*Second Rollovers*/
.Horizontal UL UL LI A {margin:0 0 0 0; padding:7px 0 0px 10px; background:#8ad6a5; width:150px; text-align:left; height:25px;}
.Horizontal UL UL LI A:hover {margin:0 0 0 0; padding:7px 0 0px 10px; background:#c5f0d4; color:#333; text-align:left; height:25px;}
/*Tertiary Rollovers*/
.Horizontal UL UL UL A {margin:0 0 0 0; padding:7px 0 0px 10px; background:#c5f0d4; width:149px; border-left:1px solid #8ad6a5; text-align:left; height:25px;}
.Horizontal UL UL UL A:hover {margin:0 0 0 0; padding:7px 0 0px 10px; background:#e5ffee; color:#333; text-align:left; height:25px;}
/*Browser Defaults-Do Not Change*/
.Horizontal UL UL {display:none;}
.Horizontal UL LI:hover UL UL {display:none;}
.Horizontal UL UL LI:hover UL UL {display:none;}
.Horizontal UL LI:hover UL {display:block;}
.Horizontal UL UL LI:hover UL {display:block;}
.Horizontal UL UL UL LI:hover UL {display:block;}

.FormPanel label {font-size:12px; color:#333; line-height:16px; margin:0 20px 20px 0; }
.FormPanel input, .FormPanel textarea {width: 300px;}
.FormPanel input.FormButton {width: 100px; margin-left: 200px;}