/**********************************************/
/**** Global Stylesheet for kneeriders.com ****/
/**********************************************/

	body.storeMain { /* this overrides ShopSite template leaving a 3px border around body */ 
		margin: 	-3px -3px 0 -3px;
		padding: 	0;
	}
	
/* Headings */	

	h1 {
		color:			#060;
		font-family:	Arial, Helvetica, sans-serif;
		margin-top:		1em;
	}
	
	h2 {
		color:			#f00;
		font-family:	Arial, Helvetica, sans-serif;
		margin-top:		1em;
	}
	
	h3 {
		color:			#666;
		font-family:	Arial, Helvetica, sans-serif;
		margin-top:		1em;
	}
	
	h3.prodHead { margin: 0; }

	h4, h5, h6, h7 	{
		font-family:	Arial, Helvetica, sans-serif;
		margin-top:		1em;
	}
		
/* Default font */

	.bodytext {
		font-family:	Verdana, Helvetica, sans-serif;
		font-size:		85%;
		/* text-align: 	left; */
	}	
	
/* Paragraph headings, usually h3 or h4 */

	.bodytextb {
		font-family:	Verdana, Helvetica, sans-serif;
		font-size:		85%;
		font-weight:	bold;
	}	

/* Paragraph headings, usually h2 or h3 */	

	.bodytextb110 {
		font-family:	Verdana, Helvetica, sans-serif;
		font-size:		110%;
		font-weight:	bold;
	}	
	
/* red/green knee/riders */

