/*common.css - all common styles for ride

copyright 2007 Future Medium Pty Ltd

author: matt watts

*/

body {
	margin: 0;
	padding: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 75%;
	background-color: #4d4d4d;
  color: #fff;
}

a { color: #d93222; }
a:hover { color: #ffd200; }

img {
	border: 0;
}

img,
embed,
object {
	display: block;
  margin: 0;
  padding: 0;
}

p,h1,h2,table,ul {
	margin: 0 0 1em 0;
}

ul.topNav:after,
#siteContent:after,
.headerContent:after,
.bodyContent:after,
.headerContent .floatRight:after,
.bodyContent .staffProfiles .profile:after,
.items:after,
.search .items .contentPanel .heading:after,
.productSnapshot:after,
ul.featureNav:after,
ul.cartEntry li:after,
ul.cartEntry li .cartFunction:after,
ul.cartEntry li .productInformation:after,
.orderForm ol li .buttons:after,
#outerContent #flashProduct:after,
#product-suggest:after,
.clear-nested-floats:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.wrapper {
	margin: 0 auto;
	width: 770px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

h1.warning {
	text-align: center;
	font-size: 1.5em;
	color: #ff0000;
}

h2.warning {
        text-align: center;
        font-size: 1.3em;
        margin: 0;
        padding: 10px 0;
        color: #fff;
        background: #000;
}

#outerContent {
	background: #e5e5e5 url("../images/bg_outer_content.gif") repeat-x top left;
}

#home #outerContent {
	background: #e5e5e5 url("../images/bg_outer_content_home.gif") no-repeat top center;
}

#outerContent .wrapper {
	padding: 0 1px;
	position: relative;
}

#outerFooter .wrapper {
	padding: 0 1px;
}

#outerHeader {
	background: #0a0a0a;
	padding: 20px 0 0 0;
}

#outerFooter {
	background: #4d4d4d url("../images/bg_footer.gif") repeat-x top left;
	text-align: right;
	color: #aaaaaa;
	font-size: 0.9em;
}

#outerFooter p {
	margin: 0;
	padding: 1em 0;
}

#outerFooter span,
#outerFooter span a {
	color: #848484;
}

#siteContent {
	background: url("../images/bg_content_drop_shadow.gif") no-repeat bottom center;
	padding: 56px 0 6px 0px;
	margin: 0 1px;
}

#home #siteContent {
	margin: 0;
}

#sponsors {
	padding: 12px 0 17px 0;
}

#siteContent {
	padding-top: 56px;
}

#home #siteContent {
	padding-top: 0;
	padding-left: 1px;
}

/* home */

#outerContent #flashFeature {
	position: absolute;
	top: -10px;
	left: 2px;
  border-bottom: 1px solid #fff;
}

#outerContent #flashProduct {
	margin: 0 0 0 1px;
	padding-top: 56px;
  border-top: 1px solid #fff;
}

#logo {
  position: absolute;
  top: 57px;
  left: 2px;
  z-index: 100;
  width: 229px;
  height: 141px;
}

#flashProduct #flash-image {
  float: left;
  width: 462px;
  height: 266px;
  border-right: 1px solid #fff;
}

#flashProduct #flash-content {
  float: right;
  width: 304px;
  height: 266px;
  background: #4D4D4D;
}
#flashProduct #flash-content .inner {
  padding: 86px 8px 0 8px;
}
#flashProduct #flash-content .inner h2 { 
  font-size: 1.6em;
  text-transform: uppercase;
}
#flashProduct #flash-content .inner h3 {
  font-size: 2em;
  float: left;
  height: 37px;
  margin: 5px 0 0 0;
}
#flashProduct #flash-content .inner a { 
  float: right; 
  margin-right: -8px;
}

.contentPanel {
	float: left;
	background-color: #343433;
  height: 19em;
	color: #d2ceba;
	width: 189px;
  overflow: hidden;
}
.contentPanel .ap-content { 
  color: #d2ceba;
}
.contentPanel .ap-content p { 
  line-height: 1.3em;
}

#home .contentPanel {
	width: auto;
        min-height: 233px;
}
#home .contentPanel#last {
	width: 199px;
  overflow: hidden;
}

#home .contentPanel a {
  color: #d2ceba;
}

#home .contentPanel a:hover {
  color: #fff;
}

#gallery .contentPanel {
	height: 167px;
}
#gallery .img-container { height: 107px; }

/*#gallery*/ .items .ap-content { 
  font-size: 0.9em;
  color: #D2CEBA;
}

