@CHARSET "ISO-8859-1";
/* products CSS handling */
			/**
			*
			* Support classes, debug classes, etc
			*
			**/

			/* clear floating content */
			.clearboth{
				clear: both;
			}

			/*debug stuff*/
			.debugImage{display: inline;}

			/** fix IE's broken concept that whitespace is meaningful **/
			img{display: block; border: 0px solid white}

			/** no padding! **/
			* {padding:0; margin:0}

			/**
			*
			* Scrolling support for the main collections scroll
			*
			**/

			/* floating 'x of x products' panel */
			#scrollableCollectionResultPanelProductCountText{
				position: absolute; 
				top:334px; 
				left:1px; 
				padding-left:10px; 
				color: white; 
				font-family: arial; 
				font-size: 14px; 
				font-weight: bold;
				z-index:2;
			}
			#scrollableCollectionResultPanelProductCountText_dropshadow{
				position: absolute; 
				top:335px; 
				left:3px; 
				padding-left:10px; 
				color: black; 
				font-family: arial; 
				font-size: 14px; 
				font-weight: bold;
				z-index:1;
			}

			/** undo image display in the few places where we can't use block images (another IE fix) ... */
			.scrollableCollectionImage{display: inline; border-right: 1px solid white;border-left: 1px solid white;}

			/* Holds all elements related to collection main panel components */
			#scrollableCollectionResultPanelContainer{
				position: relative;
				width: 692px;
				overflow: hidden;
			}

			/* popup panel text styling */
			.scrollablePopupPanelText{
				color: white;
				padding:5px;
				line-height : 1.2em;
			}
			
			/* popup panel text styling for the panel title, data label and value.. also the utility links (sample/highres/hatch) */
			.scrollablePopupPanelText_title{font-family: verdana; font-size:14px; font-weight: bold;}
			.scrollablePopupPanelText_bodyLabel, .scrollablePopupPanelText_bodyText p {font-family: verdana; font-size:9px; font-weight: bold; color: #fff; line-height: 15.6px;}
			.scrollablePopupPanelText_bodyText, .scrollablePopupPanelText_bodyText p {font-family: verdana; font-size:9px; font-weight: normal; color: #fff; line-height: 15.6px;}
			.scrollablePopupPanelText_bodyLink{font-family: verdana; font-size:9px; font-weight: normal; color: #c8b489; font-weight: bold; text-decoration: none;}
			.scrollablePopupPanelText_bodyLink:link, .scrollablePopupPanelText_bodyLink:visited, .scrollablePopupPanelText_bodyLink:active, .scrollablePopupPanelText_bodyLink:hover{
				color: #c8b489;
			}
			p.allowedPanelComponent { margin: 0; padding-top: 0; padding-bottom: 0;}

			/* scrollable div area for collections */
			#scrollableCollectionResult {
				float: left;
				width: 691px;
				height: 114px;
				padding: 0px;
				/*border-top: 1px solid #ccc;
				border-left: 1px solid #ccc;*/
				overflow: hidden;
				white-space: nowrap;
				z-index: 500;
			}
			/* wrap to make sure that image area is clickable */
			#scrollwrap {
				clear: both;
				width: 346px;
				height: 24px;
				background: transparent url(/images/product_slider-bar-slice.gif) no-repeat top left;
				position: absolute;
				left : 340px;
				top: 335px;
				z-index:400;
			}
			
			/* left image of scrolltrack */
			#scrolltrack-left {
				position: absolute;
				width: 29px;
				height: 24px;
				top: 0px;
				z-index:401;
				background: transparent url(/images/product_slider-left.gif) no-repeat top left;
			}
			
			/* right image of scrolltrack */
			#scrolltrack-right {
				position: relative;
				width: 29px;
				height: 24px;
				left:299px;
				background: transparent url(/images/product_slider-right.gif) no-repeat top right;
				z-index:401;
			}
			
			/* horizontal track */
			#scrolltrack {
				position: absolute;
				width: 306px;
				z-index:100;
				height: 24px;
			}
			
			/* horizontal track handle */
			#scrollhandle {
				width: 50px;
				height: 24px;
			}
			.allowedPanelComponent a{
				color: #c8b489
			}

			
			.scrollableCollectionResultLabel{
				display: inline;
				float: left;width:172px; height: 18px;
			}
			#scrollableCollectionResultLabelsWrapper{
				position: relative;overflow: hidden; width: 600px;
			}
			#scrollableCollectionResultLabels{
				width:6000px;
				position: absolute;
				 top:-120px; left:0px; 
			}

		 	.scrollableCollectionResultLabel{
		 		overflow: hidden; 
		 		position: absolute;
		 		width: 172px; 
		 		height: 17px; 
		 		z-index: 1001; 
		 		text-align: center;
		 		color: white;
		 		top: 465px;
		 		font-size:14px;
		 		font-weight: bold;
		 	}
		 	.scrollableCollectionResultLabel_shadow{
		 		top: 466px;
		 		z-index: 1000; 
		 		color: black;
		 	}

		 	.scrollableCollectionResultTitle{
		 		overflow: hidden; 
		 		position: absolute;
		 		width: 172px; 
		 		height: 16px; 
		 		z-index: 10; 
		 		text-align: center;
		 		color: white;
		 		top: -3px;
		 		font-size:10px;
		 		font-weight: bold;
		 	}
		 	.scrollableCollectionResultTitle_shadow{
		 		top: -2px;
		 		z-index: 9; 
		 		color: black;
		 	}