﻿/**********************/
/* Cart Common styles */
#cart {
    font-size: 11px;
    width: 560px;
    margin: 0 0 0 20px;
    vertical-align: top;
}
#cart h1 {
    /*color: #408040;*/
    margin-left: 0px;
    margin-bottom: 10px;
}
#cart h2 {
    width:auto;
    font-size: 11px;
    font-weight: bold;
    color: #408040;
    margin: 20px 0 5px 0;
    padding: 5px 0px 0px 10px;
    border-top: 1px solid #cccccc;  
}
#cart .mandatory 
{
    float:left;
    font-size: 12px;
    width: 15px;
    text-align: center;
    color: #ff0000;
    padding-top: 5px;
}
#cart input, #cart select{
    float:left;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    padding: 1px 3px;   
}
#cart img {
    border: none;
}
#cart .tip {
    float: right;
    width: 150px;
    color: #333333;
    background-color: #f3faed;
    border: 1px solid #95d695;
    margin: 10px 0px;
    padding: 5px;
    clear: right;
}
#cart .tip img {
    float: left;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
}
.tipSignatureShipping {
    float: right;
    width: 150px;
    color: #333333;
    background-color: #f3faed;
    border: 1px solid #95d695;
    margin: 10px 0px;
    padding: 5px;
    clear: right;
}
.tipSignatureShipping img {
    float: left;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
}
#cart input.button {
    display: block;
    margin: 0px 140px;
}
#cart br { clear: left; }
#cart .note {
    font-size: 11px;
    color: #666666;
    font-style: italic;
    margin-bottom: 10px;
}
#cart a {
    color: #339933;
    text-decoration: none;
}
#cart a:hover {
    color: #006600;
    text-decoration: underline;
}
#cart label 
{
    float:left;
    width: 100px;
    text-align: right;
    vertical-align: middle;
    padding: 3px 0px 1px 0px;  
}
#cart .input_button {
    float:left;
    color: #339933 !important;
    background-color: #f3faed !important;
    border: 1px solid #95d695 !important;
    font-size: 11px !important;
    font-weight: bold !important;
    padding: 1px 3px !important;
    margin-left: 60px !important;
}
#cart .input_button:hover {
    color: #006600 !important;
    border: 1px solid #95d695 !important;
    text-decoration: underline !important;
    cursor:pointer;
}

/******************************/
/* Cart Tab Navigation Styles */
#cart .step {
    /*float: left;*/
    font-weight: bold;
    width: 48px;
    height: 14px;
    text-align: center;
    border: 1px solid #e5e5e5;
    border-right: none;
    background-color: #f3faed;
    padding: 3px 15px;
    margin: 0px !important;  
    display: -mox-inline-block;
    display: inline-block;
    
}
#cart .step_on {
    border-bottom: none;
    background-color: #ffffff;
    margin: 0px !important;
}

#cart .step_off {
    background-color: #eeeeee;
    color: Gray;
}

#cart .nostep {
    /*float: left;*/
    width: 212px;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
    padding: 3px 15px;
    margin: 0px !important;  
    display: -mox-inline-block;
    display: inline-block;
    font-weight: bold;
    height: 14px;
}
#cart .nostep img {
    width: 14px;
    height: 14px;
    margin: 0 4px 0 0;
    vertical-align: middle;
}
#cart .border {
    border: 1px solid #e5e5e5;
    border-top: none;
    padding: 10px;
    margin: 0px !important;
}

#cart .hide {
    display:none;
}

