﻿/**
 * COMMON CHECKOUT STYLES
 *
 * @author Sean Kelly
 * @version $Id: style_checkout.css,v 1.38 2008/11/04 21:27:05 estory Exp $
 */
body.pipeline #main {
    background: url(../images/full-bg.gif) repeat-y;
}
body.pipeline #content {

    width: 801px;
    background: url(../images/full-ribbon-bottom.gif) no-repeat;
}
    /**
     * Header showing path through pipeline */
    body.pipeline #content h3#checkout-steps {
        position: relative;
        margin: 0 0 10px 0;
        background: url(../images/dotted-large-bg.gif);
        padding: 3px 0 3px 0;  
        font: normal 14px Georgia,serif;
        color: #492d00;
    }
        body.pipeline #content h3#checkout-steps span {
            display: block;
            position: relative;
            padding: 12px 0 0 58px;
            margin: 0 1px 0 1px;
            border-top: 1px solid #b9b7b2;
            border-bottom: 1px solid #b9b7b2;
            background: #fffbf2;
            height: 32px;
            overflow: hidden;
        }
            body.pipeline #content h3#checkout-steps span strong {
                color: #cc0000;
            }
    body.pipeline #page #main #content .shipment-change {
        float: none;
        padding: 0;
        margin: 0;
        position: absolute;
        width: 50%;
        left: 50%;
        text-align: right;
        top: 0;
    }
    /**
     * Submit buttons floating to the right */
    body.pipeline #content .continue-submit {
        margin-right: 61px;
        margin-bottom: 25px;
    }
    /**
     * clear-after */
    body.pipeline #content .continue-submit {
        _height: 1%;
    }
    body.pipeline #content .continue-submit:after {
        visibility: hidden;
        display: block;
        content: '.';
        clear: both;
        height: 0;
        font-size: 0;
    }
        body.pipeline #content .continue-submit input.image {
            float: right;
            margin-right: 0;
            margin-left: 10px;
            margin-bottom: 10px;
        }
        body.pipeline #content .continue-submit p {
            clear: right;
            font-size: x-small;
            text-align: right;
        }
/**
 * Common address selection in the checkout process
 */
body.pipeline fieldset#different-address ul {
    list-style-type: none;
    padding-left: 40px;
    position: relative;
}
    body.pipeline fieldset#different-address ul li {
        width: 170px;
        margin-right: 40px;
        padding-bottom: 25px;
        float: left;
        position: relative;
    }
    body.pipeline fieldset#different-address ul li.left {
        clear: left;
    }
        body.pipeline fieldset#different-address ul li input.radio {
            display: block;
            float: left;
            margin-right: 5px;
        }
        body.pipeline fieldset#different-address ul li p.shipment-change a {
            background: #fffbf2;
        }
        body.pipeline fieldset#different-address ul li address {
            display: block;
            float: left;
            width: 120px;
            overflow: hidden;
        }
body.pipeline #page #main #content p#order-summary {
    margin-left: 58px;
    line-height: 200%;
}
    body.pipeline #page #main #content p#order-summary a {
        padding-left: 1em;
    }
    
body.pipeline #country-list label {
    width: auto;
    margin-right: 3em;
}
/**
 * CHECKOUT SHIPPING STYLES
 */
form#shipping-selection fieldset#shipping-summary div#shipping-to {
    position: relative;
    border: none;
    float: left;
    margin-bottom: 25px;
}
    form#shipping-selection fieldset#shipping-summary div#shipping-to input.radio {
        display: block;
        float: left;
        margin-right: 5px;
    }
    form#shipping-selection fieldset#shipping-summary div#shipping-to address {
        display: block;
        float: left;
        width: 120px;
        overflow: hidden;
    }
    #page #main #content form#shipping-selection fieldset#shipping-summary div#shipping-to p.shipment-change {
        left: 0;
        width: 230px;
    }
    

    
