﻿/* Checkout Progress */
#full_content { width:970px; margin:10px 10px; padding:0; float:left; }

#checkout_progress { margin:10px 0 0 10px; float:left; width:950px; }
    ul.checkout_progress { margin:0; padding:0; list-style:none; }
        ul.checkout_progress li { display:inline; float:left; background:url(../images/site/progress_bg.gif) right no-repeat #F0F0F0; height:18px; padding:10px 35px 10px 15px; font-size:12pt; font-weight:normal; }
            ul.checkout_progress li.selected { background:url(../images/site/progress_selected_bg.gif) right no-repeat #91C442; font-weight:bold; color:#FFFFFF; }
                ul.checkout_progress li.selected_end { background:url(../images/site/progress_selected_end_bg.gif) right no-repeat #91C442; font-weight:bold; color:#FFFFFF; }
            ul.checkout_progress li.end { background:url(../images/site/progress_end_bg.gif) right no-repeat #F0F0F0; }
            ul.checkout_progress li.previous { background:url(../images/site/progress_prev_bg.gif) right no-repeat #CCCCCC; }
            ul.checkout_progress li.done { background:url(../images/site/progress_done_bg.gif) right no-repeat #CCCCCC; }


/* Done */

#full_content #summary { margin:10px 0 0 0; background:#F0F0F0; padding:10px; width:950px; padding:10px; font-size:10pt; }
    
    table.summary { width:950px; }
    table.summary th { width:200px; text-align:left; font-weight:bold; font-size:10pt; }
    table.summary td { padding:4px 0 4px 10px; border-bottom:1px solid #DDDDDD; font-size:10pt; }
    
    #summary .order_info { padding:10px; background:#FFFFFF; border:3px dotted #DDDDDD; margin:10px 0 0 0; }  
        .order_info a { text-decoration:underline; }
            .order_info a:hover { text-decoration:none; }
          


/* Payment */
#full_content span.pay_total { margin:10px 0 0 0; font-size:14pt; font-weight:bold; width:944px; display:block; float:left; padding:10px; background:#F0F0F0; border:3px dotted #DDDDDD; }

#full_content .pay_option { margin:10px 0 0 0; width:950px; padding:10px; float:left; background:#F0F0F0; font-size:11pt; }

    #full_content #pay_card { background:url(../images/site/card_logo.jpg) no-repeat 664px 62px #F0F0F0; }
    #full_content #pay_paypal { background:url(../images/site/paypal-logo.jpg) no-repeat 820px 58px #F0F0F0; }
    .pay_option span.option_heading { font-size:12pt; font-weight:bold; display:block; }
    .pay_option span.option_info { padding:4px 0; display:block; }
    
     .pay_option button.green_btn { margin:5px 0 0 0; display:block; width:175px; float:left; color:#FFFFFF; border:1px solid #FFFFFF; font-weight:bold; font-size:10pt; padding:8px 30px 8px 20px; background:url(../images/site/right_arrow.png) no-repeat right #8C0708; }                
        .pay_option button.green_btn:hover { background-color:#7A0708; cursor:pointer; }  

    .pay_option button.paypal_btn { margin:5px 0 0 0; display:block; width:175px; float:left; color:#FFFFFF; border:1px solid #FFFFFF; font-weight:bold; font-size:10pt; padding:8px 30px 8px 20px; background:url(../images/site/right_arrow.png) no-repeat right #FFA823; }                
        .pay_option button.paypal_btn:hover { background-color:#F39F1F; cursor:pointer; }  
       
    
/* Sign In */

#full_content #sign_in_box { width:475px; height:260px; background:#F0F0F0; float:left; }
#full_content #new_customer_box { width:475px; height:260px; background:#F0F0F0; float:right; }
    #sign_in_box h2, #new_customer_box h2 { background:#3C3D3D; padding:10px; margin:0; width:455px; font-size:12pt; float:left; }   
    #sign_in_box .inner_box, #new_customer_box .inner_box { height:150px; padding:10px; line-height:15pt; font-size:11pt; width:455px; float:left; }                      
    .inner_box .login_box { width:455px; float:left; margin-top:20px; }
    .inner_box table.login_tbl { margin:0; width:440px; float:left; }
        table.login_tbl th { padding:0 0 4px 0; width:120px; text-align:right; }
        table.login_tbl td { padding:0 0 4px 10px; }
            table.login_tbl td input.text { font-size:11pt; padding:2px; width:280px; }
            table.login_tbl td input.medium { width:200px; }
            table.login_tbl td a { font-size:9pt; text-decoration:underline; }
        
.mini_action_buttons { margin:0 10px 0 0; width:450px; float:right;  }
        ul.mini_action_buttons { margin:0; padding:0; list-style:none; }
            ul.mini_action_buttons li { display:inline; }    
            ul.mini_action_buttons li a { display:block; float:right; color:#FFFFFF; margin-left:5px; border:1px solid #FFFFFF; font-weight:bold; font-size:10pt; }                
                 
                 ul.mini_action_buttons li a.grey_btn { text-decoration:none; float:left; background:url(../images/site/left_arrow.png) no-repeat left #494949; padding:8px 20px 8px 30px; }
                 ul.mini_action_buttons li a.grey_btn:hover { background-color:#393939; cursor:pointer; }   
                 
                 ul.mini_action_buttons li a.green_btn { text-decoration:none; padding:8px 30px 8px 20px; background:url(../images/site/right_arrow.png) no-repeat right #8C0708; }                
                 ul.mini_action_buttons li a.green_btn:hover { background-color:#7A0708; cursor:pointer; }   
                 
                 ul.mini_action_buttons li a.paypal_btn { text-decoration:none; padding:8px 30px 8px 20px; background:url(../images/site/right_arrow.png) no-repeat right #FFA823; }                
                 ul.mini_action_buttons li a.paypal_btn:hover { background-color:#F39F1F; cursor:pointer; }   
            
            ul.mini_action_buttons li button { text-decoration:none; display:block; float:right; color:#FFFFFF; margin-left:5px; border:1px solid #FFFFFF; font-weight:bold; font-size:10pt; }                
                 
                 ul.mini_action_buttons li button.green_btn { text-decoration:none; padding:8px 30px 8px 20px; background:url(../images/site/right_arrow.png) no-repeat right #8C0708; }                
                 ul.mini_action_buttons li button.green_btn:hover { background-color:#7A0708; cursor:pointer; }       
    
/* Your Details */

#full_content .form_container { padding:10px; width:950px; float:left; margin:0 0 10px 0; background:#F0F0F0; }
    .form_container h2 { margin:0; padding:0 0 10px 0; color:#8C0708; }
    .form_container table.large_form { width:940px; }
        table.large_form tr:hover { background:#DDDDDD; }
        table.large_form th { width:200px; text-align:right; font-weight:bold; font-size:10pt; }
        table.large_form td { padding:2px 0 2px 10px; border-bottom:1px solid #DDDDDD; }
            table.large_form td.field { width:340px; }
            table.large_form td input.text { font-size:11pt; padding:2px; }
                table.large_form td input.large { width:250px; }
                table.large_form td input.larger { width:330px; }
                table.large_form td input.medium { width:150px; }
            table.large_form td select.select { font-size:11pt; padding:2px; }
            table.large_form td.note { padding-top:3px; font-size:8pt; }

.form_container .delivery_address { width:926px; padding:10px 10px 5px 10px; margin:0 0 5px 0; float:left; background:#FFFFFF; border:2px dotted #DDDDDD; }
    .delivery_address .delivery_address_tbl { width:916px; }
        .delivery_address .delivery_address_tbl th { vertical-align:middle; text-align:left; width:30px; }
            .delivery_address_tbl th input { margin-top:-3px; }
        .delivery_address .delivery_address_tbl td { margin:0; }
            .delivery_address_tbl td span.del_name { font-weight:bold; display:block; }


/* Shopping Basket */

#basket_items { margin:0 0 10px 0; width:970px; float:left; }
    #basket_items table.basket_items { width:970px; }
        table.basket_items th { padding:10px; text-align:left; background:#DDDDDD; font-weight:bold; }
        table.basket_items .item { width:520px; }
        table.basket_items .sku { width:150px; }
        table.basket_items .qty { text-align:center; }
        table.basket_items .total { width:80px; text-align:right; }
        table.basket_items .border { border-right:1px solid #FFFFFF; }
        
        table.basket_items td { padding:10px; text-align:left; height:80px; border-bottom:2px dotted #DDDDDD; vertical-align:middle; }
            table.basket_items td a { font-weight:bold; }       
        table.basket_items .grey_border { border-right:1px solid #DDDDDD; }
        table.basket_items td.remove { width:16px; }
        table.basket_items td.img { width:70px; vertical-align:middle; text-align:center; }
        table.basket_items td.item { width:520px; font-size:12pt; font-weight:bold; }
            td.item .item_options { padding-top:2px; display:block; font-size:10pt; font-weight:normal; }
            td.item .item_discount { padding-top:2px; display:block; font-size:10pt; font-weight:bold; color:#ED6724; }
        
        table.basket_items td.total { width:90px; text-align:right; font-size:12pt; font-weight:normal; }
            
            table.basket_items td input.new_qty { width:42px; padding:2px; }
            table.basket_items td input.update_btn { width:50px; padding:4px; font-size:9pt; background:#DDDDDD; border:none;  }
                table.basket_items td input.update_btn:hover { cursor:pointer; }
        
        table.basket_items td.total_row { height:16px; background:#F0F0F0; font-weight:bold; font-size:12pt; }
        table.basket_items td.total_header { text-align:right; font-weight:bold; }

.basket_options { margin:0 0 10px 0; width:970px; float:left; }

    .basket_options .shipping_options { width:470px; float:right; }
        .shipping_options table.shipping_options { width:470px; }
            table.shipping_options th { padding:10px; text-align:left; background:#DDDDDD; font-weight:bold; }
            table.shipping_options td { padding:10px; text-align:left; height:20px; border-bottom:2px dotted #DDDDDD; vertical-align:middle; }
                table.shipping_options td input.shipping_option { margin-top:0; }
                table.shipping_options td.total { text-align:right; width:80px; }
    .shipping_options .not_available { padding:10px; background:#F0F0F0; border:3px dotted #DDDDDD; }  

.basket_totals { margin:0 0 10px 0; width:300px; float:right; }
    .basket_totals table.basket_totals { margin:0; }
        table.basket_totals th { text-align:right; padding:10px; border-right:1px dotted #DDDDDD; font-size:12pt; }
        table.basket_totals td { width:80px; text-align:right; padding:10px; font-weight:bold; font-size:12pt; }
                          
.actions_bar { padding:10px; margin:0 0 10px 0; background:#F0F0F0; border-top:2px dotted #DDDDDD; border-bottom:2px dotted #DDDDDD; height:24px; width:950px; float:left; }
    .shipping_location { float:left; width:400px;  }
        ul.shipping_location { margin:0; padding:0; list-style:none; }
            ul.shipping_location li { display:inline; padding:0 5px 0 0; }
            
    .action_buttons { margin:-6px 0 0 0; float:right; width:946px; text-align:right;  }
        ul.action_buttons { margin:0; padding:0; list-style:none; }
            ul.action_buttons li { display:inline; }    
            ul.action_buttons li a { display:block; float:right; color:#FFFFFF; margin-left:5px; border:1px solid #FFFFFF; font-weight:bold; font-size:10pt; }                
                 
                 ul.action_buttons li a.grey_btn { text-decoration:none; float:left; background:url(../images/site/left_arrow.png) no-repeat left #494949; padding:8px 20px 8px 30px; }
                 ul.action_buttons li a.grey_btn:hover { background-color:#393939; cursor:pointer; }   
                 
                 ul.action_buttons li a.green_btn { text-decoration:none; padding:8px 30px 8px 20px; background:url(../images/site/right_arrow.png) no-repeat right #8C0708; }                
                 ul.action_buttons li a.green_btn:hover { background-color:#7A0708; cursor:pointer; }   
                 
                 ul.action_buttons li a.paypal_btn { text-decoration:none; padding:8px 30px 8px 20px; background:url(../images/site/right_arrow.png) no-repeat right #FFA823; }                
                 ul.action_buttons li a.paypal_btn:hover { background-color:#F39F1F; cursor:pointer; }   
            
            ul.action_buttons li button { display:block; float:right; color:#FFFFFF; margin-left:5px; border:1px solid #FFFFFF; font-weight:bold; font-size:10pt; }                
                 
                 ul.action_buttons li button.green_btn { text-decoration:none; padding:8px 30px 8px 20px; background:url(../images/site/right_arrow.png) no-repeat right #8C0708; }                
                 ul.action_buttons li button.green_btn:hover { background-color:#7A0708; cursor:pointer; }   
                  

