﻿/************************************
**		HOME					   **
************************************/

#header_wrapper 
{
	position: relative;
	z-index: 3;
}

#content_wrapper 
{
	position: relative;
	z-index: 2;
}

#home 
{
	position: relative;
}

#home .box 
{
	/*width: 50%;*/
}

#ticketwrapper 
{
	position: absolute;
	top: 0;
	right: 20px;
}

/************************************
**		PRODUCT					   **
************************************/
#product 
{
	position: relative;
}
	#product .image,
	#product .description 
	{
		vertical-align: top;
		display: inline-block;
		position: relative;
	}
	
	#product .intro-pricing 
	{
		position: absolute;
		right: 1px;
	}
	
	#product .intro-pricing .box 
	{
		width: 139px;
	}
	
		#product .image .box .content
		{
			
		}
	
		#product .description 
		{
			width: 245px;
			padding: 15px 0 0;
		}
		
			#product .description .category_nav 
			{
				margin: 0 0 15px;
				padding: 0;
				list-style-type: none;
			}
				#product .description .category_nav li
				{
					display: inline-block;
					position: relative;
					left: 2px;
					top: 2px;
					margin: 0 5px 0 0;
					
				}
				
				#product .description .category_nav li.selected
				{
					background-color: #dbdbdb;	
				}
					#product .description .category_nav li span 
					{
						display: inline-block;
						position: relative;
						height: 22px;
						left: -2px;
						top: -2px;
					}
					
					#product .description .category_nav li a
					{
						display: inline-block;
						width: 20px;
						height: 16px;
						padding: 4px 0 0 0;
						border: 1px solid #b1b1b1;
						background-color: #FFFFFF;
						text-align: center;
						text-decoration: none;
						font-size: 10px;
						font-weight: bold;
						color: #636363;
						text-transform: uppercase;
					}
					
					#product .description .category_nav li.selected a,
					#product .description .category_nav li a:hover 
					{
						color: #FFFFFF;
						background-color: Transparent;
					}
	
			#product .description h2 
			{
				color: #636363;
				font-size: 24px;
				text-transform: uppercase;
				margin: 0 0 0;
			}
			
			#product .description h3 
			{
				font-family: Times, Serif;
				font-size: 18px;
				font-weight: normal;
				text-transform: uppercase;
				margin: 0 0 10px;
			}
			
			#product .description p 
			{
				color: #000000;
			}
			
			#product .description .box 
			{
				width: 100%;
				position: relative;
				left: -20px;	
			}
				#product .description .box .content
				{
					padding: 10px 0 10px;
					text-align: center;
				}
				
					#product .description .box .content p 
					{
						text-align: left;
						font-size: 11px;
						color: #686969;
						padding: 0 0 0 15px;
						margin: 0 0 4px;
						text-transform: uppercase;
					}
					
						#product .description .box .content p a 
						{
							color: #000000;
							padding: 0 32px 0 0;
							background: url(/images/content/products/category-arrow.gif) no-repeat right top;
							font-size: 14px;
							font-weight: normal;
							text-transform: uppercase;
							text-decoration: none;
						}
						
						#product .description .box .content p a:hover 
						{
							text-decoration: underline;
						}
						
						#product .description .box .content img
						{
							/*width: 100%;*/
							height: 100px;
						}

/************************************
**		PRODUCT NAV				   **
************************************/
#product_nav 
{
	margin: 0;
	padding: 0;
	
	display: block;
	width: 100%;
	height: 60px;
	list-style-type: none;
	background: #FFFFFF url(/images/layout/products/products-nav-bg.gif) repeat-x left top;
}
	#product_nav li
	{
		display: inline;
		margin: 0 0 0 -3px;
	}
	
	#product_nav li.rating
	{
		float: left;
		font-size: 10px;
		font-weight: bold;
		text-transform: uppercase;
		color: #000000;
		padding: 0 12px 0;
		position: relative;
		overflow: auto;
	}
	
		#product_nav li.rating div 
		{
			float: left;
		}
		
			#product_nav li.rating div.label,
			#product_nav li.rating div.avg
			{
				margin-right: 8px;
				padding: 8px 0 8px;
			}
	
			#product_nav li.rating .review_stars
			{
				margin-right: 8px;
				width: 65px;
				height: 28px;
				background-color: #CCCCCC;
				position: relative;
			}
	
			#product_nav li.rating .review_stars .rating 
			{
				height: 28px;
				background-color: #fffe3d;
			}
			
			#product_nav li.rating .review_stars .stars
			{
				position: absolute;
				left: 0;
				top: 0;
				height: 28px;
				width: 65px;
				background: url(/images/content/products/reviews/product-nav-stars.gif) no-repeat left top;	
			}
	
		#product_nav li a 
		{
			font-size: 12px;
			color: #FFFFFF;
			text-transform: uppercase;
			text-decoration: none;
			display: inline-block;
			padding: 8px 12px 8px;
			height: 11px;
			background: #7c7b7b url(/images/layout/main-nav-bg.gif) no-repeat left top;
		}
		
		#product_nav li a:hover,
		#product_nav li.selected a
		{
			color: #5d5959;
			text-transform: uppercase;
			background: #7c7b7b url(/images/layout/main-nav-selected-bg.gif) repeat-x left top;
		}
		
		#product_nav li.rating a
		{
			font-size: 10px;
			font-weight: normal;
			color: #000000;
			text-transform: none;
			text-decoration: underline;
			display: inline;
			padding: 0;
			height: auto;
			background: transparent none no-repeat left top;
		}
		