form#shipping-selection fieldset#shipping-summary div#shipping-method {
    border: none;
    width: 300px;
    float: left;
    margin-bottom: 25px;
}
    form#shipping-selection fieldset#shipping-summary div#shipping-method input.radio {
        display: block;
        float: left;
        margin-right: 5px;
    }
    form#shipping-selection fieldset#shipping-summary div#shipping-method label {
        display: block;
        text-align: left;
        width: auto;
        float: left;
    }
    form#shipping-selection fieldset#shipping-summary textarea {
        width: 100%;
        margin-bottom: 10px;
        border: 1px solid #492d00;
    }    
    

/**
 * MULTIPLE SHIPPING STYLES
 */
.multi-quantities {
    position: relative;
    float: left;
    margin: 0 25px 25px 35px;
    width: 230px;
    padding-right: 15px;
}
    .multi-quantities label {
        width: auto;
        text-align: left;
    }
    .multi-quantities input.text {
        margin-bottom: 10px;
    }

.multi-recipient {
    position: relative;
    float: left;
    width: 360px;
    border-left: 1px solid #f6e9d1;
}
    .multi-recipient h4,
    .multi-recipient address,
    .multi-recipient input.radio,
    #content .multi-recipient p {
        margin-left: 30px;
        margin-bottom: 5px;
    }
    .multi-recipient address {
        margin-bottom: 15px;
    }
    .multi-recipient input.radio {
        display: block;
        float: left;
        margin-right: 5px;
    }
    .multi-recipient label {
        display: block;
        text-align: left;
        width: auto;
        float: left;
    }
    .multi-recipient select {
        width: 275px;
        margin: 0 0 5px 30px;
    }
    body.pipeline #content .multi-recipient .shipment-edit a {
        padding: 2px 0 0 9px;
    }
form#multi-shipping-doling hr {
    margin: 0 61px 25px 58px;
    height: 0px;
    border-top: none;
    border-bottom: 1px solid #d6d6d6;
    border-left: none;
    border-right: none;
}
form#multi-shipping-doling fieldset {
    margin-bottom: 25px;
}
form#multi-shipping-doling textarea {
    width: 300px;
    margin-left: 30px;
    margin-bottom: 10px;
    border: 1px solid #492d00;

}


/**
 * CHECKOUT BILLING STYLES
 */
fieldset#billing-summary div#billing-to {
    position: relative;
    padding-left: 40px;
    width: 226px;
    float: left;
}
    fieldset#billing-summary div#billing-to input.radio {
        display: block;
        float: left;
        margin-right: 5px;
    }
    fieldset#billing-summary div#billing-to address {
        display: block;
        float: left;
        width: 120px;
        overflow: hidden;
    }
    #page #main #content fieldset#billing-summary div#billing-to p.shipment-change {
        left: 0;
        width: 230px;
    }
fieldset#billing-summary div#billing-method {
    width: 400px;
    float: left;
}

div#cvv2_popper {
    /**
     * Center it inside product window */
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
	height: 1px;
	overflow: visible;
    z-index: 1000;
}
    div#cvv2_popper .rr1 {
        text-align: left;
        width: 400px;
    	margin-left: -200px;
    	position: absolute;
    	top: 150px;
    	left: 50%;
    }
    div#cvv2_popper  iframe {
        height: 1000px;
    }
    
div#coupon_help_popper {
    /**
     * Center it inside product window */
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
	height: 1px;
	overflow: visible;
    z-index: 1000;
}
    div#coupon_help_popper .rr1 {
        text-align: left;
        width: 400px;
    	margin-left: -200px;
    	position: absolute;
    	top: 150px;
    	left: 50%;
    }
    div#coupon_help_popper  iframe {
        height: 1000px;
    }
/**
 * CHECKOUT CONFIRMATION STYLES
 */
#checkout-confirmation #confirmation-payment {
    position: relative;
    width: 160px;
    margin-right: 10px;
    float: left;
}
#checkout-confirmation #manifests {
    width: 460px;
    list-style-type: none;
    padding-left: 26px;
    margin-bottom: 26px;
    float: left;
    background: url(../images/confirmation-manifests.gif) repeat-y;
}
    #checkout-confirmation #manifests .shipment-contents {
        position: relative;
        clear: left;
        width: 210px;
        float: left;
        padding-bottom: 20px;
    }
    #checkout-confirmation #manifests .shipment-recipient {
        position: relative;
        margin-left: 50px;
        width: 180px;
        float: left;
    }
