/*
	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
{
	width: 870px;
	
	text-align: left;
	vertical-align: middle;	
	margin: 0px auto;
	
	padding-left:80px;
	padding-top:100px;
	
	height:expression(this.scrollHeight > 300 ? "auto":"300px");
	min-height:300px;	
	display:table;
} @media screen and (-webkit-min-device-pixel-ratio:0) { #t2-container { width: 950px; } }
	
	#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-small
		{
			width:260px;
			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*/
		#content div.bike-specs
		{
			padding:0 3px;
		}
			#content div.bike-specs ul
			{
				
			}
			#content div.bike-specs li
			{
				list-style:none;
				line-height:20px;
				border-bottom:2px solid #EDF1EF; 
				font-size:85%;
				margin-right:8px;
			}
	
		
		/*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:170px; 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.order-lg { width:85px; border-right:none;}
		#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;
		}
		
		#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;
	}
	
	div#nav-footer
	{
		position:absolute;
		width:120px;
		top:20px;
		left:80px;
		font-size:80%;
		padding-bottom:25px;
		
	}
	
	div#nav-footer a
	{
		color:#E37F1C;
		text-decoration:none;
	}
	
	div#nav-footer li
	{
		list-style:none;
	}	

	
/******************************************
	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;
}