.checkoutPhase1 {
    background: url('/Images/CheckoutPhases/1.gif') white no-repeat left center;
    width: 520px;
    height: 124px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.checkoutPhase2 {
    background: url('/Images/CheckoutPhases/2.gif') white no-repeat left center;
    width: 520px;
    height: 124px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.checkoutPhase3 {
    background: url('/Images/CheckoutPhases/3.gif') white no-repeat left center;
    width: 520px;
    height: 124px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.checkoutPhase4 {
    background: url('/Images/CheckoutPhases/4.gif') white no-repeat left center;
    width: 520px;
    height: 124px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
.checkoutPhase5 {
    background: url('/Images/CheckoutPhases/5.gif') white no-repeat left center;
    width: 520px;
    height: 124px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
}
#checkoutWrapper {
    direction: rtl;
    width: 100%;
    font: normal normal normal .8em Tahoma;
}
#checkoutWrapper h3 {
    color: #3e6c99;
    font-weight: bold;
    border-bottom: 3px double #dcecfc;
    font-size: 1em;
    width: 568px;
}
#checkoutWrapper table {
    padding-right: 5px;
}
#checkoutWrapper .label {
    width: 110px;
    margin: auto;
    display: inline-block;
    text-align: left;
    font-weight: bold;
    font-size: .85em;
}
#checkoutWrapper .asterisk {
    color: red;
    margin: 0 .2em 0 .2em;
}
#checkoutWrapper input[type="text"] {
    margin: 2px;
    width: 200px;
}
#checkoutWrapper textarea {
    margin: 2px;
    width: 200px;
    vertical-align: baseline;
}
#checkoutWrapper textarea.readOnlyTextArea {
    margin: 2px;
    width: 500px;
    vertical-align: baseline;
    border: 0px solid white;
    overflow: hidden;
    vertical-align: top;
    font: normal normal normal 1em Tahoma;
    margin-top: 0px;
}
#checkoutWrapper span.errMsg {
    font: normal normal normal .75em Tahoma;
    color: red;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 20px;
}
#checkoutWrapper .paymentNr {
    font: normal normal bold .95em Tahoma;
    color: #800000;
}
#checkoutWrapper .success {
    background: url('/Images/orderPlaced.gif') no-repeat left top;
    border: none;
    width: 770px;
    height: 263px;
}
#checkoutWrapper .success p {
    width: 600px;
}
#checkoutWrapper .success h2 {
    font: normal normal bold 1.2em Tahoma;
    color: #008000;
    border-bottom: dotted 1px #008000;
}
#checkoutWrapper .error {
    background: url('/Images/orderFailed.gif') no-repeat left top;
    border: none;
    width: 770px;
    height: 261px;
}
#checkoutWrapper .error h2 {
    font: normal normal bold 1.2em Tahoma;
    color: #800000;
    border-bottom: dotted 1px #800000;
}
#checkoutWrapper a:link, a:visited {
    color: #547da5;
    text-decoration: underline;
    font-size: .95em;
}
#checkoutWrapper a:hover {
    text-decoration: none;
}
#checkoutWrapper input[type="image"].process, #checkoutWrapper input[type="image"].payment {
    padding-top: 5px;
    padding-right: 114px;
    vertical-align: text-bottom;
}
#checkoutWrapper div.phases {
    color: #3e6c99;
    font-weight: bold;
    font-size: 1em;
    width: 568px;
    padding-top: 32px;
    padding-bottom: 10px;
    border-bottom: 3px double #dcecfc;
    margin-bottom:10px;
}