/* IE6 png fix */
	/* img, div { behavior: url(/iepngfix.htc); }*/
	
	
	*{
		margin:0;
		padding:0;
	}
	
	body{
		font-family: verdana, sans-serif;
	}
	
	body#home{
		background: transparent url('/images/template_images/bg.png') center 120px no-repeat;
	}
	
	body#home #container{
		width: 980px;
	}
	
	img{ border :0; }
	
	a{color: black;}
	
	#container{
		width: 900px;
		margin: 10px auto;
	}
	
	#header{
		margin-bottom: 22px;
	}
	/* Navigation */
	
	#nav{
		margin-bottom: 20px;
		height: 20px;
		z-index: 89;
	}
	
	#big-image{ border-bottom: 10px solid #5f6062;}
	
	#big-image img{
		/*margin-bottom: -3px;*/
		display:block;
	}
	
	#nav ul{
		padding:0;
		margin:0;
		list-style:none;
		z-index: 89;
	}
	
	#nav li{
		float:left;
		position:relative;
		margin-right: 57px;
		z-index: 89;
	}
	
	#nav li.last{ margin-right:0;}
	
	
	#nav li a{ display: block;}
	
	#nav a span{display: none;}

	
	#nav a{
		background-image: url('/images/template_images/AllCity_primary_nav.png');
		background-repeat: no-repeat;
		height: 14px;
	}

	
	a#bike{ 
		width: 55px;
		background-position: 0 0;
	}
	
	a#bike:hover, a#bike.active{
		background-position: 0 -14px;
	}
	
	
	a#components{
		background-position: -113px 0;
		width: 130px;
	}
	
	a#components:hover, a#components.active{
		background-position: -113px -14px;
	}
	
	
	a#clothing{
		width:95px;
		background-position: -296px 0;
	}
	
	a#clothing:hover, a#clothing.active{
		background-position: -296px -14px;
	}
	
	a#blog{
		width: 46px;  
		background-position: -443px 0;
	}
	
	a#blog:hover, a#blog.active{
		background-position: -443px -14px;
	}
	
	a#tech{
		width: 49px;
		background-position: -549px 0;
	}
	
	a#tech:hover, a#tech.active{
		background-position: -549px -14px;
	}
	
	a#dealers{
		width: 87px;
		background-position: -655px 0;
	}
	
	a#dealers:hover, a#dealers.active{
		background-position: -655px -14px;
	}
	
	a#aboutus{
		width: 96px;
		background-position: -805px 0;
	}

	a#aboutus:hover, a#aboutus.active{
		background-position: -805px -14px;
	}
	
	ul.subnav{
		margin-left: 10px;
	}
	

	
	
	
	/* can be removed */
