﻿
/*#shopCategories
{
    margin-bottom: 50px;
}*/

#shopCategories
{
    display: none;
}

#shopDescriptionTop {
    margin-bottom: 20px;
}

#productSearchContainer
{
    position: relative;
    height: 60px;
    line-height: 80px;
    padding-top: 0;
    background-color: #fff;
}

#container.shopDetailViewActive #productSearchContainer
{
    display: none;
}

#productSearchContainer.searchTop
{
    height: 40px;
    padding: 20px 0 0 10px;
}

#productSearchContainer.searchTop #productSearchButton
{
    margin-top: 20px;
    right: 20px;
}

#productSearchInput
{
    border: 1px solid #8D2036;
    color: #333;
    float: left;
    font-size: 14px;
    height: 38px;
    margin: 0;
    padding: 0 0 0 10px;
    width: calc(100% - 52px);
    border-radius: 0;
}

#productSearchButton
{
    border: 1px solid #8D2036;
    margin: 0;
    padding: 0;
    height: 38px;
    width: 40px;
    display: inline-block;
    background-color: #8D2036;
    position: absolute;
    right: 0;
    top: 0;
}

#productSearchButton:hover
{
    border: 1px solid #24295A;
    background-color: #24295A;
}

#productSearchButton .fa-search{
    position: absolute;
    top: 10px;
    left: 10px;
    color: #fff;
    font-size: 18px;
}


#shopContainer
{
    position: relative;
}

#shopContainer h1
{
    margin-bottom: 5px;
}

#shopContainer input[readonly],
#shopContainer input.text,
#shopContainer input[type="text"],
#shopContainer input[type="password"],
#shopContainer select,
#shopContainer textarea {
    border: 1px solid #696969;
    border-radius: 3px 3px 3px 3px;
    height: 30px;
    width: 280px;
    padding: 0 5px;
}

#shopContainer input,
#shopContainer select,
#shopContainer textarea {
    color: #222222;
    font-style: normal;
    font-variant: normal;
}

#shopContainer input[type="checkbox"],
#shopContainer input[type="radio"] {
    margin: 7px 10px 7px 0;
}

/* ShopCart */
#shopCart {
    float: right;
    position: relative;
    margin-bottom: 8px;
    margin-top: 10px;
    margin-right: 15px;
    z-index: 9999;
}

.shopCartViewActive #shopCart
{
    display: none;
}

#shopCartImageDiv
{
    float: left;
    height: 22px;
    margin-top: 0px;
    width: 22px;
}

#shopCartInfoDiv
{
    float: left;
    padding: 0;
}

#shopCartInfoDiv a,
#shopCartInfoDiv a:visited
{
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
    padding: 0 0 0 5px;
    text-decoration: none;
}

#shopCartInfoDiv a:hover
{
    text-decoration: underline;
}


#shopCartCkeckoutButtonDiv
{
    display: none !important;
}

#shopAccount
{
    background-color: #fff;
    padding: 15px 5px 8px 15px;
    margin-bottom: 7px;
}

#shopAccountNavigation
{
    margin: 0;
    padding: 0;
}

#shopAccountNavigation li
{
    list-style: none outside none;
    padding-bottom: 3px;
}



/****** Cart navigation ************/
.checkOutCartNavigationContainer {
    overflow: hidden;
    border: 1px solid #8D2036;
    background-color: #F4F4F4;
    margin-bottom: 30px;
    position: relative;
}

.checkOutCartNavigationContainerSummary
{
    background-color: #8D2036;
}

.checkOutCartNavigationContainer a
{
    width: 21%;
    display: block;
    float: left;
    height: 38px;
    line-height: 38px;
    padding: 0 0 0 15px;
    text-decoration: none;
    color: #5E5E5E;
    background-color: #F4F4F4;
}


.checkOutCartNavigationContainer a, .checkOutCartNavigationContainer a:visited
{
    color: #5E5E5E;
}

.checkOutCartNavigationContainer span
{
    width: 21%;
    float: left;
    height: 38px;
    padding: 0 0 0 15px;
    color: #5E5E5E;
    line-height: 38px;
}

.checkOutCartNavigationContainer .active
{
  background-color: #8D2036;
  color: #ffffff;
}

.checkOutCartNavigationContainer .noActive:hover
{
    color: #8D2036;
    font-weight: bold;
}

.checkOutCartNavigationContainer .arrow
{
    float:left;
    height: 38px;
    width: 10px;
    background-color: #f4f4f4;
}

.checkOutCartNavigationContainer .arrow:before,
.checkOutCartNavigationContainer .arrow:after {
	position: absolute;
	width: 1px;
	background: #8D2036;
	content: '';
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
    margin-left: 10px;
}


.checkOutCartNavigationContainer .arrow:before
{
    -webkit-transform: translateX(-50%) rotate(-150deg);
	transform: translateX(-50%) rotate(-150deg);
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
    bottom: 19px;
    height: 28px;

}

