﻿
/* ----------------------------------------------
    Checkout forms
*/
.checkout-form {
    clear: both;
    font-size: 12px;
}
    .checkout-form strong.title {
        font-family:Times New Roman;
        color:#4B468B;
        font-size:14px;
        display:inline-block;
        *display:inline;
        zoom:1;
    }
    .checkout-form fieldset {
         border:none;
    }
    
    .checkout-form p {
        color:#777777;
        font-size:12px;
        padding:0 0 5px;
    }

    .checkout-form ol {
        list-style: none;
        clear: both;
        margin-top: 10px;
    }
        .checkout-form  ol li {
            position: relative;
            display: block;
            clear: both;
            padding-top: 5px;
            width: 90%;
        }
    .checkout-form label.lbl {
        display: block;
        float: left;
        width: 100px;
        font-size: 11px;
        padding: 1px 1%;
        text-align: left;
        color: #777;
    }
    .checkout-form span.req {
        color:red;
    }
    
    .checkout-form li.buttons .button.submit {
    }
    .checkout-form .jv-error-container{
        xfloat:left;
        xclear:left;
        margin-left:3px;
    }
    .checkout-form span.server-validatiion-error,
    .checkout-form .jv-error-container label{
        color:red;
        font-size:10px;
        display:inline-block;
    }
    .checkout-form span.server-validatiion-error{
        float: left;
        clear:left;
        xdisplay:inline-block;
        xdisplay:inline;
        xzoom:1;
        margin-left:111px;
    }
    
    .checkout-form .txtarea,
    .checkout-form input.txt, 
    .checkout-form select.ddl{
        border: 1px solid #777;
        float: left;
        width: 240px;
        background:#fff; /* important for IE7*/
        height:auto;
        text-align:left;
        color:#555;
        padding: 2px 2px;
        clear:right;
    }
    .checkout-form select.ddl{
        width: 246px;
        padding: 1px 2px;
        background:#fff;
    }
    .checkout-form .txtarea {
         font-size:12px;
         color:#555;
         font-weight:bold;
    }
    .checkout-form input.w100 {
        width:120px;
    }
    .checkout-form label a {
         color:#4B478B;
    }
    
/* ----------------------------------------------
    Checkout Custom forms
*/    

#UserRegistrationData{
     margin-bottom:50px;
}
#UserRegistrationData li.buttons {
        padding-left:109px;
    }
    #UserRegistrationData li.buttons .button.submit {
        width:142px;
        height:42px;
        background: url(/images/btn-continue-to-shipping.png) no-repeat 0px 0px;
        cursor:pointer;
        fmargin-left:216px;
        border:none;
        padding:0px;
        color:#fff;
    }
    #UserRegistrationData li.buttons .btnBackToCart {
        width:101px;
        height:42px;
        background: url(/images/btn-back-to-cart.png) no-repeat 0px 0px;
        cursor:pointer;
        vmargin-left:216px;
        border:none;
        padding:0px 5px 0px 0px;
        color:#fff;
        float:left;
    }
    
#OrderShippingAddress{
    margin-bottom:60px;
    margin-top:30px;
}
    #UserNewAddress legend,
    #OrderShippingAddress legend,
    #CreditCardDetails legend{
         font-size:12px;
         color:#4B478B;
         border-bottom:1px solid #4B478B;
         width:498px;
         display:inline-block;
         *display:inline;
         zoom:1;
    }
    #OrderShippingAddress .checkout-form .txtarea{
         width:400px;
         height:100px;
    }
    #OrderShippingAddress .chk-box{
        margin-left:112px;
    }
        #OrderShippingAddress .chk-box .jv-error-container{
            margin-left:0px;
        }
        #UserNewAddress{
            margin-top:10px;     
        }
    #OrderShippingAddress li.buttons .button {
        width:142px;
        height:42px;
        background: url(/images/btn-continue-to-payment.png) no-repeat 0px 0px;
        cursor:pointer;
        border:none;
        padding:0px;
        color:#fff;
        float:left;
    }
    #OrderShippingAddress li.buttons .button.back-to-cart {
        background: url(/images/btn-back-to-cart.png) no-repeat 0px 0px;
        float:left;
        cursor:pointer;
        width:105px;
    }
    #OrderShippingAddress .chk-box label {
        width:202px;
        float:left;
    }
    #OrderShippingAddress .chk-box label.agree {
        width:202px;
        float:left;
        padding-left:10px;
    }
    #OrderShippingAddress .chk-box .dummy-img {
        width: 14px; 
        height: 14px; 
        margin-right: 5px;
        float:left;
    }
    #OrderShippingAddress .chk-box input {
        float:left;
    }
    #OrderShippingAddress .txtarea{
        height:80px;
    }
    #OrderShippingAddress .eventDate {
        position:relative;
    }
        #OrderShippingAddress .eventDate img {
            float:left;
        }
        #OrderShippingAddress .eventDate .jv-error-container {
            position:absolute;
            top:4px;
            left:262px;
            display:inline-block;
            width:200px;
        }

    #CreditCardDetails{
    }
        #CreditCardDetails a{
        }
        #CreditCardDetails .w80.ddl{
            width:110px;
        }
        #CreditCardDetails .ddlExpirationMonth{
             margin-right:25px;
        }
    
    #orderMain .buttons .button {
        width:142px;
        height:42px;
        background: url(/images/btn-place-order.jpg) no-repeat 0px 0px;
        cursor:pointer;
        border:none;
        padding:0px;
        color:#fff;
        float:left;
    }
    #orderMain .buttons .button.back-to-shipping {
        background: url(/images/btn-back-to-shipping.png) no-repeat 0px 0px;
        cursor:pointer;
        float:left;
        width:106px;
        margin-left:100px;
    }
#UserLoginData{
    margin-top:64px;
}        
#UserLoginData form{
}      
    #UserLoginData .checkout-form ol li {
        width:auto;
    }  
    #UserLoginData .buttons .submit{
        height:30px;
        background: url(/images/btnPurpleBg.png) no-repeat 0px 0px;
        border:none;
        padding:0px;
        color:#fff;
        float:left;
        margin-left:65px;
        width:94px;
    }        
    #UserLoginData .buttons .forgot-pass{
        display:inline-block;
        *display:inline;
        zoom:1;
        width:120px;
        height:30px;
        background: url(/images/btn-purple.png) no-repeat 0px 0px;
        text-decoration:none;
    }        
    #UserLoginData .buttons .forgot-pass span.wrap{
        background: url(/images/btn-purple.png) no-repeat right -30px;
        padding-right:20px;
        display:inline-block;
        *display:inline;
        zoom:1;
        width:104px;
        height:30px;
        padding:0 10px;
    }        
    #UserLoginData .buttons .forgot-pass span.txt{
        position:relative;
        top:7px;
        color:#fff;
        left:3px;
    }           
     #UserLoginData span.jv-error-container{
         margin:0px;   
     }
     #UserLoginData span.jv-error-container label{
         width:auto;
     }
     #UserLoginData .server-validation-error{
         font-size:11px;
         color:Red;
         margin-left:68px;
     }
     #UserLoginData label{
          width:60px;
     }
     #UserLoginData .txt{
          width:209px;
     }
    

#divInternationalShipMess{
    margin-left:111px;
}