/* 	[ COPYRIGHT CONTEGRO  - Intelligent Website Content Management ]   */
/* 	[ http://www.contegro.com ]   */

/* -----[ Add the following to DefaultTheme.css and Search.css for the Search Results ]--------------------------------------------------------------------- */

	/* Product Catalogue SKU, Price, SalePrice */
	/*	.ListSKU,
		.ListPrice,
		.ListSalePrice {
			font-size: 85%;
			margin: 0 0 0 0;
		}
		
	*/


/* -----[ PRODUCT CATALOGUE ]--------------------------------------------------------------------- */

/*
		Do not change class names. Alter attributes as required.
		Prefix with Continer ID to apply style to individual containers.
		
*/

/* === [ SURROUNDING DIV ] === */

.ProductList,
.ProductCatalogueSearchResults {
	position: relative;
	margin: 10px 0px 10px 0px;
	width: 100%;
	height: auto;
	clear: both;
	
}
.Style .ProductList,
.Style .ProductCatalogueSearchResults {
	width: 500px;
	
}
#cLS .ProductList {
	width: 200px;
	
}
.RSSFeedIcon {
	position: relative;
	height: auto;
	clear: both;
	margin: 4px 0px;
}

/* -----[ Product list ]--------------------------------------------------------------------- */

.ProductList .ListHolder,
.ProductCatalogueSearchResults .ListHolder,
.ProductCrossSell .ListHolder {
	
}

	/* Custom Title */
		.ProductList .ListCustomTitle,
		.ProductCrossSell .ListCustomTitle,
		.ProductCatalogueSearchResults .ListCustomTitle  {
			font-size: 140%;
		}
	/* Separators */
		.ProductList .ListPrimarySeparator,
		.ProductCrossSell .ListPrimarySeparator,
		.ProductCatalogueSearchResults .ListPrimarySeparator {
			clear: both;
		}
		.ProductList .ListSecondarySeparator,
		.ProductCrossSell .ListSecondarySeparator,
		.ProductCatalogueSearchResults .ListSecondarySeparator {
			clear: both;
		}

/* === ListItem === */		

		.ProductList .ListItem,
		.ProductCrossSell .ListItem,
		.ProductCatalogueSearchResults .ListItem {
			width: 28%;
			margin: 0px 10px 10px 0px;
			float: left;
			height: 280px;
			border: #C4CCB5 3px solid;
			background: #FFFFFF;
			/* The following styles will Float this ListItem into two columns
			*/
		}
		#cLS .ProductList .ListItem,
		#cLS .ProductCrossSell .ListItem {
			width: 100%;
			float: none;
			}
		.Style .ProductList .ListItem,
		.Style .ProductCrossSell .ListItem {
			width: 100%;
			float: none;
			min-height: 100px;
			/* The following styles will Float this ListItem into two columns
			*/
		}
		* html .Style .ProductList .ListItem,
		* html .Style .ProductCrossSell .ListItem {
			width: 94%;
		}
		* html .ProductList .ListItem,
		* html .ProductCrossSell .ListItem {
			height: 200px;
		}
		  
		* html.ProductCatalogueSearchResults .ListItem  {
			height: 200px;
		}

/* === StatusHolder === */		
			
				.ProductList .StatusHolder,
				.ProductCrossSell .StatusHolder,
				.ProductCatalogueSearchResults .StatusHolder {
					position: relative;
					margin: 4px 0px 0px 0px;
					padding: 0px;
					font-size: 0px;
					clear: both;
					text-align: right;

					/* The following styles will Float this Holder next to the DetailHolder
					width: 30%;
					float: right;
					*/
				}
					/* New Icon */
					.ProductList .ThumbNew,
					.ProductCrossSell .ThumbNew,
					.ProductCatalogueSearchResults .ThumbNew {
						margin: 0 0 0 0;
					}
			