.checkOutCartNavigationContainer .arrow:after
{
    top: 50%;
    height: 50%;
	-webkit-transform: translateX(-50%) rotate(-210deg);
	transform: translateX(-50%) rotate(-210deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
    height: 28px;
    top: 19px;
}

.checkOutCartNavigationContainer .arrowRightActive:after,
.checkOutCartNavigationContainer .arrowRightActive:before
{
    margin-left: 20px;
    width: 15px;
}

.checkOutCartNavigationContainer .arrowLeftActive:after,
.checkOutCartNavigationContainer .arrowLeftActive:before
{
    margin-left: 27px;
    width: 11px;
}


/* *** Category Navigation ********/

#shopCategories ul
{
    margin: 0;
    padding: 0;
}

#shopCategories li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#shopCategories a
{
    color: #484949;
    text-decoration: none;
}

#shopCategories a:hover
{
    color: #8D2036;
}

#shopCategories .current
{
    color: #8D2036;
    font-weight: 600;
    text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.4); 
}



/* *** Category Pagination ********/
#shopProducts .paginationContainer
{
    float: right;
    margin-bottom: 10px;
}

#shopProducts .paginationContainer ul,
#shopProducts .paginationContainer li
{
    padding: 0;
    margin: 0;
}

#shopProducts .paginationContainer li
{
    list-style: none;
    display: inline-block;
    border: solid 1px #8D2036;
    height: 30px;
    width: 30px;
    margin-right: 2px;
}

#shopProducts .paginationContainer li.current,
#shopProducts .paginationContainer li:hover
{
    background-color: #8D2036;
}

#shopProducts .paginationContainer li.paginationPoints,
#shopProducts .paginationContainer .paginationPoints:hover
{
    border: none;
    background-color:#fff;
    width: 15px;
    height: 20px;
    margin: 0;
    vertical-align: bottom;
}

#shopProducts .paginationContainer li a
{
    display: block;
    text-align: center;
    line-height: 30px;
}

#shopProducts .paginationContainer li a:hover,
#shopProducts .paginationContainer li a.current
{
    color: #fff;
}

/* Properties */

#shopProperties
{
    margin-bottom: 30px;
}

.shopPropertyContainer,
.propertyEntryContainer,
#propertyResetContainer
{
    margin: 0;
    padding: 0;
}

.shopPropertyContainer li
{
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: pointer;
}

.shopPropertyContainer > li
{
    margin: 0 0 1px 0;
}

#propertyResetContainer #propertyReset
{
    color: #484949;
    display: block;
    background-color: #E2E2E2;
    padding: 3px 0 5px 5px;
    font-size: 13px;
}

.propertyResetIcon
{
    margin-right: 5px;
    font-size: 11px;
}

.propertyResetContainerHidden
{
    display: none;
}

.shopPropertyContainer .propertyTitle
{
    color: #fff;
    display: block;
    background-color: #8D2036;
    padding: 3px 0 5px 5px;
}

.propertyEntryContainer
{
    height: 28px;
    overflow: hidden;

}

.propertyEntryContainerExpanded
{
    height: auto;
}

.propertyTitleIcon
{
    float: right;
    margin-right: 7px;
    margin-top: 6px;
    font-size: 10px;
}

.propertyIcon
{
    width: 17px;
    margin-left: 3px;
}

.propertyEntryContainer p
{
    margin: 0;
    padding: 0;
}

.propertyEntryContainer input
{
    border: 0;
}

#slider-range
{
    margin: 5px 10px 5px 9px;
}

.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active
{
    border:1px solid #8D2036;
    background:#8D2036;
}

/* Property tabs */
.ShopProductDetailItemTabViewContainer
{
    margin-top: 20px;
    overflow: hidden;
}

.ShopProductDetailItemTabViewContainer ul
{
    margin: 0;
    padding: 0;
}

.tabs {
    width:100%;
    display:inline-block;
}
 
/*----- Tab Links -----*/

.tab-links
{
    background-color: #8d2036;
}

/* Clearfix */
.tab-links:after {
    display:block;
    clear:both;
    content:'';
    
}
 
.tab-links li {
    margin:0;
    float:left;
    list-style:none;
}
 
.tab-links a {
    padding:9px 15px;
    display:inline-block;
    background:#8d2036;
    color: #fff;
    font-size:16px;
    font-weight:600;
    text-decoration: none;
    border-right: 1px solid #F2F2F2;
}

.tab-links a:visited
{
    color: #fff;
}
 
.tab-links a:hover {
    background:#934B5C;
    text-decoration:none;
    color: #fff;
}
 
.tab-links li.active a,
.tab-links li.active a:hover {
    background-color: #F2F2F2;
    color:#484949;
}
 
/*----- Content of Tabs -----*/
.tab-content {
    background-color: #F2F2F2;
    padding:15px;
    border-radius:3px;
}
 
.tab {
    display:none;
}
 
.tab.active {
    display:block;
}

.propertyDescription
{
    margin-bottom: 15px;
}

/****/

