modern-store
No OneTemporary
Actions

Subscribers

None

File Metadata

Created: Tue, Apr 29, 2:01 PM

modern-store
View Options

	Index: branches/1.0.x/checkout.tpl
	===================================================================
	--- branches/1.0.x/checkout.tpl (revision 14823)
	+++ branches/1.0.x/checkout.tpl (revision 14824)
	@@ -1,391 +1,395 @@
	<!--##
	<NAME>One Step Checkout</NAME>
	<DESC></DESC>
	<SECTION>Pages\|\|Checkout</SECTION>
	##-->

	<inp2:m_DefineElement name="page_title">One Step Checkout</inp2:m_DefineElement>

	<!--## MAIN CONTENT ##-->
	<inp2:m_DefineElement name="content">

	<ul class="steps">
	<li class="step1"><a href="<inp2:m_Link template='cart'/>"><i></i>Shopping Cart</a></li>
	<li class="step2 active"><a href="#"><i></i>One-step Checkout</a></li>
	<li class="step3"><span><i></i>Receipt</span></li>
	</ul>
	<div class="clear"></div>

	<div class="cart-detail">
	<h1>One-Step Checkout</h1>
	<form method="post" action="<inp2:m_FormAction/>" id="checkout-form" class="form checkout-form">

	<script type="text/javascript">
	FormManager.resetFields('ord');
	</script>

	<inp2:ord_ShowDefaultAddress type="billing"/>
	<inp2:ord_ShowDefaultAddress type="shipping"/>

	<div class="halfcol">
	<fieldset class="firstline">

	<inp2:m_ifnot check="m_LoggedIn">
	<div class="login-alt">
	Continue as Guest or
	<div class="login">
	<a href="" id="login-alt">Log In</a>
	</div>
	</div>
	</inp2:m_ifnot>

	<inp2:m_RenderElement name="inp_edit_box" prefix="ord" field="BillingEmail" title="lu_fld_YourEmail"/>
	</fieldset>
	<fieldset>
	<div class="fieldset">
	Billing Address
	</div>

	<inp2:m_RenderElement name="inp_edit_box" prefix="ord" field="BillingTo" title="lu_fld_FullName"/>
	<inp2:m_RenderElement name="inp_edit_box" prefix="ord" field="BillingCompany" title="lu_fld_Company"/>
	<inp2:m_RenderElement name="inp_edit_address" prefix="ord" field="BillingAddress1" field2="BillingAddress2" title="lu_fld_Address"/>
	<inp2:m_RenderElement name="inp_edit_box" prefix="ord" field="BillingCity" title="lu_fld_City"/>
	<inp2:m_RenderElement name="inp_edit_country" prefix="ord" field="BillingCountry" state_field="BillingState" title="lu_fld_Country" has_empty="1" empty_label="lu_opt_SelectCountry"/>

	<!-- TODO: preload states by country -->
	<inp2:m_RenderElement name="inp_edit_options" prefix="ord" field="BillingState" title="lu_fld_State" has_empty="1" row_class="alt1"/>
	<inp2:m_RenderElement name="inp_edit_box" prefix="ord" field="BillingZip" title="lu_fld_Zip" row_class="alt2"/>
	<inp2:m_RenderElement name="inp_edit_box" prefix="ord" field="BillingPhone" title="lu_fld_Phone"/>
	</fieldset>

	<fieldset class="creditcard">
	<div class="fieldset">
	Payment Information
	</div>
	<div class="creditcards">
	<inp2:m_if check='ord_UsingCreditCard'>
	<span><img src="<inp2:m_TemplatesBase/>img/creditcards.jpg" width="245" height="39" alt="" /></span>
	</inp2:m_if>

	<inp2:m_if check="pt.gw-paypal_Field" name="PaymentTypeId" gateway="PayPal">
	<span<inp2:m_if check='ord_UsingCreditCard'> class="paypal"</inp2:m_if>>
	<a href="#" id="paypal" payment_type="<inp2:pt.gw-paypal_Field name='PaymentTypeId' gateway='PayPal'/>">
	<img src="<inp2:m_TemplatesBase/>img/paypal.jpg" width="98" height="45" alt="" />
	</a>
	</span>

	<script type="text/javascript">
	$(document).ready(
	function () {
	$('#paypal').click(
	function ($e) {
	FormManager.getField('ord', 'PaymentType').value = $(this).attr('payment_type');
	FormManager.submitForm('ord');

	return false;
	}
	);
	}
	);
	</script>
	</inp2:m_if>
	</div>

	<inp2:m_if check='ord_UsingCreditCard'>
	<inp2:m_RenderElement name="inp_edit_box" prefix="ord" field="PaymentAccount" title="lu_fld_CreditCardNumber"/>

	<inp2:m_RenderElement design="form_row" prefix="ord" field="PaymentCCExpDate" title="lu_fld_ExpirationDate" row_class="alt1 expdate" field_type="cc_expiration">
	<select class="field" name="<inp2:ord_InputName field='PaymentCCExpMonth'/>" id="<inp2:ord_InputName field='PaymentCCExpMonth'/>">
	<inp2:ord_PredefinedOptions field="PaymentCCExpMonth" render_as="inp_option_item" selected="selected"/>
	</select> /
	<select class="field" name="<inp2:ord_InputName field='PaymentCCExpYear'/>" id="<inp2:ord_InputName field='PaymentCCExpYear'/>">
	<option value=''></option>
	<inp2:ord_PrintYearOptions field="PaymentCCExpYear" render_as="inp_option_item" selected="selected"/>
	</select>
	</inp2:m_RenderElement>

	<inp2:m_RenderElement name="inp_edit_box" prefix="ord" field="PaymentCVV2" title="lu_fld_SecurityCode" row_class="alt2"/>
	<input type="hidden" name="check_credit_card" id="check_credit_card" value="true"/>
	</inp2:m_if>
	</fieldset>
	</div>

	<div class="halfcol halfcol-last">
	<inp2:m_ifnot check="m_LoggedIn">
	<div class="badge-optional"></div>

	<fieldset class="firstline" id="create-account-password">
	<p>
	<label><input type="checkbox" id="create_account" name="create_account" value="1"<inp2:m_if check="m_Get" name="create_account"> checked</inp2:m_if>/> Create account for easy purchases and order tracking</label>
	</p>

	<inp2:m_RenderElement name="inp_edit_password" prefix="ord" field="UserPassword" title="lu_fld_Password" verify_title="lu_fld_VerifyPassword"/>
	</fieldset>
	</inp2:m_ifnot>
	+
	+ <div class="firstline" style="<inp2:m_ifnot check='m_LoggedIn'>display: none</inp2:m_ifnot>"></div>

	<fieldset>
	<div class="fieldset">
	<label>
	<input type="checkbox" id="same_as_billing" name="same_as_billing" value="1"<inp2:m_if check="ord_AddressesTheSame"> checked</inp2:m_if>/> Ship To Address is the same as Billing
	</label>
	</div>

	<div id="shipping-address"<inp2:m_if check="ord_AddressesTheSame"> style="display: none;"</inp2:m_if>>
	<inp2:m_RenderElement name="inp_edit_box" prefix="ord" field="ShippingTo" title="lu_fld_FullName"/>
	<inp2:m_RenderElement name="inp_edit_box" prefix="ord" field="ShippingCompany" title="lu_fld_Company"/>
	<inp2:m_RenderElement name="inp_edit_address" prefix="ord" field="ShippingAddress1" field2="ShippingAddress2" title="lu_fld_Address"/>
	<inp2:m_RenderElement name="inp_edit_box" prefix="ord" field="ShippingCity" title="lu_fld_City"/>
	<inp2:m_RenderElement name="inp_edit_country" prefix="ord" field="ShippingCountry" state_field="ShippingState" title="lu_fld_Country" has_empty="1" empty_label="lu_opt_SelectCountry"/>

	<!-- TODO: preload states by country -->
	<inp2:m_RenderElement name="inp_edit_options" prefix="ord" field="ShippingState" title="lu_fld_State" has_empty="1" row_class="alt1"/>
	<inp2:m_RenderElement name="inp_edit_box" prefix="ord" field="ShippingZip" title="lu_fld_Zip" row_class="alt2"/>
	</div>

	<p id="shipping-type-container">
	<inp2:m_include template="elements/ajax/shipping_type"/>
	</p>

	<div class="safe-shop" id="shipping-address-placeholder"<inp2:m_ifnot check="ord_AddressesTheSame"> style="display: none;"</inp2:m_ifnot>>
	<p class="title">100% Safe & Secure Shopping</p>
	<ul class="list">
	<li>All Transactions are Encrypted</li>
	<li>Your Information is Protected</li>
	<li>No Hidden Charges</li>
	<li>Satisfaction Guaranteed</li>
	</ul>
	</div>
	</fieldset>
	<fieldset>
	<div class="fieldset">
	Your Order Summary (<inp2:orditems_TotalRecords/> Items)
	<a href="#" class="link">View Order Details</a>
	</div>
	<dl class="total">
	<inp2:m_include template="elements/ajax/order_totals"/>
	</dl>
	<div class="clear"></div>
	<div class="terms">
	<label><input type="checkbox" id="terms" name="terms" value="yes" checked="true" /> I Agree to Terms and Conditions</label>
	</div>
	<p class="buttons">
	<a href="#" class="place-button"><span>Place Order</span></a>
	</p>
	</fieldset>
	</div>
	<div class="clear"></div>

	<inp2:m_RenderElement name="inp_edit_hidden" prefix="ord" field="PaymentType" db="db"/>
	<input type="hidden" name="check_billing_address" id="check_billing_address" value="true"/>
	<input type="hidden" name="check_shipping_address" id="check_shipping_address" value="true"/>
	</form>

	<inp2:m_include template="elements/ajax/payment_form"/>
	</div>

	<script type="text/javascript">
	function CheckoutManager() {}

	CheckoutManager.sameAsBilling = <inp2:m_if check="ord_AddressesTheSame">true<inp2:m_else/>false</inp2:m_if>;
	CheckoutManager.addressFields = ['To', 'Company', 'Address1', 'Address2', 'City', 'Country', 'State', 'Zip'];

	CheckoutManager.initAddressFields = function () {
	var $me = this;

	$(this.addressFields).each(
	function () {
	var $field = this.toString();

	$( FormManager.getField('ord', 'Billing' + $field) ).change(
	function ($e) {
	if ( $me.sameAsBilling ) {
	$( FormManager.getField('ord', 'Shipping' + $field) ).val( $(this).val() ).change();
	}
	}
	);

	$( FormManager.getField('ord', 'Shipping' + $field) ).change(
	function ($e) {
	if ( !$me.isAddressValid('Shipping') ) {
	$('select', '#shipping-type-container').empty().append('<option value="">Please enter address</option>');
	return ;
	}

	$me.updateOrder(
	'elements/ajax/shipping_type',
	function ($data) {
	$('#shipping-type-container').html($data);
	}
	);
	}
	);
	}
	);
	}

	CheckoutManager.isAddressValid = function ($type) {
	var $status = true;

	$(this.addressFields).each(
	function () {
	var $field = this.toString(),
	$input = $( FormManager.getField('ord', $type + $field) );

	if ( $field == 'Address2' \|\| ($input.is('select') && $('option', $input).length <= 2 ) ) {
	// 2nd address line or empty state dropdown
	return true;
	}

	if ( $input.val() == '' ) {
	$status = false;

	return false;
	}
	}
	);

	return $status;
	}

	CheckoutManager.updateOrder = function ($return_template, $callback, $remove_fields) {
	var $me = this,
	$params = $('#checkout-form').serializeArray();

	if ( $remove_fields === undefined ) {
	$remove_fields = ['check_billing_address', 'check_shipping_address', 'check_credit_card'];
	}

	for (var $i in $params) {
	if ( in_array($params[$i].name, $remove_fields) ) {
	delete $params[$i];
	}
	}

	$.post(
	FormManager.getURL('ord', $return_template, 'OnUpdate'),
	$params,
	function ($data) {
	var $redirect = TB.parseRedirect($data);

	if ( $redirect !== false ) {
	window.location.href = $redirect;

	return ;
	}

	$callback.apply($me, [$data]);
	}
	)
	}

	CheckoutManager.copyAddress = function () {
	$(this.addressFields).each(
	function () {
	var $field = this.toString();

	$( FormManager.getField('ord', 'Shipping' + $field) ).val( $( FormManager.getField('ord', 'Billing' + $field) ).val() );
	}
	);

	$( FormManager.getField('ord', 'ShippingAddress1') ).change();
	}

	CheckoutManager.init = function () {
	var $me = this;

	this.sameAsBilling = $('#same_as_billing').is(':checked');

	$('#same_as_billing').click(
	function ($e) {
	$me.sameAsBilling = $(this).is(':checked');

	if ($me.sameAsBilling) {
	$me.copyAddress();
	}

	$('#shipping-address').toggle(!$me.sameAsBilling);
	$('#shipping-address-placeholder').toggle($me.sameAsBilling);
	}
	);

	$('#create_account').click(
	function ($e) {
	$('.password-block').toggle( $(this).is(':checked') );
	}
	);

	$('#login-alt').click(
	function ($e) {
	var $login_link = $('#login');

	if ( !$login_link.parents('.login:first').hasClass('plashka-sel') ) {
	$login_link.click();
	}

	return false;
	}
	);

	$('body').bind(
	'OnAfterLogin',
	function ($e, $params) {
	// 1. remove login button
	$('.login-alt').remove();

	// 2. remove user password controls
	- $('#create-account-password, .badge-optional').remove();
	+ $('.badge-optional').remove();
	+ $('#create-account-password').fadeOut('slow').remove();
	+ $('.firstline').fadeIn('slow');
	FormManager.unregisterField('ord', 'UserPassword');
	FormManager.unregisterField('ord', 'VerifyUserPassword');

	// 3. put user e-mail into the form
	FormManager.setFieldStatus('ord', 'BillingEmail');
	FormManager.getField('ord', 'BillingEmail').value = $params['user_email'];
	}
	)

	this.initAddressFields();
	}

	$(document).ready(
	function () {
	FormManager.registerForm(
	{
	prefix: 'ord',
	save_event: 'OnUpdateAjax',
	id: '<inp2:ord_Field name="OrderId"/>',
	form_id: 'checkout-form',
	before_close: function ($data, $add_params) {
	// when all form data is valid

	CheckoutManager.updateOrder(
	'elements/ajax/payment_form',
	function ($data) {
	$('#payment-form').replaceWith($data);
	$('#payment-form').submit();
	}
	);
	}
	}
	);

	$('.place-button').click(
	function ($e) {
	FormManager.submitForm('ord');

	return false;
	}
	);

	CheckoutManager.init();
	}
	);

	$('.password-block').toggle( $('#create_account').is(':checked') );
	</script>
	</inp2:m_DefineElement>
	<!--## /MAIN CONTENT ##-->

	<!--## DESIGN TEMPLATE ##-->
	<inp2:m_Set check_credit_card="true"/>
	<inp2:m_include template="designs/default_design.des" pass_params="1"/>
	<!--## /DESIGN TEMPLATE ##-->
	\ No newline at end of file
	Index: branches/1.0.x/inc/cart.css
	===================================================================
	--- branches/1.0.x/inc/cart.css (revision 14823)
	+++ branches/1.0.x/inc/cart.css (revision 14824)
	@@ -1,453 +1,453 @@
	@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: 160px;
	- margin: 115px 0 115px 50px;
	+ 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-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; }

modern-storeNo OneTemporaryActions

File Metadata

modern-storeView Options

Event Timeline

modern-store
No OneTemporary
Actions

modern-store
View Options