/**********************/
/* Cart Step 1 Styles */
#cart.step1 .order_details .product_name,
#cart.step1 .order_details .product_code,
#cart.step1 .order_details .product_price,
#cart.step1 .order_details .product_multiply,
#cart.step1 .order_details .product_quantity,
#cart.step1 .order_details .product_equal,
#cart.step1 .order_details .product_total,
#cart.step1 .order_details .product_cc,
#cart.step1 .order_details .product_clear ,
#cart.step1 .order_details .product_update,
#cart.step1 .order_details .order_delivery,
#cart.step1 .order_details .order_subtotal,
#cart.step1 .order_details .order_shipping,
#cart.step1 .order_details .order_gst,
#cart.step1 .order_details .order_total,
#cart.step1 .order_details .product_ruler {
    float: left;
    padding: 2px;
    vertical-align: top;
    border: 0px solid #ff0000; 
    border-top: 0px solid #f2f2f2 !important;
}
#cart.step1 .order_details .product_name        { width: 170px; text-align: left; }
#cart.step1 .order_details .wide				{ width: 459px; }
#cart.step1 .order_details .product_option      { margin-left: 10px; width: 160px; text-align: left; }
#cart.step1 .order_details .product_code        { width: 90px; text-align: left;}
#cart.step1 .order_details .product_price       { width: 60px; text-align: right; }
#cart.step1 .order_details .product_multiply    { width: 10px; text-align: center; }
#cart.step1 .order_details .product_quantity    { width: 34px; text-align: right; }
#cart.step1 .order_details .product_equal       { width: 10px; text-align: center; }
#cart.step1 .order_details .product_total       { width: 60px; text-align: right; color: #993333; font-weight: bold;}
#cart.step1 .order_details .product_cc			{ width: 20px; text-align: right;}
#cart.step1 .order_details .product_clear       { width: 60px; text-align: right; padding-left: 5px;  }
#cart.step1 .order_details .product_update      { width: 460px; text-align: right; }
#cart.step1 .order_details .product_keyCode		{ text-align:center; font-weight:bold; font-style:italic; }
/*#cart.step1 .order_details .option_row			{ border-color:#FFFFFF !important;}*/
#cart.step1 .order_details .product_ruler		{ border-top:1px solid #CCCCCC !important; height:1px; width:533px; } /*  */

#cart.step1 .order_details .order_delivery,
#cart.step1 .order_details .order_subtotal,
#cart.step1 .order_details .order_shipping,
#cart.step1 .order_details .order_gst,
#cart.step1 .order_details .order_total {
    width: 180px;
    text-align: right;
    color: #993333;
    font-weight: bold;
    border: none; 
   
}

#cart.step1 .order_details .order_delivery select { float: right; }

#cart.step1 .order_details .product_clear  a    { color: #ff0000 !important; }

#cart.step1 .order_details .product_multiply,
#cart.step1 .order_details .product_equal {
    color: #999999;
    text-align: center;  
}

#cart.step1 .order_details .col_head {
    color: #000000;
    font-weight: bold;
}

#cart.step1 .order_details input.product_quantity {
    width: 20px;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-align: right;
    border: 1px solid #e5e5e5 !important;
    padding: 1px 3px;
    margin: 0 6px;
}

#cart.step1 .order_details label 
{
    float: left;
    width: 280px;
    color: #000000;
    font-weight: bold;
    text-align: right; 
}

/**********************/
/* Cart Step 2 Styles */
#cart.step2 select.input-select {
    width: 105px;
    border: 1px solid #cccccc !important;
    margin-bottom: 3px;
}
#cart.step2 input.input-text {
    width:160px;
}
#cart.step2 .copy {
    float: right;
    margin: 0 30px 5px 0px;
}

/**********************/
/* Cart Step 3 Styles */
#cart.step3 .payment_method, #cart.step3 .payment_description {
    float: left;
    width: 200px;
    text-align: left;
    padding: 5px;   
}
#cart.step3 .payment_method       { width: 200px; font-weight: bold; }
#cart.step3 .payment_description  { width: 250px; }
#cart.step3 input.radio_payment
{
    width: auto;
    vertical-align: middle;
    margin: 0 5px 0 0;
    padding: 0px;
    border: none !important;  
}
#cart.step3 label.radio_payment
{
    text-align:left;
    margin:-3px 0 0 8px;
    width: 150px !important;
    border: none !important;  
}