#content .ShopProductContainer
{
    clear: both;
    margin-bottom: 20px;
}


#content .ShopProductContainer {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; 
    margin: 0 auto;
    padding: 0;
    justify-content: flex-start; 
}

/* Each product card */
#content .ShopProductItem {
    display: flex;
    flex-direction: column; 
    flex: 1 1 220px;
    max-width: 260px;
    box-sizing: border-box;
    padding: 14px;
    border: 1px solid #ccc;
    border-radius: 8px; 
    background-color: #fff;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ShopProductItem
{
    position: relative;
    overflow: hidden;
    width: 100%;
    font-size: 13px;
    line-height: 18px;
}

.ShopProductItemImage
{
     text-align: center;
}


#content .ShopProductItemImage img {
    margin: 0;
    max-height: 190px;
    max-width: 60px;
}

.ShopProductItemInformation
{
    overflow: hidden;
    margin-bottom: 45px;
}

.ShopProductItemArticleNumber
{
    float: left;
    margin-right: 5px;
    min-width: 30px;
}

.ShopProductItemTitel
{
    margin-bottom: 8px;
}

.ShopProductItemDeliverable
{
    position: relative;
    margin-top: 5px;
}

.ShopProductItemDeliverable .outofstock,
.ShopProductItemDeliverable .instock
{
    padding-left: 17px;
}

.ShopProductItemDeliverable .outofstock:before,
.ShopProductItemDeliverable .instock:before
{
    content:' ';
    background-color: #FFA500;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 3px;
}

.ShopProductItemDeliverable .outofstock:before
{
    background-color: #FFA500;
}

.ShopProductItemDeliverable .instock:before
{
    background-color: #32CD32;
}

.ShopProductItemPriceContainer
{
    margin-top: 5px;
}

.ShopProductItemPrice
{
    font-weight: 700;   
}

.ShopProductItemPrice.ShopProductPriceDiscounted
{
    color: #298900;
}

.ShopProductPriceWithoutDiscount
{
    font-weight: 300; 
    color: #484949;
}

.ShopProductPriceDiscountPercent.circle
{
    background-color: rgba(41, 137, 0, 0.9);
    border-radius: 50%;
	width: 36px;
    height: 36px;
    padding: 7px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 32px;
    text-shadow: 2px 2px #4C4C4C;
    position: absolute;
    top: 15px;
    left: 0;
    border: 1px solid #fff;
}

.ShopProductDetailItemPriceContainer .ShopProductPriceDiscountPercent.circle
{
    width: 50px;
    height: 50px;
    font-size: 23px;
    line-height: 47px;
}

.ShopProductItemTitel a h1
{
    font-size: 14px;
    line-height: 17px;
}

.ShopProductItemTitel a
{
    text-decoration: none;
    color: #3f3f3e;
}

.ShopProductItemTitel a:hover
{
    text-decoration: underline;
}

.ShopProductItemFooter {
    bottom: 5px;
    left: 5px;
    position: absolute;
    right: 5px;
}

.ShopProductItemDetailButton, .ShopProductItemDetailButton:visited
{
    text-decoration: none;
    background: #8D2036 url('../../layout/images/Shop/details.png') 10px 8px no-repeat;
    color: #fff;
    border-radius: 4px;
    display: table-cell;
    vertical-align: middle;
    height: 30px;
    width: 60px;
    padding-left: 35px;
}

.ShopProductItemDetailButton:hover
{
    background-color: #24295A;
    color: #fff;
    text-decoration: none;
}

.ShopProductItemCartButtonDiv
{    
    clear: both;
    float: right;
    position: relative;
}

.ShopProductItemQuantity
{
    position: relative;
    float: right;
}

.ShopProductItemQuantityTooltip
{
    position: absolute;
    right: 0;
    bottom: 35px;
    background-color: #fff;
    border: 1px solid #999999;
    color: #000;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    padding: 10px;
    z-index: 11;
    font-size: 11px;
    display: none;
}

.ShopProductItemQuantityTooltip.show
{
    display: inherit;
}

.ShopProductItemQuantityTooltipCloseButton
{
    position: absolute;
    top:5px;
    right: 5px;
    font-size: 14px;
    color: #8D2036;
}

.ShopProductItemQuantityTooltipCloseButton:hover{
    color:#24295A;
    cursor: pointer;
}

#shopContainer input.ShopProductItemQuantityInputPlus,
#shopContainer input.ShopProductItemQuantityInputMinus 
 {
   width:26px;
   height:30px;
   text-align:center;
   background-color: #8D2036;
   border: none;
   color:#fff;
}

#shopContainer input.ShopProductItemQuantityInputPlus
{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#shopContainer input.ShopProductItemQuantityInputMinus
{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}


#shopContainer input.ShopProductItemQuantityInputPlus:hover,
#shopContainer input.ShopProductItemQuantityInputMinus:hover 
{
    background-color: #24295A;
}

#shopContainer input.ShopProductItemQuantityInput {
    width: 30px;
    height: 28px;
    text-align:right;
    border: 0;
    border-top: 1px solid #8D2036;
    border-bottom: 1px solid #8D2036;
    border-radius: 0;
    vertical-align: top;
    font-size: 12px;
}


