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


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

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

.ProductList .OrderingTop {
	margin: 1em 10px;
	font-size: 0.9em;
}

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

.ProductList {


}
.product-list .ProductList{
	margin: 0 0 200px 0;
}
.ProductCatalogueSearchResults  {

}
.ProductCrossSell  {

}
.RSSFeedIcon {
	position: relative;
	height: auto;
	clear: both;
	margin: 4px 0px;
}

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

.ProductList .ListHolder,
.ProductCatalogueSearchResults .ListHolder  {
	border-style: none;
	clear: both;
	position: relative;
	width: 100%;
	margin: 0 0 0 0;
}
.ProductCrossSell .ListHolder {
	border-style: none;
	clear: both;
}


	/* Custom Title */
		.ProductList .ListCustomTitle,
		.ProductCrossSell .ListCustomTitle,
		.ProductCatalogueSearchResults .ListCustomTitle  {
		margin: 10px 0 30px 0;
		text-align: center;
		font-size: 40px;
		}
		.ProductList .ListCustomTitle.linearseries{
			color: #CC0000
		}
		.ProductList .ListCustomTitle.commercialseries{
			color: #FFCC00
		}
		.ProductList .ListCustomTitle.residentialseries{
			color: #669933
		}
		.ProductList .ListCustomTitle.signageseries{
			color: #006699
		}
		.ProductList .ListCustomTitle.powerandcontrol{
			color: #660099
		}
		.ProductList .CategorySummary{
			text-align: center;
			font-size: 18px;
			margin: 0 0 1em 0;
			padding: 0 50px;
			line-height: 28px;
		}
	/* Separators */
		.ProductList .ListPrimarySeparator,
		.ProductCrossSell .ListPrimarySeparator,
		.ProductCatalogueSearchResults .ListPrimarySeparator {
			clear: both;
			text-align: center;
			color: #00435a;
			font-size: 30px;
			/* position: absolute; */
			width: 100%;
			/* margin: 30px 0 0 0; */
		}
		.AccessoriesWrapper{
			padding: 10px 0;
			background: #e6e6e6;
			width: 100%;
		}
		.ProductList .ListPrimarySeparator:first-child{
			display:none;
		}
		.ProductList .AccessoriesWrapper .ListPrimarySeparator:first-child{
			display:block;
		}
		.ProductList .ListSecondarySeparator,
		.ProductCrossSell .ListSecondarySeparator,
		.ProductCatalogueSearchResults .ListSecondarySeparator {
			clear: both;
		}

		.ProductList .SortBy{
			float: right;
			clear: both;
			margin: 0 20px 20px 0;
			height: 35px;
			color: #80a1ac;
			border: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			/* background: #fff url('/Templates/_images/select_Dropdown.png') right 10px center no-repeat; */
			text-transform: uppercase;
			font-size: 14px;
		}
		.ProductList .SortBy select{
			    height: 35px;
			    color: #80a1ac;
			    border: none;
			    -webkit-appearance: none;
			    -moz-appearance: none;
			    background: #fff url('/Templates/_images/select_Dropdown.png') right 10px center no-repeat;
			    text-transform: uppercase;
			    font-size: 14px;
			    padding: 0 40px 0 10px;
		}
		.ProductList .SortBy select::-ms-expand {
		    display: none;
		}

/* === ListItem === */		

		.ProductList .ListItem {
			width: 300px;
			float: left;
			margin: 0 auto;
			padding: 2px 0 0 0;
		}
		#cProducts .ProductList .ListItem,
		#section2 .ProductList .ListItem {
			float: none;
		}
		#productCommonAccessories .ProductList .ListItem {
			float: none;
		}
		.ProductCrossSell .ListItem {

margin: 0 auto;

width: 300px;

}
		#section1Wrapper .ProductList .ListItem {
			margin: 0px 16px 50px;
			display: inline-block;
			vertical-align: top;
			float:none;
		}
		

.ProductCatalogueSearchResults .ListItem {
			display: block;
			width: auto;
			margin: 0 0 10px 0;
		}
/* === StatusHolder === */		
			
				.ProductList .StatusHolder,
				.ProductCrossSell .StatusHolder,
				.ProductCatalogueSearchResults .StatusHolder {
					position: absolute;
					top: -2px;
					right: 10px;
					margin: 0;

					padding: 0px;
					z-index: 1;
					/* font-size: 0px; */
					/* clear: both; */
					/* text-align: right; */
					/* width: 30%; */
					/* float: right; */
					/* The following styles will Float this Holder next to the DetailHolder
					*/
				}
					/* New Icon */
					.ProductList .ThumbNew,
					.ProductCrossSell .ThumbNew,
					.ProductCatalogueSearchResults .ThumbNew {
						margin: 0 0 0 0;
					}
			
/* === PriceHolder === */		
				
				.ProductList .PriceHolder,
				.ProductCrossSell .PriceHolder,
				.ProductCatalogueSearchResults .PriceHolder {
					position: relative;
					clear: both;
					/* display: none; */
					/* The following styles will Float this Holder next to the DetailHolder
					*/
				}
				.memberLoggedin .ProductList .PriceHolder,
				.memberLoggedin .ProductCrossSell .PriceHolder,
				.memberLoggedin .ProductCatalogueSearchResults .PriceHolder {
				
					display: block;

				}

						/* Price */
						.ProductList .ListPrice,
						.ProductCrossSell .ListPrice,
						.ProductCatalogueSearchResults .ListPrice {
							margin: 0 0 2px 0;
							line-height: 1.2em;
							font-weight: bold;
							font-size: 1.2em;
							color: #00435a;
							display: none;
						}
						
						.memberLoggedin .ProductList .ListPrice,
						.memberLoggedin .ProductCrossSell .ListPrice,
						.memberLoggedin .ProductCatalogueSearchResults .ListPrice {
							display: inherit;
						}
						
							.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: 0.9em;
								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: 1.2em;
							color: #00435a;
						}
							.ProductList .ListMemberPrice span,
							.ProductCrossSell .ListMemberPrice span,
							.ProductCatalogueSearchResults .ListMemberPrice span  {
								font-weight: normal;
								text-transform: uppercase;
								font-size: 10px;
								display: none;
							}
						.ProductList .ListMemberSalePrice,
						.ProductCrossSell .ListMemberSalePrice,
						.ProductCatalogueSearchResults .ListMemberSalePrice  {
							margin: 0 0 2px 0;
							line-height: 1.2em;
							font-weight: bold;
							font-size: 1.2em;
							color: #00435a;
						}
							.ProductList .ListMemberSalePrice span,
							.ProductCrossSell .ListMemberSalePrice span,
							.ProductCatalogueSearchResults .ListMemberSalePrice span {
								font-weight: normal;
								text-transform: uppercase;
								font-size: 10px;
								display: none;
							}
			
