/********************************/ /* Site: Maytag US English /* Stylesheet: UCP Cart /* Updated Date: 8/29/2007 /* Engineer: dklawitter@fry.com /* /* Special notes: /* /* -Each checkout page has a parent width as it's first class. That defines the width of that page's content. /* I noticed in some cases this needs to be defined in px's rather than % for some background images to /* position correctly. /* /********************************/ /** GLOBAL **/ form { padding: 0; margin: 0; } img { border: 0; } .cb { clear: both; } .fl { float: left; } .fr { float: right; } select, input { font-family: Verdana, Sans Serif; font-size: 10px; } input { color: #000; } /* global reset to make content fit in to maytag template */ #page-content a:hover { text-decoration: none; } /* error styling */ .smallerrortext { color: #cc0000; } .global-error { padding: 10px 0 10px 40px; } .success { color: #cc0000; font-weight: bold; } /* form field required */ .required { font-weight: bold; text-transform: uppercase; } .asterik { color: #cc0000; } /* checkout train */ ul#train { margin: 0; padding: 0; width: 776px;} ul#train li { list-style: none; display: inline; } /* thick colored line with header graphic in it, typically bordered on the top and bottom */ .brand_hr_outer { } .brand_hr_inner { } .btm-margin { } .top-margin { } /* processing interstitial theme */ .panel .hd { background: #425973; color: white; } .panel .bd { } /* leftnav template widths */ .left-content { float: left; width: 20%; padding-right: 15px; } .right-content { float: right; width: 75%; padding-top: 50px; } /** PAGE: POPUP **/ .popup { background: #fff; margin: 0; padding: 0; text-align: left; } .popup .wrapper { margin: 20px; } .popup .header { width: 100%; clear: both; margin-bottom: 15px; } .popup .header .text { float: left; width: 60%; font-weight: bold; } .popup .header .close { float: left; width: 40%; text-align: right; } .popup .content { margin-bottom: 20px; } /** PAGE: SHOPPING CART**/ #checkout-basket { width: 100%; background-color:#FFFFFF; } /* page header */ #cart-header { height: 25px; margin: 0 0 20px 0; padding: 25px 0 0 20px; } #cart-header img { vertical-align: middle; padding-right: 5px; } /* cart errors */ #cart-errors { padding: 5px 5px 10px 30px; } .cart-error-main { padding: 10px 10px 10px 10px; background: #f3f3f3; margin: 5px 10px 5px 10px; border: 1px solid #cccccc; } /* empty cart */ #cart-empty { padding: 20px; border-bottom: 1px solid #ccc; } /* P&A check tool */ #cart-pna { width: 100%; padding-bottom: 15px; border-bottom: 1px solid #ccc; } #cart-pna .message { padding: 5px 5px 10px 23px; float: left; } #cart-pna #continue-btn { float: right; margin: 0 25px 0 0; } #cart-pna .formset { float: left; } #cart-pna .formset div { float: left; margin-right: 0; } #cart-pna .formset div #deliveryPostalCode { margin-top: 2px; } #cart-pna .formset .message { font-size: 9px; color:#696969; font-weight: bold; text-transform: uppercase; } /* item list table */ table.item-list { width: 100%; } table.item-list th { color:#000; line-height: 32px; font-size:9px; font-weight:bold; text-transform: uppercase; padding: 5px; background-color: #CFD9E2; border-top: 1px solid #ffffff; border-bottom:1px solid #cccccc; vertical-align: middle; } table.item-list th#empty { } table.item-list th#desc { width: 41%; padding-left: 10px; text-align: left; } table.item-list th#avail { width: 25%; padding-left: 10px; text-align: left; } table.item-list th#qty { width: 14%; padding-left: 10px; text-align: left; } table.item-list th#price { width: 10%; border-right: 1px solid #fff; padding-left: 10px; text-align: left; } table.item-list th#total { width: 10%; padding-left: 10px; text-align: left; } table.item-list td { padding: 15px 10px 20px 20px; border-bottom:1px solid #cccccc; background-image: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif); background-repeat: repeat-y; background-position: top right; } table.item-list tr.pre-discount td { border-bottom: 0; } table.item-list tr.discount td { background-image: url(/assets/images/may/us/en/ucp_cart/dot_divider_blue.gif); background-repeat: repeat-x; } table.item-list tr.discount td.empty { background: none; } table.item-list td.discount-amount { font-weight: bold; text-align: right; background: none; border-right: 1px solid #ccc; } table.item-list td.discount-total { background: #E6E0D1; font-weight: bold; } table.item-list td.empty { width: 25px; border-bottom: 0; background: transparent; padding: 0;} table.item-list td.product { vertical-align: top; padding-left: 10px; } table.item-list td.product #image { float: left; padding-right: 7px; } table.item-list td.product #information { float: left; margin: 0 0 15px 0; width: 130px; } table.item-list td.product #information .label { font-weight: bold; } table.item-list td.product #information .subscription { font-weight: bold; } table.item-list td.product #subscription { margin: 8px 0 20px 0; padding: 15px 0 0 0; background: url(/assets/images/may/us/en/ucp_cart/dot_divider_x.gif) repeat-x top; } table.item-list td.product #frequency { margin: 0 0 5px 0; } table.item-list td.product #frequency select { margin: 3px 0 0 0; } table.item-list td.availability { vertical-align: top; } table.item-list td.availability .instock { font-weight: bold; color: #000000; } table.item-list td.availability .backorder { font-weight: bold; color: #000000; } table.item-list td.availability .outstock { font-weight: bold; color: #000000; } table.item-list td.quantity { vertical-align: top; } table.item-list td.quantity a { color: #333; text-decoration: underline; } table.item-list td.quantity a:hover { color: #333; text-decoration: none; } table.item-list td.price { vertical-align: top; border-right: 1px solid #ccc; background-image: none; } table.item-list td.total { vertical-align: top; border-right: 0; background-image: none; } table.item-list td.total .cart-price-total { font-weight: bold; } /* order totals */ .item-totals-wrapper { width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 15px; } .item-totals-container { float: left; margin: 10px 0 10px 0; } .item-totals-container .row { clear: both; line-height: 20px; } .item-totals-container .row .label { float: left; width: 611px; text-align: right; } .item-totals-container .row .value { float: left; width: 80px; text-align: right; } .cart-subtotal { width: 100%; border-bottom: 1px solid #ccc; } .cart-subtotal .row { height: 30px; } .cart-subtotal .row { clear: both; line-height: 30px; } .cart-subtotal .row .msg { width:500px;float: left; } .cart-subtotal .row .msg .promo_message { padding-left: 30px; } .cart-subtotal .row .label { float: left; text-align: right; width: 111px; vertical-align: middle; font-weight: bold; } .cart-subtotal .row .value { float: left; text-align: right; width: 80px; vertical-align: middle; font-weight: bold; } /* next/continue section */ #cart-next-container { width: 100%; border-bottom: 1px solid #ccc; background-color: #F4F4EE; } #cart-next-container #cms { float: left; width: 40%; padding: 20px 0 20px 20px; } #cart-next-container #more { padding-right: 25px; float: right; width: 40%; } #cart-next-container #more .zip-code { width:312px; float: right; padding-right: 10px; padding-bottom: 18px; background: url(/assets/images/may/us/en/ucp_cart/dot_divider_blue.gif) repeat-x bottom center; margin: 15px 0 0 0; } #cart-next-container #more .zip-code .row { line-height: 25px; float: right; } #cart-next-container #more .zip-code .row .label { float: left; font-weight: bold; vertical-align: middle; margin-right: 6px;} #cart-next-container #more .zip-code .row .value { float: left; vertical-align: middle; } #cart-next-container #more .zip-code .row .message { font-weight: bold; } #cart-next-container #more .button { float: right; margin: 10px 0 15px 0; } #cart-next-container #more .button .row { clear: both; } #cart-next-container #more .button .row .btn-continue { float: left; line-height: 30px; } #cart-next-container #more .button .row .btn-continue img { vertical-align: middle; } #cart-next-container #more .button .row .btn-checkout { float: left; line-height: 30px; width: 150px; text-align: center;} #cart-next-container #more .button .row .btn-checkout img { vertical-align: middle; } /* links */ table.item-list td.quantity a.item-adjust { } a.no-underline { text-decoration: none; } /* form fields */ #deliveryPostalCode { width: 165px; } /** PAGE: LOGIN (CHECKOUT) **/ #checkout-login { width: 100%; background-color:#FFFFFF; } .account-login-area { width: 100%; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y center; } .account-login-content { width: 100%; margin: 0 auto 0 auto; padding: 25px 0 25px 0; } .account-login-content .header { padding: 0 0 18px 20px; } .account-login-wrapper-left { display: inline; margin-left: 39px; float: left; border:1px solid #c7c7c7; width:326px; text-align: center; background: #F4F4EE; } .account-login-header-left { font-weight: bold; font-size: 12px; padding: 10px 0 10px 12px; background-color: #DEDED7; border-bottom: 1px solid #c7c7c7; text-align: left; } .account-login-container-left { margin: 0 auto 0 auto; height: 190px; width: 300px; line-height: 14px; text-align: left; } .account-login-content .message { margin: 15px auto 15px auto; } .account-login-content .message2 { margin: 10px auto 10px auto; background: url(/assets/images/may/us/en/ucp_cart/dot_divider_blue.gif) repeat-x top center; } .account-login-content .message3 { background: url(/assets/images/may/us/en/ucp_cart/dot_divider_blue.gif) repeat-x bottom center; } .account-login-content .message2 .text { padding: 12px; font-weight: bold; } .account-login-wrapper-right { display: inline; margin-right: 39px; float: right; border:1px solid #c7c7c7; width:326px; text-align: center; } .account-login-header-right { font-weight: bold; font-size: 12px; padding: 10px 0 10px 12px; background-color: #CFD9E2; border-bottom: 1px solid #c7c7c7; text-align: left; } .account-login-container-right { height: 190px; padding: 0 12px 0 12px; line-height: 14px; text-align: left; } .account-login-content form.formset { width: 280px; } .account-login-content form.formset .row { clear: both; width: 100%; padding-top: 7px; } .account-login-content form.formset .error { clear: both; padding-top: 1px; padding-left: 97px; } .account-login-content form.formset .row .label { float: left; width: 90px; text-align: right; margin-right: 7px; } .account-login-content form.formset .row .field { float: left; text-align: left; } .account-login-content form.formset .row .forgotpw { text-align: right; padding-top: 5px; } .account-login-content form.formset .row .button { text-align: right; padding-top: 5px; } .account-login-content form.formset .row .field input { width: 170px; } /** GLOBAL CHECKOUT **/ #checkout-header { margin-bottom: 4px; } #checkout-header img { margin: 5px 0 0 10px; } #checkout-header .message { margin: 0 0 20px 0; } /* order totals sidebar */ .totals-wrapper { width: 100%; } .totals-wrapper .header { line-height: 34px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-color: #CFD9E2; border-bottom: 1px solid #ccc; } .totals-wrapper .row { clear: both; line-height: 25px; width: 100%; float: left; } .totals-wrapper .row .label { float: right; padding-right: 5px; border-right: 1px solid #ccc; text-align: right; } .totals-wrapper .row .field { float: right; padding-right: 5px; text-align: right; width: 65px; } .totals-wrapper .subtotal { clear: both; line-height: 30px; width: 100%; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-weight: bold; } .totals-wrapper .subtotal .label { border: 0; } /** PAGE: DELIVERY ADDRESS (CHECKOUT) **/ #checkout-delivery { width: 776px; /*width: 100%;*/ background-color:#FFFFFF; } #checkout-delivery #block { float: left; width: 580px; padding: 22px 0 20px 0; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y top right; background-color: #f4f3ee; } #checkout-delivery #block #wrapper { padding: 0 10px 0 20px; } #checkout-delivery #sidebar { float: left; width: 195px; } #checkout-delivery #buttons { clear: both; padding: 0 40px 0 0; background-color: #f4f3ee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #checkout-delivery #buttons #cancel { float: left; padding-left: 20px; padding-top: 10px; } #checkout-delivery #buttons #button { float: right; padding: 6px 0 6px 0; } #checkout-delivery #cms { background-image: 0; float: none;} #checkout-delivery .formset { width: 100%; } #checkout-delivery .formset .row { clear: both; width: 100%; padding-top: 9px; } #checkout-delivery .formset .error { clear: both; padding-top: 3px; padding-left: 116px; } #checkout-delivery .formset .row .label { float: left; padding-top: 2px; width: 110px; text-align: right; margin-right: 7px; } #checkout-delivery .formset .row .field { float: left; text-align: left; } #checkout-delivery .formset .error .also-billing { font-weight: bold; color: #000; } #checkout-delivery .formset .row .note { float: left; text-align: left; padding-left: 10px; font-size: 9px; } #checkout-delivery .formset .row .button { text-align: right; padding-top: 5px; } #checkout-delivery .formset .row .field input { width: 170px; } #checkout-delivery .formset .row .field input#postalCode { width: 50px; } #checkout-delivery .formset .row .field input#phone { width: 30px; } /** PAGE: POSTAL CHANGE POPUP (CHECKOUT **/ #postal-popup .hd { background-color: #212421; } #postal-popup .bd { padding: 20px; } #postal-popup .row { clear: both; padding-top: 15px; } #postal-popup .row .button { float: left; width: 70px; } #postal-popup .row .field { float: left; padding-left: 15px; width: 410px; } #postal-popup .row .button input { width: 70px; height: 20px; } /** PAGE: CREATE NEW PASSWORD **/ #create-new-password { width: 100%; background-color:#FFFFFF; } #create-new-password #account { width: 90%; padding: 8px 0 8px 20px; } #create-new-password #account .create { float: left; width: 60%; } #create-new-password #account .header { padding-bottom: 8px; font-weight: bold; } #create-new-password .message { padding: 10px 0 10px 0; } #create-new-password #account .create .row { clear: both; width: 100%; padding-top: 8px; } #create-new-password #account .create .error { clear: both; padding-bottom: 3px; padding-left: 145px; } #create-new-password #account .create .row .label { float: left; width: 140px; text-align: right; padding-top: 2px; } #create-new-password #account .create .row .field { float: left; padding-left: 5px; } #create-new-password #account .guidelines { position:relative; float: right; width: 220px; border-left: 1px solid #ccc; padding-left: 40px; } #create-new-password #account .button { text-align: right; padding: 10px 105px 5px 0; } /** PAGE: BILLING ADDRESS (CHECKOUT) **/ #checkout-billing { width: 776px; background-color:#FFFFFF; } #checkout-billing #block { float: left; width: 580px; padding: 22px 0 20px 0; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y top right; background-color: #f4f3ee; } #checkout-billing #block #wrapper { padding: 0 10px 0 10px; width: 100%;} #checkout-billing #sidebar { float: left; width: 195px; } #checkout-billing #policy { clear: both; border-top: 1px solid #ccc; padding: 8px 0 8px 10px; background-color: #f4f3ee; } #checkout-billing #account { clear: both; border-top: 1px solid #ccc; padding: 8px 0 8px 0; background-color: #f4f3ee; width: 100%; } #checkout-billing #buttons { clear: both; padding: 0 40px 0 0; background-color: #f4f3ee; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; } #checkout-billing #buttons #cancel { float: left; padding-left: 20px; padding-top: 10px; } #checkout-billing #buttons #button { float: right; padding: 6px 0 6px 0; } #checkout-billing #cms { background-image: 0; float: none; } #checkout-billing #policy .left { float: left; /*width: 580px;*/ width: 74%; } #checkout-billing #policy .left .checkbox { float: left; } #checkout-billing #policy .left .text { float: left; width: 500px; padding-left: 8px; padding-right: 20px; font-weight: bold; } #checkout-billing #policy .policy-text { float: left; width: 25%; } #checkout-billing #account .create { float: left; width: 50%; padding-bottom: 10px; padding-left: 70px; } #checkout-billing #account .header { padding-bottom: 8px; font-weight: bold; } #checkout-billing #account .message { padding-bottom: 8px; } #checkout-billing #account .row { clear: both; padding-top: 5px; padding-bottom: 5px; } #checkout-billing #account .error { clear: both; padding-top: 3px; padding-left: 145px; } #checkout-billing #account .row .label { float: left; width: 140px; text-align: right; padding-top: 2px; padding-right: 5px; } #checkout-billing #account .row .field { float: left; } #checkout-billing #account .guidelines { float: right; width: 30%; border-left: 1px solid #ccc; padding-left: 40px; } #checkout-billing .formset { width: 100%; } #checkout-billing .formset .row { clear: both; width: 100%; padding-top: 9px; } #checkout-billing .formset .error { clear: both; padding-top: 3px; padding-left: 116px; } #checkout-billing .formset .row .label { float: left; padding-top: 2px; width: 110px; text-align: right; margin-right: 7px; } #checkout-billing .formset .row .field { float: left; text-align: left; } #checkout-billing .formset .error .also-billing { font-weight: bold; } #checkout-billing .formset .row .note { float: left; text-align: left; padding-left: 10px; } #checkout-billing .formset .row .button { text-align: right; padding-top: 5px; } #checkout-billing .formset .row .field input { width: 170px; } #checkout-billing .formset .row .field input#postalCode { width: 50px; } #checkout-billing .formset .row .field input#phone { width: 30px; } /** PAGE: PAYMENT (CHECKOUT) **/ #checkout-payment { width: 100%; background: #FFFFFF url(/assets/images/may/us/en/ucp_cart/hdr_checkout_gradient.gif) repeat-x 0 31px; } #payment-header { /*border-top: 1px solid #FBAA28;*/ margin: 0 0 0 0; padding: 0 0 0 20px; } #payment-header img { vertical-align: middle; margin-top: 23px; } #checkout-payment .message { padding: 5px 5px 10px 20px; } .header01 { background-color: #deddd8; border-bottom: 1px solid #ccc; } .header01 .line { height: 2px; background: url(/assets/images/may/us/en/ucp_cart/dot_divider_blue.gif) repeat-x top center; background-color: #f4f3ee;} .header01 .inner { padding: 9px 0 9px 20px; } .header01account { background-color: #deddd8; border-bottom: 1px solid #ccc; border-top: 20px solid #f4f3ee; } .header01account .line { height: 2px; background: url(/assets/images/may/us/en/ucp_cart/dot_divider_blue.gif) repeat-x top center; background-color: #f4f3ee; } .header01account .inner { padding: 11px 0 8px 20px; } .header02 { background-color: #cfd9e2; border-bottom: 1px solid #ccc; } .header02 .line { height: 1px; background: url(/assets/images/may/us/en/ucp_cart/dot_divider_blue.gif) repeat-x top center; background-color: #fff; } .header02 .inner { padding: 12px 0 12px 20px; } #checkout-payment #left { float: left; width: 40%; } #checkout-payment #left .billing-address { padding: 20px; border-bottom: 1px solid #ccc; } .billing-address .header { padding-bottom: 5px; font-weight: bold; text-transform: uppercase; } .billing-address .content { } #checkout-payment #left .shipping-address { padding: 20px; } .shipping-address .header { padding-bottom: 5px; font-weight: bold; text-transform: uppercase; } .shipping-address .content { } #checkout-payment #right { float: left; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y top left; width: 60%; background-color: #f4f3ee; } #checkout-payment #right .promo { border-bottom: 1px solid #ccc; padding: 10px 20px 10px 20px; } #checkout-payment #right .promo .message { padding: 0 0 8px 0; } #checkout-payment #right .promo .message .highlighted { font-weight: bold; color: #3134ce; } #checkout-payment #right .promo .row { clear: both; width: 100%; vertical-align: middle; } #checkout-payment #right .promo .label { float: left; font-weight: bold; line-height: 23px; } #checkout-payment #right .promo .field { float: left; padding-left: 12px; padding-top: 2px; line-height: 23px; } #checkout-payment #right .promo .field input { width: 100px; } #checkout-payment #right .promo .button { float: left; padding-left: 8px; } #checkout-payment #right .promo .error { padding-left: 150px; padding-top: 3px; } #checkout-payment #right .credit-card { background: url(/assets/images/may/us/en/ucp_cart/dot_divider_blue.gif) repeat-x bottom left; } #checkout-payment #right .credit-card .formset { padding-left: 20px; position:relative;} #checkout-payment #right .credit-card .formset .message { } #checkout-payment #right .credit-card .formset .row { clear: both; width: 100%; padding-top: 9px; } #checkout-payment #right .credit-card .formset .row .label { float: left; padding-top: 2px; width: 130px; text-align: right; margin-right: 7px; } #checkout-payment #right .credit-card .formset .row .field { float: left; text-align: left; } #checkout-payment #right .credit-card .formset .row .field input { width: 170px; } #checkout-payment #right .credit-card .formset .row .checkbox { float: left; text-align: left; padding: 0 4px 0 2px; } #checkout-payment #right .credit-card .formset .row .checkbox input { width: auto; } #checkout-payment #right .credit-card .formset .row .text { float: left; text-align: left; padding-bottom: 10px; } #checkout-payment #right .credit-card .formset .row .note { float: left; text-align: left; padding-left: 10px; padding-top: 3px; } #checkout-payment #right .credit-card .formset .error { clear: both; width: 100%; padding-top: 3px; } #checkout-payment #right .credit-card .formset .error .field { padding-left: 138px; } #checkout-payment #right .submit-area { background: url(/assets/images/may/us/en/ucp_cart/submit_gradient.gif) repeat-x top left; text-align: center; } #checkout-payment #right .bordered { height: 44px; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y top left; } #checkout-payment #right .submit-area .images { padding-top: 8px; } #checkout-payment #right .submit-area .images * { vertical-align: middle; } /* redefining some item-list styles re-used from basket */ #checkout-payment table.item-list th#qty { width: 70px; padding-left: 20px; } #checkout-payment table.item-list th#total { width: 150px; padding-left: 20px; } #checkout-payment table.item-list th#avail { width: 240px; padding-left: 20px; } /* redefining some next-container styles re-used from basket */ #checkout-payment #cart-next-container { width: 100%; height: 100%; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y 70% 0; background-color: #F4F4EE; } #checkout-payment #cart-next-container #cms { width: 50%; float: left; padding: 20px 0 20px 20px; } #checkout-payment #cart-next-container #more { width: 30%; float: right; padding: 0; margin: 0; background: #fff; } #checkout-payment .totals-wrapper .subtotal { border-bottom: 0; text-transform: uppercase; } /** PAGE: RECEIPT (CHECKOUT) **/ #checkout-receipt { /*width: 760px;*/ width: 100%; background: #FFFFFF url(/assets/images/may/us/en/ucp_cart/hdr_checkout_gradient.gif) repeat-x 0 31px; } #checkout-receipt .message { padding: 5px 5px 10px 20px; } #checkout-receipt .print { float: left; margin: 10px; } #checkout-receipt .close { float:right; margin: 10px; } #checkout-receipt .addresses { width: 100%; } #checkout-receipt .addresses { clear: both; width: 100%; } #checkout-receipt .addresses .billing-address { float: left; width: 45%; padding: 20px; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y top right; } #checkout-receipt .addresses .shipping-address { float: left; padding: 20px; } #checkout-receipt .ordernumber { float: left; } #checkout-receipt .ordernumber img { float: left; padding-top: 2px; padding-right: 5px; vertical-align: bottom; } #checkout-receipt .ordernumber .txt { float: left; font-weight: bold; } #checkout-receipt .orderdate { float: right; margin-right: 20px; } #checkout-receipt .orderdate img { float: left; padding-top: 2px; padding-right: 5px; vertical-align: bottom; } #checkout-receipt .orderdate .txt { float: left; } #checkout-receipt table.item-list th#qty { width: 70px; padding-left: 20px; } #checkout-receipt table.item-list th#total { width: 150px; padding-left: 20px; } #checkout-receipt table.item-list th#avail { width: 240px; padding-left: 20px; } #checkout-receipt #cart-next-container { width: 100%; background-color: #F4F4EE; background-position: 70% 0%; } #checkout-receipt #cart-next-container #cms { width: 50%; float: left; padding: 20px 0 20px 20px; } #checkout-receipt #cart-next-container #more { width: 30%; float: right; padding: 0; margin: 0; background: #fff; } #checkout-receipt .totals-wrapper .subtotal { border-bottom: 0; } #checkout-receipt .totals-wrapper { overflow: hidden; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y top left;} #checkout-receipt .totals-wrapper * { margin: 0; } /* my account breadcrumb */ .breadcrumb { width: 100%; background: #FFFFFF; font-size: 9px; } .breadcrumb ul { list-style: none; margin: 0; padding: 12px 12px 10px 20px; height:10px; border-bottom:1px solid #dddddd; } .breadcrumb ul li { display: inline; color: #3970A4; } .breadcrumb a, a:visited, a:hover { text-decoration: underline; color: #3970A4; } .breadcrumb a:hover { text-decoration: none; } /* my account leftnav */ #account-leftnav { margin-bottom: 20px; margin-top: 20px; } #account-leftnav .header { padding: 0 0 10px 18px; background:url(/assets/images/may/us/en/ucp_cart/myaccount/bg_myAccountTitle.gif) bottom left no-repeat; } #account-leftnav .option { padding: 11px 0 11px 30px; background:url(/assets/images/may/us/en/ucp_cart/myaccount/bdr_myAccountMenu.gif) bottom left repeat-x; } #account-leftnav .arw { background:url(/assets/images/may/us/en/ucp_cart/myaccount/arw_MyAccountMenu.gif) 18px 11px no-repeat; } /* my account header */ #account-header { margin: 0 0 0 0; padding: 25px 0 15px 20px; } /** PAGE: REGISTRATION (ACCOUNT) **/ #account-registration { /*width: 760px;*/ width: 100%; background-color:#FFFFFF; } #account-registration .content { padding-left: 20px; background-color: #f4f3ee; padding-bottom: 20px; } #account-registration .formset { width: 100%; } #account-registration .formset .row { clear: both; width: 100%; padding-top: 9px; } #account-registration .formset .error { clear: both; padding-top: 3px; padding-left: 146px; } #account-registration .formset .row .label { float: left; padding-top: 2px; width: 140px; text-align: right; margin-right: 7px; } #account-registration .formset .row .field { float: left; text-align: left; } #account-registration .formset .error .also-billing { font-weight: bold; } #account-registration .formset .row .note { float: left; text-align: left; padding-left: 10px; } #account-registration .formset .row .button { text-align: right; padding-top: 5px; } #account-registration .formset .row .field input { width: 170px; } #account-registration .formset .row .field input#postalCode { width: 50px; } #account-registration .formset .row .field input#phone { width: 30px; } #account-registration .email-password { padding-top: 10px; padding-bottom: 10px; background: #f4f3ee; } #account-registration .email-password .left { float: left; width: 65%; } #account-registration .email-password .right { float: right; padding: 10px; padding-left: 20px; vertical-align: middle; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y top left; } #account-registration .email-password .right .header { font-weight: bold; padding-bottom: 8px; } #account-registration .email-password .right #guidelines { list-style: none; padding: 0; margin: 0; } #account-registration .email-password .right #guidelines li {background: url(/assets/images/may/us/en/ucp_cart/myaccount/arw_RightGrey.gif) 0px 2px no-repeat; padding:0 0 8px 10px; margin: 0; } #account-registration .infoline { background: #f4f3ee; padding: 8px 0 2px 3px; border-top: 1px solid #ccc; } #account-registration .infoline .checkbox { float: left; } #account-registration .infoline .txt { float: left; line-height: 18px; padding-left: 6px; } #account-registration .infoline .txt .part1 { font-weight: bold; } #account-registration .buttons { background: #f4f3ee; padding: 8px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: right; } /** PAGE: MAIN (ACCOUNT) **/ #account-main { width: 100%; background-color:#FFFFFF; } #account-main .options { width: 95%; } #account-main .options .row { border: 1px solid #ccc; margin-bottom: 15px; } #account-main .options .row .label { padding: 8px 0 8px 12px; font-size: 12px; border-bottom: 1px solid #ccc; background: url(/assets/images/may/us/en/ucp_cart/myaccount/bg_MyAccountSectionTitle.gif) top left repeat-x; } #account-main .options .row .label a { font-size: 11px; } #account-main .options .row .desc { padding: 12px; border: 3px solid #fff; } /** PAGE: ORDER STATUS (ACCOUNT) **/ #account-orderstatus { width: 100%; background-color:#FFFFFF;} #account-orderstatus .content { padding-bottom: 20px; padding-left: 20px; background: #f4f3ee; } #account-orderstatus .content .message { padding: 20px 20px 20px 0; } #account-orderstatus .formset { width: 100%; } #account-orderstatus .formset .row { clear: both; width: 100%; padding-top: 9px; } #account-orderstatus .formset .error { clear: both; padding-top: 3px; padding-left: 146px; } #account-orderstatus .formset .row .label { float: left; padding-top: 2px; width: 140px; text-align: right; margin-right: 7px; } #account-orderstatus .formset .row .field { float: left; text-align: left; } .buttons { text-align: right; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #f4f3ee; padding: 10px 10px 7px 0; } /** PAGE: EMAIL/PREFS (ACCOUNT) **/ #account-profile { width: 100%; background-color:#FFFFFF;} #account-profile .content { padding-bottom: 20px; padding-left: 20px; background: #f4f3ee; } #account-profile .content .row { clear: both; padding: 4px 0 4px 0; width: 100%; } #account-profile .content .checkbox { float: left; padding: 8px 4px 8px 4px; } #account-profile .content .txt { float: left; padding: 8px; width: 60%; } #account-profile .content .policy { float: left; padding: 8px; } #account-profile .formset { width: 100%; } #account-profile .formset .row { clear: both; width: 100%; padding-top: 9px; } #account-profile .formset .error { clear: both; padding-top: 3px; padding-left: 146px; } #account-profile .formset .row .label { float: left; padding-top: 2px; width: 140px; text-align: right; margin-right: 7px; } #account-profile .formset .row .field { float: left; text-align: left; } /** PAGE: BILLING ADDRESS (ACCOUNT) **/ #account-billing { width: 100%; background-color:#FFFFFF;} #account-billing .content { padding-top: 20px; padding-bottom: 20px; padding-left: 20px; background: #f4f3ee; } #account-billing .content .message { padding: 0 20px 20px 0; } #account-billing .content .form { float: left; width: 60%; } #account-billing .content .info { float: right; width: 30%; padding-left: 12px; padding-right: 10px; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y top left; } #account-billing .formset { width: 100%; } #account-billing .formset .row { clear: both; width: 100%; padding-top: 9px; } #account-billing .formset .error { clear: both; padding-top: 3px; padding-left: 146px; } #account-billing .formset .row .label { float: left; padding-top: 2px; width: 120px; text-align: right; margin-right: 7px; } #account-billing .formset .row .field { float: left; text-align: left; } #account-billing .formset .row .field input { width: 170px; } #account-billing .formset .row .field input#postalCode { width: 50px; } #account-billing .formset .row .field input#phone { width: 30px; } /** PAGE: SUBSCRIPTIONS (ACCOUNT) **/ #account-subscriptions { width: 100%; background-color:#FFFFFF;} #account-subscriptions .header01account .inner { clear: both; } #account-subscriptions .header01account .inner img { float: left; } #account-subscriptions .header01account .view img { float: none; } #account-subscriptions .view { float: right; width: 40%; } table.subscription-list { width: 100%; } table.subscription-list th { background: #D8E4E8; border-top: 1px solid #fff; border-bottom: 1px solid #ccc; padding: 8px 8px 8px 20px; text-transform: uppercase; font-weight: bold; } table.subscription-list th.col1 { width: 45%; } table.subscription-list th.col2 { width: 40%; } table.subscription-list th.col3 { width: 15%; } table.subscription-list td { border-bottom: 1px solid #ccc; padding: 18px 8px 18px 20px; vertical-align: top; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y top left; } table.subscription-list tr td.first { background-image: none; } table.subscription-list .label { font-weight: bold; } table.subscription-list .header { text-transform: uppercase; font-weight: bold; } table.subscription-list .button { padding-top: 30px; } table.subscription-list .button img { padding-bottom: 5px; } /* alternating row colors */ tr.alt1 td { background-color: #fff; } tr.alt1 td.first { background-color: #fff; } tr.alt2 td { background-color: #f6f6f6; } tr.alt2 td.first { background-color: #f6f6f6; } /** PAGE: SUBSCRIPTION RELATED POPUPS **/ .subscription-popup { margin: 20px; text-align: left; } .subscription-popup .row { clear: both; padding-top: 9px; } .subscription-popup .row .button { float: left; } .subscription-popup .row .txt { float: left; padding-left: 8px; padding-top: 4px; } .subscription-popup .header { font-size: 12px; font-weight: bold; } .subscription-popup .content { width: 100%; margin-top: 10px; } .subscription-popup .content .left { float: left; width: 150px; } .subscription-popup .content .right { float: right; margin-bottom: 10px; } .subscription-popup .content .right .row { clear: both; width: 100%; } .subscription-popup .content .right .row .label { float: left; width: 250px; } .subscription-popup .content .right .row .value { float: left; } .subscription-popup .message { margin-top: 10px; margin-bottom: 20px;} .subscription-popup .formset { width: 100%; } .subscription-popup .formset .error { clear: both; padding-top: 3px; padding-left: 118px; } .subscription-popup .formset .row { clear: both; padding-top: 9px; } .subscription-popup .formset .row .label { float: left; width: 110px; text-align: right; } .subscription-popup .formset .row .field { float: left; padding-left: 8px; } .subscription-popup .bordered { border: 1px solid #ccc; padding: 8px; } .subscription-popup .close { } /** PAGE: EDIT SUBSCRIPTION (ACCOUNT) **/ #account-subscription-edit .formset { width: 100%; background-color:#FFFFFF; } #account-subscription-edit .content { position: relative; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; background-color: #f4f3ee; } #account-subscription-edit .content .left { position: relative; float: left; width: 30%; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y top right; } #account-subscription-edit .content .right { position: relative; float: left; padding-left: 35px; } #account-subscription-edit .row { clear: both; width: 100%; background-color: #f4f3ee;} #account-subscription-edit .formset .row { clear: both; width: 100%; padding-top: 9px; } #account-subscription-edit .formset .error { clear: both; padding-top: 3px; padding-left: 146px; } #account-subscription-edit .formset .row .label { float: left; padding-top: 2px; width: 140px; text-align: right; margin-right: 7px; } #account-subscription-edit .formset .row .field { float: left; text-align: left; } #account-subscription-edit .formset .row .note { float: left; text-align: left; padding-left: 12px; } #account-subscription-edit .formset .row .field input { width: 170px; } #account-subscription-edit .formset .row .field input#postalCode { width: 50px; } #account-subscription-edit .formset .row .field input#phone { width: 30px; } #account-subscription-edit .content .right .formset { padding-top: 0; } #account-subscription-edit .row .content1 { float: left; width: 30%; padding: 12px 8px 12px 20px; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y top right; } #account-subscription-edit .row .content2 { float: left; width: 30%; padding: 12px 8px 25px 20px; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y top right; } #account-subscription-edit .row .content3 { float: left; padding: 12px 8px 12px 20px; } /** PAGE: CHECK ORDER STATUS **/ #user-orderstatus { width: 100%; background-color:#FFFFFF;} #user-orderstatus #block { padding: 20px; margin: 0; border-bottom: 1px solid #ccc; } #user-orderstatus .left { float: left; width: 150px; } #user-orderstatus .right { float: left; width: 125px; } #user-orderstatus .button { float: left; padding-top: 10px; } /** PAGE: ORDER STATUS **/ #order-status { width: 100%; background-color:#FFFFFF;} #order-status .message { padding: 5px 5px 10px 20px; } #order-status #payment-header img { margin-top: 5px; } #order-status .left { float: left; width: 70%; } #order-status .print { text-align: right; padding: 12px; background: #0a80d7; } #order-status .print a { color: #fff; } #order-status .print2 { float: left; margin: 10px; } #order-status .close { float: right; margin: 10px; } #order-status .addresses { clear: both; width: 100%; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y 35% 0; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; } #order-status .addresses .billing-address { float: left; padding: 20px; padding-bottom: 10px; width: 34%; } #order-status .addresses .shipping-address { float: left; padding: 20px; padding-bottom: 10px; width: 22%; } #order-status .addresses .totals-wrapper { float: right; width: 28%; background: url(/assets/images/may/us/en/ucp_cart/dot_divider.gif) repeat-y top left; overflow: hidden } #order-status .ordernumber { float: left; } #order-status .ordernumber img { float: left; padding-top: 2px; padding-right: 5px; } #order-status .ordernumber .txt { float: left; font-weight: bold; } #order-status .orderdate { float: right; margin-right: 20px; } #order-status .orderdate img { float: left; padding-top: 2px; padding-right: 5px; } #order-status .orderdate .txt { float: left; } #order-status table.item-list { margin-bottom: 25px; } #order-status table.item-list th#qty { width: 70px; padding-left: 20px; } #order-status table.item-list th#total { width: 150px; padding-left: 20px; } #order-status table.item-list th#avail { width: 240px; padding-left: 20px; } #order-status #cart-next-container { width: 100%; background-color: #F4F4EE; background-position: 70% 0%; } #order-status #cart-next-container #cms { width: 50%; float: left; padding: 20px 0 20px 20px; } #order-status #cart-next-container #more { width: 30%; float: right; padding: 0; margin: 0; background: #fff; } #order-status .totals-wrapper .subtotal { border-bottom: 0; } #order-status .totals-wrapper * { margin: 0; } /********************************/ /* Site: Maytag US English /* Stylesheet: UCP Product Literature /* Updated Date: 8/29/2007 /* Engineer: dklawitter@fry.com /********************************/ #content p { margin: 0; padding: 0 0 14px 0; line-height: 1.4; } #content { margin: 0 18px 0 18px; text-align:left; } #breadcrumbs { /*padding: 10px 0 40px 10px;*/ padding-right:50px; } #breadcrumbs img { vertical-align: middle; } #breadcrumbs a { font-size: 9px; text-decoration: underline; } form { margin: 0; } .fl { float: left; display: inline; } .cb { clear: both; width: 100%; } /* product literature search [ wireframe 1.0 ] */ h1.h_product_literature_search { /* display: block; margin: 0; padding: 0 0 0px 0;*//*padding: 0 0 20px 10px;*/ } h1.h_product_literature_search img { display: block; width: 1px; height: 1px; } .search_instructions { /*width: 430px;*/ padding: 0 0 24px 0; } .instructions_divider { width: 100%; height: 18px; background: url(/assets/images/whr/us/en/product_literature/bg_horizontal_dotted_line.gif) repeat-x; } .column_left { /*width: 474px; margin: 0 48px 0 0;*/ } .column_right { /*width: 201px;*/ } img.p_product_literature_search { display: block; height: 125px; } .acrobat_instructions, .acrobat_instructions_results { /*right:70px; top:59%;*/ /*margin: 8px 0 0 0; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; background: #f1f8fe;*/ } img.get_adobe_reader { display: block; width: 112px; height: 33px; } /*.need_help { /*padding: 25px 15px 0 15px; padding:150px 0px 10px 0px; }*/ .h_need_help { color: black; font-weight: bold; } .model_number_search { padding: 0 0 0 10px; } input.search_model { margin: 10px 0 15px 0; vertical-align: middle; } .b_go, .b_go_f1f8fe { margin: 10px 0 15px 0; width: 19px; height: 19px; vertical-align: middle; } .h_model_number { font-weight: bold; color: black; } .h_search_again { font-weight: bold; color: black;text-transform: uppercase; } img.btn_search_tips { display: block; width: 65px; height: 6px; margin: 15px 0 0 0; } /* product literature search [ wireframe 1.0.1a, 1.0.1b, 1.0.1c ] */ .we_found { color: black; } /*.results_summary { /*padding: 8px 12px 8px 12px; margin: 0 0 12px 0; color: black; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; background: #f1f8fe; width:393px;*/ .results_summary { /*padding: 8px 12px 8px 12px; margin: 0 0 12px 0; */color: black; border-top: #ccc 1px solid; border-bottom: #ccc 1px solid; background: #f1f8fe; width:390px; padding:18px 0px 8px 0px; margin: 0 0 12px 0; } .h_results_summary { font-weight: bold; text-transform: uppercase; } img.arrow_results_summary { width: 5px; height: 11px; vertical-align: middle; } .view_search_tips { border-bottom: #ccc 1px solid;padding-top:30px; } .please_note { padding: 12px 0 0 0; } ul.result_set { list-style-type: none; margin: 0; padding: 20px 0 0 10px; } ul.result_set li { margin: 0 0 0 32px;margin-left:12px; padding-left:23px; padding: 4px 0 4px 35px; background: url(/assets/images/whr/us/en/product_literature/icon_pdf.gif) no-repeat center left; } ul.result_set li.header { margin: 0; padding: 0 0 12px 10px; background: none; } ul.result_set li.none { margin: 0; padding: 0 0 4px 10px; background: none; } .result_set_divider { width: 100%; height: 21px; background: url(/assets/images/whr/us/en/product_literature/bg_horizontal_dotted_line.gif) repeat-x bottom left; } .acrobat_instructions_results { margin: 0; } .model_search_again { /* padding: 5px 0 20px 15px; float: right; top: 220px; */ position:absolute; /*z-index:7; */ float:right; top:220px; left:65%; width:170px; background-color:#FFFFFF; } /* grouped selectors */ .acrobat_instructions a, .model_number_search a, .results_summary a, .view_search_tips a, ul.result_set li a, .acrobat_instructions_results a, .model_search_again a { color: #3d73a6; } #nav img, #account img, #signup img, #nav_footer img { float: left; display: block; } .product_literature_title { font-family: Times New Roman; font-size: 14px; color: #000000; font-weight: bold; PADDING-LEFT: 10px; margin-top: 20px; margin-bottom: 20px; } .product_literature_search_container { BORDER-RIGHT: #b5b5b5 1px solid; BORDER-TOP: #b5b5b5 1px solid; BORDER-LEFT: #b5b5b5 1px solid; BORDER-BOTTOM: #b5b5b5 1px solid; PADDING-RIGHT: 4px; PADDING-LEFT: 10px; FONT-SIZE: 11px; PADDING-BOTTOM: 30px; PADDING-TOP: 0; FONT-FAMILY: Verdana; Width:200px; background-color:#F4F3EF; } /*[Start] Promo code page content style*/ body div.promo_container{ height:324px; width:380px; font-family:Verdana, Sans-Serif; font-size:12px; color:#666666; } div.promo_container p{ margin:6px 0; line-height:16px; color:#666666; font-family:Verdana,Sans-Serif; font-size:12px; padding:0; } .container_close { cursor:pointer; } div.promo_container span.text_bf6700{ color:#bf6700; font-size:14px; font-weight:bold; } div.promo_container span.text_333333{ color:#333333; font-size:12px; font-weight:bold; } div.promo_container_t{ background-image: url('/assets/images/may/us/en/cart/promo_container_t.gif'); } div.promo_container_t,div.promo_container_b{ height: 10px; width:380px; font-size:1px; } div.promo_container_b{ background-image: url('/assets/images/may/us/en/cart/promo_container_b.gif'); } div.promo_container_upper_content{ background-color:#ffffff; height:250px; padding:0 18px 0 29px; } div.promo_container_lower_content{ background-color:#e5e5e5; padding:9px 20px 1px 30px; font-size:12px; color:#333333; } div.promo_container .other_group { border-top:solid 1px #bfbfbf; padding:19px 0 0 0; width:321px; } /*[End] Promo code page content style*/ /*[Start] Promo code and water filter program popup overlay style*/ div#promo_code_panel, div#learn_program_panel{ border:none; background-color:transparent; } div#promo_code_panel_mask, div#learn_program_panel_mask{ background-color:#000000; } div#promo_code_panel .bd, div#learn_program_panel .bd{ padding:0; margin:0; } div#learn_program_panel .close{ border:none; background-image:url("/assets/images/may/us/en/cart/btn_close.gif"); height:21px; right:20px; top:20px; width:68px; z-index:9999; } div#promo_code_panel .close{ border:none; background-image:url("/assets/images/may/us/en/cart/btn_close.gif"); height:21px; right:20px; top:20px; width:68px; z-index:9999; } /*[End] Promo code and water filter program popup overlay style*/ /*[Start] water filter program popup content style*/ div.water_program_container { width:580px; height:421px; } .water_program_container_t,.water_program_container_b { width:580px; height:10px; font-size:1px; } .water_program_container_t { background-image:url("/assets/images/may/us/en/cart/water_program_container_t.gif"); } .water_program_container_b { background-image:url("/assets/images/may/us/en/cart/water_program_container_b.gif"); } .water_program_container_body { background: #FFFFFF; font-family:"Verdana", Sans-Serif; font-size:12px; font-weight:normal; color:#666666; padding-left: 39px; padding-right:15px; height:401px; } .container_close { cursor:pointer; margin:10px 4px 13px 0; } div.water_program_container p{ margin:6px 0; line-height:16px; font-family:"Verdana", Sans-Serif; font-size:12px; font-weight:normal; color:#666666; padding:0; } div.water_program_container img.sign_up{ margin:0 6px 2px; 4px; vertical-align:middle; } div.water_program_container div.program_detail_group { border-top:solid 1px #d9d9d9; padding:0px 0 0 0; width:521px; } div.water_program_container div.water_program_container_body h1 { font-family:"Avernir", Sans-Serif; font-weight:bold; font-size:23px; color:#333333; margin:0px 0 30px 0; } div.water_program_container div.water_program_container_body h2 { font-family:"Avernir", Sans-Serif; font-size:21px; color:#333333; } div.water_program_container div.water_program_container_body h3 { font-size:14px; color:#333333; font-weight:normal; } div.water_program_container div.water_program_container_body h4 { font-size:11px; font-weight:normal; color:#666666; } div.water_program_container div.water_program_container_body h5 { font-size:10px; font-weight:normal; } div.water_program_container div.water_program_container_body h5.detail_info { text-transform:uppercase; font-weight:bold; color:#333333; } div.water_program_container div.water_program_container_body .learn_more { font-weight:bold; color:#333333; } /*[End] water filter program popup content style*/ /* Paymetric Design */ .paymetric td{ font-size:10px; color:#333333; padding-right:10px!important; width:138px; text-align:right; } .paymetric{ width:500px; } #Paymetric_Exp_Month,#Paymetric_Exp_Year{ width:77px!important; } #Paymetric_ErrorLogging { position: absolute; top:5px; left:20px; margin-left:0px ! important; padding-right:25px; text-align:left; } td.credit_card{ text-align:left; padding-left:149px; } td.paymetric_required { text-align:left; } td.paymetric_required span.asterik1{ margin-left:149px; } td.paymetric_required span.label_italic{ margin-left:0px; } td.paymetric_submit{ padding-right: 0!important; padding-left:16px!important; vertical-align:bottom!important; } .paymetric_submitOrder{ width: 435px; padding-left:18px; margin:0px; text-align: left; height:48px; line-height:48px; vertical-align:middle; } .paymetric td{ vertical-align:middle; } .DataIntercept { text-align:left; } .DataIntercept tr { color:#333333; font-family:Arial,sans-serif; font-size:10px; line-height:12px; vertical-align:middle; } .DataIntercept input { /*border-color:#7E7E7E #C3C3C3 #C3C3C3 #7E7E7E; border-right:1px solid #C3C3C3; border-style:solid; border-width:2px 1px 1px 2px; */ width:171px; margin:2px 0; } .DataIntercept select{ /*border-color:#7E7E7E #C3C3C3 #C3C3C3 #7E7E7E; border-right:1px solid #C3C3C3; border-style:solid; border-width:2px 1px 1px 2px; */ float:left; margin:2px 0; width:175px; } .DataInterceptaaErrors{ visibility: hidden; display: none; } .td_l { text-align:right;padding-right:7px ! important; vertical-align:middle;height:25px;width:130px; } .td_r { text-align:left;padding-right:7px ! important; vertical-align:middle;height:25px; } .PaymentPage_PayNowButton { visibility: hidden; display: none; } /**************************************************************************************************/ /*Paymetric Credit Card for Billing Page */ .user_td_l { text-align:right;padding-right:7px ! important; vertical-align:middle;height:25px;width:130px; } .user_td_r { text-align:left;padding-right:7px ! important; vertical-align:middle;height:25px; } .user_start_l { display: none; } .user_start_r { display: none; } /*End Paymetric Credit Card for Billing Page*/ /**************************************************************************************************/ /*Paymetric Credit Card for Payment Page */ .checkout_td_l { text-align:right;padding-right:7px ! important; vertical-align:middle;height:25px;width:130px; } .checkout_td_r { text-align:left;padding-right:7px ! important; vertical-align:middle;height:25px; } .checkout_start_l { color:#CC0000; font-size:13px ! important; } .checkout_start_r { color:#CC0000; padding-left:4px; font-size:13px ! important; display: block; } .required2 { margin-top:50px; font-weight:bold; text-transform:uppercase; } .checkout_username { height:25px; margin-left:40px; text-align:middle; vertical-align:middle; } .paymetric_smallerrortext { font-size:10px; font-weight:normal; } /*End Paymetric Credit Card for Payment Page*/