@charset "utf-8";
/* CSS Document */

/*------------------- Products Section --------------------------*/

h3 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color:#000;
	border-bottom:medium none;
	padding-bottom:0;
}

.section-products #container {
	background-position: 0 30px;
	background-repeat: no-repeat;
}

.section-products #contents {
	background-color: transparent;
	background-image: none;
	padding-bottom: 0;
	top: -27px;
	z-index: 1;
}

.section-products #category-nav-container {
	background-image: url(../images/products/bg_cat-nav-container.gif);
	background-repeat: no-repeat;
	width: 161px;
	height: 367px;
	float: left;
	padding-top: 28px;
}

.section-products #category-nav {
	background-image: url(../images/products/bg_cat-nav.gif);
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #bbb;
	padding-top: 5px;
	height: 362px;
}

.section-products #category-nav li {
	margin-bottom: 8px;
}

.section-products #category-nav a {
	display: block;
	color: #000;
	text-decoration: none;
	padding: 10px 0 6px 30px;
}

.section-products #category-nav .na {
	display: block;
	padding: 10px 0 6px 30px;
}

.section-products #category-nav a.in {
	background-image: url(../images/products/bg_cat-item-in.gif);
	background-repeat: no-repeat;
}

.section-products #category-nav a:hover {
	color: #000;
	text-decoration: underline;
}
.section-products #category-nav a.in:hover {
	text-decoration: none;
}

.section-products #contents-products {
	float: left;
	position: relative;
}

.section-products #activity-tabs-container {
	float: left;
	background-image: url(../images/products/bg_tab_products.png);
	background-position: top right;
	background-repeat: no-repeat;
	padding: 3px 100px 0 0;
	height: 30px;
	position: relative;
	z-index: 4;
}

.section-products ul#activity-tabs {
	/*background-image: url(../images/products/bg_tabs.gif);*/
	background-repeat: no-repeat;
	background-position: 0 7px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	height: 30px;
	padding-left: 20px;
	float: left;
}

.section-products ul#activity-tabs li {
	float: left;
	height: 30px;
}

.section-products ul#activity-tabs a {
	floaty: left;
	color: #000;
	text-decoration: none;
	padding: 17px 12px 9px;
	display: block;
}

.section-products ul#activity-tabs a span {
	float: left;
	padding: 9px 15px 11px 3px;
	display: block;
	margin-top: -17px;
	cursor: pointer;
}

.section-products ul#activity-tabs a:hover {
	color: #000;
	text-decoration: underline;
}

.section-products ul#activity-tabs a.in {
	background: url(../images/products/bg_tab-left.png) no-repeat 0% 0;
}
.section-products ul#activity-tabs a.in:hover {
	text-decoration: none;
}

.section-products ul#activity-tabs a.in span {
	background: url(../images/products/bg_tab-right.png) no-repeat 100% 0;
}

.section-products #products-list-container {
	background-color: white;
	height: 368px;
	width: 799px;
	float: left;
	position: absolute;
	top: 27px;
	left: 0;
	z-index: 3;
}

.section-products #products-list {
	background-image: url(../images/products/bg_gradiendt-products.gif);
	background-repeat: no-repeat;
	height: 368px;
	width: 799px;
	overflow: auto;
	overflow-y: hidden;
	background-attachment: fixed
	margin: 0;/* hack to fix bg image */
}

.section-products #products-list h3 {
	margin-bottom: 6px;
}

.section-products #products-list p {
	margin: 0;
}

#products-list ul,
#products-list li {
	float: left;
}

#products-list ul {
	margin: 20px 0 0 10px;
}

#products-list li {
	border-right: 1px solid #ddd;
	width: 160px;
	height: 293px; 
	padding: 7px 10px 0;
}

#products-list .products ul,
#products-list .products li {
	width: 160px;
	float: none;
	padding: 0;
	margin: 0;
}

#products-list .products li {
	border-right: none;
	height: auto;
	width: auto;
}

#products-list .products .large-image {
	text-align: center;
	width: 160px;
	height: 160px;
	overflow: hidden;
}

#products-list .products .icons {
	margin-top: 7px;	
}

#products-list .products .product-name {
	margin-top: 11px;
}

#products-list .products .price {
	margin-top: 2px;
	font-weight: bold;
}

#products-list .products .soldout {
	margin-top: 5px;
	color: #d13;
	font-weight: bold;
}

#products-list .products .price {
	margin-top: 2px;
	font-weight: bold;
}

#products-list .products .soldout {
	margin-top: 5px;
	color: #d13;
	font-weight: bold;
}

#products-list .products .view-details {
	margin-top: 7px;
}

#products-list .products .view-details a {
	color: #888;
	text-decoration: underline
}