#checkoutconfirmationBody #content .continue-submit p {
    font-weight: bold;
    font-size: 100%;
    margin-left: 400px;
}
form#place-order fieldset {
    margin: 0 61px 0 58px;
}
    form#place-order fieldset input.image {
        margin: 0;
        float: right;
    }
    form#place-order fieldset #go-shopping {
        margin: 0;
        padding: 0;
        float: left;
        clear: none;
    }
form#checkout-coupon {
    float: left;
}
    form#checkout-coupon fieldset {
        margin: 0 61px 0 58px;    
    }
        form#checkout-coupon fieldset label {
            text-align: left;
            margin-bottom: 5px;
        }
        form#checkout-coupon fieldset input.text {
            height: 17px;
            width: 100px;
        }
/**
 * CHECKOUT SUCCESSFUL STYLES
 */
    #checkout-overview #confirmation-payment {
        position: relative;
        margin-left: 26px;
        margin-right: 40px;
        clear: both;
        padding-top: 10px;
        border-top: 1px solid #f6e9d1;
    }
    #checkout-overview #manifests {
        width: 460px;
        list-style-type: none;
        padding-left: 26px;
        margin-bottom: 10px;
        float: left;
        background: url(../images/confirmation-manifests.gif) repeat-y;
    }
        #checkout-overview #manifests .shipment-contents {
            position: relative;
            clear: left;
            width: 210px;
            float: left;
        }
        #checkout-overview #manifests .shipment-recipient {
            position: relative;
            margin-left: 50px;
            width: 180px;
            float: left;
        }

#content form#subscribe p {
   clear: both;
   margin: 5px 0 0 145px;
}
   	form#subscribe input.image {
       	float: right;
       	margin: .2em 61px 0 0;
		display: inline;
   	}
	form#subscribe label {
		width: 250px;
		text-align: left;
	}
	form#subscribe input.checkbox { 
		margin: 0 10px 0 26px;
	}
        
#checkoutsuccessBody hr {
    margin: 18px 61px 10px 58px;
    height: 0px;
    border-top: 1px solid #f5f5f5;
    border-bottom: 1px solid #d6d6d6;
    border-left: none;
    border-right: none;
}
#content form#send-friend p {
    clear: both;
    margin: 5px 0 0 145px;
}
    form#send-friend input.image {
        float: right;
        margin: 0 61px 0 0;
    }

	
/* updated checkout styling */
#content.checkout {
	padding-top: 21px;
}

#checkout_header {
	background: url('../images/bg_checkout_header.jpg') no-repeat;
	width: 767px;
	height: 123px;
	margin-bottom: 7px;
	padding-left: 34px;
	padding-top: 15px;
}

#checkout_header h2 {
	margin: 0 0 16px 0;
	padding: 0;
}

#header_checkout_shipping {
	background: url('../images/header-checkout-shipping.gif') no-repeat;
	width: 238px;
	height: 34px;
	text-indent: -3000px;
	overflow: hidden;
}

#header_checkout_confirm {
	background: url('../images/header-checkout-confirm.gif') no-repeat;
	width: 413px;
	height: 34px;
	padding-top: 40px;
	text-indent: -3000px;
	overflow: hidden;
}

#header_checkout_billing {
	background: url('../images/header-checkout-billing.gif') no-repeat;
	width: 208px;
	height: 34px;
	padding-top: 40px;
	text-indent: -3000px;
	overflow: hidden;
}

#checkout_header a:link,
#checkout_header a:visited,
#checkout_header a:hover,
#checkout_header a:active {
	color: #492d00;
}

#checkout_header p {
	line-height: 160%;
}

