﻿.ProductTop {display:table; width:100%; margin-top: 15px;}
.HeadLine { width: 610px; float: left; }
.TopButtonContainer { width: 68px; position:absolute; top:-30px; right:10px;}

.PriceArea { display:table-cell; width: 55%; vertical-align:top; padding-left:10px;  }
.PriceArea .StockInfo .StockInfoText { color: green; font-weight: bold; font-size: 14px; }
.PriceArea .StockInfo .BackorderText { color: red; font-weight: bold; font-size: 14px; }
.PriceArea .StockInfo .icon { width:25px; }
.PriceArea .TopWrapper { border-bottom: 2px solid #7d8b89; min-height: 61px; }
.PriceArea .TopWrapper .PriceContainer { display:table; height: 48px; float:left; }
.PriceArea .TopWrapper .PriceContainer .row {display:table}
.PriceArea .TopWrapper .PriceContainer .price { color: #ff862e; font-family: Rockwell, Arial; font-size: 35px; display:table-cell; white-space:nowrap; }
.PriceArea .TopWrapper .PriceContainer .price .currencyCode { color: #bdbdbd; font-size:25px;  }
.PriceArea .TopWrapper .PriceContainer .ShippingPrice { color: #6e6e6e; font-family: Rockwell, Arial; font-size: 12px; margin-top: -2px; margin-bottom:5px; display:table-cell; width:100%; }
.PriceArea .TopWrapper .PriceContainer .expiredButton { width:250px; height:30px; background: #ff862e url('/gfx/layout/gradients.png') repeat-x 0px -360px; border-radius:3px; line-height:30px; font-size:15px; color:#fff; font-weight:bold; text-align:center; cursor:pointer;}
.PriceArea .TopWrapper .PriceContainer .viabill-pricetag-optional-styles{  display:table-cell; vertical-align:middle; padding-top:9px; padding-left:15px;  }
.PriceArea .TopWrapper .PriceContainer .viabill-pricetag-optional-styles img { display:none; }
.PriceArea .ServiceBox { border-width: 1px; border-color: #c2c2c2; border-style: solid; background-color: #ffffff; margin-top: 7px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.PriceArea .RelatedHeadline { background-color: #eceeff; color: #424242; height: 22px; font-size: 13; padding-left: 5px; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; }
.PriceArea .RelatedLine { color: #414141; font-size: 11px; padding-left: 5px; padding-right: 0px; border-top: 1px solid #e5e5e5; }
.PriceArea .RelatedLineRight { padding-left:0px; padding-right:5px;}
.PriceArea .RelatedLineInfo { color: #7d7d7d; font-size: 11px; vertical-align: top; padding-top: 0px; padding-left: 5px; padding-right: 5px; }
.PriceArea .DeliveryInfo { padding-top:3px;}
.PriceArea .LimitedCampaign { font-size: 16px; text-align: center; background-color: #ff862e; color:#fff; margin-top:0px; padding:8px; }

.BuyArea { width: 215px; height: 44px; display:table; float:right; margin-bottom:10px; }
.BuyArea .Amount { width: 50px;height:40px; display:table-cell; background-color:#ededed; vertical-align:middle; text-align:center; font-size:11px; font-weight:bold; border: 2px solid lightgray; border-right-width:0px; }
.BuyArea .Amount input { width: 35px; height: 19px; border: 1px solid #dadada; text-align: center; }
.BuyArea .Button { height:40px; display:table-cell; background: #74cf44 url('/gfx/layout/gradients.png') repeat-x 0px -395px; border: 2px solid #77bd08;  }
.BuyArea .Button a {  line-height:44px; font-weight: bold; font-size: 16px; text-decoration: none; color: #FFF; display: block; height: 40px; position:relative; padding-left:10px;}
.BuyArea .Button a:hover { background-color: #9ddb3e; }
.BuyArea .Button a .icon { position: absolute; right: 5px; bottom: 5px; height: 34px; width: 37px; background: url('/gfx/layout/layout.png') no-repeat -756px -60px; }

.ImageArea { display:table-cell; width: 45%; vertical-align:middle;  }
.ImageArea .gallery {width:100%}
.ImageArea .ExtraImages { text-align:center; }
.ImageArea .ProductImage { display: block; max-width:390px; height: auto; margin:auto; }

.BottomArea { display:table; width:100%; position:relative; margin-top:50px;}
.BottomArea .ProductDetails, .BottomArea .Reviews, .BottomArea .Description { display:none; }
.BottomArea .Column { display: none; border-top:1px solid #a8a8a8; vertical-align:top; }
.BottomArea .Visible { display: table-cell !important; }
.BottomArea .Description, .BottomArea .ProductDetails, .BottomArea .Reviews { width:100%;  }
.BottomArea .Spacer { min-width:20px; display:table-cell; }
.BottomArea .RelatedProducts { min-width:305px; position:relative; }
.BottomArea .RelatedProducts .Header { position: absolute; height: 30px; left:10px; top: -31px; border: 1px solid #a8a8a8; border-bottom-width:0px; background-color: #fff;  line-height:29px; padding-left:15px; padding-right:15px;}
.BottomArea .Headers { position: absolute; height: 31px; left:7px; top: -30px; }
.BottomArea .Headers .Active {border-bottom-width: 0px; height:30px; background-color:#fff !important; cursor:default;}
.BottomArea .Headers div { cursor:pointer; display: block; height: 29px; float: left; background-color:#f2f2f2; margin-left: 2px; margin-right: 2px; border: 1px solid #a8a8a8; line-height:29px; padding-left:11px; padding-right:11px;-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none;  }
.BottomArea h2 {font-size:17px; border-bottom: 1px solid #a8a8a8; padding-bottom:8px; margin-bottom:1px; margin-top:25px; width:100%; clear:both;}
.BottomArea .Headers div:hover { background-color:#dedede}
.BottomArea h2 .h2Name { font-size:0px; }
.BottomArea iframe, .BottomArea object, .BottomArea embed { display:block; width:100% !important; height:400px !important; margin-top:17px;  }
.BottomArea .Text {padding:5px;}
.BottomArea .ProductInfo { width: 100%; margin-bottom:15px; }
.BottomArea .ProductInfo div {height:25px; padding-top:1px; border-bottom: 1px solid #DDDDDD; clear:both; width:100%; display:table; }
.BottomArea .ProductInfo .ProductInfoType {  padding-left:5px; display:table-cell; vertical-align:middle;  }
.BottomArea .ProductInfo .ProductInfoValue { padding-right:5px; padding-left:5px;  display:table-cell; vertical-align:middle; text-align:right;   }
.BottomArea .ProductInfo .ProductInfoValue .original { font-weight:bold; color:#77bd08}
.BottomArea .ProductInfo .ProductInfoAlt { background-color: #f2f2f2; }


.ProductInfoTable { display:block; border-collapse: collapse; margin-bottom:15px;}
.ProductInfoTable tbody { display:block; }
.ProductInfoTable tr { height:26px;  border-bottom: 1px solid #DDDDDD; width:100%; display:table;  }
.ProductInfoTable tr td { padding:0px; }

.ProductInfoTable tr .ProductInfoHeadline {
    font-size: 17px; border-bottom: 1px solid #a8a8a8; padding-bottom: 8px;  padding-top: 25px; font-weight:bold;


}
.ProductInfoTable tr .ProductInfoType {  padding-left:5px; display:table-cell; vertical-align:middle;  }
.ProductInfoTable tr .ProductInfoValue { padding-left:5px; padding-right:5px; display:table-cell; vertical-align:middle; text-align:right;   }
.ProductInfoTable .ProductInfoAlt td { background-color: #f2f2f2; }


.RelatedBox .Product {display:inline-block;  margin-top:5px; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #e2e2e2;  height:120px; width:100%; vertical-align:top;}
.RelatedBox .Product .ProductWrap { display:table; table-layout:fixed; width:100%; }
.RelatedBox .Product .Image {display:table-cell; width:85px; text-align:center; vertical-align:middle; }
.RelatedBox .Product .Image img {max-width:85px;}
.RelatedBox .Product .Info {display:table-cell; width:100%; vertical-align:top; padding:5px; position:relative;}
.RelatedBox .Product .Info .Name {height:21px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.RelatedBox .Product .Info .Name a { text-decoration:none; color:black; font-weight:bold; }
.RelatedBox .Product .Info .Name img { margin-bottom:-2px; }
.RelatedBox .Product .Info .PriceArea {  padding-bottom:5px; padding-left:5px; height:60px; font-size:12px; color:#6e6e6e;}
.RelatedBox .Product .Info .PriceArea .DeliveryText { padding-left: 0px; padding-top:4px; padding-bottom: 0px; padding-right: 2px; font-size: 11px; min-height: 27px; }
.RelatedBox .Product .Info .PriceArea .Price { display:block; width:100%; text-align:right; font-family: Rockwell, Arial; color: #ff862e; font-size: 15px; font-weight:bold; padding-top:6px;}
.RelatedBox .Product .Info .Buttons { height:25px; font-size:11px; display:table; width:100%;  right:65px; max-width:200px; margin-right:0px; margin-left:auto}
.RelatedBox .Product .Info .Buttons .ReadMore { display:table-cell; border: 1px solid #e07b00; height: 23px; background: #ff862e url('/gfx/layout/gradients.png') repeat-x 0px -360px; width:40%; min-width:75px;  }
.RelatedBox .Product .Info .Buttons .Buy {  display:table-cell; border: 1px solid #77bd08; height: 23px; background: #70b92d url('/gfx/layout/gradients.png') repeat-x 0px -239px; width:40%; min-width:75px; }
.RelatedBox .Product .Info .Buttons .Spacer1 {  display:table-cell; min-width:5px; width:0.1%; }
.RelatedBox .Product .Info .Buttons .Spacer2 {  display:table-cell; min-width:5px; width:0.1%;  }
.RelatedBox .Product .Info .Buttons .ReadMore a, .Product .Buttons .Buy a { text-decoration:none; display:block; line-height:24px; text-align:center; color:#fff; font-weight:bold; }


.viabill-pricetag { float: right; }
.anyday_pricetag { float: right; }
@media all and (max-width: 875px) { .BottomArea .Visible { display: block !important; }
    .BottomArea .Spacer { display:none;}
    .BottomArea .Description, .BottomArea .ProductDetails, .BottomArea .Reviews { width:100%; }
    .BottomArea .RelatedProducts { width:100%; min-width:200px; margin-top:50px; }
    .RelatedBox .Product { width:49%;}
    .RelatedBox .Product .Info .Buttons .Spacer1 {  width:20%; }
    .BottomArea .RelatedProducts .Header { position: absolute; height: 30px; left:0px; top: -33px; border: 0px; border-bottom-width:0px; background-color: #fff;  line-height:29px;  padding-left:0px;  padding-right:0px; font-size: 17px; font-weight:bold;}
}



@media all and (max-width: 730px) {
    .ImageArea .ProductImage { max-width: 390px; }
    .ProductTop { display: block; }
    .ImageArea  { display:block; width:100% }
    .PriceArea  { display:block; width:100%; padding-left:0px; }
    .PriceArea h1 { text-align:center; }
    .PriceArea .StockInfo {margin:auto;}
    .BuyArea {float:none; margin-left:auto; margin-right:auto; margin-top:5px;}
    .PriceArea .DeliveryInfo { text-align:center;  }
    .PriceArea .TopWrapper .PriceContainer { float:none; margin:auto }
    .PriceArea .TopWrapper .PriceContainer .row { margin-left:auto;  margin-right:auto; }
    .PriceArea .TopWrapper .PriceContainer .expiredButton { margin: auto; }
    .TopButtonContainer { display:none; }
    .viabill-pricetag { text-align:center; float:none; }
    .anyday_pricetag { text-align: center; float:none; }
    .anyday_pricetag .price-wrapper { text-align: center; }
}



@media all and (max-width: 560px) {
    .RelatedBox .Product { width:100%;}
    .RelatedBox .Product .Info .Buttons .Spacer1 { width:40%; }
    .RelatedBox .Product .Info .Buttons .Buy { width:30%; }
    .RelatedBox .Product .Info .Buttons .ReadMore  { width:30%; }
    .BottomArea iframe, .BottomArea object, .BottomArea embed { height:250px !important;  }
}

@media all and (min-width: 730px) and (max-width: 825px) {
    .ImageArea .ProductImage { max-width:290px; }
}

@media all and (max-width: 428px) {
    .ImageArea .ProductImage { max-width: 290px; }
}

@media all and (max-width: 327px) {
    .ImageArea .ProductImage { max-width: 260px; }
}


.basketLoadingBig { position:absolute; z-index:2; top:2px; right:132px; }

