
div#shoppingBasket div, div#shoppingBasket p, div#shoppingBasket td {
	font-family: arial, verdana;
}
div#Wrapper div#contentAreaBasket {
	width: 932px;
	margin: 0 auto 0 auto;
	padding-top: 10px;
	padding-bottom:20px;
	/*padding-top:64px;*/
}
/*
div#bodyWrapper div#contentArea img { border:0px; }
div#bodyWrapper div#contentArea h1, div#bodyWrapper h2 {
	font-size:large;
	color:#000066;

}
div#bodyWrapper div#contentArea h2 { font-size:medium; }
*/

div#shoppingBasketHead {
}
div#shoppingBasketHead h1 {
	color: #999999;
	font-size: x-large;
	width:940px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#shoppingBasketHead div#shoppingBasketSteps {
	float: right;
	width: 350px;
}
div#shoppingBasketHead div#shoppingBasketSteps ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div#shoppingBasketHead div#shoppingBasketSteps ul li {
	float: left;
	width: 31px;
	height: 31px;
	margin-right: 5px;
	background: transparent url(../../pics/basket/stepicon.gif) no-repeat top left;
}
div#shoppingBasketHead div#shoppingBasketSteps ul li.title {
	width: 165px;
	background: transparent url(../../pics/basket/step.gif) no-repeat top right;
	
}
div#shoppingBasketHead div#shoppingBasketSteps ul li.step1 { background: transparent url(../../pics/basket/step1-on.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step2 { background: transparent url(../../pics/basket/step2.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step3 { background: transparent url(../../pics/basket/step3.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step4 { background: transparent url(../../pics/basket/step4.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step5 { background: transparent url(../../pics/basket/step5.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step1current { background: transparent url(../../pics/basket/step1-on.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step2current { background: transparent url(../../pics/basket/step2-on.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step3current { background: transparent url(../../pics/basket/step3-on.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step4current { background: transparent url(../../pics/basket/step4-on.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step5current { background: transparent url(../../pics/basket/step5-on.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step1complete { background: transparent url(../../pics/basket/step-complete.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step2complete { background: transparent url(../../pics/basket/step-complete.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step3complete { background: transparent url(../../pics/basket/step-complete.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step4complete { background: transparent url(../../pics/basket/step-complete.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li.step5complete { background: transparent url(../../pics/basket/step-complete.gif); }
div#shoppingBasketHead div#shoppingBasketSteps ul li span {
	text-indent: -9000px;
	display: block;
}
div#shoppingBasketHead div#shoppingBasketSteps div.caption {
	font-family: arial,verdana;
	color: #999999;
	font-weight: bold;
	text-align: right;
	padding: 5px;
}


h2 {
	font-size: large;
	color: #999999;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
}

