/* Errors */ div.PlentyError input[type=text], div.PlentyError input[type=password] { border:none; border:1px dashed #f44d4d!important; background-color:#fbe7e7; } div.PlentyErrorPane { display: none; color: white; font-size: 12pt; } .PlentyErrorMessageBox { background-color: #f36060; border: 1px dashed #9c2020 !important; margin-bottom:5px; padding:5px; } /* Box Settings*/ .PlentyWebBasketContainer { margin-bottom:15px; } #PlentyWebBasketTitleContainer { margin-top: 2px; } /* Box Headlines */ .PlentyWebBasketContainerTitle { border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; -khtml-border-radius: 6px 6px 0 0; background: #f8a300; background: -moz-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8a300), color-stop(100%, #f18000)); background: -webkit-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -o-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -ms-linear-gradient(top, #f8a300 0%, #f18000 100%); background: linear-gradient(to bottom, #f8a300 0%, #f18000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a300', endColorstr='#f18000', GradientType=0 ); /* rounded borders top left and right */ -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; /* rest */ color: #fff; font-size:18px; font-weight: bold; border: 1px solid #F59700; padding:5px 10px 5px 10px; } .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingCountryContainerTitle, .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketPaymentMethodContainerTitle, .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingMethodContainerTitle, .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainer, .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainerTitle { cursor:pointer; color:#fff; letter-spacing: 1px; } .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingMethodContainerTitle #WebBasketShippingMethodSelectedChange, .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketPaymentMethodContainerTitle #WebBasketPaymentMethodSelectedChange, .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingCountryContainerTitle #WebBasketShippingCountrySelectedChange, .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainerTitle #WebBasketCouponSelectedChange { color:#fff; } /* Box Body */ .PlentyWebBasketContainerContent { /* inner shadow*/ -moz-box-shadow: inset 0px 0px 3px #b5c6d0; -webkit-box-shadow: inset 0px 0px 3px #F59700; box-shadow: inset 0px 0px 3px #F59700; /* rounded bottom */ -khtml-border-radius-bottomleft:5px; -khtml-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; /* rest */ border: 1px solid #F59700; border-top:0; background-color:#fff; padding:10px; line-height:17px; } /* footer */ #PlentyWebBasketFooterContainerContent { text-align: right; border: none; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -khtm-box-shadow: none; border-bottom: 1px solid #F59700; } /* Box Head change Buttons */ #WebBasketShippingCountrySelectedChange, #WebBasketPaymentMethodSelectedChange, #WebBasketShippingMethodSelectedChange, #WebBasketCouponSelectedChange { font-size:12px; font-weight: bold; color: #FFF; float:right; margin-top: 2px; cursor:pointer; padding: 1px 5px; } /* Box slideable:hover */ .PlentyWebBasketOverlayMainPane > .PlentyWebBasketOverlayBackground { width: 100%; height: 100%; left: 0px; top: 0px; position: fixed; opacity: 0.5; background-color: black; } .PlentyWebBasketOverlayMainPane > .PlentyWebBasketOverlayContent { max-height: 80%; overflow: auto; min-width: 30%; width: 40%; top: 10%; left: 30%; position: fixed; z-index: 10001; } .PlentyWebBasketOverlayMainPane > .PlentyWebBasketOverlayClose { position: fixed; height: 35px; width: 35px; cursor: pointer; background-image: url(/images/icons/silk/overlay_close.png); top:8%; right:29%; z-index: 10002; } .ItemsDescriptionLink, .ItemsDescriptionLink * { color:#CB0403; font-weight:bold; } .AddWatchListLink a { padding:2px 5px; font-weight:bold; } #button_proceed_orderWebBasket2 { font-size:17px; } /* General Styles */ #PlentyOrderCheckoutAccordion { margin:10px 0 10px 0; clear:both; } /* Errors */ div.PlentyError input[type=text], div.PlentyError input[type=password] { border:none; border:1px dashed #f44d4d!important; background-color:#fbe7e7; } .PlentyError span { color:#f44d4d; } div.PlentyErrorPane { display: none; color: white; font-size: 12pt; } .PlentyErrorMessageBox { background-color: #f36060; border: 1px dashed #9c2020 !important; margin-bottom:5px; padding:5px; } .PlentyMandatoryField { font-weight:bold; } #PlentyOrderWebShippingMethodContent input, #PlentyOrderWebPaymentMethodContent input { margin-right:5px; } #PlentyOrderCheckoutButtonsTop > #PlentyOrderCheckoutButtonsOpenBasket { float:left; margin-bottom: 4px; } #PlentyOrderCheckoutButtonsTop > #PlentyOrderCheckoutButtonsOpenHelp { float: right; } /* Accordion Headlines */ .AccordionTitle { background: #f8a300; background: -moz-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8a300), color-stop(100%, #f18000)); background: -webkit-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -o-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -ms-linear-gradient(top, #f8a300 0%, #f18000 100%); background: linear-gradient(to bottom, #f8a300 0%, #f18000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a300', endColorstr='#f18000', GradientType=0 ); -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; /* rest */ color:#fff; font-size:18px; border: 1px solid #F59700; padding:5px 10px 5px 10px; font-weight:bold; margin-bottom: 5px; } .AccordionTitle.CurrentAccordionTitle { background: #f8a300; background: -moz-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8a300), color-stop(100%, #f18000)); background: -webkit-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -o-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -ms-linear-gradient(top, #f8a300 0%, #f18000 100%); background: linear-gradient(to bottom, #f8a300 0%, #f18000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a300', endColorstr='#f18000', GradientType=0 ); /* rest */ border: 1px solid #F59700; color:#fff; font-weight:bold; margin-bottom: 0; } .AccordionTitle.AlreadyOpened { background: #f8a300; background: -moz-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8a300), color-stop(100%, #f18000)); background: -webkit-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -o-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -ms-linear-gradient(top, #f8a300 0%, #f18000 100%); background: linear-gradient(to bottom, #f8a300 0%, #f18000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a300', endColorstr='#f18000', GradientType=0 );/* rest */ border: 1px solid #F59700; color:#fff; font-weight:bold; } /* Unique goes here */ /* Unique goes here */ /* Accordion Body */ #PlentyOrderCheckoutAccordion > .AccordionPane { /* inner shadow*/ -moz-box-shadow: inset 0px 0px 3px #b5c6d0; -webkit-box-shadow: inset 0px 0px 3px #F59700; box-shadow: inset 0px 0px 3px #F59700; /* rounded bottom */ /* rest */ border: 1px solid #F59700; border-top:0; background-color:#fff; padding:10px; line-height:17px; margin-bottom:10px; } /* Input fields*/ div.PlentyFormBox input[type=text], div.PlentyFormBox input[type=password] { border:none; border:1px solid #CCC; padding:3px 0; margin-top:2px; } div.PlentyFormBox input[type=text]:focus, div.PlentyFormBox input[type=password]:focus { border:none; border:1px solid #4582a5; padding:3px 0; } /* General Styles end */ .PlentyOrderDeliveryAddress { border: 1px solid #cccccc; margin: 16px 7px 0px 7px; padding: 10px; float: left; width: 45%; } .PlentyOrderDeliveryAddress > .PlentyWebShippingDetailsListTitle { background-color: #f0f0f0; border-bottom: 1px solid #cccccc; font-weight: bold; margin: -10px; padding: 10px; display: block; } .PlentyOrderDeliveryAddress > .PlentyWebShippingDetailsListContent { margin-top: 15px; float: left; } .PlentyOrderDeliveryAddress > .PlentyWebEditButtonContent { float: right; margin-top: 15px; } #PlentyWebShippingDetailsSubmit { clear: both; text-align: right; padding:5px; } /* 1 Accordion*/ #PlentyWebLoginRegister, #PlentyWebLoginLogin { display:inline-block; width:47%; vertical-align:top; } #PlentyWebLoginLogin { margin-left:30px } #PlentyWebLoginNotice { font-size:14px; font-weight:bold; margin:10px 0 10px 0 } .PlentyFormContainer.PlentyWebLoginData { margin:10px 0 10px 0; } #PlentyWebLoginRegisterTitle, #PlentyWebLoginLoginTitle { font-size: 15px; color: #CB0403; border-bottom: 1px solid #F59700; padding-bottom: 5px; margin-bottom: 10px; font-weight: bold; } #PlentyWebLoginRegisterRadiosRegister { margin-top:3px; } #PlentyWebLoginRegisterRadios { font-weight:bold; } #PlentyWebLoginLoginEmailTitle, #PlentyWebLoginLoginPasswordTitle { width:100px; display:inline-block } #PlentyWebLoginLoginSubmit { margin-top: 14px; } #PlentyWebInvoiceDetailsVATNumberNotice { font-size: 90%; } #PlentyWebLoginForgotPassword { margin-left:100px; margin-top:5px; } #PlentyOrderCheckoutButtonsTop { padding:10px 0 20px 0; } /* 6 Accordion */ .PlentyFormContainer fieldset { border: 1px solid #cccccc; } #PlentyWebOrderOverviewInvoiceContainer, #PlentyWebOrderOverviewShippingContainer, #PlentyWebOrderOverviewPaymentMethodContainer, #PlentyWebOrderOverviewShippingMethodContainer, #PlentyWebOrderOverviewSchedulerContainer { padding:0; } #PlentyWebOrderOverviewPaymentIcon { float:left; padding:10px 0 10px 0; display: none;} #PlentyWebOrderOverviewItemsBox { clear:both; display:table; border: 1px solid #F59700; } #PlentyWebOrderOverviewItemsContainer { clear:both; } #PlentyWebOrderOverviewItems { font-size:18px; float:left; } #PlentyWebOrderOverviewItems { font-size:18px; float:left; } .ItemsHeadline { font-weight:bold; display : table-cell; border-bottom: 1px solid #F59700; padding: 5px; } #PlentyWebOrderOverviewItemsMain { display: table-row-group; } #PlentyWebOrderOverviewItemsMain .ItemsRow, #PlentyWebOrderOverviewItemsHeader { display:table-row; width:100%; } #PlentyWebOrderOverviewItemsMain .ItemsRow > div { display:table-cell; vertical-align:top; border-bottom: 1px solid #F59700; padding:5px; } #PlentyWebOrderOverviewItemsMain .ItemsRow:last-child > div { border-bottom:none!important; } #PlentyWebOrderOverviewItemsMain > .PlentyFormContainer > .ItemsQuantity { text-align:center; } #PlentyWebOrderOverviewItemsMain > .PlentyFormContainer > .ItemsPrice { text-align:right; font-weight: bold; color: #CB0403;} #PlentyWebOrderOverviewItemsHeaderImage { width:15%; } #PlentyWebOrderOverviewItemsMain > .PlentyFormContainer > .ItemsDescription > .ItemsDescriptionLink { display: inline-block; vertical-align: top; width: 100%; } #PlentyWebOrderOverviewItemsMain > .PlentyFormContainer > .ItemsDescription > .ItemsDescriptionDetails { vertical-align: top; } .PlentyOrderSumTitle { font-weight:bold; display:inline-block;} .PlentyOrderSumDetail { display: inline-block; min-width: 10%; padding-left: 40px; text-align: right; } #PlentyWebOrderOverviewOrderSumBox { text-align:right; margin:20px 0 20px 0; } .PlentyOrderSum { padding: 5px; border-bottom: 1px solid #F59700;} #PlentyWebOrderTotalAmount { border-bottom:none; } #PlentyWebOrderTotalAmountSubscription { border-top: 1px solid #CCCCCC; } #PlentyWebOrderOverviewSubmitContainer { padding: 3px 3px 6px; text-align:right; } #PlentyWebOrderOverviewSubmitContainer > div { display:inline; } #PlentyWebOrderOverviewNotice { margin:10px 0 20px 0; } #PlentyWebOrderOverviewAGBandWithdrawal h3 { font-size: 15px; font-weight: bold; margin: 0 0 0; padding: 0; color: #CB0403;} #PlentyWebOrderOverviewAGBContainer, #PlentyWebOrderOverviewWithdrawalContainer, #PlentyWebOrderOverviewNewsletterContainer { margin-top:5px; } #PlentyWebOrderOverviewAGBContainer { margin-top:15px; } #PlentyWebOrderOverviewNotesContainer { margin-top:10px; margin-bottom:10px; } #PlentyWebOrderOverviewNotesTextarea { width:890px; } #PlentyWebOrderOverviewReference { display:inline-block; margin:10px 0 5px 0; } #PlentyWebOrderOverviewItems, #PlentyWebOrderOverviewItemsChangeContainer { float:none; display:inline-block; margin-top:10px; padding-bottom:10px } #PlentyWebOrderOverviewItemsChangeContainer { float:right; margin-top: 12px; } #PlentyWebOrderOverviewItemsTop { margin: 20px 0 15px 0; border-bottom: 1px solid #CB0403; padding: 0 3px 0px 5px; color: #CB0403; font-weight: bold;} /* Anzeige von IHR ZEICHEN & SONDERWÜNSCHE FÜR DIE BESTELLUNG */ #PlentyWebOrderOverviewReferenceContainer, #PlentyWebOrderOverviewNotesContainer { display:none; } /* POSITIONEN DER EINZELNEN BOXEN */ #PlentyWebOrderOverviewAGBPrivacyContainer { margin:15px 0; border: 1px solid #F59700!important; padding:10px!important; } #PlentyWebOrderOverviewItemsContainer { float: right; margin-bottom: 15px;} #PlentyWebOrderOverviewInvoiceContainer, #PlentyWebOrderOverviewShippingContainer, #PlentyWebOrderOverviewShippingMethodContainer, #PlentyWebOrderOverviewPaymentMethodContainer, #PlentyWebOrderOverviewSchedulerContainer { border: 1px solid #F59700; float: left; margin-top: 16px; padding: 10px; width: 203px; margin: 0 4px;} #PlentyWebOrderOverviewPaymentMethodContainer { margin-bottom:10px; } #PlentyWebOrderOverviewSubmitContainer { clear:both; border-bottom: 1px solid #F59700;} #PlentyWebOrderOverviewAGBandWithdrawal { background-color: #FFF3C8; border-bottom: 1px solid #F59700; display: block; margin: -10px; padding: 5px 10px; } /* Article */ #PlentyWebOrderOverviewItemsHeaderImage, .ItemsImage { width:15%; text-align:center;} #PlentyWebOrderOverviewItemsHeaderDescription { width:65%; border-bottom: 1px solid #F59700; color: #CB0403;} #PlentyWebOrderOverviewItemsHeaderQuantity { width:10%; text-align: center; color: #CB0403;} #PlentyWebOrderOverviewItemsHeaderTotal { width:10%; text-align: right; color: #CB0403;} #PlentyWebOrderOverviewItemsHeader { background-color: #FFF3C8;} .ItemsDescriptionDetails > .PlentyFormContainer { float: left; margin-right: 15px; margin-top: 5px; } .ItemsDescriptionDetails > .PlentyFormContainer span { } .ItemsDescriptionDetails > .PlentyFormContainer:first-child { margin-left:0; } .ItemsDescriptionUnitPriceTitle, .ItemsDescriptionNoTitle, .ItemsDescriptionIDTitle, .ItemsDescriptionEANTitle, .ItemsDescriptionConditionTitle, .ItemsDescriptionUnit0Title, .PlentyItemsDescriptionContainerTitle { font-weight:bold; } #PlentyWebOrderOverviewNoticeTotals { clear:both; margin:20px 0 20px 0; } #PlentyWebOrderOverviewNotice2 { margin: 00px 0 20px 0; } #PlentyWebOrderOverviewSubmitText, .ItemsDescriptionUnitTitle, .ItemsAttributeValueTitle { font-weight:bold; } #PlentyGoodsRebateTitle, #PlentyGoodsRebateDetail { color:#95c65c; } #PlentyWebOrderOverviewGoodsValueGross, #PlentyWebOrderOverviewShippingCostsGross { border-bottom:none; padding-bottom:0; } #PlentyGoodsValueNetTitle, #PlentyShippingCostsNetTitle, #PlentySubtotalNetTitle { font-weight:400!important; } #PlentyWebOrderOverviewInvoiceTitle, #PlentyWebOrderOverviewShippingTitle, #PlentyWebOrderOverviewShippingMethodTitle, #PlentyWebOrderOverviewPaymentMethodTitle, #PlentyWebOrderOverviewSchedulerTitle { margin: -10px; display: block; border-bottom: 1px solid #F59700; background-color: #FFF3C8; padding: 5px 10px; font-weight: bold; color: #CB0403;} #PlentyWebOrderOverviewInvoiceDataContainer, #PlentyWebOrderOverviewShippingDataContainer, #PlentyWebOrderOverviewShippingMethodDataContainer, #PlentyWebOrderOverviewPaymentMethodDataContainer, #PlentyWebOrderOverviewSchedulerDataContainer { margin-top:15px; } .ItemsDescriptionDiscountDetail { color:#95C65C; } .ItemsDescriptionDiscountTitle { font-weight:bold; } #PlentyTotalAmountDetail, #PlentyTotalAmountSubscriptionDetail { font-weight: bold; vertical-align: top; } #PlentyTotalAmountTitle > .PlentyDataAdditional, #PlentyTotalAmountSubscriptionTitle> .PlentyDataAdditional { font-weight: normal; } .ItemsDescriptionEAN { display:none; } #button_place_orderWebOrderOverview{font-size:17px;} #button_change_basketWebBasketItemsRefresh{float:right; margin-top:5px;} #PlentyWebOrderOverviewAGBPrivacyContainer a{color:#CB0403} #PlentyTotalAmountTitle{font-size:16px; color: #CB0403;} #PlentyTotalAmountTitle *{font-size:11px; color:#333;} #PlentyTotalAmountDetail *{font-size:16px; color: #CB0403;} #PlentyWebBasketItemsForm{padding-bottom: 24px;} #PlentyWebPurchaseConfirmationOrderLinkContainer a{display:block; text-align:center; font-size:16px; font-weight:bold; color:#fff; width:200px; margin:0 auto; border:1px solid #fff;text-align:center;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;-khtml-border-radius:6px;color:#fff !important;background: #f8a400;background: -moz-linear-gradient(top, #f8a400 0%, #f18100 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8a400), color-stop(100%,#f18100));background: -webkit-linear-gradient(top, #f8a400 0%,#f18100 100%);background: -o-linear-gradient(top, #f8a400 0%,#f18100 100%);background: -ms-linear-gradient(top, #f8a400 0%,#f18100 100%);background: linear-gradient(to bottom, #f8a400 0%,#f18100 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a400', endColorstr='#f18100',GradientType=0 ); box-shadow: 3px 3px 5px -4px #666;-moz-box-shadow: 3px 3px 5px -4px #666;-o-box-shadow: 3px 3px 5px -4px #666;-webkit-box-shadow: 3px 3px 5px -4px #666;-ms-box-shadow: 3px 3px 5px -4px #666;} #btnProtect{border-radius:4px; display:block;width: 280px;margin: 0 auto 10px auto;} .trusted_shops_rating input{display:block; width: 160px;margin: 0 auto 0px auto;} /* Errors */ div.PlentyError input[type=text], div.PlentyError input[type=password] { border:none; border:1px dashed #f44d4d!important; background-color:#fbe7e7; } .PlentyError span { color:#f44d4d; } div.PlentyErrorPane { display: none; color: white; font-size: 11pt; line-height: 12pt; } .PlentyErrorMessageBox { background-color: #f36060; border: 1px dashed #9c2020 !important; margin-bottom:5px; padding:5px; } div.PlentyAdviceMsg { font-size: 11pt; line-height: 12pt; } /* NEW STYLE */ /* GENERAL */ /* all */ .PlentyWebMyAccountMyAccountContainer { font-family: "Trebuchet MS",sans-serif; line-height: 1.5; color: #404040; } p { } /* ACCORDIONS */ /* accordion container */ .PlentyWebMyAccountAccContainer { margin-bottom:15px; } /* accordion header (& login container header) */ .PlentyWebMyAccountAccContainerTitle, #PlentyWebMyAccountLogin > h1, #PlentyWebLostPWDLogin > h1 { background: #f8a300; background: -moz-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8a300), color-stop(100%, #f18000)); background: -webkit-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -o-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -ms-linear-gradient(top, #f8a300 0%, #f18000 100%); background: linear-gradient(to bottom, #f8a300 0%, #f18000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a300', endColorstr='#f18000', GradientType=0 ); /* rest */ color:#fff; font-size:18px; border: 1px solid #F59700; padding: 1px 10px 1px 10px; font-weight:bold; border-radius: 5px 5px 0 0; margin: 0; } /* accordion header openable */ .PlentyWebMyAccountAccContainerTitle.PlentyWebMyAccountOpenableContainerTitle:hover { cursor: pointer; } /* accordion body (& login container body) */ .PlentyWebMyAccountAccContainerContent, #PlentyWebMyAccountLogin > div.PlentyMyAccountContainerContent, #PlentyWebLostPWDLogin > h1.PlentyLostPWDContainerContent { -moz-box-shadow: inset 0px 0px 3px #b5c6d0; -webkit-box-shadow: inset 0px 0px 3px #F59700; box-shadow: inset 0px 0px 3px #F59700; /* rounded bottom */ /* rest */ border: 1px solid #F59700; border-top:0; background-color:#fff; padding:10px; border-radius: 0 0 5px 5px; } /* INPUT */ /* standard */ #PlentyMyAccountMyAccount input[type=text], #PlentyMyAccountMyAccount input[type=password], #PlentyMyAccountMyAccount input[type=file], .PlentyWebMyAccountPopupContainer input[type=text], .PlentyWebMyAccountPopupContainer input[type=password], .PlentyWebMyAccountPopupContainer input[type=file] { border: 1px solid #CCCCCC; padding: 2px 3px; font-size: 12px; height: 18px; /*13px*/ margin-top: 2px; margin-bottom: 0; color: inherit !important; background: #fff; } /* standard hover, focus */ #PlentyMyAccountMyAccount input[type=text]:hover, #PlentyMyAccountMyAccount input[type=password]:hover, #PlentyMyAccountMyAccount select:hover, #PlentyMyAccountMyAccount input[type=file]:hover, #PlentyMyAccountMyAccount input[type=text]:focus, #PlentyMyAccountMyAccount input[type=password]:focus, #PlentyMyAccountMyAccount select:focus, #PlentyMyAccountMyAccount input[type=file]:focus, .PlentyWebMyAccountPopupContainer input[type=text]:hover, .PlentyWebMyAccountPopupContainer input[type=password]:hover, .PlentyWebMyAccountPopupContainer select:hover, .PlentyWebMyAccountPopupContainer input[type=file]:hover, .PlentyWebMyAccountPopupContainer input[type=text]:focus, .PlentyWebMyAccountPopupContainer input[type=password]:focus, .PlentyWebMyAccountPopupContainer select:focus, .PlentyWebMyAccountPopupContainer input[type=file]:focus { border-color: #F59700; /*1474d4*/ position: relative; z-index: 10; } /* size presets */ #PlentyMyAccountMyAccount input[type=text].XS, #PlentyMyAccountMyAccount input[type=password].XS { width: 42px; } #PlentyMyAccountMyAccount input[type=text].M, #PlentyMyAccountMyAccount input[type=password].M { width: 132px; } /* checkbox */ input[type=checkbox] { height: auto !important; width: auto !important; } /* SELECT */ /* standard */ #PlentyMyAccountMyAccount select, .PlentyWebMyAccountPopupContainer select { border: 1px solid #CCCCCC; font-size: 12px; margin-top: 2px; margin-bottom: 0; height: 24px; /*no height set*/ padding: 7px 5px 7px 0; /*no padding set*/ background: #fff; } #PlentyMyAccountMyAccount select.XS, .PlentyWebMyAccountPopupContainer select.XS { width: 50px; } #PlentyMyAccountMyAccount select.M, .PlentyWebMyAccountPopupContainer select.M { width: 140px; } /* standard hover */ #PlentyMyAccountMyAccount select:hover, .PlentyWebMyAccountPopupContainer select:hover { position: relative; z-index: 10; } /* TEXTAREA */ /* standard */ #PlentyMyAccountMyAccount textarea, .PlentyWebMyAccountPopupContainer textarea { border: 1px solid #ccc; padding: 2px 3px; font-size: 12px; font-family: Arial,Helvetica,sans-serif; margin-top: 2px; resize: none; color: inherit !important; /*height: 60px;*/ /*overwrite machart-style*/ line-height: 14px !important; } /* standard hover, focus */ #PlentyMyAccountMyAccount textarea:hover, #PlentyMyAccountMyAccount textarea:focus, .PlentyWebMyAccountPopupContainer textarea:hover, .PlentyWebMyAccountPopupContainer textarea:focus { border-color: #ccc; } /* INPUT / TEXTAREA WRAPPER */ /* wrapper */ .PlentyWebMyAccountWrapper { margin: 0 4px; } /* input / textarea in wrapper */ .PlentyWebMyAccountWrapper > input[type=text], .PlentyWebMyAccountWrapper > input[type=password], .PlentyWebMyAccountWrapper > textarea { margin-left: -4px; width: 100%; } /* BUTTON */ /* standard */ #PlentyMyAccountMyAccount input[type=button], #PlentyMyAccountMyAccount input[type=submit], #PlentyMyAccountMyAccount button, a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all { height: 24px; /*19px*/ margin-top: 2px; padding: 0 5px; cursor: pointer; border: 1px solid #F59700; color: #FFFFFF; /*font-size: 18px; line-height: 30px; height: 34px; padding: 0 5px 0 3px;*/ background: #f8a400; font-weight: bold; background: -moz-linear-gradient(top, #f8a400 0%, #f18100 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f8a400), color-stop(100%,#f18100));background: -webkit-linear-gradient(top, #f8a400 0%,#f18100 100%);background: -o-linear-gradient(top, #f8a400 0%,#f18100 100%);background: -ms-linear-gradient(top, #f8a400 0%,#f18100 100%);background: linear-gradient(to bottom, #f8a400 0%,#f18100 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a400', endColorstr='#f18100',GradientType=0 ); } /* standard hover */ #PlentyMyAccountMyAccount input[type=button]:hover, #PlentyMyAccountMyAccount input[type=submit]:hover, #PlentyMyAccountMyAccount button:hover, a.ui-datepicker-prev.ui-corner-all:hover, a.ui-datepicker-next.ui-corner-all:hover { background: #f37159;background: -moz-linear-gradient(top, #f37159 0%, #e52707 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f37159), color-stop(100%,#e52707));background: -webkit-linear-gradient(top, #f37159 0%,#e52707 100%);background: -o-linear-gradient(top, #f37159 0%,#e52707 100%);background: -ms-linear-gradient(top, #f37159 0%,#e52707 100%);background: linear-gradient(to bottom, #f37159 0%,#e52707 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f37159', endColorstr='#e52707',GradientType=0 ); } /* INPUT & SELECT IN POPUP */ /* input standard */ .PlentyWebMyAccountPopupContainer div.PlentyFormBox input[type=text], .PlentyWebMyAccountPopupContainer div.PlentyFormBox input[type=password] { padding: 2px 0 !important; } /* M in popup (no padding left right) */ .PlentyWebMyAccountPopupContainer input[type=text].M, .PlentyWebMyAccountPopupContainer input[type=password].M { width: 138px !important; } /* input standard hover */ .PlentyWebMyAccountPopupContainer div.PlentyFormBox input[type=text], .PlentyWebMyAccountPopupContainer div.PlentyFormBox input[type=password] { position: relative; z-index: 10; } /* select standard */ /* .PlentyWebMyAccountPopupContainer div.PlentyFormBox select { height: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 0 !important; } */ /* INPUT, SELECT & BUTTON IN ITEM DETAIL CONTAINERS OR IN SUB TITLE CONTAINER (e.g. pagination) */ /* input standard */ #PlentyMyAccountMyAccount .PlentyFormContainer.ItemsContentRow input[type=text], .PlentyWebMyAccountTitleSubContainer input[type=text], .PlentyWebMyAccountItemsPopupContainer input[type=text] { height: 13px !important; } /* select standard */ #PlentyMyAccountMyAccount .PlentyFormContainer.ItemsContentRow select, .PlentyWebMyAccountTitleSubContainer select, .PlentyWebMyAccountItemsPopupContainer select { height: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 0 !important; } /* button standard */ .PlentyWebMyAccountTitleSubContainer input[type=button] { height: 19px !important; } /* LINKS */ /* standard */ #PlentyMyAccountMyAccount a:link, #PlentyMyAccountMyAccount a:visited, #PlentyMyAccountMyAccount a.link { color: #CB0403; cursor: pointer; text-decoration: none; } #PlentyMyAccountMyAccount a:hover, #PlentyMyAccountMyAccount a:focus, #PlentyMyAccountMyAccount a:active, #PlentyMyAccountMyAccount a.link:hover { color: #CB0403; text-decoration: underline; } /* tab links */ /* tab standard */ #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a:link, #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a:visited { color: #000; text-decoration: none; } #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a:hover, #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a:focus, #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a:active { color: #000000; text-decoration: none; } /* tab current */ #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a.current:link, #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a.current:visited { color: #282828; text-decoration: none; } #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a.current:hover, #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a.current:focus, #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a.current:active { color: #282828; text-decoration: none; } /* SCREEN OVERLAY */ /* visible overlay */ #PlentyWebMyAccountOverlay, #PlentyWebMyAccountDisplayOrdersOverlay, #PlentyWebMyAccountDisplaySchedulerOrdersOverlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000000; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } /* invisible overlay */ #PlentyWebMyAccountDisplayOrdersOverlay, #PlentyWebMyAccountDisplaySchedulerOrdersOverlay { -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } /*loading icon*/ #jQueryPageWaitInnerPane { left: 50% !important; top: 50% !important; margin-left: -16px; margin-top: -16px; } /* LAYOUT GRID */ /* ACCORDION CONTENT */ /* container main */ .PlentyWebMyAccountAccContainerContent { padding: 16px 16px; } /* TWO COLUMN LAYOUT */ /* table */ #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox, .PlentyWebMyAccountOrderOverviewElementsContainer { display: table; width: 100%; } /* row */ #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox > .PlentyFormContainer, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer { display: table-row; } /*cells*/ #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox > .PlentyFormContainer > .PlentyFormContainer, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer, .PlentyWebMyAccountTicketsContentLeft, .PlentyWebMyAccountTicketsContentRight, .PlentyWebMyAccountTicketsNewTicket1, .PlentyWebMyAccountTicketsNewTicket2 { display: table-cell; width: 50%; } /*cell content left column*/ #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox > .PlentyFormContainer > .PlentyFormContainer:first-child > div, #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox > .PlentyFormContainer > .PlentyFormContainer:first-child > span, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer:first-child > div, .PlentyWebMyAccountTicketsContentLeft > div, .PlentyWebMyAccountTicketsNewTicket1 > div { margin-right: 8px; } /*cell content right column*/ #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox > .PlentyFormContainer > .PlentyFormContainer:last-child > div, #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox > .PlentyFormContainer > .PlentyFormContainer:last-child > span, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer:last-child > div, .PlentyWebMyAccountTicketsContentRight > div, .PlentyWebMyAccountTicketsNewTicket2 > div { margin-left: 8px; } /* CONTENT BOXES */ /* HEADER GLOBAL */ span.PlentyWebMyAccountMainTitle, span.PlentyWebMyAccountOrderOverviewItemsTitle, .PlentyWebMyAccountTitleContainer { display: block; border-bottom: 1px solid #CB0403; color: #CB0403; padding: 3px 0; font-size: 18px; font-weight: bold; } /* ITEM CONTAINER */ div.PlentyFormContainer.PlentyWebMyAccountContainer, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow, .PlentyWebMyAccountDisplayOrdersContainer, .PlentyWebMyAccountTicketsTicketContainer, .PlentyWebMyAccountTicketsLeafContainer, .PlentyWebMyAccountMyProjectsProjectContainer, .PlentyWebMyAccountEmailNewAccountContainer, .PlentyWebMyAccountVersionJumpDomainContainer, .PlentyWebMyAccountEmailNewAddressContainer, .PlentyWebMyAccountItemContainer, .PlentyWebMyAccountOpenableItemContainer { margin-top: 16px; padding: 0; border: 1px solid #F59700; position: relative; /*z-index: 2;*/ } /* item container hover */ div.PlentyFormContainer.PlentyWebMyAccountContainer:hover, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer:hover, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow:hover, .PlentyWebMyAccountDisplayOrdersContainer:hover, .PlentyWebMyAccountTicketsTicketContainer:hover, .PlentyWebMyAccountTicketsLeafContainer:hover, .PlentyWebMyAccountMyProjectsProjectContainer:hover, .PlentyWebMyAccountEmailNewAccountContainer:hover, .PlentyWebMyAccountVersionJumpDomainContainer:hover, .PlentyWebMyAccountEmailNewAddressContainer:hover, .PlentyWebMyAccountItemContainer:hover, .PlentyWebMyAccountOpenableItemContainer:hover { -moz-box-shadow: 0 0 2px 0 rgba(61, 90, 153, 0.15); -webkit-box-shadow: 0 0 2px 0 rgba(61, 90, 153, 0.15); box-shadow: 0 0 2px 0 rgba(61, 90, 153, 0.15); } /* special item container */ .PlentyWebMyAccountDisplayOrdersChildContainer { z-index: 1; } /* special item container hover (overlay other containers) */ .PlentyWebMyAccountDisplayOrdersChildContainer:hover { z-index: 5 !important; } /* item header */ div.PlentyFormContainer.PlentyWebMyAccountContainer > span.PlentyWebMyAccountContainerTitle, div.PlentyFormContainer.PlentyWebMyAccountContainer > div.PlentyWebMyAccountContainerTitle, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer > span, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow > .ItemsHeaderRow, .PlentyWebMyAccountDisplayOrdersContainer > div.PlentyWebMyAccountDisplayOrdersOrderId, .PlentyMyAccountHeaderChange, .PlentyWebMyAccountTicketsTicketTitleContainer, .PlentyWebMyAccountTicketsLeafHead, .PlentyWebMyAccountMyProjectsProjectTitleContainer, .PlentyWebMyAccountEmailNewAccountContainerTitle, #PlentyWebMyAccountCustomerEventsContainerContent > h1, .PlentyWebMyAccountVersionJumpDomainContainer > span, .PlentyWebMyAccountEmailNewAddressContainer > span, .PlentyWebMyAccountItemContainerHeader, .PlentyWebMyAccountOpenableItemContainerHeader { display: block; /*padding: 10px 10px 7px;*/ font-size: 16px; line-height: 12px; font-weight: bold; color: #CB0403; background: #FFFBE7; border-bottom: 1px solid #F59700; } /* exceptions */ .PlentyWebMyAccountTicketsLeafHead, .PlentyWebMyAccountMyProjectsProjectTitleContainer, .PlentyWebMyAccountEmailNewAccountContainerTitle, #PlentyWebMyAccountCustomerEventsContainerContent > h1, .PlentyWebMyAccountVersionJumpDomainContainer > span, .PlentyWebMyAccountEmailNewAddressContainer > span, .PlentyWebMyAccountDisplayOrdersChildContainer > div:first-child { padding: 10px 10px 7px; } /* item header title container */ div.PlentyWebMyAccountContainerTitle > div:first-child, div.PlentyMyAccountHeaderChange > div:first-child, .PlentyWebMyAccountItemContainerHeader > div:first-child { display: inline-block; padding: 10px 10px 7px; } /* item header button container */ span.PlentyWebMyAccountContainerTitle > span.PlentyFormContainer, div.PlentyWebMyAccountContainerTitle > div.PlentyFormContainer, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer > span > span.PlentyFormContainer, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow > .ItemsHeaderRow > span.PlentyFormContainer, span.PlentyWebMyAccountOrderOverviewItemsTitle > span.PlentyFormContainer.PlentyWebMyAccountOrderOverviewItemsChangeContainer, .PlentyMyAccountHeaderChange > .PlentyFormContainer, .PlentyWebMyAccountItemContainerHeader > .PlentyFormContainer, .PlentyWebMyAccountHeaderButtonRight, .PlentyWebMyAccountButtonsRightContainer { float: right; /*margin-top: -9px;*/ position: relative; top: 8px; margin-right: 5px; /*margin-bottom: -4px;*/ padding-bottom: 5px; } /* item header button single container */ .PlentyWebMyAccountButtonsRightContainer > .PlentyFormContainer { float: right; } /* button after button */ span.PlentyWebMyAccountContainerTitle > span.PlentyFormContainer + span.PlentyFormContainer, div.PlentyWebMyAccountContainerTitle > div.PlentyFormContainer + div.PlentyFormContainer, .PlentyWebMyAccountButtonsRightContainer > .PlentyFormContainer + .PlentyFormContainer, .PlentyWebMyAccountHeaderButtonRight > span { margin-right: 5px; } /* item content */ div.PlentyFormContainer.PlentyWebMyAccountContainer > div.PlentyWebMyAccountContainerContent, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer > span + div, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow > .ItemsContentRow, .PlentyWebMyAccountOrderOverviewElementsContainer1 > div.PlentyFormContainer > div.PlentyFormContainer, .PlentyWebMyAccountOrderOverviewElementsContainer2 > div.PlentyFormContainer > div.PlentyFormContainer, .PlentyWebMyAccountDisplayOrdersContainer > div.PlentyWebMyAccountDisplayOrdersOrderId + div.PlentyFormBox, .PlentyWebMyAccountTicketsTicketContent, .PlentyWebMyAccountTicketsLeafContent, .PlentyWebMyAccountMyProjectsProjectContent, .PlentyWebMyAccountEmailNewAccountContainerTitle + form, #PlentyWebMyAccountCustomerEventsContainerContent > h1 + div, .PlentyWebMyAccountVersionJumpDomainContainer > div, .PlentyWebMyAccountEmailNewAddressContainer > form, .PlentyWebMyAccountItemContainerHeader + .PlentyFormContainer.ItemsContentRow, .PlentyWebMyAccountItemContainerContent, .PlentyWebMyAccountOpenableItemContainerContent { border: 1px solid #EEEEEE; padding: 12px 10px; font-size: 13px; line-height: 20px; color: #404040; /*background: #fcfcfc;*/ } div.PlentyWebMyAccountContainerContent br { line-height: 10px; } /* OPENABLE ITEM CONTAINER */ /* container */ .PlentyWebMyAccountOpenableItemContainer { border: none !important; } /* openable item header */ .PlentyWebMyAccountTicketsTicketTitleContainer, .PlentyWebMyAccountMyProjectsProjectTitleContainer, .PlentyWebMyAccountEmailAccountContainer > a, .PlentyWebMyAccountOpenableItemContainer > .PlentyWebMyAccountOpenableItemContainerHeader { padding: 2px 10px !important; } /* title container */ .PlentyWebMyAccountTicketsTicketTitleContainer.PlentyMyAccountHeaderChange > .PlentyWebMyAccountContainerHeaderTitle { /*margin-top: 2px;*/ } /* title container open/close button */ .PlentyWebMyAccountTicketsTicketTitleContainer.PlentyMyAccountHeaderChange > .PlentyWebMyAccountContainerHeaderTitle button { margin-top: 0 !important; height: 30px; } /* title container */ .PlentyWebMyAccountOpenableItemContainerHeaderTitle { display: inline-block; } /* button container (tickets) */ .PlentyWebMyAccountTicketsTicketTitleContainer.PlentyMyAccountHeaderChange > .PlentyWebMyAccountHeaderButtonRight { margin-top: 2px; } .PlentyWebMyAccountTicketsTicketTitleContainer.PlentyMyAccountHeaderChange > .PlentyWebMyAccountHeaderButtonRight > span:first-child { margin-right: 0; } /* button container (e-mail accounts) */ .PlentyWebMyAccountOpenableItemContainerHeader .PlentyWebMyAccountButtonsRightContainer { display: inline-block; float: right; margin-top: 2px; } /* content container */ .PlentyWebMyAccountOpenableItemContainerContent { border: 1px solid #EEEEEE; } /* TABS */ /* tab bar */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs { display: block; height: 29px; list-style: none !important; margin: 0 !important; padding: 0 !important; height: 22px; } /* tab bar list item */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li { float: left; display: block; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important; list-style-type: none !important;; } /* tab standard */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a { height: 22px; padding: 0 22px 0 10px; width: auto !important; min-width: 40px; vertical-align: middle; border: 1px solid #F59700; border-bottom: none; display: block; line-height: 22px; text-align: center; margin: 0px -1px 0 0; position: relative; } /* tab standard first child */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li:first-child > a { margin-right: -1px; } /* tab standard hover */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a:hover, #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a:focus { /* background: #fefefe; */ /*z-index: 2;*/ font-weight: bold; color: #cb0403; } /* tab standard active */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a:active { outline:none; } /*tab current*/ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a.current { background: #fffbe7; height: 25px; margin-top: -3px; top: 0; border: 1px solid #F59700; border-bottom: none; z-index: 5; white-space: nowrap; position: relative; margin-right: -1px; display: block; font-weight: bold; color: #cb0403; } /* tab current hover */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a.current:hover, #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a.current:focus { } /* tab close icon */ #PlentyMyAccountMyAccount a span.TabCloseButton { display: block; width: 19px; /*16px*/ height: 19px; /*16px*/ position: absolute; right: 1px; top: 1px; background: url(/layout/so/img/so_sprite.png) -250px -485px no-repeat; /* /images/icons/silk/close_big.png */ } #PlentyMyAccountMyAccount a span.TabCloseButton:hover { background: url(/layout/so/img/so_sprite.png) -250px -465px no-repeat; } /* MAIN CONTAINER PANE */ #PlentyMyAccountMyAccount div.PlentyGuiPane.pane { padding: 0; border: none; background: transparent; } /* HEADER (TAB PANE) */ /*header container (order overview & single order details)*/ .PlentyFormContainer.PlentyWebMyAccountOrderOverviewOverviewContainer, .PlentyWebMyAccountTabHeaderContainer { background: #fffbe7; margin-bottom: 16px; padding: 2px 8px 8px; border: 1px solid #F59700; } /* header left container */ .PlentyWebMyAccountSearchContainer > div.PlentyWebMyAccountSearchIdContainer { float: left; } /* header right container */ .PlentyWebMyAccountSearchContainer > div.PlentyWebMyAccountSearchDateContainer { float: right; } /* inputs & labels */ .PlentyWebMyAccountSearchContainer > div.PlentyWebMyAccountSearchIdContainer > div, .PlentyWebMyAccountSearchContainer > div.PlentyWebMyAccountSearchDateContainer > div { display: table-cell; vertical-align: bottom; padding-top: 8px; } /* wrap blocks */ .PlentyWebMyAccountSearchContainer > div.PlentyWebMyAccountSearchIdContainer > div > span, .PlentyWebMyAccountSearchContainer > div.PlentyWebMyAccountSearchDateContainer > div > span, .PlentyWebMyAccountSearchContainer > div#PlentyWebMyAccountDisplayOrdersDateContainer > div > div > span { display: block; } /* distance */ .PlentyWebMyAccountSearchIdContainer > div input, .PlentyWebMyAccountSearchDateContainer > div input, .PlentyWebMyAccountSearchDateContainer > div select { display: inline-block; margin-right: -1px; /*5px*/ } /* input / select sizes */ .PlentyWebMyAccountSearchIdContainer > div input[type=text], .PlentyWebMyAccountSearchDateContainer > div input[type=text] { width: 131px; } .PlentyWebMyAccountSearchDateContainer > div select { width: 140px; } .PlentyWebMyAccountSearchDateContainer > div:last-child input { margin-right: 0; } /* adapt input position */ .PlentyWebMyAccountSearchPeriodContainer { margin: 3px 5px 1px 0; } /* PAGINATION */ /* title sub container / pagination container */ #PlentyWebMyAccountDisplayOrdersPagination, #PlentyWebMyAccountItemWishListSettingsContainer, .PlentyWebMyAccountTitleSubContainer, .PlentyWebMyAccountPagination { border-bottom: 1px solid #C2C2C2; border-top: 1px solid #C2C2C2; margin-bottom: 10px; padding: 9px 0 8px; } .PlentyWebMyAccountTitleSubContainer:last-child, .PlentyWebMyAccountPagination:last-child { margin-top: 10px; margin-bottom: 0; } /* container row */ #PlentyWebMyAccountDisplayOrdersPagination > div, #PlentyWebMyAccountDisplayOrdersPagination > span, #PlentyWebMyAccountDisplaySchedulerOrdersPagination > div, .PlentyWebMyAccountPagination > div { display: table-cell; white-space: nowrap; } /* position in container row */ #PlentyWebMyAccountDisplayOrdersPagination > div:nth-child(2), #PlentyWebMyAccountDisplaySchedulerOrdersPagination > div:nth-child(2), .PlentyWebMyAccountPagination > div:nth-child(2) { width: 90%; text-align: right; padding-right: 30px; } /* headline */ #PlentyWebMyAccountDisplayOrdersPagination > div:first-child, #PlentyWebMyAccountDisplaySchedulerOrdersPagination > div:first-child, .PlentyWebMyAccountPagination > div:first-child { font-size: 15px; } /* select */ #PlentyWebMyAccountDisplayOrdersPagination > div select, #PlentyWebMyAccountDisplaySchedulerOrdersPagination > div select, .PlentyWebMyAccountPagination > div select { width: 50px; } /* sub container buttons */ .PlentyWebMyAccountTitleSubContainer > .PlentyWebMyAccountHeaderButtonRight { margin-top: -5px; margin-bottom: -5px; margin-right: 0; } /* POPUP */ /* popup container (& login container) */ .PlentyWebMyAccountPopupContainer, .PlentyWebMyAccountAdviceContainer, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer, .ui-datepicker/*, #PlentyWebMyAccountLogin*/ { display: none; position: fixed; top: 30% !important; z-index: 400010 !important; width: 418px; /* margin left is 1/2 of width */ margin-left: -209px !important; /*overwrite standard container margin since container might be positioned in right column*/ left: 50%; background: #ffffff; border: 3px solid #F59700; padding: 0 10px; -moz-box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3); -webkit-box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3); box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3); } .PlentyWebMyAccountPopupContainer > div, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer { } /* popup container hover (& login container hover) */ .PlentyWebMyAccountPopupContainer:hover, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer:hover, .ui-datepicker:hover/*, #PlentyWebMyAccountLogin:hover*/ { -moz-box-shadow: 1px 3px 10px 1px rgba(38, 43, 55, 0.45); -webkit-box-shadow: 1px 3px 10px 1px rgba(38, 43, 55, 0.45); box-shadow: 1px 3px 10px 1px rgba(38, 43, 55, 0.45); } /* popup header */ .PlentyWebMyAccountPopupContainer > div > div:first-child, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer > div.PlentyFormBox > div.PlentyWebMyAccountPopupTitleContainer, .ui-datepicker-header { color: #CB0403; font-size: 20px; font-weight: bold; line-height: 18px; border-bottom: 1px solid #CB0403; padding: 7px 1px 3px; } /* popup body */ .PlentyWebMyAccountPopupContainer > div > div + div, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer > div.PlentyFormBox > div.PlentyWebMyAccountPopupTitleContainer + div { padding: 10px 0; font-size: 12px; line-height: 12px; color: #333333; } .PlentyWebMyAccountClear { clear: both; } /* 2 column layout */ /* form *//*select from form.PlentyWebMyAccountPopup2ColumnLayoutTable*/ form.PlentyWebMyAccountPopup2ColumnLayoutTable { display: block; } /* table */ form.PlentyWebMyAccountPopup2ColumnLayoutTable > .PlentyFormContainer, .PlentyWebMyAccountPopupContainer form > .PlentyFormBox { display: table; width: 100%; } /* table row */ form.PlentyWebMyAccountPopup2ColumnLayoutTable > .PlentyFormContainer > div, .PlentyWebMyAccountPopupContainer form > .PlentyFormBox > div { display: table-row; } /* table cell */ form.PlentyWebMyAccountPopup2ColumnLayoutTable > .PlentyFormContainer > div > div, .PlentyWebMyAccountPopupContainer form > .PlentyFormBox > div > div { display: table-cell; padding: 1px 0; } /* table cell first */ form.PlentyWebMyAccountPopup2ColumnLayoutTable > .PlentyFormContainer > div > div:first-child, .PlentyWebMyAccountPopupContainer form > .PlentyFormBox > div > div:first-child { width: 100px; padding-right: 3px; vertical-align: middle } /* table cell 2nd */ form.PlentyWebMyAccountPopup2ColumnLayoutTable > .PlentyFormContainer > div > div + div, .PlentyWebMyAccountPopupContainer form > .PlentyFormBox > div > div + div { } /* table cell 3rd */ form.PlentyWebMyAccountPopup2ColumnLayoutTable > .PlentyFormContainer > div > div + div + div, .PlentyWebMyAccountPopupContainer form > .PlentyFormBox > div > div + div + div { display: none; /*clear - this container shouldn't be here*/ } /* popup content */ .PlentyWebMyAccountPopupContainer .PlentyWebMyAccountText1Container > p { margin-bottom: 10px; } .PlentyWebMyAccountPopupContainer .PlentyFormContainer:first-child, .PlentyWebMyAccountPopupContainer div.PlentyFormContainer > div.PlentyFormContainer + div.PlentyFormContainer { margin-top: 0; } .PlentyWebMyAccountPopupContainer span.PlentyFormTitle { display: block; width: 100%; margin-top: -8px; } .PlentyWebMyAccountPopupContainer span.PlentyFormValue input { width: 100%; } /* select title */ .PlentyWebMyAccountSelectSalutation, select[name=Salutation] { width: 33%; } /* select country (& newsletter) */ .PlentyWebMyAccountSelectCountry, select[name=Country], select[name=newsletter] { width: 66%; } /* 2 inputs in one line (street, zip, ...) */ /* float left */ .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountStreetContainerContent, .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountZipContainerContent { display: block; float: left; } /* float right */ .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountNoContainerContent, .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountCityContainerContent { display: block; float: right; } /* 1/4 */ .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountNoContainerContent, .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountZipContainerContent { width: 22%; } /* 3/4 */ .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountStreetContainerContent, .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountCityContainerContent { width: 74%; } /* date of birth */ .PlentyWebMyAccountBirthdayContainerContent { display: block; width: 100%; } /* date of birth inputs can be aligned full width or half width by adapting width & float below (@full width / @half width) */ .PlentyWebMyAccountBirthdayContainerContent > span { display: block; width: 9%; /* 22% @full width / 9% @half width */ float: left; vertical-align: top; } .PlentyWebMyAccountBirthdayContainerContent > span + span { margin-left: 4%; } .PlentyWebMyAccountBirthdayContainerContent > span + span + span { display: block; width: 22%; /* 48% @full width / 22% @half width */ float: left; /* right @full width / left @half width */ vertical-align: top; } /* inputs center text */ .PlentyWebMyAccountBirthdayContainerContent input[type=text] { text-align: center; } /* date of birth individual style adaption */ .PlentyFormTitle.PlentyWebMyAccountBirthdayContainerTitle { margin-top: -13px !important; } /* date of birth note */ #PlentyWebMyAccountBirthdayNotice { display: block; font-size: 0.8em; padding: 2px 0; } /* popup adaption to input borders (center using negative margin left) */ span.PlentyWebMyAccountTitle, .PlentyWebMyAccountPopupContainer span.PlentyFormTitle, .PlentyWebMyAccountPopupContainer span.PlentyFormValue input, .PlentyWebMyAccountPopupContainer div > span > select { margin-left: -1px; /* corresponds to input border 1px */ font-size: 16px; padding: 0px 5px; } /* popup buttons */ .PlentyWebMyAccountPopupContainer span > span.button a { /*width: 90px !important;*/ } /* left */ .PlentyWebMyAccountButtonLeft { float: left; margin-left: 90px; margin-top: 10px !important; } .PlentyWebMyAccountButtonLeft > span { float: right; margin-right: 4px; } /* right */ .PlentyWebMyAccountButtonRight { float: right; margin-top: 10px !important; margin-right: 90px; } .PlentyWebMyAccountButtonRight > span { float: left; margin-left: 4px; } /* SPECIAL POPUPS */ /* STATUS POPUP / POPUP WITH CLOSE ICON */ /* header title left */ div.PlentyWebMyAccountPopupTitleContainer > div.PlentyWebMyAccountTitle { float: left; display: inline-block; font-size: 14px; } /* header icon right */ div.PlentyWebMyAccountPopupTitleContainer > div.PlentyWebMyAccountTitleClose { float: right; display: inline-block; margin-right: 2px; } /* close icon */ div.PlentyWebMyAccountPopupTitleContainer > div.PlentyWebMyAccountTitleClose > a { display: inline-block; height: 19px; /*16px*/ width: 19px; /*16px*/ margin-right: -3px; position: relative; top: 1px; background: url(/layout/so/img/so_sprite.png) -250px -485px no-repeat; cursor: pointer; } /* close icon hover */ div.PlentyWebMyAccountPopupTitleContainer > div.PlentyWebMyAccountTitleClose > a:hover, div.PlentyWebMyAccountPopupTitleContainer > div.PlentyWebMyAccountTitleClose > a:focus { background: url(/layout/so/img/so_sprite.png) -250px -465px no-repeat; } /* status message */ .PlentyWebMyAccountAdviceContainer.PlentyWebMyAccountPopupContainer .plentyMessageBox { margin-bottom: 0; } /* POPUP SHIPPING DETAILS */ /* prepare parent container */ .PlentyWebMyAccountDisplayOrdersContainer1 > div > div.PlentyWebMyAccountDisplayOrdersShipping { position: relative; } /* popup container */ .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer { position: fixed; top: auto; margin-top: -100px; margin-left: -310px !important; width: auto; min-width: 150px; padding: 0 !important; position: absolute; } /* popup container content */ .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer > div { margin: 0 10px; } /* popup headline */ .PlentyWebMyAccountDisplayOrdersShippingContainer span { display: inline-block; font-weight: bold; margin: 15px 0 10px; color: #222222; } .PlentyWebMyAccountDisplayOrdersShippingContainer span:first-child { margin-top: 0; } /* POPUP DATE BOX */ /* DATE BOX CALENDAR*/ .ui-datepicker { text-align: center; width: auto; } /* DATE BOX NAVIGATION */ .ui-datepicker-header { padding: 7px 10px 3px; } /* DATE BOX NAVIGATION */ /*prev / next*/ a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all { position: absolute; font-size: 13px; line-height: 16px; cursor: pointer; display: block; height: auto; } /*prev / next hover*/ a.ui-datepicker-prev.ui-corner-all:hover, a.ui-datepicker-next.ui-corner-all:hover { } a.ui-datepicker-prev.ui-corner-all { left: 10px; } a.ui-datepicker-next.ui-corner-all { right: 10px; } /*date picker title*/ .ui-datepicker-title { display: inline-block; font-weight: bold; color: #202020; } /* DATE BOX CALENDAR */ table.ui-datepicker-calendar { border-collapse: collapse; margin: 15px 0 10px; } /*table header*/ .ui-datepicker-calendar th { padding: 4px 7px; border-bottom: 1px solid #EDEDED; border-right: 1px solid #EDEDED; font-size: 11px; line-height: 4px; width: 16px; } .ui-datepicker-calendar th > span { position: relative; top: -4px; } /*standard cell*/ .ui-datepicker-calendar td { cursor: pointer; padding: 4px 7px; border-bottom: 1px solid #EDEDED; border-right: 1px solid #EDEDED; font-size: 11px; font-weight: bold; } /*standard cell hover*/ .ui-datepicker-calendar td:hover { background: #ffcc33; } /*empty cell*/ td.ui-state-disabled { cursor: default; } /*empty cell hover reset*/ td.ui-state-disabled:hover { background: #ffffff; } td.ui-datepicker-week-end.ui-state-disabled:hover { background: #fafafa; } /*first row*/ .ui-datepicker-calendar tr > th:first-child, .ui-datepicker-calendar tr > td:first-child { border-left: 1px solid #EDEDED; } .ui-datepicker-calendar td > a { color: #70808C; } .ui-datepicker-calendar td:hover > a { color: #444444; } /*weekend*/ td.ui-datepicker-week-end { background: #fafafa; } td.ui-datepicker-today { background: #E8ECEF ; } /* CURRENCY & VALUE */ .PlentyCurrencyValue + .PlentyCurrencySymbol, .PlentyCurrencySymbol + .PlentyCurrencyValue { margin-left: 0.15em !important; } /* switch currency / price */ /* box */ .PlentyCurrencyContainer { display: inline-block; white-space: nowrap; vertical-align: top; } /* price */ .PlentyCurrencyValue { display: inline-block; /*float: right;*/ /*use for currency symbol before currency value*/ } /* currency */ .PlentyCurrencySymbol { display: inline-block; /*float: left;*/ /*use for currency symbol before currency value*/ /*margin-right: 5px;*/ /*use for currency symbol before currency value*/ } /* TABLE LAYOUT WITH HEADER */ /* table */ .PlentyWebMyAccountDisplayCouponsData > div, .PlentyWebMyAccountMyProjectsContent > div, .PlentyWebMyAccountCustomerEventsData > div { width: 100%; } /* table cells standard */ .PlentyWebMyAccountDisplayCouponsData > div > div > div, .PlentyWebMyAccountMyProjectsContent > div > div > div, .PlentyWebMyAccountCustomerEventsData > div > div > div { padding: 5px 10px 5px 0; border-bottom: 1px solid #EEEEEE; } /* table cells last */ .PlentyWebMyAccountDisplayCouponsData > div > div > div:last-child, .PlentyWebMyAccountMyProjectsContent > div > div > div:last-child, .PlentyWebMyAccountCustomerEventsData > div > div > div:last-child { padding-right: 0; } /* table first row cells */ .PlentyWebMyAccountDisplayCouponsData > div > div:first-child > div, .PlentyWebMyAccountMyProjectsContent > div > div:first-child > div, .PlentyWebMyAccountCustomerEventsData > div > div:first-child > div { border-bottom: 1px solid #000000; font-weight: bold; } /* table last row cells */ .PlentyWebMyAccountDisplayCouponsData > div > div:last-child > div, .PlentyWebMyAccountMyProjectsContent > div > div:last-child > div, .PlentyWebMyAccountCustomerEventsData > div > div:last-child > div { border-bottom: none; } /* TABLE LAYOUT NO HEADER */ /* table */ .PlentyWebMyAccountDisplayDocumentsData > div, .PlentyWebMyAccountTicketsContentAttachContent > div, .PlentyWebMyAccountAddOnModulesSelectContainer > div { width: 100%; } /* table cells standard */ .PlentyWebMyAccountDisplayDocumentsData > div > div > div, .PlentyWebMyAccountTicketsContentAttachContent > div > div > div, .PlentyWebMyAccountAddOnModulesSelectContainer > div > div > div { padding: 5px 10px 5px 0; border-bottom: 1px solid #EEEEEE; } /* table cells last */ .PlentyWebMyAccountDisplayDocumentsData > div > div > div:last-child, .PlentyWebMyAccountTicketsContentAttachContent > div > div > div:last-child, .PlentyWebMyAccountAddOnModulesSelectContainer > div > div > div:last-child { padding-right: 0; } /* table first row cells */ .PlentyWebMyAccountDisplayDocumentsData > div > div:first-child > div, .PlentyWebMyAccountTicketsContentAttachContent > div > div:first-child > div, .PlentyWebMyAccountAddOnModulesSelectContainer > div > div:first-child > div { } /* table last row cells */ .PlentyWebMyAccountDisplayDocumentsData > div > div:last-child > div, .PlentyWebMyAccountTicketsContentAttachContent > div > div:last-child > div, .PlentyWebMyAccountAddOnModulesSelectContainer > div > div:last-child > div { border-bottom: none; } /* NOTE */ /* note */ #PlentyWebMyAccountMyAccountTitleContainerContent .red { display: block; padding: 6px 0; margin-bottom: 10px; border-bottom: 1px solid #C2C2C2; border-top: 1px solid #C2C2C2; } /* OTHER */ .PlentyMandatoryField { font-weight: bold !important; color: #000000; } /* popup advice message box */ .PlentyWebMyAccountPopupContainer .PlentyMyAccountMainContainer { /*overflow: hidden;*/ } .PlentyWebMyAccountPopupContainer .PlentyMyAccountMainContainer .plentyMessageBox { line-height: 15px; width: auto; } #PlentyWebMyAccountNewsletterSettingsContainer{ display:none; } /* LOGIN */ /* login container */ #PlentyWebMyAccountLogin { width: 322px; margin: 10px auto 0 auto; } /* login container content */ /* row */ #PlentyWebMyAccountLogin .PlentyFormContainer { display: block; clear: both; margin-top: 2px; } .PlentyMyAccountContainerTitle { display: block; color: #4582A5; font-size: 14px; margin-bottom: 10px; padding-bottom: 5px; } /* text before */ #PlentyWebMyAccountLoginNote1 { padding: 5px 0 10px; } /* input container */ .PlentyFormTitle { display: inline-block; color: #626262; font-weight: normal; } .PlentyFormTitle > label { padding: 6px 0 5px 0; /*7px*/ display: block; } /* labels */ #PlentyWebMyAccountLoginEmailTitle, #PlentyWebMyAccountLoginPasswordTitle { display: inline-block; float: left; width: 100px; } #PlentyWebMyAccountLoginEmailContent > input, #PlentyWebMyAccountLoginPasswordContent > input { display: inline-block; width: 190px; border: 1px solid #CCCCCC; margin: 0; outline: medium none; margin-top: 2px; padding: 3px; } /* inputs */ div.PlentyWebMyAccountLoginData input[type=text], div.PlentyWebMyAccountLoginData input[type=password] { border: 1px solid #CCCCCC; padding: 2px 3px; font-size: 12px; height: 28px; /*13px*/ margin-top: 2px; margin-bottom: 0; } /* inputs hover,focus */ div.PlentyWebMyAccountLoginData input[type=text]:hover, div.PlentyWebMyAccountLoginData input[type=password]:hover, div.PlentyWebMyAccountLoginData input[type=text]:focus, div.PlentyWebMyAccountLoginData input[type=password]:focus { border-color: #666666 !important; /*1474d4*/ } /* link forgotten password */ #PlentyWebMyAccountLoginForgotPassword, #PlentyWebMyAccountLoginCustomerRegistration { padding-top: 8px; } /* text after */ #PlentyWebMyAccountLoginNote2 { padding-top: 10px; padding-bottom: 5px; } /* LINKS */ /*standard*/ #PlentyWebMyAccountLogin a:link, #PlentyWebMyAccountLogin a:visited { color: #282828 !important; text-decoration: none; } #PlentyWebMyAccountLogin a:hover, #PlentyWebMyAccountLogin a:focus, #PlentyWebMyAccountLogin a:active { color: #686868 !important; text-decoration: none; } /* NEW STYLE */ #PlentyWebMyAccountMyAccountNote1 { padding: 5px 0 10px; } #PlentyWebMyAccountMyAccountTitleContainer { } /* headline */ #PlentyWebMyAccountMyAccountTitleContainerTitle { display: block; color: #CB0403; font-size: 25px; padding: 12px 0 0px 0px; border-bottom: 1px solid #CB0403; } /*logout button*/ #PlentyWebMyAccountMyAccountLogoutContainer { display: block; float: right; position: relative; top: -30px; } .PlentyWebMyAccountOrderOverviewItemsTitle *{font-size:17px;} /* text before/after */ .PlentyWebMyAccountText1Container p { padding-bottom: 10px; } .PlentyWebMyAccountText2Container p { padding-top: 10px; } /* hide optional freetext fields */ /* in customer data */ #WebMyAccountCustomerDataContainerFreetext1, #WebMyAccountCustomerDataContainerFreetext2, #WebMyAccountCustomerDataContainerFreetext3, /* in popup */ #PlentyWebMyAccountUpdateCustomerContactFreetext1Container, #PlentyWebMyAccountUpdateCustomerContactFreetext2Container, #PlentyWebMyAccountUpdateCustomerContactFreetext3Container { display: none; } /* ORDER CONTAINERS */ /*order container content row*/ .PlentyWebMyAccountDisplayOrdersContainer > div.PlentyWebMyAccountDisplayOrdersOrderId + div.PlentyFormBox { padding: 0; vertical-align: top; color: #626262; font-size: 13px; line-height: 20px; } /*container left cell*/ .PlentyWebMyAccountDisplayOrdersContainer1 { width: 35%; padding-right: 20px; } /*container right cell*/ .PlentyWebMyAccountDisplayOrdersContainer2 { width: 65%; padding-left: 40px; border-left: 1px solid #F59700; } /*content left*/ .PlentyWebMyAccountDisplayOrdersContainer1 > div { min-width: 200px; padding: 10px 0 10px 10px; } /*content left table*/ .PlentyWebMyAccountDisplayOrdersContainer1 > div > .PlentyMyAccountTableLayout > div > div { padding-right: 10px; } /*content left table first column*/ .PlentyWebMyAccountDisplayOrdersContainer1 > div > .PlentyMyAccountTableLayout > div > div:first-child { width: 120px; } /*content left open details link*/ .PlentyWebMyAccountDisplayOrdersContainer1 > div > div:last-child { margin-top: 15px; } /*name (popup adress)*/ .PlentyWebMyAccountDisplayOrdersContainer1 > div > div.PlentyWebMyAccountDisplayOrdersShipping > span.PlentyWebMyAccountDisplayOrdersShippingData { } /*order data container right*/ .PlentyWebMyAccountDisplayOrdersContainer2 > div { padding: 8px 10px 8px 0; } /*text/image containers rows standard*/ .PlentyWebMyAccountDisplayOrdersContainer2 > div > div > div.PlentyWebMyAccountDisplayOrdersItemsDataContainer { margin-bottom: 10px; vertical-align: top; border-bottom: 1px solid #ccc; } /*text/image containers last row*/ .PlentyWebMyAccountDisplayOrdersContainer2 > div > div > div.PlentyWebMyAccountDisplayOrdersItemsDataContainer:last-child { margin-bottom: 0; } /*text/image containers*/ .PlentyWebMyAccountDisplayOrdersContainer2 > div > div > div.PlentyWebMyAccountDisplayOrdersItemsDataContainer > span { font-weight: bold; vertical-align: top; display: table-cell; padding-left: 10px; } /*text/image containers first child (image container)*/ .PlentyWebMyAccountDisplayOrdersContainer2 > div > div > div.PlentyWebMyAccountDisplayOrdersItemsDataContainer > span:first-child { padding-left: 0; width: 30px; text-align: center; } /*image container first row*/ .PlentyWebMyAccountDisplayOrdersContainer2 > div > div > div.PlentyWebMyAccountDisplayOrdersItemsDataContainer:first-child > span:first-child { margin-top: 0; } /*img*/ .PlentyWebMyAccountDisplayOrdersContainer2 img { max-width: 30px; max-height: 30px; } /*number*/ .PlentyWebMyAccountDisplayOrdersContainer2 .PlentyWebMyAccountDisplayOrdersItemsQuantity { white-space: nowrap; } /* ORDER CONTAINER CHILDREN CONTAINERS (RETOURE, ...) */ /*container*/ .PlentyWebMyAccountDisplayOrdersChildContainer { margin-top: 0; border-top: medium none; } /*header*/ .PlentyWebMyAccountDisplayOrdersChildContainer > div.PlentyWebMyAccountDisplayOrdersOrderId { background: #fcfcfc; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; } /* SINGLE ORDER DETAILS */ /*header container see above*/ /*additional styling*/ .PlentyFormContainer.PlentyWebMyAccountOrderOverviewOverviewContainer { } /*header columns*/ .PlentyWebMyAccountOrderOverviewOverviewContainer > div { display: inline-block; vertical-align: top; font-weight: bold; line-height: 20px; } /*header column left*/ .PlentyWebMyAccountOrderOverviewOverviewContainer > div:first-child { width: 50%; padding-top: 8px; } /*header column right*/ .PlentyWebMyAccountOrderOverviewOverviewContainer > div:last-child { margin-left: 0; padding-top: 8px; } /*header data*/ .PlentyWebMyAccountOrderOverviewOverviewContainer > div > div > span:first-child { display: inline-block; width: 150px; } /* ITEM CONTAINERS (SHIPPING DETAILS & ARTICLE LIST) */ /*item container*/ .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow { margin-top: 0; margin-bottom: 16px; } /*item header*/ .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer > span, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow > .ItemsHeaderRow { } /*item content*/ .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer > span + div, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow > .ItemsContentRow { } /*special styling: trusted shops*/ .PlentyWebMyAccountOrderOverviewTrustedShopsDataContainer div.MyAccountPayment_TrustedShopsContent { display: table; width: 100%; margin: 10px 0; } .PlentyWebMyAccountOrderOverviewTrustedShopsDataContainer div.MyAccountPayment_TrustedShopsContent > div { display: table-cell; vertical-align: top; } .PlentyWebMyAccountOrderOverviewTrustedShopsDataContainer div.MyAccountPayment_TrustedShopsDescription { padding-left: 10px; font-size: 13px; } .MyAccountPayment_TrustedShopsLogo input[type=image] { border: none; height: auto; } /*special styling: payment method*/ .PlentyWebMyAccountOrderOverviewPaymentMethodContainer div.PlentyWebMyAccountOrderOverviewPaymentMethodDataContainer { } /* SINGLE ORDER DETAILS ARTICLE LIST (FULL WIDTH) */ /* HEADER */ span.PlentyWebMyAccountOrderOverviewItemsTitle { margin-bottom: 16px; } /*header data left & right*/ span.PlentyWebMyAccountOrderOverviewItemsTitle > span { } span.PlentyWebMyAccountOrderOverviewItemsTitle .PlentyWebMyAccountOrderOverviewItemsTitleContainer { float: left; } span.PlentyWebMyAccountOrderOverviewItemsTitle .PlentyWebMyAccountOrderOverviewItemsTotalContainer { float: right; } /*header button*/ span.PlentyWebMyAccountOrderOverviewItemsTitle > span.PlentyWebMyAccountOrderOverviewItemsChangeContainer { float: left !important; margin-left: 5px !important; } /* ARTICLE LIST */ /*main container*/ .PlentyWebMyAccountOrderOverviewItemsBox .PlentyWebMyAccountOrderOverviewItemsMain .PlentyFormContainer.ItemsRow { } /*article item content*/ .PlentyFormContainer.ItemsContentRow { padding: 0 !important; } /*article list data*/ .PlentyFormContainer.ItemsContentRow > .PlentyFormBox.PlentyMyAccountTableLayout > .PlentyFormContainer > div { vertical-align: top; padding: 10px; font-size: 13px; line-height: 20px; /*color: #626262;*/ } /*last container (price)*/ .PlentyFormContainer.ItemsContentRow > .PlentyFormBox.PlentyMyAccountTableLayout > .PlentyFormContainer > div:last-child { padding-left: 0; min-width: 80px; text-align: right; font-weight: bold; white-space: nowrap; } /*last container (quantity return)*/ .ItemsQuantityReturnDetail { display: block } /*article discription container*/ .PlentyFormContainer.ItemsContentRow > .PlentyFormBox.PlentyMyAccountTableLayout > .PlentyFormContainer > .PlentyFormContainer.ItemsDescription { padding-top: 0; padding-right: 0; vertical-align: top; } /*article discription boxes*/ .PlentyFormContainer.ItemsContentRow > .PlentyFormBox.PlentyMyAccountTableLayout > .PlentyFormContainer > .PlentyFormContainer.ItemsDescription > .PlentyFormContainer.ItemsDescriptionDetails > div { display: inline-block; vertical-align: top; margin-top: 10px; margin-right: 20px; min-height: 43px; } /* no border bottom after textarea fullwidth */ .ItemWishListCommentComment, .ItemsDescriptionRating { border-bottom: none !important; } /* article discription line span */ .PlentyFormContainer.ItemsContentRow > .PlentyFormBox.PlentyMyAccountTableLayout > .PlentyFormContainer > .PlentyFormContainer.ItemsDescription > .PlentyFormContainer.ItemsDescriptionDetails > div > span { display: block; font-weight: normal; vertical-align: top; } /* bold */ /* article details */ .PlentyFormContainer.ItemsContentRow > .PlentyFormBox.PlentyMyAccountTableLayout > .PlentyFormContainer > .PlentyFormContainer.ItemsDescription > .PlentyFormContainer.ItemsDescriptionDetails > div > span:first-child { font-weight: bold; } /* img */ .PlentyFormContainer.ItemsImage { width: 110px; text-align: center; } /* price */ .ItemsContentRow .PlentyFormContainer.ItemsPrice { font-weight: bold; } /* input quantity */ .PlentyFormContainer.ItemsContentRow input[type=text] { text-align: right; width: 50px; } /* value & comment */ span.ItemsDescriptionRatingDetailCommentTitle, span.ItemsDescriptionRatingDetailCommentValue > input[type=button] { margin-top: 4px; } /* blocks (wrap line) */ .PlentyFormContainer.ItemsDescriptionRating, .PlentyFormContainer.ItemsDescriptionRatingDetailCommentTitle, .ItemWishListCommentComment { display: block !important; } .ItemsDescriptionRatingDetail { width: 100% !important; } /* blocks */ .ItemWishListCommentComment > span { display: block; } span.ItemsDescriptionRatingDetailCommentValue > textarea, .ItemWishListCommentComment textarea { width: 100%; } /* last cell */ .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > .PlentyFormContainer.ItemsRow > .PlentyFormContainer.ItemsContentRow > div.ItemsPrice { text-align: right; } /* SUM BOX */ .PlentyWebMyAccountOrderOverviewOrderSumBox { margin-bottom: 0; /*padding: 10px; border: 1px solid #EEEEEE;*/ } /* cells */ .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div > div { text-align: right; padding: 5px 0; border-bottom: 1px solid #eeeeee; } /* cells left column */ .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div > div:first-child { width: 95%; } /* cells right column */ .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div > div:last-child { white-space: nowrap; } /* right column span */ .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div > div:last-child > span { padding-left: 10px; } /* price container */ .PlentyWebMyAccountOrderOverviewOrderSumBox .PlentyCurrencyContainer { width: 110px; } /* bold */ .PlentyWebMyAccountOrderOverviewGoodsValueGross .PlentyGoodsValueGrossTitle, .PlentyWebMyAccountOrderOverviewGoodsValueGross .PlentyGoodsValueGrossDetail, .PlentyWebMyAccountOrderOverviewShippingCostsGross .PlentyShippingCostsGrossTitle, .PlentyWebMyAccountOrderOverviewShippingCostsGross .PlentyShippingCostsGrossDetail, .PlentyWebMyAccountOrderOverviewVAT .PlentyVATTitle, .PlentyWebMyAccountOrderOverviewVAT .PlentyVATDetail, .PlentyWebMyAccountOrderTotalAmount .PlentyTotalAmountTitle, .PlentyWebMyAccountOrderTotalAmount .PlentyTotalAmountDetail, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(1) > div > span, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(3) > div > span, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(6) > div > span, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(7) > div > span, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(8) > div > span { font-weight: bold; } /* VAT notice */ .PlentyWebMyAccountVatNotice, .ItemsPrice > .ItemsPriceVat, .ItemsPrice > .ItemsPriceShipping, .ItemsPrice > .ItemsPriceWeight { font-weight: normal !important; font-size: 11px; } /* no underline */ .PlentyWebMyAccountOrderOverviewGoodsValueGross > div, .PlentyWebMyAccountOrderOverviewShippingCostsGross > div, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(1) > div, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(3) > div { border-bottom: none !important; } /* last underline */ .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:last-child > div { border-bottom: 1px solid #cb0403; } /* POPUP SINGLE ORDER VIEW (SHIPPING, PAYMENT & SHIPPING ADRESS) */ /* table */ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingMethodPopupContainer > div > div > form > div > .PlentyFormBox, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer > div > div > form > div > .PlentyFormBox, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer > div > div > form > div > .PlentyFormBox, div.PlentyMyAccountTableLayout { display: table; width: 100%; padding: 5px 0; } /*table row*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingMethodPopupContainer > div > div > form > div > .PlentyFormBox > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer > div > div > form > div > .PlentyFormBox > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer > div > div > form > div > .PlentyFormBox > div, div.PlentyMyAccountTableLayout > div { display: table-row; } /*table-cell*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingMethodPopupContainer > div > div > form > div > .PlentyFormBox > div > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer > div > div > form > div > .PlentyFormBox > div > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer > div > div > form > div > .PlentyFormBox > div > div, div.PlentyMyAccountTableLayout > div > div { display: table-cell; vertical-align: top; } /* POPUP TABLE LAYOUT (LIST) */ /*cell rows*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingMethodPopupContainer > div > div > form > div > .PlentyFormBox > div > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer > div > div > form > div > .PlentyFormBox > div > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer > div > div > form > div > .PlentyFormBox > div > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer div.PlentyMyAccountTableLayout > div > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer div.PlentyMyAccountTableLayout > div > div, .PlentyWebMyAccountListContainer .PlentyMyAccountTableLayout > div > div { padding: 8px 0 6px; border-bottom: 1px solid #cccccc; } /*last cell*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingMethodPopupContainer > div > div > form > div > .PlentyFormBox > div > div:last-child, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer > div > div > form > div > .PlentyFormBox > div > div:last-child, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer > div > div > form > div > .PlentyFormBox > div > div:last-child, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer div.PlentyMyAccountTableLayout > div > div:last-child, .PlentyWebMyAccountListContainer .PlentyMyAccountTableLayout > div > div:last-child { text-align: right; } /*radio buttons*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingMethodPopupContainer label > input[type=radio], .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer label > input[type=radio], .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer label > input[type=radio], .PlentyWebMyAccountListContainer label > input[type=radio] { margin-right: 5px; } /*images*/ .PlentyWebMyAccountListContainer .PlentyMyAccountTableLayout > div > div > label > img { height: 30px; margin: -4px 0; } /*shipping details list*/ .PlentyWebMyAccountShippingDetailsListRadio { margin-right: 10px; } /*large popups (payment)*/ /*popup width*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer { width: 600px; margin-left: -316px !important; /* 1/2 width + border-width + 15px */ } /*images*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer img { height: 30px; margin: -4px 0; } /* POPUP CHANGE ARTICLE */ /*container*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountItemsPopupContainer { width: 822px; margin-left: -426px !important; /* 1/2 width + border-width + 15px */ } /*item container*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountItemsPopupContainer .PlentyFormContainer.ItemsRow { /*border: 1px solid #CCCCCC;*/ } .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountItemsPopupContainer .PlentyFormContainer.ItemsRow > .PlentyFormContainer.ItemsContentRow { /*border-top: 1px solid #CCCCCC;*/ } /* change attributes */ /* header */ .PlentyWebMyAccountItemUpdateAttributesTitle, .PlentyWebMyAccountItemUpdatePriceSelectTitle, .PlentyWebMyAccountItemUpdateOrderParamsTitle { display: block; background: #F3F3F3; border-bottom: 1px solid #888888; padding: 5px 8px; font-weight: bold; } /* container */ .PlentyWebMyAccountItemUpdateAttributesMain, .PlentyWebMyAccountItemUpdatePriceSelectMain, .PlentyWebMyAccountItemUpdateOrderParamsMain { } /* table */ .PlentyWebMyAccountItemUpdateAttributesMain > .PlentyMyAccountTableLayout, .PlentyWebMyAccountItemUpdatePriceSelectMain > .PlentyMyAccountTableLayout, .PlentyWebMyAccountItemUpdateOrderParamsMain > .PlentyMyAccountTableLayout { margin: 0 0 7px; } /* cells */ .PlentyWebMyAccountItemUpdateAttributesMain > .PlentyMyAccountTableLayout > div > div, .PlentyWebMyAccountItemUpdatePriceSelectMain > .PlentyMyAccountTableLayout > div > div, .PlentyWebMyAccountItemUpdateOrderParamsMain > .PlentyMyAccountTableLayout > div > div { line-height: 22px; vertical-align: middle; } /* first column */ .PlentyWebMyAccountItemUpdateAttributesMain > .PlentyMyAccountTableLayout > div > div:first-child, .PlentyWebMyAccountItemUpdatePriceSelectMain > .PlentyMyAccountTableLayout > div > div:first-child, .PlentyWebMyAccountItemUpdateOrderParamsMain > .PlentyMyAccountTableLayout > div > div:first-child { width: 100px; padding-right: 5px; } /* text */ .PlentyWebMyAccountItemUpdateAttributesMain > .PlentyMyAccountTableLayout > div > div, .PlentyWebMyAccountItemUpdatePriceSelectMain > .PlentyMyAccountTableLayout > div > div, .PlentyWebMyAccountItemUpdateOrderParamsMain > .PlentyMyAccountTableLayout > div > div { font-weight: bold; vertical-align: text-top; padding: 2px 1px; border-bottom: 1px solid #eeeeee; } /* OTHER */ .PlentyWebMyAccountOrderOverviewNote1 + .PlentyWebMyAccountPopupContainer + .PlentyWebMyAccountPopupContainer + .PlentyWebMyAccountOrderOverviewItemsContainer { margin-bottom: 16px; } .PlentyWebMyAccountOrderOverviewPaymentHintOrderId{display:block; text-align:center; margin:5px 0; color:#cb0403; font-weight:bold; font-size:16px;} h2.iArt_highlightBanking{font-size:14px; text-align:center; margin:5px 0;} #PlentyWebMyAccountDisplayOrdersPeriodInput{margin-right:100px;} .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer{position:fixed !important; left:50% !important; top:30% !important; margin-left:-30px !important;} .PlentyWebMyAccountConfirmContent{position: absolute; top: 12px; left: 15px; font-weight: bold; font-size: 14px; color: #CB0403;} .PlentyWebMyAccountItemContainerHeaderTitle a, .PlentyWebMyAccountItemContainerHeaderTitle a strong{color: #CB0403;} #WebPostfinderGetPackstationsOverlayContainer{z-index: 42001; text-align: left; position: fixed; left: 35%; display: block;top: 20% !important;height: 200px;overflow: auto;background: #fff;border: 1px solid #F79E00;padding: 10px;} .PlentyWebshopTable{display:table;} .PlentyWebshopTableRow{display:table-row;} .PlentyWebshopTableCell{display:table-cell;padding: 5px 10px;max-width: 80px;border-bottom: 1px solid #ccc;} .PlentyWebshopTableHeaderCell{font-weight:bold;border-bottom: 1px solid #333;} #WebPostfinderGetPackstationsButtonSubmit{float:right; padding-top:10px;} #WebPostfinderGetPackstationsButtonCancel{float:left; padding-top:10px;} /* main header */ #PlentyWebCustomerRegistrationTitle { color: #444444; font-size: 18px; font-weight: normal; padding: 5px 10px; margin-bottom: 0; background: #f8a300; background: -moz-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8a300), color-stop(100%, #f18000)); background: -webkit-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -o-linear-gradient(top, #f8a300 0%, #f18000 100%); background: -ms-linear-gradient(top, #f8a300 0%, #f18000 100%); background: linear-gradient(to bottom, #f8a300 0%, #f18000 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8a300', endColorstr='#f18000', GradientType=0 ); border-radius: 5px 5px 0 0; -moz-border-radius-topright:5px; -khtml-border-radius-topleft:5px; -khtml-border-radius-topright:5px; /* rest */ color:#fff; font-size:18px; border: 1px solid #F59700; padding:5px 10px 5px 10px; font-weight:bold; } /* main container */ #PlentyWebCustomerRegistrationMainContainer { background-color: #FFFFFF; border: 1px solid #CCCCCC; line-height: 17px; padding: 16px; } /* 2 COLUMN LAYOUT */ /* table */ #PlentyWebCustomerRegistrationTable { display: table; width: 100%; } /* row */ #PlentyWebCustomerRegistrationTableRow { display: table-row; } /* cell */ #PlentyWebCustomerRegistrationTableRow > div { display: table-cell; width: 50%; } #PlentyWebCustomerRegistrationContainer1 { padding-right: 8px; } #PlentyWebCustomerRegistrationContainer2 { padding-left: 8px; } /* LABEL INPUT LIST */ /* table */ #PlentyWebCustomerRegistrationContainer1 > div, #PlentyWebCustomerRegistrationContainer2 > div { display: table; width: 100%; } /* row */ .PlentyWebCustomerRegistrationData { display: table-row; } /* cell */ .PlentyWebCustomerRegistrationData > div { display: table-cell; vertical-align: middle; } /* label cell */ .PlentyWebTableCellLabel { } /* input cell */ .PlentyWebTableCellInputs, .PlentyWebTableCellInputsMulti { width: 61%; } /* label */ .PlentyWebTableCellLabel > span { display: block; } /* input wrappers */ .PlentyWebTableCellInputs > span, .PlentyWebTableCellInputsMulti > span { display: block; margin: 2px 0; } /* input */ .PlentyWebTableCellInputs > span > input, .PlentyWebTableCellInputsMulti > span > input, #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayDayInput > input, #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayMonthInput > input, #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayYearInput > input { width: 100%; margin-left: -1px; color: #404040 !important; } /* select */ .PlentyWebTableCellInputs > span > select { margin-left: -1px; } /* input wrapper multi (street, nr., zip, city) */ .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputStreetInput, .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputCityInput { width: 74%; } .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputHouseNoInput, .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputZipCodeInput { width: 22%; } /* input wrapper multi (street, nr., zip, city) */ .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputStreetInput, .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputZipCodeInput { float: left; } .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputHouseNoInput, .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputCityInput { float: right; } .PlentyWebCustomerRegistrationClear { clear: both; } #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayInput { display: block; } /* input wrapper multi (date of birth) */ #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayDayInput, #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayMonthInput, #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayYearInput { display: block; float: left; vertical-align: top; text-align: center; width: 9%; } #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayYearInput { width: 22%; } #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayMonthInput, #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayYearInput { margin-left: 4%; } #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayInput input { text-align: center; } #PlentyWebCustomerRegistrationBirthdayTitle, #PlentyWebCustomerRegistrationVATNumberTitle { } #PlentyWebCustomerRegistrationBirthdayNotice, #PlentyWebCustomerRegistrationVATNumberNotice { display: block; font-size: 0.8em; padding: 2px 0; } /* select */ #PlentyWebCustomerRegistration select { border: 1px solid #CCCCCC; font-size: 12px; margin-top: 2px; margin-bottom: 0; height: 34px; /*no height set*/ padding: 7px 5px 7px 0; /*no padding set*/ } #PlentyWebCustomerRegistration select:hover, #PlentyWebCustomerRegistration select:focus { border-color: #666666; /*1474d4*/ } #PlentyWebCustomerRegistrationSalutation { width: 33%; } #PlentyWebCustomerRegistrationCountry { width: 66%; } /* input */ #PlentyWebCustomerRegistration input[tyle=text], #PlentyWebCustomerRegistration input[tyle=password] { border: 1px solid #CCCCCC; padding: 2px 3px; font-size: 12px; height: 28px; /*13px*/ margin-top: 2px; margin-bottom: 0; } #PlentyWebCustomerRegistration input[tyle=text]:hover, #PlentyWebCustomerRegistration input[tyle=password]:hover, #PlentyWebCustomerRegistration input[tyle=text]:focus, #PlentyWebCustomerRegistration input[tyle=password]:focus { border-color: #666666 !important; /*1474d4*/ } /* note */ #PlentyWebCustomerRegistrationContainer4 { margin-top: 16px; } #PlentyWebLoginRegisterRadios > div > label > input[type=radio] { height: auto !important; } .PlentyMandatoryField { font-weight: bold !important; }