/********************** Columns */

/* All */
.col2-set, .col3-set, .col4-set, .col5-set { clear:both; }

/* Col2 */
.col2-set .col-1, .col2-set .col-2 { width:48.5%; }
.col2-set .col-1 { float:left; }
.col2-set .col-2 { float:right; }

/* Col2-alt */
.col2-alt-set .col-1 { float:left; width:32%; }
.col2-alt-set .col-2 { float:right; width:65%; }

/* Col3 */
.col3-set .col-1, .col3-set .col-2, .col3-set .col-3 { float:left; width:31.3%; }
.col3-set .col-1, .col3-set .col-2 { margin-right:3%; }

/* Col4 */
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3, .col4-set .col-4 { float:left; width:22%; }
.col4-set .col-1, .col4-set .col-2, .col4-set .col-3 { margin-right:4%; }

/* Table Columns */
table .col-1, table .col-2, table .col-3, table .col-4 { float:none !important; margin:0 !important; }
.col3-set td.spacer { width:3%; }
.col4-set td.spacer { width:4%; }

/********************** Space Creators */

.no-display { display:none; }
.content    { padding:12px 12px 12px 15px; } /* Sets default padding */
.actions    { line-height:1.3em; }
.pipe,
.separator { padding:0 3px; font-size:.85em; }
.divider {
    margin:10px 0;
    height:1px;
    background:#ccc;
    font-size:1px;
    line-height:1em;
    overflow:hidden;
    }



/* Checkout
**********************************************/

/* One-Page checkout */
.one-page-checkout .box {
    border:1px solid #ddd;
    border-top:0;
    padding:15px 20px;
    background:#fbfbfb;
    }
.one-page-checkout .head {
    padding:4px 8px 6px 8px;
    border-width:1px 1px 0 1px;
    border-style:solid;
    border-color:#fff #D9DDE3 #D9DDE3 #D9DDE3;
    background:#eee;
    }
.one-page-checkout .head a { display:none; }  /* Hide Edit button in step header */
.one-page-checkout h3 { float:left; margin:0; color:#999; font-size:1.05em; }
.one-page-checkout h4 { border-bottom:1px solid #E4E4E4; padding-bottom:2px; }
.one-page-checkout h4.title { border-bottom:0; text-transform:none; }
.one-page-checkout .step-count { padding:0 4px; background:#fff; color:#444; font-size:.9em; line-height:1em;  }
.one-page-checkout .content { padding:10px 20px; }
.one-page-checkout label.label { font-size:1.05em; color:#2f2f2f; }
.one-page-checkout .allow .head { background:#999; border-color:#999 #999 #fff #999; border-width:1px; cursor:pointer; }
.one-page-checkout .active .head { border:1px solid #e46b00; background:#e46b00; cursor:default; }
.one-page-checkout .allow .head a { display:block; color:#fff; } /* Display Edit button in active selection */
.one-page-checkout .active .head a { display:none; }
.one-page-checkout .group-select { margin-top:0; margin-right:0; border:0; background:none; padding:0; }
.one-page-checkout .allow h3 { color:#fff; }
.one-page-checkout .active h3 { color:#fff; }
.one-page-checkout .active .box { display:block; border-color:#ddd; background:#fbfbfb; }
.one-page-checkout dd .form-list ul { margin:5px 17px 15px 17px; }
.one-page-checkout .checkmo-mailing-address { padding-left:20px; }
.one-page-checkout-progress .page-head { margin-bottom:1em; }
.one-page-checkout-progress li { margin-bottom:6px; }
.one-page-checkout-progress h4 { margin:0; border:1px solid #ddd; padding:2px 8px; background:#eee; color:#555; font-size:10px; font-weight:normal; text-transform:uppercase;  }
.one-page-checkout-progress h4 a { text-transform:none; }
.one-page-checkout-progress .content { background:none; }
#opc-login .button-set { border-top:0; }
#opc-review .box { border:0; padding:0; }
#opc-review .content { border:1px solid #D9DDE3; border-top:0; }
.opc-please-wait { padding-right:7px; }
.one-page-checkout .payment-methods dd { padding:0; }
.one-page-checkout .button-set { margin-top:0; padding-top:2em; }
.one-page-checkout .box-no-padding .inner-box {
   padding:0px 20px;
    }


/* Multiple Addresses checkout */
.checkout-progress { margin:0 auto 1.5em auto; }
.checkout-progress td {
    float:left;
    margin-right:3px;
    border-top:6px solid #999;
    padding:4px 20px;
    color:#abb5ba;
    font-weight:bold;
    }
.checkout-progress td.active {
    border-top-color:#e96200;
    color:#e96200;
    }
.multi-address-checkout-description {
    margin-top:-10px;
    margin-bottom:10px;
    }
.multi-address-checkout-box .box {
    position:relative;
    margin-top:15px;
    margin-bottom:25px;
    border:1px solid #ddd;
    background:#fbfbfb;
    }
.multi-address-checkout-box .content {
    padding:10px 20px 20px 20px;
    }
.multi-address-checkout-box .count-head {
    border-bottom:1px solid #777;
    background:#777;
    padding:2px 10px;
    }
.shipment-count {
    background:#E26703;
    padding:2px 5px;
    color:#fff;
    font-size:.95em;
    line-height:1em;
    }
.multi-address-checkout-box .count-head h4 {  margin:0; color:#fff; }
.multi-address-checkout-box .head { margin-bottom:4px; }
.multi-address-checkout-box .head a { font-weight:normal; }
.multi-address-checkout-box .checkmo-mailing-address { display:block; padding-left:20px; }
.shipping-method-pointer { border:1px solid #ddd; padding:13px; background:#eee; }
.place-order-box { float:right; height:71px; overflow:hidden; }
.place-order-box .left-radius { width:21px; background:url(../images/place_order_container_bg.gif) no-repeat; }
.place-order-box .main-radius{ background:url(../images/place_order_bg.gif) no-repeat 100% 0; padding-right:21px; vertical-align:middle; }
.place-order-box .grand-total { color:#e26703; font-size:1.5em; font-weight:bold; }
.place-order-box input { margin-left:15px; }
.one-page-checkout .box .default-box { border:1px solid #ddd; }

/* Checkout Agreements */
.checkout-agreements li { margin:20px 0; }
.checkout-agreements .agreement-content { overflow:auto; height:10em; padding:10px; background-color:#fbfaf6; border:1px solid #f3f3f3; }
.checkout-agreements .agree { margin:0; padding:10px 0 10px 11px; }

.one-page-checkout .checkout-agreements { border:1px solid #ddd; border-width:0 1px; padding:5px 20px; }
.one-page-checkout .checkout-agreements li { margin:20px 0 0; }
.one-page-checkout .checkout-agreements .agreement-content { background-color:#fff; border-color:#e4e4e4; padding:5px; }
.one-page-checkout .checkout-agreements .agree { padding-left:6px; }

