.checkout { width: 634px !important; padding: 20px 10px 0 20px !important; } * html .checkout { width: 664px !important; } .checkout h2 { margin: 0; color:#CE0F16; font-size:15px; } #cartSummary { margin-top: 20px; margin-bottom: 60px; } #cartSummary * { margin: 0; padding: 0; } #cartSummary table { border-collapse: collapse; } #cartSummary table caption { font-weight:bold; padding: 7px 0; text-align:left; } #cartSummary table th { background-color:#F6E0D6; border-color:#CBC6C6; border-style:solid; border-width:1px 1px 1px 0; } #cartSummary table tbody td { border-bottom:1px solid #CBC6C6; border-right:1px solid #CBC6C6; } #cartSummary table tbody tr.last td { border-width: 0; } #cartSummary table tbody tr.last td.total, #cartSummary table tbody tr.last td.summaryTitle { border-bottom-width: 1px; } #cartSummary table th, #cartSummary table td { line-height:15px; padding:5px; text-align:center; } #cartSummary table th.last, #cartSummary table td.last { border-right-width:0 } #cartSummary table tbody td.title { text-align: left; } #cartSummary table tbody td.title a { text-decoration: none; } #cartSummary table tbody td.title a:hover { text-decoration: underline; } #cartSummary table input.quantity { width: 28px; } #cartSummary table td.total { text-align: left; font-weight: bold; } #cartSummary table td.summaryTitle { text-align: right; padding: 0; } #cartSummary fieldset { border-width: 0; overflow: hidden; margin: 10px 0; } #cartSummary fieldset input { float: right; clear: right; font-size: 12px !important; margin:7px 0; padding:5px; width:132px; } #cartSummary .noItems { } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------- FORM */ .checkout form { overflow: hidden; } .checkout form * { margin: 0; padding: 0; } .checkout form h3 { padding-bottom: 20px; font-size: 14px; } .checkout form fieldset { overflow: hidden; border-width: 0; margin: 8px 0; } .checkout form ul { list-style-type: none; } .checkout form label { width: 110px; float: left; text-align: left; margin-right: 10px; } .checkout form input.text, .checkout form select { width: 148px; } .checkout form .payType ul { float: left; width: 195px; } .checkout form .payType ul li { margin-bottom: 5px; } .checkout form .payType ul input { margin-right: 5px; } .checkout form .payType ul p { padding: 5px 0 0 20px; font-style: italic; } .checkout form .payType ul li span.cc_message { display: block; margin: 5px 0 5px 20px; } * html .checkout form .payType ul li span.cc_message { margin-left: 30px; } .checkout form .overseasOrder ul li { margin-bottom: 5px; } .checkout form .overseasOrder ul input { margin-right: 5px; } .checkout .receiveInfo, .checkout .rememberDetails { padding-left: 120px !important; } .receiveInfo label, .receiveInfo input, .rememberDetails label, .rememberDetails input { float: left; } .receiveInfo input, .rememberDetails input { margin-right: 5px; } .receiveInfo label, .rememberDetails label { width: 165px !important; margin: 0 !important; } .requiredInfo, .buttons { padding-left: 120px !important; } .checkout .buttons input { display: block; margin: 7px 0; padding: 5px; width: 132px; } #personalDetails, #information { width: 317px; float: left; } #invoiceInfo { border-top: 1px solid #DDDEDF; padding-top: 20px; margin-top: 20px; } #invoiceInfo label { width: 188px; } #invoiceInfo input.button { display: block; margin: 7px 0; padding: 5px; width: 132px; } #invoiceInfo .requiredInfo { padding: 10px 0 20px 200px !important; } #invoiceInfo .text { /*padding: 20px 0 !important;*/ } .step3Buttons { border-width: 0; margin: 20px 0; padding: 0; } .step3Buttons input { display: block; margin-bottom: 10px; padding:5px; width:132px; } /*--------------------------------------------------------------------------------------------------------------------------------------------------------------------- TYPOGRAPHY */ #cartSummary * { font-size: 11px; } #cartSummary .noItems { font-weight: bold; font-size: 13px; }