/*********************************************************************
STYLE RESET - removes browser defaults
**********************************************************************/
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

/*********************************************************************
GENERAL STYLES - top level appearance for entire site
**********************************************************************/
h1
	{
	font: 23px Arial, Helvetica, sans-serif;
	color: #206AB3;
	}
	
h2
	{
	font: 20px Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #D21529;
	}

h3
	{
	
	}

h4
	{
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #AFAFAF;
	}

h5
	{
	font: bold 13px Arial, Helvetica, sans-serif;
	line-height: 1.75em;
	}

p
	{
	line-height: 1.8em;
	padding: 0 0 10px 0;
	}

/*********************************************************************
LAYOUT FRAMEWORK - main containers, structure that doesn't change
**********************************************************************/
body 
	{
 	background: #000 url(../images/bkg_body.jpg) top center no-repeat;
	color: #fff;
	font: 12px Arial, Helvetica, sans-serif;
	}

#header
	{
	margin: 0 auto;
	width: 938px;
	height: 140px;
	}
	
#container
	{
	margin: 0 auto;
	width: 902px;
	padding: 0 18px 20px 18px;
	}

#col_one
	{
	float: left;
	width: 625px;
	margin: 0 17px 0 0;
	}
	
#col_two
	{
	float: left;
	width: 260px;
	}

/*********************************************************************
NAVIGATION
**********************************************************************/
#nav
	{
	position: relative; 
	top: 104px;
	left: 205px;
	list-style-type: none;
	}

#nav li
	{
	float: left;
	margin: 0 26px 0 0;
	}

#footerNav
	{
	float: left;
	margin: 20px 0 0 0;
	list-style-type: none;
	}

#footerNav li
	{
	float: left; 
	margin: 0 6px 0 6px;
	}

#footerNav li a
	{
	text-decoration: none;
	color: #666;
	font: 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	}
	
#footerNav li a:hover
	{
	color: #fff;
	}
/*********************************************************************
UTILITY CLASSES
**********************************************************************/
.clear
	{
  	clear:both; 
	height:1px; 
	overflow:hidden; 
	line-height:1%; 
	font-size:0px; 
	margin-bottom:-1px; 
	}

.bmw 
	{
	float: right; 
	margin: 0 20px 0 0;
	}

.promo
	{
	position: relative;
	left: -15px;
	z-index: 150;
	}

.callout
	{
	border: 1px solid #5C5C5C;
	padding: 6px;
	background: url(../images/bkg_callout.png) repeat;
	}

.calloutInterior
	{
	padding: 8px;
	background: #000;
	}

.cell
	{
	position: relative;
	z-index: 200;	
	margin: 4px 0 0 0;
	padding: 8px;
	background: #292929;
	}

.newsletter_signup
	{
	margin: 4px 0 0 0;
	padding: 8px;
	background: #0A2449 url(/images/newsletter_bg.jpg) repeat-x;
	}

	
.cell_noDate
	{
	margin: 4px 0 0 0;
	padding: 8px;
	background: #292929;
	}

.cell p
	{
	line-height: 1.2em;
	padding: 0;
	}
	
.cell p a
	{
	text-decoration: none;
	color: #fff;
	}
.cell p a:hover
	{
	text-decoration: none;
	color: #AFAFAF;
	}		

.floatRight
	{
	float: right;
	}

.floatLeft
	{
	float: left;
	}

.contentWrap
	{
	padding: 30px;
	}

.contentWrap a
	{
	color: #7FBFFF;
	}

.contentWrap a:hover
	{
	color: #1F71C3;
	}

.bttn
	{
	position: relative;
	z-index: 100;
	margin: 5px 0 5px 0;
	padding: 2px 4px 2px 4px;
	font: bold 11px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #CBCBCB;
	background: url(../images/bkg_bttn.gif) top left repeat-x;
	cursor: pointer;
	text-decoration: none;
	}

:hover.bttn
	{
	background: #292929;
	}

