@charset "UTF-8";

/* ##############################################
Global Tags & Classes
############################################## */

* { /* reset */
	margin:0;
	padding:0;
	font-size:inherit;
	/*font-weight:inherit;*/
}

body {
	font: 14px Arial, Helvetica, sans-serif;
	background: #000;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #fff;
}

a img {
	border:none;
}

a,
a:link,
a:active,
a:visited
{
	color:#26A9E0;
	text-decoration:none;
}

a:hover
{
	color:#26A9E0;
	text-decoration:underline;
}

h1 {
	font-size:38px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}

h2 {
	font-size:18px;
	padding-bottom:6px;
	font-weight:bold;
}

h3 {
	font-size:18px;
	padding-bottom:6px;
	font-weight:bold;
}

p {
	padding-bottom:12px;
}

hr {
	margin-bottom:18px;
}

.blue {
	color:#00549E;
}

.sprite {
	background-image:url(../images/spritesheet.gif);
}

.clear {
	clear:both;
}

.required {
	color:#F00;
}

.rule {
	margin-top:12px;
	margin-bottom:12px;
	border-bottom:solid 1px #666;
}

.textpage {
	line-height:1.6em;
}

/* ##############################################
Structure 
############################################## */

#container {
	width: 950px;  
	margin: 0 auto; 
	text-align: left; 
	overflow:visible;
}

#header {
	position:relative;
	height:90px;
}

#header #logo {
	position:absolute;
	top:10px;
	left:0px;
	width:326px;
	height:66px;
	background-position: 0px 0px;
}

#header #facebook {
	position:absolute;
	top:10px;
	left:920px;
	width:26px;
	height:26px;
	background-position: -200px -232px;
}

#header #tagline {
	position:absolute;
	top:40px;
	right:0px;
	width:625px;
	height:36px;
	
	text-align:right;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size:30px;
}




#mainMenu {
	height:25px;
	width:980px;
}

#mainMenu a,
#mainMenu a:link,
#mainMenu a:active,
#mainMenu a:visited 
{
	display:block;
	float:left;
	height:19px;
	background-position: 0px -100px;	
	border-left: solid 1px #666;
	padding: 6px 13px 0px 13px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

#mainMenu a.first {
	border-left: none;
}

#mainMenu a:hover {
	background-position: 0px -128px;
}



#mainContent {
	position:relative;
	margin-top:8px;
	clear:both;
}


#footer {
	position:relative;
	margin-top:12px;
	height:72px;
	clear:both;	
}

#footer #legal {
	font-size:10px;
	color:#666;
}

#footer #footmenu {
	position:absolute;
	top:0px;
	right:0;
	text-align:right;
}

#footer #footmenu a {
	font-weight:bold;
	color:#fff;
}

#addthis {
	float:right;
}

/* ##############################################
Home 
############################################## */

#homeImageArea 
{
	width:620px;
	float:left;
	position:relative;
}

#homeImageArea #slideshow
{
	width:620px;
	height:413px;
	background-color:#333;
}

#photonav {
	position:absolute;
	top: 390px;
	right:0;
	padding-right:6px;
	z-index:1000;
}

#photonav a { 
  background: #333; 
  color:#fff;
  text-decoration: none; 
  margin: 0 2px; 
  padding: 3px 5px;  
}

#photonav a.activeSlide { 
  background: #00529F;
}

#photonav a:focus { 
  outline: none; 
}


#homeBanners 
{
	margin-top:5px;
}

#homeBanners a
{
	display:block;
	height:87px;
}

#homeBanners a#banner1
{
	background-position: 0px 0px;
	width:308px;
	float:left;
}

#homeBanners a#banner2
{
	background-image:url(../images/homeBanners.gif);
	background-position: 0px -87px;
	margin-left:4px;
	width:308px;
	float:left;
}
#homeBanners a#banner3 {
	width: 326px;
	float:right;
}

#homeNews 
{
	width:326px;
	margin-left:4px;
	float:left;	
}

#newsAccordionContainer 
{
	height: 365px;
}

