/* Light box */
#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 50%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavPrev { width: 20px; float: right;  padding-bottom: 0.7em;	}
#imageData #bottomNavPrev img { display:block; margin:3px auto 0 auto; }
#imageData #bottomNavNext { width: 20px; float: right;  padding-bottom: 0.7em; margin:0 10px 0 0; }
#imageData #bottomNavNext img { display:block; margin:3px auto 0 auto; }			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	

/* Default Stylesheet */

																/* >>> ELEMENTS <<< */

* {
	margin: 0;
	padding: 0;
	}
	body {
		color: #333;
		background-color: #2B2929;
		font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif;
		font-size: 75%;
		text-align: center;
		}


.homecopy01 {
		margin: 5px 0 5px 0;
		color: #444;
		font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif;
		font-size: 100%;
		line-height: 18px;
		}
.homecopy02 {
		margin: 5px 0 5px 0;
		color: #444;
		font-family: "Arial", "Tahoma", "MS Sans Serif", sans-serif;
		font-size: 100%;
		line-height: 12px;
		}


																/* >>> CONTAINERS <<< */

div#print {
	display: none;
	}
div#container {
	width: 740px;
	margin: 10px auto;
	text-align: left;
	}
	div#header-wrap {
		margin: 8px 0;
		}
		div#header-in {
			padding: 0px;
			color: inherit;
			background-color: #9E0805;
			border: solid #9E0805;
			border-width: 0 0px 0px 0;
			}
			div#header-logo {
			padding: 0px;
			color: inherit;
			background-color: #9E0805;
			}
			
	div#content-wrap {
				}
		div#center {
		    
			color: inherit;
			background-color: #fff;
			border: solid #eee;
			border-width: 0 2px 2px 0;
			}
			
			div#center-noheight {
			color: inherit;
			background-color: #ffffff;
			border: solid #eee;
			border-width: 0 2px 2px 0;
			}

			div#center-in {
				padding: 20px;
				}
		div#left {
			float: left;
			width: 200px;
			color: inherit;
			background-color: #fff;
			border: solid #9E0805;
			border-width: 0 2px 2px 0;
			}
			div#left-in {
				padding: 1px;
				}
	div#footer-wrap {
		clear: both;
		}
		div#footer-in {
			
			}
			
			
	/* Image Gallery */		
			
			
div#galleryrow {
width:720px;
margin-top:10px;
padding-top:10px;
}

div#gallerycontainer01 {
float:left;
background-color:#999999;
width:240px;
}

div#gallerycontainer02 {
float:left;
background-color:#999999;
width:240px;
}

div#gallerycontainer03 {
float:left;
background-color:#999999;
width:240px;
}


div#gallerytext {
background-color:#CCCCCC;
width:240px;

}

/* text wrap around images */

img.floatLeft { 
    float: left; 
    margin: 4px; 
}
img.floatRight { 
    float: right; 
    margin: 4px; 
}

img.submit {
position:relative;
	left:0px;
	float:right;
	 margin: 4px; 
}

div.right {
position:relative;
	left:0px;
	float:right;
	 margin: 4px; 
}

div.left {
position:relative;
	left:0px;
	float:left;
	 margin: 4px; 
}



																/* >>> SUB CONTAINERS <<< */
* { }





																/* >>> LISTS <<< */
ul#nav-center {
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	list-style: none;
	border-bottom: 1px solid #eee;
	}
	ul#nav-center li {
		display: inline;
		}
		ul#nav-center li a {
			width: 138px;
			padding: 5px 10px;
			color: #666;
			background-color: inherit;
			text-decoration: none;
			}
		ul#nav-center li a:hover {
			color: #4494FF;
			background-color: #F1F7FF;
			}
ul#nav-top {
	float: right;
	padding: 1px 0;
	list-style: none;
	}
	ul#nav-top li {
		display: inline;
		}
		ul#nav-top li a {
			margin: 0 8px;
			color: #888;
			background-color: inherit;
			font-size: 90%;
			text-decoration: none;
			border-bottom: 1px solid #eee;
			}
		ul#nav-top li a:hover {
			color: #4494FF;
			background-color: inherit;
			border-bottom: 1px solid #F1F7FF;
			}
ul#nav-footer {
	padding: 0 2px;
	color: #aaa;
	background-color: inherit;
	font-size: 80%;
	list-style: none;
	text-align: right;
	}
	ul#nav-footer li {
		display: inline;
		}
	ul#nav-footer li.left {
		float: left;
		}
		ul#nav-footer li a {
			margin: 0 3px;
			color: #aaa;
			background-color: inherit;
			}
		ul#nav-footer li a:hover {
			color: #333;
			background-color: inherit;
			}
ul.list {
	margin: 20px 30px;
	font-size: 90%;
	line-height: 20px;
	}





																/* >>> TYPOGRAPHY <<< */
*.x {
	display: none;
	}
div#header-wrap h1 {
	padding: 10px;
	font-size: 200%;
	}
		
div#center h2 {
	margin: 0 0 5px 0;
	font-size: 150%;
	}
div#left h2 {
	margin: 20px 20px 5px 20px;
	font-size: 100%;
	}
div#center p {
	margin: 5px 0 5px 0;
	color: #444;
	background-color: inherit;
	font-size: 100%;
	line-height: 18px;
	}
div#left p {
	margin: 0 20px 5px 20px;
	color: #666;
	background-color: inherit;
	font-size: 90%;
	}