span.red 	{ color: #f00; }
span.green	{ color: #060; }
span.blue 	{ color: #009; }

/* Small font */

	.sm {
		font-family:	Verdana, Helvetica, sans-serif;
		font-size:		70%;
	}	
	
/* Italic */

	.i	{
		font-style: 	italic;
	}

/* Underline */

	.ul { 
		text-decoration: underline;
	}
		
	.white  {
		color: 				#fff; 
	}
	
	.price {
		color: 				#f00;
		font-weight: 		bold;
	}
	
	.adbox {
		border: 			solid 1px #f00;
		padding: 			3px;
		margin-bottom: 		1em;
	}
	
	.cupon {
		border: 			dashed 1px #f00;
		background-color: 	#ffc;
		padding: 			3px;
		margin-bottom: 		1em;
	}
	
	.highlight {
		background-color:	#ffc;
		padding: 			3px;
		margin-bottom: 		1em;
	}
	/* superscript */ 
	sup {
		vertical-align: super;
		font-weight: 	normal;		
	}
	
	/* superscript service mark */
	sup.servicemark {
		vertical-align: super;
		font-size: 		80%;
		font-weight: 	normal;
	}
	
	sup.servicemarkHeading {
		vertical-align: super;
		font-size: 		50%;
		font-weight: 	normal;
	}
	
/* Anchor */	

	a { text-decoration: none; }
	a:visited { color: #009; }
	a:hover	{ 
		color: #f00; 
		text-decoration: underline; 
	}
	
	/* links on dark background */	
	a.whitelink	{ 
		color:				#fff;
		text-decoration: 	underline; 
	}
	a.whitelink:visited { color: #fff; }
	a.whitelink:hover { color: #999; }
	
	/* red links */	
	a.redlink	{ 
		color:				#f00;
		text-decoration: 	none; 
	}
	a.redlink:visited { color: #f00; }
	a.redlink:hover { 
		text-decoration: 	underline; 
		color: 				#360; 
	}
	
/* Header */
	#sparkyKneed {
		width: 		170px; 
		height: 	110px;
		border: 	0;
		padding:	0;
		margin:		0 0 3px 0;
		float:		left;	
	}
	
	#mainAdBanner { /* main header ad banner */
		text-align: 	left;
		margin-left:	100px; 
	}
	
	#bannerCSTD {
		display: 	block; 
		position: 	absolute; 
		top: 		25px; 
		/* left: 		710px; */
		right: 		10px;
	}
	
	/* dormant
	#sparky {
		width: 		125px; 
		height: 	80px;
		border: 	solid 1px;
		padding:	0;
		margin:		0;
		float:		left;
	}
	*/
	/* dev
	#tagLine {
		width: 200px;
		height: 20px;
		border: solid 1px;
		margin: 100px 0 0 0;
		float: left;
	}
	*/
/* end: Header */

	
/* Nav buttons for global navigation */

	a.global	{ 
		color: 				#fff;
		font-weight:		bold;
		text-decoration: 	none; 
		border: 			solid 1px #fff;
		padding:			1px;
		margin-left:		2px;
		margin-right:		2px;
		background-color:	orange; /* or #f60 */
	}
	
	a.global:visited {
		color:				#fff;		/* #666; */
	}
	
	a.global:hover	{
		color:				#fff;
		text-decoration: 	none;
		border: 			solid 2px #fff;
		margin-left:		1px;
		margin-right:		1px;
	}
	
	p#navGlobal {
		margin-top:		1px; 
		margin-left:	10px; 
		margin-bottom:	0;
	}
	
	p#navGlobal img {
		width:		90px;
		height:		30px; 
		border:		0;
		padding:	0;
		margin:		0;
	}

/* end: global nav */

/***** BEG: Videos page */

	table#videos { /*width: 600px;*/ }
	
	table#videos th {
		width: 				25%;
		/* background-color: 	#f00;*/
		color: 				#fff;
		font-family: 		Arial, Verdana, Helvetica, sans-serif;
		padding: 			3px;
	}
	
	table#videos td {
		width: 25%;
		vertical-align: 	top;
		/* background-color: 	#ddd; */
		padding: 			5px;
	}

	table#videos p.bodytext {
		text-align: center;
		margin-bottom: 0;
	}
	
	table#videos p.sm {
		text-align: center;
		margin-top: 0;
	}
	
	table#videos p#note { text-align: left; font-weight: bold; }
	
	img.videoPoster {
		width:		120px;
		height: 	90px;
		border: 	0;
		margin: 	2px;
	}
	
	div#mediaPlayers {
		width: 			300px;
		border: 		0;
		text-align: 	center;
		float: 			right;
		margin: 		1em;
	}
	
	table#headingAndMediaPlayers { }
	table#headingAndMediaPlayers td.heading { width: 30%; }
	table#headingAndMediaPlayers td.players { width: 70%; }
	
	div#mediaPlayers div#realmicroapple div { display: inline !important; border: 0; margin-top: 0; } /* this means the realmedia div */
		div#mediaPlayers img#getRealPlayer { margin-top: 0; }
	
	div#mediaPlayers h4 { margin-bottom: 4px; margin-top: 0; }
	
	div#mediaPlayers img { border: 0; }
	
	div#mediaPlayers div#realmicroapple { margin-top: 0; margin-bottom: 0; }
		div#mediaPlayers img#getWindowsMedia 	{ margin-right: 0; }
		div#mediaPlayers img#getQuicktime		{ 
			margin-left: 10px; 
			margin-right: 10px; 
			margin-bottom: 7px; 
		}
	
/***** END: Videos page */