#checkout_breadcrumb {
	background: url('../images/bg-checkout-breadcrumb.gif') no-repeat;
	width: 763px;
	height: 38px;
	padding: 13px 19px 17px 19px; 
}

#checkout_breadcrumb li {
	list-style-type: none;
	float: left;
	border-right: 1px solid #d27744;
	color: #d29191;
	padding: 12px 17px;
}

#checkout_breadcrumb li strong {
	color: #fff;
}

#checkout_breadcrumb li.last {
	background: url('../images/breadcrumb-last.gif') no-repeat top right;
	border-right: none;
}

#checkout_left {
	float: left;
	width: 589px;
}

#checkout_left.checkout_left_one {
	width: 790px;
}

#checkout_right {
	border: 1px solid #ccc;
	border-left: none;
	border-right: none;
}

#checkout_right h3 {
	margin: 10px 0 12px 0;
	padding: 0;
	font-size: 170%;
}

#checkout_right h4 {
	font-size: 110%;
}

#checkout_right p {
	line-height: 160%;
}

#checkout_left .checkout_box {
	clear: both;
	background: #f0f0f0 url('../images/checkout_box_dots.gif') repeat-x top left;
	margin: 0 0 0 11px;
}

.box_hr {
	background: #f0f0f0 url('../images/checkout_box_dots.gif') repeat-x top left;
	height: 1px;
	font-size: 0;
	overflow: hidden;
}

.order_summary {
	padding: 16px 24px 8px 24px;
}

#main .checkout_edit_link {
	display: inline;
	float: right;
	width: 200px;
	text-align: right;
	padding-top: 20px;
	padding-right: 24px;
}

#main .checkout_box_header {
	display: inline;
	float: left;
	width: 250px;
	margin: 16px 0 10px 34px;
	font-size: 170%;
}

.address_book, .shipping_option {
	display: inline;
	float: left;
	width: 242px;
	margin: 22px 0 0 22px;
}

#shipping-summary .even {
	clear: left;
}

.address_book address {
	float: left;
	width: 150px;
	overflow: hidden;
}

.shipment-recipient address {
	width: 150px;
	overflow: hidden;
}

#main .checkout .address_book .edit_address,
#main .checkout .address_book .edit_address_default {
	display: block;
	float: right;
	width: 60px;
	font-weight: bold;
	color: #492d00;
}

#shipping-method {
	padding-bottom: 22px;
}

#main #shipping-method label {
	width: auto;
	text-align: left;
	margin-bottom: 0;
}

.clearfix {
	clear: both;
	height: 1px;
	overflow: hidden;
}

#checkoutshippingBody #content #shipping-selection h3 small {
	display: inline;
	margin: 0;
	font-size: 80%;
}

#gift_message_box {
	clear: both;
	margin: 0 0 0 35px;
}

#gift-message {
	background: url('../images/bg-gift-textarea.gif') no-repeat;
	width: 534px;
	height: 75px;
	border: none;
	overflow: auto;
}

.checkout_button input.image {
	float: right;
	display: inline;
	margin: 10px 21px 10px 10px;
}

.extra_space input.image {
	margin-top: 30px;
	margin-bottom: 50px;
}

#address_popper .rr1 {
	width: 649px;
	margin: 0 auto;
	background: transparent;
}

#address_popper .rr2, #address_popper .rr3, #address_popper .rr4 {
	background: transparent;
	padding: 0;
}

#popup_address {
	background: #a52222;
	width: 647px;
	border: 1px solid #dcdcdc;
}

#popup_address h3 {
	width: 300px;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	margin: 15px 0 16px 26px;
}

#popup_address_form {
	background: #f0f0f0;
}

#popup_address_form label {
	font-size: 120%;
	font-weight: bold;
}

#popup_address_form input {
	background: #f4ead8 url('../images/bg-address-input.gif') no-repeat;
	width: 176px;
	height: 18px;
	padding: 1px 3px 0px 3px;
	border: none;
}

#popup_address_form .popup_address_form_row {
	clear: both;
	height: 31px;
	overflow: hidden;
}

