/* 	[ 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 ] === */
#cPC .ListFullDescription .TabTarget li {
    font-size: 0;
}
#cPC .ListFullDescription .TabTarget li a {
    color: #FFFFFF;
}
.ProductList,
.ProductCatalogueSearchResults {
	position: relative;
	margin: 10px 0px 10px 0px;
	width: 100%;
	height: auto;
	clear: both;
}
.RSSFeedIcon {
	position: relative;
	height: auto;
	clear: both;
	margin: 4px 0px;
}

/* -----[ Product list ]--------------------------------------------------------------------- */

.ProductList .ListHolder,
.ProductCatalogueSearchResults .ListHolder  {
	position: relative;
	margin: 0.4em 0 10px 0;
	padding: 0px 0px 20px 0px;
	width: auto;
	min-height: 1%;
}

.ProductCrossSell .ListHolder{
	position: relative;
	margin: 10px 0 10px 0;
	padding: 0px 0px 20px 0px;
	width: auto;
}


	/* Custom Title */
		.ProductList .ListCustomTitle,
		.ProductCrossSell .ListCustomTitle,
		.ProductCatalogueSearchResults .ListCustomTitle  {
		}
		#cLS .ProductList .ListCustomTitle{
			margin-left: 10px;
		}
	/* Separators */
		.ProductList .ListPrimarySeparator,
		.ProductCrossSell .ListPrimarySeparator,
		.ProductCatalogueSearchResults .ListPrimarySeparator {
			clear: both;
		}
		.ProductList .ListSecondarySeparator,
		.ProductCrossSell .ListSecondarySeparator,
		.ProductCatalogueSearchResults .ListSecondarySeparator {
			clear: both;
		}

/* === ListItem === */		

		.ProductList .ListItem {
			width: 220px;
			margin: 0px 0px 10px 10px;
			float: left;
			height: 260px;
			padding: 0;
			border: #b2b4b9 1px solid;
			background: #FFFFFF;
			/* The following styles will Float this ListItem into two columns
			width: 46%;
			margin: 0px 10px 10px 0px;
			float: left;
			*/
		}
		#cLS .ProductList .ListItem {
			width: auto;
			margin: 0px 10px 10px 10px;
			float: left;
			height: 220px;
			padding: 10px;
			border: #b7b7b7 1px solid;
			background: #FFFFFF;
			}
		.ProductCrossSell .ListItem {
			width: 28%;
			margin: 0px 10px 50px 0px;
			*margin: 0px 10px 10px 0px;
			float: left;
			height: 210px;
			padding: 10px;
			border: #b7b7b7 1px solid;
			background: #FFFFFF url(/Templates/_images/ProdListItem-bkg.gif) repeat-x top left;
		}
		* html .ProductCrossSell .ListItem {
			width: 28%;
			margin: 0px 0px 10px 0px;
		}
		.ProductCatalogueSearchResults .ListItem  {
			width: 40%;
			margin: 0px 10px 10px 0px;
			float: left;
			height: 240px;
			padding: 10px;
			border: #b7b7b7 1px solid;
			background: #FFFFFF;
		}

/* === StatusHolder === */		
			
				.ProductList .StatusHolder,
				.ProductCrossSell .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;
					*/
				}
				.ProductCatalogueSearchResults .StatusHolder {
					position: relative;
					margin: 4px 10px 0px 0px;
					padding: 0px;
					font-size: 0px;
					clear: both;
					text-align: right;
				}
					/* New Icon */
					.ProductList .ThumbNew,
					.ProductCrossSell .ThumbNew,
					.ProductCatalogueSearchResults .ThumbNew {
						margin: 0 0 0 0;
						float: right;
					}
			
/* === PriceHolder === */		
				
				
				.ProductCrossSell .PriceHolder,
				.ProductCatalogueSearchResults .PriceHolder {
					position: relative;
					clear: both;
					padding: 6px 0px;
					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;
					*/
				}
				.ProductList .PriceHolder{
				}
						/* Price */
						.ProductList .ListPrice,
						.ProductCrossSell .ListPrice,
						.ProductCatalogueSearchResults .ListPrice {
							margin: 0 0 2px 0;
							line-height: 1.2em;
							font-weight: bold;
							font-size: 120%;
							color: #000000;
							text-align: center;
						}
							.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;
							text-align: center;
						}
							.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,
							.ProductCrossSell .ListMemberSalePrice span,
							.ProductCatalogueSearchResults .ListMemberSalePrice span {
								font-weight: normal;
								text-transform: uppercase;
								font-size: 10px;
							}
			
