/* Checkout Styles */

/* Basket */

#Basket {
	width: 737px;
	position: relative;
	border-bottom: 1px solid #dadada;
}
#Basket h2 {font-size: 18px; color: #007596; letter-spacing: -1px; padding-left: 20px;}
#Basket h3 {font-size: 18px; margin: 5px 0 8px 0; border: 0;}
#Basket h4 {padding: 2px 0 4px 20px; font-size: 12px; font-weight: normal; color: #333333;}
#Basket h4 .totalph {margin-left: 535px; color: #333333;}

#Basket h4 .orderdate {margin-left: 60px;}
#Basket h4 .ordertotal {margin-left: 145px;}
#Basket h4 .orderstate {margin-left: 115px;}

#Basket .prodList .orderDate {position: absolute; width: 160px; height: 15px; top: 9px; left: 135px; text-align: left;}
#Basket .prodList .orderDate p {margin: 0; padding: 0;}
#Basket .prodList .orderTotal {position: absolute; width: 100px; height: 15px; top: 9px; left: 310px; text-align: left;}
#Basket .prodList .orderTotal p {margin: 0; padding: 0; color: #007596;}
#Basket .prodList .orderState {position: absolute; width: 160px; height: 15px; top: 9px; left: 455px; text-align: left;}
#Basket .prodList .orderState p {margin: 0; padding: 0;}






/* Basket List*/

#Basket .prodList {
	width: 717px;
	background: #fbfbfb;
	padding: 4px 0 4px 20px;
	position: relative;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
	display: block;
}

#Basket .prodList h4 {line-height: 18px; font-size: 14px; color: #007596; margin: 4px 0; padding: 0; border: none; font-weight: normal;}
#Basket .prodList h4 .detail {font-size: 10px; color: #007596;}

#Basket .prodList p.option {width: 600px; font-size: 10px; margin-top: 6px; padding: 4px 0 0 0; border-top: 1px solid #dadada;}
#Basket .prodList p.option strong {color: #993300; font-weight: normal;}
.opt {margin-right: 10px;}

#Basket .prodList .baskPrice {position: absolute; width: 60px; height: 15px; top: 8px; left: 650px; text-align: left;}
#Basket .prodList .baskPrice p {margin: 0; padding: 0; font-size: 14px; color: #007596;}

#Basket .prodList .viewmore {position: absolute; top: 5px; left: 676px;}
#Basket .prodList .delete {position: absolute; top: 7px; left: 716px;}
#Basket .prodList .qtytick {position: absolute; top: 5px; left: 541px;}

.qtyfield {
	height: 16px;
	width: 20px;
	border: 1px solid #dadada;
	background: #fff;
	margin: 0;
	font-size: 11px;
	padding: 0 2px;
}

/* Basket Sub Discount */

#Basket .subDisc {
	width: 717px;
	height: 18px;
	padding: 4px 0 4px 20px;
	position: relative;
	margin: 2px 0 0 0;
}
#Basket .subDisc p {padding: 0; margin: 0;}

#Basket .subDisc .subLabel {position: absolute; width: 60px; height: 15px; top: 4px; left: 582px; text-align: left;}
#Basket .subDisc .subLabel p {margin: 0; padding: 0;}
#Basket .subDisc .sub {position: absolute; width: 60px; height: 15px; top: 4px; left: 645px; text-align: left;}
#Basket .subDisc .sub p {margin: 0; padding: 0; color: #ff6600; font-weight: normal; font-size: 14px;}

#Basket .subDisc .delete {position: absolute; top: 3px; left: 716px;}
#Basket .subDisc .Discbutton {position: absolute; top: 4px; left: 645px; width: 55px; height: 15px;}

/* Basket Sub Total Area */



#Basket .subPrice {
	width: 717px;
	height: 20px;
	padding: 6px 0 4px 20px;
	position: relative;
	margin: 5px 0;
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #dadada;
	background: #fbfbfb;
}
#Basket .subPrice p {padding: 0; margin: 0;}
#Basket .subPrice h3 {padding: 0; margin: 0;}