/************************************
**		PRODUCT TAB				   **
************************************/
#product_tab 
{
	padding: 0 0 0 180px;
}

	#product_tab table 
	{
		
		border-collapse: collapse;
	}
		
		#product_tab table tr th,
		#product_tab table tr td 
		{
			padding: 4px;
		}
		
		#product_tab table tr td 
		{
			padding-right: 20px;
		}
		
		#product_tab table tr td.title
		{
			padding: 4px 30px 4px 4px;
		}
		
		#product_tab table tr.alt th,
		#product_tab table tr.alt td 
		{
			background-color: #ebebeb;
		}
		
		#product_tab table tr th
		{
			font-weight: bold;
			text-transform: uppercase;
			color: #000000;
			padding-right: 18px;
		}

/************************************
**		PRODUCT REVIEWS			   **
************************************/

#review_nav 
{
	width: 600px;
	margin: 0 0 25px;
	padding: 0;
	list-style-type: none;
}
	#review_nav li
	{
		display: inline;
		margin: 0 15px 0 0;
	}

		
.review 
{
	width: 600px;
	margin: 0 0 40px;
	padding: 0 0 24px;
	border-bottom: 1px solid #CCCCCC;
}

	table.add_review tr th,
	table.add_review tr td,
	.review table tr th,
	.review table tr td
	{
		vertical-align: top;
	}

	.review .review_bar 
	{
		width: 100px;
		height: 11px;
		border: 1px solid #787373;
		background-color: #CCCCCC;
		position: relative;
	}
	
		.review .review_bar .rating 
		{
			height: 11px;
			background: url(/images/content/products/reviews/review-bar-fill.gif) repeat-x left top;	
		}
		
	.review_stars
	{
		width: 65px;
		height: 12px;
		background-color: #CCCCCC;
		position: relative;
	}
	
		.review_stars .rating 
		{
			height: 12px;
			background-color: #fffe3d;
		}
		
		.review_stars .stars
		{
			position: absolute;
			left: 0;
			top: 0;
			height: 12px;
			width: 65px;
			background: url(/images/content/products/reviews/review-bar-stars.gif) no-repeat left top;	
		}
		


/************************************
**		PRODUCT GALLERY			   **
************************************/

#tabGallery table tr td a 
{
	display: block;
	position: relative;
	text-indent: -999em;
	width: 90px;
	height: 60px;
	overflow: hidden;
	border: 2px solid #686969;
	background-repeat: no-repeat;
	background-position: center center;
}

/************************************
**		BOXES					   **
************************************/

.box 
{
	width: 50%;
	margin: 0 0 0 0;
	/*display: inline-block;*/
	float: left;
}

	.box .top 
	{
		height: 20px;
		background-image: url(/images/content/boxes/box-top.gif);
		background-repeat: no-repeat;
		background-position: right top;
	}
	
		.box .top .corner
		{
			float: left;
			width: 25px;
			height: 20px;
			background: url(/images/content/boxes/box-top.gif) no-repeat -4px top;
		}
		
	.box .bottom 
	{
		width: 100%;
		height: 20px;
		background: url(/images/content/boxes/box-bottom.gif) no-repeat right top;
	}
	
		.box .bottom .corner
		{
			float: left;
			width: 25px;
			height: 20px;
			background: url(/images/content/boxes/box-bottom.gif) no-repeat -4px top;
		}
	
	.box .left 
	{
		background: url(/images/content/boxes/box-left.gif) repeat-y left top;
	}
	
	.box .right 
	{
		background: url(/images/content/boxes/box-right.gif) repeat-y right top;
	}
	
	.box .fill
	{
		padding: 0 20px;
	}
	
	.box .content
	{
		width: 100%;
		height: 100%;
		overflow: hidden;
		background: url(/images/content/boxes/box-fill.gif) repeat-x left bottom;
	}
	
	.box .copy
	{
		display: none;
	}
	
	.box a.title
	{
		display: block;
		padding: 75px 0;
		text-align: center;
		text-decoration: none;
		font-size: 44px;
		color: #787373;
		font-weight: bold;
		text-transform: uppercase;
	}
	