/* === PriceHolder === */		
				
				.ProductList .PriceHolder,
				.ProductCrossSell .PriceHolder,
				.ProductCatalogueSearchResults .PriceHolder {
					position: relative;
					clear: both;
					padding: 6px 0px;
					border-bottom: 1px solid #CCCCCC;
					margin: 0px 0px 4px 0px;
					height: 1%;
					text-align: right;

					/* The following styles will Float this Holder next to the DetailHolder
					width: 30%;
					float: right;
					clear: right;
					*/
				}
						/* Price */
						.ProductList .ListPrice,
						.ProductCrossSell .ListPrice,
						.ProductCatalogueSearchResults .ListPrice {
							margin: 0 0 2px 0;
							line-height: 1.2em;
							font-weight: bold;
							font-size: 120%;
							color: #000000;
						}
							.ProductList .ListPrice span,
							.ProductCrossSell .ListPrice span,
							.ProductCatalogueSearchResults .ListPrice span  {
								font-weight: normal;
								text-transform: uppercase;
								font-size: 10px;
							}
						.ProductList .ListSalePrice,
						.ProductCrossSell .ListSalePrice,
						.ProductCatalogueSearchResults .ListSalePrice {
							margin: 0 0 2px 0;
							line-height: 1.2em;
							font-weight: normal;
							font-size: 90%;
							color: #CC0000;
						}
							.ProductList .ListSalePrice span,
							.ProductCrossSell .ListSalePrice span,
							.ProductCatalogueSearchResults .ListSalePrice span {
								font-weight: normal;
								text-transform: uppercase;
								font-size: 10px;
							}
					/* Member Price */
						.ProductList .ListMemberPrice,
						.ProductCrossSell .ListMemberPrice,
						.ProductCatalogueSearchResults .ListMemberPrice {
							margin: 0 0 2px 0;
							line-height: 1.2em;
							font-weight: bold;
							font-size: 100%;
							color: #000000;
						}
							.ProductList .ListMemberPrice span,
							.ProductCrossSell .ListMemberPrice span,
							.ProductCatalogueSearchResults .ListMemberPrice span  {
								font-weight: normal;
								text-transform: uppercase;
								font-size: 10px;
							}
						.ProductList .ListMemberSalePrice,
						.ProductCrossSell .ListMemberSalePrice,
						.ProductCatalogueSearchResults .ListMemberSalePrice  {
							margin: 0 0 2px 0;
							line-height: 1.2em;
							font-weight: normal;
							font-size: 90%;
							color: #CC0000;
						}
							.ProductList .ListMemberSalePrice span,
							.ProductCatalogueSearchResults .ListMemberSalePrice span {
								font-weight: normal;
								text-transform: uppercase;
								font-size: 10px;
							}
			
/* === ActionHolder === */		
					
				.ProductList .ActionHolder,
				.ProductCrossSell .ActionHolder,
				.ProductCatalogueSearchResults .ActionHolder  {
					position: relative;
					clear: both;
					padding: 4px 0px;
					margin: 0px 0px 4px 0px;
					height: 1%;

					/* The following styles will Float this Holder next to the DetailHolder
					width: 30%;
					float: right;
					clear: right;
					*/
				}
					/* Buttons */
					.ProductList .ListSelect,
					.ProductCrossSell .ListSelect,
					.ProductCatalogueSearchResults .ListSelect  {
						float: right;
					}
				