#shopContainer .ShopProductItemAttribute select
{
    min-width: 127px;
    border-radius: 3px;
    height: 23px;
    font-size: 14px;
    width: auto;
    padding: 2px 2px 2px 2px;
}

.ShopProductItemAttributeContainer
{
    display: none;
}

.ShopProductItemCartButton
{
    background: #8D2036 url('../../layout/images/Shop/addToCart.png') 11px 8px no-repeat;
    border-radius: 4px;
    display: inline-block;
    height: 30px;
    text-indent: -9000px;
    width: 40px;
    vertical-align: top;
    margin-left: 5px;
}

.ShopProductItemCartButton:hover
{
    background-color: #24295A;
    cursor: pointer;
}

#productWaitCursor
{
    background-color: rgba(255, 255, 255, 0.8); 
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
}

#productWaitCursor span
{
    margin-top: 40px;
    text-align: center;
    width: 100%;
}

.ShopProductItemInformationWrapper1 {
    float: left;
}

.ShopProductItemInformationWrapper2 {
    overflow: hidden;
}

.ShopProductItemImageContainer {
    margin-right: 15px;
}


/*** Cart Overview ***/
.CartOverviewTable
{
    display: table;
    border-collapse: collapse;
}

.CartOverviewItem
{
     display: table-row;
     border-bottom: 1px solid #8D2036;
}

.CartOverviewItemImage
{
    padding: 8px 20px 5px 0;
}

#content .CartOverviewItemImage img
{
    max-width: 80px;
    margin: 0;
    padding: 0;
}

.CartOverviewItemTitle
{
    display: table-cell;
    width: 100%;
    vertical-align: top; 
    padding: 8px 20px 5px 0;
}

.CartOverviewItemArticleNumber
{
}

.CartOverviewItemTitleValue
{
    font-weight: bold;
}

.CartOverviewItemAttribute
{
    font-size: 13px;
    height: 24px;
}

.CartOverviewItem:first-child .CartOverviewItemTitle
{
    padding: 0 0 7px 0;
    font-weight: bold;
}

.CartOverviewItem:first-child .CartOverviewItemProductNumber,
.CartOverviewItem:first-child .CartOverviewItemRemove,
.CartOverviewItem:first-child .CartOverviewItemPrice,
.CartOverviewItem:first-child .CartOverviewItemQuantity
{
    padding: 0 30px 7px 0;
    font-weight: bold;
}

.CartOverviewItem:first-child .CartOverviewItemTotalPrice
{
    padding: 0 0 7px 0;
    font-weight: bold;
}


.CartOverviewItemProductNumber
{
    display: table-cell;
    vertical-align: top;
    text-align: right;
    padding: 0 30px 5px 0;
}

.CartOverviewItemRemove
{
    display: table-cell;
    vertical-align: top; 
    padding: 8px 30px 5px 0;
}

#shopContainer input.CartOverviewItemRemoveButton
{
    background-color: #fff;
    border: none;
    color: #8D2036;
    padding: 0;
}


.CartOverviewItemRemoveButton:hover
{
    text-decoration: underline;
    color: #24295A;
}

.CartOverviewItemPrice
{
    display: table-cell;
    vertical-align: top;
    text-align: right;
    padding: 8px 30px 5px 0;
}

.CartOverviewItemQuantity
{
    display: table-cell;
    vertical-align: top; 
    text-align: right;
    padding: 8px 30px 5px 0;
}

.CartOverviewItemQuantityDesc {
    display: none;
}

.CartOverviewItemQuantityInputContainer
{
    width: 120px;
}

#shopContainer input.CartOverviewItemQuantityInput {
    width: 50px;
    height: 26px;
    text-align:right;
    border: 0;
    border-top: 1px solid #8D2036;
    border-bottom: 1px solid #8D2036;
    border-radius: 0;
}

#shopContainer input.CartOverviewItemQuantityInputNotNumericStyle {
    background-color: #ff5c4c;
}

#shopContainer input.CartOverviewItemQuantityInputPlus,
#shopContainer input.CartOverviewItemQuantityInputMinus 
 {
   width:28px;
   height:28px;
   text-align:center;
   background-color: #8D2036;
   border: none;
   color:#fff;
}