p a, ul.list a {
	color: #4494FF;
	background-color: inherit;
	text-decoration: none;
	border-bottom: 1px solid #F1F7FF;
	}
	p a:hover, ul.list a:hover {
		color: #333;
		background-color: inherit;
		border-bottom: 1px solid #eee;
		}


/* Nav01 tabs */

.nav01tabs a  {
	height: 35px;
	float: left;
	display: block;
	background-image: url("../images/top_nav.gif");
	background-repeat: no-repeat;
	width: 740px;
}

.nav01tabs a#nav_home {
	width: 70px;
	background-position: 0px 0;
}

.nav01tabs a#nav_home:hover {
	background-position: 0px -35px;
}

.nav01tabs a#nav_home.selected {
	background-position: 0px -70px;
}

.nav01tabs a#nav_about {
	width: 90px;
	background-position: -70px 0;
}

.nav01tabs a#nav_about:hover{
	background-position: -70px -35px;
}

.nav01tabs a#nav_about.selected {
	background-position: -70px -70px;
}

.nav01tabs a#nav_news {
	width: 70px;
	background-position: -160px 0;
}

.nav01tabs a#nav_news:hover{
	background-position: -160px -35px;
}

.nav01tabs a#nav_news.selected {
	background-position: -160px -70px;
}

.nav01tabs a#nav_bikes {
	width: 70px;
	background-position: -235px 0;
}

.nav01tabs a#nav_bikes:hover{
	background-position: -235px -35px;
}

.nav01tabs a#nav_bikes.selected {
	background-position: -235px -70px;
}

.nav01tabs a#nav_apparel {
	width: 90px;
	background-position: -310px 0;
}

.nav01tabs a#nav_apparel:hover{
	background-position: -310px -35px;
}

.nav01tabs a#nav_apparel.selected {
	background-position: -310px -70px;
}

.nav01tabs a#nav_pricing {
	width: 90px;
	background-position: -400px 0;
}

.nav01tabs a#nav_pricing:hover{
	background-position: -400px -35px;
}

.nav01tabs a#nav_pricing.selected {
	background-position: -400px -70px;
}

.nav01tabs a#nav_process {
	width: 90px;
	background-position: -490px 0;
}

.nav01tabs a#nav_process:hover{
	background-position: -490px -35px;
}

.nav01tabs a#nav_process.selected {
	background-position: -490px -70px;
}

.nav01tabs a#nav_blog {
	width: 70px;
	background-position: -580px 0;
}

.nav01tabs a#nav_blog:hover{
	background-position: -580px -35px;
}

.nav01tabs a#nav_blog.selected {
	background-position: -580px -70px;
}

.nav01tabs a#nav_contact {
	width: 100px;
	background-position: -640px 0;
}

.nav01tabs a#nav_contact:hover{
	background-position: -640px -35px;
}

.nav01tabs a#nav_contact.selected {
	background-position: -640px -70px;
}
/*End Tabbed Navigation*/





																/* >>> FORMS <<< */
* { }




h2 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px 0px 0px 15px;
}
img {
border: none;
} 

.gallery { background:url(../images/bg_nav_right.jpg) right top no-repeat; padding:0 4px 10px 0; }
.gallery ul { margin:0; padding:0; background:#960000 url(../images/bg_nav.jpg) left top repeat-x; list-style:none; position:relative; height:125px; }

.gallery ul li { display:block; width:auto; float:left; color:#fff; height:125px; }
.gallery ul li a { display:block; width:auto; color:#fff; text-decoration:none; padding:8px 1.3em 8px 1em; font:1.1em Verdana, sans-serif; }
.gallery ul li a:hover { text-decoration:underline; }
.gallery ul li.first { background:url(../images/bg_nav_left.jpg) left top no-repeat; }


.gallery ul li ul { display:none; position:absolute; top:123px; background:#fff url(../images/bg_nav.jpg) left -123px repeat-x; height:auto; border-bottom:6px solid #960000; border-left:1px solid #960000; border-right:1px solid #960000; width:95%; left:2%; padding:8px 5px 15px 5px; }
.gallery ul li:hover ul,
.gallery ul li.over ul { display:block; }
.gallery ul li ul li { display:inline; float:none; background-image:none; height:auto; }
.gallery ul li ul li a { background-image:none; margin:8px; padding:2px; position:relative; border:1px solid #960000; float:left; display:block; width:75px; height:50px; background-color:#fff; }
.gallery ul li ul li a:hover { background-image:none; z-index:2; }
.gallery ul li ul li a img { position:absolute; top:2px; width:75px; height:50px; border:0; margin:0; padding:0; }
.gallery ul li a:hover img,
.gallery ul li a:active img,
.gallery ul li a:focus img { width:100px; height:75px; left:-11px; top:-10px; z-index:1; border:1px solid #000; }
.gallery ul li.overview { display:block; clear:both; padding:5px 10px 0 10px; color:#000; }


#gallery1 ul { z-index:4; }
#gallery2 ul { z-index:3; }
#gallery3 ul { z-index:2; }
#gallery4 ul { z-index:1; }
											
											
														/* >>> END <<< */
														
														
														
														
div.product_right {
position:relative;
	left:0px;
	float:right;
	 margin: 4px;
	 vertical-align: top; 
}

div.product_left {
position:relative;
	left:0px;
	float:left;
	 margin: 4px; 
}