/* === DetailHolder === */		
			
				.ProductList .DetailHolder,
				.ProductCrossSell .DetailHolder,
				.ProductCatalogueSearchResults .DetailHolder {
					position: relative;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					height: 230px;
					display: block;

					/* The following styles will Float this Holder next to the other Holders
					width: 65%;
					float: left;
					*/
				}
				.Style .ProductList .DetailHolder,
				.Style .ProductCrossSell .DetailHolder,
				.Style .ProductCatalogueSearchResults .DetailHolder {
					height: auto;
					}
					#cLS .ProductList .DetailHolder,
					#cLS .ProductCrossSell .DetailHolder,
					#cLS .ProductCatalogueSearchResults .DetailHolder {
					height: auto;
					}
					/* Categories */
						.ProductList .ListCategory,
						.ProductCrossSell .ListCategory,
						.ProductCatalogueSearchResults .ListCategory  {
						}
						.ProductList .ListSubCategory,
						.ProductCrossSell .ListSubCategory,
						.ProductCatalogueSearchResults .ListSubCategory {
						}
					/* Title */
						.ProductList .ListTitle,
						.ProductCrossSell .ListTitle,
						.ProductCatalogueSearchResults .ListTitle {
						}
					/* Summary */
						.Style .ProductList .ListSummary,
						.Style .ProductCrossSell .ListSummary,
						.Style .ProductCatalogueSearchResults .ListSummary {
							font-size: 100%;
						}
						.ProductList .ListSummary,
						.ProductCrossSell .ListSummary,
						.ProductCatalogueSearchResults .ListSummary {
							font-size: 80%;
							height: 60px;
						}
						.Style .ProductList .ListSummary,
						.Style .ProductCrossSell .ListSummary,
						.Style .ProductCatalogueSearchResults .ListSummary {
							padding: 0 0 0 16px;
							float: left;
							clear: none;
							display: block;
							width: 50%;
						}
					/* Thumbnail */
						.ProductList .ListThumbnail,
						.ProductCrossSell .ListThumbnail,
						.ProductCatalogueSearchResults .ListThumbnail {
							float: left;
							text-align: left;
							width: 100%;
							margin: 0em 0em 0.3em 0;
							
					}
						#cLS .ProductList .ListThumbnail,
						#cLS .ProductCrossSell .ListThumbnail,
						#cLS .ProductCatalogueSearchResults .ListThumbnail {
							text-align: left;
							
					}
						.Style .ProductList .ListThumbnail,
						.Style .ProductCrossSell .ListThumbnail,
						.Style .ProductCatalogueSearchResults .ListThumbnail {
							float: right;
							margin: 0.3em 0.3em 0.3em 0;
							border: 1px solid #7ac142;
							padding: 8px;
							background: #FFFFFF;
							clear: none;
							display: block;
					}
					/* SKU */
					    .Style .ProductList .ListSKU,
						.Style .ProductCrossSell .ListSKU,
						.Style .ProductCatalogueSearchResults .ListSKU {
							margin: 0 0 0 0;
							color: #999999;
							font-size: 85%;
							text-align: left;
						}
						.ProductList .ListSKU,
						.ProductCrossSell .ListSKU,
						.ProductCatalogueSearchResults .ListSKU {
							margin: 0px 0.3em 0 0;
							color: #999999;
							font-size: 85%;
							width: 70px;
							float: left;
						}
						
					/* StockLevel */
						.ProductList .ListStockLevel,
						.ProductCrossSell .ListStockLevel,
						.ProductCatalogueSearchResults .ListStockLevel {
							margin: 0 0 0 0;
							font-size: 85%;
							color: #999999;
							text-transform:uppercase;
						}
					/* ListFullDescription */
						.ProductList .ListFullDescription,
						.ProductCrossSell .ListFullDescription,
						.ProductCatalogueSearchResults .ListFullDescription {
							margin: 0 0 0 0;
							font-size: 100%;
							color: #999999;
						}
					/* EndItem (Visual break between each list item) */
						.ProductList .ListEndItem,
						.ProductCrossSell .ListEndItem,
						.ProductCatalogueSearchResults .ListEndItem {
						}
						
					/* Show All File (Link) */
						.ProductList .ShowAllFile {
							font-size: 90%;
							line-height: 1.5em;
						}
							.ProductList .ShowAllFile a:visited,
							.ProductList .ShowAllFile a:link,
							.ProductList .ShowAllFile a:hover {
								text-decoration: underline;
							}
									

/* -----[ ProductDetails ]--------------------------------------------------------------------- */