/* === ActionHolder === */		
					
				.ProductList .ActionHolder,
				.ProductCrossSell .ActionHolder,
				.ProductCatalogueSearchResults .ActionHolder  {
					position: relative;
					clear: both;
					padding: 6px 0px;
					margin: 0px 0px 4px 0px;
					height: 1%;

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

					width: 100%;

					/* The following styles will Float this Holder next to the other Holders
					*/
				}
					/* Categories */
						.ProductList .ListCategory,
						.ProductCrossSell .ListCategory,
						.ProductCatalogueSearchResults .ListCategory  {
						}
						.ProductList .ListSubCategory,
						.ProductCrossSell .ListSubCategory,
						.ProductCatalogueSearchResults .ListSubCategory {
						}
					/* Title */
						.ProductList .ListTitle,
						.ProductCrossSell .ListTitle,
						.ProductCatalogueSearchResults .ListTitle {
							text-align: left;
							font-size: 18px;
							font-weight: normal;
							margin: 0 0 0.5em 0;
						}
						#cProductsWrapper .ProductList .ListTitle {
							text-align: center;
						}
						.FullDetailsButton img{
							margin: 0 auto
						}
					/* Summary */
						.ProductList .ImageHolder,
						.ProductCrossSell .ImageHolder,
						.ProductCatalogueSearchResults .ImageHolder {
							width: 300px;
							height: 210px;
							overflow: hidden;
							background: #ffffff;
							position: relative;
							margin: 0 0 20px 0;
						}
					/* Thumbnail */
						.ProductList .ListThumbnail img,
						.ProductCrossSell .ListThumbnail img,
						.ProductCatalogueSearchResults .ListThumbnail img{
						   position: absolute;
						   margin: auto;
						   max-height: 122%;
						   max-width: 100%;
						   color:#ffffff;

						    /* For the following settings we set 100%, but it can be higher if needed 
						    See the answer's update */
						   left: -100%;
						   right: -100%;
						   top: -100%;
						   bottom: -100%;
						     -webkit-transition: all 0.5s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
          					transition: all 0.5s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */

					}
						.ProductList .ListThumbnail img:hover,
						.ProductCrossSell .ListThumbnail img:hover,
						.ProductCatalogueSearchResults .ListThumbnail img:hover{
							 -webkit-transform: scale(1.2); 
						      -ms-transform: scale(1.2);  
						          transform: scale(1.2);  
						}
						.ProductList .ListItem:hover .ListThumbnail,
						.ProductCrossSell .ListItem:hover.ListThumbnail,
						.ProductCatalogueSearchResults .ListItem:hover .ListThumbnail {

					}
						.ProductList .ListThumbnail,
						.ProductCrossSell .ListThumbnail,
						.ProductCatalogueSearchResults .ListThumbnail {
					}
		
					/* SKU */
						.ProductList .ListSKU,
						.ProductCrossSell .ListSKU,
						.ProductCatalogueSearchResults .ListSKU {
							margin: 0 0 0 0;
							color: #999999;
							font-size: 12px;
							line-height: 2;
						}
						.ProductList .ListSKU span,
						.ProductCrossSell .ListSKU span,
						.ProductCatalogueSearchResults .ListSKU span{
							display:none;
						}
					/* StockLevel */
						.ProductList .ListStockLevel,
						.ProductCrossSell .ListStockLevel,
						.ProductCatalogueSearchResults .ListStockLevel {
							margin: 0 0 0 0;
							font-size:  1em;
							color: #999999;
							text-transform:uppercase;
						}
					/* ListFullDescription */
						.ProductList .ListFullDescription,
						.ProductCrossSell .ListFullDescription,
						.ProductCatalogueSearchResults .ListFullDescription {
							margin: 0 0 0 0;
							font-size: 1em;
							color: #999999;
						}
					/* EndItem (Visual break between each list item) */
						.ProductList .ListEndItem,
						.ProductCrossSell .ListEndItem,
						.ProductCatalogueSearchResults .ListEndItem {
				}		
					/* Show All File (Link) */
						.ProductList .ShowAllFile {
							font-size: 0.9em;
							line-height: 1.5em;
						}
							.ProductList .ShowAllFile a:visited,
							.ProductList .ShowAllFile a:link,
							.ProductList .ShowAllFile a:hover {
								text-decoration: underline;
							}
							.ProductListLoading img{
								display: none !important;
							}
							.loading + .ProductListLoading{
								display: block !important;
								height:100px ;
								width: 100%;
								background: url('/Templates/_images/search_Loading.gif') no-repeat center center
							}
									

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

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

.ProductDetails {
	position: relative;
	margin: 0;
	width: 100%;
	height: auto;
	clear: both;
}
.ProductDetails .ListCustomTitle {
    display: none;
}
#rHSproductHeader .ProductDetails {
	min-height: 45px
}
#rHSproductDetails .ProductDetails {
    position: absolute;
    padding: 56px 0 0 0;
    width: 250px;
    top: 0;
    margin: 30px 30px;
    padding: 0;
}

.memberLoggedin #rHSproductDetails .ProductDetails {
	padding: 56px 0 0 0;
	position:relative;
	width: 250px;
	margin: 0 auto;
	padding: 0
}

