nothing{}
/* ----- GENERAL DEFINITIONS -------------------------------- */
.CheckoutWrapper table
{
padding: 0px;
border: 0px;
margin: 0px;
border-collapse: collapse;
}
.CheckoutWrapper td
{
padding: 0px;
border: 0px;
margin: 0px;
}
.CheckoutWrapper div
{
padding: 0px;
margin: 0px;
}
.CheckoutWrapper img
{
border: 0px;
}
.CheckoutWrapper h1
{
font-size: 26px;
font-weight: bold;
font-family: Arial;
margin-top: 0px;
margin-bottom: 5px;
}
.CheckoutWrapper h2
{
font-size: 16px;
font-weight: bold;
font-family: Arial;
}
.CheckoutWrapper p
{
font-weight: normal;
margin-top: 10px;
margin-bottom: 10px;
}
.CheckoutWrapper a:visited
{
color: #0141b5;
text-decoration: underline;
}
.CheckoutWrapper a
{
color: #0141b5;
text-decoration: underline;
}
.CheckoutWrapper a:hover
{
color: #f9870c;
}
.CheckoutWrapper a:active
{
color: #000000;
}
.Alert
{
color: #dd0000;
}
.CheckboxCell
{
text-align: left;
padding-right: 10px;
}
.CheckoutWrapper p, .CheckoutWrapper span, .CheckoutWrapper div, .CheckoutWrapper ul, .CheckoutWrapper li, .CheckoutWrapper td
{
padding: 0px;
margin: 0px;
border: 0px;
font-family: Arial, Sans-Serif;
line-height:normal;
font-size: 11px;
color: black;
}
.CheckoutWrapper a, .CheckoutWrapper input
{
font-family: Arial, Sans-Serif;
line-height:normal;
font-size: 11px;
}
/* ---- Checkout general definitions --------------------------------- */
.Checkout
{
font-family: Arial, Sans-Serif;
}
.CheckoutDisabled
{
color: #cccccc;
}
input.Checkout
{
font-size: 11px;
}
input.CheckoutInputText, input.CheckoutInputTextBig, input.CheckoutInputTextSmall, select.Checkout
{
padding: 1px 2px 1px 2px;
margin: 0px;
border: 1px solid #cccccc;
background-color: #ffffff;
}
input.CheckoutInputTextBig
{
width: 180px;
}
input.CheckoutInputTextSmall
{
width: 180px;
}
select.Checkout
{
}
input.CheckoutInputButton
{
padding: 0 3px;
width: 0;
overflow: visible;
}
input.CheckoutInputButton[class]
{
width: auto;
}
input.CheckoutInputRadio
{
padding: 0px;
}
input.CheckoutInputCheckbox
{
display: inline;
}
div.Checkout
{
}
table.Checkout
{
width: 100%;
}
span.Checkout, textarea.Checkout, select.Checkout, select.Checkout option, a.Checkout
{
font-size: 11px;
font-family: Arial, Sans-Serif;
}
textarea.Checkout
{
width: 265px;
}
label.Checkout
{
font-size: 11px;
vertical-align:text-top;
margin-right: 5px;
}
div.CheckoutWrapper
{
width: 770px;
padding: 0px;
font-family: Arial;
position: relative;
}
div.CartWrapper
{
background: #ffffff;
}
h1.CartHeader
{
padding: 4px 0px 1px 15px;
margin: 0px;
font-size: 15px;
background: #fff url(../images/checkout/CartHeaderBg.gif) no-repeat;
border: 0px solid #666666;
border-bottom: 0px;
zoom: 1;
}
div.CartContents, div.PlacedOrderDetailsCartContents
{
border: 1px solid #666666;
border-bottom: 0px;
}
table.CartContents, table.PlacedOrderDetailsCartContents
{
width: 100%;
background: #f6f6f6;
text-align: center;
}
table.CartContents td, table.CartContents span
{
font-family: Arial, Sans-Serif;
}
table.CartContents img, table.CartContents input
{
display: block;
}
table.CartContents td.FirstCol
{
padding-left: 15px;
text-align: left;
}
table.CartContents td.LastCol
{
padding-right: 15px;
}
td.CartContentsHeader
{
font-weight: bold;
font-size: 12px;
font-family: Arial;
background: #ddd;
padding: 2px 0px 2px 0px;
border-bottom: 1px solid #cccccc;
}
td.CartContentsHeaderQuantity,td.CartContentsHeaderSum
{
border-left : 1px solid #ffffff;
}
td.CartContentsHeaderSum
{
padding-left: 40px;
}
td.CartArticleName
{
text-align: left;
padding: 5px;
width: 450px;
}
td.CartArticlePrice
{
padding: 5px;
}
td.CartArticleQuantityIncrease, td.CartArticleQuantityDecrease
{
width: 21px;
}
td.CartArticleQuantityDecrease
{
padding: 6px 0px 0px 10px;
}
td.CartArticleQuantityIncrease
{
padding: 6px 10px 0px 0px;
width: 30px;
}
td.CartArticleQuantityInput
{
padding: 5px 5px 5px 5px;
width: 25px;
}
td.CartArticleQuantityInput input
{
width: 25px;
text-align: center;
padding: 0px 2px 0px 2px;
margin: 0px;
border: 1px solid #cccccc;
background-color: #ffffff;
font-size: 12px;
}
td.CartArticleUpdate, td.CartArticleDelete
{
padding: 6px 5px 5px 5px;
width: 20px;
}
td.CartArticleSum
{
font-weight: normal;
text-align: right;
width: 130px;
padding: 6px 0px 0px 0px;
}
/* ----- CART SUMMARY (NEW) --------------------------- */
div.CartSummaryWrapper
{
}
table.CartSummary
{
width: 100%;
}
table.CartSummary td
{
text-align: left;
padding: 3px 0px 3px 0px;
border-top: 1px solid #e6e6e6;
}
table.CartSummary td.DiscountWrapper
{
text-align: right;
padding-bottom: 0px;
border-top: 0px solid #e6e6e6;
}
table.CartSummary td.DiscountWrapper span
{
margin: 0px 0px 0px 5px;
}
table.CartSummary td.DiscountWrapper input
{
margin: 0px 0px 0px 5px;
}
table.CartSummary td.Label
{
}
table.CartSummary td.Value
{
padding-left: 10px;
}
table.CartSummary td.DiscountText, table.CartSummary td.DiscountValue
{
border-top: 1px solid #e6e6e6;
}
table.CartSummary td.VATText, table.CartSummary td.VATValue
{
border-top: 0px solid #e6e6e6;
padding-top: 0px;
padding-bottom: 4px;
color: #993300;
line-height: 10px;
}
table.CartSummary td.TotalSumText, table.CartSummary td.TotalSumValue
{
font-weight: bold;
font-size: 12px;
padding-bottom: 0px;
padding-top: 5px;
}
/* ----- CART SPACERS --------------------------- */
td.CartSumSpacerEmpty, td.CartSumSpacerFill, td.CartFeeSpacerEmpty, td.CartFeeSpacerFill, td.CartArticleSpacer
{
font-size: 0px;
height: 1px;
overflow: hidden;
}
td.CartSumSpacerFill
{
background: #cccccc;
}
td.CartFeeSpacerFill, td.CartArticleSpacer
{
background: #e0e0e0;
}
td.CartArticleSums
{
background: #dddddd;
padding: 3px;
font-weight: bold;
}
td.CartTotalArticleQuantityText
{
text-align: right;
padding-right: 1px;
}
td.CartTotalArticleQuantity
{
font-weight: bold;
}
td.CartTotalArticleSum
{
text-align: right;
padding-right: 0px;
white-space: nowrap;
}
td.CartTotalArticleSum
{
font-weight: bold;
}
/*
td.ShippingFeeEmpty
{
background: #ffffff;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
}
td.OrderFeesEmpty, td.VatEmpty
{
background: #ffffff;
border-right: 1px solid #666666;
}
*/
td.OrderFees
{
padding: 4px 0px 4px 0px;
font-weight: normal;
text-align: right;
}
td.ArticleSumPlusVatText, td.ArticleSumPlusVatValue
{
padding-top: 0px;
background: #ddd;
color: #990000;
line-height: 10px;
padding-bottom: 6px;
}
td.FeePlusVatText, td.FeePlusVatValue
{
padding-top: 0px;
color: #990000;
line-height: 10px;
padding-bottom: 6px;
}
td.CartTotalEmpty
{
}
td.CartTotalSumText
{
}
td.CartTotalSumText, td.CartTotalSumValue
{
font-size: 13px;
font-weight: bold;
padding: 4px 0px 5px 10px;
background: #dddddd;
text-align: right;
}
td.CartTotalSumText
{
background: #dddddd url(../images/checkout/CartTotalSumTextBg.gif) repeat-y;
}
div.CartFooter
{
background: url(../images/checkout/CartFooterBg.gif) bottom left no-repeat;
height: 4px;
margin-top: -4px;
font-size: 1px;
}
/* ---- STATUS ------------------------------------------ */
div.StatusWrapper
{
display: none;
}
div.StatusCustomerInfo, div.StatusPaymentInfo, div.StatusOrderBtn
{
width: 150px;
margin-bottom: 10px;
}
div.StatusStep
{
padding: 3px 0px 0px 0px;
}
div.StatusStep div
{
height: 24px;
padding-top: 2px;
}
div.StatusStep span
{
display: block;
padding: 3px 5px 0px 5px;
text-align: center;
}
span.StatusStepNr
{
font-size: 11px;
font-weight: bold;
}
span.StatusHeader
{
font-size: 12px;
font-weight: bold;
}
span.StatusMessage
{
font-size: 10px;
font-weight: normal;
}
span.StatusDone
{
font-size: 13px;
font-weight: bold;
}
span.StatusDone img
{
vertical-align: text-bottom;
}
div.StatusStepActive
{
background: url(../images/checkout/StatusArrowVerticalActive.gif) top left no-repeat;
}
div.StatusStepActive div.StatusFooter
{
background: url(../images/checkout/StatusArrowVerticalActive.gif) bottom left no-repeat;
}
div.StatusStepActive span.StatusDone
{
display:none;
}
div.StatusStepDone
{
background: url(../images/checkout/StatusArrowVerticalDone.gif) top left no-repeat;
}
div.StatusStepDone div.StatusFooter
{
background: url(../images/checkout/StatusArrowVerticalDone.gif) bottom left no-repeat;
}
div.StatusStepDone span.StatusMessage
{
display:none;
}
div.StatusOrderBtn
{
cursor: pointer;
}
div.StatusOrderBtn span
{
font-size: 13px;
display: block;
text-align: center;
font-weight: bold;
padding: 18px 5px 0px 5px;
}
div.StatusOrderBtn div
{
height: 17px;
}
div.StatusOrderBtnConfirm
{
background: url(../images/checkout/StatusOrderBtnConfirm.gif) top left no-repeat;
}
div.StatusOrderBtnDisabled
{
background: url(../images/checkout/StatusOrderBtnVerticalGrey.gif) top left no-repeat;
}
div.StatusOrderBtnDisabled div.StatusFooter
{
background: url(../images/checkout/StatusOrderBtnVerticalGrey.gif) bottom left no-repeat;
}
div.StatusOrderBtnDisabled span
{
color: #bbb;
}
div.StatusOrderBtnActive
{
background: url(../images/checkout/StatusOrderBtnVerticalActive.gif) top left no-repeat;
}
div.StatusOrderBtnActive div.StatusFooter
{
background: url(../images/checkout/StatusOrderBtnVerticalActive.gif) bottom left no-repeat;
}
div.StatusOrderBtnActive span
{
color: #000;
}
/* ---- CustomerInfo + PaymentInfo ------------------------------------------ */
table.CustomerPaymentWrapper
{
width: 770px;
margin-top: 10px;
}
table.CartPaymentWrapper
{
position: absolute;
right: 0px;
margin-top: 15px;
}
td.CustomerInfo, td.PaymentInfo
{
width: 380px;
padding: 0px;
}
td.CustomerPaymentSpacer
{
padding: 0px 10px 0px 0px;
}
h2.CustomerInfoHeader, h2.PaymentInfoHeader
{
border: 0px solid #000000;
margin: 0px;
padding: 4px 2px 2px 7px;
font-size: 13px;
font-weight: bold;
color: #000000;
}
h2.CustomerInfoHeaderActive, h2.PaymentInfoHeaderActive
{
}
h2.ShowCartPaymentInfoHeaderActive
{
background: url(../images/checkout/CustomerInfoHeaderBgActive.gif) no-repeat;
}
h2.PaymentInfoHeaderDisabled
{
background: #dddddd url(../images/checkout/CustomerInfoHeaderBgGrey.gif) no-repeat;
color: #bbbbbb;
border: 0px solid #cccccc;
}
div.CustomerInfoBody, div.PaymentInfoBody
{
border: 1px solid #666666;
border-bottom: 0px;
background: #e7e7e7;
color: #000000;
padding: 0px 7px 3px 7px;
width: 364px;
clear: both;
}
div.CustomerInfoFooter, div.PaymentInfoFooter
{
background: url(../images/checkout/CustomerInfoFooterBg.gif) bottom left no-repeat;
height: 5px;
font-size: 1px;
}
/* ---- LOAD CUSTOMER PROFILE ------------------------------------------ */
td.LoadCustomerProfileSelector, td.CreateCustomerProfileSelector
{
padding: 0px 6px 0px 0px;
}
td.LoadCustomerProfileText, td.CreateCustomerProfileText
{
padding: 0px 0px 0px 0px;
}
td.LoadCustomerProfileText span.Checkout, td.CreateCustomerProfileText span.Checkout
{
font-size: 11px;
}
table.LoadCustomerProfileForm
{
margin: 10px 0px 0px 0px;
width: 100%;
}
.LoadCustomerProfileForm td.CustomerProfileValue
{
text-align: left;
padding: 2px 0px 2px 0px;
}
.LoadCustomerProfileForm input.CheckoutInputText
{
width: 130px;
padding-top: 1px;
padding-bottom: 1px;
}
/* ---- CREATE CUSTOMER PROFILE ------------------------------------------ */
div.CreateCustomerProfileForm
{
padding-top: 10px;
padding-left: 5px;
}
div.CustomerInfoSubmit
{
text-align:right;
padding-top: 7px;
}
/* ----- CUSTOMER PROFILE ------------------------------------------ */
div.CustomerProfileHeader
{
font-size: 12px;
font-weight:bold;
padding: 0px 0px 2px 0px;
margin-bottom: 8px;
border-bottom: 1px solid #cccccc;
}
td.CustomerProfileBtn
{
text-align: right;
padding-top: 12px;
}
td.CustomerProfileBtn input
{
margin-left: 20px;
}
td.CustomerProfileText span.Checkout
{
font-size: 11px;
}
/* ----- CONTENT AREA ----------------------------- */
div.ContentAreaHeader
{
background: url(../images/checkout/checkout-content-area-bg.gif) top left no-repeat;
height: 7px;
font-size: 0px;
overflow: hidden;
margin-top: 7px;
}
div.ContentAreaHeader div
{
background: url(../images/checkout/checkout-content-area-bg.gif) top right no-repeat;
height: 7px;
margin-left: 30px;
overflow: hidden;
font-size: 0px;
}
div.ContentAreaBody
{
padding: 0px 20px 7px 20px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background: #f6f6f6;
}
div.ContentAreaFooter
{
background: url(../images/checkout/checkout-content-area-bg.gif) bottom left no-repeat;
height: 7px;
text-align: right;
overflow: hidden;
font-size: 0px;
}
.PaymentInfo div.ContentAreaFooter
{
margin-top: -7px;
}
div.ContentAreaFooter div
{
background: url(../images/checkout/checkout-content-area-bg.gif) bottom right no-repeat;
height: 7px;
margin-left: 10px;
overflow: hidden;
font-size: 0px;
}
/* ----- CUSTOMER PROFILE GENERAL INFO ----------------------------- */
div.CustomerProfileGeneralInfo
{
padding: 0px;
}
table.CustomerProfile
{
width: 100%
}
td.CustomerProfileLabel
{
padding: 1px 10px 1px 0px;
width: 100px;
}
td.CustomerProfileValue
{
padding: 1px 0px 1px 0px;
}
td.CustomerProfileLabel span.Checkout, div.OrderInfoItem span.Checkout
{
color: #555555;
font-size: 11px;
font-weight: bold;
}
td.CustomerProfileValue span.Checkout
{
font-weight: normal;
font-size: 11px;
}
td.CustomerProfileValue span.CheckoutStatic
{
color: #555555;
font-size: 11px;
font-weight: bold;
}
td.CustomerProfileFootnote
{
text-align: right;
padding: 10px 0px 0px 0px;
}
td.CustomerProfileFootnote span.Checkout
{
color: #666666;
}
td.CustomerProfileEditLink
{
text-align: right;
padding-top: 12px;
}
/* ----- CUSTOMER PROFILE ADDRESS ----------------------------- */
div.CustomerProfileAddressHeader
{
font-size: 12px;
font-weight: bold;
margin: 15px 0px 10px 0px;
}
div.CustomerProfileAddress
{
padding: 10px 0px 0px 0px;
}
.CustomerProfileAltAddressSelect
{
text-align: right;
}
.CustomerProfileAltAddressSelect a
{
margin-left: 10px;
}
/* ----- REQUIRED FIELD MARKER ----------------------------- */
span.RequiredFieldMarker
{
font-size: 13px;
color: #69c;
line-height: 1px;
font-family: Arial, Sans-Serif;
}
/* ----- CHECKOUT SPACERS ----------------------------- */
td.CustomerInfoSpacer, div.CustomerInfoSpacer, div.PaymentInfoSpacer
{
height: 12px;
overflow: hidden;
}
/* ----- PAYMENT INFO ----------------------------- */
td.PaymentTypeLabel, td.ShippingTypeLabel
{
width: 130px;
}
td.PaymentTypeValue span.Checkout, td.ShippingTypeValue span.Checkout
{
font-weight: normal;
color: #000000;
font-size: 11px;
}
div.ShippingTypeWrapper, div.AdditionalOrderInfoWrapper
{
margin-top: 10px;
}
div.OrderInfoItem
{
padding-bottom: 3px;
}
div.OrderInfoItem div.Checkout
{
padding: 3px 0px 5px 0px;
}
div.PaymentInfoSubmit
{
margin-top: 7px;
text-align: right;
}
div.PaymentInfoFootnote
{
text-align: right;
margin-top: 10px;
padding-left: 50px;
}
div.CustomerProfileAltAddressSelector
{
margin-bottom: 10px;
}
div.CustomerInfoProfileAddress table
{
width: 100%;
}
div.CustomerInfoProfileAddress td.CustomerInfoProfileInput, div.CustomerInfoProfileAddress td.CustomerInfoProfileInputLabel
{
padding-bottom: 1px;
padding-top: 1px;
}
div.CustomerInfoProfileAddress td.CustomerInfoProfileInputLabel
{
padding-right: 5px;
white-space: nowrap;
}
td.CustomerInfoProfileAddressText
{
padding-bottom: 5px;
}
td.CustomerInfoProfileAddressText span
{
color: #334488;
}
div.CustomerInfoProfileAddressFooter
{
border-top: 1px solid #999999;
}
td.PaymentInfoPaymentFormComplementLabel, td.PaymentInfoPaymentFormComplementSelector, td.PaymentInfoPaymentFormComplementInput
{
padding-top: 2px;
}
img.QuestionMark
{
position: relative;
top: 1px;
cursor: pointer;
}
/* -------------- POPUP-SPECIAL ------------*/
.popupContainer div.CustomerInfoBody
{
padding-bottom: 7px;
border-bottom: 1px solid #666;
}
.popupContainer div.CustomerInfoFooter
{
display:none;
}
/* ------------ OrderConfirmation + OrderHistory------------- */
.OrderHistoryWrapper *, PlacedOrderDetailsWrapper *
{
font-family: Arial, Sans-Serif;
font-size: 11px;
}
.OrderHistoryWrapper
{
/*width: 720px;*/
}
.MyPagesWrapper table
{
border-collapse: collapse;
}
.MyPagesWrapper td
{
padding: 0px;
margin: 0px;
}
div.OrderHistoryHeader
{
padding: 0px 0px 0px 0px;
margin: 0px;
background: #ccc url(../images/checkout/CartHeaderBg.gif) top left no-repeat;
}
div.OrderHistoryHeader h2
{
padding: 5px 0px 2px 0px;
font-size: 16px;
font-family: Arial;
background: #ccc url(../images/checkout/CartHeaderBg.gif) top right no-repeat;
margin: 0px 0px 0px 10px;
}
div.OrderHistoryBody
{
background: #e7e7e7;
border: 1px solid #666;
border-bottom: 0px solid #666;
padding: 0px 10px 0px 10px;
zoom: 1;
}
div.OrderHistoryFooter
{
padding: 0px 0px 0px 10px;
margin: 0px;
font-size: 0px;
background: #e7e7e7 url(../images/checkout/CartFooterBg.gif) bottom left no-repeat;
}
div.OrderHistoryFooter div
{
height: 10px;
font-size: 1px;
background: #e7e7e7 url(../images/checkout/CartFooterBg.gif) bottom right no-repeat;
}
table.OrderHistoryItemHeader
{
width: 100%;
font-family: Arial;
font-weight: bold;
}
td.OrderHistoryNumber
{
width: 150px;
text-align: left;
}
td.OrderHistoryDate, td.OrderHistorySum
{
width: 200px;
text-align: left;
}
span.OrderHistoryLabel
{
color: #666;
margin-right: 6px;
}
table.OrderHistoryItemHeader a
{
font-weight: normal;
text-decoration: underline;
}
.PlacedOrderDetailsBody td.CartContentsHeaderQuantity, .PlacedOrderDetailsBody td.CartContentsHeaderSum
{
border-left : 1px solid #ffffff;
}
.PlacedOrderDetailsBody td.CartContentsHeaderSum
{
padding-left: 5px;
}
div.PlacedOrderDetailsWrapper
{
width: 720px;
padding: 15px;
font-family: Arial, Sans-Serif;
}
div.OrderHistoryWrapper div.PlacedOrderDetailsWrapper
{
padding: 10px 0px 0px 0px;
width: 100%;
}
div.PlacedOrderDetailsHeader
{
background: url(../images/checkout/CartHeaderBg.gif) no-repeat;
}
div.PlacedOrderDetailsHeader table
{
width: 100%;
}
h1.PlacedOrderDetailsHeader
{
padding: 5px 0px 3px 15px;
margin: 0px;
font-size: 15px;
}
td.PlacedOrderDetailsHeaderCell2, td.PlacedOrderDetailsHeaderCell3
{
padding: 3px 30px 0px 10px;
text-align: left;
}
table.PlacedOrderDetailsBody
{
width: 100%;
}
.PlacedOrderDetailsOrderNrLabel, .PlacedOrderDetailsOrderDateLabel
{
font-size: 12px;
font-weight: normal;
}
.PlacedOrderDetailsOrderNrValue, .PlacedOrderDetailsOrderDateValue
{
font-size: 12px;
font-weight: bold;
}
div.PlacedOrderDetailsBody
{
border: 1px solid #666666;
border-bottom: 0px;
}
div.OrderHistoryWrapper div.PlacedOrderDetailsBody
{
border: 1px solid #999999;
border-bottom: 0px;
}
div.PlacedOrderDetailsCart
{
background-color: #ffcccc;
}
td.PlacedOrderDetailsShipping
{
border-left: 1px solid #666666;
padding: 5px 10px 5px 10px;
background-color: #f6f6f6;
}
h3.PlacedOrderDetailsShipping
{
margin: 0px;
padding: 5px 0px 3px 0px;
}
div.PlacedOrderDetailsShipping div
{
font-size: 12px;
margin-top: 3px;
}
div.PlacedOrderDetailsFooter
{
border-top: 1px solid #666666;
}
/* ------ Error Message ---------------------- */
div.ErrorMsgWrapper
{
padding: 5px 10px 5px 10px;
position: relative;
}
div.ErrorMsgHeader
{
background: url(../images/checkout/ErrorMsgHeader.gif) top center no-repeat;
height: 7px;
position: relative;
top: 1px;
font-size: 1px;
}
div.ErrorMsgHeaderRight
{
background-position: 90% 0%;
}
div.ErrorMsgHeaderLeft
{
background-position: 10% 0%;
}
div.ErrorMsgShadow
{
padding: 0px 2px 2px 0px;
background: url(../images/checkout/ErrorMsgShadowBg.png) 3px 3px no-repeat;
}
div.ErrorMsgBodyWrapper
{
background: #ff9 url(../images/checkout/ErrorMsgIcon.gif) 7px 7px no-repeat;
border: 1px solid #c00;
}
div.ErrorMsgBodyHeader
{
text-align: right;
height: 8px;
overflow: hidden;
font-size: 1px;
}
div.ErrorMsgBodyHeader img
{
cursor: pointer;
}
div.ErrorMsgContent
{
font-family: Arial, Sans-Serif;
font-size: 11px;
color: #c00;
font-weight:bold;
padding: 0px 15px 10px 36px;
}
div.ErrorMsgTitle
{
color:#CC0000;
font-family:Arial,Sans-Serif;
font-size:11px;
font-weight:bold;
padding:0px 15px 10px 36px;
}
div.ErrorMsgContent span
{
font-family: Arial, Sans-Serif;
font-size: 11px;
color: #c00;
}
div.ErrorMsgContent h3
{
font-size: 12px;
margin: 8px 0px 2px 0px;
}
/* ------ Info Message ---------------------- */
div.InfoMsgWrapper
{
margin: 5px 10px 5px 10px;
position: relative;
}
div.InfoMsgHeader
{
background: url(../images/checkout/InfoMsgHeader.gif) top center no-repeat;
height: 7px;
position: relative;
top: 1px;
font-size: 1px;
}
div.InfoMsgHeaderRight
{
background-position: 90% 0%;
}
div.InfoMsgHeaderLeft
{
background-position: 10% 0%;
}
div.InfoMsgShadow
{
padding: 0px 2px 2px 0px;
background: url(../images/checkout/ErrorMsgShadowBg.png) 3px 3px no-repeat;
}
div.InfoMsgBodyWrapper
{
background: #ffffff url(../images/checkout/InfoMsgIcon.gif) 7px 8px no-repeat;
border: 1px solid #003399;
}
div.InfoMsgBodyHeader
{
text-align: right;
height: 8px;
overflow: hidden;
font-size: 1px;
}
div.InfoMsgBodyHeader img
{
cursor: pointer;
}
div.InfoMsgContent
{
font-family: Arial, Sans-Serif;
font-size: 11px;
color: #003399;
padding: 0px 15px 10px 36px;
text-align: left;
}
/* Confirm and Abort buttons */
div.ConfirmOrderBtn
{
width: 150px;
margin-top: 20px;
margin-bottom: 0px;
float:right;
margin-left:0px;
margin-right:20px;
cursor: pointer;
}
div.ConfirmOrderBtn span
{
font-size: 13px;
display: block;
text-align: center;
font-weight: bold;
padding: 18px 5px 0px 5px;
}
div.ConfirmOrderBtn div
{
height: 17px;
}
div.ConfirmOrderBtnActive
{
background: url(../images/checkout/StatusOrderBtnConfirm.gif) top left no-repeat;
}
div.ConfirmOrderBtnActive div.StatusFooter
{
background: url(../images/checkout/StatusOrderBtnConfirm.gif) bottom left no-repeat;
}
div.ConfirmOrderBtnActive span
{
color: #000;
}
/* START: ajax__tab_technorati-theme theme */
.ajax__tab_technorati-theme .ajax__tab_header
{
font-family: Arial, Sans-Serif;
background:url(../images/checkout/technorati/tab-line.png) repeat-x bottom;
font-size:12px;
display:block;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_outer
{
background:url(../images/checkout/technorati/tab.png) no-repeat left top;
border-color:#222;
color:#222;
padding-left:10px;
margin-right:3px;
}
.ajax__tab_technorati-theme .ajax__tab_header .ajax__tab_inner
{
background:url(../images/checkout/technorati/tab.png) no-repeat right top;
border-color:#666;
color:#666;
padding:3px 10px 2px 0px;
}
.ajax__tab_technorati-theme .ajax__tab_hover .ajax__tab_inner
{
color:#000000;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_outer
{
background:url(../images/checkout/technorati/tab.png) no-repeat 0pt -40px;
border-bottom-color:#ffffff;
}
.ajax__tab_technorati-theme .ajax__tab_active .ajax__tab_inner
{
background:url(../images/checkout/technorati/tab.png) no-repeat right -40px;
color:#000000;
border-color:#333
}
.ajax__tab_technorati-theme .ajax__tab_body
{
font-family: Arial, Sans-Serif;
font-size: 10pt;
padding: 8px 20px 8px 20px;
background-color: #f6f6f6;
border: solid 1px #d7d7d7;
border-top-width: 0;
}
/* END: ajax__tab_technorati-theme theme */
/* ------ My Pages ---------------------- */
/* END ----- My Pages ---------------------- */
/* ModalProgressUpdate - Start*/
div.OrderConfirmationProgressWrapper
{
position: absolute;
top: 50%;
left: 50%;
}
div.OrderConfirmationProgressContainer
{
position: relative;
width: 300px;
height: 100px;
background: #ffffff;
border: 1px solid #ffffff;
}
div.ProgressWrapper
{
position: absolute;
top: 50%;
left: 50%;
}
div.ProgressContainer
{
position: relative;
width: 300px;
height: 100px;
background: #ffffff;
border: 1px solid #ffffff;
}
div.ProgressBody
{
height: 100%;
border: 2px solid #34297a;
}
div.ProgressBody div
{
text-align: center;
padding-top: 35px;
}
div.ProgressBody img
{
vertical-align: middle;
display: inline;
}
div.ProgressBody span
{
font-weight: bold;
color: #34297a;
position: relative;
top: 1px;
}
/* ModalProgressUpdate - End */
/* Watermarked properties */
input.WaterMarked
{
background-color:#F0F8FF;
font-style:italic;
}
/* Disabled tabs properties */
span.TabDisabled .ajax__tab_tab
{
cursor:default;
}
/* OrderConfirm */
.wrapperOrderSummary
{
top: 100px; left: 10px; background-color: rgb(255, 255, 255);
width: 770px; margin: 0px;
}
.wrapperOrderSummary .orderSummary
{
border: solid 1px #666666;
border-bottom: solid 0px #666666;
overflow: hidden;
padding-bottom: 0px;
}
.orderSummaryTopHeader
{
background:#FFFFFF url(../Images/checkout/CartHeaderBg.gif) repeat-x;
margin:0px;
padding: 0px 0px 0px 10px;
height: 28px;
}
.orderSummaryTopHeader h2
{
font-size: 12px;
color: #000000;
font-weight: bold;
margin: 0px 0px 0px 10px;
padding-top: 6px;
}
.orderSummaryFooter
{
background: url(../Images/checkout/CartFooterBg.gif) repeat-x;
margin:0px;
padding: 1px 0px 1px 10px;
height: 20px;
margin-bottom: 10px;
}
.orderSummary .containerMain
{
float: left; width: 50%; margin-left: 10px; margin-bottom: 10px;
}
.orderSummary .subHeader
{
color: #000000; font-size: 1.1em; font-weight: bold;
margin-top: 10px;
}
.orderSummary .clearing
{
height: 3px;
clear: both;
}
.orderSummary .labelInfo
{
width: 50%; float: left; font-weight: bold; font-size: 1.0em;
}
.orderSummary .labelValue
{
font-size: 1.0em;
}
.orderSummary .containerSub
{
float: right; width: 40%;
margin-left: 10px; margin-bottom: 10px; margin-right: 10px;
}
.orderSummary .containerOrderSummaryHeaderLine
{
background-color: #dddddd;
overflow: hidden;
width: 99%;
float: left;
}
.orderSummary .containerOrderSummaryProductLine1
{
background-color: #ffffff;
overflow: hidden;
width: 99%;
float: left;
}
.orderSummary .containerOrderSummaryProductLine2
{
background-color: #eaeaea;
overflow: hidden;
width: 99%;
float: left;
}
.orderSummary .containerOrderSummaryProductLine
{
background-color: #eaeaea;
overflow: hidden;
float: left;
}
.orderSummary .labelProductNum
{
float: left; width: 20%; padding: 3px; padding-left: 10px;
color: #000000; font-size: 1.0em; font-weight: bold;
}
.orderSummary .valueProductNum
{
float: left; width: 20%; padding: 3px; padding-left: 10px;
}
.orderSummary .labelProduct
{
padding: 3px;
color: #000000;
font-size: 1.0em;
font-weight: bold;
float: left;
width: 40%;
}
.orderSummary .valueProduct
{
float: left; padding: 3px; width: 40%;
}
.orderSummary .labelCount
{
float: left; width: 5%; text-align: right;
padding: 3px; color: #000000; font-size: 1.0em; font-weight: bold;
}
.orderSummary .valueCount
{
float: left; width: 5%; text-align: right; padding: 3px;
}
.orderSummary .labelPrice
{
float: left; width: 10%; text-align: right;
padding: 3px; color: #000000; font-size: 1.0em; font-weight: bold;
}
.orderSummary .valuePrice
{
float: left; width: 10%; text-align: right; padding: 3px;
}
.orderSummary .labelPriceTotal
{
float: right; width: 10%; text-align: right;
padding: 3px; padding-right: 10px; color: #000000; font-size: 1.0em; font-weight: bold;
}
.orderSummary .valuePriceTotal
{
float: right; width: 10%; text-align: right; padding: 3px; padding-right: 10px;
}
.orderSummary .containerPriceSummary
{
background-color: #ffffff; margin-top: 20px; float: right; padding-right: 10px; width: 250px
}
.orderSummary .labelPriceTotalNet
{
padding-right: 30px; float: left; font-weight: bold;
}
.orderSummary .valuePriceTotalNet
{
float: right;
}
.orderSummary .labelDiscount
{
padding-right: 30px; float: left; font-weight: bold;
}
.orderSummary .valueDiscount
{
float: right;
}
.orderSummary .labelDiscountVat
{
padding-right: 30px; float: left; font-weight: bold;
}
.orderSummary .valueDiscountVat
{
float: right;
}
.orderSummary .labelFreight
{
padding-right: 30px; float: left; font-weight: bold;
}
.orderSummary .valueFreight
{
float: right;
}
.orderSummary .labelFreightVat
{
padding-right: 30px; float: left; font-weight: bold;
}
.orderSummary .valueFreightVat
{
float: right;
}
.orderSummary .labelPayment
{
padding-right: 30px; float: left; font-weight: bold;
}
.orderSummary .valuePayment
{
float: right;
}
.orderSummary .labelPaymentVat
{
padding-right: 30px; float: left; font-weight: bold;
}
.orderSummary .valuePaymentVat
{
float: right;
}
.orderSummary .labelRoundingOff
{
padding-right: 30px; float: left; font-weight: bold;
}
.orderSummary .valueRoundingOff
{
float: right;
}
.orderSummary .labelPriceTotalVat
{
padding-right: 30px; float: left; font-weight: bold;
}
.orderSummary .valuePriceTotalVat
{
float: right;
}
.orderSummary .labelPriceTotalSum
{
padding-right: 30px; float: left; font-weight: bold;
font-size: 13px;
}
.orderSummary .valuePriceTotalSum
{
float: right;
font-size: 13px;
}
.orderSummary .bottom
{
clear: both;
}
.orderSummary .abort
{
}
.orderSummary .confirm
{
}
.CartArticleComments
{
display: block;
}
.orderSummary .articleNameContainer
{
float: left;
width: 40%;
padding: 0px;
}
.orderSummary .labelPriceTotalSumVat
{
padding-right: 30px;
float: left;
font-weight: bold;
}
.orderSummary .productCommentHeader
{
font-size: 1.0em;
font-weight: normal;
}
.orderSummary .valuePriceTotalSumVat
{
float: right;
}
.CommentItemName
{
font-weight: bold;
}
.MyPagesSettingsMessageToShopButtonCssClass td
{
text-align: right;
}
.MyPagesSettingsMessageToShopContentCssClass td
{
vertical-align: top;
}
.MyPagesSettingsSaveSettingsCssClass td
{
text-align: right;
}
.MyPagesSettingsStatusLabelCssClass td
{
text-align: right;
color: Red;
}
.orderSummary .articleNameContainer .labelProduct
{
float: left;
padding: 3px;
width: 99%;
}
.orderSummary .productCommentContainer
{
width: 99%;
padding: 3px;
}
.CustomerProfile select
{
width: 185px;
}
div.ContentAreaBodyMyPages
{
padding: 0px 7px 0px 7px;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
background: #f6f6f6;
}
div.CustomerInfoInputFooterLeftCssClass, div.CartPaymentAndFreightSelectorPaymentInfoFooterLeftCssClass
{
height: 5px;
width: 5px;
background: url(../images/checkout/customer-info-footer-left.gif) no-repeat bottom;
float: left;
}
div.CustomerInfoInputFooterMiddleCssClass, div.CartPaymentAndFreightSelectorPaymentInfoFooterMiddleCssClass
{
height: 5px;
width: 370px;
background: url(../images/checkout/customer-info-footer-bg.gif) repeat-x bottom;
float: left;
}
div.CustomerInfoInputFooterRightCssClass, div.CartPaymentAndFreightSelectorPaymentInfoFooterRightCssClass
{
height: 5px;
width: 5px;
background: url(../images/checkout/customer-info-footer-right.gif) no-repeat bottom;
float: left;
}
div.CustomerInfoInputHeaderLeftCssClass, div.CartPaymentAndFreightSelectorPaymentInfoHeaderLeftCssClass
{
height: 22px;
width: 5px;
background: url(../images/checkout/customer-info-header-left.gif) no-repeat;
float: left;
}
div.CustomerInfoInputHeaderMiddleCssClass, div.CartPaymentAndFreightSelectorPaymentInfoHeaderMiddleCssClass
{
height: 22px;
width: 370px;
background: url(../images/checkout/customer-info-header-bg.gif) repeat-x;
float: left;
}
div.CustomerInfoInputHeaderRightCssClass, div.CartPaymentAndFreightSelectorPaymentInfoHeaderRightCssClass
{
height: 22px;
width: 5px;
background: url(../images/checkout/customer-info-header-right.gif) no-repeat;
float: left;
}
table.CartSummary .ProductSumValue, table.CartSummary .FreightCostValue, table.CartSummary .TotalSumValue, table.CartSummary .DiscountValue, table.CartSummary .PaymentCostValue, table.CartSummary .VATValue
{
text-align: right;
}
td.MyPagesPDFLinkContainer
{
padding: 5px 0px 0px 0px;
}
td.OrderDetailsPDFLinkContainer
{
padding: 5px 10px 5px 10px;
background-color: #f6f6f6;
}
td.CartArticleNumber
{
text-align: left;
padding: 5px;
white-space: nowrap;
}