/* === ActionHolder === */		
					
				.ProductList .ActionHolder,
				.ProductCrossSell .ActionHolder {
					position: relative;
					clear: both;
					padding: 6px 0px;
					margin: 0px 50px 4px 0px;
					height: 1%;

					/* The following styles will Float this Holder next to the DetailHolder
					width: 30%;
					float: right;
					clear: right;
					*/
				}
				.ProductCatalogueSearchResults .ActionHolder  {
					position: relative;
					clear: both;
					padding: 6px 0px;
					margin: 0px 90px 4px 0px;
					height: 1%;
				}
					/* Buttons */
					.ProductList .ListSelect,
					.ProductCrossSell .ListSelect,
					.ProductCatalogueSearchResults .ListSelect  {
						float: right;
						margin: 0px 0px 4px 0px;
					}
				
/* === DetailHolder === */		
			
				.ProductList .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;
					*/
				}
				.ProductCrossSell .DetailHolder {
					position: relative;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					height: 180px;
				}
				#cLS .ProductList .DetailHolder,
				#cLS .ProductCrossSell .DetailHolder {
					position: relative;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					height: 180px;
					
					/* The following styles will Float this Holder next to the other Holders
					width: 65%;
					float: left;
					*/
				}
				
				.ProductCatalogueSearchResults .DetailHolder {
					position: relative;
					margin: 0px 0px 0px 0px;
					padding: 0px 0px 0px 0px;
					height: 210px;
				}
					/* Categories */
						.ProductList .ListCategory,
						.ProductCrossSell .ListCategory,
						.ProductCatalogueSearchResults .ListCategory  {
						}
						.ProductList .ListSubCategory,
						.ProductCrossSell .ListSubCategory,
						.ProductCatalogueSearchResults .ListSubCategory {
						}
					/* Title */
						.ProductList .ListTitle,
						.ProductCrossSell .ListTitle,
						.ProductCatalogueSearchResults .ListTitle {
							background-color: #f2f4f9;
							padding: 4px 6px;
							text-align: center;
							margin: 0px;
						}
						.ProductList .ListTitle a{
							color: #244675;
							text-decoration: underline;							
						}
					/* Summary */
						.ProductList .ListSummary,
						.ProductCrossSell .ListSummary,
						.ProductCatalogueSearchResults .ListSummary {
							padding: 4px 8px 0px 8px;
							font-size: 85%;
							line-height: 1.4em;
						}
						 
					/* Thumbnail */
						.ProductList .ListThumbnail,
						.ProductCrossSell .ListThumbnail {
							border-style: none;
							margin: 0 0px 0 0;
							padding: 0;
							float: none;
							text-align: center;
					}
					.ProductCatalogueSearchResults .ListThumbnail  {
							border-style: none;
							margin: 0.3em 90px 0.3em 0;
					}
					
					/* SKU */
						.ProductList .ListSKU,
						.ProductCrossSell .ListSKU,
						.ProductCatalogueSearchResults .ListSKU {
							margin: 0 0 0 0;
							color: #244675;
							font-size: 85%;
							clear:both;
							width: 100%;
							margin: 0px 0px 4px 10px;
						}
					/* StockLevel */
						.ProductList .ListStockLevel,
						.ProductCrossSell .ListStockLevel,
						.ProductCatalogueSearchResults .ListStockLevel {
							margin: 0 0 0 0;
							font-size: 85%;
							color: #244675;
							text-transform:uppercase;
						}
					/* ListFullDescription */
						.ProductList .ListFullDescription,
						.ProductCrossSell .ListFullDescription,
						.ProductCatalogueSearchResults .ListFullDescription {
							margin: 0 0 0 0;
							font-size: 100%;
							color: #244675;
						}
					/* 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 40px 0px;
	padding: 20px;
	width: 676px;
	min-height: 1%;
	clear: both;
	color: #244675;
	border: #b7b7b7 1px solid;
	background: #FFFFFF url(/Templates/_images/ProdListItem-bkg.gif) repeat-x top left;
}
/* -----[ Product list ]--------------------------------------------------------------------- */