#shopContainer input.CartOverviewItemQuantityInputPlus
{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#shopContainer input.CartOverviewItemQuantityInputMinus
{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}


#shopContainer input.CartOverviewItemQuantityInputPlus:hover,
#shopContainer input.CartOverviewItemQuantityInputMinus:hover 
{
    background-color: #24295A;
}

.CartOverviewItemTotalPrice
{
    display: table-cell;
    vertical-align: top;
    text-align: right;
    padding: 8px 0 5px 0;
}

.CartOverviewItemPriceDesc,
.CartOverviewItemTotalPriceDesc
{
    display: none;
}

.CartOverviewTotal
{
    float: right;
    margin-top: 20px;
}

.CartOverviewTotalDescr
{
    clear: both;
    float: right;
}

.CartOverviewTotalPreVatPriceInfoLabel
{
    float: left;
    margin-right: 10px;
}

.CartOverviewTotalPreVatPriceInfo
{
    float: right;
}

.CartOverviewTotalVatInfoLabel
{
    clear: both;
    float: left;
    margin-right: 10px;
}

.CartOverviewTotalVatInfo
{
    float: right;
}

.CartOverviewTotalPriceInfoLabel
{
    clear: both;
    float: left;
    margin-right: 10px;
    font-weight: 700;
}

.CartOverviewTotalPriceInfo
{
    float: right;
    font-weight: 700;
}

.CartOverviewTotalPriceInfoNoVat
{
    font-weight: 700;
}

#shopCartAddressButtonDiv,
#shopCartAddressFormButtonDiv,
#shopCartAddressRegisterButtonDiv,
#accountLoginButtonDiv,
#accountChangePasswordButtonDiv,
#resetPasswordButtonDiv,
#shopCartPaymentMethodButtonDiv,
#shopCartSummaryButtonDiv,
#requestPasswordResetButtonDiv,
#resetPasswordButtonDiv,
#shopCartAddressRegisterDirectButtonDiv
{
    clear: right;
    float: right;
    height: 41px;
    margin-top: 20px;
}

#shopCartAddressButton,
#shopCartAddressFormButton,
#shopCartAddressRegisterButton,
#accountLoginButton,
#accountChangePasswordButton,
#resetPasswordButton,
#shopCartPaymentMethodButton,
#shopCartSummaryButton,
#requestPasswordResetButton,
#resetPasswordButton,
#shopCartAddressRegisterDirectButton,
#shopCartSendOrderButton,
#shopCartBackToShopButton,
#shopCartBackToCartButton2,
#shopCartBackToCartButton,
#shopCartBackToAddressButton,
#shopCartBackToPaymentMethodButton,
#shopGoToCartButton,
#shopGoToShopButton
{
    background-color: #8D2036;
    border-radius: 4px;
    color: #fff;
    display: table-cell;
    height: 35px;
    text-decoration: none;
    vertical-align: middle;
    padding: 0 10px;

}

#shopCartAddressButton:hover,
#shopCartAddressFormButton:hover,
#shopCartAddressRegisterButton:hover,
#accountLoginButton:hover,
#accountChangePasswordButton:hover,
#resetPasswordButton:hover,
#shopCartPaymentMethodButton:hover,
#shopCartSummaryButton:hover,
#requestPasswordResetButton:hover,
#resetPasswordButton:hover,
#shopCartAddressRegisterDirectButton:hover,
#shopCartSendOrderButton:hover,
#shopCartBackToShopButton:hover,
#shopCartBackToCartButton2:hover,
#shopCartBackToCartButton:hover,
#shopCartBackToAddressButton:hover,
#shopCartBackToPaymentMethodButton:hover,
#shopGoToCartButton:hover,
#shopGoToShopButton:hover
{
    background-color: #24295A;
}

.shopProductSubmitButtonContainer input
{
    border: none;
}

#shopProductHasBeenAddedToCartButtonCart
{
    float: right;
}

#shopProductHasBeenAddedToCartButtonShop
{
    float: left;
}

.shopProductSubmitButtonContainer
{
    margin-top: 20px;
}

#shopCartBackToShopButtonDiv,
#shopCartBackToCartButtonDiv,
#shopCartBackToCartButtonDiv2,
#shopCartBackToCartButtonDiv3,
#shopCartBackToAddressButtonDiv,
#shopCartBackToPaymentMethodButtonDiv
{
    clear: right;
}


#checkOutCartAddressAlreadyCustomerContainer,
#checkOutCartAddressAlreadyRegisterNewContainer,
#checkOutCartAddressOrderAsGuestContainer
{
    background-color: #FCFBF9;
    border: 1px solid #8D2036;
    margin-bottom: 20px;
    padding: 7px 0 7px 10px;
    border-radius: 4px;
}


.shopCartLoginRadioButton
{
    font-weight: bold;
    font-size: 14px;
    margin-left: -5px;
}

.shopCartLoginRadioButton label
{
    margin-left: 5px;
}

#loginEMailAddressContainer
{
    float: left;
    height: 60px;
    width: 220px;
}

#registerNewPasswordContainer,
#registerNewPassword2Container
{
    margin-top: 10px;
}

#checkOutCartSummaryInfoContainer
{
    float: left;
    clear: right;
    margin-bottom: 30px;
}

#checkOutCartSummaryInfoContainer dl {
    float: left;
}

#checkOutCartSummaryInfoContainer dd, #checkOutCartSummaryInfoContainer dt {
    border: 0 none;
    height: auto;
}

#checkOutCartSummaryInfoContainer dt {
    clear: left;
    float: left;
    width: 180px;
}