/* === [ SURROUNDING DIV ] === */

.ProductDetails {
	position: relative;
	margin: 10px 0px 10px 0px;
	width: 100%;
	height: auto;
	clear: both;
	
}

/* -----[ Product list ]--------------------------------------------------------------------- */

.ProductDetails .ListHolder {
}
	/* Custom Title */
		.ProductDetails .ListCustomTitle {
			
		}
	/* Separators */
		.ProductDetails .ListPrimarySeparator {
			clear: both;
		}
		.ProductDetails .ListSecondarySeparator {
			clear: both;
		}

/* === ListItem === */		

		.ProductDetails .ListItem {
			padding: 0px 0px 0px 0px;
		}

/* === StatusHolder === */		

				.ProductDetails .StatusHolder {
					position: relative;
					margin: px 0px 0px 0px;
					padding: 0px;
					font-size: 0px;
					clear: both;
					text-align: left;

					/* The following styles will Float this Holder next to the DetailHolder 
					width: 30%;
					float: right;*/
					
				}
					/* New Icon */
					.ProductDetails .ThumbNew {
						margin: 0 0 0 0;
					}
				
/* === PriceHolder === */		

			.ProductDetails .PriceHolder {
				position: relative;
				clear: both;
				padding: 6px 0px;
				margin: 0px 0px 4px 0px;
				height: 1%;
				/* The following styles will Float this Holder next to the DetailHolder 
				width: 30%;
				float: right;
				clear: right;*/
			}
			/* Price */
				.ProductDetails .ListPrice {
					margin: 0 0 2px 0;
					line-height: 1.2em;
					font-weight: bold;
					font-size: 120%;
					color: #000000;
					text-align: right;
				}
					.ProductDetails .ListPrice span {
						font-weight: normal;
						text-transform: uppercase;
						font-size: 10px;
					}
				.ProductDetails .ListSalePrice {
					margin: 0 0 2px 0;
					line-height: 1.2em;
					font-weight: normal;
					font-size: 90%;
					color: #CC0000;
					text-align: right;
				}
					.ProductDetails .ListSalePrice span {
						font-weight: normal;
						text-transform: uppercase;
						font-size: 10px;
					}
			/* Member Price */
				.ProductDetails .ListMemberPrice {
					margin: 0 0 2px 0;
					line-height: 1.2em;
					font-weight: bold;
					font-size: 100%;
					color: #000000;
					text-align: right;
				}
					.ProductDetails .ListMemberPrice span {
						font-weight: normal;
						text-transform: uppercase;
						font-size: 10px;
					}
				.ProductDetails .ListMemberSalePrice {
					margin: 0 0 2px 0;
					line-height: 1.2em;
					font-weight: normal;
					font-size: 90%;
					color: #CC0000;
					text-align: right;
				}
					.ProductDetails .ListMemberSalePrice span {
						font-weight: normal;
						text-transform: uppercase;
						font-size: 10px;
					}
			/* PriceBreaks */
				.ProductDetails .PriceBreaks {
					margin: 0 0 2px 0;
					line-height: 1.2em;
					font-weight: normal;
				}
					.ProductDetails .PriceBreaks span {
						font-weight: normal;
						text-transform: uppercase;
						font-size: 10px;
						display: block;
					}
			/* Variants */
				.ProductDetails .ListVariant1,
				.ProductDetails .ListVariant2 {
					position: relative;
					clear: both;
					padding: 6px 0px;
					margin: 0px 0px 4px 0px;
					height: 1%;
					font-size: 85%;
				}
					.ProductDetails .VarintRadioButtons,
					.ProductDetails .VariantRadioButtons {
						border: 1px solid #CCCCCC;
						padding: 2px;
					}
						.ProductDetails .ListVariant1 span,
						.ProductDetails .ListVariant2 span {
							font-weight: normal;
							text-transform: uppercase;
							font-size: 10px;
							display: block;
						}
						.ProductDetails .ListVariant1 input,
						.ProductDetails .ListVariant2 input {
						}
						.ProductDetails .ListVariant1 label,
						.ProductDetails .ListVariant1 label {
						}

			/* Quantity */
				.ProductDetails .ListQuantity {
				}
					.ProductDetails .ListQuantity span {
						font-weight: normal;
						text-transform: uppercase;
						font-size: 10px;
						display: block;
				}
		
		