.rider
	{
	position: relative;
	top: -240px;
	left: 270px;
	margin-bottom: -420px;
	margin-right: -300px;
	z-index: 5;
	}
	
/*********************************************************************
BIKE PAGE
**********************************************************************/

p.selectOne
	{
	color:#999999;
	font-style: italic;
	font-size: 1.1em;
	border-bottom: thin solid #3c3c3c;
	padding: 0;
	margin: 25px 0 0 0;
	}

ul.bike_feature_list
	{
	margin: 10px 0px 30px 20px; 
	padding: 0;
	}
	
ul.bike_feature_list li
	{
	margin: 0 0 5px 0;
	list-style-image: url(/images/feature_list_bullet.jpg);
	}

a.featureButton
	{
	display: block;
	width: 100%;
	background: black url(/images/feature_button_bg_up.jpg) no-repeat;
	padding: 1px 0 0 0;
	margin: 0px 0 0px 0;
	height: 90px;
	}
	
a.featureButton:hover
	{
	background: black url(/images/feature_button_bg_over.jpg) no-repeat;
	}

a.featureButton img
	{
	float: left;
	margin: 5px 10px 0 10px;
	display: inline;
	}

a.featureButton p
	{
	width: 325px;
	float: left;
	margin: 22px 0 0 10px;
	}

a.techSpecs
	{
	color: #999999;
	background: #333333;
	display: block;
	width: 100%;
	padding: 10px 0 10px 10px;
	font-weight: bold;
	text-decoration: none;
	}

a.techSpecs:hover
	{
	color: #ffffff;
	background: #196BBF;
	}
	

/*********************************************************************
VIDEO SECTION 
**********************************************************************/

div.videoSection
{

margin: 50px 0 0 0;


}

div.videoSection a
{

display: block;
background: transparent url(/images/feature_button_bg_up.jpg) no-repeat;
text-decoration: none;
margin: 0 0 2px 0;
padding: 10px 0 10px 10px;
text-transform: uppercase;
font-weight: bold;
}

div.videoSection a:hover
{

color: white;
background: transparent url(/images/feature_button_bg_over.jpg) no-repeat;

}

div.videoSection div
{

margin: 20px 0 20px;

}

/*********************************************************************
EVENT LISTS (for racing and events page)
**********************************************************************/

a.fb_share_link
{

display: block;
margin: 20px 0 0 0;
float: right;

}

p.eventDrop
{

margin: 15px 0 0 0;
background: #333333;
padding: 10px 0 10px 10px;

}

p.eventClick
{

color: white;
background: #0F3F7F;
width: 150px;
text-align: center;
padding: 0;
text-transform: uppercase;
font-size: .8em;
cursor: pointer;

}

p.eventClick:hover
{

color: white;
background: #1271CD;

}

p.eventTitle
	{
	width: 100%;
	color: #ffffff;
	background: #1a1a1a url(/images/event_title_bg.jpg) no-repeat;
	font-weight: bold;
	padding: 5px 0 5px 10px;
	border-bottom: thin solid #3c3c3c;
	font-size: 1.2em;
	margin: 20px 0 10px 0;
	}
	
ul.eventList
	{
	margin: 20px 0 0 0;
	}

ul.eventList li h4
	{
	width: 350px;
	}

ul.eventList li
	{
	list-style: none;
	background: #222222;
	padding: 10px 10px 10px 20px;
	margin-bottom: 5px;
	}

p.eventdate
	{
	font-style: italic;
	color: #CFE7FF;
	font-size: 1em;
	float: right;
	margin: 0 10px 0 0;
	}

p.eventType
	{
	width: 368px;
	}

a.scheduleLink
	{
	text-decoration: none;
	background: #0F3F7F url(/images/small_arrow.jpg) no-repeat 95% 50%;
	padding: 5px 5px 5px 10px;
	text-transform: uppercase;
	font-weight: bold;
	margin: 10px 0 20px 0;
	display: block;
	width: 150px;
	text-align: left;
	}