#products-list .products .view-details a:hover {
	color: #000;
	text-decoration: underline
}

#products-list .products .view-details a:hover {
	/*text-decoration: none; --> Harry doesn't like it*/
}


#products-list .products .icons, 
#products-list .products .product-name,
#products-list .products .price,
#products-list .products .soldout,
#products-list .products .view-details {
	padding-left: 10px;
}

#gear-advice {
	color: #666;
	float: left;
	margin: 22px 0 0 0;
	clear: both;
	width: 960px;
}

#gear-advice p {
	color: #666;
	padding: 0px;	
	margin: 0px;
}

#gear-advice #footer p {
	padding: 10px 0px;
}

#gear-advice hr{
	border: 0;
	color: #2b2b2b;
	background-color: #2b2b2b;
	height: 1px;
	width: 100%;
	margin-top: 10px;
	margin-bottom:0;
}

#gear-advice2 {
	width: 932px;
	float: left;
}

.section-products #footer {
	/*margin-top: -60px;
	position: absolute;*/
	left:0px;
}

.section-products #products-description-container {
	background-color: white;
	height: 368px;
	width: 799px;
	float: left;
	overflow: hidden;
	position: absolute;
	top: 27px;
	left: 0;
	z-index: 3;
}

.section-products #products-description {
	background-image: url(../images/products/bg_gradiendt-products.gif);
	background-repeat: no-repeat;
	height: 342px;
	width: 759px;
	padding: 13px 20px;
	position: relative;
	background-attachment: fixed
	margin: 0;/* hack to fix bg image */
}

.section-products #products-description ul li {
	float: left;
}

.section-products #products-description ul li.products-nav,
.section-products #products-description ul li.products-detailed-info,
.section-products #products-description ul li.related-gears {
 	margin-top:17px;
}

.section-products #products-description .products-info {
	float: left;
	position: relative;
	width: 225px;
}
#products-description #products-views .allSwatch {
	float: right;
	position:relative;
}
.products-header {
	width: 100%;
}
.products-header p {
	margin:2px 0;
}
.products-header img {
	float: left;
}
.products-header h3 {
	border: none;
	margin: 3px 0px 0px 0px;
	padding: 0;
}
.products-header .price {
	font-weight: normal;
	padding-left: 20px;
}
.products-header .soldout {
	color: #d13;
	font-weight: bold;
}
.products-header .separator {
	border-bottom: 1px solid #ddd;
	margin-top: 10px;
}
.products-info {
	clear: both; 
}
.products-info img { 
	padding-top: 10px;
}
#products-description div.imgSize { 
	width: 200px;
	height: 215px;
	overflow: hidden;
	text-align: center;
}

#products-description div.imgSizeZoom { 
	width: 460px;
	height: 460px;
	overflow: hidden;
	text-align: center;
}

#panelZoom {
	position: absolute;
	top: 33px;
	left: 161px;
	z-index: 100;
	width: 799px;
	height: 511px;
	visibility: hidden;
}

#panelZoom .hd {
	height: 26px;
	background-image: url(../images/products/bg_panel-zoom-top.png);
}

#panelZoom .hd div {
	position: absolute;
	top: 5px;
	right: 40px;
	text-transform: capitalize;
	font-size: 10px;
	color: #888;
}

#panelZoom .bd {
	text-align: center;
	background-color: #fff;
}

#panelZoom .ft {
	height: 25px;
	background-image: url(../images/products/bg_panel-zoom-bottom.jpg);
	background-repeat: none;
	position: relative;
}

#panelZoom ul#zoom-views {
	position: absolute;
	top: 4px;
	left: 20px;
	float: left;
}

#panelZoom ul#zoom-views li {
	float: left;
}

#panelZoom .ft .swatches a.last { 
	margin-right: 0;
	border: 2px;
}

#panelZoom .ft .swatches a.in { 
	padding-bottom: 4px;
	border-bottom: 2px solid #9f9f9f;
}

#panelZoom span.container-close {
	width: 100px;
	height: 26px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

#zoom-button_img{
	
	cursor: pointer;
}
#zoom-close-button_img{
	
	cursor: pointer;
}

#products-views { 
	margin-top: 21px;
	padding-top: 6px;
	float: left;
	width: 100%;
	border-top: 1px solid #ddd; 
}

/*
#products-views .magnifying a:hover {
	padding-bottom: 2px;
	border-bottom: 2px solid #9F9F9F;
}*/

#products-views .views #thumbView li {
	text-align:right;
}

#products-views .swatches #thumbColor li {
	text-align:right;
}

#products-views img { 
	padding-top: 0;
}

.magnifying{ 
	width:22px;
	margin-right:30px;
	float:left;
}

.views { 
	padding-right: 5px;
}

