﻿.checkoutIcons{
     text-align:center;
     padding-top:12px;
     width:90px;
     margin:auto;
}

.AuthorizeNetSeal{
    
}


/* OPENING PAGE
-----------------------------------------------------*/

#BuyACard{
    margin:auto;
    width:615px;
    margin-bottom:20px;
}

    #BuyACard h2{
        font-size:3em;
        margin-bottom:16px;
    }
    
#CreateGiftAccount{
    margin:auto;
    margin-bottom:20px;
    width:560px;
}

    #CreateGiftAccount h2{
        font-size:2em;
        margin-bottom:16px;
    }
    
.buyCardBtn{
     text-align:right;
}
    
    
#CardSampleImage{
    float:right;
    margin-left:30px;
    margin-bottom:12px;
}

#RegularPriceStrike{
    text-decoration:line-through;
    color:red;  
    font-weight:bold; 
}

#RegularPrice{
    text-decoration:none;
    color:#FFFFFF;  
}

.buyCardBottomHeading{
    font-size:2em;
    margin-top:20px;
    font-weight:bold;
    margin-bottom:4px;
}

.buyCardBottomParagraph{
    font-size:1.3em;
    margin-bottom:0px;

}


/* STEPS
------------------------------------------------------------*/

#CheckoutSteps{
    margin-bottom:20px; 
    height:35px;
}

    #CheckoutSteps li{
        background-image:url(../images/store/checkout-steps.gif);
        height:35px;
        margin-left:14px;
        margin-right:14px;
    }

#CheckoutSteps .createCardsStep{
    width:200px;
}

#CheckoutSteps .createCardsStep_on{
    width:256px;
    background-position: 0px -35px; 
}    

#CheckoutSteps .billingInfoStep{
    width:172px;
    background-position: -300px 0px;
}

#CheckoutSteps .billingInfoStep_on{
    width:229px;
    background-position: -300px -35px;
}

#CheckoutSteps .placeOrderStep{
    width:182px;
    background-position: -540px 0px;
}

#CheckoutSteps .placeOrderStep_on{
    width:241px;
    background-position: -540px -35px;
}


/*  CREATE CARD PAGE
------------------------------------------------------*/

.sectionStartRow td{
    padding-top:16px;
    
}

#CreateCardCell{
    width:460px;
    padding-right:20px;
}

.cardTypeRow{
    vertical-align:middle;
    padding: 4px 0px 10px 0px;
}

    .cardOwnerChecks{
        padding: 2px;
         margin-left:0px;
        padding-left:0px;
    }

    .cardOwnerChecks input{
         vertical-align:middle;
         margin-left:0px;
         padding-left:0px;
    }

    .cardOwnerChecks label{
        vertical-align:middle;
        padding-left:4px;
        margin-right:30px;
    }

#GiftOptionsPanel{
    display:none;
}

    div.cardSendDatePicker .inputCell 
    { 
        padding:0 !important; 
        width:1px !important; 
    } 
     
    input.cardSendDatePicker 
    { 
        width:1px !important; 
        border:0 !important; 
        padding:0 !important; 
        visibility:hidden !important; 
    } 

#ShippingHeading{
    margin-top:10px;
}


    #CreateCardCell .addressBox{
        width:190px;
    }

    #CreateCardCell .addressStateDrop{
        width:78px;
    }

    #CreateCardCell .addressZipBox{
        width:90px;
        border:solid 1px #333333;
    }

    #CreateCardCell .form_BtnCell {
        padding-top:16px;
    }

#OrderDetailsCell{
}

    #OrderDetailsProgress{
        float:right;
    }    

    #SubTotalSpacer{
        width:20px;
    }
    
    #AddCouponCell input{
         vertical-align:middle;
    }
    
        #OrderDetailsCell .couponBox{
            width:126px;
        }

    #OrderDetailsCell .addCouponBtn{
    }

    #OrderDetailsCell .form_BtnCell{
        padding-top:10px;
    }

#CardsTable{
    border-spacing:16px; 

}

.membershipCardBtns{
    float:right;
    width:160px;
    text-align:right; 
    padding-bottom:12px;
}

    .membershipCardBtns a{
        margin-left:4px;
        font-size:.8em;
        color:#000000;
    }
    
    .membershipCardBtns a:hover{
        color:#47C5F5;
    }
    
    
/* BILLING INFO SECTION
-----------------------------------------------------------------------*/    


#BillingInfoTbl{
    width:400px;
    margin:auto;
}

#BillingInfoTbl td{
}

#CreditCardHolder .contentPanelTxtBox{
    border:solid 1px #333333;
}

/* PLACE ORDER
--------------------------------------------------------------------------*/

#PlaceOrderStep h1{
    margin-top:24px;
}

.sectionEnding{
    margin-top:8px;
    margin-bottom:0px;
}

#CardsTable{
    width:auto;
}

.accountExplanation{
    float:right;
    width:175px;
    padding:12px;
    margin-bottom:12px;  
    border:solid 1px #000000;
}


#BillingDetails{
    width:auto;
}
    #BillingDetails td{
        padding-right: 16px;
    }

.itemDescriptionCell{
    width:80px; 
}

.itemTotalCell{
    width:40px;

}

#SubTotalsCell{
     text-align:right;
     font-weight:bold; 
     padding-top:12px; 
}

#OrderTotal{
    font-size:1.3em;
}

/* PLACE ORDER
--------------------------------------------------------------------------*/
#LinkCardBox{
    width:400px;
    margin:auto;
}
