.checkout_container
{
    background:#f2f2f2;
    width:920px;
    height:100%;
    padding:10px;
    float:left;
}
        
.checkout_section
{
    float:left;
    width:100%;
    height:100%;
    background:#ffffff;
}

.bb_orange
{
    color:#fa880e;
}

.dropdown_v2
{
    width: 100%;
    height: 30px;
    overflow: hidden;
    background: #a1a1a1 url("img/specials/Arrows-List.png") no-repeat;
    background-position: right 10px top 50%;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    float:right;
    margin-left:20px;
}

    .dropdown_v2 select 
    {
        background: transparent;
        width: -moz-calc(100% + 20px);
        width: -webkit-calc(100% + 20px);
        width: -o-calc(100% + 20px);
        width: calc(100% + 20px);
        padding: 5px 30px 5px 5px;
        font-size: 14px;
        line-height: 1;
        border: 0;
        border-radius: 0;
        height: 30px;
        -webkit-appearance: none;
        color: #000000;
    }

/* HEADER */
        
.checkout_section .header
{
    float:left;
    background:#ffffff;
    width:856px;
    height:68px;
    line-height:68px;
    padding-left:46px;
    padding-right:18px;
    position:relative;
}

.checkout_section .header_summary
{
    float:left;
    background:#eaeaea;
    color:#5a5a5a;
    border-bottom:1px solid #bfbfbf;
    height:auto;
    width:819px;
    padding-left:101px;
    padding-bottom:25px;
    font-size:13px;
}
    
    .checkout_section .header.completed
    {
        background:#eaeaea;
        border-bottom:1px solid #bfbfbf;
        height:auto;
    }
            
    .checkout_section .header .number
    {
        float:left;
        width:55px;
        height:26px;
        padding:21px 0;
    }
                
        .checkout_section .header .number .circle
        {
            width:26px;
            height:26px;
            border-radius:50%;
            font-size:18px;
            font-weight:bold;
            color:#ffffff;
            line-height:26px;
            text-align:center;
            background:#ec6d00;
        }
            
        .checkout_section .header .number .circle.completed
        {
            background:#b7b7b7;
            color:#eaeaea;
        }
                
    .checkout_section .header .title
    {
        float:left;
        width:527px;
        font-size:22px;
        font-weight:bold;
        color:#000000;
    }
        
        .checkout_section .header .title.completed
        {
            color:#b7b7b7;
        }
        
        .checkout_section .header .title .tick
        {
            float:left;line-height:1px;height:20px;padding:24px 0;margin-left:10px;
        }
        
        .checkout_section .header .title .weight
        {
            float:left;
        }
        
            .checkout_section .header .title .weight .weight_label
            {
                margin-left:15px;font-size:12px;color:#eaeaea;float:left;
            }
            
            .checkout_section .header .title .weight .weight_text
            {
                margin-left:10px;font-size:14px;color:#979797;font-weight:bold;float:left;
            }
                
    .checkout_section .header .extra
    {
        float:left;
        width:274px;
    }
        
        .checkout_section .header .extra .jobs_container
        {
            float:left;
            width:50%;
        }
            
        .checkout_section .header .extra .edit_completed
        {
            width:72px;float:right;
        }
            
            .edit_completed_button, .edit_completed_button:hover
            {
                text-decoration: none;
	            text-indent:0;
	            display:inline-block;
	            font-size:18px;
	            font-weight:bold;
	            font-style:normal;
	            height:35px;
	            line-height:35px;
	            width:100%;
	            text-decoration:none;
	            text-align:center;
	            background:#878787;
	            color:#ffffff;
            }
                
        .checkout_section .header .extra .toggle_switch
        {
            height:35px;padding:17px 0 16px 0;width:185px;float:right;
        }
        
/* CONTENT */
            
