/********************************/
/*  Site: Gladiator 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, select { color: #696969; }

/* error styling */
.smallerrortext { color: #cc0000; }
.global-error { padding: 20px 0 0 0; }
.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: #cc0000; }

/* checkout train */
ul#train { margin: 0; padding: 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 { border-top: 1px solid #848484; }
.brand_hr_inner { }
.btm-margin { margin-bottom: 20px; }
.top-margin { margin-top: 20px; }


/* processing interstitial theme */
.panel .hd { background: black; color: white; }
.panel .bd { }

/* leftnav template widths */
.left-content { float: left; width: 298px; }
.right-content { float: left; width: 687px; border-top: 32px solid #DA7C04; }

/** PAGE: POPUP **/
.popup { background: #fff; margin: 0; padding: 0; }
.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**/

/* page header */
#cart-header { height: 55px; /*border-top: 1px solid #FBAA28;*/ background-color: #DA7C04; margin: 0 0 20px 0;
  padding: 0 0 0 55px; }
#cart-header img { vertical-align: middle; padding-top: 23px; }

/* cart errors */
#cart-errors { padding: 5px 5px 10px 57px; }
#cart-errors ul { padding: 0; margin: 0; }
#cart-errors ul li { margin-left: 15px; }
.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; }
#cart-pna .message { padding: 5px 5px 10px 55px; float: left; }
#cart-pna #continue-btn { float: right; margin: 8px 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: 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: #E6E0D1; border-top: 1px solid #ffffff; border-bottom:1px solid #cccccc; vertical-align: middle; }
table.item-list th#empty { }
table.item-list th#desc { width: 35%; padding-left: 30px; text-align: left; }
table.item-list th#avail { width: 30%; padding-left: 20px; text-align: left; }
table.item-list th#qty { width: 15%; padding-left: 20px; text-align: left; }
table.item-list th#price { width: 10%; border-right: 1px solid #fff; padding-left: 20px; text-align: left; }
table.item-list th#total { width: 10%; padding-left: 20px; text-align: left; }

table.item-list td { padding: 15px 10px 20px 20px; border-bottom: 1px solid #cccccc;
  background-image: url(/assets/images/gdr/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.pre-inspect td { border-bottom: 0; }
table.item-list tr.discount td { background: 0; padding-top: 8px; padding-bottom: 8px; background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider_blue.gif) repeat-x top left; }
table.item-list tr.discount td.empty { background: none; }
table.item-list tr.inspect td.empty { background: none; }
table.item-list td.discount-amount { font-weight: bold; text-align: left; background: none;  }
table.item-list td.discount-total { font-weight: bold; }

table.item-list tr.inspect td { background: 0; border-bottom: 1px solid #ccc; padding-top: 8px; padding-bottom: 8px; background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider_blue.gif) repeat-x top left; }
table.item-list tr.inspect td.price { border-right: 0; }

table.item-list td.empty { width: 25px; border-bottom: 0; background: transparent; padding: 0;}
table.item-list td.product { vertical-align: top; padding-left: 30px; }
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: 190px; }
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/gdr/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.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: 773px; text-align: right; }
.item-totals-container .row .value { float: left; width: 180px; 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: 653px;float: left; }
.cart-subtotal .row .msg .promo_message { padding-left: 43px; }
.cart-subtotal .row .label { float: left; text-align: right; width: 120px; vertical-align: middle; font-weight: bold; }
.cart-subtotal .row .value { float: left; text-align: right; width: 180px; vertical-align: middle; font-weight: bold; }

/* next/continue section */
#cart-next-container { width: 100%; border-bottom: 1px solid #ccc;
	background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y; background-position: 40% 0%; background-color: #FBF9F1; }
#cart-next-container #cms { float: left; width: 40%; padding: 20px 0 20px 20px; }
#cart-next-container #more { padding-right: 115px; float: right; width: 40%; }
#cart-next-container #more .zip-code { width:312px; float: right; padding-right: 10px; padding-bottom: 18px;
  background: url(/assets/images/gdr/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 .global-error { padding: 10px 0 20px 137px; } 
.account-login-area { width: 80%;margin: 0 auto 0 auto;  background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y center; }
.account-login-content { width: 100%; margin: 0 auto 0 auto; padding: 0 0 25px 0; }
.account-login-content .header { padding: 18px 0 11px 135px; background-color: #DA7C04; margin-bottom: 20px; }

.account-login-wrapper-left { display: inline; margin-left: 39px; float: left; border:1px solid #c7c7c7; width:326px;
  background: #F4F4EE; text-align: center; }
.account-login-header-left { font-weight: bold; font-size: 12px; padding: 10px 0 10px 12px;
  background-color: #E6E0D2; border-bottom: 1px solid #c7c7c7; text-align: left; }
.account-login-container-left { margin: 0 auto 0 auto; width: 300px; padding-bottom: 15px; 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/gdr/us/en/ucp_cart/dot_divider_blue.gif) repeat-x top center; }
.account-login-content .message3 { background: url(/assets/images/gdr/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: #E6E0D2;
  border-bottom: 1px solid #c7c7c7; text-align: left; }
.account-login-container-right { padding: 0 12px 15px 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 { width: 100%; margin-bottom: 10px; background: #DB7C04; height: 52px; }
#checkout-header img { margin: 20px 0 10px 57px; }
#checkout-header .message { margin: 5px 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; }
.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: 760px;*/ width: 100%; }
#checkout-delivery #block { float: left; width: 75%;
  background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y top right; background-color: #E6E0D2;}
#checkout-delivery #block #wrapper { padding: 10px 10px 10px 60px;  }
#checkout-delivery #sidebar { float: left; width: 25%; }
#checkout-delivery #buttons #cancel { position: absolute; right: 480px; top: 18px; }
#checkout-delivery .totals-wrapper .header { line-height: 32px; padding-top: 20px; padding-left: 10px; text-transform: uppercase;
	font-weight: bold; background-color: #FAA82A; }

#checkout-delivery #buttons { position: relative; width: 100%; }
#checkout-delivery #buttons #button { position: absolute; right: 20px; top: 15px; }
#checkout-delivery #cart-next-container { border-top: 1px solid #848484; }
#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; }
#checkout-delivery .formset .row .note { position: absolute; left: 358px; /*float: left; */text-align: left; padding-left: 10px; }
#checkout-delivery .formset .row .date_phone_desc { padding-left:28px; width:350px; }
#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: DELIVERY METHOD (CHECKOUT) **/
#checkout-method { width: 100%; background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y 75% 0; }
#checkout-method #block { position: relative; float: left; width: 75%; }
#checkout-method #block .message { padding: 15px 0 15px 57px;  }
#checkout-method #sidebar { float: left; width: 25%; margin-right: -3px; }
#checkout-method #buttons #cancel { position: absolute; right: 480px; top: 18px; }
#checkout-method #cms { background-image: 0; float: none; }
#checkout-method  .totals-wrapper .header { line-height: 32px; padding-top: 20px; padding-left: 10px; text-transform: uppercase;
	font-weight: bold; background-color: #FAA82A; }

#checkout-method .policy-link { position: absolute; top: 142px; right: 20px; }

#checkout-method .selection { clear: both; background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider_blue.gif) repeat-x top left;
	padding: 15px 0 15px 57px; }
#checkout-method .selection .message1 { font-weight: bold; margin-left: 0; padding-left: 0; padding-bottom: 7px; }
#checkout-method .selection .label { float: left; padding-top: 2px; }
#checkout-method .selection .field { float: left; padding-left: 5px; }
#checkout-method .selection .error { clear: both; padding-left: 98px; padding-top: 3px; }
#checkout-method .selection .button { float: left; padding-left: 5px; }

#checkout-method table.item-list { float: left; width: 100%; background-color: #fff; }
#checkout-method table#item-list { float: left; width: 438px; } /* used if delivery method is pickup */
#checkout-method table.item-list td { padding-left: 57px; }
#checkout-method .method-container table.nonhd td.product { background-image: none; }
#checkout-method table.item-list th { padding-left: 57px; }

#checkout-method .method-container { background-image: none; }
#checkout-method .method-container-split { background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y 437px 0; }

#checkout-method #pickup-location { float: left; width: 300px; height: 100%; border-top: 1px solid #fff; padding: 0; margin-right: -3px;
	background-color: #E6E0D2; }
#checkout-method #pickup-location .message { clear: both; font-weight: bold; padding: 0; width: 265px; margin: 15px auto 15px auto; }
#checkout-method #pickup-location .message2 { clear: both; padding: 0; width: 265px; margin: 15px auto 15px auto; }
#checkout-method #pickup-location .zip { clear: both; width: 265px; margin: 15px auto 15px auto; }
#checkout-method #pickup-location .label { float: left; padding-top: 3px; padding-right: 3px; }
#checkout-method #pickup-location .field { float: left; padding-right: 3px; }
#checkout-method #pickup-location .zip .error { float: left; padding-left: 62px; padding-top: 3px; }
#checkout-method #pickup-location .button { float: left; }
#checkout-method #pickup-location table#location { background: #FCF9F2; width: 265px; margin: auto; }
#checkout-method #pickup-location table#location th { font-weight: bold; padding: 10px; background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider_blue.gif) repeat-x bottom left; }
#checkout-method #pickup-location table#location th#address { }
#checkout-method #pickup-location table#location td#col1 { padding: 10px; }
#checkout-method #pickup-location table#location .highlight { font-weight: bold; }

#checkout-method .formset { width: 95%; }
#checkout-method .formset .row { clear: both; width: 100%; padding-top: 9px; }
#checkout-method .formset .error { clear: both; padding-top: 3px; padding-left: 87px; }
#checkout-method .formset .row .label { float: left; padding-top: 2px; width: 83px; text-align: right; padding-right: 7px; }
#checkout-method .formset .row .field { float: left; text-align: left; }
#checkout-method .formset .row .field input { width: 150px; }
#checkout-method .formset .row .field input#phone { width: 30px; }

#checkout-method #buttons { position: relative; width: 100%; }
#checkout-method #buttons #button { position: absolute; right: 20px; top: 15px; }
#checkout-method #cart-next-container { border-top: 1px solid #858482; }
#checkout-method #cms { background-image: 0; float: none; }


/** PAGE: CREATE NEW PASSWORD **/
#create-new-password { width: 100%; background-color: #E6E0D2; }
#create-new-password #account { width: 70%; padding: 8px 0 8px 57px; }
#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 #848484; padding-left: 40px; }
#create-new-password #account .button { text-align: right; padding: 6px 105px 5px 0; }

/** PAGE: BILLING ADDRESS (CHECKOUT) **/
#checkout-billing { /*width: 760px;*/ width: 100%; }
#checkout-billing #block { float: left; width: 75%;
  background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y top right; background-color: #E6E0D2;}
#checkout-billing #block #wrapper { padding: 10px 10px 10px 60px; }
#checkout-billing #sidebar { float: left; width: 25%; }
#checkout-billing #policy { clear: both; background-color: #E6E0D2; border-top: 1px solid #848484; padding: 8px 0 8px 10px; }
#checkout-billing #account { /*position:relative; clear: both; */background-color: #E6E0D2; border-top: 1px solid #848484;
	padding: 8px 0 8px 90px; }
#checkout-billing #buttons #cancel { position: absolute; right: 480px; top: 18px; }
#checkout-billing .totals-wrapper .header { line-height: 32px; padding-top: 20px; padding-left: 10px; text-transform: uppercase;
	font-weight: bold; background-color: #FAA82A; }

#checkout-billing #buttons { position: relative; width: 100%; }
#checkout-billing #buttons #button { position: absolute; right: 20px; top: 15px; }
#checkout-billing #cart-next-container { border-top: 1px solid #848484; }
#checkout-billing #cms { background-image: 0; float: none; }

#checkout-billing #policy .left { float: left; /*width: 580px;*/ width: 75%; }
#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 .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; padding-top: 3px; }
#checkout-billing .formset .row .button { text-align: right; padding-top: 5px; }
#checkout-billing .formset .row .field input { width: 170px; }
#checkout-billing .formset .row .text { padding-top: 2px; }
#checkout-billing .formset .row .field input#postalCode { width: 50px; }
#checkout-billing .formset .row .field input#phone { width: 30px; }

#checkout-billing #account .create { float: left; width: 60%; }
#checkout-billing #account .header { padding-bottom: 8px; font-weight: bold; }
#checkout-billing #account .message { padding-bottom: 8px; }
#checkout-billing #account .create .row { clear: both; width: 100%; padding-top: 8px; }
#checkout-billing #account .create .error { clear: both; padding-bottom: 3px; padding-left: 145px; }
#checkout-billing #account .create .row .label { float: left; width: 140px; text-align: right; padding-top: 2px; }
#checkout-billing #account .create .row .field { float: left; padding-left: 5px; }
#checkout-billing #account .guidelines { position:relative; float: right; width: 220px; border-left: 1px solid #848484; padding-left: 40px; }


/** PAGE: PAYMENT (CHECKOUT) **/

#checkout-payment { width: 100%; /*width: 790px;*/ }
#payment-header { height: 55px; background-color: #DA7C04; margin: 0 0 0 0; padding: 0 0 0 57px; }
#payment-header img { vertical-align: middle; margin-top: 23px; }
#checkout-payment .message { padding: 10px 5px 10px 57px; }

.header01 { background-color: #E6E0D2; border-top: 1px solid #b0aaa1; border-bottom: 1px solid #b0aaa1; }
.header01 .line { }
.header01 .inner { padding: 12px 0 12px 57px; }

.header01account { background-color: #E6E0D2; border-top: 1px solid #b0aaa1; border-bottom: 1px solid #b0aaa1; }
.header01account .line { }
.header01account .inner { padding: 12px 0 12px 60px; }

.header02 { background-color: #E6E0D2; border-top: 1px solid #b0aaa1; }
.header02 .line { height: 1px;  }
.header02 .inner { padding: 11px 0 11px 20px; }

#checkout-payment .header01 { background-color: #fff; }

#checkout-payment #left { float: left; width: 35%; }
#checkout-payment #left .billing-address { padding: 20px; padding-left: 57px; border-bottom: 1px solid #848484; }
.billing-address .header { padding-bottom: 5px; font-weight: bold; text-transform: uppercase; }
.billing-address .content { }
#checkout-payment #left .shipping-address { padding: 20px; padding-left: 57px; }
.shipping-address .header { padding-bottom: 5px; font-weight: bold; text-transform: uppercase; }
.shipping-address .content { }

#checkout-payment #right { float: left; background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y top left; background-color: #E6E0D2; width: 65%; }
#checkout-payment #right .promo { border-bottom: 1px solid #848484; padding: 10px 20px 10px 70px; }
#checkout-payment #right .promo .message { padding: 0 0 8px 0; }
#checkout-payment #right .promo .message .highlighted { font-weight: bold; }
#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/gdr/us/en/ucp_cart/dot_divider_blue.gif) repeat-x bottom left; }
#checkout-payment #right .credit-card .formset { padding-left: 70px; }
#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-color: #F1EDE4; text-align: center; }
#checkout-payment #right .bordered { height: 44px; background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y top left; background-color: #F1EDE4; }
#checkout-payment #right .submit-area .images { padding-top: 12px; }
#checkout-payment #right .submit-area .images * { vertical-align: middle; }

/* redefining some item-list styles re-used from basket */
#checkout-payment table.item-list th#desc { padding-left: 45px; }
#checkout-payment table.item-list td.product { padding-left: 45px; }

/* redefining some next-container styles re-used from basket */
#checkout-payment #cart-next-container { width: 100%; height: 100%; background: none; background-color: #FBF9F1; }
#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: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y top left; }
#checkout-payment .totals-wrapper { background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y top left; background-color: #FCF9F2; }
#checkout-payment .totals-wrapper .header { line-height: 32px; padding-top: 0px; padding-left: 10px; text-transform: uppercase;
	font-weight: bold; background-color: #FAA82A; }
#checkout-payment .totals-wrapper .subtotal { border-bottom: 0; text-transform: uppercase; }


/** PAGE: RECEIPT (CHECKOUT) **/
#checkout-receipt { /*width: 760px;*/ width: 100%; }
#checkout-receipt .header01 { position: relative; }
#checkout-receipt .message { padding: 5px 5px 10px 60px; }
#checkout-receipt .popup-links { margin: 10px 10px 10px 60px }
#checkout-receipt .print { float: left; }
#checkout-receipt .close { float:right; }
#checkout-receipt .addresses { width: 100%; }
#checkout-receipt .addresses { clear: both; width: 100%; background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y 45% 0; }
#checkout-receipt .addresses .billing-address { float: left; width: 40%; padding: 20px; padding-left: 60px; }
#checkout-receipt .addresses .shipping-address { float: left; padding: 20px; }

#checkout-receipt .ordernumber { float: left; position: relative; }
#checkout-receipt .ordernumber img { float: left; padding-top: 2px; padding-right: 5px; }
#checkout-receipt .ordernumber .txt { float: left; font-weight: bold; }
#checkout-receipt .orderdate { float: right; margin-right: 20px; position: relative; }
#checkout-receipt .orderdate img { float: left; padding-top: 2px; padding-right: 5px; }
#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: #FBF9F1; background-image: none; }
#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 { background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y top left; }
#checkout-receipt .totals-wrapper .header { line-height: 32px; padding-top: 0px; padding-left: 10px; text-transform: uppercase;
	font-weight: bold; background-color: #FAA82A; }
#checkout-receipt .totals-wrapper .subtotal { border-bottom: 0; }
#checkout-receipt .totals-wrapper { overflow: hidden; }
#checkout-receipt .totals-wrapper * { margin: 0; }


/* my account breadcrumb */
.breadcrumb { width: 100%; background-color: #DA7C04; color: #fff; }
.breadcrumb ul { list-style: none; margin: 0; padding: 10px; padding-bottom: 15px; padding-left: 60px; text-transform: capitalize; }
.breadcrumb ul li { display: inline; text-transform: capitalize; }
.breadcrumb a, .breadcrumb a:visited { text-decoration: none; color: #fff; }
.breadcrumb a:hover { text-decoration: underline; }

/* my account leftnav */
#account-leftnav { margin-bottom: 20px; width: 100%; }
#account-leftnav .header { background-color: #DA7C04; width: 100%; margin-bottom: 13px; }
#account-leftnav .header img { padding: 0 0 10px 60px; }
#account-leftnav .option img { padding: 10px 0 11px 75px; }
#account-leftnav .arw img { background:url(/assets/images/gdr/us/en/ucp_cart/myaccount/arw_MyAccountMenu.gif) 60px 10px no-repeat; }


/** PAGE: REGISTRATION (ACCOUNT) **/
#account-header { padding: 18px 0 11px 60px; background-color: #DA7C04; margin-bottom: 20px; }

#account-registration { /*width: 760px;*/ width: 100%; }
#account-registration .content { padding-left: 60px; background: #E6E0D2; }
#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: #E6E0D2; padding-left: 40px; }
#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/gdr/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/gdr/us/en/ucp_cart/myaccount/arw_RightGrey.gif) 0px 2px no-repeat; padding:0 0 8px 10px; margin: 0; }

#account-registration .infoline { background: #E6E0D2;  padding: 8px; border-top: 1px solid #b0aaa1; padding-left: 60px; position: relative; }
#account-registration .infoline .checkbox { float: left; position: relative; }
#account-registration .infoline .txt { float: left; line-height: 18px; padding-left: 8px; padding-right: 20px; font-weight: bold; position: relative; }

#account-registration .brand_hr_outer { background: #E6E0D2; border: 0; }
#account-registration .brand_hr_inner { background: #E6E0D2; padding: 10px; }
#account-registration .btm-margin { margin: 0; }
#account-registration .top-margin { margin: 0; }

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


/** PAGE: MAIN (ACCOUNT) **/
#account-main { width: 100%; padding-top: 20px; }
#account-main .options { width: 627px }
#account-main .options .row { border: 1px solid #b0aaa1; margin-bottom: 20px; }
#account-main .options .row .label { padding: 9px 0 9px 12px; border-bottom: 1px solid #b0aaa1; background: #E6E0D2; }
#account-main .options .row .label img { height: 7px; width: 4px; }
#account-main .options .row .desc { padding: 14px; }

/** PAGE: ORDER STATUS (ACCOUNT) **/
#account-orderstatus { width: 633px; padding-top: 20px; }
#account-orderstatus .header02 { border-bottom: 1px solid #b0aaa1; }
#account-orderstatus .content { background: #E6E0D2; padding-bottom: 20px; padding-left: 20px; }
#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: #E6E0D2; padding: 10px 10px 10px 0; }


/** PAGE: EMAIL/PREFS (ACCOUNT) **/
#account-profile { width: 633px; padding-top: 20px; }
#account-profile .content { background: #E6E0D2; padding: 20px 0 20px 20px; }
#account-profile .content .row { clear: both; padding: 4px 0 4px 0; }
#account-profile .content .checkbox { float: left; padding: 8px; width: 15px; }
#account-profile .content .txt { float: left; padding: 8px; width: 400px; }
#account-profile .content .policy { float: left; padding: 8px; width: 100px; }
#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; }
#account-profile .header01account .inner { padding: 8px 0 7px 20px; }

/** PAGE: BILLING ADDRESS (ACCOUNT) **/
#account-billing { width: 627px; padding-top: 20px; }
#account-billing .content { position: relative; background: #E6E0D2; padding: 20px 0 20px 20px; }
#account-billing .content .message { position: relative; padding: 0 20px 20px 0; }
#account-billing .content .form { position: relative; float: left; width: 60%; }
#account-billing .content .info { position: relative; float: right; width: 30%; padding-left: 12px; padding-right: 10px; background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y top left; background-color: #E6E0D2; }
#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: 140px; 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; }
#account-billing .header01account .inner { padding: 8px 0 7px 20px; }


/** PAGE: SUBSCRIPTIONS (ACCOUNT) **/
#account-subscriptions { width: 627px; padding-top: 20px; }
#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: 30%; }
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/gdr/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; }
.subscription-popup .header { font-size: 12px; font-weight: bold; }
.subscription-popup .content { 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; }
.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 .row .button { float: left; }
.subscription-popup .row .txt { float: left; padding-left: 8px; padding-top: 4px; }
.subscription-popup .close {  }


/** PAGE: EDIT SUBSCRIPTION (ACCOUNT) **/
#account-subscription-edit .formset { width: 100%; }
#account-subscription-edit .content { position: relative; background: #E6E0D2; padding-top: 20px; padding-bottom: 20px; padding-left: 20px; }
#account-subscription-edit .content .left { position: relative; float: left; width: 30%; background: url(/assets/images/gdr/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: #E6E0D2; }
#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/gdr/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/gdr/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%; }
#user-orderstatus #block { padding: 20px; padding-left: 40px; border-bottom: 1px solid #ccc; }
#user-orderstatus .left { float: left; width: 160px; }
#user-orderstatus .right { float: left; width: 125px; }
#user-orderstatus .button { float: left; padding-top: 10px; }
#user-orderstatus .error { padding-bottom: 20px; width: 50%; }


/** PAGE: ORDER STATUS **/
#order-status { width: 100%; }
#order-status #payment-header { height: auto; padding-bottom: 13px; }
#order-status #payment-header img { margin-top: 0; }
#order-status .message { padding: 5px 5px 10px 60px; }
#order-status .left { float: left; width: 100%; }
#order-status .print { position: absolute; top: 90px; right: 55px; padding: 10px; }
#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/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y 34% 0; }
#order-status .addresses .billing-address { float: left; padding: 20px; padding-bottom: 10px; width: 33%;  }
#order-status .addresses .shipping-address { float: left; padding: 20px; padding-bottom: 10px; width: 28%; }
#order-status .addresses .totals-wrapper { float: right; width: 28%; background: url(/assets/images/gdr/us/en/ucp_cart/dot_divider.gif) repeat-y top left; overflow: hidden }

#order-status .ordernumber { position: relative; float: left; padding-left: 5px; }
#order-status .ordernumber img { float: left; padding-top: 2px; padding-right: 5px; }
#order-status .ordernumber .txt { float: left; font-weight: bold; }
#order-status .orderdate { position: relative; 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 { padding-bottom: 25px; }
#order-status table.item-list th#desc { padding-left: 39px; }
#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 table.item-list td.product { padding-left: 39px; }

#order-status #cart-next-container { width: 100%; background: none; background-color: #FBF9F1; }
#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; }
#order-status .totals-wrapper .header { line-height: 32px; padding-top: 0px; padding-left: 10px; text-transform: uppercase;
	font-weight: bold; background-color: #FAA82A; }