/***************************************************************
Checkout CSS for Smiggle :: Davide L Rizzo :: Created 05/08/08
***************************************************************/

/* Fix IE Peekaboo bug */
h1, p {
	height:1%;
}

/* Tried using an ordered list but numbers would not show in IE, use divs instead */
.checkout-path {
	text-align: right;
	margin-bottom: 30px;
	list-style-type: decimal;
	clear: both;
	height:1%;
}

.checkout-path div {
	display: inline;
	margin: 0.5em 0 0 1.1em;
	padding-right: 35px;
	background: url(/images/global/arrow_right_grey.gif) right 0.4em no-repeat;
	color:#888;
}

.checkout-path div.last {
	background: none;
}

.checkout-path div.active {
	font-weight: bold;
	color:#555;
}


/* Shopping Bag */

table.bagitems {
	width: 100%;
}

table.bagitems td {
	vertical-align: middle;
}

table.bagitems th { text-align: center; }
table.bagitems th.description { text-align: left; }

table.bagitems td.description {
	padding-left: 0.1em;
}
table.bagitems .description a {
	display: block;
}
table.bagitems .description img {
	float: left;
	margin: 3px 8px 3px 3px;
	display: block;
	width: 73px;
	height: 83px;
	border:solid 2px #999;
	background: #CCC;
}
table.bagitems .description a:hover img {
	border: solid 2px #4b62b7;
}
table.bagitems td.description div {
	padding-top: 37px;
}

table.bagitems td.quantity {
	text-align: center;
}

table.bagitems td.remove {
	text-align: center;
}

form input#updatebag { _margin-bottom: 0; }

form.basket fieldset { margin: 0; padding-bottom: 0.2em; }
form.basket div.total { float: right; text-align: right; }
form.basket div.total table.promotioncodes { width: auto; }
form.basket #updatebag { float: right; clear: both; }


form.converter fieldset, form.promotion fieldset {
	margin: 0em 0 1.5em 0;
	width: 43%;
	/*height: 8em;*/
}
form.converter fieldset { float: right; }
form.promotion fieldset { float: left; }

form.promotion input, form.converter input {
	margin: 0;
}

form.promotion input#CouponCode {
	margin: -0.5em 0 0 1em;
}

form.checkout {
	padding: 1em 1.6em 0 0;
	_padding-bottom: 2em;
	margin-left:583px;
}

/* IE7 Fix */
html>body form.checkout {
	*padding-bottom: 2em;
}


/*form.converter { margin-top: 1em;  width: 500px; float: right; }
form.converter fieldset { padding-bottom: 0; _padding-top: 18px;  margin: 0 0 0.7em 20px; height: 10em;  }
form.converter p { float: left; padding: 0 2em 0 0; margin-bottom: 1.7em; _margin: 0; }
form.converter input { float: right; margin: -0.4em 0 0 0; }

form.promotion .nineslice-form { float: left; width: 300px; }
form.promotion {  }
form.promotion fieldset { margin-top: 1em; padding-bottom: 0.2em; margin-bottom: 0; }
form.promotion p { float: left; width: 280px; _width: 580px; }
form.promotion .button { float: right; margin-top: -0.4em; }
form.promotion input#CouponCode { float: right; margin: -0.3em 8px 0 0; }
form.promotion .interworld_error { color:red; float: right; width: auto; white-space: nowrap; }*/

/*form.checkout { float: right; }
form.checkout #checkoutbtn1 { margin: 0.6em 20px 3em 0; padding: 0; }
form.checkout #checkoutbtn2 { margin: 2.5em 20px 0em 0; padding: 0; }*/



/* Shipping Address */
.button-wrapper {
	height:1%;
}

form fieldset#shippingaddress {
	margin:0px;
}

form fieldset#gift {
	margin:0px;
}


.gift-wrapper {
	position:relative;
	margin-bottom:20px;
	margin-top:20px;
}

table#ordertotal {
	float: right;
	width: auto;
	height: 1%;
}

table#ordertotal caption {
	margin-top: 0;
}




/* Gift Voucher Delivery */
#card-details td {
	padding-top: 0.6em; 
}

#card-details td.value {
	 width:14.8em; 
	 .width:16.2em; /* IE 6/7 fix */
}

form#e-voucher-detail a, form#e-voucher-detail input.submit {
	margin-top:20px;
}

form#previous {
	margin-top:20px;
}

form#e-voucher-detail fieldset {
	margin:0px;
}

form#ShippingAddress a, form#ShippingAddress input.submit {
	margin-top:20px;
}

form#ShippingAddress fieldset {
	margin:0px;
}

form#ShippingAddress select {
	margin-left:-5px;
}


/* Order Payments */
.cancel {
	display:block;
	float:left;
}

#end-buttons {
	margin-top:20px;
}

form#addmethods fieldset {
	margin:0px;
}

input#addmethod {
	margin:20px 0 0 270px;
}

/* Order Processing */
.processing #loader {
	margin-bottom:20px;
}



/* Order Summary */
.receipt #content {
	border:#DDD solid 2px;
}