.checkout_section .content
{
    float:left;
    background:#e8e8e8;
    height:100%;
    width:100%;
    position:relative;
}
    
    /* BUTTONS */
        
    .checkout_section .content .remove
    {
        color:#3a3a3a;
        text-decoration:none;
    }
        
    .checkout_section .content .include
    {
        color:#0d6eff;
        text-decoration:none;
    }
        
    /*---------*/
        
    /* ORDER CONFIRMATION */
        
    .confirmation_container
    {
        float:left;
        width:880px;
        height:100%;
        padding:44px 20px 32px 20px;
        background:#ffffff;
    }
            
        .confirmation
        {
            float:left;width:100%;position:relative;
        }
            
            .user_interaction
            {
                position:absolute;width:215px;bottom:0;
            }
            
            .pricings
            {
                width:295px;float:right;
            }
            
            .price_small
            {
                float:left;width:100%;height:20px;line-height:20px;
            }
            
                .price_small .title
                {
                    float:left; width:50%;font-size:14px;color:#3a3a3a;font-weight:bold;
                }
                
                .price_small .price
                {
                    float:left; width:50%;font-size:16px;color:#3a3a3a;text-align:right;font-weight:bold;
                }
                
            .price_big
            {
                float:left;width:100%;height:63px;line-height:63px;border-top:1px solid #f5800d;margin-top:15px;
            }
            
                .price_big .title
                {
                    float:left; width:50%;font-size:20px;color:#f5800d;font-weight:bold;
                }
                
                .price_big .price
                {
                    float:left; width:50%;font-size:26px;color:#3a3a3a;text-align:right;font-weight:bold;
                }
                
            .submit
            {
                float:left;width:100%;
            }
        
            .submit_button, .submit_button:hover
            {
                text-decoration: none;
	            text-indent:0;
	            display:inline-block;
	            font-size:18px;
	            font-weight:bold;
	            font-style:normal;
	            height:55px;
	            line-height:55px;
	            width:100%;
	            text-decoration:none;
	            text-align:center;
	            background:#2074f1;
	            color:#ffffff;
	            border-radius:3px;
	            -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                -khtml-border-radius: 3px;
            }
                
                .submit_button.button_disabled, .submit_button.button_disabled:hover
                {
                    background: #515150;
                    color:#ffffff;
                    cursor:default;
                }
            
            .specials_button, .specials_button:hover
            {
                text-decoration: none;
	            text-indent:25px;
	            display:inline-block;
	            font-size:16px;
	            font-style:normal;
	            height:48px;
	            line-height:48px;
	            width:100%;
	            text-decoration:none;
	            text-align:center;
	            background:#e7e7e7 url(img/cart_banner.png) no-repeat;
	            background-position:left 15px top 50%;
	            color:#2d2d2d;
	            border-radius:3px;
	            -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                -khtml-border-radius: 3px;
            }
        
    /* DELIVERY */
        
    .user_form
    {
        float:left;
        width:764px;
        height:auto;
        padding:35px 58px 35px 98px;
    }
        
        .user_form .left
        {
            float:left;
            width:367px;
            height:100%;
            padding:0 0;
        }
            
        .user_form .right
        {
            float:left;
            width:375px;
            height:100%;
            padding:0 0 0 22px;
        }
            
        .user_form .field
        {
            float:left;
            margin-right:10px;
            margin-bottom:15px;
        }
            
            .user_form .no_gap
            {
                margin-bottom:0;
            }
           
            .user_form .no_space
            {
                margin-right:0;
            }
            
            .user_form .field .name
            {
                width:100%;
                font-size:14px;
                font-weight:bold;
                color:#5a5a5a;
            }
                
            .user_form .field .control
            {
                margin-top:5px;
                width:100%;
            }
            
            .user_form .field .control input[type=text] 
            {
                background-color:#ffffff;
            }   
                
    .pickup_site
    {
        float:left;width:173px;height:210px;overflow:hidden;font-size:10px;background:#ffffff;margin: 0 13px 13px 0;position:relative;
    }
    
        .pickup_site_nostock
        {
            position:absolute;width:130px;height:86px;top:calc(50% - 43px);left:calc(50% - 65px);text-align:center;z-index:11;
        }
        
            .pickup_site_nostock .error_image
            {
                width:100%;float:left;height:56px;
                background:url(img/specials/error_cross.png) no-repeat center;
            }
            
            .pickup_site_nostock .message
            {
                width:100%;float:left;height:30px;line-height:30px;font-size:16px;font-weight:bold;color:#656565;
            }
                                
        .pickup_site .top
        {
            height:85px;width:100%;float:left;position:relative;overflow: hidden;
        }
                                    
            .pickup_site .top .branch_img
            {
                width:100%;height:100%;position:absolute;top:0;right:0;
                
                -moz-transition: all .5s;
                -webkit-transition: all .5s;
                transition: all .5s;
                -moz-transform: scale(1,1);
                -webkit-transform: scale(1,1);
                transform: scale(1,1);
                -moz-background-size: contain;
                -webkit-background-size: contain;
                background-size: contain;
            }
            
                .pickup_site:hover .branch_img
                {
                    -moz-transform: scale(1.1,1.1);
                    -webkit-transform: scale(1.1,1.1);
                    transform: scale(1.1,1.1);
                }
                                        
            .pickup_site_button
            {
	            text-indent:-9999px;
	            display:inline-block;
	            font-size:16px;
	            font-style:normal;
	            height:85px;
	            width:100%;
	            background:#ec6d00;
	            opacity:0;
            }
                                        
                .pickup_site_button:hover, .pickup_site:hover .pickup_site_button
                {
	                background:#ec6d00;
	                opacity:0.7;
	                transition-duration: 0.2s;
                }
                
            .pickup_site_button_overlay
            {
	            text-indent:-9999px;
	            display:inline-block;
	            font-size:16px;
	            font-style:normal;
	            height:85px;
	            width:100%;
	            background:#ec6d00;
	            opacity:0.7;
            }
                                        
            .pickup_site .top .overlay
            {
                width:100%;height:100%;background:#ec6d00;opacity:0.7;position:absolute;top:0;right:0;
            }
                                    
            .pickup_site .top .box
            {
                width:30px;height:30px;background:#ffffff;position:absolute;top:0;right:0;
            }
                                        
            .pickup_site .top .box_ticked
            {
                width:30px;height:30px;
                background:#ec6d00 url(img/specials/tick_white.png) no-repeat;
                background-position:center;
                position:absolute;top:0;right:0;
            }
                                        
        .pickup_site .bottom
        {
            height:125px;width:139px;float:left;padding:0 17px;
        }
                                    
            .pickup_site .bottom .sitename
            {
                height:40px;line-height:40px;width:100%;float:left;font-size:16px;font-weight:bold;color:#ec6d00;
            }
            
                .sitename a
                {
                    text-decoration:none;
                }
                                    
            .pickup_site .bottom .address
            {
                height:50px;width:100%;float:left;font-size:10px;color:#878787;
            }
                                        
            .pickup_site .bottom .distance_container
            {
                height:35px;float:left;width:100%;
            }
                                        
                .pickup_site .bottom .distance_container .distance
                {
                    float:left;width:35%;font-size:11px;color:#747474;font-weight:bold;
                }
                                            
                .pickup_site .bottom .distance_container .message
                {
                    float:left;width:65%;font-size:10px;color:#ec6d00;
                }
                                    
        
    /*---------*/
    
    /* PAYMENT */
    
    .payment_card
    {
        min-height:100px;padding:50px 130px;width:calc(100% - 260px);text-align:center;position:relative;background:#e8e8e8;
        color:#5a5a5a;font-size:13px;float:left;
    }
   
        .payment_card .col
        {
            float:left;width:50%;text-align:left;
        }
                
            .payment_card .col .card_opt
            {
                float:left;width:100%;margin-bottom:45px;height:25px;line-height:25px;
            }
                    
                .payment_card .col .card_opt .radio
                {
                    float:left;width:10%;padding:5px 0 4px 0;height:16px;
                }
                        
                .payment_card .col .card_opt .text
                {
                    float:left;width:90%;
                }
                        
                .CreditCardOptSelected
                {
                    color:#ec6d00;font-size:16px;font-weight:bold;
                }
                
                .CreditCardOptUnselected
                {
                    color:#5a5a5a;font-size:16px;font-weight:bold;
                }
                        
            .payment_card .col .save_opt
            {
                float:left;width:100%;margin-bottom:55px;height:25px;line-height:25px;
            }
                    
                .payment_card .col .save_opt .checkbox
                {
                    float:left;width:10%;padding:4px 0 3px 0;height:18px;
                }
                        
                .payment_card .col .save_opt .text
                {
                    float:left;width:90%;
                }
                        
            .payment_card .col .message
            {
                float:left;width:80%;font-size:10px;color:#8d8d8d;
                height:62px;border-top:1px solid #d0d0d0;
            }
            
                .payment_card .col .message .logo
                {
                    background:url(img/checkout/px_logo.png) no-repeat;
                    background-position:center;
                    height:62px;width:50%;float:left;
                }
                
                .payment_card .col .message .text
                {
                    width:50%;float:left;
                    height:32px;padding:15px 0;
                }
                
            .payment_card .col .cards_list
            {
                float:left;width:100%;
            }
                    
                .payment_card .col .cards_list .empty
                {
                    float:left;width:100%;height:25px;line-height:25px;font-size:12px;color:#5a5a5a;
                }
                
                .payment_card .col .cards_list .card_item
                {
                    float:left;width:100%;
                }
                
                    .payment_card .col .cards_list .card_item a
                    {
                        text-decoration:none;
                    }
                                                
                    .payment_card .col .cards_list .card_item .top
                    {
                        width:100%;float:left;height:25px;line-height:25px;font-size:13px;color:#5a5a5a;font-weight:bold;
                    }
                                                    
                    .payment_card .col .cards_list .card_item .bottom
                    {
                        width:100%;float:left;height:10px;line-height:10px;font-size:10px;
                    }
                    
                    .payment_card .select_card
                    {
                        color:#ec6d00;font-weight:bold;
                    }
                    
                    .payment_card .delete_card
                    {
                        color:#5a5a5a;
                    }
    
    .payment_account
    {
        height:42px;line-height:42px;padding:42px 0;width:100%;text-align:center;position:relative;background:#e8e8e8;
        color:#5a5a5a;font-size:13px;
    }
    
        .payment_account .display
        {
            position:absolute;float:left;left:0;right:0;margin-left:auto;margin-right:auto;width:350px;
        }
    
            .payment_account .display .icon
            {
                width:50px;
                float:left;
            }
            
                .payment_account .display .icon.creditlimiterror
                {
                    background:url(img/specials/error_cross.png) no-repeat center;
                    width:50px;
                }
            
                .payment_account .display .icon.creditlimitok
                {
                    background:url(img/specials/tick_blue_large.png) no-repeat center;
                    width:50px;
                }
                            
            .payment_account .display .message
            {
                width:290px;
                padding:0 5px;
                float:left;
            }
    
    /*---------*/
        
    /* ITEM CART */
            
    .checkout_section .content .list_header
    {
        height:43px;
        line-height:43px;
        background:#5e5e5e;
        width:812px;
        padding: 0 30px 0 78px;
        color:#ffffff;
        font-weight:bold;
        font-size:16px;
    }
                
    .checkout_section .content .list_item
    {
        float:left;
        height:80px;
        background:#ececec;
        width:890px;
        padding-right:30px;
        color:#3a3a3a;
        font-size:12px;
        border-bottom:1px solid #bfbfbf;
    }
    
        .checkout_section .content .list_item .padding
        {
            padding:10px 0;
        }
    
    .checkout_section .content .list_item_bundle
    {
        float:left;
        height:65px;
        line-height:65px;
        background:#ececec;
        width:890px;
        padding-right:30px;
        color:#3a3a3a;
        font-size:12px;
        border-bottom:1px solid #bfbfbf;
    }
        
    .bundle_items_container
    {
        float:left;
        background:#ffffff url("img/specials/bundle_items_bg_shadow.png") repeat-x top;
        width:100%;
        font-size:12px;
        max-height:400px;
        color:#3a3a3a;
        overflow-y:auto;
        overflow-x:hidden;
    }
            
        .bundle_items_container .bundle_items
        {
            float:left;
            width:100%;
            padding-bottom:20px;
        }
        
        .bundle_items_container .bundle_items .list_bundle_item
        {
            float:left;
            width:812px;
            padding:20px 30px 0 78px;
            position:relative;
        }
            
        .disabled
        {
            background-color: white;
            filter:alpha(opacity=50); /* IE */
            opacity: 0.5; /* Safari, Opera */
            -moz-opacity:0.50; /* FireFox */
            z-index: 20;
            height: 100%;
            width: 100%;
            position:absolute;
            top: 0px;
            left: 0px;
        }
                
    .col_expand
    {
        float:left;
        width:78px;
        background:#ec6d00;
        text-align:center;
        height:100%;
    }
                
    .col_type
    {
        float:left;
        width:152px;
        padding-left:24px;
    }
                
    .col_item
    {
        float:left;
        width:242px;
        padding-right:10px;
    }
    
        .col_item a
        {
            text-decoration:none;
            color:#3a3a3a;
            font-weight:bold;
        }
                
    .col_qty
    {
        float:left;
        width:110px;
        text-align:center;
    }
        
        .col_qty input[type=text], .col_qty input[type="tel"]
        {
            height:25px;
            padding:0 5px;
            background-color:#ffffff;
            width:42px;
        }
                
    .col_stock
    {
        float:left;
        width:133px;
        text-align:center;
    }
    
        .col_stock .expired
        {
            background:url(img/specials/cross_grey.png) no-repeat left;
            font-size:12px;
            color:#fa880e;
            text-indent:15px;
            text-align:center;
        }
    
        .site_instock
        {
            color:#2074f1;
            font-weight:bold;
            font-size:10px;
        }
        .site_nostock
        {
            color:#adadad;
            font-weight:bold;
            font-size:10px;
        }
                
    .col_price
    {
        float:left;
        width:82px;
        text-align:right;
    }
                
    .col_remove
    {
        float:left;
        width:59px;
        text-align:right;
        position:relative;
    }
        
        .col_remove .remove_bundle_item
        {
            position:absolute;
            z-index:100;
            width:100%;
            text-align:center;
        }
            
    /*-------*/
                
