#ProductLoop {position:relative;overflow:hidden;clear:both;text-align:center;min-width:auto;}
#ProductLoopInner {position:relative;overflow:hidden;margin:0 auto;padding:10px 0;}

/* Dimensions */
.Product {}
.Product a[href] {overflow:hidden;}
.ProductImageGroupContainer, .ProductImage {}

/* Layout */
.Product {position:relative;float:left;clear:none ! important;margin:0 15px 30px 15px;position:relative;border-style:solid;border-width:1px;}

.ProductImageGroupContainer {overflow:hidden;display:table-row;}
.ProductImageContainer {width:auto!important;margin:0 0 15px 0;}
.ProductImageContainer .ImgLink {float:none!important;}
.ProductImage {position:relative;vertical-align:top;text-align:center;}
.ProductImage img {position:relative;border:0;margin:0 auto;display:block;}
.NoImage .ProductImage {min-height:130px;}
.NoImage .ProductImage [class^='icon-'] {min-height:1px;vertical-align:middle;position:absolute;margin-left:-12px;left:50%;margin-top:-12px;top:50%;opacity:0.3;filter:alpha(opacity=30);}
 .ProductImageCaptionIcons {height:18px;}
 .ProductImageCaptionIcons div {display:inline;float:right;}
 .ProductImageCaption {line-height:12px;font-size:0.625em;padding:2px;}
 .ProductImageCaptionIcon.Icon {opacity:0.3;filter:alpha(opacity=30);}


/* More details */
.ProductMoreDetails {font-size:0.87em;font-weight:bold;padding:0;margin:8px auto 0 auto;line-height:16px;text-align:center;max-width:300px;width:80%;}
.ProductMoreDetails a {color:inherit;background-color:transparent;margin:0 10px;line-height:36px; padding: 0 10px;}
.ProductMoreDetails.no-style {display:inline-block;font-size:inherit;padding:5px 0;margin:0;line-height:normal;height:auto;min-height:auto;border:none;}
.ProductMoreDetails.no-style a {text-decoration:underline;color:inherit;background-color:transparent;margin:0;display:block;line-height:normal;font-size:inherit;font-weight:normal; padding: 0;}

/* Discount */
.ProductContainer1{position:absolute;z-index:100;font-size:0.875em;font-weight:bold;right:-5px;top:-5px;padding:8px;-webkit-box-shadow:0px 1px 4px 0px rgba(50,50,50,0.5);-moz-box-shadow:0px 1px 4px 0px rgba(50,50,50,0.5);box-shadow:0px 1px 4px 0px rgba(50,50,50,0.5);}
.Product .ProductContainer1 div {vertical-align:middle;display:inline-block;}