/**********************/
/* Cart Step 4 Styles */
#cart.step4 .invoice_details,
#cart.step4 .billing_details,
#cart.step4 .shipping_details,
#cart.step4 .order_details,
#cart.step4 .payment_details,
#cart.step4 .totals_details {
    font-size: 12px;
    border: 1px solid #f2f2f2;
    padding: 10px;   
}
#cart.step4 .invoice_details,
#cart.step4 .order_details {
    float: left;
    width: 516px;
    margin-bottom: 10px;
}
#cart.step4 .invoice_details .invoice{
    float: left;
    width: 240px;   
}
#cart.step4 .invoice_details .payment_method {
    float: left;
    width: 260px;   
}
#cart.step4 .invoice_details .date,
#cart.step4 .invoice_details .order_type {
    float: right;   
    width: 240px;
}
#cart.step4 .billing_details,
#cart.step4 .payment_details {
    float: left;
    width: 240px;
    margin-bottom: 10px;
}
#cart.step4 .shipping_details,
#cart.step4 .totals_details {
    float: right;
    width: 240px;
    margin-bottom: 10px;
}
/*****************************/
/* Cart Step 4 Order Details */
#cart.step4 .order_details .product_name,
#cart.step4 .order_details .product_code,
#cart.step4 .order_details .product_price,
#cart.step4 .order_details .product_quantity,
#cart.step4 .order_details .product_total,
#cart.step4 .order_details .product_cc,
#cart.step4 .order_details .product_ruler {
    float: left;
    padding: 2px;
    vertical-align: top;
    border-top: 1px solid #f2f2f2;  
}

#cart.step4 .order_details .product_name,
#cart.step4 .order_details .product_code        { width: 125px; text-align: left; }
#cart.step4 .order_details .product_option      { margin-left: 10px; width: 115px; text-align: left; }

#cart.step4 .order_details .product_price,
#cart.step4 .order_details .product_total       { width: 60px; text-align: right; }
#cart.step4 .order_details .product_cc			{ width: 40px; text-align: right; }
#cart.step4 .order_details .product_quantity    { width: 60px; text-align: right; }
#cart.step4 .order_details .option_row			{ border-color:#FFFFFF !important;}
#cart.step4 .order_details .product_keyCode		{ text-align:center; font-weight:bold; font-style:italic;  }
#cart.step4 .order_details .product_ruler		{ border-top:1px solid #CCCCCC !important; height:1px; width:533px; } /*  */

#cart.step4 .order_details .product_cc
{
	white-space:nowrap;
}
#cart.step4 .order_details .product_cc i 
{
	color:#666666;
	font-size: 10px;
}

#cart.step4 .totals_details .sub_total,
#cart.step4 .totals_details .gst,
#cart.step4 .totals_details .total {
    float: right;
    font-weight: bold;
    border: 0px solid green;
}
#cart.step4 .totals_details .total {
    border: 1px solid #f2f2f2;
}
#cart.step4 label 
{
    float: left;
    width: auto;
    text-align: left;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 5px;
    border: 0px solid green;
}
#cart.step4 .invoice_details label { width: 90px; text-align: right; }
#cart.step4 .billing_details label,
#cart.step4 .shipping_details label { width: 60px; }

/**************************/
/* Cart CC Payment Styles */
#cart.step4 #ccPayment {
    float:left ;
    width: 516px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #faf6f6;
    border: 1px solid #993333;
    text-align: center;
}
#cart.step4 #ccPayment select.input-select {
    width: auto;
    border: 1px solid #cccccc !important;
    margin-bottom: 3px;
}
#cart.step4 #ccPayment input.input-text {
    width:160px;
}
#cart.step4 #ccPayment input.input_button {
    margin: 5px 0 0 110px !important;
}
#cart.step4 #ccPayment label { width: 150px; text-align: right; }

#cart.step4 #ccProcessingMask {
    position:relative;
    width: 536px;
    height: 166px;
    top: -176px;
    left:1px;
    filter:alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
    background-color:Gray;
    display:none;
}