/* FOOTER */
            
.checkout_section .footer
{
    float:left;
    width:884px;
    height:60px;
    padding:0 18px;
    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top,  #f3f3f3 0%, #c9c9c9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f3f3f3 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f3f3f3 0%,#c9c9c9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f3f3f3 0%,#c9c9c9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f3f3f3 0%,#c9c9c9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
}

    .checkout_section .footer .message
    {
        float:left;
        line-height:60px;
        width:531px;
        color:#2d2d2d;
        font-size:11px;
    }
    
    .checkout_section .footer .footer_buttons
    {
        float:right;
        height:42px;
        padding:9px 0;
        width:353px;
    }
       
        .footer_buttons .update_cart
        {
            float:left;
            width:158px;
        }
            
        .footer_buttons .continue
        {
            float:left;
            width:195px;
        }
    
        .footer_buttons .footer_button
        {
            text-decoration: none;
	        text-indent:0;
	        display:inline-block;
	        font-size:16px;
	        font-weight:bold;
	        font-style:normal;
	        height:42px;
	        line-height:42px;
	        width:100%;
	        text-decoration:none;
	        text-align:center;
        }
            
            .footer_button.grey
            {
                background:#e7e7e7;
                color:#2d2d2d;
            }
                
            .footer_button.orange
            {
                background:#ec6d00;
                color:#e7e7e7;
            }

    /* ORDER PROCESSING AND ERROR POPUPS */

    .order_processing
    {
        position:fixed;width:312px;height:110px;top:calc(50% - 55px);left:calc(50% - 156px);color:#656565;z-index:10000;font-weight:bold;
    }

    .order_error
    {
        position:fixed;width:312px;height:228px;top:calc(50% - 114px);left:calc(50% - 156px);color:#656565;z-index:10000;
    }
    
        .order_processing .top, .order_error .top
        {
            float:left;width:100%;height:86px;text-align:center;
        }
    
            .order_processing .top .animation
            {
                float:left;width:30%;height:100%;position:relative;
            }
        
            .order_processing .top .title
            {
                float:left;width:70%;height:100%;font-size:36px;line-height:86px;color:#656565;text-align:left;
            }
    
        .order_processing .message, .order_error .message
        {
            float:left;width:100%;height:24px;line-height:24px;color:#656565;font-size:14px;text-align:center;
        }
    
        .order_error .top .title
        {
            float:left;width:100%;height:100%;
            background:url(img/specials/error_cross.png) no-repeat;
            background-position:left 80px top 50%;
            font-size:36px;font-weight:bold;line-height:86px;color:#656565;
            text-align:center;
            text-indent:25px;
        }
        
        .order_error .bottom
        {
            float:left;width:100%;height:48px;width:178px;padding:70px 67px 0 67px;
        }
        
            .button_returnCart
            {
                background:#fa820d url(img/specials/cart_notification.png) no-repeat;
                background-position: left 20px top 50%;
                text-decoration: none;
	            text-indent: 20px;
	            display:inline-block;
	            color:#ffffff;
	            font-size:16px;
	            font-weight:bold;
	            font-style:normal;
	            height:48px;
	            line-height:48px;
	            width:100%;
	            text-align:center;
	            -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                -khtml-border-radius: 3px;
                border-radius: 3px;
            }
            