.ProductDetails .ListHolder {
	color: #244675;
}
	/* Custom Title */
		.ProductDetails .ListCustomTitle {
		}
	/* Separators */
		.ProductDetails .ListPrimarySeparator {
			clear: both;
		}
		.ProductDetails .ListSecondarySeparator {
			clear: both;
		}
	/* Categories */
		.ProductDetails .ListCategory {
			color: #244675;
			float: left;
			clear: none;
			font-weight: normal;
		}
			.ProductDetails .ListCategoryLink a:visited, 
			.ProductDetails .ListCategoryLink a:link {
				color: #244675;
				text-decoration: none;
				
			}
			.ProductDetails .ListCategoryLink a:hover {
				color: #999999;
			}
			.ProductDetails .CategorySeparator {
				color: #666666;
			}
		

/* === ListItem === */		

		.ProductDetails .ListItem {
		}

/* === StatusHolder === */		

				.ProductDetails .StatusHolder {
					position: relative;
					margin: 10px 10px 4px 0px;
					padding: 0;
					font-size: 0px;
					clear: none;
					text-align: right;
					/* The following styles will Float this Holder next to the DetailHolder */
					float: right;
					width: 216px;
					
				}
					/* New Icon */
					.ProductDetails .ThumbNew {
						margin: 0 0 0 0;
						
					}
				
/* === PriceHolder === */		

			.ProductDetails .PriceHolder {
				position: relative;
				padding: 10px;
				display: block;
				margin: 0px 0px 4px 0px;
				height: 1%;
				/* The following styles will Float this Holder next to the DetailHolder */
				float: left;
				clear: none;
				width: 200px;
				background: #FFFFFF;
			}
			/* Price */
				.ProductDetails .ListPrice {
					margin: 0 0 2px 0;
					line-height: 1.2em;
					font-weight: bold;
					font-size: 120%;
					color: #000000;
					text-align: left;
					
				}
					.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%;
					float: right;
					width: 200px;
				}
					.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;
							float: right;
							width: 200px;
							clear: both;
							
						}
						.ProductDetails .ListVariant1 input,
						.ProductDetails .ListVariant2 input {
							float: right;
							width: 216px;
							clear: both;
						}
						.ProductDetails .ListVariant1 label,
						.ProductDetails .ListVariant1 label {
							float: right;
							width: 216px;
							clear: both;
						}

			/* Quantity */
				.ProductDetails .ListQuantity {
						float: left;
						clear: both;
				}
					.ProductDetails .ListQuantity span {
						font-weight: normal;
						text-transform: uppercase;
						font-size: 10px;
						display: block;
						
				}
		
		
/* === ActionHolder === */		

				.ProductDetails .ActionHolder {
					position: relative;
					padding: 6px 0px;
					margin: 0px 0px 4px 0px;
					height: 1%;
					

					/* The following styles will Float this Holder next to the DetailHolder */
					width: 106px;
					float: left;
					clear: none;

				}
					/* Buttons */
						.ProductDetails .ListSelect {
							float: right;
							margin: 14px 0 0 0;
							clear: none;
						}
			
/* === 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: 425px;
					float: right;
					clear: none;
					
				}
				/* Categories */
					.ProductDetails .ListCategory {
					}
					.ProductDetails .ListSubCategory {
					}
				/* Title */
					.ProductDetails .ListTitle {
						
					}
						.ProductDetails .ListTitle a:visited, 
						.ProductDetails .ListTitle a:link, 
						.ProductDetails .ListTitle a:hover {
							
						}
				/* Summary */
					.ProductDetails .ListSummary {
						color: #244675;
						float: right;
						clear: none;
						width: 410px;
						font-weight: bold;
						border-bottom: #244675 1px dotted;
					}
						.ProductDetails .ListSummary a {
						}
				/* Thumbnail */
					.ProductDetails .ListThumbnail {
						/* float: left; */
					}
					.ProductDetails .ListImage {
						/* float: left; */
						
					}
						.ProductDetails .ListThumbnail img {
							max-width: 134px;
							border-style: none;
							
						}
						.DefaultImagePlugIn {
							margin: 10px 0px 10px 0px;
						text-align: left;
						width: 210px;
						float: left;
						clear: none; 
						}
				/* SKU */
					.ProductDetails .ListSKU {
						margin: 0 0 0 0;
						width: 216px;
						color: #244675;
						font-size: 90%;
					}
				/* StockLevel */
					.ProductDetails .ListStockLevel {
						margin: 0 0 4px 0;
						font-size: 90%;
						color: #244675;
						text-transform:uppercase;
					}
					/* ListFullDescription */
						.ProductDetails .ListFullDescription {
							margin: 0 0 0 0;
							font-size: 100%;
							color: #244675;
							float: right;
							width: auto;
							min-height: 230px;
						}
				/* 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%;
}
		.SearchFull {
			padding: 4px 0px;
			width: 630px;
			margin-bottom: 20px;
		}
		.TableTree {
			background-color: #EFEFEF;
			padding: 2px;
			border: 1px solid #DBDBDB;
		}
		.TableHead {
		}
		.TableButton {
			padding: 4px 0px;
		}			

/* -----[ Product Catalogue Image Navigation Module ]----------------------------------------------------- */