.contentPanel:hover,
.contentPanel:hover .ap-content {
	color: #fff;
	background-color: #262626;
}


.contentPanel .ap-content,
.bodyContent  .contentPanel .ap-content {
	padding: 0 3px;
	width: 184px;
}

.contentPanel h2,
.bodyContent  .contentPanel .ap-content h2 {
	margin: 0;
	padding: 0.4em 0;
	font-size: 1em;
	color: #fff;
}

.contentPanel p {
	margin: 0;
	font-size: 0.9em;
}

.contentPanel .img-container {
	position: relative;
}

.contentPanel .img-container a.go {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	height: 21px;
	width: 33px;
	background: url("../images/button_go.png") no-repeat top left;
}

.bodyContent .floatRight .img-container:hover a.go,
.contentPanel:hover .img-container a.go
.bodyContent .ap-content .img-holder:hover a.go,
.contentPanel .img-container a.go:hover,
.contentPanel .img-container:hover a.go  {
	background-position: top right;
}

.contentPanel .img-container a.go span {
	display: none;
}

/* about us */

.headerContent .floatLeft {
	width: 197px;
	border-right: 1px solid #fff;
}

.headerContent .floatRight,
.bodyContent .floatRight,
.bodyContent .search {
	width: 568px;
}

.headerContent {
        border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.headerContent .floatRight {
	background: url("../images/bg_section_header_generic.jpg") no-repeat top left;
	height: 110px;
}

#whats_hot .headerContent .floatRight {
	background: url("../images/bg_section_header_whats_hot.jpg") no-repeat top left;
}

#mountain_bike .headerContent .floatRight {
	background: url("../images/bg_section_header_mountain_bike.jpg") no-repeat top left;
}

#road_and_fitness .headerContent .floatRight {
	background: url("../images/bg_section_header_road_and_fitness.jpg") no-repeat top left;
}

#recreation .headerContent .floatRight {
	background: url("../images/bg_section_header_recreation.jpg") no-repeat top left;
}

#womens .headerContent .floatRight {
	background: url("../images/bg_section_header_womens.jpg") no-repeat top left;
}

#bmx .headerContent .floatRight {
	background: url("../images/bg_section_header_bmx.jpg") no-repeat top left;
}

#gallery .headerContent .floatRight {
	background: url("../images/bg_section_header_gallery.jpg") no-repeat top left;
}

.headerContent .sectionHeading,
.headerContent .categoryHeading {
	float: left;
	padding: 76px 0 0 0;
        height: 32px;
}

.headerContent .sectionHeading h1 {
	text-transform: uppercase;
	color: #fff;
	padding: 8px 0px 0px 12px;
	font-size: 1.4em;
	margin: 0;
}

.headerContent .categoryHeading h1 {
	text-transform: uppercase;
	color: #ffd200;
	padding: 8px 0 0 7px;
	font-size: 1.4em;
	margin: 0;
}

.bodyContent {
	background: #fff url("../images/bg_nav_column_texture.jpg") no-repeat bottom left;
}

.bodyContent .floatLeft {
	border-right: 1px solid #fff;
}

.bodyContent .floatRight {
	background: #000 url("../images/bg_section_content_generic.jpg") no-repeat top left;  
}

#mountain_bike .bodyContent .floatRight {
	background: #000 url("../images/bg_section_content_mountain_bike.jpg") no-repeat top left;
}

#road_and_fitness .bodyContent .floatRight {
	background: #000 url("../images/bg_section_content_road_and_fitness.jpg") no-repeat top left;
}

#recreation .bodyContent .floatRight {
	background: #000 url("../images/bg_section_content_recreation.jpg") no-repeat top left;
}

#womens .bodyContent .floatRight {
	background: #000 url("../images/bg_section_content_womens.jpg") no-repeat top left;
}

#bmx .bodyContent .floatRight {
	background: #000 url("../images/bg_section_content_bmx.jpg") no-repeat top left;
}

#gallery .bodyContent .floatRight {
	background: none;
}

.bodyContent .search {
	float: right;
	background-color: #fff;
}

.bodyContent .ap-content {
	padding: 8px 12px 15px 12px;
	/*color: #fff;*/
}
.bodyContent .mapBanner {
  padding: 8px 12px 15px 9px;
}