#rHSproductDetails .ProductActions img{
	opacity:0;
	width: 100%;
	height: 46px;
}
#rHSproductDescription .ProductDetails {
	margin:0 0 30px 0
}
#rHSproductDescription .ProductDetails:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.memberShoppingCart #rHSproductDetails .ProductActions{
	display: none;
}
#rHSproductDetails .ProductActions .altEnquiryButton{
	height: 46px;
	background: url('/Images/Buttons/button_Addtoenquirylist.png') no-repeat center center;
}
#rHSproductDetails .ProductActions .altEnquiryButton.added{
	background: url('/Images/Buttons/button_Addedtoenquirylist.png') no-repeat center center;
}
.memberLoggedin #rHSproductDetails .ProductDetails {
	padding: 56px 0 0 0;
}

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

.ProductDetails .ListHolder {
	border: none;
	margin: 0;
	padding: 0
}

	/* Custom Title */
		.ProductDetails .ListTitle {
			text-align: left;
			font-size: 30px;
			text-transform: none;
			font-weight: bold;
		}
	/* Separators */
		.ProductDetails .ListPrimarySeparator {
			clear: both;
		}
		.ProductDetails .ListSecondarySeparator {
			clear: both;
		}

/* === ListItem === */		

		.ProductDetails .ListItem {
		}

/* === StatusHolder === */		

				.ProductDetails .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 */
					.ProductDetails .ThumbNew {
						margin: 0 0 0 0;
					}
				
/* === PriceHolder === */		

			.ProductDetails .PriceHolder {
				
			}
			.memberLoggedin .ProductDetails .PriceHolder {
				display:block;
			}
			/* Price */
				.ProductDetails .ListPrice {				
					font-size: 50px;					
					line-height: 1;					
					color: #00435a;					
					margin: 0 0 15px 0;
					display:none;
				}
				.memberShoppingCart .ProductDetails .ListPrice {			
					display:block
				}
					.ProductDetails .ListPrice span {
						
					}
				.ProductDetails .ListSalePrice {
				font-size: 50px;
				line-height: 1;
				color: #00435a;
				margin: 0 0 15px 0;
				display:none;
				}
				.memberShoppingCart .ProductDetails .ListSalePrice {			
					display:block
				}
					
					.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: 1em; */
					/* color: #000000; */
					/* text-align: right; */
					font-size: 50px;
					line-height: 1;
					color: #00435a;
					margin: 0 0 15px 0;
				}
					.ProductDetails .ListMemberPrice span {
						font-weight: normal;
						text-transform: uppercase;
						font-size: 10px;
						display: none;
					}
				.ProductDetails .ListMemberSalePrice {
					margin: 0 0 2px 0;
					line-height: 1.2em;
					font-weight: normal;
					font-size: 0.9em;
					color: #CC0000;
					text-align: right;
				}
					.ProductDetails .ListMemberSalePrice span {
						font-weight: normal;
						text-transform: uppercase;
						font-size: 10px;
					}
			/* PriceBreaks */
				.ProductDetails .PriceBreaks {
					margin: 0 0 10px 0;
					line-height: 1.2em;
					font-weight: normal;
					font-size: 14px;
					color: #80a1ac;
					display: block;
				}
					.ProductDetails .PriceBreaks span {
						font-weight: normal;
						text-transform: uppercase;
						font-size: 14px;
						color: #80a1ac;
						display: block;


						margin: 0 0 5px 0;
					}
			/* Variants */
				.ProductDetails .ListVariant1,
				.ProductDetails .ListVariant2 {
					position: relative;
					clear: both;
					padding: 6px 0px;
					margin: 0px 0px 4px 0px;
					height: 1%;
					font-size: 0.95em;

				}
				.memberShoppingCart .ProductDetails .ListVariant1,
				.memberShoppingCart .ProductDetails .ListVariant2 {
					display:block;
				}
					.ProductDetails .VarintRadioButtons,
					.ProductDetails .VariantRadioButtons {
						border: 1px solid #d2dde7;
						padding: 2px;
					}
						.ProductDetails .ListVariant1 span,
						.ProductDetails .ListVariant2 span {
							text-transform: uppercase;
							font-size: 14px;
							letter-spacing: 1px;
							display: block;
							font-weight: bold;
							color: #80a1ac;
							margin: 0 0 2px 0;
						}
						.ProductDetails .ListVariant1 select,
						.ProductDetails .ListVariant2 select {
							    width: 100%;
							    height: 35px;
							    padding: 0 0 0 14px;
							    color: #80a1ac;
							    border: none;
							    letter-spacing: 1px;
							    -webkit-appearance: none;
							    -moz-appearance: none;
							    background: #fff url('/Templates/_images/select_Dropdown.png') right 10px center no-repeat;
							    font-size: 14px;
						}
						.ProductDetails .ListVariant1 select::-ms-expand,
						.ProductDetails .ListVariant2 select::-ms-expand {
								 display: none;
						}
						.ProductDetails .ListVariant1 label,
						.ProductDetails .ListVariant1 label {
						}

			/* Quantity */
				.ProductDetails .ListQuantity {
					position: relative;
					display: none;
				}
				.memberShoppingCart .ListQuantity{
					display: block
				}
					.ProductDetails .ListQuantity span {
						font-weight: normal;
						text-transform: uppercase;
						font-size: 14px;
						letter-spacing: 1px;
						display: block;
						font-weight: bold;
						color: #80a1ac;
						margin: 0 0 2px 0;
				}
				.ProductDetails .ListQuantity input{
					border:none;
					width: 100%;
					height: 35px;
					text-align: center;
					margin: 0 0 32px 0;
					font-size: 14px;
					color: #80a1ac
				}
				.ProductDetails .ListQuantity .button{
					position: absolute;
					display: block;
					height: 35px;
					width: 35px;
					top: 18px;
					text-align: center;
					padding: 7px 0 0 0;
					cursor: pointer;
					text-indent: -999px;
					overflow: hidden;
					-webkit-transition: all 0.3s ease-out;
					transition: all 0.3s ease-out;
				}
				.ProductDetails .ListQuantity .button:active{
					top: 20px;
				}
				.ProductDetails .ListQuantity .button.dec{
					position: absolute;
					left: 0;
					border-right: 1px solid #d9e3e6;
					background: url('/Templates/_images/icon_minus.png') no-repeat center;
				}
				
				.ProductDetails .ListQuantity .button.inc{
					position: absolute;
					right: 0;
					border-left: 1px solid #d9e3e6;
					background: url('/Templates/_images/icon_plus.png') no-repeat center;
				}
		
