.confirm { padding: 1em; max-width: 30em; margin: 0 auto; color: #555; } .confirm .box { padding: 2.2em 2.5em; } .confirm .summary { margin-bottom: 1em; } .confirm .address { margin-top: .8em; } .confirm h2 { font-size: 1.1em; font-weight: normal; padding: 0; margin: 0; margin-bottom: .5em; color: #333; } .confirm button { font-size: 1.4em; } .confirm p { margin: .2em 0; } .confirm .modify-order { float: left; } .confirm .confirm-order { float: right; } .confirm .payment > div { margin-bottom: 1.4em; } .confirm .payment > .button-bar { margin: 0; margin-top: 1.8em; } /* Table */ .confirm .debt-info { padding: 0; } .confirm .debt-info > table { border-collapse: collapse; } .confirm td { padding: .15em 0; } .confirm .sum-total > td { border-top: solid 1px #DDD; font-weight: bold; } .confirm .currency { text-align: right; } .confirm .credit-info { display: none; } .confirm .exceeded-info { display: none; color: #E53935; } /* Pay */ .confirm .amount-selector, .confirm .pay-methods > div, .confirm .pay-info { display: none; } .confirm .pay-methods > div.selected > .pay-info { display: block; } .confirm .radio > div { margin: .3em 0; } .confirm .radio > div > * { vertical-align: middle; } .confirm .radio > div > input[type=radio] { margin: 0; margin-right: .5em; } .confirm .pay-info { padding: .5em 1.3em; } .confirm .transfer-account { margin-top: .5em; } .confirm .transfer-account > p { margin: .1em 0; }