/* === ActionHolder === */		

				.ProductDetails .ActionHolder {
					position: relative;
					clear: both;
					padding: 6px 0px;
					margin: 0px 0px 4px 0px;
					height: 1%;

					/* The following styles will Float this Holder next to the DetailHolder 
					width: 30%;
					float: right;
					clear: right;*/

				}
					/* Buttons */
						.ProductDetails .ListSelect {
							float: right;
						}
			
/* === DetailHolder === */
				
				.ProductDetails .DetailHolder {
					position: relative;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;

					/* The following styles will Float this Holder next to the other Holders 
					width: 65%;
					float: left;*/
					
				}
				/* Categories */
					.ProductDetails .ListCategory {
					}
					.ProductDetails .ListSubCategory {
					}
				/* Title */
					.ProductDetails .ListTitle {
						font-size: 140%;
						margin-bottom: 0.9em;
						font-weight: normal;
						float: none;
						color: #669900;
						padding: 0 0 0 16px;
					}
						.ProductDetails .ListTitle a, 
						.ProductDetails .ListTitle a:visited, 
						.ProductDetails .ListTitle a:link, 
						.ProductDetails .ListTitle a:hover {
							margin-bottom: 0.9em;
							font-weight: normal;
							float: none;
							text-decoration: none;
							color: #669900;
						}
				/* Summary */
					.ProductDetails .ListSummary {
							float: left;
							clear: both;
							color: #669900;
							margin: 0 0 0.6em 0;
							padding: 0 0 0 0;
							width: 500px;
					}
						.ProductDetails .ListSummary a {
						}
				/* Thumbnail */
					.ProductDetails .ListThumbnail {
						/* float: left; */
					}
					.ProductDetails .ListImage {
						/* float: left; */
						margin: 10px 0px;
						text-align: left;
						float: left;
						clear: none;
						display: block;
					}
						.ProductDetails .ListThumbnail img {
							max-width: 134px;
						}
				/* SKU */
					.ProductDetails .ListSKU {
						margin: 0 0 0 0;
						padding: 0 0 0 0;
						color: #669900;
						font-size: 90%;
						float: none;
						clear: both;
					}
				/* StockLevel */
					.ProductDetails .ListStockLevel {
						margin: 0 0 4px 0;
						font-size: 90%;
						color: #999999;
						text-transform:uppercase;
					}
					/* ListFullDescription */
						.ProductDetails .ListFullDescription {
							margin: 0 0 0 0;
							font-size: 100%;
							color: #666666;
							float: left;
							clear: none;
							width: 500px;
						}
						.ProductDetails .ListFullDescription .TabTarget {
							display: none; /* hiding tabs */
						}
				/* EndItem (Visual break between each list item) */
					.ProductDetails .ListEndItem {
					}
					
/* === [ PAGING ] ============================== */

/* Displays at the Top of list */
 
.ProductCatalogue .OrderingTop
{
}
 /* Displays at the Bottom of list */