/***** BEG: Store */

	div#orderCorsamini {
		text-align: center;
	}

	div#helpGoGoOrderButtons p form {
		margin-top: 	2px;
		margin-bottom: 	10px;
	}
	
	div#reKeefOrderButtons p form {
		margin-top: 	2px;
		margin-bottom: 	10px;
	}
	
	.donateNow {
		width: 			220px;
		float: 			right;
		border: 		solid 1px #f00;
		padding: 		5px;
		font-weight: 	normal;
	}

	div#secureShopping {
		padding: 5px;
	}
	
	div#secureShopping p {
		font-weight: bold;
		color: #003;
		margin-bottom: 0;
	}

	/* FEATURE PROD BOXES */
	table#featureBoxes {
		/* margin-left:	250px; needed for old store */
	}
	
		table#featureBoxes td {
			width: 205px;
		}

			.box {
				width: 		200px; 
				height: 	110px;
				border: 	solid 1px orange; 
			}
			
			.box p { margin-top: 25px; }
			
			/* MEMORABILIA */
			div#memorabiliaContainer {
				float: 				left; 
				margin-right:		5px; 
			}
			
				div#memorabiliaBox {
					background-image: 	url(/images/bg_prod_t_front_back.jpg); 
					background-repeat: 	no-repeat;
					text-align: 		center; 
					margin-right:		5px; 
				}
			
			/* HELP GOGO GO */
			div#gogoContainer {
				float: 				left; 
				margin-right:		5px; 
			}
			
				div#gogoBox {
					background-image: 	url(/images/bg_gogo_feature.jpg); 
					background-repeat: 	no-repeat;	
					text-align: 		center; 
					padding: 			0; 
				}
				
			/* Track Days */
			div#TrackDays {
				float: 				left; 
				margin-right:		5px; 
			}
			
				div#trackDaysBox {
					background-image: 	url(/images/bg_rb_feature.jpg);
					background-repeat: 	no-repeat;	
					text-align: 		center; 
					padding: 			0; 
				}
				
				
				
			
			/* CORSAMINI */	
			div#minibikeContainer {
				float: 				left;
				margin-right:		5px; 
			}
			
				div#minibikeBox {
					background-image: 		url(/images/bg_corsamini_full4.jpg); 
					background-repeat: 		no-repeat;
					text-align: 			center;
				
				}
			
			/* CONTRIBUTE */
			div#contributeContainer {
				float: 				left; 
				margin-right:		5px; 
			}
			
				div#contributeBox {
					background-image: 	url(/images/bg_contribute.jpg); 
					background-repeat: 	no-repeat;	
					text-align: 		center; 
					padding: 			0; 
				}
			
			/* REKNEEFUND */
			div#fundContainer {
				/* float: left; */
				width: 210px;
				/* margin-left: 320px; */
				/* margin-right: 5px; */
			}
			
				div#fundBox {
					background-image: 		url(/images/bg_road_to_recovery.gif); 
					background-repeat: 		no-repeat;
					text-align: 			center;
				
				}
				
	/* end: feature boxes */
	
	/* Contribute page */
	
	table#contribute {
		margin-left: 100px;
		margin-right: 100px;
		border: 	0;
	}
	
	table#contribute td {
		width: 			50%; 
		padding: 		5px;
		vertical-align: top;
	}
			
	div#supportKneeriders {
		padding: 3px;
	}
	
	div#memorabliliaProducts {
	
	}
	
	img.prodThumb {
		width: 		50px;
		height: 	50px;
		border: 	solid 1px #ccc;
		margin: 	3px;
		float: 		left;
	}
	
	div.prodBrief {
		border: solid 1px #f00;
		margin-right: 10px;
		margin-bottom: 10px;
		padding: 2px;
		clear: both;
	}
	
	div.prodBrief img {
		margin: 2px;
		border: solid 1px #ccc;
	}
	
	div.prodBrief p { 
		margin: 0;
		clear: left;
	
	}

	/* Track Days page */
	
	img#TrackDaysIco { float: right; border: solid 1px #ccc; }
	
	table#TrackDaysProds { 
		width: 600px; 
		/* 
		background-image: url(/images/rb_feature_trackdays.jpg);
		background-repeat: no-repeat;
		background-position: -50px 0;	*/
	}
	
	
	table#TrackDaysProds h2 { margin-top: .5em; }
	
	table#TrackDaysProds td {
		width: 50%;
		vertical-align: top;
		text-align: center;
		/* padding: 2em; */
	}	
	
	/* add style rules for mens womens colors */
	table#TrackDaysProds form {
		width: 350px;
		margin: 2px 1px;
		padding: 0;
		/* 
		margin-bottom: 3px;
		padding: 5px; 
		*/
		border: solid 1px #ccc; 
	}
	
	table#TrackDaysProds p { margin: 5px auto; }
	
	table#TrackDaysProds span { 
		padding: 3px; 
		font-weight: bold;
	}
	
	table#TrackDaysProds span.women {
		background-color: #f00;
		color: #fff;
	}
	
	table#TrackDaysProds span.men {
		background-color: #006;
		color: #fff;
	}
	
	div#RulesTrackDays { /* no current styles */ }
	
	/* end: Track Days page */