/************************************
**		FAQs					   **
************************************/

#faqs 
{
	overflow: auto;
}

#faqs .expanded
{
	width: 100%;
}
	#faqs .expanded .content 
	{
		width: 880px;
		padding: 0 20px 30px;
	}

	#faqs .expanded h2 
	{
		display: block;
		float: left;
		width: 100%;
		clear: both;
		overflow: auto;
		color: #787373;
		margin: 20px 0 8px;
		padding: 0 0 24px;
		font-size: 44px;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: 1px solid #787373;
	}
	
		#faqs .expanded h2 span
		{
			display: block;
			float: left;
		}
	
		#faqs .expanded h2 a
		{
			display: block;
			float: right;
			color: #000000;
			margin: 18px 0 0;
			padding: 1px 32px 0 18px;
			background: url(/images/content/products/category-arrow.gif) no-repeat right top;
			font-size: 14px;
			font-weight: normal;
			text-transform: uppercase;
			text-decoration: none;
		}
		
		#faqs .expanded h2 a:hover
		{
			text-decoration: underline;
		}
		
		#faqs .expanded h3 
		{
			font-size: 18px;
			font-weight: normal;
			margin: 0 0 10px;
			color: #000000;
		}
		
		#faqs .expanded ol,
		#faqs .expanded ul
		{
			clear: both;
		}
		
		#faqs .expanded ul
		{
			margin: 20px 0 0;
			padding: 0;
			list-style-type: none;
		}
		
			#faqs .expanded ul li
			{
				margin: 30px 0 30px;
			}

#faqs .box .ghost 
{
	background: url(/images/content/faqs/FAQ-Ghost.gif) no-repeat center center;
}

/************************************
**		CATEGORIES				   **
************************************/

#categories 
{
	
}

	#categories h2 
	{
		display: block;
		float: left;
		width: 920px;
		clear: both;
		overflow: auto;
		color: #787373;
		margin: 20px 0 8px;
		padding: 0 18px 24px;
		font-size: 44px;
		font-weight: bold;
		text-transform: uppercase;
	}
	
		#categories h2 span
		{
			display: block;
			float: left;
		}
	
		#categories h2 a
		{
			display: block;
			float: right;
			color: #000000;
			margin: 18px 0 0;
			padding: 1px 32px 0 18px;
			background: url(/images/content/products/category-arrow.gif) no-repeat right top;
			font-size: 14px;
			font-weight: normal;
			text-transform: uppercase;
			text-decoration: none;
		}
		
		#categories h2 a:hover
		{
			text-decoration: underline;
		}
		
	#categories .box .ghost 
	{
		padding-top: 8px;
		background-repeat: no-repeat;
		background-position: center 10px;
	}
	
	#categories .box .content 
	{
		padding: 0 0 8px;
	}
	
	#categories .box .content h3,
	#categories .box .content h4 
	{
		margin: 0;
		padding: 0 0 0 18px;
	}
		
		#categories .box .content h3,
		#categories .box .content h3 a 
		{
			color: #636363;
			display: block;
			font-size: 20px;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
		}
		
		#categories .box .content h4 
		{
			margin: 0 0 8px;
			font-family: Times, Serif;
			font-weight: normal;
			text-transform: uppercase;
			font-size: 14px;
		}
		
	#categories .box .content p
	{
		float: left;
		clear: both;
		/*height: 16px;*/
		height: 60px;
		padding: 0 32px 0 18px;
		/*background: url(/images/content/products/category-arrow.gif) no-repeat right top;*/
		color: #000000;
	}
		#categories .box .content p a
		{
			color: #000000;
			text-decoration: none;
		}
		
		#categories .box .content p a:hover
		{
			text-decoration: underline;
		}
		
	#categories table.bikes 
	{
		border-collapse: collapse;
		padding: 0;
		margin-bottom: 15px;
		width: 100%;
		height: 240px;
	}
	
		#categories table.bikes tr td 
		{
			padding: 0;
			vertical-align: bottom;
			text-align: center;
		}
		
			#categories .box .content table.bikes tr td p
			{
				float: none;
				height: auto;
				background-image: none;
				padding: 0;
				clear: both;
			}
			
			#categories .box .content table.bikes tr td p a
			{
				font-size: 14px;
				text-transform: uppercase;
			}
			
