#Cart-Fieldset {width: 60em; background-color: #f6f6f6; margin-top: 1em; -moz-border-radius: .5em; -webkit-border-radius: .5em; border-radius: .5em; position: relative;} #Cart-Legend {font-size: 2em; color: #666; font-variant: small-caps; margin-top: 0; margin-bottom: 1em; text-align: left !important;} #Cart-Fieldset {text-align: left !important;} /* ========== all fieldsets ========== */ .CartForm-Fieldset {display: block; border: none; margin: 0em; padding: 0em; width: auto; background: #fff;} .CartForm-Fieldset-Label {padding: .5em;} /* every fieldset is -Cell */ .CartForm-Cell {border: none; padding: .5em;} .CartForm-Cell legend {display: block; color: #555;} .CartForm-Cell label {display: block; color: black; float: left; width: 10em;} .CartForm-Cell input {display: inline; color: black; margin: .1em;} /* class for legend & label of required fields */ .CartForm-Required {font-style: normal;} .CartForm-Required:after {content: "*";} /* class for fieldset of disabled fields (flags disabled not type disabled) */ .CartForm-Disabled {} .CartForm-Disabled input {color: #06c !important; background-color: #f6f6f6; border: 1px solid #ddd; cursor: text;} .CartForm-Disabled select {color: #06c !important; background-color: #f6f6f6; border: 1px solid #ddd; cursor: text;} .CartForm-Cart-Fieldset {border-top: none !important; border-color: #06c !important; background-color: #fff; margin: 0 .5em 2em .5em; padding-top: 0; -moz-border-radius: .5em; border-radius: .5em;} .CartForm-Cart-Legend {display: block; width: 13em; background-color: #66abf1; color: #fff !important; font-weight: bold; padding: 0 .2em; margin: 0 0 1em -1em;} /* ========== all fields of this type ========== */ /* every input is - */ .CartForm-text, .CartForm-password {width: 20em; height: 1.33em; margin-bottom:0;} .CartForm-textarea {width: 20em;} .CartForm-radio {width: 1em; border: none !important;} .CartForm-checkbox {width: 1em;} .CartForm-select {width: 21em; height: 1.5em;} .CartForm-option {} .CartForm-image {border: none !important;} .CartForm-display {} .CartForm-SmState {} .CartForm-submit {cursor: pointer;} .CartForm-reset {cursor: pointer;} .CartForm-button {cursor: pointer;} .CartForm-buttonimg {cursor: pointer;} /* ========== Button format for CartForm & CartItem ========== */ .CartForm-button, .CartItem-button { font-size: 1em; font-weight: bold; background: #06c; color: #fff; margin: 0.15em; padding: 0.1em; text-align: center; } /* ========== Processing/Error messages shown in Shopping-Cart-Items ========== */ #Shopping-Cart-Message {text-align: center; font-size: 1em;} #Shopping-Cart-Message h3 {font-size: 1.2em; font-weight: bold; margin: 4em 15%; padding: .5em; background: #ccc; border: 1px solid #444;} #Shopping-Cart-Message img {text-align: center; margin: 5em 0; border: none;} #Shopping-Cart-Message p {text-align: center;} /* ========== Cart.Show() receiving blocks ========== */ .Shopping-Cart-Block {padding: .25em; margin: .25em; float: none; position: relative;} /* ========== Highlight text for each block ========== */ .CartForm-Value-Text {color: #0066cc;} .CartForm-Cart-Value-Text {color: #0066cc;} .CartForm-Cart-Shipping-Value-Text {color: #0066cc;} .CartForm-Cart-Order-Value-Text {color: #0066cc;} .CartForm-Cart-Payments-Value-Text {color: #0066cc;} .CartForm-Cart-Upsells-Value-Text {color: #0066cc;} .CartForm-Cart-Coupons-Value-Text {color: #0066cc;} /* ========== Shopping Cart Block ========== */ #Shopping-Cart-Items {font-size: 1.0em;} /* ========== Shopping Cart Header Classes ========== */ .CartForm-Cart-Header-Fieldset {display: table-cell; border: none; background-color: #06c; color: #fff; float: left; clear: right; padding: 0 .25em 0 .1em; margin: 0; width: 8em; height: 1.5em; text-align: right;} .CartForm-Cart-Header-Value {color: #fff; font-weight: bold; position: relative; text-align: center;} /* ========== Shopping Cart Header Fields ========== */ #Header-Fieldset {width: 60em; position: relative; height: 1.5em; display: block; border: none; background-color: #06c; margin: 0; padding: 0; float: none; clear: both;} #Header-Legend {display: none;} #Header-Edit-Fieldset {width: 2.5em !important; text-align: center;} #Header-Edit-Value {} #Header-Image-Fieldset {width: 8em !important; text-align: center;} #Header-Image-Value {} #Header-Description-Fieldset {width: 34em !important; text-align: left;} #Header-Description-Value {} #Header-Item-Fieldset {width: 5em !important; text-align: left;} #Header-Item-Value {} #Header-Quantity-Fieldset {width: 5em !important; text-align: center;} #Header-Quantity-Value {} #Header-Price-Fieldset {} #Header-Price-Value {} #Header-SubTotal-Fieldset {float: right;} #Header-SubTotal-Value {} #Header-FirstPay-Fieldset {float: right;} #Header-FirstPay-Value {} #Header-Payments-Fieldset {} #Header-Payments-Value {} #Header-Future-Fieldset {} #Header-Future-Value {} #Header-NextPay-Fieldset {} #Header-NextPay-Value {} /* ========== Shopping Cart Item Classes ========== */ .CartForm-Cart-Items-Fieldset {display: block; float: none; clear: both; min-height: 6em; background-color: #f6f6f6; margin: .1em 0; padding: 0;} .CartForm-Cart-Items {display: block; color: #006; float: left; clear: right; padding: .1em .25em .1em .1em; margin: 0; width: 8em; text-align: right; position: relative;} .CartForm-Cart-Items-Edit {width: 2.5em !important; text-align: center;} .CartForm-Cart-Items-Edit button {margin: 0; padding: 0; background-color: #eee;} .CartForm-Cart-Items-Edit image {width: 1.33em; height: 1.33em; margin: 0; padding: 0;} .CartForm-Cart-Items-noEdit {width: 2.5em !important; text-align: left;} .CartForm-Cart-Items-ImageSm {width: 8em !important; text-align: center;} .CartForm-Cart-Items-ImageSm input {width: 5em !important; height: 5em !important;} .CartForm-Cart-Items-Description {width: 34em !important; text-align: left;} .CartForm-Cart-Items-Item {width: 5em !important; text-align: left;} .CartForm-Cart-Items-Quantity {width: 5em !important; text-align: center;} .CartForm-Cart-Items-Price {} .CartForm-Cart-Items-SubTotal {float: right; width: 8em;} .CartForm-Cart-Items-FirstPay {float: right; width: 8em;} .CartForm-Cart-Items-Payments {} .CartForm-Cart-Items-Future {} .CartForm-Cart-Items-NextPay {} /* for each item */ .CartForm-Cart-Items-item1-Fieldset {} .CartForm-Cart-Items-item1-Value {} /* ========== Shopping Cart Item Fields ========== */ #Items-Fieldset {width: 60em; position: relative; display: block; margin: .1em 0; padding: 0; float: none; clear: both;} #Items-Legend {display: none;} /* for each item #item1-Fieldset {} #Edit-item1-Fieldset {} #Edit-item1-Value {} #ImageSm-item1-Fieldset {} #ImageSm-item1-Value {} #Description-item1-Fieldset {} #Description-item1-Value {} #Item-item1-Fieldset {} #Item-item1-Value {} #Quantity-item1-Fieldset {} #Quantity-item1-Value {} #Price-item1-Fieldset {} #Price-item1-Value {} #SubTotal-item1-Fieldset {} #SubTotal-item1-Value {} #FirstPay-item1-Fieldset {} #FirstPay-item1-Value {} #Payments-item1-Fieldset {} #Payments-item1-Value {} #Future-item1-Fieldset {} #Future-item1-Value {} #NextPay-item1-Fieldset {} #NextPay-item1-Value {} */ /* ========== Shopping Cart Footer Classes ========== */ .CartForm-Cart-Footer-Fieldset {float: none; clear: both; min-height: 1.5em; margin: 0 0 0 7.25em; padding: .5em 0;} .CartForm-Cart-Footer-Fieldset label{float: left; clear: right; text-align: left; width: 27em; color: #006;} .CartForm-Cart-Footer-Value {display: block; float: right; clear: right; color: #006; font-weight: normal; width: 10em; text-align: right; margin: 0;} .CartForm-Cart-Footer-After {display: block; float: none; clear: both; display: block; color: #006; text-align: right;} /* ========== Shopping Cart Footer Fields ========== */ #Footer-Fieldset {border-top: solid 1px #06c !important; border-bottom: solid 1px #06c !important; background-color: #f6f6f6; padding: .75em 0 !important; margin-bottom: .5em;} #Footer-Legend {display: none;} #Footer-Msg1-Fieldset {} #Footer-Msg1-Label {color: #666;} #Footer-Msg2-Fieldset {} #Footer-Msg2-Value {} #fSubTotal-Label {font-weight: bold;} #fSubTotal-Value {font-weight: bold;} #fSubTotal-After {font-weight: normal;} #fSubTotal-After {text-align: left !important;} #fTotal-Label {font-weight: bold;} #fTotal-Value {font-weight: bold; clear: right;} /* ========== Coupon/Promotion Block ========== */ #Shopping-Cart-Coupons {display: block; width: auto;} /* ========== Coupon/Promotion Classes ========== */ .CartForm-Cart-Coupons-Fieldset {display: block; float: none; clear: both; min-height: 3em; text-align: left; margin: 0 3em;} .CartForm-Cart-Coupons-Label {} .CartForm-Cart-Coupons-Value {} .CartForm-Cart-Coupons-Before {display: block; float: left; clear: all; color: #777; width: 30em;} .CartForm-Cart-Coupons-After {margin-left: 1em; display: inline; float: right;} /* ========== Coupon/Promotion Fields ========== */ #Coupons-Fieldset {border: solid 1px; width: auto;} #Coupons-Fieldset label {display: block; width: 30em !important; float: left !important; clear: right;} #Coupons-Fieldset input {display: block; width: 8em; margin-left: 1em; float: left; clear: right;} #Coupons-Legend {} #cst_Coupon-Fieldset {} #cst_Coupon-Label {} #cst_Coupon-Value {} #cst_Coupon-After {} #key-Fieldset {} #key-Label {} #key-Value {} #key-After {} #cst_GiftCert-Fieldset {} #cst_GiftCert-Label {} #cst_GiftCert-Value {} #cst_GiftCert-Before {} #cst_GiftCert-After {} #cst_GiftDisplay-Fieldset {text-align: center;} /* ========== Shipping Block ========== */ #Shopping-Cart-Shipping {} /* ========== Shipping Classes ========== */ .CartForm-Cart-Shipping-Fieldset {} .CartForm-Cart-Shipping-Label {} .CartForm-Cart-Shipping-Value {display: block;} .CartForm-Cart-Shipping-Value em {color: #777;} .CartForm-Cart-Shipping-Value-Option{display: block; padding: .5em 0 0 0;} .CartForm-Cart-Shipping-Value-Radio {} .CartForm-Cart-Shipping-Before {float: right; clear: right;} /* ========== Shipping Fields ========== */ #Shipping-Fieldset {border: solid 1px; width: 30em; margin-left: 1em;} #Shipping-Fieldset label {display: block; width: auto !important; float: none; clear: both;} #Shipping-Legend {} #sShipSelect-Fieldset {} #sShipSelect-Label {} #sShipSelect-Before a {text-decoration: none;} #sShipSelect-Before a:hover {cursor: help;} #sShipSelect-Value {} /* for each option */ #sShipSelect-Value-Option-StdShip {} #sShipSelect-Value-Radio-StdShip {} #sShipSelect-Value-Option-FEDSO {} #sShipSelect-Value-Radio-FEDSO {} #sShipSelect-Value-Option-FEDEX {} #sShipSelect-Value-Radio-FEDEX {} #sShipSelect-After {display: block; padding-top: .5em; text-align: center;} #sShipState-Fieldset {float: none; clear: both;} #sShipState-Label {display: block; float: left !important; clear: right;} #sShipState-Value {display: block; float: left; clear: right; width: 4em; height: 1.5em; margin-left: 1em;} #sDelivery-Fieldset {display: block; font-style: normal; color: #444; text-align: center;} /* ========== Order Totals Block ========== */ #Shopping-Cart-Totals {margin:0; float: right;} /* ========== Order Totals Classes ========== */ .CartForm-Cart-Order-Fieldset {} .CartForm-Cart-Order-Label {width: 17em !important;} .CartForm-Cart-Order-Before {display: inline; color: #777;} .CartForm-Cart-Order-Value {display: block; text-align: right; font-weight: bold; color: #06c;} .CartForm-Cart-Order-After {display: block; color: #777; text-align: right; float: none; clear: both;} /* ========== Order Totals Fields ========== */ #Order-Fieldset {border: solid 1px; width: 25em;} #Order-Fieldset fieldset {display: block;} #Order-Legend {} #oSubTotal-Fieldset {} #oSubTotal-Label {} #oSubTotal-Value {} #oSubTotal-After {text-align: left !important; border: 1px solid #c00;} #oShipSelect-Fieldset {float: none; clear: both;} #oShipSelect-Label {} #oShipSelect-Before {display: block !important; float: right; text-align: right; font-weight: bold; color: #06c;} #oShipSelect-Value {color: #000; text-align: left; font-weight: normal; height: auto; float: none; clear: both; width: 15em !important;} #oShipState-Fieldset {float: none; clear: both;} #oShipState-Label {display: block; float: none; width: auto !important;} #oShipState-Value {color: #000; text-align: left; font-weight: normal; height: auto; float: none; clear: both; width: 15em !important;} #oTotal-Fieldset {float: none; clear: both;} #oTotal-Label {} #oTotal-Value {} #oTotal-After {} /* ========== Payment Plans Block ========== */ #Shopping-Cart-Payments {margin:0; float: left;} /* ========== Payment Plans Classes ========== */ .CartForm-Cart-Payments-Fieldset {} .CartForm-Cart-Payments-Value {} .CartForm-Cart-Payments-Value-Option{display: block; padding: 0 0 .5em 1em;} .CartForm-Cart-Payments-Value-Radio {} .CartForm-Cart-Payments-After {display: block; color: #777; text-align: center;} /* ========== Payment Plans Fields ========== */ #Payments-Fieldset {border: solid 1px; width: 25em;} #Payments-Fieldset fieldset {display: block;} #Payments-Fieldset em {display: block; font-style: normal; color: #444; margin-left: 1.5em;} #Payments-Legend {} #cst_Payments-Fieldset {} #cst_Payments-Value {} /* for each option */ #cst_Payments-Value-Option-1 {} #cst_Payments-Value-Radio-1 {} #cst_Payments-Value-Option-4 {} #cst_Payments-Value-Radio-4 {} #cst_Payments-Value-Option-12 {} #cst_Payments-Value-Radio-12 {} #cst_Payments-Value-Option-18 {} #cst_Payments-Value-Radio-18 {} #cst_Payments-After {} /* ========== Upsells Block ========== */ #Shopping-Cart-Upsells {margin: 0; padding: 0; width: auto;} /* ========== Upsells Classes ========== */ .CartForm-Cart-Upsells-Fieldset {border-bottom: .2em solid #eee; border-right: .2em solid #eee; margin-bottom: 1em;} .CartForm-Cart-Upsells {background-color: #fff;} .CartForm-Cart-Upsells-Upsell {display: block; font-size: 1em;} .CartForm-Cart-Upsells-UpsellButton {display: block; text-align: right; float: none; clear: both;} /* for each item */ .CartForm-Cart-Upsells-upsell1-Fieldset {} .CartForm-Cart-Upsells-upsell1-Value{} /* ========== Upsells Fields ========== */ #Upsells-Fieldset {border: none 1px; width: auto; background-color: #f6f6f6 !important;} #Upsells-Legend {width: 20em !important; font-size: 1.2em; font-weight: bold; font-variant: small-caps; letter-spacing: .1em;margin: 0 0 .5em 1em !important;} #Upsells-Fieldset img {height: 6em; width: auto;} /* for each item */ #upsell1-Fieldset {} #Upsell-upsell1-Fieldset {} #Upsell-upsell1-Value {} #UpsellButton-upsell1-Fieldset {} #UpsellButton-upsell1-Value {} #upsell2-Fieldset {} #Upsell-upsell2-Fieldset {} #Upsell-upsell2-Value {} #UpsellButton-upsell2-Fieldset {} #UpsellButton-upsell2-Value {} /* ========== Confirmation Block ========== */ #Shopping-Cart-Confirmation {padding: .5em 0; width: 60em; min-height: 4.5em; text-align: center; vertical-align: middle;} #Shopping-Cart-Confirmation legend {display: none;} #Shopping-Cart-Confirmation em {color: #06c; font-style: normal;} #Shopping-Cart-Confirmation p {font-size: 1.2em;} #Shopping-Cart-Confirmation h3 {color: #cc0000; font-size: 1.5em; text-align: center; margin-bottom: 0;} /* ========== Confirmation Classes ========== */ .CartForm-Cart-Confirm-Fieldset {text-align: left; margin: .5em !important; padding: 0;} .CartForm-Cart-Confirm-Label {} .CartForm-Cart-Confirm-Value {} /* ========== Confirmation Fields ========== */ #ConfirmEM-Fieldset {float: left; clear: both; width: 42em; height: 2em; padding-top: .25em;} #ConfirmEM-Value {color: #06c !important; font-weight: bold; font-size: 1em;} #ConfirmPR-Fieldset {float: right; clear: right; width: 12em; height: 2em;} #ConfirmPR-Value {color: #000 !important; font-weight: normal; vertical-align: middle;} #ConfirmID-Fieldset {float: left; clear: both; text-align: left; font-weight: normal; width: 25em;} #ConfirmID-Value {padding-right: 3px;} #ConfirmDT-Fieldset {float: right; clear: none; text-align: right !important; font-weight: normal; width: 30em; margin-right: -3px !important;} #ConfirmDT-Value {} /* ========== Item Detail Block ========== */ #Shopping-Cart-Detail {display: none; padding: 0.5em; width: 35em; position: absolute; top: 10em; left: 5em; background-color: #fff; z-index: 5; border: groove 1px #888;} #Shopping-Cart-Item {border: 1px solid #06c !important;} #Shopping-Cart-Item fieldset, #Shopping-Cart-Detail fieldset {border: none;} /* ========== Item Detail Classes ========== */ /* CartItem is a new form */ .CartItem-Cell {padding: .5em; color: #06c;} .CartItem-Cell legend {display: none;} .CartItem-Detail-Fieldset {} /* ========== Item Detail Fields ========== */ #iImage-Fieldset {} #iImage-Value {width: 10.5em !important; height: 10.5em !important;} #iDescription-Fieldset {font-weight: bold;} #iDescription-Fieldset em {font-weight: normal; font-style: normal;} #iDetails-Fieldset {} #iQuantity-Fieldset {display: block; float: left; clear: both; text-align: left;} #iQuantity-Label {display: block; float: left; clear: right; margin-right: 2em; color: #06c;} #iQuantity-Value {display: block; float: left; clear: right; width: 5em !important;} #iPricing-Fieldset {display: inline; float: left; clear: right; text-align: center; margin-left: 3em; font-size: .9em;} #iButtons-Fieldset {display: block; float: none; clear: both; width: auto; text-align: center;} #iButtons-Fieldset fieldset {display: inline !important; float: none; margin: .5em;} #iButtons-Fieldset button {display: inline !important; float: none; width: 6em !important;} /* ========== when the cart is empty ========== */ #Shopping-Cart-is-empty {color: #06c; text-align: left; margin: 0 auto;} #Shopping-Cart-is-empty li {color: #000;} /* ========== alternating form for empty cart ========== */ #Shopping-Cart-Form {display: block; margin: 0; padding: 0;} #Shopping-Cart-AltForm {display: none; margin: 0; padding: 0;} /* ========== Ajax busy notifier ========== */ #Shopping-Cart-Busy {display: none; background-color: transparent; color:#06c; border: none 1px #ddd; vertical-align: middle; position: absolute; z-index: 100;} #Shopping-Cart-Busy img {float: left; clear: right;} /* #Shopping-Cart-Busy span {display: block; padding: 2em 1em; font-style: italic;} */