.ProductCatalogue .OrderingBottom 
{
}
 /* Numbers */
 	.ProductCatalogue .OrderingTop a, 
	.ProductCatalogue .OrderingBottom a 
	{
	}
	.ProductCatalogue .OrderingTop a:hover, 
	.ProductCatalogue .OrderingBottom a:hover 
	{
	}
 /* Selected Page */
	.ProductCatalogue .SelectedPage {
	}
 /* Next and Back */
	.ProductCatalogue .OrderingTop a.OrderingNext, 
	.ProductCatalogue .OrderingTop a.OrderingBack, 
	.ProductCatalogue .OrderingBottom a.OrderingNext, 
	.ProductCatalogue .OrderingBottom a.OrderingBack
	{
	}
	.ProductCatalogue .OrderingTop a.OrderingNext, 
	.ProductCatalogue .OrderingBottom a.OrderingNext
	{
	}
	.ProductCatalogue .OrderingTop a.OrderingBack, 
	.ProductCatalogue .OrderingBottom a.OrderingBack 
	{
	}
	.ProductCatalogue .OrderingTop a.OrderingNext:hover, 
	.ProductCatalogue .OrderingTop a.OrderingBack:hover,
	.ProductCatalogue .OrderingBottom a.OrderingNext:hover, 
	.ProductCatalogue .OrderingBottom a.OrderingBack:hover
	{
	}
	
/* -----[ Product Catalogue Search ]--------------------------------------------------------------------- */

.ProductCatalogueSearch {
	position: relative;
	clear: both;
	display: block;
	height: 1%;
	color: #666666;
}
		.SearchFull {
			width: 100%;
			padding: 4px 0px;
			width: 100%;
			margin-bottom: 20px;
		}
		.TableTree {
			background-color: #EFEFEF;
			padding: 2px;
			color: #336600;
			border: 1px solid #008536;
		}
		.TableHead {
		}
		.TableButton {
			padding: 4px 0px;
		}			

/* -----[ Product Catalogue Image Navigation Module ]----------------------------------------------------- */

/* === [ Surrounding DIV ] === */
	.ProductCatalogueCategoriesList {
		position: relative;
		margin: 0px;
		padding: 0px 0px 1px 0px;
		
	}
		/* === [ DIV ] === */
			.ProductCatalogueCategoriesList table {
				position: relative;
				text-align: center;
				display: block;
				margin: 0px;
				padding: 0px;
				width: 100%;
			}
		/* === [ TR ] === */
			.ProductCatalogueCategoriesList td {
				padding: 4px 10px;
				vertical-align: top;
				background-color: #FFFFFF;
				border: #e2edcb 5px solid;
			}
		/* === [ Surrounding DIV of Thumbnail and GalleryHeading ] === */
			.ProductCatalogueCategoriesList .ThumbBorder {
			}
				/* === [ IMG ] === */
					.ProductCatalogueCategoriesList .ThumbBorder img {
						margin: 4px 4px 8px 4px;
					}
		/* === [ Heading ] === */
			.ProductCatalogueCategoriesList .CategoryHeading {
				font-size: 85%;
			}
					.ProductCatalogueCategoriesList .CategoryHeading a {
						font-weight: bold;
						color: #008349;
						display: block;
						font-size: 115%;
						text-decoration: none;
					}
		/* === [ Description ] === */
			.ProductCatalogueCategoriesList .CategoryDesc {
				font-size: 85%;
				font-weight: normal;
			}
		/* === [ New Icon ] === */
			.ProductCatalogueCategoriesList .ThumbNew {
				margin-left: auto;
				margin-right: auto;
				display: block;
			}
	

/* -----[ Image Viewer - Details Popup ]----------------------------------------------------- */

	#lightbox {  /* === [ Do not alter ] === */
		position: absolute;	
		left: 0; 
		width: 100%; 
		z-index: 1000; 
		line-height: 0;
	}
		#lightbox a img { /* === [ Button - Do not alter ] === */
			border: none; 
		}
	#lightboxImage { /* === [ Do not alter ] === */
		position: relative; 
	}
	#imageContainer { /* === [ Do not alter ] === */
		padding: 10px; 
	}

/* === [ Background Overlay ] === */
	#overlay {
		position: absolute; 
		top: 0; 
		left: 0; 
		z-index: 501; 
		width: 100%; 
		height: 500px; 
		background-color: #EEEEEE;
	}