.views a {
	display: block;
	float: left;
	/*width: 13px;
	height: 13px;*/
	margin-right: 4px;
	
}

.views a:hover {
	display: block;
	float: left;
	margin-right: 4px;
	padding-bottom: 1px;
	border-bottom:2px solid #9F9F9F;
}

.views li.selected a { 
	padding-bottom: 1px;
	border-bottom: 2px solid #9f9f9f;
}

.swatches {

}


.swatches li {
	width: 14px;
	height: 13px;
	float: left;
	margin-right: 4px;
	padding: 0;
}

.swatches li.selected a {
	padding-bottom: 4px;
	border-bottom: 2px solid #9f9f9f;
}

.swatches #thumbColor .swatch,
.swatches #zoomColor .swatch {
	border: 1px solid #ccc;
	width: 12px;
	height: 11px;
	display: block;	
}

.swatches a { 
	float: left;
}

.swatches a:hover {
	display: block;
	float: left;
	padding-bottom: 4px;
	border-bottom: 2px solid #9F9F9F;	
}

.swatches a span { 
	width: 12px;
	height: 11px;
	display: block;
	float: left;
	border: 0;
	margin: 0;
	padding: 0;	
}

#products-description .products-info .swatches li.last { 
	margin-right: 0;
}

.swatches a.cols-2 span { 
	width: 6px;
}
.swatches a.cols-3 span { 
	width: 4px;
}

#products-description .products-nav {
	
	position: relative;
	/*max-width: 70px;*/
}

#products-description .products-nav #nav {
	left: 0;
	margin-top:5px;
}

#products-description .products-nav #nav a {
	color: #888;
	text-decoration: underline;
}

#products-description .products-nav #nav a:hover {
	color: #000;
}

#products-description .products-nav #nav li {
	/*white-space: nowrap;*/
	width:70px;
}

#products-description .products-nav ul#nav li {
	float: none;
	margin-bottom: 8px;
}

#products-description .products-nav ul#nav li a.active {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#products-description .products-nav ul#nav li.buy a {
	color: #fff;
	font-weight: bold;
	text-align:center;
	background-image: url(../images/bg_bt_red.jpg);
	background-repeat: repeat-x;
	background-position: bottom; 
	border: 1px solid #9f0000;
	background-color: red;
	display:block;
	text-decoration: none;
	text-align:center;	
	padding: 2px 3px 2px 3px;	
}

#products-description .products-nav .find  {
	clear: both;
	width:90px;
}

#products-description .products-nav .find a {
	color: #fff;
	font-weight: bold;
	text-align:center;
	background-image: url(../images/bg_bt_red.jpg);
	background-repeat: repeat-x;
	background-position: bottom; 
	border: 1px solid #9f0000;
	background-color: red;
	display:block;
	text-decoration: none;
	text-align:center;	
	padding: 2px 3px 2px 3px;
}

#products-description .products-nav ul#nav li.buy a:hover {
	background-image: none;
	background-color: #ff0000;;
	border: 1px solid #ff0000;		
	color: #fff;
	font-weight: bold;
	text-align:center;

	display:block;
	text-decoration: none;
	text-align:center;	
	padding: 2px 3px 2px 3px;	
}

#products-description .products-nav .find a:hover {
	background-image: none;
	background-color: #ff0000;;
	border: 1px solid #ff0000;		
	color: #fff;
	font-weight: bold;
	text-align:center;

	display:block;
	text-decoration: none;
	text-align:center;	
	padding: 2px 3px 2px 3px;
}


#products-description .products-detailed-info {
	width: 260px;
	padding-right: 10px;
	height: 252px;
	margin: 17px 0px 0px 40px;
	overflow: auto;
	overflow-x: hidden;
	float: none;
	
}

.products-detailed-info #fit-and-size {
	font-size: 10px;
	color: #000;
	font-weight: bold;
	float: left;
	padding-top: 4px; 
	margin-bottom: 10px;
}

.products-detailed-info #fit-and-size #title {	
	float: left;

}

.products-detailed-info #fit-and-size #title .content {	
	width: 80px;
	float: left;
	margin: 0px 5px 0px 5px;	
	border-right: 1px solid #ddd;		
}

.products-detailed-info #fit-and-size p {
	margin: 0px;
}

.products-detailed-info #fit-and-size #title img{	
	float: left;
	border: 0px;
	margin-right: 5px;	
}

.products-detailed-info #fit-and-size #link {
	float: left;
	height: 30px;
	margin-left: 5px;
}

.products-detailed-info ul#details li {
	float: none;
	margin-bottom: 10px;
	margin: 0px 15px 0px 15px;
	list-style-position: outside;
	list-style-type: disc; 
}

.products-detailed-info ul#details {
	clear: both;
	width: 250px;
	margin-left: 4px; 
}

