/************************ catalog *************************/
.productDetails {
  width: 100%;
  display: inline-block;
}
.productOrderFormInner {
  width: 100%;
  display: inline-block;
  padding: 20px 40px;
}
/*************  product name, lc, icons *****************/
.productDetails .productLifeCycle {
  float: right;
  margin-bottom: 10px;
}
.productDetails h1 {
  text-align: center;
  margin-bottom: 20px;
}
/******************  Slideshow  ****************/
.productDetails .lpSlider {
  display: block;
  margin-bottom: 32px;
  position: relative;
}
.productDetails .lpSlider .mainImgContainer {
  margin: 0 auto;
}
/** magnifier **/
.productDetails .lpSlider .zoomBtn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 8px;
  font-size: 40px;
}
.productDetails .lpSlider .zoomBtn {
  color: #ccc;
}
.productDetails .lpSlider .zoomBtn.on {
  color: #dd2020;
}
/********  price info  **********/
.activeDisplay,
.productPriceInfo {
  line-height: 28px;
}
.productDetails .productPriceInfo {
  margin: 0px 16px 0 0;
  float: left;
  text-align: left;
}
.productDetails .priceInstead {
  min-height: 16px;
}
.productDetails .priceLabel {
  font-weight: bold;
  font-size: 14px;
}
.productDetails .price {
  font-weight: bold;
  font-size: 20px;
}
.productDetails .vatText {
  font-size: 10px;
  line-height: 20px;
}
.bruttoPriceBlock {
  font-size: 12px;
  line-height: 20px;
}
.activeDisplayName {
  font-size: 14px;
  font-weight: bold;
}
.activeDisplayPrice {
  float: right;
}
/*************** variants **************/
.productDetails .productVariantName {
  font-weight: bold;
  font-size: 14px;
  padding: 4px;
}
.productVariant .lpOptionGroup td .lpChk0,
.productVariant .lpOptionGroup td .lpChk1 {
  margin-top: 5px;
}
.productDetails .lpOptionGroup,
.optionGroupSelectors {
  background: #fff;
  border: 1px solid #ccc;
}
.productDetails .lpOptionGroup tr:hover,
.optionGroupSelectors tr:hover {
  background: #eee;
}
td.variantName {
  text-align: left;
}
.inactive td {
  color: #aaa;
  font-style: italic;
}
.inactive td .iconContainer.iDel {
  color: #aaa;
}
td.variantPrice {
  min-width: 120px;
  text-align: right;
}
.lpPopupContent .productDetails {
  text-align: center;
}
/********  segmented variants optiongroup***********/
.productDetails .productVariant {
  float: left;
  margin-right: 32px;
}
.productVariantBlock {
  float: left;
}
.productDetails .lpOptionGroup tr:hover {
  cursor: pointer;
}
.productDetails .notOnStock,
.productDetails .onStock {
  float: left;
  margin-left: 0;
}
.productDetails .stockInfo {
  float: left;
  display: block;
  margin: 8px 0 10px 0;
}
.productDetails .stockInfo .stockText {
  margin-left: 14px;
}
.productDetails .stockInfo .deliveryText {
  font-size: 12px;
  margin-left: 4px;
}
.productDetails .shippingInfoButton,
.productDetails .stockInfoButton {
  display: inline-block;
  padding: 0px 0 10px 28px;
  line-height: 24px;
  font-weight: bold;
}
.spAvailableMsg {
  font-size: 0.9em;
}
/*************** quantity *****************/
.productDetails .productQuantity {
  float: right;
  /*margin-right:8px;*/
}
.productDetails .quatnityContainer {
  margin: 16px 0 4px 8px;
  float: left;
}
.productDetails .quatnityContainer input {
  float: left;
  width: 45px;
}
.productDetails .productUnit {
  float: left;
  margin: 18px 16px 0 4px;
}
/*********   sold out product  ***********/
.productDetails .soldOut {
  font-size: 32px;
  font-weight: bold;
  margin-top: 4px;
}
/*******   delivery time text  	 *********/
.wsCart .openHoursMessage,
.productDetails .openHoursMessage {
  display: inline-block;
  text-align: center;
  margin: 20px auto;
  border-radius: 4px;
  padding: 16px;
}
/*.productDetails .openHoursMessage{
	width:80%;
}*/
.wsCart .openHoursMessage .openHourDisplayTime,
.productDetails .openHoursMessage .openHourDisplayTime {
  font-weight: bold;
  font-size: 1.5em;
  line-height: 2.5em;
}
.openHourLink .openHoursMore {
  text-decoration: underline;
}
/*************** article no ****************/
.productArticle {
  display: inline-block;
  float: left;
  min-width: 110px;
  font-size: 12px;
  color: #808080;
}
.productArticle.articleName {
  padding-left: 40px;
}
/*********** prodcut extra  *********/
.productSpecialPrice h3,
.productExtra h3 {
  margin-top: 10px;
  margin-bottom: 16px;
}
.productSpecialPrice,
.productExtra {
  display: inline-block;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}
