/*
	RESETS
*/
* { padding: 0; margin: 0; }
a { outline:none; }
* a img { border:none; }
hr { margin:5px 0; color:#99999; }

/*
Generic
*/

.highlight
{
	color:#E37F1C;
}


/*
	LAYOUT
*/

#cage
{
	width:100%;
    background-color: #DCE4E0;
	padding-bottom:33px;
}

#header, #homebody, #footer, #footer-spread 
{ 	
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 10px 0;
  width: 950px;
}

/*
	TOP NAV
*/

#header
{
	height:40px;
	padding-top:20px;
}

	#logo
	{
		float:left;
	}

	#mainnav
	{
		width:320px;
		float:left;
		height:45px;
	}
		
		#mainnav a
		{
			display:block;
			height:21px;
			line-height:21px;
			text-decoration:none;
			float:left;
		}
		
		#mainnav a#nav-home 
		{
			width:76px;
			background:url(/images/nav/main-nav-home.gif) no-repeat left center;		
		}
		#mainnav a#nav-home:hover
		{
			background-position:left top;
		}


		#mainnav a#nav-bikes 
		{
			width:75px;
			background:url(/images/nav/main-nav-bikes.gif) no-repeat left center;		
		}
		#mainnav a#nav-bikes:hover
		{
			background-position:left top;
		}
		
		#mainnav a#nav-accessories 
		{
			width:159px;
			background:url(/images/nav/main-nav-accessories.gif) no-repeat left center;		
		}
		#mainnav a#nav-accessories:hover
		{
			background-position:left top;
		}

		#mainnav a#nav-company 
		{
			width:116px;
			background:url(/images/nav/main-nav-company.gif) no-repeat left center;		
		}
		#mainnav a#nav-company:hover
		{
			background-position:left top;
		}

		#mainnav a#nav-blog 
		{
			width:70px;
			background:url(/images/nav/main-nav-blog.gif) no-repeat left center;		
		}
		#mainnav a#nav-blog:hover
		{
			background-position:left top;
		}

		#mainnav a#nav-contact 
		{
			width:124px;
			background:url(/images/nav/main-nav-contact.gif) no-repeat left center;		
		}
		#mainnav a#nav-contact:hover
		{
			background-position:left top;
		}


	#contact-links
	{
		float:left;
		width:350px;
		display:block;
	}
		#contact-links a
		{
			display:block;
			width:165px;
			height:45px;
			line-height:45px;
			text-decoration:none;
		}
		#contact-links a.dealer
		{
			background:url(/images/btn-find-a-dealer.gif) no-repeat left top;
		}
		#contact-links a.buy-direct
		{
			background:url(/images/btn-shop.gif) no-repeat left top;
		}
		
		#contact-links a:hover
		{
			background-position: left bottom;
		}

		#btn-dealer, #btn-buy-direct
		{
			float:left;
		}
		

/*
	BODY - home page
*/

#homebody
{
	background:url(../images/bg-home-top.gif) no-repeat top left;
	height:560px;
	position:relative;
}
	
	
	img.bike-front
	{
		top:0px;
		margin-left:77px;
		position:absolute;
		display:none;
		z-index:10;
	}
	
	img#btn-next-arrow
	{
		position:absolute;
		top:150px;
		left:920px;
		display:none;
		z-index:20;
	}
	
	div#nav-mini-home
	{
		position:absolute;
		width:200px;
		top:420px;
		left:0px;
		font-size:80%;
		z-index:40;
	}
	
	div#nav-mini-home a
	{
		color:#E37F1C;
		text-decoration:none;
	}
	
	div#nav-mini-home li
	{
		list-style:none;
	}	
	
	
#t2-container, #home-container
{
	width: 870px;
	
	text-align: left;
	vertical-align: middle;	
	margin: 0px auto;
	
	padding-left:80px;
	padding-top:77px;
	
	height:expression(this.scrollHeight > 300 ? "auto":"300px");
	min-height:300px;	
	display:table;
} @media screen and (-webkit-min-device-pixel-ratio:0) { #t2-container, #home-container { width: 950px; } }
#home-container { padding-top:0; background:url("/images/bg-home-top.gif") no-repeat scroll left top transparent; } 

	div#home-top-banner { background-image:url(/images/home/preorder-home-banner.png); background-repeat:no-repeat; width:815px; height:300px; margin-left:-2px; margin-top:2px;  position:relative; }
		div#home-top-banner ul { padding-top:200px; }
			div#home-top-banner li { list-style:none; line-height:2em; border-bottom:1px solid #f6f8f7; width:245px; font-size:12px; }
			div#home-top-banner li.bottom  { border-bottom:none; }
			a { text-decoration:none; }
			a:hover { text-decoration:underline; }

		img#btn-home-bikes { position:absolute; right:17px; top:210px; }
		
		
		#home-main-content-columns { }
			.home-col { width:290px; float:left; height:380px; } 
				.home-col h1 { margin-bottom:10px; }
				.hom-col img { margin:30px 0; }
				.home-col p { line-height:1.5em; font-size:12px; margin:10px 30px 10px 0px; }


	
	#col-left, #col-right 
	{
		width:160px;
		border-top:2px solid #EDF1EF;
	}

	#col-left
	{
		float:left;
		padding-top:15px;
	}
		ul#nav-side
		{
		}
		ul#nav-side li
		{
			list-style:none;
			display:block;
			background-color:#E8EDEB;
			font-size:85%;
			margin:3px 0;
		}
			ul#nav-side li.nav-cart { background-color:transparent; }
				ul#nav-side li.nav-cart a { color:#2E3E47; }

		body#page-cart textarea#note { width:400px; }
		
		ul#nav-side li a, ul#nav-side li p 	{ padding:3px 7px; display:block; color:#E37F1C; }
		ul#nav-side li p { color:#2E3E47; }
		
		ul#nav-side li a:hover
		{
			background-color:#fff;
		}
	
	#col-right
	{
		float:right;
		padding-top:15px;		
	}
	
	#content
	{
		border-top:2px solid #EDF1EF;
		margin:0 170px;
		padding-top:15px;		
	}	
		/*bike gallery page, small image view*/
		#content div.bike-specs-copy
		{
			width:50%;
			float:left;
		}
		
		#content div.bike-title-small
		{
			/*border-bottom:2px solid #EDF1EF;*/
			height:35px;
			margin-right:10px;
		}
		
		#content div.bike-pic-small
		{
			margin:5px 10px 5px 0;
			border-bottom:2px solid #EDF1EF;
			height:200px;
		}
		
		#content div.bike-description-small
		{
			padding:0 3px;
		}
			#content div.bike-description-small p
			{
				font-size:85%;
				margin-top:10px;
			}
		
		#content div.bike-specs-small
		{
			margin:10px 10px 10px 0;
			border-top:2px solid #EDF1EF;
		}
			#content div.bike-specs-small div.swatches-small
			{
				width:110px;
				border-right:2px solid #EDF1EF;
				float:left;
				height:20px;
				padding-top:5px;
			}
			#content div.bike-specs-small div.swatches-small img
			{
				float:left;
				padding:2px;
			}
			
			#content div.bike-specs-small div.specs-link-small
			{
				height:25px;
				line-height:25px;
				float:left;
			}
				#content div.bike-specs-small div.specs-link-small p
				{
					padding-left:10px;
				}
				#content div.bike-specs-small div.specs-link-small a
				{
					color:#2E3E47;
					text-decoration:none;
					font-size:85%;
				}
				#content div.bike-specs-small div.specs-link-small a:hover
				{
					text-decoration:underline;
				}

			
		/*bike specifications page*/
		h1.bike-specs-title { text-indent:-10000px; background:url(/images/bikes/title-specifications.gif) left no-repeat; margin-top:20px; margin-left:12px; } 
		
		a.swatch { float:left; margin-top:17px; display:block; height:20px; width:80px; background-position: top; background-repeat:no-repeat; }
		a:hover.swatch { background-position:center; }
		a.swatch.selected { background-position:bottom; } 
		
		a.swatch-black { background-image:url(/images/bikes/swatch-black.png); }
		a.swatch-blue { background-image:url(/images/bikes/swatch-blue.png); }
		a.swatch-yellow { background-image:url(/images/bikes/swatch-yellow.png); }		
		
		#content div.bike-specs
		{
			padding:0 3px;
		}
			#content div.bike-specs ul 	{ border-top:1px solid #EDF1EF; }
			
			#content div.bike-specs li
			{
				list-style:none;
				line-height:20px;
				border-bottom:1px solid #EDF1EF; 
				font-size:85%;
				margin-right:8px;
				padding-left:10px;
			}
	
		
		
		#gallery-main-image { text-align:center; }
		
		
		/*bike gallery page, large image view*/
		#content div.bike-specs-large
		{
			float:left;
			border-right:2px solid #EDF1EF;
			height:30px;
			position:relative;
		}
		
		#content div.bike-specs-large p.text-links
		{
			position:absolute;
			bottom:0;
			padding-left:7px;
			font-size:85%;			
		}
			#content div.bike-specs-large p a
			{
				color:#2E3E47;
				text-decoration:none;
			}
		
		#content div.bike-specs-large p a:hover
		{
			text-decoration:underline;	
		}
		
		
		/*bike Buy Direct page*/
		#content div.buy-direct-info
		{
			padding:0 3px;
		}
			#content div.buy-direct-info h3
			{
				line-height:20px;
			}
			#content div.buy-direct-info li
			{
				list-style:none;
				line-height:17px;
				font-size:85%;
				margin-right:8px;
				padding:5px 0;
			}
			#content div.buy-direct-info li.w-lines
			{
				border-bottom:2px solid #EDF1EF; 
				border-top:2px solid #EDF1EF; 
				line-height:28px;
			}
			
			#content div.buy-direct-title-small
			{
				height:30px;
				margin-right:10px;
			}

		
		
		#content div.title-lg { width:145px; background:url(/images/bikes/title-model.gif) left top no-repeat; margin-left:10px; } 
			#content div.title-lg p { margin-top:10px; font-weight:bold; font-size:110%; } 
		#content div.color-lg { width:390px; background:url(/images/bikes/title-color.gif) left top no-repeat; margin-left:10px; }
			#content div.color-lg img { position:absolute; top:16px; right:10px; }
			#content div.color-lg p { margin-top:10px; font-weight:bold; font-size:110%; } 
		#content div.specs-lg { width:95px;}
		#content div.buy-lg { margin-top:10px; width:125px; border-right:none; padding-left:15px; }
		#content div.next-lg { width:169px; border-right:none;}
			#content div.next-lg a img { position:absolute; top:10px; right:0; }
			
		#content div#bike-full-image img
		{
			margin-top:25px;
		}
		
		/*contact page*/
		#content div.contact-columns
		{
			width:255px;
			float:left;
		}
				
		#content div.contact-title
		{
			margin-right:10px;
		}
			.contact-title p { font-size:11px; }
		
		#content div.contact-text ul
		{
		}

		#content div.contact-text li
		{
			list-style:none;
			line-height:16px;
			border-bottom:2px solid #EDF1EF; 
			font-size:85%;
			margin-right:8px;
			padding-bottom:8px;
			padding-top:5px;
		}
		
		/*press page*/
		#content div.press-columns
		{
			width:255px;
			float:left;
		}
				
		#content div.press-title
		{
			margin-right:10px;
			border-bottom:2px solid #EDF1EF; 			
		}
		
		#content div.press-text ul
		{
		}

		#content div.press-text li
		{
			list-style:none;
			line-height:16px;
			border-bottom:2px solid #EDF1EF; 
			font-size:85%;
			margin-right:8px;
			padding-bottom:8px;
			padding-top:5px;
		}
		
		/*accessories page*/
		#content div.accessories-columns
		{ 
			width:255px;
			float:left;
		}
				
		#content div.accessories-title
		{
			margin-right:10px;
			border-bottom:2px solid #EDF1EF; 			
		}
		
		#content div.accessories-text ul
		{
		}

		#content div.accessories-text li
		{
			list-style:none;
			line-height:16px;
			border-bottom:2px solid #EDF1EF; 
			font-size:85%;
			margin-right:8px;
			padding-bottom:8px;
			padding-top:5px;
		}


		/*contest page*/
		div.link-contest-entry { display:block; clear:both;  float:left; padding:10px 0; border-top:1px solid #fff; width:100%; }
		div.link-contest-entry p.code { margin-top: 15px; font-size:90%; }
		
		
				

				
#footer-spread
{
	width:100%;
	clear:both;
	float:left;
}
#footer-spread.store { background-color:#D0DAD6; } 

	#footer	{ position:relative; }
	#footer-copyright { font-size:11px; border-top:1px solid #fff; padding-top:10px; margin-top:10px; margin-left:5px; } 
	
	
	#social-links { clear:both; margin-left:105px; font-size:11px; float:right; }
		#social-links input[type="text"] { background-color:#dce4e0; width:200px; border:1px solid #fff; padding:5px; font-size:14px; color:#96a1a2; }
			#social-links td p { padding:0 10px 0 0; } 

	
/******************************************
	HTML
*******************************************/
body
{
	background-color:#D0DAD6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
    color: #2E3E47;
    margin: 0;
	text-align:center;
}  


h1 
{
	font-size:large;
}

h2
{
}
	

h3
{
	line-height:.8em;
}

h4
{
	padding:5px 0;
	margin:5px 0;
}

h5
{
}

a
{
	color:#E37F1C;
}	



/****************************
	HELPERS
*****************************/
div.render-normal p { margin-bottom:10px; }
div.render-normal ul { margin-left:25px; }

.clear  { clear:both; }
.clearleft { clear:left; }
.center { text-align:center; }
.q { font-weight:bold; font-size:110%; padding:10px 0 0 0; }
.a { }

/*---------
js helers
---------*/
.invisible
{
	visibility:hidden !important;
}

.hide 
{
	display:none !important;
}