#newsAccordion 
{
}

#newsAccordion h3
{
	height: 32px;
	padding-top:4px;
	padding-left:4px;
	padding-bottom:0px;
	margin-top:4px;
	background-position: 0px -194px;
}

#newsAccordion h3.ui-state-active
{
	background-position: 0px -156px;
}

#newsAccordion h3 a
{
	font-weight: bold;
	font-size:11px;
}

#newsAccordion h3 a .newsTitle
{
	font-weight: bold;
	font-size:14px;
	color:#fff;
}

#newsAccordion div
{
	padding:4px;
	font-size:12px;
	line-height:1.4em;
}

#lunchbox {
	color:#000;
	width:620px; 
	height:620px;
	position:relative;	
}

#lunchbox_info {
	padding:12px;
	text-align:left;
}

#lunchnav {
	position:absolute;
	top:404px;
	right:12px;
	z-index:1000;
}

#lunchnav a { 
  background: #333; 
  color:#fff;
  text-decoration: none; 
  margin: 0 2px; 
  padding: 3px 5px;  
}

#lunchnav a.activeSlide { 
  background: #00529F;
}

#lunchnav a:focus { 
  outline: none; 
}


/* ##############################################
Bikes 
############################################## */

#bike_detail { overflow: hidden; }

.bikenav_main {
	font-size:18px;
	font-weight:bold;
	/*font-family: "Arial Black", Arial, Helvetica, sans-serif;*/
	/* color:#00549E; */
    color:#1B75BA;
}
.what_size{ width: 596px; text-align: right; float: left }
.bikenav_main a {
	
    color:#1B75BA;
}

#bikenav_mini {
	position:absolute;
	top:12px;
	right:0px;
	/*color:#00549E;*/
    color: #1B75BA;
	font-size:14px;
    font-weight: bold;
}

#bikenav_mini a {
	/*color:#00549E;*/
    color: #1B75BA;
    
}


 
ul#bikes_landing          { overflow: hidden; display:block; margin-top: 12px;}
#bikes_landing li         { overflow: hidden; float:left; list-style: none; margin:0; padding:0; width:100%; }
#bikes_landing li.content { background-color:#fff; }
#bikes_landing li .content_inner { padding: 0 35px 0 0; }
#bikes_landing img.left   { float:left; }
#bikes_landing img.right  { float:right;  }
#bikes_landing .orphanage { overflow: hidden; background-color:#fff; height:20px;}

.bike_column {
	width:145px;
	padding:0;
	overflow:visible;
	float:right;
	position:relative;
	text-align:center;
	line-height:180%;
}



.bike_column img.preview {
}

.bike_column .bike_name {
	font-size:21px;
	font-weight:bold;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	color:#404041;
	margin:0 0 0 -30px;
}

.bike_column .bike_title {
	font-size:14px;
	font-weight:bold;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	color:#404041;
	padding-top:0px;
	margin-top:0px;
}

.bike_column a {
	color:#000;
	margin-left: -32px;
}

#detail_display {
	width:596px;
	height:435px;	
	background-color:#fff;
	float:left;
	text-align:center;
	position:relative;
	overflow: hidden;
}

#detail_display a:hover {
	text-decoration:none;
}


#detail_tabs {
	width:76px;
	height:445px;
	float:left;
}

#detail_tabs .tab {
	width:76px;
	height:35px;
	padding-top:7px;
	margin-bottom:5px;
	background-position: -123px -232px;	
	text-align:center;
	font-size:10px;
	display:block;
	color:#FFF;
}

#detail_tabs .red_tab {
    width:76px;
    height:35px;
    padding-top:7px;
    margin-bottom:5px;
    background-position: -24px -566px;    
    text-align:center;
    font-size:10px;
    display:block;
    color:#FFF;
}


#detail_tabs a:hover {
	background-position: -23px -232px;	
	text-decoration:none;
}

#sale_tab:hover {
    background-position: -125px -566px !important; 
    text-decoration:none;
}


#detail_text {
	width:255px;
	padding-left:22px;
	float:left;
}