/*	#nav ul.subnav a{
		display: block;
		width: 133px;
		height: 32px;
		font: bold 12px Verdana;
		line-height:32px;
		padding-left: 20px;
		text-decoration: none;
		margin-top: 3px;
		color: #000;
		text-transform: uppercase;
	}
	
	#nav ul.subnav a.even{
		background: transparent url('/images/template_images/even_submenu.png') 0 0 no-repeat;
	}
	
	#nav ul.subnav a.odd{
		background: transparent url('/images/template_images/odd_submenu.png') 0 0 no-repeat;
	}
	
	#nav ul.subnav a:hover{
		background-position: 0 -32px;
	}

	*/
	
	
	/* sidebar nav */
	
	ul.nav_categories{
		list-style: none;
	}
	
	ul.nav_categories li{
		line-height: 25px;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		background-image: #333 url('/images/template_images/big_strip.png') right center no-repeat;
	}
	
	ul.nav_categories a{
		text-decoration: none;
	}
	
	ul.nav_categories a:hover{
		text-decoration: underline;
	}

	
	ul.nav_categories ul{
		margin-left: 2px;
		list-style:none;
		margin-bottom: 15px;
	}
	
	ul.nav_categories ul li{
		line-height: 18px;
		background: transparent url('/images/template_images/star_outline.png') left 5px no-repeat;
		padding-left: 18px;
	}
	
	ul.nav_categories ul li a{
		text-transform: none;
		font-weight: normal;
		text-decoration: none;
		font-size: 11px;
		line-height: 20px;
	}
	
	ul.nav_categories ul li.active{
		background: transparent url('/images/template_images/red_star.png') left 5px no-repeat;
	}
	
	ul.nav_categories ul li.active a{
		text-transform: none;
		font-weight: normal;
		/*background: transparent url('/images/template_images/blue_star.png') left center no-repeat;*/
			color: #900;
	}
	
	#content{
		position: relative;
		width:900px;
		min-height: 700px;
		background: transparent url('/images/template_images/hr_2.png') left bottom no-repeat;
	}
	
	#main-col{
		width:690px;
		padding: 10px 0 10px 20px;
		margin-left: 190px;
		min-height: 1200px;
	}
	
	#side-col{
		padding-right: 10px;
		padding-left: 15px;
		padding-top: 8px;
		position: absolute;
		top:0;
		left:0;
		bottom:3px;
		width: 165px;
		/*background-color: #f3f3f3;*/
		background-color: #eee;
	}
	
	#home #main-col{
		position: relative;
		width: 666px;
		min-height: 300px;
		float:left;
		margin-left: 0;
		padding: 0;
	}
	
	#home #side-col{
		width: 193px;
		height: 250px;
		background: transparent url('/images/template_images/blog_insert.png') 0 0 no-repeat;
		float:left;
		padding: 60px 25px 50px 19px;
		font: 11px Arial, Helvetica, sans-serif;
		position:relative;
	}
	
	#home #side-col h3{
		margin-top: 3px;
	}
	
	#home #side-col p.date{
		margin-bottom: 6px;
		font-style: italic;
		font-size: 10px;
	}
	
	#home #side-col a.rss{
		float: right;
	}
	
	#main-col a{
		/*color: #EB0;*/
		/*color: #9cf;*/
		color: #900;
		text-decoration:none;
	}
	
	#main-col a:hover{
		text-decoration: underline;
	}
	
	#front-main-col-image{
		width: 498px;
		margin: 0 auto;
	}
	
	#crank{
		position: absolute;
	}
	
	#hub{
		position: absolute;
		/*margin-top: 280px;
		margin-left: 315px;
		*/
		
		top: 280px;
		left: 315px;
		
	}
	
	p#caption{
		position: absolute;
		font-family: "Courier New", Courier, "Lucida Sans Typewriter", monospace;
		color: #fff;
		margin-top: 260px;
		margin-left: 150px;
		font-weight: bold;
		letter-spacing: -1px;
		font-size: 14px;
	}
	
	#category_heading{
		clear: both;
		margin-bottom: 20px;
	}
	
	h1{
		margin:0;
		padding:0;
		font-size: 42px;
		line-height: 42px;
		margin-right: 10px;
		font-family: College, Impact, Arial, sans-serif;
		z-index: 50;
	}
	
	h1#cat-title{
		float: left;
	}
	
	p#cat_description{
		padding-top: 3px;
	}
	
	dl#cat_description{
		clear: both;
	}
	dl#cat_description dt{
		float:left;
	}
	
	dl#cat_description dd{
		margin-left: 185px;
	}
	
	
	#content .product-box{
		font-size: 11px;
		background: transparent url('/images/template_images/hr_1.png') 0 0 no-repeat;
		width: 100%;
		height: 210px;
		padding-top: 3px;
	}
	
	#content .product-box p{ font-size: 11px; margin:0;}
	
	#content .product-box img{
		margin:0;
		padding:0;
		border:0;
	}
	
	/*.product-even{
		height: 138px;
		width: 908px;
		background: transparent url('/images/template_images/even_box.png') 0 0 no-repeat;
		padding: 20px 50px 20px 100px;
	}
	
	.product-odd{
		height: 138px;
		width: 908px;
		background: transparent url('/images/template_images/odd_box.png') 0 0 no-repeat;
		padding: 20px 50px 20px 100px;
	}*/
	
	.product-col{
		float:left;
		padding-top: 10px;
	}
	
	.product-img{
		width: 157px;
		padding-top: 5px;
		padding-right: 8px;
		text-align: center;
		margin:0;
		line-height: normal;
	}
	.product-img img{
		display:block;
	}
	
	.product-description{
		width: 267px;
		padding-right: 8px;
		padding-left: 8px;
		
	}
	
	.prod-description ul{
		margin: 1em 1.5em;
		font-size: 11px;
	}
	
	.product-specs{
		width: 195px;
		padding-right: 8px;
	}
	
	.product-msrp{
		width: 55px;
	}
	
	
	.category_heading{
		width: 820px;
		height: 89px;
		background: transparent url('/images/template_images/category_heading_bg.png') 0 0 no-repeat;
		padding: 20px 40px;
		margin: 20px  0 10px;
	}
	
	.category_heading h2{
		display:inline;
		font: bold 18px Verdana, sans-serif;
		padding: 0 5px;
	}
	
	#cat_description{
		font: 12px Verdana, Arial, sans-serif;
		line-height: 15px;
		
	}
	
	
	/* Content */
	
	
	#content img.left,
	#content .left{
		margin-left: 0;
		float:left;
	}
	
	#content img.right,
	#content .right{
		margin-right: 0;
		float:right;
	}
	
	#content p {
		margin: 1em 0;
		font-size: 12px;
		line-height: 20px;
	}
	
	 #content img{
		padding: 10px;
		border: 1px solid #ddd;
		background-color: #eee;
		margin: 1em 1em 3px 1em;
	}
	
	#content img.noborder{
		padding:0;
		border:0;
		background-color:transparent;
		margin: 1em 0;
	}
	
	#content img.thinborder{
		padding:0;
		margin: 0 .5em;
		background-color: transparent;
	}
	
	#address{
		width: 250px;
		float:right;
	}

	
	/* Gallery */
	
	
	#photo-list .photo-box{
		display:block;
		float:left;
	}

	#photo-list .one{
		margin: 25px 0 0 0;
	}

	#photo-list .two,
	#photo-list .three,
	#photo-list .four,
	#photo-list .five{
		margin: 25px 0 0 23px;
	}

	#photo-list .pagination{

		margin-top: 25px;
		text-align: right;
	}

	#photo-list .pagination p{margin: 0;
		padding: 5px;}
	
	#photo-list small{
		font-size: .75em;
		padding-left: 15px;
	}
	
	#photo-list .photo{
		height: 165px;
		width: 166px;
		padding-top: 11px;
		padding-left: 11px;
		background: transparent url("/images/template_images/gallery_img_bg.png") 0 0 no-repeat;
	}
	
	#photo-list .photo-caption{
		background: transparent url("/images/template_images/gallery_shortcaption_bg.png") 0 0 no-repeat;
		height: 29px;
		width: 165px;
		padding-left: 11px;
	}
	
	#photo-list .photo-caption {
		margin-top: 4px;
		line-height: 24px;
	}
	
	/* Blog */
	body.blog{
		background-image: none;
		background-color: #fff;
	}
	
	.blog .sidebar{
		width: 300px;
		float: right;
	}
	
	.blog h2{
		font: bold 22px Arial, Verdana, sans-serif;
		color: #fff;
		background-color: #5f6062;
		line-height: 40px;
		margin-left: -10px;
		padding-left: 10px;
		
	}
	
	.blog h3{
		font: bold 22px Arial, Verdana, sans-serif;
		color: #333;
	}
	
	
	.blog #main-col{
		min-height: 1150px;
	}
	
	 .blog #main-col h3 a{
		color: #333;
		text-decoration: none;
		color: #000;
	}
	
 	.blog #main-col h3 a:hover{
		text-decoration: underline;
	}
	
	body.blog #content p.date{
		font-size: 10px;
		color: #666;
		margin-top:0;
		font-style: italic;
	}
	
	.blog .blog-entry-body{
		clear: both;
		font: 12px Verdana, sans-serif;
		line-height: 20px;
	}
	
	.blog .blog-entry-title{
		float:left;
		width: 400px;
	}
	
	.blog .comments_total{
		float:right;
		margin-top: 10px;
	}
	
	.blog .comments_total a{
		display: block;
		background: #fff url('/images/template_images/comment_icon.png') 0 0 no-repeat;
		padding: 0 0 0 34px;
		height: 30px;
		line-height: 25px;
		font: 19px Arial, Verdana, sans-serif;
		color: #000;
		text-decoration: none;
	}
	
	.blog .comments_total a:hover{
		text-decoration: underline;
	}
	
	.blog .blog-entry{
		padding-top: 20px;
		margin-top: 20px;
		border-top: 1px solid #ccc;
		/* background: transparent url('/images/template_images/hr_1.png') top left no-repeat;*/
		
	}
	
	.blog .sidebar{
		width: 313px;
	}
	
	.blog .sidebar-content{
		margin-top: -4px; /* this was added to remove a gap between the sidebar-top image and the sidebar-middle image. can be removed if another solution is found. */
		background: #fff url('/images/template_images/sidebar_middle.png') top left repeat-y;
		padding: 0 20px;
	}
	

	
	
	
	.comments{
		margin-bottom: 15px;
	}
	
	
	.blog h3#olderposts{
		height: 21px;
		width: 151px;
		background: #fff url('/images/template_images/sidebar_title_olderposts.png');
		margin-bottom: 15px;
	}
	
	.blog h4{
		margin-top: 20px;
	}
	
	.blog h4#bymonth{
		height: 15px;
		width: 96px;
		background: #fff url('/images/template_images/sidebar_title_bymonth.png');
	}
	
	.blog h4#bycategory{
		height: 16px;
		width: 121px;
		background: #fff url('/images/template_images/sidebar_title_bycategory.png');
	}
	
	.blog h3 span, .blog h4 span{
		display: none;
		
	}

	.blog dl.archive-list{
		position:relative;
		padding: 6px 0;
		width: 200px;
		font-size: 12px;
	}
	
	.blog dl.archive-list dt{
		width: 150px;
	}
	
	.blog dl.archive-list dt a{
		color: black;
	}
	
	.blog dl.archive-list dd{
		position: absolute;
		top: 6px;
		right:0;
		color: #666;
	}
	
	.blog .comment-even{
		background-color: #f5f5f5;
	} 
	
	.blog .comment{
		padding: 10px 3px;
		position: relative;
	}

	.blog .comment-body{
		clear:both;
	}
	.blog .comment-date{
		color: #666;
		font-size: 11px;
		position: absolute;
		right: 3px;
		top: 10px;
	}
	
	.blog .blog-entry ul{
		margin-left: 1.5em;
		margin-right: 1.5em;
		font-size: 12px;
		line-height: 20px;
	}
	
	.blog #side-col{
		min-height: 1024px;
	}
	
	/* comments form */
	
	#comments-form label{
		font-weight: bold;
		font-size: 13px;
		line-height: 30px;
		vertical-align: baseline;
	}
	
	
	/* contact us form */
	.form label{
		font-weight: bold;
		display: block;
		font-size: 12px;
		line-height: 20px;
	}
	
	.form p{
		padding-bottom: 15px;
	}
	
	a.pdf{
		padding: 15px 0 15px 38px;
		background: transparent url('/images/template_images/pdf_icon.png') left center no-repeat;
		padding-left: 38px;
	}
	
	/* page footer */
	
	#page-footer{ width: 100%; text-align: center; padding: 20px 0;}
	#page-footer p {font-size: 9px;}
	
	
	
	table.dealers{
		width: 100%;
		font-size: 11px;
	}
	
	table.dealers th{
		text-align: left;
	}
	
	table.dealers th,
	table.dealers td{
		padding: 3px;
	}
	
	table.dealers td{
		border-bottom: 1px solid #ccc;
	}
	
	table.dealers th.shop{ width: 162px;}
	table.dealers th.location{ width: 162px;}
	table.dealers th.website{ width: 162px;}
	table.dealers th.phone{ width: 162px;}
	
	#main-col .state h2{
		background: transparent url(/images/template_images/hr_2.png) no-repeat scroll right bottom;
		color: #333;
		font-size: 16px;
		}
		
	#main-col .state h2 img{
		margin:0;
		padding:0;
		border:0;
		float: right;
	}
	
	.dealer{
		float:left;
		width: 160px;
		height: 110px;
		font-size: 11px;
		padding-top: 10px;
		padding-right: 10px;
	}
	
	.dealer.four{
		padding-right:0;
	}
	
	
	
	
	/* sifr */
	
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}

	.sIFR-replaced {
		visibility: visible !important;
	}

	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}

	/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
	.sIFR-flash + div[adblocktab=true] {
	  display: none !important;
	}

	/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

	.sIFR-hasFlash h1.college {
		visibility: hidden;
		font-size: 10px;
	}
	
	.sIFR-hasFlash dt.college {
		visibility: hidden;
		font-size: 55px;
	}
	
	