#popup_address_form .popup_address_form_row .label_left {
	width: 120px;
	padding-left: 10px;
}

#popup_address_form .popup_address_form_row .label_right {
	width: 98px;
}

#popup_address_form #hr_top {
	padding-bottom: 20px;
}

#hr_bot {
	clear: both;
	height: 1px;
	overflow: hidden;
}

#popup_address_bot {
	background: #a52222;
	margin-top: 10px;
}

#popup_address_form #popup_address_submit {
	float: right;
	display: inline;
	background: transparent;
	width: 71px;
	height: 19px;
	margin: 16px 26px 16px 0;
}

#main .multi_recipient h4 {
	float: left;
	width: 70px;
}

.multi_recipient .recipient_select {
	width: 350px;
}

#popup_address_form select#country {
	width: 176px;
}

.checkout_box_inner {
	padding: 12px 20px 8px 25px;
}

#cancel_bg {
	text-decoration: underline;
	color: #a52222;
}

#multi-shipping-doling #cancel {
	display: block; 
	position: absolute; 
	width: 207px; 
	height: 19px;
}

#main .checkout a:link,
#main .checkout a:visited,
#main .checkout a:hover,
#main .checkout a:active {
	color: #a52222;
}

.checkout .multi_checkout_left,
.checkout .multi_checkout_right {
}

#content .multi_checkout_left p,
#content .multi_checkout_right p {
	line-height: 140%;
}

.checkout .multi_checkout_left {
	width: 415px;
	border-right: 1px solid #b0b0b0;
	padding-top: 8px;
}

.checkout .multi_checkout_right {
}

#main .checkout .multi_checkout_left a:link,
#main .checkout .multi_checkout_left a:visited,
#main .checkout .multi_checkout_left a:active,
#main .checkout .multi_checkout_left a:hover,
#main .checkout .multi_checkout_right a:link,
#main .checkout .multi_checkout_right a:visited,
#main .checkout .multi_checkout_right a:active,
#main .checkout .multi_checkout_right a:hover {
	color: #492d00;
	font-weight: bold;
}

.checkout .multi_edit_link {
	display: inline;
	float: right;
	width: 75px;
	margin-right: 20px;
	text-align: right;
}

#multi-shipping-doling .gift_message textarea {
	background: url('../images/bg-gift-textarea2.gif') no-repeat;
	width: 353px;
	height: 76px;
	margin: 0;
	border: none;
	overflow: auto;
}

.checkout .multi_method_form {
	margin: 20px 0;
}

.checkout .multi_method_form label {
	text-align: left;
}

.checkout #checkout-confirmation #manifests {
	background: url('../images/confirmation-manifests2.gif') repeat-y 360px 0px;
	width: auto;
	margin-top: 10px;
	margin-bottom: 0;
}

.checkout #checkout-confirmation #manifests .shipment-contents {
	display: inline;
	width: 330px;
	margin: 10px 0;
	padding: 10px 10px 5px 0px;
}

.checkout #checkout-confirmation #manifests .shipment-recipient {
	position:static;
	display: inline;
	margin-left: 0;
	padding: 20px 10px 15px 20px;

}

.checkout #checkout-confirmation #manifests .shipment-contents a,
.checkout #checkout-confirmation #manifests .shipment-recipient a {
	color: #492d00;
	font-weight: bold;
}

.special_hr {
	clear: both; 
	width: 578px;
	margin: 0 -2px 0 -26px; 
	padding: 20px 0 0 0; 
	background-position: center 10px;
}

.ie_wrapper {
	width: 180px; 
	padding: 20px 0 0 10px;
 }
 
 #bot_hr {
	background: #fff; 
	margin-top: -10px; 
	height: 10px; 
	position: absolute; 
	width: 578px;
 }
 
.ie_wrapper2 {
	background: #fff;
	margin-top: -3px;  
	height: 12px; 
	position: absolute; 
	width: 578px;
 }
 
 #shipping-method p {
	padding: 10px 15px;
}
/* end updated checkout styling */