a.scheduleLink:hover
	{
	text-decoration: none;
	background: #6FA0DF url(/images/small_arrow_over.jpg) no-repeat 95% 50%;
	color: #0F3F7F;
	}
	
/*********************************************************************
SIDEBAR CALLOUTS
**********************************************************************/

.callToAction
	{
	font-size: 1.8em;
	}

.cell_noDate a:hover
	{
	color: #1F71C3;
	}

.newsletter_signup a
	{
	font-size: 1.5em;
	width: 210px;
	text-align: right;
	color: #D21529;
	display: block;
	margin: 0 0 5px 0;
	text-decoration: none;
	}

.signup_newsletter a:hover
	{
	color: #1F71C3;
	}

.cell_noDate a
	{
	font-size: 1.5em;
	width: 210px;
	text-align: right;
	color: #D21529;
	display: block;
	margin: 0 0 5px 0;
	text-decoration: none;
	}






/*********************************************************************
CONTACT FORM
**********************************************************************/
	
ul.contactList
	{
	margin: 0 0 20px 20px;
	}

ul.contactList li
	{
	list-style-image: url(/images/feature_list_bullet.jpg);
	}

#contactInfo 
	{
	margin-bottom: 50px;
	}


#contactInfo table tr td
	{
	padding: 20px 0 10px 0;
	border-bottom: thin solid #333333;
	width: 200px;
	}

#contactInfo table tr th
	{
	text-align: right;
	padding: 20px 20px 10px 0;
	width: 130px;
	vertical-align: top;
	border-bottom: thin solid #333333;
	}


#contactInfo table tr th.long
	{
	width: 100px;
	}

#contactInfo table tr td input, #contactInfo table tr td textarea
	{
	width: 200px;
	padding: 2px 5px 2px 5px;
	border: 4px solid #666666;
	}

#contactInfo table tr td input
	{
	height: 20px;
	}

#contactInfo #Submit
	{
	border: none;
	padding: 5px 5px 5px 5px;
	text-transform: uppercase;
	background: #1F71C3;
	color: white;
	font-weight: bold;
	margin: 10px 0 0 325px;
	cursor: pointer;
	}

#contactInfo table tr td span
	{
	color: #D21529;
	font-size: 1.8em;
	}

#contactInfo p.formsubmit 
	{
	display: inline;
	}

#contactInfo p.formsubmit small
	{
	border: none;
	color: #D21529;
	margin: 0 0 0 20px;
	}


#contactInfo .error 
	{
	height: 0px;
	float: left;
	margin: -125px 0 0 0;
	padding: 0;
	width: 200px;
	text-align: center;
	}

#contactInfo div.error .errorMessage
	{
	float: left;
	background: #D21529;
	color: #ffffff;
	width: 250px;
	display: block;
	padding: 5px 5px 5px 5px;
	text-align: center;
	margin: 0;
	}

/**
 * Temp fix until new form design is implemented
 */
#contactInfo #rdGender td,
#contactInfo #rdSize td
	{
	border-bottom:none;
	padding:0;
	}
	
#contactInfo #rdGender input,
#contactInfo #rdSize input
	{
	border:none;
	padding:0 4px 0 0;
	width:auto;
	vertical-align:middle;
	}

/*********************************************************************
SIFR
**********************************************************************/
.sIFR-active h1 
	{
	visibility: hidden;
	font: 28px Arial, Helvetica, sans-serif;
	line-height: 1em;
	height: 32px;
	margin-bottom: 10px;
	}

.sIFR-active h2 
	{
	visibility: hidden;
	font: 20px Arial, Helvetica, sans-serif;
	line-height: 1em;
	height: 32px;
	width: 215px;
	letter-spacing: 0;
	}

.sIFR-active h3 
	{
	visibility: hidden;
	font: 23px Arial, Helvetica, sans-serif;
	line-height: 1em;
	height: 70px;
	}
	
.sIFR-active .featureTitle
	{
	visibility: hidden;
	font: 23px Arial, Helvetica, sans-serif;
	cursor:pointer;
	}