/* === [ Surrounding DIV ] === */
	.ProductCatalogueCategoriesList {
		position: relative;
		margin: 0px;
		padding: 0px;
		padding-bottom: 1px;
	}
		/* === [ DIV ] === */
			.ProductCatalogueCategoriesList table {
				position: relative;
				text-align: center;
				display: block;
				margin: 0px;
				padding: 0px;
				width: 100%;
			}
		/* === [ TR ] === */
			.ProductCatalogueCategoriesList td {
				padding: 4px;
				vertical-align: bottom;
				height: 200px;
				border: #EFEFEF 7px solid;
				background: #FFFFFF;
				width: auto;
			}
		/* === [ 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;
						display: block;
						font-size: 110%;
						color: #244675;
					}
		/* === [ 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: 90; 
		width: 100%; 
		height: 500px; 
		background-color: #000000;
	}

/* === [ Container ] === */
  
  	#outerImageContainer { 
		position: relative; 
		background: #FFFFFF; 
		width: 250px; 
		height: 250px; 
		margin: 0 auto; 
	}
	#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: 100;
			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;
		}
		
		/* === [ Text below image ] === */
				#imageData #imageDetails { /* === [ Box ] === */
					float: left; 
					text-align: left;
					padding: 10px;
				}	
				#imageData { /* === [ Text ] === */
					color: #666666;
					text-transform: uppercase;
					font-size: 85%;
				}
				#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/ProdListItem-bkg.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: #00457c;
			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 1.6.1 */
/* -----[ Patch 1.7.0 ]----- */
/* -----[ Feature ID #476 ]----- */
/* -----[ Feature ID #524 ]----- */
/* -----[ Added to ProductCatalogue.css  ]----- */
/* -----[ Ratings & Reviews, Reorder Ordering Top ]----------------------------------------------------- */

.RecorderOrderingTop {
	padding: 0px 0px 0px 10px;
}
	.OrderingTitle {
		font-weight: bold;
	}
	.OrderingFirstNumber {
		font-weight: bold;
	}
	.OrderingTotalNumber {
		font-weight: bold;
	}


#cPC .RadRating ul {
    margin: 0 0 0px 0px;
    padding: 0;
}
/* === [ Rating Stars Image - Overrides Default ] === */ 
.RadRating_Default a, 
.RadRating_Default a span {
    background-image: url(/Templates/_images/ProdCat-ReviewStars.png) !important;
}
/* === [ Product Details ] === */ 
.AverageRateWrapper {
}
	.RateThisProductWrapper {
	}
	.WriteReviewWrapper {
	}
	.AverageRateWrapper .AverageRating {
	}
		.AverageRating .RateHeaderLabel {
		}
		.AverageRating .RateControl { /* === [ Stars ] === */
		}
		.AverageRating .RateResult {
		}
		.AverageRating .RateLink {
		}


/* === [ Product List ] === */ 
.ProductList .AverageRateWrapper {
} 
.ProductList .AverageRateWrapper .AverageRating {
}
.ProductList .AverageRateWrapper .RateControl {
}

/* === [ Ratings Popup ] === */ 
.RateThisModalWrapper {
}
	.RateThisModalWrapper .RateControl { /* === [ Stars ] === */
	}
	.RateThisButton {
	}
	