#detail_text .scroller {
	height:360px;
	margin-top:15px;
	padding-right:5px;
	overflow:auto;
	line-height:1.4em;
}

#overlay_window {
	width:944px;
	height:500px;
	position:absolute;
	top:0;
	left:0;
	display:none;
	background-color:#000;
	border:solid 3px #666;
}


/* Overlay */
#simplemodal-overlay {background-color:#00549E; cursor:wait;}

#simplemodal-container a.modalCloseImg {
	background:url(../images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}


/* Color options ############################# */

#enlarge_note {
	position:absolute;
	top:54px;;
	left:20px;
	width:106px;
	height:58px;
	background-position: -287px -232px;
	z-index:900;
}

#prev_color_btn {
	position:absolute;
	top:450px;;
	left:20px;
	width: 36px;
	height: 24px;
	background-position: -287px -302px;
	background-color:#1B75BA;
	z-index:901;
}

#next_color_btn {
	position:absolute;
	top:450px;;
	right:374px;
	width: 36px;
	height: 24px;
	background-position: -324px -302px;
	background-color:#1B75BA;
	z-index:902;
}

#bike_color_main {
	display:block;
	width:490px;
	padding-top:240px;
	height:60px;
	text-align:center;
	margin: 10px auto;
	
	font-size:10px;
	font-style:italic;
	color:#000;
	line-height:100%;
	background-repeat:no-repeat;
}

#other_colors {
	margin: 0 auto;
	
	font-size:10px;
	font-style:italic;
	color:#000;
}

#other_colors .color {
	display:inline-block;
	width:190px;
	height:22px;
	padding-top:94px;
	line-height:100%;
	background-repeat:no-repeat;
	color:#000;
}


/* Geometry Chart ############################# */

.geometry_chart {
	background-color:#000;
	width: 820px;
}

.spec_chart {
	background-color:#000;
	width:850px;
	padding:12px;
}

table.chart {
	border: solid 1px #666;
}

table.chart td {
	padding:2px;
	border: solid 1px #fff;
}

table.chart .colhead {
	background-color:#666;
	font-weight:bold;
}

table.chart .rowhead {
	background-color:#333;
	text-align:right;
	font-weight:bold;
}



/* Bike Info ############################# */

.bike_info {
	width:800px;
	height:550px;
	padding:24px;
	overflow:auto;
	color:#333;
	line-height:1.6em;
	text-align:left;
}

.bike_info strong {
	font-weight:bold;
}

.bike_info li {
	margin-bottom:12px;
}

/* ##############################################
Tech Info 
############################################## */

#tech_sidemenu {
	width:190px;
	margin-top:24px;
	padding-right:10px;
	text-align:right;
	float:left;
}

#tech_sidemenu a {
	display:block;
	line-height:160%;
}

#tech_sidemenu a.selected {
	background-color: #666;
	font-weight:bold;
	color:#fff;
	padding-right:6px;
}

#tech_content {
	width:710px;
	min-height:600px;
	margin-top:24px;
	padding-left:10px;
	float:left;
	text-align:left;
	
	border-left: dotted 1px #666;
}

.Q {
	color:#1B75BB;
	font-style:italic;
	font-weight:bold;
}

.newsdiv {
	border-bottom: solid 1px #1B75BB;
	margin-top:12px;
	margin-bottom:12px;
}

/* ##############################################
Dealer Locator 
############################################## */

#dealer_app {
	position: relative;
	width:950px;
	height:470px;
}

#dealer_select_region {
	position: absolute;
	top:0px;
	left: 340px;
	width:271px;
	height:24px;
	padding-top:5px;
	background-position: 0px -493px;
	text-align:center;
	
	font-size:14px;
	font-weight:bold;
}

#dealer_search_region {
	position: absolute;
	top:0px;
	left: 425px;
	width:431px;
	height:24px;
	padding-top:5px;
	background-position: 0px -522px;
	text-align:center;
	
	font-size:14px;
	font-weight:bold;
}

