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

/* GLOBAL: Checkout Path
***************************/
/* 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;
	font-size: 90%;
	*position: relative;
}

.checkout-path div {
	display: inline;
	margin: 0.5em 0 0 0.5em;
	padding-right: 30px;
	background: url(/images/misc/arrow_right_grey.gif) right top no-repeat;
}

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

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



body.shoppingbag #content h1 {
	margin-left: 1em;
}

body.shoppingbag #content .middle {
	padding-left: 1em;
}



/* GLOBAL: Order Total Table
***************************/
#ordertotal { float: right; width: auto; }
#ordertotal caption { color:#016ab2; margin:0; padding: 1em 0 0.7em 0; background: url(/images/misc/table_border_horiz.gif) bottom left repeat-x; }
#ordertotal a { color: #0078ca !important; }
#ordertotal thead th.last-child, #ordertotal tbody td.last-child{ padding-right: 0; }



/* Shopping Bag
***************************************************************/
body.shoppingbag #content h1 { _padding-left:20px; }
body.shoppingbag #content h1 img {  margin-bottom:-15px; }

table.bagitems {
	width: 100%;
	margin: 0;
	font-size: 90%;
	background: none;
	color: #0078ca;
	font-weight: bold;
}
table.bagitems th { text-align: center; }
table.bagitems td { vertical-align: middle; padding: 0.1em 0.5em; }

table.bagitems th img { margin-bottom: -9px; }

table.bagitems th.description { padding-left:3em; text-align: left; }
table.bagitems td.description { padding-left:3em; }
table.bagitems td.description a { display: block; background:url(/images/misc/tiny_frame.gif) no-repeat; height:70px; }
table.bagitems td.description img {
	float: left;
	margin: 8px 16px 0 9px;
	_margin-left: 5px;
	display: block;
	width: 50px;
	height: 50px;
	background: #CCC;
}
table.bagitems td.description a:hover img { }
table.bagitems td.description p { padding-top:27px;}

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

table.bagitems .wishlist { text-align: center; }
table.bagitems .wishlist input { cursor: pointer; }

table.bagitems td.remove { text-align: center; padding-right:1em; }


/* Totals */
dl.totals {
	display: block;
	width: 210px;
	padding: 10px 40px 10px 10px;
	margin: 15px -25px 10px 280px;
	_margin: 15px 0 15px 480px;
	text-align: right;
	background: #ededed;
	border: solid 1px #CCC;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
	color: black;
	font-weight: bold;
	float: left;
	_float: none;
	min-height: 90px;
}
dl.totals dd { font-size: 140% }

/* Button */
body.shoppingbag #content .button { _width: 16em; }
body.shoppingbag #content .button input { width: 16em; }
body.shoppingbag #content .button a { *width: 16em; }
body.shoppingbag #content .button .background { width: 16em; }
#continueshopping { background-image: url(/images/misc/icon_bag.png); }
#updatebag { background-image: url(/images/misc/icon_update.png); _padding-top:2px; }
#updatebtn { _margin-left: 50px; }
#checkoutbtn1 { background-image: url(/images/misc/icon_checkout.png); _padding-top:2px; }

/* Promotions */
#promotions { 
	border: solid 1px red;
	margin: 20px 0 25px 280px;
	text-align: right;
	width: 402px;
	padding: 0.8em 2em;
	background: #ecfdf3;
	border: solid 1px #00b84f;
	border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
}
#promotions h3 { margin: 0; color: #00b84f; font-family: 'CernshandwritingRegular', Arial, sans-serif; }
#promotions p { margin: 0; padding: 0; color: black; }

