/********************************/
/*  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 { padding: 0 30px 20px 30px; font-size: 10px;}
#page-content a { color: #1b5795; text-decoration: none; }
#page-content a:hover { text-decoration: underline;  }

/* error styling */
.smallerrortext { font-size:10px; color: #cc0000; }
.global-error {padding: 10px 0 10px 40px; }
.success { color: #cc0000; font-weight: bold; }

/* messages */
#message-wrapper { width: 100%; text-align: left; background: #ffe; margin: 10px auto 20px auto; }
.message-informational { color: #000; padding: 15px; }

/* form field required */
.required { font-weight: bold; text-transform: uppercase; }
.asterik { color: #4d7096; }

/* checkout train */
ul#train { margin: 0; padding: 15px 0; }
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: #990000; color: white; }
.panel .bd { padding: 0px;}

/* leftnav template widths */
.left-content { float: left; width: 20%; padding-right: 15px; }
.right-content { float: right; width: 70%; 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: 739px; }

/* page header */
#cart-header {border-bottom: 1px solid #aeacad; padding-top:30px; padding-bottom:10px; margin:0px;}
#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 #aeacad; }

/* empty cart */
#cart-empty { padding: 20px; border-bottom: 1px solid #aeacad; }

/* P&A check tool */
#cart-pna { width:100%; background-color:#eeeeee; padding: 10px 0; margin:1px 0 10px 0;}
#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: 3px; }
#cart-pna .formset div #deliveryPostalCode { margin-top: 2px; }
#cart-pna .formset .message { font-size: 10px; font-weight: bold; text-transform: uppercase; }

/* item list table */
table.item-list { width: 100%; }
table.item-list th { font-size:10px; font-weight:bold; text-transform: uppercase;
  padding: 10px 5px; background-color: #eeeeee; border-top: 1px solid #aeacad; border-bottom:1px solid #aeacad; 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 #aeacad; 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 10px; border-bottom:1px solid #aeacad; font-size:10px; }

table.item-list tr.pre-discount td { border-bottom: 0; }
table.item-list tr.discount td { }
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 #aeacad; }
table.item-list td.discount-total { background: #eeeeee; font-weight: bold; }

table.item-list td.empty { width: 25px; background: transparent; padding: 0;}
table.item-list td.product { vertical-align: top; padding-left: 10px; border-right:1px solid #aeacad; }
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; }
table.item-list td.product #frequency { margin: 0 0 5px 0; }
table.item-list td.product #frequency select { width: 150px; margin: 3px 0 0 0; }

table.item-list td.availability { vertical-align: top; font-size:10px;  border-right:1px solid #aeacad; }

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;  border-right:1px solid #aeacad;}
table.item-list td.quantity a { color: #1b5795; text-decoration: none; font-size:9px; }
table.item-list td.quantity a:hover { color: #1b5795; text-decoration: underline; }
table.item-list td.price { vertical-align: top; border-right: 1px solid #aeacad; 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; font-size:10px; }


/* order totals */
.item-totals-wrapper { float: right; padding-bottom: 10px; font-size:10px; width: 220px; }
.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: 120px; text-align: right; }
.item-totals-container .row .value { float: left; width: 80px; padding-right: 15px; text-align: right; }

.cart-subtotal { clear: both; float: right; width: 220px; position:relative; }
.cart-subtotal .row { height: 30px; }
.cart-subtotal .row { clear: both; line-height: 30px; }
.cart-subtotal .row .msg { width:519px;float: left;position: absolute;left: -500px; top: -84px; }
.cart-subtotal .row .promo_message {}
.cart-subtotal .row .label { float: left; text-align: right; width: 120px; font-weight: bold; }
.cart-subtotal .row .value { float: left; text-align: right; width: 80px; padding-right: 15px; font-weight: bold; }

/* next/continue section */
#cart-next-container { clear: both; width: 100%; border-top:1px solid #AEACAD; border-bottom: 1px solid #aeacad; background-color: #ffffff; }
#cart-next-container #cms { float: left; width: 40%; }
#cart-next-container #more { padding-right: 20px; float: right; }
#cart-next-container #more .zip-code { width:312px; float: right; padding-right: 10px; padding-bottom: 18px; 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; padding-top:3px; }
#cart-next-container #more .zip-code .row .message { font-weight: bold; }
#cart-next-container #more .button { float: right; margin: 10px 0 15px 0; width: 60% border: 1px solid red; }
#cart-next-container #more .button .row { clear: both; }
#cart-next-container #more .button .row .btn-continue { float: left; line-height: 30px; padding-right:15px; }
#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; text-align: right;}
#cart-next-container #more .button .row .btn-checkout img {  }

/* links */
table.item-list td.quantity a.item-adjust { font-size:10px; }
a.no-underline { text-decoration: none; }

/* form fields */
#deliveryPostalCode { width: 165px; }


/** PAGE: LOGIN (CHECKOUT) **/
#checkout-login { width: 100%; }

.account-login-area { width: 100%; }
.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 #aeacad; width:326px;
  text-align: center; background: #eeeeee; }
.account-login-header-left { font-weight: bold; font-size: 12px; padding: 10px 0 10px 12px;
   text-align: left; border-bottom: 1px solid #aeacad; background-color: #ffffff; }
.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;}
.account-login-content .message3 { }
.account-login-content .message2 .text { padding: 12px; font-weight: bold; }

.account-login-wrapper-right {  background: #eeeeee; display: inline; margin-right: 39px; float: right; border:1px solid #aeacad; width:326px;
  text-align: center; }
.account-login-header-right { font-weight: bold; font-size: 12px; padding: 10px 0 10px 12px; background-color: #eeeeee;
  border-bottom: 1px solid #aeacad; background-color: #ffffff; text-align: left; }
.account-login-container-right { height: 190px; padding: 0 12px 0 12px; line-height: 14px; text-align: left;background-color: #eeeeee; }

.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; background-image:url(/assets/images/kad/us/en/global/right_arrow.gif); background-position: 150px 10px; background-repeat: no-repeat;  }
.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 20px; }
#checkout-header .message { margin: 0 0 20px 0; }

/* order totals sidebar */
.totals-wrapper { width: 100%; border-top:1px solid #fff; }
.totals-wrapper .header { line-height: 34px; padding-left: 10px; text-transform: uppercase; font-weight: bold; background-color: #d9d6c5; }
.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 #aeacad; 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: 760px;*/ width: 100%; }
#checkout-delivery #block { float: left; width: 74%; padding: 12px 0 20px 0; background-color: #eeeeee; border-top: 1px solid #aeacad; border-right:1px solid #aeacad; }
#checkout-delivery #block #wrapper { padding: 10px 10px 0 20px; }
#checkout-delivery #block #wrapper .message { padding-bottom: 10px; }
#checkout-delivery #sidebar {border-top:1px solid #aeacad; float: left; width: 25%; }
#checkout-delivery #buttons { clear: both; padding: 0 15px 0 0; background-color: #eeeeee; border-top: 1px solid #aeacad; }
#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 {}

#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-size:10px; 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%; }
#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: 760px;*/ width: 100%; }
#checkout-billing #block { float: left; width: 74%; padding: 12px 0 20px 0; background-color: #eeeeee; border-top: 1px solid #aeacad;  border-right: 1px solid #aeacad; }
#checkout-billing #block #wrapper { padding: 10px 10px 0 20px; }
#checkout-billing #block #wrapper .message { padding-bottom: 10px; }
#checkout-billing #sidebar { border-top:1px solid #aeacad; float: left; width: 25%; }
#checkout-billing #policy { clear: both; border-top: 1px solid #aeacad; padding: 8px 0 8px 10px; background-color: #eeeeee; }
#checkout-billing #account { clear: both; border-top: 1px solid #aeacad; padding: 8px 0 8px 0; background-color: #eeeeee; width: 100%; }
#checkout-billing #buttons { clear: both; padding: 0 40px 0 0; background-color: #eeeeee; border-top: 1px solid #aeacad; }
#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 { }

#checkout-billing #policy .left { float: left; /*width: 580px;*/ width: 74%; }
#checkout-billing #policy .left .checkbox { float: left; }
#checkout-billing #policy .left .text { font-size:10px; float: left; width: 490px; padding-left: 8px; padding-right: 20px; font-weight: bold; }
#checkout-billing #policy .policy-text { float: right; padding-right:72px; }

#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: 117px; }
#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%}
#payment-header {  margin: 0 0 0 0; padding: 10px 0 0 0; background-color: #ffffff; }
#payment-header img { vertical-align: middle; margin-top: 12px; }
#checkout-payment .message {padding: 5px 5px 0 0; }
#checkout-payment .btm-margin { border-bottom: 1px solid #AEACAD; }

.header01 { background-color: #eeeeee; border-top:1px solid #aeacad; border-bottom: 2px solid #fff; margin-top: 30px; }
.header01 .line {height:0px;}
.header01 .inner { background-color: #d9d6c5; border-bottom:1px solid #aeacad; padding: 9px 0 9px 20px; }

.header01account { border-top: 1px solid #aeacad; }
.header01account .line { height: 1px; }
.header01account .inner {background-color: #eeeeee; padding: 11px 0 8px 12px; border-bottom: 1px solid #aeacad; }

.header02 { background-color: #eeeeee; border-bottom: 1px solid #aeacad; }
.header02 .line { height: 1px; background-color: #fff; }
.header02 .inner { padding: 12px 0 12px 12px; }

#checkout-payment #left { float: left; width: 288px;}
#checkout-payment #left .billing-address { padding: 20px; border-bottom: 1px solid #aeacad; }
.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; width: 453px; background-color: #eeeeee; border-left:1px solid #aeacad}
#checkout-payment #right .promo { border-bottom: 1px solid #aeacad; 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 {  }
#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 { text-align: center; }
#checkout-payment #right .bordered { height: 44px; }
#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 {background-color: #d9d6c5;}
#checkout-payment table.item-list th#qty { padding-left: 10px; width: 70px; }
#checkout-payment table.item-list th#total { width: 150px; padding-left: 10px; }
#checkout-payment table.item-list th#avail { padding-left:10px; width:25%; }

/* redefining some next-container styles re-used from basket */
#checkout-payment #cart-next-container { background-color: #ffffff; }
#checkout-payment #cart-next-container #cms { width: 50%; float: left; }
#checkout-payment #cart-next-container #more { width: 30%; float: right; padding: 0; margin: 0; background: #fff; border-left:1px solid #aeacad; }
#checkout-payment .totals-wrapper .subtotal { border-bottom: 0; text-transform: uppercase; }


/** PAGE: RECEIPT (CHECKOUT) **/
#checkout-receipt { /*width: 760px;*/ width: 100%; }
#checkout-receipt .message { padding: 5px 5px 10px 0; }

#checkout-receipt .print { float: left; margin: 10px; margin-left: 0; }
#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;}
#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 {background-color: #d9d6c5;}
#checkout-receipt table.item-list th#qty { width: 70px; padding-left: 10px; }
#checkout-receipt table.item-list th#total { width: 150px; padding-left: 10px; }
#checkout-receipt table.item-list th#avail { width: 25%; padding-left: 10px; }

#checkout-receipt #cart-next-container { width: 100%; background-color: #ffffff; margin-top: 30px; border-top: 1px solid #AEACAD; }
#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; border-left:1px solid #aeacad; }
#checkout-receipt .totals-wrapper .subtotal { border-bottom: 0; }
#checkout-receipt .totals-wrapper {}
#checkout-receipt .totals-wrapper * { margin: 0;}


/* my account breadcrumb */
.breadcrumb { width: 100%; font-size: 10px; }
.breadcrumb ul { list-style: none; margin: 0; padding: 12px 0; }
.breadcrumb ul li { display: inline; text-transform: capitalize; }
.breadcrumb a, a:visited, a:hover { text-decoration: none; }
.breadcrumb a:hover { text-decoration: underline; }

/* my account leftnav */
#account-leftnav { margin-bottom: 20px; margin-top: 20px; }
#account-leftnav .header { padding: 4px 0 10px 0; }
#account-leftnav .option {  }
#account-leftnav .arw { }

/* my account header */
#account-header { margin: 0; padding: 25px 0 15px 0; }


/** PAGE: REGISTRATION (ACCOUNT) **/
#account-registration { /*width: 760px;*/ width: 100%; }
#account-registration .content { padding-left: 12px; background-color: #eeeeee; 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: #eeeeee; }
#account-registration .email-password .left { float: left; width: 65%; background-color: #eeeeee; }
#account-registration .email-password .right { float: right; padding: 10px; padding-left: 20px;
	vertical-align: middle; }
#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/kad/us/en/ucp_cart/myaccount/arw_RightGrey.gif) 0px 3px no-repeat; padding:0 0 6px 8px; margin: 0; }

#account-registration .infoline { background: #eeeeee; padding: 8px 0 2px 3px; border-top: 1px solid #aeacad; }
#account-registration .infoline .checkbox { float: left; }
#account-registration .infoline .txt { float: left; padding-top:3px; }
#account-registration .infoline .txt .part1 { font-weight: bold; font-size:9px; }

#account-registration .buttons { background: #eeeeee; padding: 8px; border-top: 1px solid #aeacad; border-bottom: 1px solid #ccc; text-align: right; }


/** PAGE: MAIN (ACCOUNT) **/
#account-main { width: 100%; }
#account-main .options { width: 95%; }
#account-main .options .row {  border: 1px solid #aeacad; margin-bottom: 15px; }
#account-main .options .row .label {background-color: #eeeeee; padding: 8px 0 8px 12px; font-size: 12px; border-bottom: 1px solid #aeacad; }
#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%; }
#account-orderstatus .header02 { border-top: 1px solid #aeacad; border-bottom: none; }
#account-orderstatus .content { padding-bottom: 20px; padding-left: 20px; background: #eeeeee; }
#account-orderstatus .content .message { padding: 20px 20px 5px 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; }
#account-orderstatus .header02 .inner { padding: 12px 0 12px 12px; border-bottom:1px solid #AEACAD; }
.buttons { text-align: right; border-top: 1px solid #aeacad; border-bottom: 1px solid #aeacad; background: #eeeeee; padding: 10px 10px 7px 0; }


/** PAGE: EMAIL/PREFS (ACCOUNT) **/
#account-profile { width: 100%; }
#account-profile .header02 { border-top: 1px solid #aeacad; border-bottom: none; }
#account-profile .header01account {border-top: 1px solid #aeacad;}
#account-profile .header01account .line {height: 0px;}
#account-profile .content { padding-bottom: 20px; padding-left: 20px; background: #eeeeee; }
#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:#eeeeee}
#account-billing .header02 { border-top: 1px solid #aeacad; border-bottom: none; }
#account-billing .content { padding-top: 20px; padding-bottom: 20px; padding-left: 20px; }
#account-billing .content .message { padding: 0 20px 20px 0; }
#account-billing .content .form { background-color: #eeeeee; float: left; width: 66%; }
#account-billing .content .info { float: right; width: 25%; padding-left: 12px; padding-right: 10px; background: url(/assets/images/kad/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; margin: 0; padding-left: 108px; }
#account-billing .formset .row .label { float: left; padding-top: 2px; width: 100px; 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 { background-color: #eeeeee; }
#account-subscriptions .header02 { border-top: 1px solid #aeacad; }
#account-subscriptions .header02 { border-top: 1px solid #aeacad; border-bottom: none; }
#account-subscriptions .header01account {border-top: 1px solid #aeacad;}
#account-subscriptions .header01account .line {height: 0px;}
#account-subscriptions .header01account .inner { clear: both; }
#account-subscriptions .header01account .line { border:none; }
#account-subscriptions .header01account .inner img { float: left; }
#account-subscriptions .header01account .view img { float: none; }
#account-subscriptions .content .message {padding:20px;}
#account-subscriptions .view { float: right; width: 40%; }
#account-subscriptions .subscription_spaces {
  background: url(/assets/images/kad/us/en/ucp_cart/right_arrow.gif) no-repeat 15px 28px;
  margin-top: 15px;
  padding-left: 15px;
  padding-bottom:101px;
  border-bottom: 1px solid #aeacad;
}

#account-subscriptions .subscription_spaces a {margin-left:5px;}

table.subscription-list { width: 100%; font-size: 10px;}
table.subscription-list th { background: #d9d6c5; border-top: none; padding: 8px 8px 8px 10px;
	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 #aeacad; padding: 10px; vertical-align: top; }
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 {border-left: 1px solid #aeacad; border-top: 1px solid #aeacad; }
tr.alt1 td.first { border-left: none;  border-top: 1px solid #aeacad;}
tr.alt2 td {border-left: 1px solid #aeacad;  border-top: 1px solid #aeacad;}
tr.alt2 td.first { border-left: none;  border-top: 1px solid #aeacad;}


/** 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: left; width: 350px; 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%; }
#account-subscription-edit .header02 { border-top: 1px solid #aeacad; }
#account-subscription-edit .content { position: relative; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; background-color: #eeeeee; }
#account-subscription-edit .content .error {clear: both; padding-top: 3px; padding-bottom: 10px;}
#account-subscription-edit .content .left { position: relative; float: left; width: 30%; }
#account-subscription-edit .content .right { position: relative; float: left; padding-left: 35px; }

#account-subscription-edit .row { clear: both; width: 100%; background-color: #eeeeee;}
#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; }
#account-subscription-edit .row .content2 { float: left; width: 30%; padding: 12px 8px 25px 20px;  }
#account-subscription-edit .row .content3 { float: left; padding: 12px 8px 12px 20px; }


/** PAGE: CHECK ORDER STATUS **/
#user-orderstatus { width: 100%; }
#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%; }
#order-status .message { padding: 15px 5px 0px 0px; }

#order-status #payment-header img { margin-top: 5px; }

#order-status .left { float: left; width: 70%; }
#order-status .print { text-align: right; padding: 12px; }
#order-status .print a { }
#order-status .print2 { float: left; margin: 10px; }
#order-status .close { float: right; margin: 10px; }

#order-status .addresses { clear: both; width: 100%; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
#order-status .addresses .billing-address { float: left; padding: 20px 20px 0 20px; height:100%; width: 34%; }
#order-status .addresses .shipping-address { float: left; padding: 20px 20px 0 20px; width: 22%; }
#order-status .addresses .totals-wrapper { float: right; width: 28%; overflow: hidden; border-left: 1px solid #aeacad; }

#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 {background-color: #eeeeee;}
#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%; margin-top:0px; border-top:0px solid; border-bottom: 1px solid #aeacad; background-color: #ffffff; }
#order-status #cart-next-container #cms { width: 50%; float: left; padding: 25px 0 25px 10px; }
#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; }


/* - - - - - - - - - - - - - - - - - - - -

[ BEGIN PRODUCT LITERATURE CSS ]

- - - - - - - - - - - - - - - - - - - - */

#content p {
	margin: 0; padding: 0 0 14px 0; line-height: 1.4;
}
#content {
	margin: 0 18px 0 18px;
}
#breadcrumbs {
	padding: 0 0 40px 114px;
}
#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 16px 0;
}
h1.h_product_literature_search img {
	display: block; width: 497px; height: 21px;
}
.search_instructions {
	width: 430px; padding: 0 0 24px 0;
}
.instructions_divider {	width: 100%; height: 26px; }
.column_left { width: 474px; margin: 0 48px 0 0; }
.column_right { width: 201px; }
img.p_product_literature_search {
	display: block; width: 201px; height: 125px;
}
.acrobat_instructions, .acrobat_instructions_results {
	padding: 20px 15px 20px 15px; 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;
}
.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, .h_search_again {
	font-weight: bold; text-transform: uppercase; color: black;
}
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: #EFEEEE;
}
.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;
}
.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; padding: 4px 0 4px 35px;
}
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;
}
.acrobat_instructions_results {
	margin: 0;
}
.model_search_again {
	padding: 20px 15px 20px 15px; background: #EFEEEE;
}

/* 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;
}

/* - - - - - - - - - - - - - - - - - - - -

[ END PRODUCT LITERATURE CSS ]

- - - - - - - - - - - - - - - - - - - - */

/* - - - - - - - - - - - - - - - - - - - -

[ BEGIN STYLES FROM KITCHENAID.COM CSS ]

- - - - - - - - - - - - - - - - - - - - */
.breadcrumb {
	font-family: Verdana, sans-serif;
	font-size : 10px;
	line-height : 13px;
	color : #747E7F;
}

.form {
	font-family: Verdana, sans-serif;
	font-size : 11px;
	color : #000000;
}

.white {
	font-family: Verdana, sans-serif;
	font-size : 11px;
	line-height : 13px;
	color : #ffffff;
}

.smallwht {
	font-family: Verdana, sans-serif;
	font-size : 9px;
	color : #ffffff;
}

.text {
	font-family: Verdana, sans-serif;
	font-size : 11px;
	color : #666666;
}

.message2 .message3 .text {
	color : #000000;
}

.small {
	font-family: Verdana, sans-serif;
	font-size : 9px;
	color : #000000;
}

.carat {
	font-family: Verdana, sans-serif;
	font-size: 9px;
	color: #000000;
}

H1 {
	font-family: Verdana, sans-serif;
	font-size : 10px;
	line-height : 13px;
	color : #747E7F;
	display: inline;
	font-weight: normal;
}

.subhead {

	font-family: Humanist, Verdana, Arial, sans-serif;
	font-size: 14px;
	/*font-variant : small-caps;*/
	text-transform: uppercase;
	font-weight: bold;
	color: #990000;
}

.header1 {
	font-family: Futura, Verdana, Arial, sans-serif;
	font-size: 16px;
	color: #333333;
	font-weight: bold;
}

.greysub {
	font-family: Humanist, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #7f8586;
}

.help {

	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #000000;
}

.grey {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #d6d5d5;
}


.red {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #990000;
}

.error {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #ff0000;
}

.errorMsg {
	font-family: verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
  	background-color: #FFFF00;

}

.leading {
	line-height: 16px;
}

A.bc:link {
	font-family: Verdana, sans-serif;
	font-size : 10px;
	line-height : 13px;
	text-decoration: none;
	color : #3366cc;
	}

A.bc:visited {
	font-family: Verdana, sans-serif;
	font-size : 10px;
	line-height : 13px;
	text-decoration: none;
	color : #3366cc;
	}

A.bc:hover {
	font-family: Verdana, sans-serif;
	font-size : 10px;
	line-height : 13px;
	text-decoration: underline;
	color : #3366cc;
	}

A.small:link {
	color: #3366cc;
	text-decoration: none;
	font-size: 9px;
}

A.small:visited {
	color: #336699;
	text-decoration: none;
	font-size: 9px;
}

A.small:hover {
	text-decoration: underline;
	font-size: 9px;
}

/* link styles */

.close a:link {
	color: #3366cc;
	text-decoration: underline;
}

.close a:visited {
	color: #787777;
	text-decoration: underline;
}

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

.border {
	border-style: solid;
	border-width: 1px;
	border-color: #d6d5d5;
}

.tableheader {
	background: #666666;
	color: #ffffff;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
}

.dealername {
	font-weight: bold;
}

/*[Start] Promo code page content style*/

div.promo_container{
	height:324px;
	width:380px;
	font-family:Verdana, Sans-Serif;
	font-size:12px;
	color:#666666;
	text-align:left;
}
div.promo_container p{
	margin:6px 0;
	line-height:16px;
}

.container_close
{
	cursor:pointer;
}

div.promo_container span.text_e79300{
	color:#e79300;
	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/kad/us/en/ucp_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/kad/us/en/ucp_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;
	line-height:20px;
	padding:12px 20px 12px 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] water filter program popup */
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/kad/us/en/ucp_cart/water_program_container_t.gif");
}

.water_program_container_b  {
	background-image:url("/assets/images/kad/us/en/ucp_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:14px;
	height:401px;
}

.container_close
{
	cursor:pointer;
	margin:9px 4px 15px 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;
}

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:500px;
}

div.water_program_container div.water_program_container_body h1
{
	font-family:"OffcinaSans", Sans-Serif;
	font-weight:bold;
	font-size:23px;
	color:#333333;
	margin:1px 0 0 0;
}

div.water_program_container div.water_program_container_body h2
{
	font-family:"OffcinaSans Book","OffcinaSans", 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 */


/* Paymetric Design */

/* 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:75px!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;
   font-size:10px;
}
.checkout_td_r
{
   text-align:left;padding-right:7px ! important; vertical-align:middle;height:25px;
}

.checkout_start_l
{
   color:#000000;   
   font-size:13px ! important;
   
}
.checkout_start_r
{
   color:#000000;
   padding-left:4px;
   font-size:13px ! important;
   display: block;
}
.checkout_username
{
	color:#000000;
	font-family:Verdana,sans-serif;
	font-size:10px;
	height:25px;
	margin-top:10px! important;
	margin-left:41px! important;
	vertical-align:middle;
}

.required2
{
  margin-top:60px;
  font-weight:bold;
	text-transform:uppercase;
}

.paymetric_smallerrortext
{
 font-size:10px;
 font-weight:normal;
}

/*End Paymetric Credit Card for Payment Page*/

- - - - - - - - - - - - - - - - - - - - */