Index: branches/1.0.x/inc/cart.css =================================================================== diff -u -N -r14859 -r15169 --- branches/1.0.x/inc/cart.css (.../cart.css) (revision 14859) +++ branches/1.0.x/inc/cart.css (.../cart.css) (revision 15169) @@ -1,458 +1,458 @@ -@charset "UTF-8"; - -/* Cart Blocks -*******************************************************************************/ -.steps { - margin: 0 auto; - width: 535px; -} -.steps li { - background: url(@templates_base@/img/icon-step.png) no-repeat 100% 40%; - color: #bdbdbd; - float: left; - font-size: 9pt; - font-weight: bold; - padding: 0 85px 0 38px; - text-transform: uppercase; -} -.steps li:first-child { - padding-left: 0; -} -.steps li:last-child { - background: none; - padding-right: 0; -} -.steps li i { - display: block; - height: 36px; - margin: 0 auto 5px; - width: 40px; -} -.steps li.step1 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 0; } -.steps li.step2 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 -36px; } -.steps li.step3 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 -72px; } -.steps li a { - color: #bdbdbd; - text-decoration: none; -} -.steps li.step1.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px 0; } -.steps li.step2.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px -36px; } -.steps li.step3.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px -72px; } -.steps li.active a { color: #878787; } - - -.cart-detail { - background-color: #fff; - border: 1px solid #d0d0d0; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - margin-top: 10px; - padding: 15px 30px 50px 30px; - width: 100%; -} -.cart-detail h1 { - color: #525252; - font: 1.538em Verdana,Arial,Tahoma,Sans-Serif; - padding: 0 0 20px 0; -} -.cart-detail .halfcol { - border-right: 1px dotted #aeaeae; - float: left; - margin: 0 14px 0 0; - padding: 0 14px 0 0; - width: 465px; -} -.cart-detail .halfcol-last { - border-right: none; - margin: 0; - padding: 0; - position: relative; -} -.cart-detail .halfcol-last .badge-optional { - background: url(@templates_base@/img/badge-optional.png) no-repeat 0 0; - height: 40px; - position: absolute; - top: -44px; left: -20px; - width: 102px; -} -.cart-detail .fieldset { - background: url(@templates_base@/img/bg-form-fieldset.jpg) repeat-x 0 0; - color: #000; - font-weight: bold; - height: 26px; - line-height: 26px; - padding: 0 0 10px 50px; - position: relative; -} -.cart-detail.receipt .fieldset { padding-left: 16px; } -.cart-detail .fieldset .link { - font-weight: normal; - position: absolute; - right: 15px; -} - -fieldset { padding: 0 0 15px; } - -.firstline { min-height: 140px; padding: 20px 0 0; position: relative; } -.firstline .login-alt { - color: #66c133; - font-size: 1.154em; - font-weight: bold; - padding: 5px 0 20px 50px; -} -.firstline .login-alt .plashka { - right: 194px; -} -.firstline .login-alt .plashka-sel { - margin: -6px 0 0 5px; -} - -.checkout-form label { - display: block; - font-weight: bold; - padding-bottom: 3px; -} -.checkout-form p { - clear: both !important; - float: left; - padding: 5px 0 5px 50px; -} -.checkout-form p.alt1 { - clear: none !important; - padding: 5px 10px 5px 50px; - width: 170px; -} -.checkout-form p.alt2 { - clear: none !important; - padding: 5px 0; - width: 120px; -} -.checkout-form .field { width: 300px; } -.checkout-form select.field { width: 311px; } -.field.statusSuccess { - background: url(@templates_base@/img/bg-field-success.jpg) repeat-x 0 0; - border: 1px solid #80d04d; -} -.field.statusError { - background: url(@templates_base@/img/bg-field-error.jpg) repeat-x 0 0; - border: 1px solid #d80000; -} - -.checkout-form p.alt1 .field, -.checkout-form p.alt2 .field, -.checkout-form p.pasfield1 .field, -.checkout-form p.pasfield2 .field { - width: 100%; -} - -.checkout-form .creditcard .field { width: 250px; } -.checkout-form .creditcard p.alt1.expdate .field { width: 78px; } -.checkout-form .creditcard p.alt2 .field { width: 70px; } - -.creditcards { padding: 0 0 0 50px; } -.creditcards span { - display: inline-block; - height: 45px; -} -.creditcards span.paypal { - border-left: 1px solid #d3d3d3; - margin-left: 10px; - padding-left: 15px; -} - -.password-block { - border: 1px solid #e3e3e3; - float: right; - padding: 12px 20px; - width: 390px; -} -.password-block p { - clear: none !important; - padding: 0 30px 0 0; -} -.password-block p.pasfield1 { - width: 150px; -} - -.colorbar { - display: inline-block; - height: 8px; - width: 29px; -} - -.password-strength { display: none; font-weight: bold; } -.password-strength .meterDefault { color: #aaa; } -.password-strength .meterFail { color: #daa; } -.password-strength .meterWarn { color: #fd6; } -.password-strength .meterGood { color: #ada; } -.password-strength .meterExcel { color: #66c133; } -.password-strength .colorbar.meterDefault { background-color: #ddd; } -.password-strength .colorbar.meterFail { background-color: #fdd; } -.password-strength .colorbar.meterWarn { background-color: #feb; } -.password-strength .colorbar.meterGood { background-color: #dfd; } -.password-strength .colorbar.meterExcel { background-color: #66c133; } - -.checkout-form .safe-shop { - background: url(@templates_base@/img/safe-shop.jpg) no-repeat 0 40px; - min-height: 335px; - margin: 115px 0 0 50px; -} -.checkout-form .safe-shop .title { - color: #389901; - font: bold 1.462em Verdana,Arial,Tahoma,Sans-Serif; - padding-left: 18px; -} -.checkout-form .safe-shop ul.list { - float: left; - padding: 10px 0 0 130px; -} -.checkout-form .safe-shop ul.list li { - background: url(@templates_base@/img/icon-galka.png) no-repeat 0 50%; - color: #313030; - font-weight: bold; - padding: 6px 0 6px 25px; -} - -dl.total { padding: 20px 0 0; width: 240px; } -dl.total dt, -dl.total dd { - float: left; - font-weight: bold; - padding: 0 0 10px; - text-align: right; - width: 120px; -} -dl.total dt.discount { color: #bf0000; } -dl.total dd { font-size: 1.385em; } -dl.total dd span { font-size: 15px; } -dl.total dd.price1 { color: #333; font-size: 1.538em; } -dl.total dd.price2 { color: #bf0000; } -dl.total dd.price3 { font-weight: normal; } -dl.total dd.price4 { color: #3f911f; font-size: 1.538em; } - -.product-discount .item-price span, .product-discount .item-discount span, -.shop-cart-row .price-cell span, .shop-cart-row .extended-price-cell span { - font-size: 12px; -} - -.cart-detail .terms { - text-align: right; - width: 240px; -} - -.place-button, -.place-grey-button, -.checkout-button, -.checkout-grey-button { - background: url(@templates_base@/img/order-left.jpg) no-repeat 0 0; - color: #faffed; - display: inline-block; - font-size: 1.385em; - font-weight: bold; - text-shadow: #000 0px 1px 1px; - text-decoration: none; -} -.place-grey-button, -.checkout-grey-button { - color: #000; - text-shadow: none; -} -.place-button span, -.place-grey-button span, -.checkout-button span, -.checkout-grey-button span { - background: url(@templates_base@/img/order-right.jpg) no-repeat 100% 0; - display: inline-block; - height: 37px; - line-height: 37px; - padding: 0 50px 0 30px; -} -.place-button:hover, -.place-grey-button:hover, -.checkout-button:hover, -.checkout-grey-button:hover { color: #faffed; } - -.checkout-button span { - background: url(@templates_base@/img/checkout-right.jpg) no-repeat 100% 0; - padding: 0 30px 0 20px; -} -.place-grey-button { - background: url(@templates_base@/img/checkout-grey-left.jpg) no-repeat 0 0; -} -.place-grey-button span { - background: url(@templates_base@/img/order-grey-right.jpg) no-repeat 100% 0; -} -.checkout-grey-button { - background: url(@templates_base@/img/checkout-grey-left.jpg) no-repeat 0 0; - margin-top: 20px; -} -.checkout-grey-button span { - background: url(@templates_base@/img/checkout-grey-right.jpg) no-repeat 100% 0; - padding: 0 30px 0 20px; -} - -.continue-button { - background: url(@templates_base@/img/bg-button-continue-right.jpg) no-repeat 100% 0; - color: #3c3c3c; - display: inline-block; - font-weight: bold; - margin-right: 20px; - text-decoration: none; -} -.continue-button span { - background: url(@templates_base@/img/bg-button-continue-left.jpg) no-repeat 0 0; - display: inline-block; - height: 26px; - line-height: 26px; - padding: 0 20px 0 25px; -} -.continue-button:hover { - color: #3c3c3c; -} - -.cart-detail.receipt .success-order { - background: url(@templates_base@/img/success.png) no-repeat 30px 30px; - border-bottom: 1px solid #d0d0d0; - margin-bottom: 25px; - padding: 0 0 25px 130px; -} -.cart-detail.receipt .success-order .links { - float: right; - padding: 0; -} -.cart-detail.receipt .success-order .links a.link-print { - background: url(@templates_base@/img/icon-print.jpg) no-repeat 0 0; - display: inline-block; - font-weight: bold; - height: 32px; - line-height: 32px; - padding: 0 20px 0 40px; -} -.cart-detail.receipt .success-order .links a.link-download { - background: url(@templates_base@/img/icon-download.jpg) no-repeat 0 0; - display: inline-block; - font-weight: bold; - height: 32px; - line-height: 32px; - padding: 0 0 0 40px; -} -.cart-detail.receipt .success-order .green { - color: #009f00; - font: 1.538em Tahoma,Verdana,Arial,Sans-Serif; -} -.cart-detail.receipt .success-order p { - padding: 5px 0; -} - -.cart-detail.receipt p { padding-left: 16px; } -.cart-detail.receipt dl.info { - padding-left: 16px; -} -.cart-detail.receipt dl.info dt { - clear: both !important; - float: left; - font-weight: bold; - padding: 5px 15px 5px 0; - width: 90px; -} -.cart-detail.receipt dl.info dd { - float: left; - padding: 5px 15px 5px 0; -} - -.cart-detail.receipt .items { - border-bottom: 1px solid #d1d1d1; - margin-top: 30px; - width: 100%; -} -.cart-detail.shoppingcart .items { - margin-top: 0; -} -.cart-detail.receipt .items thead { - background: url(@templates_base@/img/bg-form-fieldset.jpg) repeat-x 0 0; - border: 1px solid #adadad; -} -.cart-detail.receipt .items th { - color: #000; - font-weight: bold; - padding: 5px 10px; -} -.cart-detail.receipt .items td { - border-top: 1px solid #d1d1d1; - color: #000; - padding: 10px; - text-align: center; - vertical-align: middle; -} -.cart-detail.receipt .items tr:first-child td { - border-top: none; -} -.cart-detail.receipt .items td.options-td { - background-color: #f7f7f7; - border-top: none; - color: #686767; - text-align: left; -} -.cart-detail.receipt .items td.options-td .sel-options { float: left; padding: 0 20px 0 0; } -.cart-detail.receipt .items .item-img { width: 70px; } -.cart-detail.receipt .items .item-total { font-weight: bold; } -.cart-detail.receipt .items .item-title { - color: #333; - font-weight: bold; - text-align: left; -} -.cart-detail.receipt .items .item-quantity { position: relative; } -.cart-detail.receipt .items .item-quantity .field { text-align: center; width: 30px; } -.formStatus { - position: absolute; - top: 37px; - left: 15px; - display: block; - z-index: 5000; - cursor: pointer; -} -.formStatus .formContent { - width: 100%; - position:relative; - z-index:5001; - color: #fff; - white-space: nowrap; - font-family: Arial; - font-size: 12px; - box-shadow: 0 0 3px #444; - -moz-box-shadow: 0 0 3px #444; - -webkit-box-shadow: 0 0 3px #444; - padding: 4px 10px 4px 10px; - border-radius: 3px; - -moz-border-radius: 3px; - -webkit-border-radius: 3px; -} -.formStatus .formArrow { - height: 11px; - margin: -34px 0 0 22px; - position: relative; - width: 21px; - z-index: 5006; -} -.formStatus.formSuccess .formContent { background: #398d1d url(@templates_base@/img/validate/con-success.png) repeat-x 0 0; } -.formStatus.formSuccess .formArrow { background: url(@templates_base@/img/validate/con-success-arrow.png) no-repeat 0 0; } -.formStatus.formError .formContent { background: #990000 url(@templates_base@/img/validate/con-error.png) repeat-x 0 0; } -.formStatus.formError .formArrow { background: url(@templates_base@/img/validate/con-error-arrow.png) no-repeat 0 0; } - -.cart-detail.receipt dl.total { float: right; padding-right: 30px; } - -.cart-detail.receipt .discount-block { - float: left; - padding: 20px 0 0; - width: 300px; -} -.cart-detail.receipt .discount-block p { padding: 5px 0; } -.cart-detail.receipt .discount-block .field { width: 170px; } -.cart-detail.receipt .discount-block .num-discount { position: relative; } -.cart-detail.receipt .discount-block .formStatus { left: -15px; } - -.cart-detail.shoppingcart h1 { float: left; } - -.cart-detail.shoppingcart .buttons-right { float: right; text-align: right; } -.cart-detail.shoppingcart .buttons-right dl.total { float: none; padding-right: 0; } +@charset "UTF-8"; + +/* Cart Blocks +*******************************************************************************/ +.steps { + margin: 0 auto; + width: 535px; +} +.steps li { + background: url(@templates_base@/img/icon-step.png) no-repeat 100% 40%; + color: #bdbdbd; + float: left; + font-size: 9pt; + font-weight: bold; + padding: 0 85px 0 38px; + text-transform: uppercase; +} +.steps li:first-child { + padding-left: 0; +} +.steps li:last-child { + background: none; + padding-right: 0; +} +.steps li i { + display: block; + height: 36px; + margin: 0 auto 5px; + width: 40px; +} +.steps li.step1 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 0; } +.steps li.step2 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 -36px; } +.steps li.step3 i { background: url(@templates_base@/img/cart-steps.png) no-repeat 0 -72px; } +.steps li a { + color: #bdbdbd; + text-decoration: none; +} +.steps li.step1.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px 0; } +.steps li.step2.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px -36px; } +.steps li.step3.active i { background: url(@templates_base@/img/cart-steps.png) no-repeat -40px -72px; } +.steps li.active a { color: #878787; } + + +.cart-detail { + background-color: #fff; + border: 1px solid #d0d0d0; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + margin-top: 10px; + padding: 15px 30px 50px 30px; + width: 100%; +} +.cart-detail h1 { + color: #525252; + font: 1.538em Verdana,Arial,Tahoma,Sans-Serif; + padding: 0 0 20px 0; +} +.cart-detail .halfcol { + border-right: 1px dotted #aeaeae; + float: left; + margin: 0 14px 0 0; + padding: 0 14px 0 0; + width: 465px; +} +.cart-detail .halfcol-last { + border-right: none; + margin: 0; + padding: 0; + position: relative; +} +.cart-detail .halfcol-last .badge-optional { + background: url(@templates_base@/img/badge-optional.png) no-repeat 0 0; + height: 40px; + position: absolute; + top: -44px; left: -20px; + width: 102px; +} +.cart-detail .fieldset { + background: url(@templates_base@/img/bg-form-fieldset.jpg) repeat-x 0 0; + color: #000; + font-weight: bold; + height: 26px; + line-height: 26px; + padding: 0 0 10px 50px; + position: relative; +} +.cart-detail.receipt .fieldset { padding-left: 16px; } +.cart-detail .fieldset .link { + font-weight: normal; + position: absolute; + right: 15px; +} + +fieldset { padding: 0 0 15px; } + +.firstline { min-height: 140px; padding: 20px 0 0; position: relative; } +.firstline .login-alt { + color: #66c133; + font-size: 1.154em; + font-weight: bold; + padding: 5px 0 20px 50px; +} +.firstline .login-alt .plashka { + right: 194px; +} +.firstline .login-alt .plashka-sel { + margin: -6px 0 0 5px; +} + +.checkout-form label { + display: block; + font-weight: bold; + padding-bottom: 3px; +} +.checkout-form p { + clear: both !important; + float: left; + padding: 5px 0 5px 50px; +} +.checkout-form p.alt1 { + clear: none !important; + padding: 5px 10px 5px 50px; + width: 170px; +} +.checkout-form p.alt2 { + clear: none !important; + padding: 5px 0; + width: 120px; +} +.checkout-form .field { width: 300px; } +.checkout-form select.field { width: 311px; } +.field.statusSuccess { + background: url(@templates_base@/img/bg-field-success.jpg) repeat-x 0 0; + border: 1px solid #80d04d; +} +.field.statusError { + background: url(@templates_base@/img/bg-field-error.jpg) repeat-x 0 0; + border: 1px solid #d80000; +} + +.checkout-form p.alt1 .field, +.checkout-form p.alt2 .field, +.checkout-form p.pasfield1 .field, +.checkout-form p.pasfield2 .field { + width: 100%; +} + +.checkout-form .creditcard .field { width: 250px; } +.checkout-form .creditcard p.alt1.expdate .field { width: 78px; } +.checkout-form .creditcard p.alt2 .field { width: 70px; } + +.creditcards { padding: 0 0 0 50px; } +.creditcards span { + display: inline-block; + height: 45px; +} +.creditcards span.paypal { + border-left: 1px solid #d3d3d3; + margin-left: 10px; + padding-left: 15px; +} + +.password-block { + border: 1px solid #e3e3e3; + float: right; + padding: 12px 20px; + width: 390px; +} +.password-block p { + clear: none !important; + padding: 0 30px 0 0; +} +.password-block p.pasfield1 { + width: 150px; +} + +.colorbar { + display: inline-block; + height: 8px; + width: 29px; +} + +.password-strength { display: none; font-weight: bold; } +.password-strength .meterDefault { color: #aaa; } +.password-strength .meterFail { color: #daa; } +.password-strength .meterWarn { color: #fd6; } +.password-strength .meterGood { color: #ada; } +.password-strength .meterExcel { color: #66c133; } +.password-strength .colorbar.meterDefault { background-color: #ddd; } +.password-strength .colorbar.meterFail { background-color: #fdd; } +.password-strength .colorbar.meterWarn { background-color: #feb; } +.password-strength .colorbar.meterGood { background-color: #dfd; } +.password-strength .colorbar.meterExcel { background-color: #66c133; } + +.checkout-form .safe-shop { + background: url(@templates_base@/img/safe-shop.jpg) no-repeat 0 40px; + min-height: 335px; + margin: 115px 0 0 50px; +} +.checkout-form .safe-shop .title { + color: #389901; + font: bold 1.462em Verdana,Arial,Tahoma,Sans-Serif; + padding-left: 18px; +} +.checkout-form .safe-shop ul.list { + float: left; + padding: 10px 0 0 130px; +} +.checkout-form .safe-shop ul.list li { + background: url(@templates_base@/img/icon-galka.png) no-repeat 0 50%; + color: #313030; + font-weight: bold; + padding: 6px 0 6px 25px; +} + +dl.total { padding: 20px 0 0; width: 240px; } +dl.total dt, +dl.total dd { + float: left; + font-weight: bold; + padding: 0 0 10px; + text-align: right; + width: 120px; +} +dl.total dt.discount { color: #bf0000; } +dl.total dd { font-size: 1.385em; } +dl.total dd span { font-size: 15px; } +dl.total dd.price1 { color: #333; font-size: 1.538em; } +dl.total dd.price2 { color: #bf0000; } +dl.total dd.price3 { font-weight: normal; } +dl.total dd.price4 { color: #3f911f; font-size: 1.538em; } + +.product-discount .item-price span, .product-discount .item-discount span, +.shop-cart-row .price-cell span, .shop-cart-row .extended-price-cell span { + font-size: 12px; +} + +.cart-detail .terms { + text-align: right; + width: 240px; +} + +.place-button, +.place-grey-button, +.checkout-button, +.checkout-grey-button { + background: url(@templates_base@/img/order-left.jpg) no-repeat 0 0; + color: #faffed; + display: inline-block; + font-size: 1.385em; + font-weight: bold; + text-shadow: #000 0px 1px 1px; + text-decoration: none; +} +.place-grey-button, +.checkout-grey-button { + color: #000; + text-shadow: none; +} +.place-button span, +.place-grey-button span, +.checkout-button span, +.checkout-grey-button span { + background: url(@templates_base@/img/order-right.jpg) no-repeat 100% 0; + display: inline-block; + height: 37px; + line-height: 37px; + padding: 0 50px 0 30px; +} +.place-button:hover, +.place-grey-button:hover, +.checkout-button:hover, +.checkout-grey-button:hover { color: #faffed; } + +.checkout-button span { + background: url(@templates_base@/img/checkout-right.jpg) no-repeat 100% 0; + padding: 0 30px 0 20px; +} +.place-grey-button { + background: url(@templates_base@/img/checkout-grey-left.jpg) no-repeat 0 0; +} +.place-grey-button span { + background: url(@templates_base@/img/order-grey-right.jpg) no-repeat 100% 0; +} +.checkout-grey-button { + background: url(@templates_base@/img/checkout-grey-left.jpg) no-repeat 0 0; + margin-top: 20px; +} +.checkout-grey-button span { + background: url(@templates_base@/img/checkout-grey-right.jpg) no-repeat 100% 0; + padding: 0 30px 0 20px; +} + +.continue-button { + background: url(@templates_base@/img/bg-button-continue-right.jpg) no-repeat 100% 0; + color: #3c3c3c; + display: inline-block; + font-weight: bold; + margin-right: 20px; + text-decoration: none; +} +.continue-button span { + background: url(@templates_base@/img/bg-button-continue-left.jpg) no-repeat 0 0; + display: inline-block; + height: 26px; + line-height: 26px; + padding: 0 20px 0 25px; +} +.continue-button:hover { + color: #3c3c3c; +} + +.cart-detail.receipt .success-order { + background: url(@templates_base@/img/success.png) no-repeat 30px 30px; + border-bottom: 1px solid #d0d0d0; + margin-bottom: 25px; + padding: 0 0 25px 130px; +} +.cart-detail.receipt .success-order .links { + float: right; + padding: 0; +} +.cart-detail.receipt .success-order .links a.link-print { + background: url(@templates_base@/img/icon-print.jpg) no-repeat 0 0; + display: inline-block; + font-weight: bold; + height: 32px; + line-height: 32px; + padding: 0 20px 0 40px; +} +.cart-detail.receipt .success-order .links a.link-download { + background: url(@templates_base@/img/icon-download.jpg) no-repeat 0 0; + display: inline-block; + font-weight: bold; + height: 32px; + line-height: 32px; + padding: 0 0 0 40px; +} +.cart-detail.receipt .success-order .green { + color: #009f00; + font: 1.538em Tahoma,Verdana,Arial,Sans-Serif; +} +.cart-detail.receipt .success-order p { + padding: 5px 0; +} + +.cart-detail.receipt p { padding-left: 16px; } +.cart-detail.receipt dl.info { + padding-left: 16px; +} +.cart-detail.receipt dl.info dt { + clear: both !important; + float: left; + font-weight: bold; + padding: 5px 15px 5px 0; + width: 90px; +} +.cart-detail.receipt dl.info dd { + float: left; + padding: 5px 15px 5px 0; +} + +.cart-detail.receipt .items { + border-bottom: 1px solid #d1d1d1; + margin-top: 30px; + width: 100%; +} +.cart-detail.shoppingcart .items { + margin-top: 0; +} +.cart-detail.receipt .items thead { + background: url(@templates_base@/img/bg-form-fieldset.jpg) repeat-x 0 0; + border: 1px solid #adadad; +} +.cart-detail.receipt .items th { + color: #000; + font-weight: bold; + padding: 5px 10px; +} +.cart-detail.receipt .items td { + border-top: 1px solid #d1d1d1; + color: #000; + padding: 10px; + text-align: center; + vertical-align: middle; +} +.cart-detail.receipt .items tr:first-child td { + border-top: none; +} +.cart-detail.receipt .items td.options-td { + background-color: #f7f7f7; + border-top: none; + color: #686767; + text-align: left; +} +.cart-detail.receipt .items td.options-td .sel-options { float: left; padding: 0 20px 0 0; } +.cart-detail.receipt .items .item-img { width: 70px; } +.cart-detail.receipt .items .item-total { font-weight: bold; } +.cart-detail.receipt .items .item-title { + color: #333; + font-weight: bold; + text-align: left; +} +.cart-detail.receipt .items .item-quantity { position: relative; } +.cart-detail.receipt .items .item-quantity .field { text-align: center; width: 30px; } +.formStatus { + position: absolute; + top: 37px; + left: 15px; + display: block; + z-index: 5000; + cursor: pointer; +} +.formStatus .formContent { + width: 100%; + position:relative; + z-index:5001; + color: #fff; + white-space: nowrap; + font-family: Arial; + font-size: 12px; + box-shadow: 0 0 3px #444; + -moz-box-shadow: 0 0 3px #444; + -webkit-box-shadow: 0 0 3px #444; + padding: 4px 10px 4px 10px; + border-radius: 3px; + -moz-border-radius: 3px; + -webkit-border-radius: 3px; +} +.formStatus .formArrow { + height: 11px; + margin: -34px 0 0 22px; + position: relative; + width: 21px; + z-index: 5006; +} +.formStatus.formSuccess .formContent { background: #398d1d url(@templates_base@/img/validate/con-success.png) repeat-x 0 0; } +.formStatus.formSuccess .formArrow { background: url(@templates_base@/img/validate/con-success-arrow.png) no-repeat 0 0; } +.formStatus.formError .formContent { background: #990000 url(@templates_base@/img/validate/con-error.png) repeat-x 0 0; } +.formStatus.formError .formArrow { background: url(@templates_base@/img/validate/con-error-arrow.png) no-repeat 0 0; } + +.cart-detail.receipt dl.total { float: right; padding-right: 30px; } + +.cart-detail.receipt .discount-block { + float: left; + padding: 20px 0 0; + width: 300px; +} +.cart-detail.receipt .discount-block p { padding: 5px 0; } +.cart-detail.receipt .discount-block .field { width: 170px; } +.cart-detail.receipt .discount-block .num-discount { position: relative; } +.cart-detail.receipt .discount-block .formStatus { left: -15px; } + +.cart-detail.shoppingcart h1 { float: left; } + +.cart-detail.shoppingcart .buttons-right { float: right; text-align: right; } +.cart-detail.shoppingcart .buttons-right dl.total { float: none; padding-right: 0; }