/***** END: Store */	


/***** BEG: racing (gogo) page */

	div#racingMain {
		/*
		background-image: url(/images/ra_bg_394.jpg);
		background-repeat: no-repeat;
		background-position: 50% 20px;
		*/
	}
	
		table#logos 	{ width: 580px; }
		table#logos td 	{ vertical-align: middle; }			 
	
		div#racingMain p img { margin: 3px; border: solid 1px #999; }
		
		#gogoImageLinks {
			text-align: 		center;
			background-color: 	#000;
		}
		
			#gogoImageLinks td { 
				text-align: 	center;
				width: 			121px; 
				vertical-align: top;
				margin: 		2px;
				padding: 		2px;
			}
		
			#gogoImageLinks img.imageLink {
				margin: 	0;
				padding: 	0;
				width: 		/*100px*/120px;
				height: 	/*67px*/75px;
				border: 	solid 5px;
			}
			
			#gogoImageLinks p.bodytext {
				text-align: center;
				margin:		0;
				padding: 	0;
			}
		
		img#tagTeamRacingLogo {
			border: 		solid 1px #666;
			margin: 		0;
		}
		
		 #tagTeamCollage {	
		 	border: 		solid 1px #666;
			margin: 		0 0 0 0;
		 }
		 
		#gogoIntroText { }	
		
		#gogoContactText { }
			
/* race dates table */
		
		table#raceDates {
			width: 			300px;
			border: 		solid 1px #666;
			margin-bottom: 	1em;
		}
		
		table#raceDates th {
			font-family: 		Arial, Helvetica, sans-serif;
			font-size: 			100%;
			font-weight: 		bold;
			color: 				#ccc;
			background-color: 	#333;
		}
		
		table#raceDates td {
			font-family: 		Arial, Helvetica, sans-serif;
			font-size: 			75%;
			padding: 			3px;
		}
		
	
/**** beg: scroll box containers */
	
	div#scrollboxContainer { 
		width: 				550px; 
		height: 			180px;
		margin-left: 		0;
		margin-bottom: 		1em;
		border: 			solid 0px #333;
	}
	
		div#scrollboxContainer div {
			width: 				265px; 
			height: 			130px; 
			border: 			0;
			margin: 			0;
		}
		
		div.scrollbox {
			width: 				265px; 
			height: 			130px; 
			background-color: 	#ccc; 
			overflow: 			auto;
			border: 			solid 5px #666;
			margin: 			0;
			padding: 			0;
		}
	
		div#scrollboxContainer div h3 { 
			text-align: 		center; 
			font-size: 			100%;
			font-weight: 		bold;
			color: 				#ccc;
			background-color: 	#666;
			margin: 			0;
			padding: 			2px;
		}
		
		div#teamUpdates {
			float: 				left;
			margin-right: 		10px;
				
		}
		
		div#gogosPit {
			float: 				right;
			margin-left: 		10px;
				
		}
		
		div.scrollbox p { 
			width:		85%;
			margin:	 	5px 0 5px 5px;
			font-size: 	75%;
		}
		
		div.scrollbox ul { 
			width:		60%;
			margin:	 	5px 0 5px 5px;
			font-size: 	75%;
		}

/**** end: scroll box containers */
/**** beg: announcing text block containers */

		.announcement {
			margin: 	5px;
			padding: 	5px;
			border: 	solid 1px #f00;
			
		}

/**** beg: video container */
	div#videoContainer {
		width: 307px;
		border: solid 1px #666;
		float: right;
	}
	
		div#videoContainer h2 		{ margin: 2px; }
		div#videoContainer p.sm 	{ text-align: center; }

		iframe#startVideo {
			width: 		305px;
			height: 	345px;
			border: 	solid 1px #666;
		}
		
		iframe#playingVideo {
			width: 		270px;
			height:		260px;
		}
		
/**** end: video container */