/* === [ Product Detail Page - Tab - Review List ] === */ 
.ReviewLists {
	clear: both;
	display: block;
}
.ReviewLists .ReviewListWrapper {
}
	.ReviewListWrapper .ReviewListItem {
		padding: 10px;
		border: 1px solid #EFEFEF;
		margin: 10px 0px 0px 0px;
	}
	.ReviewListItem .PostedDate {
	}
	.ReviewListItem .PostedBy {
		font-size: 1.3em;
		font-weight: bold;
	}
	.ReviewListItem .RateValueWrapper {
	}
		.ReviewListItem .FirstCommentsWrapper,
		.ReviewListItem .SecondCommentsWrapper,
		.ReviewListItem .ThirdCommentsWrapper {
			padding: 4px;
			background: #EFEFEF;
			margin: 0px 0px 1px 0px;
		}
		.ReviewListItem .FirstCommentsLabel,
		.ReviewListItem .SecondCommentsLabel,
		.ReviewListItem .ThirdCommentsLabel {
			width: 100px;
			display: block;
			float: left;
			clear: left;
		}
		.ReviewListItem .FirstComments,
		.ReviewListItem .SecondComments,
		.ReviewListItem .ThirdComments {
			position: relative;
			display: inline-block;
			width: 250px;
		}
/* === [ Product Detail Page Link Buttons ] === */ 
.WriteReview{
	float: left;
	display: block;
	height: 30px;

}
.RateThis {
	float: left;
	display: block;
	height: 30px;
	position: relative;

}

    
	.WriteReview .WriteReviewButton,
	.RateThis .RateThisButtonWrapper{
		width: 100%;
		margin: 0px 10px 10px 0px;
		border: 1px solid #999999;
		padding: 4px;
		font-weight: bold;
		font-size: 12px;
		text-decoration: none;
	}
	.WriteReview a:hover,
	.RateThis a:hover {
		background: #EFEFEF;
	}
/* === [ Product Detail Page - Tab - Review Form ] === */ 
.ReviewForm {
	display: block;
	clear: both;
	padding: 10px;
	border: 1px solid #999999;
}
	.ReviewForm .ReviewFormWrapper {
		padding: 4px;
		background: #EFEFEF;
		margin: 0px 0px 1px 0px;
	}
		.ReviewFormLabel {
			width: 100px;
			display: block;
			float: left;
			clear: left;
		}
		/* === [ Form Fields ] === */
		.ReviewFormInput input, 
		.ReviewFormInput select, 
		.ReviewFormInput textarea {
			position: relative;
			display: inline;
			margin-bottom: 2px;
			width: 250px;
			font-family: sans-serif;
			font-size: 11px;
		}
		.ReviewFormInput ReviewFormCaptchaControl
		{
			border-style: none;
			clear: both;
			display: block;
			margin: 0 0 0 50px;
			padding: 6px 0;
			position: relative;
		}		
		.SubmitWrapper {
		}


.RateThis .RateThisOverlay {
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0;
	margin: 0;
	display: none;
	width: 130px;
}

.RateThis .RateThisOverlay .RateThisOverlayTop,
.RateThis .RateThisOverlay .RateThisOverlayBottom {
	display: none;
}
.RateThis .RateThisOverlay .RateThisOverlayContent {
	border: 1px #000 solid;
	background: #fff;
	padding: 10px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-moz-box-shadow:    3px 3px 5px #666;
	-webkit-box-shadow: 3px 3px 5px #666;
	box-shadow:         3px 3px 5px #666;	
}
	.IE7 .RateThis .RateThisOverlay .RateThisOverlayTop,
	.IE8 .RateThis .RateThisOverlay .RateThisOverlayTop {
		display: block;
		height: 11px;
		margin: 0;
		padding: 0;
		background: transparent url( /Templates/_images/rating-overlay-bg.png ) top left no-repeat;
	}
	.IE7 .RateThisOverlay .RateThisOverlayContent,
	.IE8 .RateThisOverlay .RateThisOverlayContent {
		border-top: none;
		border-left: 1px #000 solid;
		border-right: 1px #000 solid;
		border-bottom: none;
		padding: 0 10px;
	}
	.IE7 .RateThisOverlay .RateThisOverlayBottom,
	.IE8 .RateThisOverlay .RateThisOverlayBottom {
		display: block;
		height: 11px;
		margin: 0;
		padding: 0;
		background: transparent url(/Templates/_images/rating-overlay-bg.png ) bottom right no-repeat;
	}




/* -----[ Feature ID #525 ]----- */
/* -----[ Added to ProductCatalogue.css  ]----- */
.ProductList .CategorySummary{
}/* 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 { }

.ListFullDescription .TabTarget {
	display: none;
	font-size: 0;
	line-height: 0px;
	
}

