﻿/* buttons */

a.btnLogin { width: 133px; height: 42px; display: block; background: url(../images/buttons/b_login.png); background-repeat: no-repeat; }
a.btnLogin:hover { background-position: -133px; cursor: pointer; }
 
a.btnReviewPrice { width: 184px; height: 42px; display: block; background: url(../images/buttons/b_review_price.png); background-repeat: no-repeat; }
a.btnReviewPrice:hover { background-position: -184px; cursor: pointer; }
 
a.btnContinue { width: 133px; height: 42px; display: block; background: url(../../images/themes/AffordIt1/buttons/bttn_continue.png); background-repeat: no-repeat; }
a.btnContinue:hover { background-position: -133px; cursor: pointer; }
 
a.btnApplyBl { width: 136px; height: 42px; display: block; background: url(../../images/themes/AffordIt1/buttons/bttn_apply_bl.gif); background-repeat: no-repeat; }
a.btnApplyBl:hover { background-position: -136px; cursor: pointer;}
a.btnActivateBl { width: 136px; height: 42px; display: block; background: url(../../images/themes/AffordIt1/buttons/bttn_activate_bl.gif); background-repeat: no-repeat; }
a.btnActivateBl:hover { background-position: -136px; cursor: pointer;} 

a.btnCompleteBl { width: 136px; height: 42px; display: block; background: url(../../images/themes/AffordIt1/buttons/bttn_complete.gif); background-repeat: no-repeat; }
a.btnCompleteBl:hover { background-position: -136px; cursor: pointer;}
  
a.btnBuyLater { width: 112px; height: 42px; display: block; background: url(../../images/themes/AffordIt1/buttons/bttn_buylater_ylwbg.gif); background-repeat: no-repeat; }
a.btnBuyLater:hover { background-position: -112px; cursor: pointer;}

a.btnBuyNow { width: 136px; height: 42px;  display: inline-block; background: url(../../images/themes/AffordIt1/buttons/bttn_buynow.png); background-repeat: no-repeat; }
a.btnBuyNow:hover { background-position: -136px;cursor: pointer; }
  
a.btnPurchase { width: 117px; height: 42px;  display: block; background: url(../../images/themes/AffordIt1/buttons/bttn_purchase_ylwbg.gif); background-repeat: no-repeat; }
a.btnPurchase:hover { background-position: -117px;cursor: pointer; }

a.btnPopupClose { width: 30px; height: 13px; padding-left: 18px; float: right;background: url(../../images/themes/AffordIt1/buttons/close_bttn.gif); background-repeat: no-repeat; }
a.btnPopupClose:hover { cursor: pointer; }

a.btnGetItNow { width: 136px; height: 42px; background: url(../../images/themes/AffordIt1/buttons/b_getnow.png); background-repeat: no-repeat; display: inline-block; background-position: -136px 0;  }
a.btnGetItNow:hover { background-position: 0px 0; cursor: pointer; }

a.btnGetItSoon { width: 136px; height: 42px; background: url(../../images/themes/AffordIt1/buttons/bttn_getitsoon.png); background-repeat: no-repeat; display: inline-block; }
a.btnGetItSoon:hover { background-position: -136px; cursor: pointer; }

a.btnAffordIt { width: 136px; height: 42px; background: url(../../images/themes/AffordIt1/buttons/bttn_affordit.gif); background-repeat: no-repeat; display: inline-block; }
a.btnAffordIt:hover { background-position: -136px; cursor: pointer; }  
 
a.btnContinue { width: 136px; height: 42px; display: block; background: url(../../images/themes/AffordIt1/buttons/bttn_continue_ylwbg.gif); background-repeat: no-repeat; }
a.btnContinue:hover { background-position: -136px; cursor: pointer; }

/*account buttons*/