p {
	color: #666666;
}
p.noItems {
	font-size: large;
	color: #999999;
	font-weight: bold;
}
.error,.warningMessage span { display: block; background: #990000 url(../../pics/error.gif) no-repeat 5px 7px; padding: 5px; padding-left: 22px; margin-bottom: 10px; color: #FFFFFF; }
.successMessage span { display: block; background: #f1f1f1 url(../../pics/check.gif) no-repeat 5px 7px; padding: 5px; padding-left: 22px; margin-bottom: 10px; }

.info_box {
	border:solid 1px #999999;
	background: #fff;
	padding: 10px;
	width: 280px;
	float: right;
}
.info_box h3 {
	color: #999999;
	font-size: medium;
	font-weight: bold;
}
.info_box p {
	color: #000000;
}
.form_box {
	border: #999999 1px solid;
	padding: 10px;
	width: 600px;
	float: left;
}

.form_box table td.field {
	font-weight: bold;
	width: 150px;
}
.form_box table td.field span {
	font-weight: normal;
}
.form_box table td.longfield {
	color: #7A7A7A;
}
.form_box table td.longfield strong {
	color: #000000;
}
.form_box h3 {
	color: #999999;
	font-size: medium;
	font-weight: bold;
}


table.shoppingList,table.shoppingListResult {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
table.shoppingList th {
	background: #666666;
	font-size: 110%;
	padding: 3px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	font-family: arial, verdana;
}
table.shoppingList td,table.shoppingListResult td {
	padding-top: 7px;
	padding-bottom: 7px;
	border-bottom: #666666 1px solid;
	vertical-align: top;
}
table.shoppingListResult td {
	border-bottom: 0px;
}
table.shoppingList td.itemImage { width: 105px; padding-right: 5px; }
table.shoppingList td.itemQuantity { width: 70px;  }
table.shoppingList td.itemPrice, table.shoppingList td.itemSubtotal { width: 130px;  }
table.shoppingList td.itemSubtotal { font-weight: bold; }
table.shoppingListResult td.itemField { text-align: right; padding-right: 5px; font-weight: bold; color: #999999; }
table.shoppingListResult td.itemSubtotal { width: 130px;  font-weight: bold; }
table.shoppingListResult td.itemDeliveryField { text-align: right; padding-right: 5px; font-size: 90%; font-weight: normal; color: #999999; }
table.shoppingListResult td.itemDeliverySubtotal { width: 130px;  font-size: 90%; font-weight: normal; }
table.shoppingListResult td.itemTotalField { text-align: right; padding-right: 5px; font-size: 120%; font-weight: bold; color: #999999; }
table.shoppingListResult td.itemTotalSubtotal { width: 130px;  font-size: 120%; font-weight: bold; border-bottom: #D1DCEC 1px solid; }
table.shoppingList td.itemBin { width: 30px; padding-top: 10px;  }
table.shoppingList td h3 {
	color: #999999;
	font-size: small;
	font-weight: bold;
	margin: 0px; 
	padding: 0px;
}

table.shoppingList td span.itemGrade {
	color: #999999;
	font-size: 85%;
}
table.shoppingList td span.itemWas {
	color: #999999;
	text-decoration: line-through;
}
table.shoppingList td a.itemDelete {
	background: transparent url(../../pics/basket/icon-delete.gif) no-repeat top left;
	padding: 5px;
	padding: 10px;
	padding-top: 0px;
}
table.shoppingList td a.itemDelete:hover {
	background: transparent url(../../pics/basket/icon-delete-on.gif) no-repeat top left;
}
table.shoppingList td a.itemDelete span {
/*	display: none;*/
	text-decoration: none;
	color: #FFFFFF;
}
table.shoppingList td div.itemLink {
	padding-top: 35px;
}
table.shoppingList td div.itemLink a {
	color: #7A7A7A;
	text-decoration: none;
	padding-right: 13px;
	background: transparent url(../../pics/basket/arrow.gif) no-repeat right 5px;
}
table.shoppingList td div.itemLink a:hover {
	color: #668FCE;
	text-decoration: underline;
}

div#shoppingBasketOptions {
	width: 400px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
div#paymentDisplayCost {
	text-align: right;
	padding-top: 10px;
}
div#paymentDisplayCost div#spnTotalCost {
	font-size: 120%;
	font-weight: bold;
	text-align: right;
}
div#paymentDisplayCost div#spnTotalCost span {
	color: #999999;
}
div#paymentDisplayCost div.totalLine {
	padding-bottom: 5px;
}
div#paymentDisplayCost div#spnGoToCheckout {
	margin-top: 10px;
}
a.checkoutButton {
	background: transparent url(../../pics/basket/button-checkout.gif) no-repeat top right;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 120%;
	padding: 3px;
	padding-left: 0px;
	padding-top: 0px;
}
a.checkoutButton:hover {
	background: transparent url(../../pics/basket/button-checkout-on.gif) no-repeat top right;
}
a.checkoutButton span {
	background: transparent url(../../pics/basket/button-checkout-left.gif) no-repeat top left;
	padding: 3px;
	padding-left: 30px;
	padding-right: 10px;
}


a.basketButton {
	padding: 3px;
	padding-left: 22px;
	background: transparent url(../../pics/basket/button-back.gif) no-repeat 0px 2px;
	color: #999999;
	font-weight: bold;
	text-decoration:none;
}
a.buttonDelete { background: transparent url(../../pics/basket/icon-delete.gif) no-repeat 0px 2px; }
a.buttonUpdate { background: transparent url(../../pics/basket/button-update.gif) no-repeat 0px 2px; }
a.buttonLogin { background: transparent url(../../pics/basket/button-login.gif) no-repeat 0px 2px; }
a.basketButton:hover {
	color: #666666;
	text-decoration: none;
}
a.buttonDelete:hover { background: transparent url(../../pics/basket/icon-delete-on.gif) no-repeat 0px 2px; }

