/**********************/
/* Cart Common styles */
#cart {
    font-size: 12px;
    width: 750px;
    margin:15px 0 0 0;
    vertical-align: top;
}
#cart h1 {
    /*color: #408040;*/
    margin-left: 0px;
    margin-bottom: 10px;
}
#cart h2 {
    width:auto;
    font-size: 12px;
    font-weight: bold;
    color: #f24713;
    margin: 20px 0 5px 0;
    padding: 5px 0px 0px 40px;
    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: 12px;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff !important;
    border: 1px solid #cccccc !important;
    padding: 1px 3px;
    margin-bottom:1px;   
}
#cart img {
    border: none;
}
#cart .tip {
    float: right;
    width: 150px;
    color: #333333;
    background-color: #f3faed;
    border: 1px solid #6f8b9c;
    margin: 10px 0px;
    padding: 5px;
    clear: right;
}
#cart .tip 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: #f24713;
    text-decoration: none;
}
#cart a:hover {
    color: #f24713;
    text-decoration: underline;
}
#cart label 
{
    float:left;
    width: 175px;
    text-align: right;
    vertical-align: middle;
    padding: 3px 0px 1px 0px;  
}
#cart .cartButton {
    color: #f3f3f3 !important;
    background-color: #f3faed !important;
    /*border: 1px solid #95d695 !important;*/
    font-size: 13px !important;
    font-weight: bold !important;
    padding: 3px 5px 4px 5px !important;
    margin:0 0 10px 300px !important;
    background-image: url("../images/common/navigation/bgNav.gif");
    background-position:center;
    border:none !important;
}
#cart .cartButton:hover {
    color: #ffffff !important;
    /*border: 1px solid #95d695 !important;*/
    text-decoration: underline !important;
    background-image: url("../images/common/navigation/bgNavHover.gif");
    background-position:center;
}

/******************************/
/* Cart Tab Navigation Styles */
#cart .step {
    float: left;
    font-weight: bold;
    /*width: 48px;*/
    height:20px;
    text-align: center;
    /*border: 1px solid #e5e5e5;*/
    border-right: none;
    /*background-color: #f3faed;*/
    padding: 6px 15px 0 15px;
    margin: 0px !important;
    margin-right:1px !important;
    background-image: url("../images/common/checkout/bgStepAvailable.gif");
    background-position:bottom;
}
#cart .step:hover {
    background-image: url("../images/common/checkout/bgStepHover.gif");
    background-position:bottom; 
}
#cart .step_on, #cart .step_on:hover {
    color:#fc9c7e;
    border-bottom: none;
    /*background-color: #ffffff;*/
    background-image: url("../images/common/checkout/bgStep.gif");
}

#cart .step_off {
    /*background-color: #eeeeee;*/
    color: #999999;
    background-image: url("../images/common/checkout/bgStepDisabled.gif");
}
#cart .step_off:hover {
    background-image: url("../images/common/checkout/bgStepDisabled.gif");  
}
#cart .nostep {
    float: left;
    width: auto;
    text-align: center;
    /*border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;*/
    padding: 3px 15px 4px 15px;
    margin: 0px !important;  
}
#cart .nostep img {
    width: 14px;
    height: 14px;
    margin: 0 4px 0 0;
    vertical-align: middle;
}
#cart .border {
    border: 1px solid #cfdbe3;
    /*border-top: none;*/
    padding: 10px;
    margin: 0px !important;
}
#cart .hide {
    display:none;
}
#cart .step a {
    color: #ffffff;  
}
#cart .step a:hover {
    color: #ffffff;
    text-decoration:underline;
}

/**********************/
/* 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_clear ,
#cart.step1 .order_details .product_update,
#cart.step1 .order_details .product_glassestotal,
#cart.step1 .order_details .product_subtotal,
#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_ht_message,
#cart.step1 .order_details .product_ht_add_frame a,
#cart.step1 .order_details .product_add_options a, 
#cart.step1 .order_details .product_add_prescription a {
    float: left;
    padding: 2px;
    vertical-align: top;
    border: 0px solid #ff0000; 
    border-top: 1px solid #f2f2f2 !important;
}
#cart.step1 .order_details .product_name        { width: 203px; text-align: left; }
#cart.step1 .order_details .product_name_option	{ width: 180px; padding-left:25px; font-size:11px;}
#cart.step1 .order_details .product_code        { width: 205px; text-align: left; font-size:10px;}
#cart.step1 .order_details .product_price       { width: 80px; 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: 80px; text-align: right; color: #993333; font-weight: bold;}
#cart.step1 .order_details .product_clear       { width: 65px; text-align: left; padding-left:5px; font-size:10px;}
#cart.step1 .order_details .product_update      { width: 645px; text-align: right; font-size:11px;}
#cart.step1 .order_details .product_glassestotal{ width: 548px; text-align:right; color:#000000; font-weight:bold; }
#cart.step1 .order_details .product_ht_message  { width: 650px; text-align:center; color:#000000; font-weight:bold; }
#cart.step1 .order_details .product_ht_add_frame a { width: 650px; text-align:left; color:#000000; font-weight:bold; color:red !important;  }
#cart.step1 .order_details .product_add_options a { width: 650px; text-align:left; color:#000000; font-weight:bold; color:red !important; } 
#cart.step1 .order_details .product_add_prescription a { width: 650px; text-align:left; color:#000000; font-weight:bold; color:red !important; }

#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 .product_subtotal	{ color:#000000; }
#cart.step1 .order_details .order_delivery select { float: right; }
#cart.step1 .order_details .product_discount    { color:#ff0000; width:87px; }
#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;
    padding: 1px 3px;
    margin: 0 6px;
}

#cart.step1 .order_details label 
{
    float: left;
    width: 468px;
    color: #000000;
    font-weight: bold;
    text-align: right; 
}

/**********************/
/* Cart Step 2 Styles */
#cart.step2 select.input-select {
    width: 125px;
    border: 1px solid #cccccc !important;
    margin-bottom: 3px;
}
#cart.step2 input.input-text {
    width:300px;
}
#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;
    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 #cfdbe3;
    padding: 10px;   
}
#cart.step4 .invoice_details,
#cart.step4 .order_details {
    float: left;
    width: 706px;
    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: 335px;
    margin-bottom: 10px;
}
#cart.step4 .shipping_details,
#cart.step4 .totals_details {
    float: right;
    width: 335px;
    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_glassestotal,
#cart.step4 .order_details .product_discount {
    float: left;
    padding: 2px;
    vertical-align: top;
    border-bottom: 1px solid #f2f2f2;  
}
#cart.step4 .order_details .product_name,
#cart.step4 .order_details .product_code        { width: 238px; text-align: left; }
#cart.step4 .order_details .product_price,
#cart.step4 .order_details .product_total       { width: 70px; text-align: right; }
#cart.step4 .order_details .product_discount       { width: 75px; text-align: right; }
#cart.step4 .order_details .product_quantity    { width: 60px; text-align: right; }
#cart.step4 .order_details .product_name_option	{ width: 215px; padding-left:25px; font-size:11px;}
#cart.step4 .order_details .product_glassestotal { width: 618px; text-align:right; color:#000000;  }


#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: 705px;
    height: 160px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #faf6f6;
    border: 1px solid #f24713;
    text-align: center;
}

#cart.step4 #ccProcessingMask {
    position:relative;
    width: 725px;
    height: 180px;
    top: -191px;
    left:1px;
    filter:alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
    background-color:Gray;
    display:none;
}

#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: 250px; text-align: right; }