/* === [ Container ] === */
  
  	#outerImageContainer { 
		position: relative; 
		background: #EEEEEE; 
		width: 250px; 
		height: 250px; 
		margin: 0 auto; 
		border: #CCCCCC 6px solid;
	}
	#imageBox { /* === [ Image Background ] === */
		position: relative;
		overflow: hidden;
		background: #FFFFFF; 
	}
	#loading { /* === [ Do not alter ] === */
		position: absolute; 
		top: 40%; 
		left: 0%; 
		height: 25%; 
		width: 100%; 
		text-align: center; 
		line-height: 0; 
	}

/* === [ Slider Control ] === */

		#hoverNav { /* === [ Do not alter ] === */
			position: absolute; 
			bottom: 0px; 
			left: 0; 
			height: 33px; 
			width: 100%; 
			z-index: 502;
			padding: 0px 0px 0px 0px;
		}
		#imageContainer>#hoverNav { /* === [ Do not alter ] === */
			left: 0;
		}
		#hoverNav a { /* === [ Do not alter ] === */
			outline: none;
		}
	
		/* === [ Zoom Slider ] === */
			#zoomSlider 
			{
				margin: 0 120px;
				top: 10px;
				height: 15px;
				position: relative;
			}
			#zoomHandle {
				width: 19px;
				height: 20px;
				top: 1px;
				cursor: move;
				position: absolute;
				background: transparent url(/Templates/_images/zoomHandle.gif) center center no-repeat;
				z-index: 1003;
			}
			#zoomSliderLeft
			{
				/*
				-- add in styles here for a shaped image on the left side of the slider
				-- see http://www.aldenta.com/examples/script.aculo.us/slider-images.html*/

				position: absolute;
				width: 5px;
				height: 15px;
				background: url(/Templates/_images/zoomSlider1.gif) center left no-repeat;
				z-index: 1002; 
			}
			#zoomSliderRight
			{
				height: 15px;
				position: relative;
				
				/*
				-- add in styles here for a shaped image on the right side of the slider
				-- see http://www.aldenta.com/examples/script.aculo.us/slider-images.html
				-- don't put borders on #zoomSlider as it will cause the handle to render outside the slider.
				*/
				z-index: 1001;
				background: url(/Templates/_images/zoomSlider.gif) center right no-repeat;
			}

		/* === [ Buttons ] === */
			#prevLink, 
			#nextLink,
			#spaceLink { 
				width: 102px; 
				height: 40px; 
				display: block;
			}
			#prevLink { 
				margin: 10px;
				left: 0; 
				float: left;
				background: url(/Templates/_images/prevlabel.gif) left top no-repeat;
			}
			#nextLink { 
				margin: 10px;
				right: 0; 
				float: right;
				background: url(/Templates/_images/nextlabel.gif) right top no-repeat;
			}
	
/* === [ Box below image ] === */
		#imageDataContainer { 
			margin: 10px auto; 
			line-height: 1.4em; 
			overflow: auto; 
			width: 100%;
			background: #FFFFFF;
			border: #CCCCCC 6px solid;
		}
		
		/* === [ Text below image ] === */
				#imageData #imageDetails { /* === [ Box ] === */
					float: left; 
					text-align: left;
					padding: 10px;
				}	
				#imageData { /* === [ Text ] === */
					color: #666666;
					text-transform: uppercase;
					font-size: 90%;
				}
				#imageData #caption { 
					font-weight: bold;
				}
				#imageData #numberDisplay {
					display: block; 
					clear: left; 
				}	
						
		/* === [ Button below image ] === */
				#imageData #bottomNavClose { 
					padding: 10px;
					float: right; 
					outline: none;
					
				}	 	
	
/* -----[ Version Update to Product List ]--------------------------------------------------------------------- */
/* -----[ Addition of Product Enquiry Form ]------------------------------------------------------------------- */