#checkOutCartSummaryInfoContainer dd {
    display: block;
    float: left;
    padding-bottom: 5px;
}


#shopCartSendOrderButtonDiv
{
    clear: both;
    float: right;
    height: 41px;
    margin-top: 20px;
}

#shopCartSendOrderButton
{
    float: right;
    height: 30px;
    padding-top: 7px;
}

#checkOutCartSummaryPayPalInfo
{
    clear: both;
}

#checkOutCartAddressContainer
{
    overflow: hidden;
}

#checkOutCartAddressMainAddress
{
    overflow: hidden;
}

#checkOutCartAddressShipAddress #addressShipAddressTextBox
{
    height: 145px;
    width: 400px;
    font-size: 14px;
}

#checkOutCartAddressContainer dd, #checkOutCartAddressContainer dt {
    border: 0 none;
    height: auto;
}

#checkOutCartAddressContainer dt {
    clear: left;
    float: left;
    padding-top: 3px;
    width: 85px;
}

#checkOutCartAddressContainer dd {
    display: block;
    float: left;
    padding-bottom: 5px;
}

#checkOutCartAddressShipAddress
{
    clear: both;
    margin-top: 20px;
}

#checkOutCartAddressContainer .shopAddressInputNotValid
{
    background-color: #FF5C4C;
}

.shopErrorLabel
{
    color: #FF5C4C;
}

.shopValidLabel
{
    color: #2D9900;
}

/********* Shop Product detail ************/

#shopProducts
{
    clear: both;
    position: relative;
    overflow: hidden;
}

#shopProducts h1, #shopProducts h2, #shopProducts h3,
#shopProducts h4, #shopProducts h5, #shopProducts h6
{
    margin: 0;
    padding: 0;
}

#shopProducts p:last-child
{
    padding: 0;
}


.ShopProductDetailBackLink
{
    margin: 10px 0 10px 0;
}

#shopProductDetail
{
    position: relative;
    clear: both;
}

.ShopProductDetailItem
{
    position: relative;
}

.ShopProductDetailItemBackButton
{
     
}

.ShopProductDetailItemBackButton a, .ShopProductDetailItemBackButton a:visited
{
    text-decoration: none;
    background: #8D2036 url('../../layout/images/Shop/back.png') 10px 12px no-repeat;
    color: #fff;
    border-radius: 4px;
    display: table-cell;
    vertical-align: middle;
    height: 35px;
    width: 105px;
    padding-left: 35px;
}

.ShopProductDetailItemBackButton a:hover
{
    background-color: #24295A;
    color: #fff;
}

.ShopProductDetailItemTitel
{
    margin-top: 15px;
}

.ShopProductDetailItemTitel h1
{
    margin: 0;
}

.ShopProductDetailItemProductNumber
{
    margin-left: 250px;
    margin-top: 10px;
}

.ShopProductDetailItemFullDesc
{
    margin-top: 15px;
}

.ShopProductDetailItemDesc2
{
    margin-left: 250px;
}

.ShopProductDetailItemDeliverable
{
    margin-top: 15px;
    margin-left: 250px;
    position: relative;
}

.ShopProductDetailItemDeliverable .outofstock,
.ShopProductDetailItemDeliverable .instock
{
    padding-left: 17px;
}

.ShopProductDetailItemDeliverable .outofstock:before,
.ShopProductDetailItemDeliverable .instock:before
{
    content:' ';
    background-color: #FFA500;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0;
    top: 3px;
}

.ShopProductDetailItemDeliverable .outofstock:before
{
    background-color: #FFA500;
}

.ShopProductDetailItemDeliverable .instock:before
{
    background-color: #32CD32;
}

.ShopProductDetailItemImagesContainer
{
    float: left;
    margin-right: 40px;
}

#content .ShopProductDetailImage img {
    margin: 0;
    padding: 0;
    max-height: 600px;
    max-width: 200px;
}

.ShopProductDetailImageDesc,
.ShopProductDetailImageHelpText
{
    display: none;
}

.ShopProductDetailItemPDFContainer
{
    margin-top: 15px;
}

.ShopProductDetailItemPriceContainer
{
    margin-top: 15px;
}

.ShopProductDetailItemPriceNoVatContainer
{
    float:left;
    margin-right: 100px;
}

.ShopProductDetailItemPrice
{
    font-weight: 700;
}


.ShopProductDetailItemPropertyContainer
{
    overflow: hidden;
}

.ShopProductDetailItemPropertyContainer dl {
}

.ShopProductDetailItemPropertyContainer dd,
.ShopProductDetailItemPropertyContainer dt {
    border: 0 none;
    height: auto;
    margin: 0;
    padding: 0;
}

.ShopProductDetailItemPropertyContainer dt {
    clear: left;
    float: left;
    width: 135px;
}

.ShopProductDetailItemPropertyContainer dd {
    /*display: block;
    float: left;
    padding-bottom: 5px; */
    overflow: hidden;
    padding-bottom: 5px;
}