/* === 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 {
							display: none
						}
						.memberShoppingCart  .ProductDetails .ListSelect{
							display: block
						}

					/* === EnquiryList === */
						.ProductDetails + .ProductActions input{
								display: none;
						}
						.ProductActions img{
							cursor: pointer
						}
			
/* === 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 a{
						color: #FFFFFF;
						padding: 0px 5px 0 5px;
						width: 100%;
						display: block;
						background: url(/Templates/Demo/_images/BlogHeading.gif) repeat-x top left;
					}
						.ProductDetails .ListTitle a:visited, 
						.ProductDetails .ListTitle a:link, 
						.ProductDetails .ListTitle a:hover {
							color: #FFFFFF;
						}
				/* Summary */
					.ProductDetails .ListSummary {
						color: #00435a;
						font-size: 24px;
						margin: 0 0 20px 0;
					}
						.ProductDetails .ListSummary a {
						}
				/* Thumbnail */
					.ProductDetails .ListThumbnail {
						/* float: left; */
					}
					.ProductDetails .ListImage {
						margin: 0;
						padding: 0;
						text-align: center;
					}
					.ProductDetails .ListImage input[alt="Previous"]{
						display: none
					}
					.ProductDetails .ListImage a{
							font-size: 14px;
							cursor: pointer;
							text-transform: uppercase;
							letter-spacing: 2px;
							padding: 18px 20px 0px 0;
							display: inline-block;
							text-decoration: none;
							background: url(/Templates/_Images/CTA_greyrrow_small_right.png) right center no-repeat;
							margin: 7px 0 0 0;
							float: right;
							color: #bfbfbf !important;
							border: none !important;
					}
					.ProductDetails .ListImage a:hover{

					}
					.ProductDetails .ListImage input{
						position: absolute;
						top: 17px;
						width: 210px;
						height: 30px;
						right: 0;
					}
						.ProductDetails .ListThumbnail img {
							max-width: 134px;
						}
				/* SKU */
					.ProductDetails .ListSKU {
					    color: #848484;
					    font-size: 13px !important;
					    padding: 5px 0;
					    width: 100%;
					    line-height:1;
					    display:inline-block;
					}
					.ProductDetails .ListSKU span{
						color: #00435a;
						font-size: 12px;
						text-transform: uppercase;
						padding: 0;
						width: 40% !important;
						vertical-align: top;
						display:inline-block;
					}
				/* StockLevel */
					.ProductDetails .ListStockLevel {
						margin: 0 0 4px 0;
						font-size: 14px;
						color: #00435a;
						display:none;
					}
					.memberShoppingCart  .ListStockLevel {
						display:block
					}
					.memberShoppingCart .ProductDetails .ListStockLevel:after{
						content: 'In Stock';
						padding: 0 0 0 15px;
						background: url('/Templates/_images/In-Stock-Icon.png') no-repeat center left;
					} 
					.memberShoppingCart .ProductDetails.OutOfStock .ListStockLevel:after,
					.memberShoppingCart .ProductDetails .ListStockLevel.outofStock:after{
						display: none;
					}
					.ProductDetails .ListStockLevel.outofStock,
					.ProductDetails.OutOfStock .ListStockLevel{
						padding: 0 0 0 15px;
						background: url('/Templates/_images/Out-of-Stock-Icon.png') no-repeat center left;
					}
					.memberShoppingCart .ProductDetails.OutOfStock .ListStockLevel{
						display:block;
					}
					/* ListFullDescription */
						.ProductDetails .ListFullDescription {
							margin: 0 0 0 0;
							font-size: 1em;
							color: #666666;
						}
				/* EndItem (Visual break between each list item) */
					.ProductDetails .ListEndItem {
					}
					.ProductDetails .main-image{
					}
					.ProductDetails .main-image .imageWrapper{
					    position: relative;
					    width: 100%;
					    height: 430px;
					    overflow: hidden;
					}
					.ProductDetails .main-image img{
						/* width: 100%; */
						/* margin: 0 auto; */

						position: absolute;
						left: 50%;
						top: 50%;
						height: auto;
						min-width: 100%;
						width: auto;
						-webkit-transform: translate(-50%,-50%);
						-ms-transform: translate(-50%,-50%);
						transform: translate(-50%,-50%);
					}
					.ProductDetails .owl-theme .owl-controls .owl-buttons div {
					    background: url('/Templates/_images/Next-Prev_Arrows_grey.png');
					     width: 28px;
					    height: 61px;
					}
					.ProductDetails .owl-theme .owl-controls .owl-buttons div.owl-prev {
					    position: absolute;
					    left: 20px;
					}
					.ProductDetails .owl-theme .owl-controls .owl-buttons div.owl-next {
					    position: absolute;
					    right: 20px;
					}
					.ProductDetails .owl-theme .owl-controls {
					   
top: 180px !important;
					}
					
