/* === RESET ITEMS === */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}

:focus 
{
outline: 0px;
}

ol, ul 
{
list-style: none;
}

table 
{
border-collapse: separate;
border-spacing: 0px;
}

caption, th, td 
{
text-align: left;
font-weight: normal;
}

/* === GLOBAL === */

html 
{
font-size:68.75%;
}

body 
{
background:#000000 url(/images/backgrounds/page_bkgd.gif) repeat-x left top;
color:#ABABAB;
font:normal normal normal 1em/1.65em Arial, Helvetica, sans-serif;
}

.bold, h1, h3, h4, h5, h6
{
font-weight:bold;
}

a {text-decoration:none; color:#cccccc; }
a:hover, #newsItemList li a:hover { text-decoration:underline; color:#098cc2; }
a img { border:1px #424242 solid; }
a.all { text-decoration:underline; } /* used for the final link in a lst where it points to landing page of the list category, i.e. 'See all promotions' */

.noBorder { border:0px; }

h1, h2, h3, h4, h5, h6
{
line-height:2;
color:#FFFFFF;
}

h1
{
font-size:1.27em;
line-height:1.65;
}

h2
{
font-size:1em;
font-weight:normal;
}

h3
{
font-size:1.36em;
}

th h3
{
background:url(/images/backgrounds/checker_pattern_dark.gif) repeat top left;
padding-left:10px;
}

h4
{
font-size:1em;
padding-top:7px;
}

.small
{
font-size:.90em;
}

input, select, option
{
font-size:1em;
color:#000000;
}

.overflowAuto, .oneColumn, .twoColumn, .threeColumn, #comparerForm ul, .contentList li, #bikePhotoGallery ul, #downloadSpecPdf, #downloadHistoryPdf
{
overflow:auto;
}

.floatLeft, .module .mainImage, .column, .columnWide, .columnNarrow, #secondaryNav, #accolades img, #bike1Title, #bike2Title, #comparerForm li
{ 
float:left; 
}

.floatRight, #quickLinksForm 
{ 
float:right; 
}

.clearBoth
{
clear:both;
}

label
{
font-size:1em;
}

.block
{
display:block;
}

.linkList
{
clear:both;
margin-top:10px;
}

.linkList li a, .linkList li span
{
padding-left:15px;
background:url(/images/backgrounds/link_raquo.gif) no-repeat 4px center;
}

.linkList .selected
{
background-color:#333333;
color:#FFFFFF;
}

.ctaList
{
margin: 5px 0px;
padding:1px 4px 1px 10px;
background:url(/images/backgrounds/checker_pattern_dark.gif) repeat left top;
}

.homeModule .ctaList
{
margin-left: 18px;
margin-right: 18px;
}

.ctaList li
{
margin:3px 0px;
}

.ctaList li a
{
display:block;
background:url(/images/backgrounds/cta_arrow.gif) no-repeat right 2px;
text-transform:uppercase;
padding-right:19px;
}

.ctaList li a:hover
{
background:url(/images/backgrounds/cta_arrow.gif) no-repeat right 2px;
}

form, .marginTB10px
{
margin:10px 0px;
}
		
legend
{
display:none;
}

blockquote
{
font-size:1.36em;
background:url(/images/backgrounds/blockquote_left_quote.gif) no-repeat 5px top;
padding-left:25px;
padding-top:7px;
}

address
{
font-style:italic;
text-transform:capitalize
}

.article p, .article ul, .article hr
{
margin:10px 0px;
}

.article .ctaList
{
margin:25px 0px;
}

.nowrap
{
white-space:nowrap;
}

.paddingLeft18 		/* aligns content with H2 copy */
{
padding-left:18px;
}

.marginLR25 		/* aligns content with H2 copy */
{
margin-left:25px;
margin-right:25px;
}

.errors
{
color:#CC0000;
font-weight:bold;
background-color:#000000;
padding:0px 4px;
display:none;
}

.confirmation
{
font-weight:bold;
}

.textRight
{
text-align:right;
}

strong
{
font-weight:bold;
}

/* === DEFAULT COLUMN/MODULE LAYOUT === */

#pageContainer
{
width:782px;
margin:0px auto;
border-right:2px black solid;
border-left:3px black solid;
background-color:#000000;
position:relative;
}

#header, #content, #footer
{
clear:both;
}

#header
{
background-color:#000000;
margin-bottom:-24px; /* move up 24px for the h2 height and an additional 15px for the h2 top margin */
}

	#motorradLogo
	{
	position:absolute;
	top:0px;
	left:15px;
	}
	
		#motorradLogo img
		{
		border:0px;
		}
	
	#primaryNav
	{
	position:absolute;
	top:0px;
	right:0px;
	background:url(/images/backgrounds/main_nav_bkgd.png) repeat left top;
	padding-right:10px;
	margin-left:200px;		/* this will keep the width constrained so the nav will not overlap the logo in the event that a user increased the font size */
	}
	
		#primaryNav li a
		{
		color:#FFFFFF;
		padding:3px 10px;
		}
		
		#primaryNav a:hover
		{
		text-decoration:underline;
		background:url(/images/backgrounds/main_nav_over_bkgd.png) repeat left top;
		}
		
			#primaryNav img
			{
			border:0px;
			}
	
	#header ul, #footer ul
	{
	overflow:auto;
	}
	
		#header li, #footer li
		{
		text-transform:uppercase;
		display:inline;
		font-weight:bold;
		}
		
#content
{
position:relative;
}

	.column, .columnWide, .columnNarrow
	{
	border-right:2px #666666 solid;
	border-left:2px #000000 solid;
	position:relative;
	z-index:10;
	}
	
	div .firstCol
	{
	border-left:0px;
	clear:left;
	}
	
	div .lastCol
	{
	border-right:0px;
	}
	
		.column h2, .columnWide h2, .columnNarrow h2
		{
		background: repeat-x left top;
		height:24px;
		padding-left:18px;
		text-transform:uppercase;
		margin:0px -15px 15px;	
		}
		
		.module, .homeModule, .addBottomRule
		{
		padding:0px 15px 15px;
		margin-bottom:20px;
		background:no-repeat center bottom;
		}
		
		.addBottomRule
		{
		padding-left:0px;
		padding-right:0px;
		}
		
			.module .mainImage
			{
			margin:0px 10px 5px 0px;
			}
	
	.oneColumn .column
	{
	border:0px;
	float:none;
	}
	
		.oneColumn h2
		{
		background-image:url(/images/backgrounds/h2_one_third_bkgd.png);	
		}
		
		.oneColumn .module, .oneColumn .homeModule, .oneColumn .addBottomRule
		{
		background-image:url(/images/backgrounds/1col_module_border_bottom.jpg);
		}
		
		.mockHeader, .mockHeaderEmpty
		{
		height:24px;
		background:url(/images/backgrounds/h2_one_third_bkgd.png) repeat-x left top;
		margin-bottom:15px;
		}
		
		.mockHeaderEmpty
		{
		background-image:none;
		margin-bottom:0px;
		}
	
	.twoColumn .column
	{	
	width:389px;
	}
	
	.twoColumn .columnWide
	{	
	width:520px;
	}
	
	.twoColumn .columnNarrow
	{	
	width:258px;
	}
		
		.twoColumn h2
		{
		background-image:url(/images/backgrounds/h2_one_third_bkgd.png); 
		}
		
		.twoColumn .module, .twoColumn .homeModule, .twoColumn .addBottomRule
		{
		background-image:url(/images/backgrounds/2col_module_border_bottom.jpg);
		}

	.threeColumn .column
	{
	width:258px;
	}
	
		.threeColumn h2
		{
		background-image:url(/images/backgrounds/h2_one_third_bkgd.png);
		}
		
		.threeColumn .module, .threeColumn .homeModule, .twoColumn .columnNarrow .module, .threeColumn .addBottomRule
		{
		background-image:url(/images/backgrounds/3col_module_border_bottom.jpg);
		}
	
#footer
{
margin-top:30px;
margin-bottom:15px;
}

	#secondaryNav
	{
	}
		
		.pipedList li { padding:0px 3px 0px 5px; border-left:1px white solid; }
		.pipedList li.noPipe { padding-left:0px; border-left:0px; }
		
	#quickLinksForm
	{
	margin:0px;
	}
	
	#quickLinksForm2
	{
	float:none;
	}
		
		#quickLinksForm input, #quickLinksForm2 input
		{
		vertical-align:top;
		margin-left:4px;
		}
	
	#footer p
	{
	clear:both;
	color:#666666;
	}
	
	#siteLegal
	{
	margin-top:20px;
	}

		
/* --- MACHINE PAGES --- */
		
	#downloadSpecPdf, #downloadHistoryPdf
	{
	margin-left:10px;
	margin-right:10px;
	padding-top:15px;
	background:url(/images/backgrounds/checker_pattern_dark.gif) repeat top left;
	}
	
		#downloadSpecPdf .pdfImage, #downloadHistoryPdf .pdfImage
		{
		float:right;
		margin-left:15px;
		margin-right:10px;
		}

/* ===	form pages === */

form li
{
padding:10px 0px 0px;
}

.marginRight10
{
margin-right:10px;
}		

input.small, select.small
{
width:220px;
font-size:1em;
}

input.large
{
width:450px;
}