/************************************
**		SUPPORT					   **
************************************/

#support 
{
	overflow: auto;
}

#support .expanded
{
	width: 100%;
}
	#support .expanded .content 
	{
		width: 880px;
		padding: 0 20px 30px;
	}

	#support .expanded h2 
	{
		display: block;
		float: left;
		width: 100%;
		clear: both;
		overflow: auto;
		color: #787373;
		margin: 20px 0 8px;
		padding: 0 0 24px;
		font-size: 44px;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: 1px solid #787373;
	}
	
		#support .expanded h2 span
		{
			display: block;
			float: left;
		}
	
		#support .expanded h2 a
		{
			display: block;
			float: right;
			color: #000000;
			margin: 18px 0 0;
			padding: 1px 32px 0 18px;
			background: url(/images/content/products/category-arrow.gif) no-repeat right top;
			font-size: 14px;
			font-weight: normal;
			text-transform: uppercase;
			text-decoration: none;
		}
		
		#support .expanded h2 a:hover
		{
			text-decoration: underline;
		}
		
		#support .expanded ol,
		#support .expanded ul
		{
			clear: both;
		}
		
		#support .expanded ul
		{
			margin: 20px 0 0;
			padding: 0;
			list-style-type: none;
		}
		
			#support .expanded ul li
			{
				margin: 10px 0 10px;
			}
		
		#support .expanded div 
		{
			float: none;
			clear: both;
		}
		
		#support .registered_bikes 
		{
			border: 0;
			margin: 20px 0;
		}
			#support .registered_bikes tr td,
			#support .registered_bikes tr th
			{
				border: 0;
				padding-right: 15px;
			}
			
			#support .registered_bikes tr td 
			{
				padding: 5px 15px 5px 0;
			}
			
			
		
/************************************
**		MISC CONTENT			   **
************************************/

#misc_content .expanded
{
	width: 100%;
}
	#misc_content .expanded .content 
	{
		width: 880px;
		padding: 0 20px 30px;
	}

	#misc_content .expanded h2 
	{
		display: block;
		float: left;
		width: 100%;
		clear: both;
		overflow: auto;
		color: #787373;
		margin: 20px 0 8px;
		padding: 0 0 24px;
		font-size: 44px;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: 1px solid #787373;
	}
	
		#misc_content .expanded h2 span
		{
			display: block;
			float: left;
		}
	
		#misc_content .expanded h2 a
		{
			display: block;
			float: right;
			color: #000000;
			margin: 18px 0 0;
			padding: 1px 32px 0 18px;
			background: url(/images/content/products/category-arrow.gif) no-repeat right top;
			font-size: 14px;
			font-weight: normal;
			text-transform: uppercase;
			text-decoration: none;
		}
		
		#misc_content .expanded h2 a:hover
		{
			text-decoration: underline;
		}
		
		#misc_content .expanded h3 
		{
			font-size: 18px;
			font-weight: normal;
			margin: 0 0 10px;
			color: #000000;
		}
		
		#misc_content .expanded ol,
		#misc_content .expanded ul
		{
			clear: both;
		}
		
		#misc_content .expanded ul
		{
			margin: 20px 0 0;
			padding: 0;
			list-style-type: none;
		}
		
/************************************
**		DOWNLOADS				   **
************************************/

ul.files li.pdf a 
{
	display: block;
	height: 27px;
	padding: 8px 0 0 30px;
	background: url(/images/layout/support/pdf-icon.gif) no-repeat left top;
}

/************************************
**		ALL REVIEWS				   **
************************************/

#all-reviews 
{
	padding: 15px 40px 0 40px;
}

#all-reviews h2 
{
	color: #3b3b3b;
	font-size: 12px;
	clear: both;
	text-transform: uppercase;
}

#all-reviews .box
{
	margin: -20px 0 12px -20px;
}

#all-reviews .review 
{
	width: 100%;
	float: left;
	clear: both;
	overflow: auto;
	margin: 0 0 10px;
	padding: 0 0 10px;
}

#all-reviews .review table.review-copy
{
	border-collapse: collapse;
	width: 600px;
}

#all-reviews .product-selector a 
{
	display: inline-block;
	text-align: center;
	width : 110px;
	margin: 0 0 0 10px;
	position: relative;
	top: 10px;
	text-decoration: none;
}

