#ProductLoop {clear:both;}
#ProductLoopInner {position:relative;overflow:hidden;margin:0 auto;padding:10px 0;}


/* Layout */
.Product {position:relative;clear:none ! important;margin:0 0 15px 0;position:relative; padding: 0; border-width: 1px; border-style: solid;}
.Product:nth-child(even){background: none;}

.ProductImageGroupContainer {overflow:hidden;display:table-row;}
.ProductImageContainer {width:160px !important; float: left;margin:0 10px 0 0;}
.ProductImageContainer .ImgLink {float:none!important;}
.ProductImage {position:relative;vertical-align:top;text-align:center; float: left; width: auto;}
.ProductImage img {position:relative;border:0;margin:0 auto;display:block; max-width: 100%;}
.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-weight:bold;padding:0;margin:0 0 0 5px;line-height:16px; font-size: 0.875em;border-radius: 5px !important;}
.ProductMoreDetails a {color:inherit;background-color:transparent;margin:0 10px;line-height:36px;}
.ProductMoreDetails.no-style {display:inline-block;padding:5px 0;margin:0;line-height:normal;height:auto;border:none; font-size: initial;}
.ProductMoreDetails.no-style a {text-decoration:underline;color:inherit;background-color:transparent;margin:0;display:block;line-height:normal;font-weight:normal; font-size: 14px; margin-top: 5px;}

/* Discount */
.ProductContainer1{position:relative;font-size:0.8125em;font-weight:bold;padding:5px 10px; float: none; display: inline-block; margin: 0 10px 5px 0; right: 0; top: 0; vertical-align: top;}
.Product .ProductContainer1 div {vertical-align:middle; display: inline;}

/* Product title */
.ProductTitle{position:relative;margin:0 0 10px 0; word-wrap: break-word; line-height:1.25em;display: inline; word-wrap: break-word;font-size: 1em;}
.ProductIntroduction {padding:0;text-align:left;font-weight:normal;overflow:hidden; font-size: 0.825em; margin-bottom: 10px; white-space: normal !important;}
.ProductIntroduction span{white-space: normal !important;}

.ProductNumber {position:relative;overflow:hidden;padding:2px 5px;text-align:left; font-size: 14px;margin-bottom: 5px;}
.ProductDiscountMessage{display: inline-block; margin: 0 0 5px 0; padding: 5px; vertical-align: top;}


/* Product pricing */
.ProductPriceContainer {position:relative;min-height:1px; float: right;}
.ProductContainer2 {min-height:1px;display:inline-block;}
.Product .ProductContainer2 .ProductIcons + .ProductMoreDetails {position:static;float:left; clear: left;}

.ProductPriceOriginal {margin-right:5px;display:inline-block;float:none;text-decoration:line-through;line-height:20px;font-size:0.8125em;}/* old price */
.ProductPrice {clear:left;float:none;line-height:1em;font-size:1.2em;font-weight:bold;margin-right:5px; position: relative; width: 100%; display: inline-block; } /* current price */
.ProductPriceCalculated {float:none;line-height:20px;font-size:1.2em;font-weight:bold; display: inline-block;} /* discounted price */
.ProductCurrencySymbol {font-size:.7em;vertical-align:baseline;}
.ProductPriceOtherInformation {clear:left;padding:0 0 0;border-top-style:solid;border-top-width:1px;line-height:5px;font-size:0.625em;}
.ProductPriceOtherInformation *:empty { display: none; }
.ProductPriceTaxPrice, .ProductPriceTaxPriceText, .ProductIncTaxes, .ShippingChargeForProduct, .ProductWeight, .ProductBasePrice {display:inline-block;padding:0 3px 0 0;}
.ProductIncTaxes + .ShippingChargeForProduct::before, .ProductBasePrice + .ProductPriceTaxPrice::before {content:"|";margin-right:4px;}
.ProductIncTaxes + .ProductWeight::before, .ShippingChargeForProduct + .ProductWeight::before {content:"(";}
.ProductIncTaxes + .ProductWeight::after, .ShippingChargeForProduct + .ProductWeight::after {content:")";}
.ProductIncTaxes:empty + .ShippingChargeForProduct::before, .ProductBasePrice:empty + .ProductPriceTaxPrice::before {content:"";margin-right:0px;}
.ProductIncTaxes:empty + .ShippingChargeForProduct, .ProductBasePrice:empty + .ProductPriceTaxPrice {padding:0;}
.ProductPriceOriginal:empty, .ProductPrice:empty, .ProductPriceCalculated:empty  {display:none;}

.productPrizeSpecial{display: inline-block;vertical-align: top; margin-right: 10px;margin-bottom: 5px;}

.ProductStockContainer{font-size: 14px; text-align: left; padding: 2px 5px; margin-bottom: 5px;}
.ProductDeliveryTime{font-size: 14px; text-align: left; padding: 2px 5px; margin-bottom: 5px;}
.ProductDeliveryTime .ProductDeliveryTime{padding-left: 5px;}

/* Buttons */
.ProductContainer3 {padding:0; float: left; width: 50%;}
.ProductIcons {max-width:450px;}
.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;}

#ProductLoopInner .Product .ProductImageContainer .ImgLink, .ProductImageContainer div{transform: translateY(0px);-webkit-transform: translateY(0px);-moz-transform: translateY(0px);}
.product-details-right{float: left; width: 100%; padding: 10px; box-sizing: border-box;}
#ProductLoopInner{margin: 0 auto !important; padding: 0; float: none; }


.ProductContainerClear {clear:both;height:1px;}
.ProductContainerClear span {display:none;}
.product-price-special{float: right; width: 100%;}

.product-right{float:right; width: 50%; padding-left: 10px; box-sizing: border-box;text-align: right;}
.product-right > a{
    display: inline-block !important; vertical-align: middle;
}

.product-title-intro{
    float: left;
    width: calc(100% - 170px);
}

@media (max-width: 964px){
    .ProductImageContainer{
        width: 100% !important;
    }
    .product-title-intro{
        width: 100%;
        margin-top: 10px;
    }
}

@media (max-width: 768px){
    .ProductContainer2{width: 100% !important; float: left !important; }
    .productPrizeSpecial{clear: left; width: 100%;}
}




/*
Version tag, please don't remove
$Revision: 38839 $
$HeadURL: svn://3d3-p432/ShopFactory/branches/V14_50/bin/SFXTemplates/ProductLoops/SFX-PRAD_buy/stylesheet.css $
*/