/* nav.css */

ul.topNav {
	padding: 0;
	margin: 0;
	list-style-type: none;
	border: 1px solid #fff;
	width: 768px;
	background: url("../images/bg_nav_spacer.gif") repeat-x top left;
}

ul.topNav li {
	margin: 0;
	padding: 0;
	float: left;
}

ul.topNav li a {
	display: block;
	height: 37px;
	background-repeat: no-repeat;
	background-position: top left;
	color: #000;
	text-decoration: none;
}

ul.topNav li.home a {
	background-image: url("../images/nav_home.gif");
	width: 43px;
}

ul.topNav li.about_ride a {
	background-image: url("../images/nav_about_ride.gif");
	width: 76px;
}

ul.topNav li.whats_hot a {
	background-image: url("../images/nav_whats_hot.gif");
	width: 78px;
}

ul.topNav li.news_and_events a {
	background-image: url("../images/nav_news_and_events.gif");
	width: 91px;
}

ul.topNav li.service a {
	background-image: url("../images/nav_service.gif");
	width: 56px;
}

ul.topNav li.gallery a {
	background-image: url("../images/nav_gallery.gif");
	width: 56px;
}

ul.topNav li.contact_us a {
	background-image: url("../images/nav_contact.gif");
	width: 59px;
}
ul.topNav li.shopping_cart a {
	background-image: url("../images/nav_items_in_cart.gif");
	width: 154px;
	margin-left: 155px;
	position: relative;
}

ul.topNav li a:hover { 
  background-position: 0px -38px;
}
ul.topNav li a.current {
	background-position: 0px -76px;
}

ul.topNav li a span {
	display: none;
}

ul.topNav li.shopping_cart a span {
	display: inline;
	position: absolute;
	top: 10px;
  text-align: center; 
	font-size: 1.4em;
	font-weight: bold;
  width: 25px;
}

ul.topNav li.shopping_cart a:hover span {
        color: #ffd200;
}

ul.featureNav {
  margin: 10px 0 0 0;
  padding: 0;
  list-style-type: none;
  background: #fff;
}

ul.featureNav li {
  margin: 0;
  padding: 0;
  float: left;
}

ul.featureNav li a {
  display: block;
  height: 56px;
  background-position: top left; 
  background-repeat: no-repeat;
  border-right: 1px solid #fff;
}

ul.featureNav li.mountain_bike a {
  background-image: url("../images/feature_nav_mountain_bike.gif");
  width: 153px;
}

ul.featureNav li.road_and_fitness a {
  background-image: url("../images/feature_nav_road_and_fitness.gif");
  width: 153px;
}

ul.featureNav li.recreation a {
  background-image: url("../images/feature_nav_recreation.gif");
  width: 154px;
}

ul.featureNav li.womens a {
  background-image: url("../images/feature_nav_womens.gif");
  width: 153px;
}

ul.featureNav li.bmx a {
  background-image: url("../images/feature_nav_bmx.gif");
  width: 151px;
  /*border: 0;*/
}

ul.featureNav li a:hover,
ul.featureNav li a.current {
  background-position: bottom left;
} 

ul.featureNav li a span {
  display: none;
}

ul.accNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.accNav li {
	margin: 0;
	padding: 0;
	display: inline;
}

ul.accNav li a {
	width: 200px;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
}

ul.accNav li.mountain_bike a {
	background-image: url("../images/acc_nav_mountain_bike.jpg");
	height: 39px;
}

ul.accNav li.road_and_fitness a {
	background-image: url("../images/acc_nav_road_and_fitness.jpg");
	height: 40px;
}

ul.accNav li.recreation a {
	background-image: url("../images/acc_nav_recreation.jpg");
	height: 39px;
}

ul.accNav li.womens a {
	background-image: url("../images/acc_nav_womens.jpg");
	height: 40px;
}

ul.accNav li.bmx a {
	background-image: url("../images/acc_nav_bmx.jpg");
	height: 38px;
}

ul.accNav li a:hover,
ul.accNav li a.current {
	background-position: top right;
}