/* === [ 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 {
			width: 100%;
			padding: 4px 0px;
			width: 100%;
			margin-bottom: 20px;
		}
		.TableTree {
			background-color: #d2dde8;
			color: #000000;
			padding: 2px;
			border: 1px solid #3392de;
		}
		.TableHead {
		}
		.TableButton {
			padding: 4px 0px;
		}			

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

/* === [ Surrounding DIV ] === */
	.ProductCatalogueCategoriesList {
		display: none
	}
	.ProductCategory .ProductCatalogueCategoriesList {
		display: block;
		text-align:center;
		margin: 0 0 0 0;
	}
	.ProductCategory .ProductCatalogueCategoriesList .ListItem {
		width:18%;
		display:inline-block;
		position:relative;
		margin: 0;
	}
	.ProductCategory .ProductCatalogueCategoriesList .ListItem:after {
		content: '';
		width: 100%;
		height: 100%;
		position: absolute;
		background: rgba(0,67,90,0.8);
		z-index: 1;
		top: 0;
		left: 0;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		pointer-events: none;
	}
	.ProductCategory .ProductCatalogueCategoriesList .ListItem:hover:after {
		opacity:.1;
	}
	.ProductCategory .ProductCatalogueCategoriesList .ListTitle {
		position:absolute;
		top:0;
		right:0;
		bottom: 0;
		left:0;
		margin: auto;
		font-size: 1.2em;
		font-weight: bold;
		color:#ffffff;
		text-transform:uppercase;
		height: 21px;
		z-index:2
	}
	.ProductCategory .ProductCatalogueCategoriesList .ListTitle a{
			color:#ffffff;
	}
	.ProductCategory .ProductCatalogueCategoriesList .ListItem:hover a {
text-shadow: 2px 2px 2px rgba(150, 150, 150, 0.6);
	}
	.ProductCategory .ProductCatalogueCategoriesList p {
		margin: 0 0 0px 0;
	}
		/* === [ DIV ] === */
			.ProductCatalogueCategoriesList table {
				position: relative;
				text-align: center;
				display: block;
				margin: 0px;
				padding: 0px;
				width: auto;
			}
	.GalleryThumbnails tr /* === [ TR ] === */
	{
				background: #67d4fb url(/Templates/Demo/_images/back_cPC.jpg) repeat-x top left;
	}
		/* === [ TR ] === */
			.ProductCatalogueCategoriesList td {
				vertical-align: top;
				background: #67d4fb url(/Templates/Demo/_images/back_cPC.jpg) repeat-x top left;
			}
		/* === [ Surrounding DIV of Thumbnail and GalleryHeading ] === */
			.ProductCatalogueCategoriesList .ThumbBorder {
					margin: 2px;
					padding: 8px;
					min-height: 100px;
			}
				/* === [ IMG ] === */
					.ProductCatalogueCategoriesList .ThumbBorder img {
						margin: 4px 4px 8px 4px;
						padding: 2px;
						background-color: #FFFFFF;
						border: 1px solid #3392de;
					}
		/* === [ Heading ] === */
			.ProductCatalogueCategoriesList .CategoryHeading {
				font-size: 0.9em;
				color: #000000;
			}
					.ProductCatalogueCategoriesList .CategoryHeading a {
						font-weight: bold;
						display: block;
						font-size: 1.2em;
						color:#FFFFFF;
						text-transform: uppercase;
					}
		/* === [ Description ] === */
			.ProductCatalogueCategoriesList .CategoryDesc {
				font-size: 0.9em;
				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: #000000; 
		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/Demo/_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/Demo/_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/Demo/_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/Demo/_images/prevlabel.gif) left top no-repeat;
			}
			#nextLink { 
				margin: 10px;
				right: 0; 
				float: right;
				background: url(/Templates/Demo/_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: 0.9em;
				}
				#imageData #caption { 
					font-weight: bold;
				}
				#imageData #numberDisplay {
					display: block; 
					clear: left; 
				}	
						
		/* === [ Button below image ] === */
				#imageData #bottomNavClose { 
					padding: 10px;
					float: right; 
					outline: none;
				}	 	
		.ShowProductEnquiryList {
		/* display: inline-block; */
		background: #ffffff /* #00435a; */ /* Y-25686 */ url('/Templates/_images/icon_EnquiryList.png') no-repeat center top 24px;
		color: #00435a;
		padding: 52px 0 0 0;
		cursor: pointer;
		border-radius: 0;
		height: 110px;
		width: 170px;
		-webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
		transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
		float: right;
		font-size: 14px;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 1px;
		font-weight: bold;
		margin: 0;
	}
.ShowProductEnquiryList:hover {
	color: #ffffff;
	background: #1a566a url('/Templates/_images/icon_EnquiryList-White.png') no-repeat center top 24px !important;
}
	.ShowProductEnquiryList span span{
		display: block;
		font-size: 12px;
		font-weight: normal;
		margin: 4px 0 0 0;
	}
	.ShowProductEnquiryList:hover{
		background: #1a566a url('/Templates/_images/icon_EnquiryList.png') no-repeat center top 24px;
	}

	.ShowProductEnquiryList.empty,
	.enquiryListnotempty .ShowProductEnquiryList.empty {
		/* height: 35px; */
	}
	.ShowProductEnquiryList span:after {
		/* content:'Send Enquiry'; */
		display:block;
		color:#efa623;
		background:#ffffff;
		border-radius:5px;
		text-align:center;
		opacity:1;
		position:absolute;
		right:12px;
		padding:0em 0.5em;
		-webkit-transition: all 0.3s ease-out 0.2s;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
		transition: all 0.3s ease-out  0.2s;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
	}
	.ShowProductEnquiryList.empty span:after,
	.enquiryListnotempty .ShowProductEnquiryList.empty span:after  {
		opacity:0;
	}
	.enquiryListnotempty .ShowProductEnquiryList span:after {
		opacity:1;
				-webkit-transition: all 0.3s ease-out 0s;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
          transition: all 0.3s ease-out  0s;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
	}
	.ProductEnquiryListContainer{
		float: right;
		width: 170px;
		/* height: 170px; */
		overflow: hidden;
		
	}
	.ProductEnquiryListContainer.empty{
		display: none;
	}
	.memberLoggedin .ProductEnquiryListContainer{
		display: block
	}
		.ShowProductEnquiryList.empty {
			cursor: default;
		}
/* -----[ Version Update to Product List ]--------------------------------------------------------------------- */
/* -----[ Addition of Product Enquiry Form ]------------------------------------------------------------------- */