.bodyContent .mapBanner {
        padding-right: 0;
}
.ap-content blockquote { 
  font-weight: bold;
}
.ap-content {
  color: #ababab;
}
.ap-content .highlighted {
  color: #fff;
  font-weight: bold;
}
.ap-content ul {
  margin: 10px;
  padding: 10px;
  list-style: none;
}
.ap-content ul li {
  background: url("../images/icon_detail.gif") no-repeat 0 5px;
  padding: 0 0 0 12px;
  margin: 0;
}
.ap-content p {
  line-height: 1.5em;
}
.ap-content h1 {
  font-size: 1.4em;
  color: #fff;
  margin: 0 0 1em 0;
  background: none;
  padding: 0;
  text-transform: none;
}
.ap-content th { 
  background: #3c3c3c;
  padding: 6px;
  text-align: left;
  font-weight: normal;
}
.ap-content td {
  margin: 1px;
  background: #262626;
  padding: 11px;
  border: 1px solid #3c3c3c;
}
.bodyContent .ap-content h2 {
	/*margin: 0;*/
	/*padding: 13px 0;*/
  margin: 0 0 1em 0;
  padding: 0;
	font-size: 1.2em;
  color: #fff;
}

.bodyContent .ap-content .img-container {
	float: right;
	margin-left: 10px;
  margin-bottom: 10px;
}

.bodyContent .mapBanner .img-holder,
.bodyContent .ap-content .img-container .img-holder {
	position: relative;
  margin: 0;
}

.bodyContent .mapBanner .img-holder a.go,
.bodyContent .staffProfiles .profile .profile-image a.go,
.bodyContent .ap-content .img-container .img-holder a.go {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	height: 21px;
	width: 33px;
	background: url("../images/button_go.png") no-repeat top left;
}

.bodyContent .mapBanner .img-holder a.go {
	right: 10px;
	bottom: 1px;
}

.bodyContent .mapBanner .img-holder a.go:hover,
.bodyContent .mapBanner .img-holder:hover a.go,
.bodyContent .staffProfiles .profile .profile-image a.go:hover,
.bodyContent .staffProfiles .profile .profile-image:hover a.go,
.bodyContent .ap-content .img-container .img-holder a.go:hover,
.bodyContent .ap-content .img-container .img-holder:hover a.go {
	background-position: top right;
}

a.go span,
a.addToCart span
.bodyContent .mapBanner .img-holder a.go span,
.bodyContent .staffProfiles .profile .profile-image a.go span,
.bodyContent .ap-content .img-container .img-holder a.go span {
	display: none;
}


.bodyContent .ap-content .img-container .caption {
	background-color: #262626;
	padding: 10px 6px;
}

.bodyContent .ap-content .img-container .caption p {
	margin: 0;
  font-size: 0.9em;
}

.bodyContent .staffProfiles h1.flHeading {
	background: url("../images/bg_staff_heading.jpg") no-repeat top left;
	font-size: 1.4em;
	padding: 6px 0 2px 12px;
	color: #fff;
	text-transform: uppercase;
	margin: 0;
}

.bodyContent .staffProfiles .profile {
	border-top: 1px solid #000;
	background-color: #262626;
	color: #d2ceba;
  font-size: 0.9em;
}

.bodyContent .staffProfiles .profile .profile-image {
	float: left;
	width: 96px;
	margin-right: 5px;
	position: relative;
}

.bodyContent .staffProfiles .profile .profile-content {
	float: right;
	width: 430px;
	padding-right: 7px;
}
.bodyContent .staffProfiles .profile .profile-content .ap-content { padding: 0; color: #d2ceba; }

.bodyContent .staffProfiles .profile .profile-content h3 {
	color: #fff;
	font-size: 1.1em;
	padding: 6px 0 0 0;
	margin: 0;
}
.bodyContent .staffProfiles .profile .profile-content a.contact {
  margin: 0 0 1em 0;
  display: block;
  font-weight: bold;
}

/* product search */

.items {
	background: #262626;
        border-bottom: 1px solid #fff;
}

.items .contentPanel h2.title {
	margin: 0;
	width: 123px;
	float: left;
	padding: 0.4em 0;
	font-size: 1.1em;
	color: #fff;
}

.items .contentPanel h2.price {
	margin: 0;
	width: 61px;
	float: right;
        text-align: right;
	padding: 0.4em 0;
	font-size: 1.1em;
	color: #ffd200;
}

.search .items .contentPanel {
  min-height: 232px;
}
.items .contentPanel {
	width: 189px;
  overflow: hidden;
	padding: 0;
}

.items .contentPanel .ap-content p {
	width: 170px;
	padding: 0;
	margin: 0;
	font-size: 1em;
}

.pagination {
	background: #919191;
	position: relative;
	height: 35px;
}

.pagination a.prev,
.pagination a.next {
	position: absolute;
	width: 33px;
	height: 21px;
	bottom: 0;
}

.pagination a.prev {
	background: url("../images/button_prev.gif") no-repeat top left;
	left: 1px;
}

.pagination a.next {
	background: url("../images/button_next.gif") no-repeat top left;
	right: 1px;
}

.pagination a.prev:hover,
.pagination a.next:hover {
	background-position: top right;
}

.pagination a.prev span,
.pagination a.next span {
	display: none;
}

.pagination p {
	text-align: center;
	/*width: 570px;*/
	padding: 16px 0 0 0;
	margin: 0;
}

.pagination p a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	font-size: 1em;
	letter-spacing: 1em;
}