#dealer_back {
	position: absolute;
	bottom:0px;
	left:505px;
	width:271px;
	height:24px;
	padding-top:5px;
	background-position: 0px -493px;
	text-align:center;
	
	font-size:14px;
	font-weight:bold;
}

#dealer_search_results {
	position:absolute;
	top:0px;
	left:0px;
	width:305px;
	height:448px;
	padding:10px;
	background-color:#000;
	border: solid 1px #fff;
	
	text-align:left;
	overflow:auto;
}

#region_img {
	display:block;
	position:absolute;
	top:32px;
	left:330px;
}

#dealer_search_results .dealer_info {
	margin-top:12px;
}

#dealer_search_results .dealer_info .name {
	font-size:14px;
	font-weight:bold;
}

/* ##############################################
Photo Gallery 
############################################## */

#photo_gallery_desc {
	position:absolute;
	top: 0px;
	left: 300px;
	width:600px;
	height:50px;
	font-size:12px;
	color:#fff;
	text-align:left;
}

#photo_gallery {
	
}

#photo_gallery a.fancy_gallery {
	display:block; 
	float:left;
	width:100px;
	height:100px;
	margin:28px;
	background-position:center;
	background-repeat:no-repeat;
}

#photo_gallery .pagination {
	text-align:center;
	font-weight:bold;
}

#photo_gallery .pagination a.current {
	color:#FFF;
}

/* ##############################################
Demo Sale
############################################## */

#demo_sale {
	padding-top:24px;
}

#demo_gallery_desc {
	position:absolute;
	top: 0px;
	left: 250px;
	width:640px;
	font-size:12px;
	color:#fff;
	text-align:left;
}

.demo_bike {
	float:left;
	width:258px;
	padding-right:42px;
	margin-right:42px;
	padding-bottom:21px;
	border-right: dotted 1px #fff;
	text-align:left;
}

.end_row_demo_bike {
	float:left;
	width:258px;
	padding-bottom:21px;
	text-align:left;
}

.demo_bike .bike_img,
.end_row_demo_bike .bike_img {
	border:solid 1px #fff;
	margin-bottom:12px;
}

.sold {
	text-align: center;
	color:#3366ff;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
}

/* ##############################################
Demo Calendar
############################################## */

#demo       { padding-top:24px; }
#demo table { width: 100%; }
#demo th    { padding:3px; background-color:#1B75BB; border-right: solid 1px #000000; color:#FFFFFF; font-weight: bolder; }
#demo td    { padding:3px; border-right: solid 1px #666; border-bottom: dotted 1px #666; }
#demo .last { border-right: none; }

/* ##############################################
Merchandise
############################################## */

#merch_sidemenu {
	width:190px;
	margin-top:24px;
	padding-right:10px;
	/*text-align:right;*/
	float:left;
    overflow: auto;
    height: 486px;
}

#merch_sidemenu a {
	display:block;
	line-height:160%;
}

#merch_content {
	width:710px;
	margin-top:24px;
	padding-left:10px;
	float:left;
	text-align:center;
	
	border-left: dotted 1px #666;
}


/* ##############################################
Press & News
############################################## */

#newsnav { 
	position:absolute;
	top:22px;
	right:12px;
	font-size:18px;
	font-weight:bold;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	color:#00549E;
}

#newsnav a {
	color:#00549E;
}

#newsnav a.on {
	color:#fff;
	text-decoration: underline;
}


/* ##############################################
Contact
############################################## */

#contact_page {
	text-align:left;
	padding-top:12px;
}

#contact_form {
	width:400px;
	padding:24px;
	background-color:#333;
	float:right;
}

#contact_form label {
	display:block;
	padding-bottom:12px;
}

#contact_form .textinput {
	width:180px;
}

#contact_form .textinputarea {
	width:372px;
	height:160px;
}

/* ##############################################
Common
############################################## */
ul { margin: 0; padding:0 0 10px 0; list-style: inside; }
li { margin: 0; padding:0;}

#tech_sidemenu a {
    border-bottom: 1px dotted #333333;
    padding-top: 4px;
    padding-bottom: 6px;
       
}