body, select, input, table, td, .myfont, span, .middle .container h2, .banknameDiv
{
    font: normal 12px tahoma;
}

body
{
    background: #dfdfdf;
    text-align: center;
    padding: 0;
    margin: 0;
    direction: rtl;
}
a
{
    color: #0061B6;
}
a:hover
{
    color: #ff0000;
    text-decoration: none;
}

.cash table
{
    border-collapse: collapse;
}
.cash th, td
{
    text-align: center;
    padding: 3px;
    border: 1px solid gray;
}

.info table
{
    border-collapse: collapse;
}
.info td
{
    text-align: center;
    padding: 3px;
    border-width: 0px;
}
.info td input
{
    width: 200px;
}

.backheaderDiv
{
    background: #146791;
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 100px;
    padding: 10px 0;
}
.sitetitle
{
    font: normal 35px arial;
    color: Yellow;
    margin-top: 20px;
}
.sitedesc
{
    font: bold 16px arial;
    color: #eee;
}
h2
{
    color: #0260b7;
}
.textcolor
{
    color: #555;
}
.main
{
    width: 950px;
    height: auto;
    margin: 0 auto 30px;
    font-family: tahoma;
}
.header
{
    height: 120px;
    background: url(img/head_bg.jpg);
    color: white;
    text-align: right;
}
.header .title
{
    font: bold 38px nazanin,tahoma;
    text-align: right;
    padding: 11px 20px 0 0;
}
.header .desc
{
    font: normal 18px nazanin,tahoma;
    text-align: right;
    padding: 0 20px;
}
.container
{
    margin: 0px;
    background: white;
}
.middle
{
    height: 500px;
}
.middle .right-div
{
    float: right;
    width: 50%;
    height: auto;
    border-left: #146EA2 1px dotted;
    position: relative;
}
.middle .left-div
{
    float: left;
    width: 49%;
    height: auto;
}
.middle .container
{
    border: 0px solid gray;
    margin: 20px 20px 5px 20px;
    padding: 10px;
    text-align: center;
}
.middle .container .cardtitle
{
    border: 0px solid #000;
    width: 350px;
    height: auto;
    margin: 0 auto;
}
.middle .container .cardtitle table
{
    border-width: 0;
    border-collapse: collapse;
}
.middle .container .cardtitle td
{
    font: bold 13px tahoma;
    border-width: 0px;
    padding: 0px;
    width: 111px;
    height: 32px;
    background-repeat: no-repeat;
    cursor: pointer;
}
.middle .container .cardtitle div
{
    width: 111px;
    height: 32px;
    display: inline;
}
.middle .container .cardtitle a
{
    margin: -3px;
    padding: 0px;
}
.middle .container .cardtitle a img
{
    border: none;
}
.middle .container .cardDiv
{
    background: #FDF2B2;
    width: 335px;
    height: 140px;
    border: 3px solid #FAD610;
    margin: 0 auto;
    position: relative;
}
.middle .container .cardDiv table
{
    border-collapse: collapse;
    border-width: 0;
}
.middle .container .cardDiv td
{
    border-width: 0;
}
.middle # h2
{
    margin: 0;
    margin-bottom: 10px;
    padding: 0px;
    color: #0260B7;
}
#bankha div:hover
{
    border: solid 2px #ffb300;
}
.banknameDiv
{
    height: 30px;
}
#bankha div.selected
{
    border: solid 2px green;
}

.actionButton
{
    width: 140px;
    height: 45px;
    font-size: 14px;
    color: white;
    border-width: 0px;
    background: #269f80 url(img/button.jpg);
    cursor: pointer;
}

.footer
{
    border-top: #146EA2 solid 1px;
    padding-top: 10px;
    height: 90px;
}
.footer .right-div
{
    float: right;
    width: 43%;
    height: 100%;
    padding: 10px 40px 0 0;
    border: #146EA2 solid 0px;
    background: url(img/poshtibani_icon.jpg) no-repeat 99% center;
}
.footer .right-div div
{
    text-align: center;
    border: red solid 0px;
    margin-bottom: 5px;
}
.footer .left-div
{
    float: left;
    width: 49%;
    height: 100%;
    text-align: right;
}

/**********************************************/
#CardInfoTop, #CardInfoBottom
{
    width: 550px;
    height: 54px;
    background: url(img/namayeshecard1.jpg) white repeat-y center top;
    margin: 0px auto;
}

#CardInfoBottom
{
    background-position: center -46px;
}

#CardInfo
{
    width: 550px;
    height: auto;
    padding: 20px 0;
    margin: 0px auto;
    background: url(img/namayeshecard2.jpg) white repeat-y;
}
/**********************************************/



#bankha
{
    height: 30px;
}
#bankha div
{
    width: 30px;
    height: 30px;
    border: 2px #f5f5f5 solid;
    float: right;
    margin-left: 1px;
    background-image: url(img/bankha.gif);
    background-repeat: no-repeat;
}

#banksaman
{
    background-position: -120px 3px;
}
#banknovin
{
    background-position: -240px 3px;
}
#bankmellat
{
    background-position: -30px 3px;
}
#bankkeshavarzi
{
    background-position: -270px 3px;
}
#banksina
{
    background-position: -180px 3px;
}
#bankPasargad
{
    background-position: -90px 3px;
}
#bankparsian
{
    background-position: -60px 3px;
}
#banktosee
{
    background-position: -210px 3px;
}
#banksanat
{
    background-position: -150px 3px;
}
#bankmelli
{
    background-position: 0px 3px;
}
#banksaderat
{
    background-position: -300px 3px;
}



.warningbox
{
    width: 289px;
    height: 160px;
    padding: 110px 20px 70px 20px;
    margin: 100px auto;
    margin-bottom: 30px;
    background: #f1f1f1 url(img/warning.jpg) no-repeat;
}