.pagination p a:hover,
.pagination p a.current {
	color: #ffd200;
}

/* product detail */

.productSnapshot {
	border-bottom: 1px solid #fff;
	height: 136px;
	position: relative;
}

.productSnapshot .floatLeft {
	width: 380px;
}

.productSnapshot .floatRight {
	max-width: 190px;
}

.productSnapshot .floatLeft h1,
.productSnapshot .floatLeft h2 {
	position: absolute;
	width: 290px;
	left: 14px;
}

.productSnapshot .floatLeft h1 {
	font-size: 1.7em;
	color: #fff;
	top: 14px;
	margin: 0;
	text-transform: uppercase;
}

.productSnapshot .floatLeft h2 {
	font-size: 2.5em;
	color: #ffd200;
	bottom: 11px;
	margin: 0;
}

.productSnapshot .floatRight .img-container {
	position: relative;
}

.productSnapshot .floatRight .img-container a.go {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	height: 21px;
	width: 33px;
	background: url("../images/button_go.png") no-repeat top left;
}

.productSnapshot .floatRight a.addToCart {
	/*position: absolute;
	bottom: 0;
	right: 0;*/
	display: block;
	height: 28px;
	width: 190px;
	background: #ee3224 url("../images/button_add_to_cart.gif") no-repeat top left;
}

.productSnapshot .floatRight a.addToCart:hover {
  background-color: #fff;
  background-position: bottom left;
}

.productSnapshot .floatRight .img-container a.go:hover {
	background-position: top right;
}

.productSnapshot .floatRight a.addToCart span,
.productSnapshot .floatRight .img-container a.go span {
	display: none;
}

.backToSearch {
	background: #919191;
	position: relative;
	height: 35px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
  font-weight: bold;
}

.backToSearch a.back {
	position: absolute;
	height: 17px;
	bottom: 0;
	left: 1px;
	background: url("../images/button_back.gif") no-repeat top left;
	padding:  4px 0 0 40px;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}

.backToSearch a.back:hover {
	background-position: bottom left;
}

#product-suggest .img-container {
  border-top: 1px solid #fff;
}

#testimonial-header {
  position: absolute;
	/*height: 17px;*/
	bottom: 0;
	left: 1px;
  padding: 3px 0 3px 40px;
  background: url("../images/bg_testimonial_heading.gif") no-repeat;
}

/* shopping cart */

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

ul.cartEntry li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #000;
	background-color: #262626;
}

ul.cartEntry li .cartContainer {
	float: left;
	width: 96px;
}

ul.cartEntry li .cartContentContainer {
	float: right;
	padding: 4px;
	width: 456px;
}

ul.cartEntry li .cartContainer .img-container {
	position: relative;
}

ul.cartEntry li .cartContainer a.go {
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	height: 21px;
	width: 33px;
	background: url("../images/button_go.png") no-repeat top left;
}

ul.cartEntry li .cartContainer a.go:hover {
	background-position: top right;
}

ul.cartEntry li .cartContainer .cartFunction select {
	float: left;
	width: 61px;
	border: 1px solid #6e6e6e;
	margin: 2px 3px 0 2px;
	color: #fff;
	background: #262626;
}

ul.cartEntry li .cartContainer .cartFunction a.deleteItem {
	float: right;
	width: 24px;
	height: 21px;
        margin-top: 2px;
	background: url("../images/button_delete_item.gif") no-repeat top left;
}

ul.cartEntry li .cartContainer .cartFunction a.deleteItem:hover {
	background-position: top right;
}