.ProductEnquireContainer,
.ProductEnquireConfirmation {
	position: relative;
	display: block;
	clear: both;
	/* === [ Required for Window ] === */
	font-family: sans-serif;
	font-size: 11px;
	margin: 10px 0px 10px 15px;
	border: 1px solid #bdbdbd;
	background: #FFFFFF;
}

.ProductEnquireWrapper {
	padding: 10px;
	border: 3px solid #FFFFFF;
	background: #FFFFFF url(/Templates/_images/back_cPC.gif) repeat-x top left;
}
		/* === [ Field Grouping ] === */
		.ProductEnquireField {
			display: block;
			clear: both;
			margin: 2px 0px;
		}
		/* === [ Lable Text ] === */
		label.EnquiryLabel {
			font-size: 1em;
			position: relative;
			display: block;
			float: left;
			color: #008349;
			width: 130px;
			padding-right: 5px;
			margin-bottom: 5px;
		}
		/* === [ Form Fields ] === */
		.ProductEnquireContainer input, 
		.ProductEnquireContainer select, 
		.ProductEnquireContainer textarea {
			position: relative;
			display: inline;
			margin-bottom: 2px;
			width: 200px;
			/* === [ Required for Window ] === */
			font-family: sans-serif;
			font-size: 11px;
		}

		/* === [ Error Text ] === */
		.EnquiryError {
			position: relative;
			display: inline-block;
			clear: both;
			font-size: 1em;
			min-width: 250px;
		}

		/* === [ Button ] === */
		.ProductEnquireContainer .EnquireButtons {
			position: relative;
			display: block;
			margin: 0px 0px 0px 145px; 
		}
		.ProductEnquireContainer .EnquireButtons input {
			width: auto;
		}
		
		/* === [ CaptchaControl ] === */
		.CaptchaControl {
			position: relative;
			display: block;
			clear: both;
			border-style: none;
			margin: 0px 0px 0px 135px; 
			padding: 6px 0px;		
		}
		
/* -----[ Version Update to Product List ]--------------------------------------------------------------------- */
/* -----[ Addition of Variants and Quantities to Product List ]------------------------------------------------ */

/* Variants */
	.ProductList .ListVariant1,
	.ProductList .ListVariant2,
	.ProductList .ListQuantity  {
		position: relative;
		clear: both;
		padding: 6px 0px;
		margin: 0px 0px 4px 0px;
		height: 1%;
		font-size: 0.95em;
	}
		.ProductList .VarintRadioButtons,
		.ProductList .VariantRadioButtons {
			border: 1px solid #d2dde7;
			padding: 2px;
		}
			.ProductList .ListVariant1 span,
			.ProductList .ListVariant2 span,
			.ProductList .ListQuantity span {
				font-weight: normal;
				text-transform: uppercase;
				font-size: 10px;
				padding: 0px 4px 0px 0px;
			}
			.ProductList .ListVariant1 input,
			.ProductList .ListVariant2 input {
				display: inline;
			}
			.ProductList .ListVariant1 label,
			.ProductList .ListVariant1 label {
			}
		
/* -----[ Version Update to Product List ]--------------------------------------------------------------------- */
/* -----[ Addition of Wrappers around prices ]----------------------------------------------------------------- */

.ListPriceWrapper,
.ListSalePriceWrapper,
.ListMemberPriceWrapper,
.ListMemberSalePriceWrapper {
	position: relative;
	clear: both;
	padding: 0px;
	margin: 0px;
}

.NotBestPrice {
	text-decoration: line-through;
}
		/* Automatically Updateded in patch version 2.0.4.0 */
/* -----[ Patch 2.0.5 ]----- */
/* -----[ Add to ProductCatalogue.css  ]----- */


.ProductCatalogue .ProductActions { } /* div surrounding the image buttons under the product details */

	.ProductCatalogue .ProductActions input.EnquireButton { }

	.ProductCatalogue .ProductActions a.ProductDetailPrint { }
		.ProductCatalogue .ProductActions a.ProductDetailPrint img { }

	.ProductCatalogue .ProductActions input.EmailToButton { }