/* ORDER COMPLETE PAGE */

.order_complete_container
{
    width:100%;
    height:auto;
}
        
.order_complete
{
    width:430px;height:242px;margin:160px 265px;text-align:center;
}
        
    .order_complete .title
    {
        height:43px;line-height:43px;width:100%;float:left;font-size:40px;font-weight:bold;color:#505050;
        background:url(img/specials/tick_large.png) no-repeat;
        background-position:right 23px top 50%;
    }
        
    .order_complete .number
    {
        height:58px;line-height:58px;width:100%;margin-bottom:29px;float:left;font-size:30px;color:#505050;
    }
            
    .order_complete .message
    {
        height:35px;line-height:35px;width:100%;border-bottom:1px solid #c6c6c6;margin-bottom:29px;float:left;font-size:14px;color:#717171;
    }
            
    .order_complete .buttons
    {
        height:48px;width:100%;float:left;
    }
            
        .order_complete .buttons .button
        {
            width:50%;height:100%;float:left;background:none;padding:0;
        }
                
            .order_complete .buttons .button .button_order_history
            {
                background:#f5800d;border-top-left-radius:3px;border-bottom-left-radius:3px;text-decoration:none;text-indent:0;display:inline-block;color:#ffffff;font-size:16px;font-style:normal;height:48px;line-height:48px;width:100%;text-align:center;
            }
                    
            .order_complete .buttons .button .button_specials
            {
                border-top-right-radius:3px;border-bottom-right-radius:3px;text-decoration:none;text-indent:25px;display:inline-block;color:#2d2d2d;font-size:16px;font-style:normal;height:48px;line-height:48px;width:100%;text-align:center;
                background:#e7e7e7 url(img/cart_banner.png) no-repeat;
	            background-position:left 25px top 50%;
	            color:#2d2d2d;
            }