ul.cartEntry li .cartContainer a.go span,
ul.cartEntry li .cartContainer .cartFunction a.deleteItem span {
	display: none;
}

ul.cartEntry li .cartContentContainer .productInformation h2.title {
	float: left;
	font-size: 1.1em;
	margin: 0;
	padding:  0 0 10px 0;
	color: #fff;
}

ul.cartEntry li .cartContentContainer .productInformation h2.price {
	float: right;
	font-size: 1.1em;
	margin: 0;
	padding: 0 0 10px 0;
	color: #ffd200;
}

ul.cartEntry li .cartContentContainer p {
	color: #d2ceba;
  font-size: 0.9em;
}

#shopping_cart .backToSearch {
	background: #ee3224;
	border: 0;
}

.backToSearch .submit {
	position: absolute;
	height: 17px;
	bottom: 0;
	left: 1px;
	background: url("../images/icon_submit.gif") no-repeat top left;
	padding:  4px 0 0 40px;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;
}

.orderForm {
	background: #424242 url("../images/bg_order_form.jpg") repeat-x top left;
	padding: 10px 14px;
}

.orderForm ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.orderForm ol li {
	margin: 0 0 2px 0;
	padding: 0;
}

.orderForm ol li label {
	display: -moz-inline-box;
	display: inline-block;
	width: 175px;
	color: #fff;
	vertical-align: top;
}

.orderForm ol li label em {
	color: #ee3224;
}

.orderForm ol li input,
.orderForm ol li textarea,
.orderForm ol li select {
	width: 356px;
}

.orderForm ol li input,
.orderForm ol li textarea,
.orderForm ol li select {
	border: 1px solid #6e6e6e;
	background-color: #e4e4e4;
	color: #121212
}

.orderForm ol li textarea {
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
}

.orderForm ol li.buttonField {
  margin: 20px 0 0 0;
}

.buttons {
  width: 285px;
  float: right;
}

a.clear {
  background: url("../images/button_clear.gif") no-repeat top left;
  height: 19px;
  width: 131px; 
  float: left;
  margin: 0 10px 0 0;
}

a.submit {
  background: url("../images/button_submit.gif") no-repeat top left;
  height: 19px;
  width: 140px;
  float: left;
}

a.clear:hover,
a.submit:hover {
  background-position: bottom left;
}

a.clear span,
a.submit span {
  display: none;
}

/* contact details */
table.contact td { 
  background: none;
  border: none;
  padding: 0;
}
table.contact a {
  color: #fff;
  text-decoration: none;
}

table.contact a:hover {
  text-decoration: underline;
}

/* gallery */

.gallery-image-holder {
  position: relative;
  min-height: 489px;
  background: url("../images/bg_ride_watermark.gif") no-repeat 100% 85%;
}

.purchase-image {
  position: absolute;
  top: 0;
  right: 0;
}

.gallery-image {
  margin: 0 auto;
}

.gallery-information {
  color: #000;
  padding-left: 10px;
  margin: 10px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
}

.gallery-information h3 {
  text-transform: uppercase;
  font-size: 1.4em;
  margin: 0;
  padding: 0;
}

.gallery-information p {
  margin-bottom: 0;
}

.gallery-thumbs {
  position: relative;
}

.gallery-thumbs .pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  background: none;
  height: auto;
  width: 100%;
  color: #000;
  text-align: center;
}

.gallery-thumbs .pagination .prev {
  position: absolute;
  bottom: 1px;
  left: 1px;
  background: url("../images/button_gallery_pagination_prev.gif") no-repeat 0 0;
}

.gallery-thumbs .pagination .prev:hover {
  background-position: 0 -21px;
}

.gallery-thumbs .pagination .next {
  position: absolute;
  bottom: 1px;
  right: 2px;
  background: url("../images/button_gallery_pagination_next.gif") no-repeat 0 0;
}

.gallery-thumbs .pagination .next:hover {
  background-position: 0 -21px;
}

.pips-holder {
  font-size: 0.9em;
  margin-bottom: 4px;
}

.pips {
  overflow: hidden;
  text-align: center;
}

.pips-holder .pips img {
  display: inline-block;
  margin-right: 4px;
}

.purchase-image a {
  background: url('../images/button_purchase_off.gif') no-repeat 0 0;
  width: 124px;
  height: 35px;
  display: block;
}

.purchase-image a:hover {
  background-image: url('../images/button_purchase_on.gif');
}

.purchase-image a span {
  display: none;
}

/* gallery archive */

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

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