/*	.sIFR-hasFlash h2 {
		visibility: hidden;
		letter-spacing: -9px;
		font-size: 55px;
	}

	.sIFR-hasFlash h3 {
		visibility: hidden;
		letter-spacing: -6px;
		font-size: 25px;
	}

	.sIFR-hasFlash h4 {
		visibility: hidden;
		letter-spacing: -5px;
		font-size: 21px;
	}

	.sIFR-hasFlash h5#pullquote {
		letter-spacing: -4px;
		visibility: hidden;
		font-size: 24px;
	}*/
	
	
	
	
	
	
	/** test product **/
	
	
	body.test-prod .col1 .prod-img,
	body.test-prod .col2 .prod-img
	{
		width: 345px;
	}
	
	body.test-prod #content .prod-img img{
		background-color: white;
		margin: 2px 4px 0 0;
		padding: 10px;
	}
	
	body.bikes #content .prod-img{
		margin: 0 0 0 -10px;
	}
	
	body.test-prod #content .prod-img img.thumb{
		padding: 5px;
	}
	
	body.test-prod #content p{
		font-size: 11px;
	}
	
	body.test-prod #content .prod-skus{
		padding-top: 1em;
		clear:both;
		width: 690px;
	}
	
	body.test-prod .prod-skus table{
		font-size: 10px;
	}
	
	body.test-prod .prod-skus th{
		text-align: left;
		vertical-align: middle;
	}
	
	th.w50{width: 50px;}
	th.w100{width: 100px;}
	th.w150{width: 150px;}
	th.w200{width: 200px;}

	
	body.test-prod .prod-skus td,
	body.test-prod .prod-skus th
	{
		border-bottom: 1px solid #333;
		line-height: 20px;
	}
	

	
	body.test-prod .prod-skus td{padding-left: 2px;}
	
	body.test-prod .col1,
	body.test-prod .col2{
		width: 335px;
		float:left;
	}
	body.test-prod .col1{ padding-right: 10px;}
	body.test-prod .col2{ padding-left: 10px;}
	
#content .prod-skus td img.noborder{
	margin: 0;
	padding:3px 0;
}	

#content .prod-skus td.withimg{
	line-height: 10px;
}

#main-col h2{
		font: bold 22px Arial, Verdana, sans-serif;
		color: #fff;
		background-color: #5f6062;
		line-height: 40px;
		margin-left: -10px;
		padding-left: 10px;
	}
	
	body.test-prod #side-col h3{
		background-color: transparent;
		background-image: none;
		color: #000;
	}
	
	body.test-prod h3{
		background: #5f6062 url('/images/template_images/h_stripes.png') 656px center no-repeat;
		font: bold 13px Arial, Verdana, sans-serif;
		line-height: 19px;
		margin-left: -10px;
		padding-left: 10px;
		color:white;
	}
	
	body.test-prod .col1 h3,
	body.test-prod .col2 h3{
		background-position: 300px center;
	}
	
	#content .sidebar-gallery img{
		padding: 3px;
		margin:5px 0 0 5px;
		float: left;
	}
	
	#content .sidebar-gallery{
		margin-left: -12px;
	}