.ShopProductDetailItemQuantity
{
    float: left;
    margin-right: -1px;
}

.ShopProductDetailItemQuantityTooltip
{
    position: absolute;
    left: 250px;
    bottom: 35px;
    background-color: #fff;
    border: 1px solid #999999;
    color: #000;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    padding: 10px;
    z-index: 11;
    font-size: 11px;
    display: none;
}

.ShopProductDetailItemQuantityTooltip.show
{
    display: inherit;
}

.ShopProductDetailItemQuantityTooltipCloseButton
{
    position: absolute;
    top:5px;
    right: 5px;
    font-size: 14px;
    color: #8D2036;
}

.ShopProductDetailItemQuantityTooltipCloseButton:hover{
    color:#24295A;
    cursor: pointer;
}

#shopContainer input.ShopProductDetailItemQuantityInputPlus,
#shopContainer input.ShopProductDetailItemQuantityInputMinus 
 {
   width:30px;
   height:35px;
   text-align:center;
   background-color: #8D2036;
   border: none;
   color:#fff;
   font-size: 20px;
}

#shopContainer input.ShopProductDetailItemQuantityInputPlus
{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#shopContainer input.ShopProductDetailItemQuantityInputMinus
{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}


#shopContainer input.ShopProductDetailItemQuantityInputPlus:hover,
#shopContainer input.ShopProductDetailItemQuantityInputMinus:hover 
{
    background-color: #24295A;
}

#shopContainer input.ShopProductDetailItemQuantityInput {
    width: 50px;
    height: 33px;
    text-align:right;
    border: 0;
    border-top: 1px solid #8D2036;
    border-bottom: 1px solid #8D2036;
    border-radius: 0;
    vertical-align: top;
    font-size: 14px;
}

#shopContainer .ShopProductDetailItemAttribute select
{
    min-width: 127px;
    border-radius: 3px;
    height: 25px;
    font-size: 14px;
    width: auto;
    padding: 2px 2px 2px 2px;
}


.ShopProductDetailItemAttributeContainer
{
    float: right;
    clear: right;
    position: relative;
}

.ShopProductDetailItemAttribute
{
    float: right;
    clear: right;
    position: relative;
    margin-bottom: 7px;
}

.ShopProductDetailItemAttributeName
{
   margin-right: 5px;
}

.ShopProductItemAttributeSelectDefaultStyle, .ShopProductDetailItemAttributeSelectDefaultStyle
{
    background-color: #ffffff;
    border: 1px solid #ABADB3;
}

.ShopProductDetailItemAttributeSelectValueNotSelectedStyle
{
    background-color: #FF5C4C;
    border: 1px solid #FF5C4C;
}

.ShopProductDetailItemQuantInputDefaultStyle
{
    background-color: #ffffff;
    border: 1px solid #ABADB3;
}

.ShopProductItemQuantityInputValueNotNumericStyle,
.ShopProductDetailItemQuantityInputValueNotNumericStyle,
.ShopProductItemQuantityInputValueNoMiniumOrderQuantityStyle,
.ShopProductDetailItemQuantityInputValueNoMiniumOrderQuantityStyle
{
    background-color: #FF5C4C;
    border: 1px solid #FF5C4C;
}

.ShopProductDetailItemCartButtonDiv
{
    margin-top: 20px;
}

.ShopProductDetailItemCartButton
{
    background: #8D2036 url('../../layout/images/Shop/addToCart.png') 9px 9px no-repeat;
    border-radius: 4px;
    display: inline-block;
    height: 35px;
    width: 140px;
    vertical-align: top;
    margin-left: 5px;
    padding-left: 35px;
    color: #fff;
    line-height: 33px; 
}

.ShopProductDetailItemCartButton:hover
{
    background-color: #24295A;
    cursor: pointer;
}

#accountLoginPasswordForgottenContainer
{
    margin-top: 16px;
}

/***** User fields *******/
.shopUserFieldTitle h1
{
    margin-top: 24px;
}

.userConfigBlock {
    margin-top: 15px;
}

#shopCartPaymentAdditionalUserFields .shopUserFieldMultiLineTextBox
{
    height: 180px;
    width: 80%;
    font-size: 14px;
}

.shopUserFieldRequested
{
    color: #FF5C4C;
}

#shopCartPaymentVoucher
{
    margin-top: 24px;
}

.shopUserFieldTextBoxLabel
{
    margin-right: 5px;
}

#cardImage1, #cardImage2, #cardImage3, #cardImage4, #cardImage5, #cardImage6
{
    float: left;   
}

#cardImage1Container,
#cardImage2Container,
#cardImage3Container,
#cardImage4Container,
#cardImage5Container,
#cardImage6Container
{
    float: left; 
    margin-right: 10px;
}

#cardDescrTextContainer
{
    clear: both;
}

#shopCartPaymentAdditionalUserFields img
{
    width: 100px;
}

.shopUserFieldRequested img
{
    border: 2px solid red;
}

textarea.shopUserFieldRequested
{
    border: 2px solid red !important;
}