#all-reviews .product-selector .product-group 
{
	display: inline-block;
	margin-bottom: 25px;
	width: 435px;
}

	#all-reviews .product-selector .review_stars
	{
		display: inline-block;
		text-align: left;
	}
	
		#all-reviews .product-selector .review_stars .rating 
		{
			display: inline-block;
		}
		
		#all-reviews .product-selector .review_stars .stars
		{
			display: inline-block;
		}

#all-reviews .product-selector img.category-header 
{
	border-right: 1px solid #c2c7c9;
	padding: 10px 20px;
}

	#all-reviews .product-selector a img
	{
		width : 100%;
		text-decoration: none;
	}
	
	#all-reviews .product-selector a span.name
	{
		font-size: 13px;
		text-transform: uppercase;
		display: block;
		width : 100%;
		text-decoration: none;
		text-align: center;
	}
	
#all-reviews .reviews-header 
{
	width: 100%;
	overflow: auto;
	margin: 20px 0;
	padding: 20px 0;
	border-top: 1px solid #c2c7c9;
	border-bottom: 1px solid #c2c7c9;
}

	#all-reviews .reviews-header .name
	{
		display: inline-block;
		float: left;
		margin-top: 6px;
		font-size: 13px;
		text-transform: uppercase;
	}
	
	#all-reviews .reviews-header .photo-link-button 
	{
		display: inline-block;
		margin-top: -4px;
		float: right;
		text-indent: -999em;
		width: 257px;
		height: 35px;
		background: url(/images/content/reviews/photo-link-button.gif) no-repeat left top;	
	}

#all-reviews .review-header 
{
	width: 100%;
	overflow: auto;
	clear: both;
	margin-top: 0;
	padding: 20px 0;
	background-color: #e6e6e8;
	border-top: 1px solid #C2C7C9;
}

#all-reviews .review-header img.category-header 
{
	border-right: 1px solid #c2c7c9;
	padding: 10px 20px;
}

#all-reviews .review-header .product-info 
{
	display: inline-block;
	vertical-align: top;
	padding: 10px 14px 0;
}

#all-reviews .review-header .product-info p 
{
	margin: 0;
	text-transform: uppercase;
	font-size: 10px;
}

#all-reviews .review-header .product-info p strong
{
	font-size: 12px;
}

#all-reviews .review-header .product-info .review_stars 
{
	margin: 5px 0 10px;
	text-transform: uppercase;
	font-size: 10px;
}

#all-reviews .review-header .product-info .review_stars .stars
{
	background: url(/images/content/reviews/review-bar-stars-dark-gray.gif) no-repeat left top;
}

#all-reviews .review-header a.product-link
{
	display: inline-block;
	vertical-align: top;
	}

#all-reviews .reviews-body 
{
	background-color: #f2f2f3;
	padding: 12px;
}

#all-reviews .review-header a.product-link img
{
	height: 60px;
}

	#all-reviews .review-header .other-reviews
	{
		margin: 10px 0 0 35px;
		padding: 0;
		display: inline-block;
		vertical-align: top;
		list-style-type: none;
	}
	
		#all-reviews .review-header .other-reviews li
		{
			font-size: 12px;
			color: #000000;
		}
		
		#all-reviews .review-header .other-reviews li.heading
		{
			margin-bottom: 10px; 
		}
		
			#all-reviews .review-header .other-reviews li a
			{
				
			}

#all-reviews .review-header a,
#all-reviews .reviews-body a
{
	color: #1111ff;
}	

#all-reviews .review table tr td,
#all-reviews .review table tr th 
{
	text-align: left;
}

#all-reviews .review table strong 
{
	color: #3b3b3b;
	font-size: 12px;
}	

#all-reviews .review table .review_bar
{
	margin-right: 20px;
}

#all-reviews .review table tr td.review-title,
#all-reviews .review table tr td.ratings
{
	padding-bottom: 12px;
}

#all-reviews .review table tr.full-review th
{
	padding: 0 12px 10px 0;
}

#all-reviews .review a.full-review 
{
	font-weight: bold;
}

#all-reviews .review .review_stars .stars {
	background: url(/images/content/reviews/review-bar-stars-light-gray.gif) no-repeat left top;
}

		
ul.bookmarks 
{
	margin: 8px 0 0;
	padding: 0;
	list-style-type: none;	
}

ul.bookmarks li
{
	display: inline;
	margin-left: 8px;
	padding-left: 8px;
	border-left: 1px solid #CCCCCC;
}

ul.bookmarks li.first
{
	margin-left: 0;
	padding-left: 0;
	border-left: 0;
}

#all-reviews ul.bookmarks li a 
{
	color: #000000;
}