.ProductEnquireContainer,
.ProductEnquireConfirmation {
	position: relative;
	display: block;
	clear: both;
	/* === [ Required for Window ] === */
	font-family: Arial, Helvetica, sans-serif;

	margin: 0px 0px 10px 0px;
}
.ProductEnquireConfirmation .EnquireButtons{
	margin: 30px 0 0 0 ;
}
.ProductEnquireWrapper {
}
		/* === [ Field Grouping ] === */
		.ProductEnquireField {
			display: block;
			clear: both;
			margin: 2px 0px;
		}
		/* === [ Lable Text ] === */
		label.EnquiryLabel {
			font-size: 14px;
			color: #00435a;
			position: relative;
			display: block;
			float: left;
			width: 100%;
			padding-right: 5px;
			margin-bottom: 0;
		}
		/* === [ Form Fields ] === */
		.ProductEnquireContainer input, 
		.ProductEnquireContainer select, 
		.ProductEnquireContainer textarea {
			position: relative;
			display: inline;
			margin-bottom: 5px;
			width: 392px;
			/* === [ Required for Window ] === */
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			padding: 14px 12px;
			border: 1px solid #00435a;
		}
		.ProductEnquiryList                          ul,
		.ProductEnquireContainer .EnquiryListWrapper ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
		.ProductEnquiryList                          li,
		.ProductEnquireContainer .EnquiryListWrapper li {
			padding: 1em 0;
		}
		.ProductEnquireContainer .EnquiryListWrapper li.EnquiryListTitles{
			  color: #00435a !important;
		}
		.ProductEnquiryList                          li + li,
		.ProductEnquireContainer .EnquiryListWrapper li + li {
			border-bottom: 1px #f5f5f5 solid;
		}
		.ProductEnquireContainer .EnquiryListWrapper li + li a{
			text-decoration:none;
			color: #00435a;
		}

		.ProductEnquiryList li.EnquiryListTitles {
			font-weight: bold;
		}
		.ProductEnquiryList.hidden{
			display: none;
		}

		.ProductEnquiryList                          li span.title,
		.ProductEnquiryList                          li span.sku,
		.ProductEnquiryList                          li span.remove,
		.ProductEnquireContainer .EnquiryListWrapper li span.title,
		.ProductEnquireContainer .EnquiryListWrapper li span.sku,
		.ProductEnquireContainer .EnquiryListWrapper li span.remove {
			display: inline-block;
		}
		.ProductEnquiryList                          li span.title,
		.ProductEnquireContainer .EnquiryListWrapper li span.title  {width: 50%; padding: 0 10px 0 0;}
		.ProductEnquireContainer .EnquiryListWrapper li.EnquiryListTitles span.title  {font-size: 16px;}
		.ProductEnquiryList                          li span.sku,
		.ProductEnquireContainer .EnquiryListWrapper li span.sku    {width: 25%;color: #9d9d9d;}
		.ProductEnquireContainer .EnquiryListWrapper li.EnquiryListTitles span.sku    {font-size: 16px;color: #00435a !important;}
		.ProductEnquiryList                          li span.remove,
		.ProductEnquireContainer .EnquiryListWrapper li span.remove { 
		width: 20%; text-align: right; 
		}
		.ProductEnquireContainer .EnquiryListWrapper li span.remove a{
			 color:transparent;
			background:url('/Templates/_images/icon_removeItemBlue.png') no-repeat right center;
		} 

		/* === [ 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 0;
			overflow: hidden;
		}
		.ProductEnquireContainer .EnquireButtons input {
			width: auto;
			margin: 0;
			max-width: 385px;
			padding: 0;
			margin: 0 0 5px 0;
		}
		
		/* === [ CaptchaControl ] === */
		.CaptchaControl {
			position: relative;
			display: block;
			clear: both;
			border-style: none;
			margin: 0px 0px 0px 0; 
			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,
			.ProductCrossSell .ListVariant1 span,
			.ProductCrossSell .ListVariant2 span,
			.ProductCrossSell .ListQuantity span {
				text-transform: uppercase;
				font-size: 14px;
				letter-spacing: 1px;
				display: block;
				font-weight: bold;
				color: #999999;
				margin: 0 0 2px 0;
			}
			.ProductList .ListVariant1 select,
			.ProductList .ListVariant2 select,
			.ProductCrossSell .ListVariant1 select,
			.ProductCrossSell .ListVariant2 select {
				    width: 100%;
					height: 35px;
					padding: 0 0 0 14px;
					color: #999999;
					border: none;
					letter-spacing: 1px;
					-webkit-appearance: none;
					-moz-appearance: none;
					background: #fff url(/Templates/_images/select_Dropdown_Grey.png) right 10px center no-repeat;
					font-size: 14px;
			}
			.ProductList .ListVariant1 select::-ms-expand,
			.ProductList .ListVariant2 select::-ms-expand,
			.ProductCrossSell .ListVariant1 select::-ms-expand,
			.ProductCrossSell .ListVariant2 select::-ms-expand {
				     display: none;
			}
			.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 {
	display:none;
}

		

/* Automatically Updated */
/* -----[ Patch 1.6.0 ]----- */
/* -----[ Feature ID #484 ]----- */
/* -----[ Added to ProductCatalogue.css  ]----- */
/* -----[ Content/Description Tabs ]----------------------------------------------------- */
.TabsWrapper {
	width: 450px;
	display: block;
	position: relative;
}
.tabContentWrapper {
	margin: 0px 0px 10px 0px;
	padding: 0;
}
.tabTitleWrapper {
	display: none;
	
	
	/* Need to state height */
}
.tab_content h2{
	display: none;
}
.TabContents table{
 border-collapse:collapse;
 }
 .TabContents table{
 	border-top: #b9b9b9 1px solid;
 	max-width: 100% !important;
 	width: 100% !important;
 	margin: 0 0 5px 0;
 }
.TabContents table tr td{
	border-bottom: #b9b9b9 1px solid;
}
.TabContents table tr td:first-child {
    color: #00435a;
    font-size: 12px;
    text-transform: uppercase;
    padding: 5px 5px 5px 0;
    width: 40% !important;
    vertical-align: top;
}
.TabContents table tr td:last-child {
    color: #848484;
    font-size: 13px !important;
    padding: 5px 0;
    width: 60%;
}
.TabContents table tr td:last-child p{
    color: #848484;
	font-size: 13px !important;

	margin: 0;
	padding: 0;
	line-height: 1;
}
.TabContents  p{
	font-size: 13px !important;
	 color: #393939;
	margin: 0;
	padding: 0;
	line-height: 1;
}
#cPC ul.tabTitleWrapper li {
    font-size: 1em;
    list-style-image: none;
    margin: 0 0 0 0;
}
	/* List Styles */
	#cPC .tabTitleWrapper ul,
	#cPC .TabTarget ul {
		padding: 0px;
		margin: 0 0 0px 0px;
		padding: 0;
		list-style-type: none;
		list-style: none;
		list-style-position:outside;
	}
	.tabTitleWrapper li {
		float:left;
		padding: 0px;
		margin: 0px;
		list-style: none;
		list-style-type: none;
		list-style-position:outside;
		text-decoration: none;
	}
	.tabTitleWrapper li a {
		text-decoration: none;
	}
		.tabTitleWrapper li a span {
			display: block;
			list-style: none;
			list-style-type: none;
			text-decoration: none;
			cursor: pointer;
			text-align: center;
			padding: 0px 12px;
			border: 1px solid #999999;
			border-bottom-style: none;
			list-style-position:outside;
			/* Need to state height */
			height: 18px;
			color: #333333;
			font-size: 12px;
			margin: 0px 4px -1px 0px;
			min-width: 20px;
		}

		.tabTitleWrapper li a.tabs_on span {
			padding: 3px 6px 1px 6px;
			cursor: pointer;
			background: #FFFFFF;
		}
		.tabTitleWrapper li a.tabs_off span {
			padding: 3px 6px 0px 6px;
			cursor: pointer;
			background: #CCCCCC;
		}
		.TabContents {
		}

/* Automatically Updated */
/* -----[ Patch 1.6.0 ]----- */

/* -----[ Feature ID #542 ]----- */
/* -----[ Added to ProductCatalogue.css  ]----- */
/* -----[ Product Search DIV Layout ]----------------------------------------------------- */

.SearchDivLayout {
	clear: both;
	display: block;
	margin: 0px;
}
	.SearchItem,
	.ResultsContainItem,
	.FilterItem,
	.ResultsPerPageItem,
	.SearchItem,
	.ProductCatalogueSearchResults {
		clear: both;
		display: block;
		margin: 0px;
		padding: 4px 6px;
		margin: 0px 0px 1px 0px;
	}
		.SearchTitle {
			font-size: 100%;
			font-weight: bold;
		}
		.SearchInput {
		}
.clear {
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
	margin: 0px;
}

/* Automatically Updated */
/* -----[ 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/Demo/_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 {
}
.ProductList .ButtonHolder img {
    transition-duration: 0.3s;

}
.ProductList .ButtonHolder img:hover {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);

}



/* === [ 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,
.RateThis {
	float: left;
	display: block;
	height: 30px;
}
    
	.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: Arial, Helvetica, 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;
	}

.CalculatorContainer {
	width: 190px;
	max-height: 104px;
	overflow: hidden;
	border: none;
	padding: 0px 0 0 0;
	padding: 0;
	z-index:2;
	width: 100%;
	position: absolute;
	cursor: pointer;
	  -webkit-transition: all 0.2s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
          transition: all 0.2s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */

}
.CalculatorContainer.showCalculator{
	max-height: 510px;
	height: 520px;
	z-index: 2;
}
.CalculatorHeaderWrapper{
	padding: 22px 0 0 0;
	height: 80px;
	background: #00435a;
}
.CalculatorHeaderWrapper:after{
	content:'';
	position: absolute;
	opacity: 1;
	left: 0;
	right: 0;
	margin: auto;
	width: 104px;
	text-align: center;
	cursor: pointer;
	bottom: -37px;
	z-index: 2;
	text-transform: uppercase;
	color: #00435a;
	background: url('/Templates/_images/bg_calculatorshow.png');
	background-position: top;
	height: 61px;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
			  -webkit-transition: background 0.2s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
          transition: background 0.2s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.CalculatorContainer.showCalculator .CalculatorHeaderWrapper:after{

bottom: 40px;

height: 20px;

background-position: 0 20px;
}
	.CalculatorContainer h3{
		color: #bfd0d6;
	    text-transform: uppercase;
	    text-align: center;
	    font-size: 21px;
	    margin: 0 0 2px 0;
	}
	.CalculatorContainer h4{
		color: #80a1ac;
		text-transform: uppercase;
		text-align: center;
		font-size: 14px;
		font-weight: normal;
		margin: 0 0 28px 0;
	}
	.CalculatorInputContainer {
		width: 100%;
		padding: 22px 30px;
		text-align: left;
		position: relative;
		background: #d9e3e6;
	}
		.CalculatorInputContainer span {
			/* font-size: 14px; */
			display: block;
			margin: 0 0 5px 0;
			color: #80a1ac;
		}
		.CalculatorInputContainer input {
			font-size: 20px;
			height: 25px;
			width: 100%;
			text-align: center;
			border: none;
			display: inline;
			border: none;
			width: 100%;
			height: 35px;
			text-align: center;
			margin: 0;
			font-size: 14px;
			color: #80a1ac;
		}
		.per-meter .CalculatorInputContainer input {
			width: 110px;
		}
		.CalculatorInputContainer input + span {
			display: none;
		}
		.per-meter .CalculatorInputContainer input + span {
			display: block;
			color: #00435A;
			position: absolute;
			top: 26px;
			left: 130px;
		}
		

	.ExplanationAndResults {
		position: relative;
		width: 100%;
		height: 190px;
		background: #d9e3e6;
	}
	.ExplanationAndResults .ExplanationContainer,
	.ExplanationAndResults .ResultsContainer {
		width: 100%;
		height: 190px;
		padding: 0;
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		color: #80a1ac;
	}

	.ExplanationAndResults .ExplanationContainer em {
		font-style: normal;

		font-weight: bold;
	}

	.ExplanationAndResults.ShowExplanation .ExplanationContainer {display: block;padding: 0px 30px;}
	.ExplanationAndResults.ShowResults     .ExplanationContainer { display: none; }
	.ExplanationAndResults.ShowExplanation .ResultsContainer     {display: none;padding: 20px 30px;}
	.ExplanationAndResults.ShowResults     .ResultsContainer     {display: block;padding: 0 30px;}

	.ExplanationAndResults .ResultsContainer h6 {
		display: block;
		clear: both;
		font-size: 16px;
		margin: 5px 0 5px 0;
		color: #00435a;
	}
		.ExplanationAndResults .ResultsContainer h6 span {
			display: inline;
		}
	.ExplanationAndResults .ResultsContainer span {
		display: block;
		clear: both;
		line-height: 1.2;
	}
	.ExplanationAndResults .ResultsContainer h6:after {
	     visibility: hidden;
	     display: block;
	     font-size: 0;
	     content: " ";
	     clear: both;
	     height: 0;
     }
		.ExplanationAndResults .ResultsContainer span em {
			float: left;
			font-size: 16px;
			margin: 0 0 5px 0;
		}
		.ExplanationAndResults .ResultsContainer span label {
			/* float: right; */
			font-size: 16px;
			margin: 0 0 5px 5px;
		}
	.closeCalculatorWrapper{
		    background: #d9e3e6;
		    padding: 0;
		    position: absolute;
		    bottom: 0;
		    width: 100%;
			opacity:0;
			-webkit-transition: all 0.2s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
          transition: all 0.2s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
	}
	.showCalculator .closeCalculatorWrapper{
			opacity:1;
		  -webkit-transition: all 0.2s ease-out 0.3s;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
          transition: all 0.2s ease-out 0.3s;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
	}
	.closeCalculator{
		    background: #80a1ac;
		    color: #ffffff;
		    text-align: center;
		    font-size: 14px;
		    text-transform: uppercase;
		    padding: 12px 0;
		    letter-spacing: 1px;
		    cursor: pointer;
	}

	/* if the body has the csstransforms3d class, we can use CSS3 3D transforms... */
	
	.csstransforms3d .ExplanationAndResults .ExplanationContainer,
	.csstransforms3d .ExplanationAndResults .ResultsContainer {
		display: block;

		-webkit-transform-style: preserve-3d;
		   -moz-transform-style: preserve-3d;
	        -ms-transform-style: preserve-3d;
  		        transform-style: preserve-3d;
		-webkit-transform-origin: center middle;
		   -moz-transform-origin: center middle;
		    -ms-transform-origin: center middle;
		        transform-origin: center middle;
		-webkit-backface-visibility: hidden;	
		   -moz-backface-visibility: hidden;	
		    -ms-backface-visibility: hidden;	
		        backface-visibility: hidden;	
		
		-webkit-transition: -webkit-transform 0.5s ease-in-out;
		   -moz-transition:    -moz-transform 0.5s ease-in-out;		
		    -ms-transition:    -moz-transform 0.5s ease-in-out;		
		        transition:         transform 0.5s ease-in-out;		

	}
	.csstransforms3d .ExplanationAndResults.ShowExplanation .ExplanationContainer { -webkit-transform: perspective( 900px ) rotateY(   0deg); -moz-transform: perspective( 900px ) rotateY(   0deg); -ms-transform: perspective( 900px ) rotateY(   0deg); transform: perspective( 900px ) rotateY(   0deg); }
	.csstransforms3d .ExplanationAndResults.ShowResults     .ExplanationContainer { -webkit-transform: perspective( 900px ) rotateY( 180deg); -moz-transform: perspective( 900px ) rotateY( 180deg); -ms-transform: perspective( 900px ) rotateY( 180deg); transform: perspective( 900px ) rotateY( 180deg); }
	.csstransforms3d .ExplanationAndResults.ShowExplanation .ResultsContainer     { -webkit-transform: perspective( 900px ) rotateY(-180deg); -moz-transform: perspective( 900px ) rotateY(-180deg); -ms-transform: perspective( 900px ) rotateY(-180deg); transform: perspective( 900px ) rotateY(-180deg); }
	.csstransforms3d .ExplanationAndResults.ShowResults     .ResultsContainer     { -webkit-transform: perspective( 900px ) rotateY(   0deg); -moz-transform: perspective( 900px ) rotateY(   0deg); -ms-transform: perspective( 900px ) rotateY(   0deg); transform: perspective( 900px ) rotateY(   0deg); }

@media only screen and (max-width: 320px) {
	
	.ProductEnquireWrapper {
    width: 100%;
}
	.ProductEnquireContainer, .ProductEnquireConfirmation {
		width:100%;
		overflow:scroll;
	}
	
	.ProductEnquireContainer input, .ProductEnquireContainer select, .ProductEnquireContainer textarea 
	
	{
		width:97%;	
	}
	
	.ProductEnquireContainer .EnquireButtons input {
		width:100%;
	}
	
		
	.ProductEnquireContainer .EnquiryListWrapper li {
    padding: .3em 0;
}
	
}
@media only screen and (max-width: 400px) {
	.ProductEnquireContainer input, .ProductEnquireContainer select, .ProductEnquireContainer textarea {
	    width: 100%;
		max-width:300px;
	}
	.ProductEnquireContainer .EnquireButtons input {
		width: 300px;
	}
	.ProductEnquiryList li span.title, .ProductEnquireContainer .EnquiryListWrapper li span.title {
	    width: 40%;
	    padding: 0 10px 0 0;
	}
	.ProductEnquireContainer .EnquiryListWrapper li span.sku {
	    width: 40%;
	}
	.ProductEnquiryList li span.remove, .ProductEnquireContainer .EnquiryListWrapper li span.remove {
	    width: 10%;
	    text-align: left;
	}
	.EnquiryListWrapper{
	  font-size:12px;
	}
}




form.Enquireforprice .ProductDetails .ListPrice ,
form.Enquireforprice .ProductDetails .ListQuantity ,
form.Enquireforprice .ProductDetails .AddToCartButton {
	display: none;
}
form.Enquireforprice .ProductDetails .ListPriceWrapper:after {
	display: block;
	content: 'Enquire for price';
	font-size: 30px;
	line-height: 1;
	color: #00435a;	
    margin: 0 0 15px 0;	
}

form.Enquireforprice #rHSproductDetails .AddToEnquiryList ,
form.Enquireforprice #rHSproductDetails .AddToEnquiryList:hover {
	display: block;
	background: #00435A;
    color: #ffffff;
	text-decoration: none;
	border: none;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
}