/* Userfield jQuery Logic*/
.hideshopUserField
{
    display: none;
}

input.hideshopUserField > label
{
    display: none;
}


#shopNaviMenu
{
    background-color: #fff;
    padding: 20px 0 0 10px;
}

#shopNaviMenu.hideShopNaviMenu
{
    display: none;
}

#shopNaviMenu span
{
    color: #8D2036;
    background:#fff url('../../layout/images/naviIcon.png') 0 0 no-repeat;
    padding-left: 40px;
    width: 90px;
    height: 30px;
    display: block;
}

#shopNaviMenu span:hover
{
    cursor: pointer;
    color:#24295A;
    text-decoration: underline;
}

.shopCartViewActive #shopNaviMenu
{
    display: none;
}

.shopCartViewActive #leftColumns
{
    display: none;
}



@media screen and (max-width: 1430px)
{
    #shopContainer input.ShopProductItemQuantityInput {
        width: 25px;
        font-size: 11px;
    }

    .ShopProductItemDetailButton, .ShopProductItemDetailButton:visited
    {
        background: #8D2036 url('../../layout/images/Shop/details.png') 5px 10px no-repeat;
        background-size: 12px;
        border-radius: 4px;
        display: table-cell;
        vertical-align: middle;
        height: 30px;
        width: 50px;
        padding-left: 22px;
    }
}

@media screen and (max-width: 1350px)
{
    #content .ShopProductItem {
        padding: 12px 10px 12px 10px;
    }

    .ShopProductItemDesc2,
    .ShopProductItemDeliverable
    {
        font-size: 11px;
    }
}


@media screen and (max-width: 1275px)
{

}

@media screen and (max-width: 1050px)
{

}

@media screen and (max-width: 1024px)
{
    .ShopProductDetailItemImagesContainer
    {
        position: relative;
    }

    .ShopProductDetailItemBackButton,
    .ShopProductDetailItemProductNumber,
    .ShopProductDetailItemTitel,
    .ShopProductDetailItemDesc2,
    .ShopProductDetailItemFullDesc,
    .ShopProductDetailItemDeliverable,
    .ShopProductDetailItemPriceContainer,
    .ShopProductDetailItemPDFContainer,
    .ShopProductDetailItemCartButtonDiv
    {
        margin-left: 0;
    }

    .ShopProductDetailItemQuantityTooltip {
        position: absolute;
        left: 0;
    }
}

@media screen and (max-width: 900px)
{

}

@media screen and (max-width: 767px)
{
    .checkOutCartNavigationContainer .arrow
    {
        display: none;
    }

    .checkOutCartNavigationContainer a,
    .checkOutCartNavigationContainer span
    {
        width: auto;
        float: none;
        display: block;
    }

    .CartOverviewItem.CartOverviewItemHeader
    {
        display: none;
    }

    .CartOverviewTable,
    .CartOverviewItem,
    .CartOverviewItemTitle,
    .CartOverviewItemRemove,
    .CartOverviewItemPrice,
    .CartOverviewItemQuantity,
    .CartOverviewItemQuantity,
    .CartOverviewItemTotalPrice
    {
        display: block;
        padding-right: 0;
        text-align: left;
    }

    .CartOverviewItemTotalPrice
    {
        text-align: right;
    }

    .CartOverviewItemPriceDesc,
    .CartOverviewItemTotalPriceDesc,
    .CartOverviewItemQuantityDesc
    {
        display: inline;
        margin-right: 10px;
    }

    #checkOutCartAddressContainer dt,
    #checkOutCartAddressContainer dd,
    #checkOutCartSummaryInfoContainer dt,
    #checkOutCartSummaryInfoContainer dd
    {
        float: none;
        clear: none;
        margin: 0;
    }
   
    #shopContainer #checkOutCartAddressContainer input[type="text"],
    #shopContainer #checkOutCartAddressContainer textarea,
    #shopCartPaymentAdditionalUserFields input[type="text"],
    #shopCartPaymentAdditionalUserFields textarea,
    #shopCartPaymentAdditionalUserFields .shopUserFieldMultiLineTextBox
    {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    #checkOutCartAddressShipAddress #addressShipAddressTextBox {
        font-size: 14px;
        height: 145px;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }


}

@media screen and (max-width: 700px)
{
    #content .ShopProductItem {
        -ms-flex: 1 1 45%;
        -webkit-flex: 1 1 45%;
        flex: 1 1 45%;
        max-width: 100%;
    }
}

@media screen and (max-width: 500px)
{
    #content .ShopProductContainer {
        display: block;
    }

    #content .ShopProductItem {
        display: block;
        margin-bottom: 20px;
    }

        #content .ShopProductItem:before {
            display: none;
        }

        #content .ShopProductItem:after {
            display: none;
        }

    .ShopProductDetailItemPriceNoVatContainer
    {
        float: none;
        margin: 0;
    }

    .ShopProductDetailItemPriceVatContainer
    {
        margin-top: 20px;
    }
}