/* -------- */  

/* CHECKOUT LOGIN */

.login_container
{
    width:100%;position:relative;display:none;
}
        
.login_content
{
    width:870px;position:absolute;margin-top:50px;left:50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
        
.login_content_col
{
    width:50%;float:left;
}
        
.login_content_padding
{
    padding:0 75px;
}
        
.login_content_col_title
{
    font-size:24px;color:#242424;margin-bottom:52px;
}
        
.login_content_col_left
{
    border-right:1px solid #d7d7d7;position:relative;margin-bottom:30px;
}
        
    .login_content_col_left .title
    {
        font-size:14px;color:#5a5a5a;margin-bottom:10px;
    }
            
    .login_content_col_left .forgot_password_container
    {
        height:30px;line-height:30px;margin-bottom:20px;
    }
            
    .login_content_col_left .forgot_password_container a
    {
        font-size:12px;color:#6f6f6f;text-decoration:none;
    }
            
.login_content_col .back_to_cart
{
    font-size:12px;color:#242424;
}
        
.login_content_col .signup_message
{
    margin-bottom:40px;font-size:16px;line-height:20px;color:#a2a2a2;
}
        
.login_content_col .error_message
{
    margin-bottom:40px;font-size:16px;line-height:20px;color:#a2a2a2;
}
        
.login_content_col .login_circle_container
{
    position:absolute;top:50%;right:-20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
        
.login_content_col .login_circle {
	display:block;
	width:38px;
	height:38px;
	line-height:38px;
	border-radius:50%;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	background:#565656;
}

/* CHECKOUT SELECTION (DELIVERY AND PAYMENT) */

.checkout_selection 
{
    position:absolute;height:100%;width:100%;z-index:100;overflow:hidden;display:none;
}
                        
.checkout_selection_option
{
    position:relative;height:100%;width:50%;float:left;
}
                        
.checkout_selection_option a
{
    display:block;height:100%;width:100%;
	text-decoration:none;
}

.checkout_selection_option a:hover
{
    background:#ec6d00;
}

.lnk_selectDeliveryType.delivery
{
    background:#ec6d00 url(https://reonet.bestbar.com.au/web.images/Web/checkout_delivery.jpg) no-repeat;
    background-size:cover;
}

.lnk_selectDeliveryType.pickup 
{
    background: #ec6d00 url(https://reonet.bestbar.com.au/web.images/Web/checkout_pickup.jpg) no-repeat;
    background-size: cover;
}

.lnk_selectPaymentType.creditCard 
{
    background: #ec6d00 url(https://reonet.bestbar.com.au/web.images/Web/checkout_creditcard.jpg) no-repeat;
    background-size: cover;
}

.lnk_selectPaymentType.accounts 
{
    background: #ec6d00 url(https://reonet.bestbar.com.au/web.images/Web/checkout_accounts.jpg) no-repeat;
    background-size: cover;
}
                        
.checkout_selection_title
{
    position:absolute;top:170px;left:50%;
    font-size:55px;color:#ffffff;font-weight:bold;width:100%;text-align:center;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
                        
.checkout_selection_description
{
    position:absolute;top:260px;left:50%;
    font-size:16px;color:#ffffff;text-align:center;width:250px;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}          

.checkout_selection_button
{
    position:absolute;bottom:120px;left:50%;
    display:block;width:225px;height:50px;
    background:#ec6d00;
    color:#ffffff;font-size:16px;font-weight:bold;line-height:50px;text-align:center;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    
    -webkit-transition: .15s ease-in;
	-moz-transition: .15s ease-in;
	-o-transition: .15s ease-in;
	transition: .15s ease-in;
}

    .checkout_selection_option a:hover .checkout_selection_button
    {
        background:#ffffff;
        color:#ec6d00;
        -webkit-transition: .15s ease-in;
	    -moz-transition: .15s ease-in;
	    -o-transition: .15s ease-in;
	    transition: .15s ease-in;
    }

/* ------------ */