/***********  quantity prices  *************/
.productSpecialPriceBlock {
  float: left;
  display: inline-block;
  margin: 6px;
  padding: 6px;
}
/********* prodcut extra, single  ********/
.productExtraSingle {
  float: left;
  display: inline-block;
  margin: 6px;
  padding: 6px;
}
/********* prodcut extra, multiple, table  ********/
.productExtraBlock {
  /*display:inline-block;
	float:left;
	margin-right:16px;*/
  display: inline-block;
  width: 70%;
  margin: auto;
  margin-bottom: 20px;
}
.productExtraBlock input {
  float: right;
}
.productExtraTable {
  background: #fff;
  border: 1px solid #ccc;
  width: 100%;
  table-layout: auto;
}
.productExtraTable tr:hover {
  background: #eee;
}
label.productExtraTitle {
  margin-right: 8px;
}
.productExtraRow {
  font-size: 14px;
  clear: both;
}
.productExtraOption {
  font-size: 14px;
  display: inline-block;
  float: left;
  margin-right: 16px;
}
.productExtraOption label {
  min-width: 135px;
}
.productExtraOption .lpChkContainer {
  float: left;
  width: auto;
}
.productExtraOption .productExtraVariant,
.productExtraOption .productExtraQuantity {
  float: left;
  min-width: 40px;
}
.productExtraOption .productExtraPrice {
  float: left;
  min-width: 40px;
  text-align: right;
}
.productExtraRow .productExtraVariant,
.productExtraRow .productExtraQuantity {
  float: left;
  min-width: 110px;
  text-align: right;
  margin-right: 10px;
}
.productExtraRow .productExtraPrice {
  float: left;
  min-width: 80px;
  text-align: right;
}
.productExtraTable td .lpChkContainer {
  margin-top: 6px;
}
.extraContainer {
  width: 100%;
  display: inline-block;
  position: relative;
}
.extraContainer label {
  width: 100%;
  padding-right: 20px;
  text-align: left;
}
.extraContainer .lpChkContainer {
  position: absolute;
  right: 0;
  top: 0;
}
td.doubleQty .lpChkContainer {
  float: right;
}
td.extraPrice {
  text-align: right;
  font-size: 0.8em;
}
/******** product extra, select ********/
.productExtraSelectBlock {
  display: inline-block;
  width: 100%;
  text-align: left;
  padding-bottom: 8px;
}
.productExtraSelectBlock .productExtraTitle {
  float: left;
  width: 50%;
  font-weight: bold;
}
.productExtraSelectBlock .selectContainer {
  float: left;
  width: 50%;
}
.extraItem .selectValue {
  float: right;
}
.extraItem .itemPlaceholder {
  background: none;
}
/*.selectImg{
		display:block;
		width:60px;
		height:60px;
	}

/********* details table ***********/
.productData {
  display: inline-block;
  width: 100%;
  padding: 20px 40px;
}
.productDetails .propertyBlock {
  width: 100%;
  table-layout: auto;
}
.productDetails td.propertyName {
  font-weight: bold;
  padding-left: 0;
}
/*******  footer price info  *******/
.productDetails h2.goodPrice {
  font-size: 16px;
  color: #aaa;
  text-align: center;
  border-top: 1px solid #ccc;
  padding-top: 16px;
}
@media (max-width: 760px) {
  td.variantPrice {
    min-width: 50px;
  }
  .productExtraBlock {
    margin-right: 0;
  }
  .productData,
  .productOrderFormInner {
    padding: 20px 8px;
  }
  .productArticle.articleName {
    padding-left: 8px;
  }
  .productExtraSelectBlock .selectContainer,
  .productExtraSelectBlock .productExtraTitle {
    width: 100%;
  }
}
@media (max-width: 500px) {
  .productExtraBlock {
    width: 100%;
  }
  .extraContainer label {
    margin-right: 0;
    width: auto;
  }
  .ui-selectmenu-button.ui-button {
    max-width: 90%;
  }
}