#Basket .subPrice h4 {line-height: 14px; font-size: 14px; color: #007596; margin: 0; padding: 0; border: none; font-weight: normal;}
#Basket .subPrice .subLabel {position: absolute; width: 60px; height: 15px; top: 7px; left: 582px; text-align: left;}
#Basket .subPrice .subLabel p {margin: 0; padding: 0;}
#Basket .subPrice .sub {position: absolute; width: 60px; height: 15px; top: 7px; left: 645px; text-align: left;}
#Basket .subPrice .sub p {margin: 0; padding: 0; color: #ff6600; font-weight: normal; font-size: 14px;}

#Basket .subPrice .delete {position: absolute; top: 3px; left: 716px;}

#Basket .subPrice .sub strong {color: #ff6600;}



/* Update Buttons */

#Basket .subPrice .baskUpdate {position: absolute; bottom: 6px; left: 517px; width: 55px; height: 15px;}
#Basket .subPrice .baskEnter {position: absolute; top: 2px; left: 190px;}



/* Postage Selection / Voucher Code */

#Basket #postage select {margin-left: 20px; float: none; width: 150px;}

#Basket table {margin: 10px 0 2px 20px; clear: both; padding-top: 7px; border-top: 1px solid #dadada;}
#Basket table .data {font-size: 12px; padding: 0 0 2px 0;}
#Basket table .dataselect {font-size: 12px; padding: 0 0 2px 0; color: #ff6600;}
#Basket table h3 {padding: 0 0 4px 0; margin-bottom: 8px;}

.postage {position: absolute; top: 6px; left: 20px; font-size: 12px; width: 500px;}
.voucher {
	height: 18px;
	width: 150px;
	border: 1px solid #666;
	background: #fff;
	margin: 0;
	font-size: 12px;
	padding: 0 2px;
	position: absolute;
	left: 20px;
	top: 0;
	
}
.hidden {display: none; float: none;}
select {border: 1px solid #dadada; margin: 0 0 0 10px; padding: 2px; font-size: 11px; float: none;}

/* Grand Total */

.grandTotal {
	width: 737px;
	padding: 0;
	position: relative;
	margin: 0;
	border-top: 7px solid #fafafa;
	border-bottom: 7px solid #fafafa;
}
.grandTotal .next {margin: 0 0 15px 470px;}

#Basket h2.total {font-size: 24px; margin: 10px 0 3px 435px; padding: 0; border: none;}
#Basket h2.total strong {margin-left: 20px; font-weight: normal; color: #ff6600;}
p.conv {margin-left: 470px; font-weight: normal; font-size: 10px; color: #666; letter-spacing:normal;}
p.conv strong {margin-left: 22px; font-weight: normal; color: #666;}


/* Billing Details */

.billing {
	width: 500px;
	padding: 8px 0;
	position: relative;
	margin: 6px 0 12px 0;
	border-top: 1px dashed #dadada;
	clear: left;
}
.billing p strong {margin-left: 7px; color: #993300; font-weight: normal;}


/* Address Book */

.addressbook {
	width: 727px;
	padding: 10px 0 0 0;
	position: relative;
	margin: 0;
	border-top: 1px dashed #dadada;
	clear: left;
}
.addressbook_sel {
	width: 727px;
	padding: 10px 0 0 0;
	position: relative;
	margin: 0;
	border-top: 1px dotted #dadada;
	clear: left;
	background: #fdfdfd;
}
.userbutton {margin: 4px 0 10px 20px; float: none;}


/* Checkout Help Section */

#checkHelp {
	width: 737px;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #dadada;
	position: relative;
	margin-top: 40px;
}

#checkHelp h1 {line-height: 30px;}
#checkHelp h2 {font-size: 14px; padding: 0 0 14px 20px;}
#checkHelp h3 {padding-left: 10px; margin: 0 0 4px 0; font-size: 14px; border: 0}
#checkHelp p {padding: 0 20px 10px 20px; font-size: 10px; line-height: 12px;}