ul.accNav li a span {
	display: none;
}

ul.productNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.productNav li {
	margin: 0;
	padding: 0;
}

ul.productNav li a {
	background: #353432 url("../images/bg_product_nav.jpg") no-repeat top left;
	color: #fff;
	padding: 12px 0 11px 18px;
	display: block;
	border-bottom: 1px solid #fff;
	width: 181px;
	text-decoration: none;
}

ul.productNav li a:hover {
        background-color: #ea3325;
	background-position: top center;
}

ul.productNav li a.current {
        background-color: #ea3325;
	background-position: top right;
}

ul.productNav li a.noHover:hover {
        background-position: top left;
}

ul.productSubNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	border-bottom: 1px solid #fff;
}

ul.productSubNav li {
	margin: 0;
	padding: 0;
}

ul.productSubNav li a {
	background: url("../images/bg_product_sub_nav.jpg") no-repeat top left;
	color: #fff;
	padding: 5px 0 4px 22px;
	display: block;
	border-bottom: 1px solid #8a1d12;
	width: 177px;
	text-decoration: none;
}

ul.productSubNav li a:hover {
	background-position: top center;
}

ul.productSubNav li a.current {
	background-position: top right;
}

ul.cartNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.cartNav li {
	margin: 0;
	padding: 0;
	display: inline;
}

ul.cartNav li .cartSpacer {
	background: #c0c0c0;
	border-bottom: 1px solid #fff;
	width: 199px;
	height: 9px;
}

ul.cartNav li .cartHeading {
	background: url("../images/bg_cart_heading.jpg") no-repeat top left;
	width: 199px;
	height: 36px;
	border-bottom: 1px solid #fff;
}

ul.cartNav li a.viewCartContent {
	display: block;
	background: url("../images/bg_cart_nav.jpg") no-repeat top left;
	width: 199px;
	height: 36px;
}

ul.cartNav li .cartSpacer span,
ul.cartNav li .cartHeading span,
ul.cartNav li a.viewCartContent span {
	display: none;
}

ul.cartNav li a.viewCartContent:hover {
	background-position: top right;
}

ul.cartSubNav {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.cartSubNav li {
	margin: 0;
	padding: 0;
}

ul.cartSubNav li a {
	background: url("../images/bg_cart_sub_nav.jpg") no-repeat top left;
	color: #fff;
	padding: 5px 0 4px 22px;
	display: block;
	border-bottom: 1px solid #4c4c4c;
	width: 177px;
	text-decoration: none;
}

ul.cartSubNav li a:hover,
ul.cartSubNav li a.current {
	background-position: top right;
}

/* gallery navigation */

.category {
  margin: 0;
  margin-left: 1px;
  padding: 0;
  list-style-type: none;
}

.category li {
  margin: 0;
  margin-bottom: 1px;
  padding: 0;
}

.sub-category {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.sub-category li {
  margin: 0;
  padding: 0;
}

.sub-category li a {
  display: block;
  background: #d93222 url("../images/bg_gallery_nav_off.gif") no-repeat 0 0;
  border-top: 1px solid #8a1d12;
  padding: 6px 24px;
  padding-right: 18px;
  color: #fff;
  width: 156px;
  text-decoration: none;
}

.sub-category li a:hover,
.sub-category li .current {
  background: #a7261a url("../images/bg_gallery_nav_on.gif") no-repeat 0 0;
}

.sub-category .first a {
  border-top: 0;
}

/* gallery archive nav */

.ga-subcategory {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.ga-subcategory li {
  margin: 0;
  padding: 0;
}

.ga-subcategory li a {
  display: block;
  background: #d93222 url("../images/bg_gallery_nav_off.gif") no-repeat 0 0;
  border-top: 1px solid #8a1d12;
  padding: 6px 24px;
  padding-right: 18px;
  color: #fff;
  text-decoration: none;
}

.ga-subcategory li a:hover,
.ga-subcategory li .current {
  background: #a7261a url("../images/bg_gallery_nav_on.gif") no-repeat 0 0;
}

.ga-subcategory .first a {
  border-top: 0;
}