/* Product title */
.ProductTitle{font-size:1em;position:relative; overflow: hidden; padding:5px 0;margin:0; word-wrap: break-word; line-height:1.25em;text-overflow:ellipsis; float: left; width: 100%; }
.ProductIntroduction {padding:0;text-align:center;font-weight:normal;overflow:hidden; float: left; width: 100%;text-overflow: ellipsis; white-space: nowrap;}
.ellipsis, .ellipsis > p {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.ProductNumber {position:relative;overflow:hidden;padding:3px 0;text-align:center;}

/* Product pricing */
.ProductPriceContainer {position:relative;min-height:1px;padding:0 8px;overflow:hidden;display:inline;clear:left;}
.ProductPriceContainer a {display:inline!important;}
.ProductContainer2 {min-height:1px;vertical-align:bottom;padding:10px 8px;clear:both;}
.Product .ProductContainer2 .ProductIcons + .ProductMoreDetails {position:static;float:left;}

.ProductPriceOriginal {margin-right:5px;text-decoration:line-through;font-size:0.8125em;display:inline-block;}/* old price */
.ProductPrice {font-size:1.25em;font-weight:bold;display:inline-block;} /* current price */
.ProductPriceCalculated {font-size:1.25em;font-weight:bold;display:inline-block;} /* discounted price */
.ProductCurrencySymbol {font-size:.7em;vertical-align:baseline;}
.ProductPriceOtherInformation {line-height:1.5em;font-size:0.6875em;margin:3px 0 5px 0;display:inline;}
.ProductPriceOtherInformation *:empty {display:none;}
.ProductPriceOtherInformationPart * {white-space:nowrap;}
.ProductPriceOtherInformationPart::before {content:"|";margin-right:4px;display:inline;}
.ProductPriceOtherInformationPart a:first-child,.ProductPriceOtherInformationPart span:first-child {background-color:transparent;}
:nth-of-type(1).ProductPriceOtherInformationPart::before {content:"";display:none;}
.ProductPriceOtherInformation .ProductIncTaxes {display:inline-block;}
.ProductPriceOtherInformation .ProductIncTaxes:empty {display:none;}
.ProductPriceOtherInformation .ProductPriceTax {clear:left;display:block;}
.ProductIncTaxes + .ProductWeight::before, .ShippingChargeForProduct + .ProductWeight::before {content:"("!important;display:inline-block!important;margin-right:0;}
.ProductIncTaxes + .ProductWeight::after, .ShippingChargeForProduct + .ProductWeight::after {content:")";}
.ProductDiscountMessage {font-weight:normal;margin:5px 10px;padding:2px;}
.ProductPriceOriginal:empty, .ProductPrice:empty, .ProductPriceCalculated:empty  {display:none;}
.ProductPriceOtherInformation .ProductPriceTaxPriceText {min-height:auto;}

/* Buttons */
.ProductContainer3 {padding:0 8px;}
.QntyBox input {font-size:0.9375em;}
.ProductQuantityUnit {font-size:.75em;}
.AddToBasketQnty {border-width:1px;border-style:solid;}
.AddToBasketButton {font-size:0.75em;font-weight:bold;border-style:solid;border-width:1px;}
.AddToBasketButton .ImgLink [class^='icon-'] {font-size:1.2em;}
.FavoritesButton {font-size:1em;font-weight:bold;border-style:solid;border-width:1px;}

/* pin styles */
#ProductLoopInner{overflow:hidden;margin:0 auto!important;padding:0 5px;box-sizing:border-box;float:none;}
#ProductLoopInner .item.Product .ProductImageContainer .ImgLink, .ProductImageContainer div{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);}

@media (min-width: 767px) {
#ProductLoopInner .item.Product{width: 24%;margin: 0 8px 16px 8px;overflow: hidden; max-width: 300px; box-sizing: border-box; border-width: 1px !important; position: relative;float:left;clear:none ! important;}
}
#ProductLoopInner .item.Product img{transform: scale(1);-ms-transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);transform: scale(1);transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;max-width: 100%;height: auto; float: none !important; display: table-cell; vertical-align: middle;}
#ProductLoopInner .item.Product:hover img{transform: scale(1.2);-ms-transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; }
#ProductLoopInner .item.Product .ProductImageContainer{overflow: hidden;}

#ProductLoopInner .item.Product .product-test{position: absolute; left: 0; bottom: 0; word-wrap: break-word; text-overflow:ellipsis; float: left; width: 100%; z-index: 999; opacity: 0; transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; }
#ProductLoopInner .item.Product:hover .product-test{transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out; opacity: 0.9;}
#ProductLoopInner .item.Product .responsive{width: auto !important;}
.img-spec{margin: 15px 0;}
#ProductLoopInner .item.Product .ProductImage{float: left !important; width: 100% !important;}
#ProductLoopInner .item.Product .ProductImage a{float: left; width: 100%;}
.price-noImage{padding: 15px 8px 0;}
.six-column{width: 15.16% !important;}
.five-column{width: 18.5% !important;}

#PageContainer11{height: auto !important;}
#PageContainer1{height: auto !important;}
.ProductContainer2{box-sizing: border-box;}
.more-button{border-width: 1px; padding: 2px; float: left; clear: both;}
.more-button .ProductMoreDetails{min-height: 10px; padding: 0; border: none; margin: 0;}
.more-button .ProductMoreDetails a{padding: 8px 15px; text-decoration: none; margin: 0;}
.ProductDescription{float: left; width: 100%; margin: 10px 0 0;}
#ProductLoopInner .item.Product .ProductImage i.icon-fa-2x{ font-size: 5em; margin-left: -32px !important;margin-top: -26px !important;}
.no-image{padding-top: 15px;}
#ProductLoopInner .item.Product .ShippingChargeForProduct{display: inline-block;}
html{height: 100%;padding-bottom: 10px;}

@media all and (max-width:767px){
    #ProductLoopInner .item.Product{margin: 0 5px 10px 5px;}
}

@media all and (max-width:414px){

    #ProductLoopInner{width: 100% !important; padding: 0 15px; }
    .ProductImageContainer > *{-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); top: 0;}
}

@media (max-width: 369px) {
    #ProductLoopInner .item.Product {
        width: 100% !important;
    }
}

/*
Version tag, please don't remove
$Revision: 46135 $
$HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/ProductLoops/SFX-PIN-TXT_1/stylesheet.css $
*/