.OperationBox
{
    margin: 0 auto;
    text-align: center;
    padding: 20px 0 5px 0;
}

.warningbox h3
{
    color: #E4764B;
    margin-bottom: 20px;
}

.OperationBox h3
{
    color: #6FB163;
    margin-bottom: 20px;
}

#operators
{
    display: none;
}
#cards
{
    position: relative;
}
#cards .operator
{
    position: relative;
    right: 0px;
    padding: 0px;
    margin-right: 20px;
}
#cards .operator li
{
    list-style: none;
    position: relative;
    right: 5px;
    text-align: right;
    height: 22px;
}
#cards #hamrahe-aval-cards, #cards #talia-cards
{
    display: none;
}
.user-info-container
{
    position: relative;
    top: -15px;
}
.quantity-container
{
    position: relative;
    top: -15px;
    z-index: 0;
}
#quantity
{
    left: 48px;
    position: absolute;
    top: 195px;
    width: 200px;
    z-index: 1;
}
#operator-image
{
    background-image: url("img/logo/logo.gif");
    height: 100px;
    margin-right: 210px;
    position: absolute;
    top: 17px;
    width: 100px;
}
#bill
{
    width: 340px;
   
}
#bill table
{
    width: 335px;
    margin: auto;
}
#bill table td
{
    width: 50%;
    text-align: right;
    padding-right: 10px;
}

#bill table td.caption
{
    width: 20%;
    text-align: center;
}

#bill table td.value
{
    text-align: center;
}

#bill table #bill-total-price
{
    background-color: #e0e0e0;
}

.container img
{
    position: relative;
    top: 8px;    
}

.bill-info
{
    float: right;
    position: relative;
    right: 31px;
    top: 86px;
}

#e-mail, #phone-number
{
    margin-bottom: 10px;
    margin-right: 20px;
    width: 200px;
}
#banks
{
    position: relative;
    height: 80px;
}
#banks #banks-list
{
    float: left;
    left: 50%;
    margin-left: -150px;
    margin-top: 35px;
    position: relative;
    width: 300px;
}
#banks h3
{
    display: none;
}
#banks #banks-list li
{
    width: 32px;
    height: 30px;
    float: right;
    margin-left: 5px;
    margin-bottom: 10px;
    outline: solid 2px #f5f5f5;
    cursor: pointer;
    list-style: none;
    background-image: url('img/banks.png');
}
#banks #banks-list li:hover, #banks #banks-list .selected
{
    outline: solid 2px #ffb300;
}
#banks #gateway-selection
{
    float: right;
    position: absolute;
    right: 40px;
    top: 240px;
}
p#selected-bank-name
{
    direction: rtl;
    float: right;
    margin-top: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
div#pardakht
{
    float: left;
    height: 45px;
    left: 0;
    position: relative;
    top: 0;
    width: 140px;
}
div#purchase
{
    float: left;
    height: 45px;
    position: relative;
    top: 90px;
    width: 140px;
    left: 0px;
}
div#purchase input
{
    width: 140px;
    height: 45px;
    font-size: 14px;
    color: white;
    border-width: 0px;
    background: #269f80 url(img/button.jpg);
    cursor: pointer;
    position: relative;
    left: -50px;
}
#lightBox p.user-info-message, #lightBox p.cards-message, #lightBox p.banks-message
{
    clear: right;
    color: Black;
    float: right;
    margin: 10px 10px 0 0;
}

div.messageBox
{
    background: url("img/messageBg.png") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #8A8A8A;
    height: 220px;
    left: 50%;
    margin-left: -200px;
    padding: 0 10px 0 0;
    position: absolute;
    top: 150px;
    width: 400px;
}

div#lightBox
{
    display: none;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99999;
}

div#lightBox .lightBoxBg
{
    background: url("img/lightBoxBg.png") repeat scroll 0 0 #424242;
    height: 100%;
    width: 100%;
}

#formMessages
{
    display: none;
}

div.messageBox .closeBtn
{
    background: url("img/closeBtn.png") no-repeat scroll center 10px transparent;
    cursor: pointer;
    float: right;
    height: 21px;
    padding: 10px 0 0;
    right: 5px;
    width: 21px;
}



form
{
    margin: auto;
}

div#wrapper
{
    margin: 50px auto 0;
}

#purchaseResult table
{
    border: 1px solid #D2D7BE;
    border-collapse: collapse;
    margin: auto;
    background: #F7FBEA;
}

#purchaseResult table td, #purchaseResult table th
{
    padding: 3px 12px;
    border: 1px solid #D2D7BE;
}

#purchaseResult table th
{
    font: 120% 'Times New Roman';
}

#purchaseResult table td.charge-code
{
    color: #318F38;
    font: bold 100% Tahoma;
}

#banks #no-gateway-message
{
    position: absolute;
    right: 0;
    left: 0;
    bottom: -145px;
}

#banks #gateway-selection.hidden
{
    display: none;
}


#banks #no-gateway-message
{
    position: absolute;
    bottom: -150px;
    right: 0;
    left: 0;
}

#banks #gateway-selection.hidden
{
    display: none;
}


#bill-total-price span
{
    font-weight: bold;
}

#bill-order-quantity .value span
{
    font-weight: bold;
    color: Red;
}

.blue
{
    border-color: #4ad3ef;
}

a.blue
{
    color: #0caecf;
}

a.green
{
    color: #65af15;
}

.green
{
    border-color: #78cf19;
}

.remember-me{
    float: right;
    margin-right: 79px;
    margin-top: -3px;
    width: 114px;
}

.remember-me label{
    float: left; 
}

.remember-me input{
    float: right;
    height: 16px; 
}