/* Promotion Code & Currency Converter */
form.converter, form.promotion { width: 330px; float: right; margin-top: 1.5em; position:relative; }
form.converter { margin-right:30px; _width:300px; }
form.promotion { margin-left:30px; float: left; background: }
form.converter img, form.promotion img { position:absolute; top:0; right:0; z-index:10; }
form.converter h2, form.promotion h2 { font-family: 'CernshandwritingRegular', Arial, sans-serif; margin:0 0 0.2em 0; padding:0 0 0.5em 0; background: url(/images/misc/table_border_horiz.gif) bottom left repeat-x; }
form.converter p, form.promotion p { width: 215px; padding-bottom:0.3em; }
form.converter a { font-weight:bold; }
form.promotion #codebtn { border:none; background:none; text-decoration:underline; font-weight:bold; font-size:90%; }
form.promotion #codebtn:hover { text-decoration:none; color: #4dc5e2; cursor:pointer; }
/*form.promotion #CouponCode { *margin-left:-30px; } */


/* Free gift promo */
.interworld_error.freegift { margin:10px 28px -20px; *margin:10px 28px -60px; _margin:10px 10px -30px; display:none;  }
#freegift { margin:20px 28px 0; display:block; text-align:center; padding:0 10px;  border:solid 1px #0078CA; color:#0078CA; color:red;
	*margin-top:60px; _margin:20px 10px 0; _clear:both; _width:95%; *position:relative;
	-webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; }
#freegift h3 { margin:5px 0; text-align:left; color:#000; }
#freegift .OMRemovePromotionIds, #freegift .OMAddPromotionIds { display:none; }
#freegift span { color:#0078CA; }
#freegift .appliedpromo { font-weight:bold; display:block; padding-top:10px; }
#freegift .appliedpromo .name {}
#freegift .appliedpromo .offer {}
#freegift .productname { display:block; }
#freegift .pricing { display:block; text-align:center; font-size:11px; }
#freegift .pricing .label {}
#freegift .pricing .value { color:#08588e; font-weight:bold; }
#freegift .options { display:block; margin-left:50px; /*margin:0 0 0 235px; *margin:0 0 -15px 15px;*/ }
#freegift .options .option { display:block; height:54px; width:280px; float:left; border:solid 1px #EAF4FF; margin:2px; }
#freegift .options .option img { margin:3px; float:left; width:50px; height:50px; }
#freegift .options .name { padding:2px; display:block; float:left; text-align:left; margin-top:5px;  }
#freegift .options .amount { margin:2px; float:left; margin-top:-5px; }
#freegift #OMAction { border:none; background:none; font-weight:bold; text-decoration:underline; font-size:12px; padding:0; cursor:pointer; margin:10px; 
	*padding-left:20px; _padding-left:0;  }
#freegift #OMAction:hover { text-decoration:none; color:#4DC5E2; }


/* Shipping Address
***************************************************************/
body.deliveryinfo #ordertotal { margin-right: 1em; }



/* Order Payments
***************************************************************/
body.paymentdetails fieldset { padding-bottom: 2em; margin-bottom: 1em; }
body.paymentdetails fieldset ul label.after { padding-bottom: 1em; *padding: 0; }
body.paymentdetails fieldset ul label.after img { margin-bottom: -18px; margin-right: 10px; }
body.paymentdetails fieldset ul li.method-option { margin-left: 50px; }

body.paymentdetails .add { *width: 165px; }


/* Confirm Order
***************************************************************/
body.confirmorder table.delivery-address { margin-bottom: 0; background:none; }
body.confirmorder table.delivery-address caption {
	padding: 0 0 1em 0;
	margin: 2em 0 0 0;
	background: url(/images/misc/table_border_horiz.gif) bottom center repeat-x; 
}
body.confirmorder table.delivery-address th { padding-left: 1.5em; }

body.confirmorder table.products-ordered { margin-bottom: 2em; }

body.confirmorder .submit { *width: 165px; }




/* Order SUmmary
****************************************************************/
.delivery-address { background: none; padding-bottom:0; margin-bottom: 0; }
.delivery-address caption { padding: 0 0 1em 0; margin-left:0; background:url(/images/misc/table_border_horiz.gif) bottom center repeat-x; }
.products-ordered { margin-top: 0; padding-top: 0; }
.button .print { background-image: url(/images/misc/icon_print.png); }
#summary-text { text-align: center; }
#not-a-receipt { color: #990000; }