/*
    J & L Harley
    Main stylesheet
    style.css
    Designed by Paul Heckel, Heckle Creative.
    Implemented by Benjamin Bertrand, Sam Otis, Joe Kepley, Chris Lukenbill, Marshall Crosby of Blend Interactive, Inc.
    Copyright © 2008 J&L Harely-Davidson
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  margin:0; padding:0; } 
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; } 
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; } 
ol,ul { list-style:none; } 
caption,th { text-align:left; } 
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } 
q:before,q:after { content:''; } 
abbr,acronym { border:0; }
a {text-decoration:none;}


/****** TYPOGRAPHY ******/

body {color:#000; font-size:68.75%; font-family:"Helvetica Neue", Helvetica, Arial, "Tahoma MS", sans-serif; background:#302C2B; text-align:center;}
html > body {font-size:11px;}
input {font-family:"Helvetica Neue", Helvetica, Arial, "Tahoma MS", sans-serif;}

/*  24px  */	h1 {font-size:1.5em;   font-weight:600; line-height:1.2em; padding:0 0 0.25em 0;}
/*  20px  */	h2 {font-size:1.336em; font-weight:600; line-height:1.2em; padding:0 0 0.30em 0;}
/*  13px  */	h3 {font-size:1.231em; font-weight:600; line-height:1.2em; padding:0 0 0.43em 0;}
/*  11px  */	h4 {font-size:1.000em; font-weight:600; line-height:1.2em; padding:0 0 0.50em 0;}
/*  10px  */	h5 {font-size:0.833em; font-weight:600; line-height:1.2em; padding:0 0 0.60em 0;}
/*   8px  */	h6 {font-size:0.750em; font-weight:600; line-height:1.2em; padding:0 0 0.75em 0;}

p {font-size:1em; line-height:1.2em; margin:0; padding:0 0 0.5em 0;}

a {color:#F57010;}
a:hover {color:#F58426; text-decoration:underline;}


/****** TOP MENU ******/

#TopMenu {background:#1F3B50 url(../images/bg_topmenu_blue.gif) top left repeat-x; height:21px; width:100%; border-bottom:1px solid #8F9DA7; padding-top:9px; position:relative; text-align:left;}
#TopMenu ul {background-color:#ff0; margin-left:1em;}
#TopMenu ul li {display:inline; float:left; color:#fff;}
#TopMenu ul li a {color:#fff;}
#TopMenu ul li a:hover {color:#999;}


/****** HEADER  ******/

#Header {background:#000203; margin-bottom:3px;}
#Header .inner {background:#000203 url(../images/bg_header1.jpg) bottom left no-repeat; border-bottom:1px solid #000; height:138px; margin:0 auto; padding-top:22px; position:relative; width:982px;}
#Header .inner span {display:none;}
#Header .inner a.badge {display:block; height:108px; left:23px; position:absolute; top:33px; width:139px;}
#Header .inner a.strip {display:block; height:28px; left:175px; position:absolute; top:73px; width:332px;}

ul#about {display:inline; float:right; right:16px; position:relative; top:112px;}
ul#about li {border-right:1px solid #D6D6D6; display:inline; float:left; font-size:0.833em; line-height:0.833em; padding:0 7px; text-transform:uppercase;}
ul#about li.last {border:none;}
ul#about a {color:#D6D6D6;}
ul#about a:hover {color:#000203;}

#FlashHeader {display:block; height:128px; left:0; position:absolute; top:22px; width:755px; z-index:999999;}
#WishlistHeader h2 span {background:transparent url(../images/wishlist_art.gif) top left no-repeat; display:block; height:165px; width:550px;}
#WishlistHeader h2 {display:block; height:162px; overflow:hidden; width:550px;}

/***** MAIN PAGE LAYOUT *****/

#Main {background:#D6D6D6 url(../images/bg_main_home.gif) top left repeat-y; border-left:1px solid black; border-right:1px solid black; border-top:1px solid black; margin:0 auto; text-align:left; overflow:auto; position:relative; width:980px;}
.Feature #Main {background:#D6D6D6 url(../images/bg_main.gif) top left repeat-y;}
.MainTop {background:#DC5C1C; height:33px; margin-bottom:-33px; width:100%;}
#MainBottom {background:#302C2B url(../images/bg_main_btm2.gif) bottom center no-repeat; clear:both; height:6px; font-size:1px; margin:0 auto; width:982px;}
.Feature #MainBottom {background-image:url(../images/bg_main_btm.gif);}

#PrimaryContainer {display:inline; float:right; margin:0; overflow:hidden; padding:0; position:relative; width:800px;}
#PrimaryContainer ul {list-style-position:inside; list-style-type:disc;}
#PrimaryContainer ol {list-style-position:inside; list-style-type:decimal;} 

#FeatureContainer {background:none; margin:0 0 1em 0; position:relative; width:100%;}
.Feature #FeatureContainer {background:transparent url(../images/bg_main_interior.gif) top right repeat-y;}

#ContentFeatures {background:transparent url(../images/bg_page_top.gif) no-repeat; display:inline; float:left; margin-top:10px; overflow:hidden; padding:33px 0 0 0; position:relative; width:580px;}
#ContentFeatures h3 {color:#F57010; padding:0;}
.Home #ContentFeatures,
.Feature #ContentFeatures {background:none; margin:0 0 0 13px; padding:1em 0 0 0; width:567px;}

#ContentFeatures .Inner {margin:0 3px 0 13px; position:relative; width:550px;}

#VideoPlayer {clear:both; width:562px;} 
#FeaturedProducts {border-right:1px solid black; display:inline; float:left; margin:1em -1px 0 0; overflow:hidden; padding:0 18px 0 0; position:relative; width:287px;}
.FeaturedProduct {clear:both; padding:0.5em 0;}
.FeaturedProduct div.attribute-description {position:relative; text-align:justify;}
.FeaturedProduct div.attribute-description.Narrow {display:inline; float:right; width:173px;}
.FeaturedProduct img {display:inline; float:left; margin:0.25em 12px 0 0;}
.FeaturedProduct a img {border:1px solid #000;}
.FeaturedProduct a:hover img {border:1px solid #F58426;}

 #NewsEvents {border-left:1px solid black; display:inline; float:right; margin-top:1em; padding:0 5px 0 15px; position:relative; overflow:hidden; width:241px;}

#SidebarFeatures {display:inline; float:right; overflow:hidden; position:relative; width:220px;}

#ContentContainer {clear:both; padding:0 0 13px 0; position:relative; width:800px;}
img.Byline {margin-bottom:1em;}
.PageTitle h3 {display:inline; font-size:2em; font-weight:bold;}
.PageTitle img {vertical-align:middle;}
.PageTitle img.Headline {margin:0 7px 7px 10px;}
.PageTitle span.Mail {position:relative; top:-3px;}
.PageTitle a:hover {text-decoration:none;}

.ProductSection {overflow:auto; position:relative;}
.Product {display:inline; float:left; margin-right:13px; overflow:hidden; position:relative; width:370px;}


/****** FORM ******/

input.box,
textarea.box {background:#FFF url(../images/bg_input.gif) top left repeat-x; border:1px solid #888; padding:3px 2px;}
input#SearchText {color:#666;}
textarea {font-family:"Helvetica Neue",Helvetica,Arial,sans; font-size:1em;}
.buttonblock {padding:0.5em 0 0 0;}


/****** SEARCH RESULTS ******/

#ContentFeatures.Search {background:#D6D6D6; margin-bottom:33px; position:relative; top:33px;} 
#ContentFeatures.Search .Inner {padding-top:1em; position:relative;}
#ContentFeatures.Search .AdvancedSearch {font-size:0.9167em; font-style:italic; font-weight:bold; padding:0.5em 0; text-transform:uppercase;} 
.SearchResult {margin:0 0 1em 0;}
.SearchResultName {font-weight:bold; font-size:1.50em;}
.SearchResultExcerpt {}
.SearchResultURL {color:#666; text-decoration:underline;}

#ContentFeatures.Search div.block,
#ContentFeatures.Search div.block .element {margin-bottom:0.50em;}
#ContentFeatures .content-view-full {position:relative;}


/****** PAGINATION ******/ 

.pagenavigator {margin-top:1em; font-weight:bold; font-size:0.85em;}
.pagenavigator .pagination {display:inline; float:left; padding:2px;}
.pagenavigator .page_navigator_links {display:inline; float:right;}
.pagenavigator .page_navigator_links a {padding:2px;}


/****** SIDEBAR NAVIGATION ******/ 

#SidebarNavigation {background:#373737; display:inline; font-size:12px; float:left; font-family:'Arial Narrow',"Helvetica Neue", Helvetica, Arial, "Tahoma MS", sans-serif; margin-top:33px; overflow:hidden; position:relative; width:180px;}

ul#Navigation {border-bottom:1px solid #4C4C4C;}
ul#Navigation li {border-top:1px solid #4C4C4C; border-bottom:1px solid #6D6D6D; font-weight:bold; text-transform: uppercase;}
ul#Navigation li a {color:#D6D6D6; display:block; width:180px;}
ul#Navigation li a:hover {color:#F58426; text-decoration:none;}
ul#Navigation li li {font-weight:normal;} 
ul#Navigation li li.Last {border-bottom:none;}
ul#Navigation li a.Home,
ul#Navigation li li a {padding-left:19px; width:161px;}

ul#Navigation li a.IconLink {background:transparent url(../images/icon_plus.gif) 3px 2px no-repeat; cursor:pointer; height:15px; padding:0 0 0 18px; position:relative; width:161px;}
ul#Navigation li a.IconLink.Open {background:transparent url(../images/icon_minus.gif) 3px 2px no-repeat;} 

ul#Navigation li a.Current {background:#D6D6D6 url(../images/icon_a_o_l.gif) 3px 2px no-repeat; color:#E37A23; padding-left:19px; width:161px;}
ul#Navigation li a.Current:hover {background:#D6D6D6 url(../images/icon_a_o_l.gif) 3px 2px no-repeat;}
ul#Navigation li ul.Submenu {display:none;}
ul#Navigation li a.Open ul.Submenu {border-top:1px solid #6D6D6D;}


/****** SIDEBAR FEATURES ******/

.Features {padding:10px;}

.Features-Search {background:#DC5C1C url(../images/bg_search_orange.gif) bottom left no-repeat; padding:10px; width:200px;}
.Features-Search p {padding:0;}
.Features-Search .SearchText {margin-right:5px; width:155px;}
.Features-Search .SearchImg {vertical-align:middle;}

.Features-VideoThumbs {color:#FFF; margin-left:20px; padding:10px 0; width:190px;}
.Features-VideoThumbs p {font-size:0.9167em;}
.Features-VideoThumbs .VideoThumbContainer {display:inline; font-weight:bold; float:left; margin:0 15px 15px 0; position:relative; text-align:center; vertical-align:middle;}
.Features-VideoThumbs .VideoThumbContainer a {display:block; left:0; position:absolute; top:0; height:52px; width:75px;}

.FeaturedEvents {padding:0 0 0 15px; width:205px; }
.FeaturedEvents .attribute-caption {display:none;}
.FeaturedEvents .attribute-featured-events .featured_event {background:transparent url(../images/bg_featured_imgs.gif) top left no-repeat; padding:3px 0 0 0; margin-bottom:0.5em; width:195px;}
.FeaturedEvents .attribute-featured-events .attribute-image img {margin:4px 0 0 8px; width:176px;}
.FeaturedEvents .attribute-featured-events .attribute-image img,
.FeaturedEvents .attribute-featured-events .attribute-image a img {border:none;}

.ResidentExperts {width:200px;}
.ResidentExperts img.Experts {padding-left:4px;}
.ResidentExperts p {color:#fefefe; padding:1em 0 0.5em 10px;}
.ResidentExperts img.Question {vertical-align:middle;}


/***** CONTENT CLASSES *****/

.motorcycle_image	{ position:relative; float:left; }
.callout_trigger	{ float:left; position:relative; }
.certifiedCallout	{ position:absolute; padding:2px; background-color:#A1A1A1; border:1px solid #393939; left:155px; top:0px;  width:219px; }
.certified_stamp	{ background:transparent url(../images/icon_preowned_60.png) bottom right no-repeat; bottom:0; height:45px; position:absolute; right:5px; width:60px; }


/** Editor applied styles **/

div.object-center{text-align:center}
div.object-right{display:inline; float:right;}
div.object-left{display:inline; float:left;}

p.alignLeft     {text-align:left;}
p.alignCenter   {text-align:center;}
p.alignRight    {text-align:right;}

div.object-right img{margin:0pt 0px 5px 8px;}
div.object-left img{margin:0pt 8px 5px 0px;}

#ContentMain {margin:0 13px; padding:1em 0;}

.product-view-line,
.motorcycle-view-line,
.product-view-line-no-image,
.motorcycle-view-line-no-image {display:inline; float:left; margin-top:1.50em; /* overflow:hidden; */ position:relative; width:385px;}
.product-view-line h3,
.motorcycle-view-line h3,
.product-view-line .description p, 
.motorcycle-view-line .description p {padding-bottom:0;}

.product-view-line .description,
.motorcycle-view-line .description {margin-left:170px; width:200px;}

.product-view-line-no-image .description p {padding-bottom:0;}
.product-view-line-no-image .description {margin-left:0px; width:365px;}

.product-view-full .description {display:inline; float:left; overflow:hidden; position:relative; width:385px;}
.product-view-full .attribute-image {display:inline; float:left; overflow:hidden; padding:0 0 10px 10px; position:relative;}

p.attribute-price {color:#F57010; font-weight:bold;}

.attribute-image {display:inline; float:left; padding:0 10px 14px 0;}
.attribute-image img, 
.attribute-image a img {border:1px solid #000000;}
.attribute-image a:hover img {border:1px solid #F58426;}

table .class-image .attribute-image {padding:0;}

.motorcycle-view-full .attribute-desc {display:inline; float:left; overflow:hidden; margin-right:13px; position:relative; width:502px;}
.motorcycle-view-full .attribute-image {display:inline; float:left; overflow:hidden; padding:0 13px 10px 0; position:relative;}
.motorcycle-view-full .attribute-image.last {padding-right:0;}
.motorcycle-view-full p.attribute-price {display:inline; float:left; width:245px;}

.class-image .attribute-image {float:none; padding-top:10px;}
.class-image .content-navigator-next-disabled,
.class-image .content-navigator-previous-disabled {color:#6D6D6D;}

.content-view-galleryline {display:inline; float:left; overflow:hidden; position:relative; width:135px;}
.content-view-galleryline .attribute-name {text-align:center;}


/***** CALENDAR *****/

.class-event-calendar img {vertical-align:middle;}

.event-tag li {font-weight:bold; padding:0.25em 0;}
.event-title {font-size:1.125em;}
.event-start {color:#000;}
.event-start-now {color:#F57010;}
.event-start-past {color:#676768;}

.class-event .attribute-datetime p {font-size:1.2em; font-weight:bold;}

.Calendar div.content-view-full {margin-left:13px;}
#ezagenda_calendar_container {border-right:1px solid #000; display:inline; float:left; overflow:hidden; padding-right:10px; position:relative; width:329px;}
#ezagenda_calendar_grid {padding:1em 0; position:relative;}
#ezagenda_calendar_list {padding:3em 0 1em 0; position:relative;}
#ezagenda_calendar_list h3 {color:#000; padding-bottom:1em;}
.Calendar #ezagenda_calendar_list table.ezagenda_event_old {color:#666;}
#ezagenda_calendar_container table {font-size:11px; width:318px;}
th {font-size:1.2em; font-weight:bold; text-align:center;}
th a {padding:3px 10px;}
th.calendar_heading_date {font-size:2em; padding-bottom:0.25em}

.days td.ezagenda_selected {border:1px solid #F57010;}
.days td.ezagenda_current {background:#D0D0D0; font-weight:bold;}
.days td {border:1px solid #D6D6D7; font-size:1.2em; padding:0.5em 0; text-align:center;}
.days a {padding:6px 14px;}
.days a:hover {color:#F6F6F6; background:#979798; text-decoration:none;}

.calendar_heading_days th {border-bottom:1px solid #333; padding-bottom:0.25em;}

#ezagenda_calendar_preview {display:inline; float:left; margin-left:10px; overflow:hidden; padding-top:1em; position:relative; width:200px;}

.ezagenda_day_event h4 {font-size:1.25em; padding:0.25em 0;}

#ezagenda_calendar_preview h3.day_event {color:#000; font-size:2em; font-weight:bold; padding:1px 0 0.25em 0;}
.ezagenda_preview_date {position:relative; width:200px;}

td.ezagenda_month_label {text-align:center; vertical-align:top; padding:0.5em 10px 0 10px; width:50px;}
td.ezagenda_month_label h2 {line-height:1.425em;}
td.ezagenda_month_info {padding-top:0.5em;}

.ezagenda_event_preview {}


/*****  FEEDBACK FORM *****/

#faq {margin-top:1em;}
#faq div {clear:both; padding:0.125em 0;}
#faq-submit {height:25px; width:100px;}
.class-feedback-form h4 {display:inline; float:left; line-height:1.5em; padding-right:10px; text-align:right; text-transform:capitalize; width:90px;}
.class-feedback-form #wishlist h4 {text-align:left; width:100%;}
.class-feedback-form input {display:inline; float:left; width:300px;}
.class-feedback-form div.block input {margin:2px 5px; width:auto;}
.class-feedback-form div.block label {clear:both;}
.class-feedback-form textarea {display:inline; float:left; width:300px;} 

div.message-warning {margin:1em 0;}
.message-warning ul {color:#DC5C1C;}
.message-warning ul li {padding-left:90px;}


/*****  CAMPAIGN MONITOR FORM *****/

form.cm             { margin-bottom:0.5em; width:500px; }
form.cm div         { padding:0.25em 0; }
form.cm label       { font-weight:bold; padding:0 0.5em 0 0; }
span.label,span.spacer,span.multiple span {float:left;text-align:right; padding-top:5px; width:120px; }
span.button         { padding-left:120px; }
div.clear           { clear:both;padding-top:5px; }

.Home form.cm       { width:214px; }
.Home form.cm div   { padding:0.25em 0; }
.Home form.cm label { font-weight:bold; padding:0 0.5em 0 0; }
.Home span.label,span.spacer,span.multiple span { display:block; float:none; text-align:left; padding-top:0px; }
.Home span.button   { padding-left:0px; }
.Home div.clear     { clear:both;padding-top:0px }


/***** GET MORE INFORMATION FORM *****/

#more-info div      { padding:0.250em 0; }
#more-info div.block{ padding:0; }
#more-info label    { display:block; font-weight:600; }
#more-info input.box, 
#more-info textarea.box { width:350px; }
#more-info .attribute-method div.block input { margin:2px 5px; width:auto; }


/***** WISHLIST FORM *****/

#wishlist legend   { color:#676768; margin-left:50px; font-size:1.125em; font-weight:600; letter-spacing:1px; text-transform:uppercase;}
#wishlist fieldset { border:1px solid #979798; margin-top:1em; padding:10px; width:365px;}
#wishlist div      { padding:0.125em 0; }
#wishlist label    { display:block; font-weight:600; }
#wishlist input.box, 
#wishlist textarea.box { width:350px; }
#wishlist #faq-submit { margin:1em 0 1em 10px;}

#rsvErrors { color:#EC6C2C; font-size:1.25em; padding:1em 0 0.5em 12px; }
#wishlist fieldset input.errorField, 
#wishlist fieldset textarea.errorField,
#wishlist fieldset.errorField { border-color:#DC5C1C; }


/***** FOOTER *****/

#Footer {color:#D6D6D6; font-size:0.91em; margin:30px auto 48px auto; text-align:left; width:982px;}
#Footer #Copy {display:inline; float:right; width:560px;}
#Footer #Copy p {font-size:0.90em; line-height:1.5em;}
#Footer img.Logos {display:inline; float:left;}
#Copy img {vertical-align:middle;}


/***** CLASSES *****/

.AlignLeft {display:inline; float:left; margin-right:10px;}
.AlignRight {display:inline; float:right;}
.BroadLetter {letter-spacing:0.05em;}
.Caps {text-transform: capitalize;}
.break,
.ClearBoth {clear:both; position:relative; overflow:hidden;}
.Debug {background:#ff0; border:2px solid #666; color:#000; overflow:auto; text-align:left; padding:2px;}
.Hide {display:none;}
.Upper {text-transform:uppercase;}

.LtGray {color:#D6D6D6;}
.Orange {color:#E37A23;}
.LtOrange {color:#F58426;}
.DkOrange {color:#DC5C1C;}