.ql-change-paymentdate-button { width: 233px; height: 42px; background: url(../images/buttons/b_changepaydate.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
.ql-change-paymentdate-button:hover { background-position: -233px 0; cursor: pointer; }

.ql-manage-account-button { width: 233px; height: 42px; background: url(../images/buttons/b_manageaccount.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
.ql-manage-account-button:hover { background-position: -233px 0; cursor: pointer; }

.ql-add-paymentmethod-button { width: 233px; height: 42px; background: url(../images/buttons/b_addmethod_lg.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
.ql-add-paymentmethod-button:hover { background-position: -233px 0; cursor: pointer; }

.add-paymentmethod-bttn { width: 122px; height: 24px; background: url(../images/buttons/b_addmethod.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
.add-paymentmethod-bttn:hover { background-position: -122px 0; cursor: pointer; }

.make-payment-bttn { width: 118px; height: 24px; background: url(../images/buttons/b_makepayment.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
.make-payment-bttn:hover { background-position: -118px 0; cursor: pointer; }

.manage-payment-bttn { width: 103px; height: 24px; background: url(../images/buttons/b_managepayment.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
.manage-payment-bttn:hover { background-position: -103px 0; cursor: pointer; }

.edit-bttn { width: 42px; height: 24px; background: url(../images/buttons/b_edit.png); background-repeat: no-repeat; display: inline-block; background-position: 0 0;  }
.edit-bttn:hover { background-position: -42px 0; cursor: pointer; }

.save-bttn { z-index: 1000; display: block; width: 42px; height: 24px;  padding: 0; margin: 0;
                background: url(../images/buttons/b_save.png); background-repeat: no-repeat; background-position: 0 0;  }
.save-bttn:hover { background-position: -42px 0; cursor: pointer; }

.makeprimary-bttn { z-index: 1000; display: block; width: 90px; height: 24px;  padding: 0; margin: 0;
                background: url(../images/buttons/b_makeprimary.png); background-repeat: no-repeat; background-position: 0 0;  }
.makeprimary-bttn:hover { background-position: -90px 0; cursor: pointer; }
 
.continue-bttn { width: 133px; height: 42px; display: block; background: url(../images/buttons/b_continue.png); background-repeat: no-repeat; }
.continue-bttn:hover { background-position: -133px; cursor: pointer; }

.purchase-bttn { width: 133px; height: 42px; display: block; background: url(../images/buttons/b_purchase.png); background-repeat: no-repeat; }
.purchase-bttn:hover { background-position: -133px; cursor: pointer; }


a.buy-now-bttn { width: 132px; height: 42px; background: url(../images/buttons/b_buynow.png); background-repeat: no-repeat; display: inline-block; background-position: 0px 0;  }
a.buy-now-bttn:hover { background-position: -132px 0; cursor: pointer; }

span.out-of-stock-bttn { width: 132px; height: 42px; background: url(../images/buttons/b_buynow.png); background-repeat: no-repeat; display: inline-block; 
                      background-position: -264px 0;   }

a.view-account-bttn { width: 174px; height: 42px; background: url(../images/buttons/b_viewaccount.png); background-repeat: no-repeat; display: inline-block; background-position: 0px 0;  }
a.view-account-bttn:hover { background-position: -174px 0; cursor: pointer; }


a.print-bttn { width: 103px; height: 42px; display: block; background: url(../images/buttons/b_print.png); background-repeat: no-repeat; }
a.print-bttn:hover { background-position: -103px; cursor: pointer; }
 
a.submit-order-bttn { width: 174px; height: 42px; display: block; background: url(../images/buttons/b_submitorder.png); background-repeat: no-repeat; }
a.submit-order-bttn:hover { background-position: -174px; cursor: pointer; }

a.submit-sm-bttn { width: 68px; height: 24px; display: block; background: url(../images/buttons/b_submit.png); background-repeat: no-repeat; }
a.submit-sm-bttn:hover { background-position: -68px; cursor: pointer; }

a.apply-sm-bttn { width: 68px; height: 24px; display: block; background: url(../images/buttons/b_apply.png); background-repeat: no-repeat; }
a.apply-sm-bttn:hover { background-position: -68px; cursor: pointer; }

.PrimaryButton
{
    background: #E95E03 url(../images/buttons/buttonbg_green.png) repeat-x scroll 50% 50% !important;
    font-size: 14pt !important;
    color:#fff !important;
    border: 3px solid #fff !important;
    padding: 5px 10px 5px 10px !important;
    -moz-box-shadow: 0px 2px 5px 1px #888;
	-webkit-box-shadow: 0px 2px 5px 1px #888;
	font-weight:bold !important; 
}
.PrimaryButton:hover
{
    background: #E95E03 url(../images/buttons/buttonbg_blue.png) repeat-x scroll 50% 50% !important;
    cursor: pointer;
}