﻿h3 { min-height: 20px; margin: 3px; }
h3 a { text-decoration: none; color: #000000; }
h3 a:hover { text-decoration: underline; }
.ProductRow { display:table; table-layout:fixed; width:100%; margin-bottom:15px;  }
.ProductSpacer { display:table-cell; width:1.5%; }
.ProductWrapper { width: 49.25%; display: table-cell; position:relative; border-bottom:2px solid #ded9d2; vertical-align:top; }
.ProductWrapper.empty { border:0px; margin:0; padding:0 }
.ProductWrapper .TopArea {display:table; width:100%; min-height:190px; margin-bottom:55px; position:relative;}
.ProductWrapper .TopArea .ImageArea { min-width: 155px; vertical-align:middle; text-align:center; width:0.1%; display:table-cell; position: relative; }
.ProductWrapper .TopArea .ImageArea img { border: 0px; max-width:150px; max-height:190px; }
.ProductWrapper .TopArea .InformationArea { width: 100%; display:table-cell; vertical-align:top; }
.ProductWrapper .TopArea .InformationArea .Details { margin: 5px; }
.ProductWrapper .TopArea .InformationArea .Details .Detail { display:table; width:100%; height:15px; font-size: 11px; }
.ProductWrapper .TopArea .InformationArea .Details .Detail span:not(.original) { display:table-cell; vertical-align:middle;  }
.ProductWrapper .TopArea .InformationArea .Details .Detail .original { font-weight:bold; color:#80c301 }
.ProductWrapper .TopArea .InformationArea .Details .AlterningDetail { background-color: #f7f7f7; }
.ProductWrapper .TopArea .InformationArea .Details .DetailValue { text-align:right; word-break: break-all; word-break:break-word; word-wrap: break-word; }
.ProductWrapper .TopArea .InformationArea .ReplacementNotice { display:none; }
.ProductWrapper .TopArea .InformationArea .DeliveryText { padding: 5px; padding-top: 7px; padding-right: 2px; font-size: 11px; min-height: 27px; }
.ProductWrapper .TopArea .InformationArea .Tests .AwardImage { vertical-align: middle; margin-right: 10px; max-height:30px; max-width:100px; }
.ProductWrapper .TopArea .InformationArea .ManufacturerImage { vertical-align: text-bottom; height: 17px; border: 0px; }
.ProductWrapper .LimitedCampaign {background: #777 url('/gfx/layout/gradients.png') repeat-x center -50px; white-space:nowrap; color:white; text-align:center; height:22px; line-height:24px; font-weight:bold; margin-top:40px; position:relative;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
.ProductWrapper .LimitedCampaign .arrow { position:absolute; left:0px; top: -34px; width:12px; height:34px; background: url('/gfx/layout/layout.png') no-repeat -795px -24px; }
.ProductWrapper .BottomArea { display:block; position: absolute; bottom:10px; left:0px; width: 100%; min-height: 40px; }
.ProductWrapper .BottomArea .basketLoading { position: absolute; z-index: 1; width: 16px !important; height: 16px !important; left: 14px; }
.ProductWrapper .BottomArea .PriceContainer { position:absolute; bottom:2px; left:0px; padding-left: 5px; }
.ProductWrapper .BottomArea .PriceContainer .Price { color: #000; font-family: Rockwell, Arial; font-size: 35px; line-height:29px; white-space: nowrap;}

.ProductWrapper .BottomArea .PriceContainer .PriceBottom { min-height:5px; color: #6e6e6e; font-family: Rockwell, Arial; font-size: 12px; }
.ProductWrapper .BottomArea .ReadMoreButton, .ProductWrapper .BottomArea .BuyButton, .ProductWrapper .BottomArea .ExpiredAlternativeButton { display:block; position:absolute; bottom:6px; height: 30px; vertical-align:text-top;  }
.ProductWrapper .BottomArea .ReadMoreButton a, .ProductWrapper .BottomArea .BuyButton a, .ProductWrapper .BottomArea .ExpiredAlternativeButton a { text-decoration:none; display:block; height:30px; line-height:32px; text-align:center; color:#fff; font-weight:bold; }
.ProductWrapper .BottomArea .ReadMoreButton {width:95px; right:120px; border: 1px solid #e07b00; background: #ff862e url('/gfx/layout/gradients.png') repeat-x 0px -360px;  }
.ProductWrapper .BottomArea .ReadMoreButton a:hover { background-color: #ff862e; }
.ProductWrapper .BottomArea .ExpiredAlternativeButton {width:160px; right:0px; border: 1px solid #e07b00; background: #ff862e url('/gfx/layout/gradients.png') repeat-x 0px -360px;  }
.ProductWrapper .BottomArea .ExpiredAlternativeButton a:hover { background-color: #ff862e; }
.ProductWrapper .BottomArea .BuyButton {width:115px; right: 0px; border: 1px solid #77bd08; background: #70b92d url('/gfx/layout/gradients.png') repeat-x 0px -239px; }
.ProductWrapper .BottomArea .BuyButton .icon {position: absolute; z-index:1; width:25px; height:30px; right: 2px; top:0px; background: url('/gfx/layout/layout.png') no-repeat -795px -60px; }
.ProductWrapper .BottomArea .BuyButton a {padding-right:20px;}
.ProductWrapper .BottomArea .BuyButton a:hover { background-color: #9ddb3e; }
.ProductWrapper.Limited .TopArea { margin-bottom:75px; }
.ProductWrapper.Limited .BottomArea .PriceContainer { bottom:22px; }
.ProductWrapper.Limited .BottomArea .ReadMoreButton, .ProductWrapper.Limited .BottomArea .BuyButton { bottom:24px; }
.ProductWrapper.Limited .BottomArea .PriceContainer { left:6px; }

.ReplacementHeader { /*font:17px Arial;*/ font-size: 19px; font-family:Calibri,Helvetica,sans-serif; font-weight: bold; background-color: yellow; text-align: center; height: 35px; line-height: 35px; margin-top: 20px; text-transform: uppercase; border-top: 2px solid #aca7a7; margin-bottom: 13px; position: relative; }
.ReplacementHeader img { position: absolute; left: 2px; right: 0; top: 34px; margin-left: auto; margin-right: auto; }

@media all and (max-width: 900px) {
    .ProductSpacer { display:none }
    .ProductRow { display: block; margin-bottom:0px; }
    .ProductWrapper { display:block; width:100%; margin-bottom:15px; }
    .ProductWrapper .DeliveryText { margin-top:26px; }
    .ProductWrapper h3 { position:absolute; left:0px; right:0px; height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
    .ProductWrapper .TopArea .ImageArea { padding-top:25px;  }
}

@media all and (max-width: 400px) {
    .ReplacementHeader { font-size:13px; overflow:hidden; }
}

@media all and (max-width: 375px) {
    .ProductWrapper .BottomArea .ReadMoreButton span, .ProductWrapper .BottomArea .BuyButton span { display:none; }
    .ProductWrapper .BottomArea .ReadMoreButton { width:50px; right:70px}
    .ProductWrapper .BottomArea .BuyButton { width: 65px }
    .ProductWrapper .BottomArea .ReadMoreButton a::after { content: "Info"; }
    .ProductWrapper .BottomArea .BuyButton a::after { content: "K\00F8 b"; }
    .ProductWrapper .TopArea { min-height: 150px; }
    .ProductWrapper .TopArea .ImageArea { min-width: 110px; }
    .ProductWrapper .TopArea .ImageArea img { max-width:110px; max-height:150px; }
    .ProductWrapper .TopArea .InformationArea .Details .AlterningDetail { background-color: #fff; }
    .ProductWrapper .TopArea .InformationArea .Details .DetailValue { text-align:left; }
    .ProductWrapper .TopArea .InformationArea .Details .DetailValue::before { content: ":" }
    .ProductWrapper .TopArea .InformationArea .Details .Detail { display:block; width:100%; height:auto; font-size: 11px; }
    .ProductWrapper .TopArea .InformationArea .Details .Detail span { display:inline !important; vertical-align:middle;  }
    .ProductWrapper .LimitedCampaign { font-size:11px; line-height:22px; }
    .ProductWrapper .BottomArea .PriceContainer .Price {  font-size: 30px; line-height:26px;}
    .ProductWrapper h3 img { max-width:95px; }
}