#products-description .related-gears{
	margin: 17px 0 0 20px;
	
}
.section-technologies .related-gears{
	
	margin-bottom:140px;
}
.related-gears h4 {
	clear: both;
	margin-top: 10px;
}
.related-gears ul, #textual-contents div.related-gears ul li {
	list-style-type: none;
}

#products-description .related-gears a,
div.related-gears a {
	border: 1px solid #ccc;
	width: 73px;
	display: block;
}
.related-gears img {
	width: 65px;
	height: 65px;
	margin: 4px;
}


#products-description .related-gears a:hover,
div.related-gears a:hover {
	border-color: #000;
}

#products-description .related-gears ul li {
	float: none;
	margin-bottom: 10px;
}
#textual-contents div.related-gears ul li{
	margin-left:0;
	margin-right:0.6em;
	margin-top:0.6em;
	margin-bottom:0;
	float:left;
}
.seat-inserts .related-gears {
	margin-left: 196px;
}

#products-description .next-previous-nav {
	width: 100%;
	margin-top: 17px;
}

#products-description .next-previous-nav ul li {
	width: 250px;
}

#products-description .next-previous-nav ul li.last {
	text-align: right;
	margin-right: 0;
}

#products-description .next-previous-nav ul li.back-to-product {
	text-align: center;
}

#products-description .next-previous-nav a {
	font-size: 10px;
	color: #888;
	text-decoration: none;
}

#products-description .next-previous-nav a:hover {
	color: #000;
	text-decoration: underline;
}

#products-description .next-previous-nav li.previous a {
	background-image: url(../images/arrow_previous.gif);
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
}

#products-description .next-previous-nav li.back-to-product a {
	/*font-weight: bold;*/
	text-align: center;
}

#products-description .next-previous-nav li.next a {
	background-image: url(../images/arrow_next.gif);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	padding: 0 20px 0 0;
	text-align: right;}

#products-description .products-detailed-info #care-tips-list li {
	font-size: 10px;
	line-height: 1.5em;
	margin-bottom: 10px;
	padding-left: 22px;
	float: none;
	list-style-type: none;
}

#care-tips-list li.wash {
	background-image: url(../images/products/care/wash.gif);
	background-repeat: no-repeat;
}

#care-tips-list li.dry-clean {
	background-image: url(../images/products/care/dry_clean.gif);
	background-repeat: no-repeat;
}

#care-tips-list li.iron {
	background-image: url(../images/products/care/iron.gif);
	background-repeat: no-repeat;
}

#care-tips-list li.bleach {
	background-image: url(../images/products/care/bleach.gif);
	background-repeat: no-repeat;
}

#care-tips-list li.dry {
	background-image: url(../images/products/care/dry.gif);
	background-repeat: no-repeat;
}

#products-description .products-detailed-info #awards-list li {
	font-size: 11px;
	/*line-height: 40px;*/
	height: 50px;
	margin-bottom: 5px;
	/*padding-left: 80px;*/
	float: none;
	list-style-type: none;
}

#products-description .products-detailed-info #awards-list img {
	margin-bottom: -18px;
}

#products-description .products-detailed-info #awards-list .text {
	margin: -15px 0px 0px 70px;
	width: 250px;
}

#awards-list li#bike-sport-news {
	background-image: url(../images/products/awards/JALPXS_BSNEWS_9-10-2006.gif);
	background-repeat: no-repeat;
}

#awards-list li#singletrack {
	background-image: url(../images/products/awards/JALPXS_STRACK_5-2006.jpg);
	background-repeat: no-repeat;
}

#awards-list li#radtouren {
	background-image: url(../images/products/awards/JALPXS_RTOUREN_1-2006.gif);
	background-repeat: no-repeat;
}

#awards-list li#what-mountain-bike {
	background-image: url(../images/products/awards/JALPIN_WHATMTB_1-2006.gif);
	background-repeat: no-repeat;
}

#products-description .products-detailed-info p.p-buy-now {
	font-size: 11px;
	margin: 0 0 7px 0;
}

.products-detailed-info ul#buy-now-links {
	font-size: 10px;
	width: 100%;
	margin-bottom: 0 0 8px 0;
}

.products-detailed-info ul#buy-now-links li {
	margin-bottom: 6px;
	float: none;
	list-style-position: inside;
	list-style-type: disc;
	padding-left: 13px;
}

.products-detailed-info ul#buy-now-links li a {
	color: #000;
	font-weight: bold;
}

ul#buy-now-links li#or-find {
	list-style-type: none;
	padding: 11px 0 12px 0;
}

.products-detailed-info p.disclaimer {
	font-size: 10px;
	color: #888;
}

/*------------------- /Products Section --------------------------*/