h1 .step	{ font-style: normal; color: #135c35; }


/* Shopping-cart product list */
/* -------------------------- */

.cart-contents
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 1em 0;
}

.cart-contents th,
.cart-contents td
{
	text-align: left;
	padding: 0.5em 0.5em;
	vertical-align: baseline;
	border-bottom: 1px solid #f6f6f6;
}
.cart-contents p	{ display: inline; }

.cart-contents tfoot th,
.cart-contents tfoot td		{ background-color: #f6f6f6; border: 0; }
.cart-contents tfoot .empty	{ background: transparent; }
.cart-contents tfoot tr:last-child th
{
	-webkit-border-bottom-left-radius: 2em;
	-moz-border-radius-bottomleft: 2em;
	border-bottom-left-radius: 2em;
}

.cart-contents tfoot th			{ text-align: right; }
.cart-contents .grand-total *	{ font-weight: bold; }

.cart-contents .quantity	{ width: 2em; }
.cart-contents #id_code		{ width: 7em; }

#delivery-discount			{ text-align: right; }


/* Forward/back navigation within ordering process */
/* ----------------------------------------------- */

#navigation-flow
{
    margin: 2em 0;
    width: 100%;
    padding: 0;
    clear: both;
    border: solid white;
    border-width: 1px 0;
}
#navigation-flow td
{
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    height: 36px;
}

#navigation-flow a,
#navigation-flow input,
#navigation-flow button
{
	color: white;
	font: 14px/36px Arial;
}
#navigation-flow a
{
	text-decoration: none;
	padding: 0 10px;
	display: block;
}
#navigation-flow input,
#navigation-flow button
{
    cursor: pointer;
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0 10px;
	height: 36px;
	text-align: left;
}

#navigation-flow .back,
#navigation-flow .refresh,
#navigation-flow .empty		{ border-right: 6px solid white; }

/* !important flags are to override default background on list elements */
#navigation-flow .refresh	{ background: #efc956; }
#navigation-flow .empty		{ background: #d81900; }
#navigation-flow .back
{
	background: #ccc url("../img/ordering/chevron_left.png") 10px 50% no-repeat;
}
#navigation-flow .back a,
#navigation-flow .back input    { padding-left: 30px; color: black; }

#navigation-flow .disabled      { background: #ccc !important; }
#navigation-flow .disabled *    { color: #666; }

#navigation-flow .forward
{
    width: 100%;
	text-align: right;
	background: #26a461 url("../img/ordering/chevron_right.png") 98% 50% no-repeat;
}

#navigation-flow .forward a,
#navigation-flow .forward button
{
	padding-right: 30px;
	margin-left: auto;
	text-align: right;
}
#navigation-flow .forward button    { width: 100%; }

/* Order-form progress meter */
/* ------------------------- */

#order-progress
{
	margin: 30px 0;
	font-size: 12px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

#order-progress td
{
	background-color: #135c35;
	padding: 0;
	vertical-align: top;
    text-align: center;
}

#order-progress .active
{
	background-color: #24a53c;
	font-style: normal;
}

#order-progress span,
#order-progress a
{
    display: block;
	background: url("../img/ordering/chevron_fat_right.png") 100% 50% no-repeat;
	padding: 10px 25px 10px 15px;
	margin-right: -12px;
	height: 25px;
	line-height: 25px;
	color: white;
	
	/* So that chevron overlaps the next cell */
	position: relative;
	z-index: 1;
}

#progress-cart  { text-align: left; }
#progress-cart img
{
	width: 75px;
	height: 75px;
	margin: -25px -5px -25px -25px;
	display: block;
}

#order-progress #progress-done span
{
    padding-right: 45px;
    margin-right: 0;
    background-image: url("../img/ordering/tick.png");
}

/* Order summary */
/* ------------- */

#summary
{
    background-color: #f6f6f6;
    border-top: 1px solid #c2d3c3;
    margin: 20px -20px 0;
    padding: 0 20px 20px;
}
#summary .cart-contents tbody td,
#summary .cart-contents thead th        { border-color: #c2d3c3; }
#summary .cart-contents tfoot td,
#summary .cart-contents tfoot th        { background-color: #c2d3c3; }
#summary .cart-contents tfoot .empty	{ background: transparent; }

#summary h2         { margin: 0 0 0.5em; }
#summary .section	{ margin: 2em 0; border-top: 1px dotted #d8d8d8; }


a.change
{
	font: 12px Arial, sans-serif;
	background-color: #24a53c;
	padding: 0.3em 0.5em 0.2em;
	margin: 0 0.25em;
	color: white;
	text-decoration: none;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	vertical-align: middle;
}
a.change:hover	{ background-color: #135c35; }


/* Confirmation */
/* ------------ */

button#payment-logo
{
    cursor: pointer;
    background: white;
    display: block;
    padding: 10px;
    margin: 1em auto 2em;
    width: 100%;
    border: 4px solid #24a53c;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    
    text-align: right;
    color: #135c35;
    font: italic 12px/2 Arial, sans-serif;
}
button#payment-logo img     { margin: 0.25em 0 0.25em 1em; vertical-align: middle; }
button#payment-logo:hover,
button#payment-logo:focus   { border-color: #135c35; }