/*=====================================
	Style Sheet for Sales Order Controls
=======================================*/

/******************* Sales Orders ****************/

/* Order List */
.SalesOrders 
{
	width: 750px;
}

.SalesOrders .OrderSelection
{
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

.SalesOrders .OrderList
{
	width: 600px;
}

.SalesOrders .OrderList .OrderListDetail
{
	background-color: #ddd;
}

.SalesOrders .OrderList .OrderTitle
{
	font-weight: bold;
	color: white;
	background-color: #0066cc;
	text-align: left;
	position: relative;
	height: 25px;
}

.SalesOrders .OrderList .OrderPrint
{
	font-size: 90%;
	position: absolute;
	top: 0;
	right: 25px;
	width: 200px;
}

.SalesOrders .OrderList .ReportPrint
{
	font-size: 90%;
	position: absolute;
	top: 0;
	right: 0;
	width: 25px;
}

.SalesOrders .OrderList .OrderListBreak
{
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 0px;
}

.SalesOrders .OrderList .OrderNumber
{
	width: 6em;
	overflow: hidden;
}
.SalesOrders .OrderList .OrderTime
{
	margin-left: 4px;
	width: 3em;
	overflow: hidden;
}
.SalesOrders .OrderList .OrderCustomer
{
	width: 11em;
	overflow: hidden;
}
.SalesOrders .OrderList .OrderValue
{
	width: 12em;
	overflow: hidden;
	text-align: right;
}
.SalesOrders .OrderList .OrderButton
{
	width: 4em;
	overflow: hidden;
}

.SalesOrders .OrderDetail .OrderLineAlternate
{
	background-color: #ddd;
}
.SalesOrders .OrderDetail .OrderLineNumeric
{
	text-align: right;
	padding-right: 2px;
}
.SalesOrders .OrderDetail .OrderLinesHeader
{
	background-color: Navy;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

.SalesOrders .OrderDetail .OrderLineTotals
{
	position: relative;
	height: 125px;
}
.SalesOrders .OrderDetail .OrderLineTotals .OrderValue,
.SalesOrders .OrderDetail .OrderLineTotals .OrderPaid,
.SalesOrders .OrderDetail .OrderLineTotals .DeliveryCharges
{
	position: absolute;
	right: 0;
	width: 200px;
}
.SalesOrders .OrderDetail .OrderLineTotals .DeliveryCharges
{
	top: 10px;
}
.SalesOrders .OrderDetail .OrderLineTotals .OrderValue
{
	top: 35px;
}
.SalesOrders .OrderDetail .OrderLineTotals .OrderPaid
{
	top: 60px;
}

.SalesOrders .OrderDetail .OrderLineTotals .OrderTotalsLabel
{
	text-align: right;
	width: 125px;
}
.SalesOrders .OrderDetail .OrderLineTotals .OrderTotalsValue
{
	position: absolute;
	right: 10px;
	font-weight: bold;
	text-align: right;
	width: 75px;
}

.SalesOrders .OrderDeliveries .DeliveryReference
{
	margin-top: 5px;
	border-bottom: 1px solid #000;
}

.SalesOrders .OrderDeliveries .DeliveryTotals
{
	position: relative;
	height: 125px;
}
.SalesOrders .OrderDeliveries .DeliveryTotals .DeliveryItems,
.SalesOrders .OrderDeliveries .DeliveryTotals .DeliveryWeight
{
	position: absolute;
	right: 0;
	width: 175px;
}
.SalesOrders .OrderDeliveries .DeliveryTotals .DeliveryItems
{
	top: 10px;
}
.SalesOrders .OrderDeliveries .DeliveryTotals .DeliveryWeight
{
	top: 35px;
}
.SalesOrders .OrderDeliveries .DeliveryTotals .DeliveryTotalsValue
{
	position: absolute;
	right: 10px;
	font-weight: bold;
	text-align: right;
	width: 75px;
}

.SalesOrders .OrderDeliveries .DeliveryLineAlternate
{
	background-color: #ddd;
}
.SalesOrders .OrderDeliveries .DLNumeric
{
	text-align: right;
	padding-right: 2px;
}
.SalesOrders .OrderDeliveries .DeliveryLinesHeader
{
	background-color: Navy;
	color: #fff;
	font-weight: bold;
	text-align: center;
}


/***************** Basket ***********************/
.Basket
{
	min-height: 10px;
	_height: 10px;
	clear: left;  /* Prevents the edit pencil displacing the table */
}

.BasketHeader
{
	position: relative;
}

.BasketHeader .Item,
.BasketHeader .Order,
.BasketHeader .Value
{
	font-weight: bold;
	color: white;
	background-color: #0066cc;
	text-align: center;
}
.BasketHeader .Item,
.BasketItem .Item
{
	margin-right: 204px;
}
.BasketHeader .Order,
.BasketItem .Order
{
	position: absolute;
	right: 102px;
	top: 0;
	width: 100px;
}
.BasketHeader .Value,
.BasketItem .Value
{
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}

.BasketItem
{
	position: relative;
	min-height: 100px;
	_height: 100px;	
}
.BasketItemAlternate
{
	background-color: #ddd;
}

.BasketItem .Image
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 100px;
}
.BasketItem .Item
{
	margin-left: 102px;
}
.BasketItem .Order
{
	text-align: center;
	padding-top: 10px;
}
.BasketItem .Value
{
	text-align: right;
	padding-right: 5px;
	padding-top: 10px;
}
.BasketItem .ItemRemove,
.BasketItem .ItemUpdate
{
	font-size: 80%;
}
.BasketItem .ItemRRP span
{
	text-decoration: line-through;
}
.BasketItem .ItemPrice
{
	font-weight: bold;
}
.BasketItem .VATRate,
.BasketItem .Units
{
	display: inline;
	font-weight: normal;
}
.BasketItem .ItemComponents .ComponentItem
{
	display: inline;
	font-size: 80%;
}	
.BasketItem .SalesVoucher
{
	display: inline;
	font-weight: bold;
}

.BasketTotals
{
	float: right;
	width: 250px;
	position: relative;
}
.BasketTotals .TotalLabel
{
	width: 150px;
	text-align: right;
	font-weight: bold;
}
.BasketTotals .TotalAmount
{
	width: 100px;
	text-align: right;	
	padding-right: 4px;
	font-weight: bold;
}
.BasketTotals .TotalOrder .TotalAmount
{
	border-top: 1px solid #000;
}
.Basket .CheckoutButton
{
	font-weight: bold;
	display: block;
	width: 130px;
	height: 30px;
	margin-top: 10px;
	}
.Basket .ShoppingButton
{
	font-size: 80%;
	display: block;
	width: 130px;
	height: 25px;
}

/*********************** Basket Summary ********************/
.BasketSummary
{
	position: relative;
	font-size: 80%;
	min-height: 35px;
	_height: 35px;
	text-align: center;
}
.BasketSummary .BasketSummaryTitle
{
	background-color: #888;
	color: #eee;
	text-align: center;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
}
.BasketSummary .BasketSummaryEmpty,
.BasketSummary .BasketSummaryContent
{
	padding: 5px;
	border: solid 1px #888;
	min-height: 45px;
	_height: 75px;
	text-align: left;
	width: 138px;
	_width: 150px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}
.BasketSummary .BasketSummaryEmpty
{
	text-align: center;
}

.BasketSummary .BasketSummaryContent
{
	padding-bottom: 30px;
	position: relative;
}

.BasketSummary .BasketSummaryQuantities
{
}
.BasketSummary .BasketSummaryMoney
{
}

.BasketSummary .BasketSummaryMoney
{
}

.BasketSummary .BasketSummaryLabel,
.BasketSummary .BasketSummaryValue
{
	position: absolute;
	width: 60px;
	text-align: right;
}
.BasketSummary .BasketSummaryLabel
{
	left:0;
	top: 0;
}
.BasketSummary .BasketSummaryValue
{
	left: 60px;
	top: 0;
}
.BasketSummary .BasketSummaryItemCount,
.BasketSummary .BasketSummaryProductCount,
.BasketSummary .BasketSummaryWeight,
.BasketSummary .BasketSummaryNetValue,
.BasketSummary .BasketSummaryDeliveryCharge,
.BasketSummary .BasketSummaryVATValue,
.BasketSummary .BasketSummaryTotalValue
{
	position: relative;
	height: 15px;
}

.BasketSummary .BasketSummaryItemCount
{
	display: none;
}
.BasketSummary .BasketSummaryTotalValue
{
	font-weight: bold;
}

.BasketSummary .BasketSummaryCheckout
{
	position: absolute;
	left: 2px;
	bottom: 2px;
	width: 75px;
	text-align: left;
}
.BasketSummary .BasketSummaryBasket
{
	position: absolute;
	right: 2px;
	bottom: 2px;
	width: 75px;
	text-align: right;
}
.BasketSummary .BasketSummaryCheckout .BasketSummaryLink,
.BasketSummary .BasketSummaryBasket .BasketSummaryLink
{
	display: none;
}
.BasketSummary .BasketSummaryCheckout .BasketSummaryButton,
.BasketSummary .BasketSummaryBasket .BasketSummaryButton
{
	width: 70px;
}

/************************ DeliveryCharge *******************/
.DeliveryCharges
{
	width: 650px;
}

.DeliveryMethods,
.DeliveryBands
{
	width: 100%;
}

.DeliveryMethods .Select
{
	width: 60px;
	font-weight: bold;
}

.DeliveryMethods .Name
{
	width: 240px;
	font-weight: bold;
}

.DeliveryMethods .Buttons
{
	width: 250px;
}

.DeliveryBands .UpperLimit
{
	width: 100px;
	font-weight: bold;
}

.DeliveryBands .FixedCharge,
.DeliveryBands .Rate
{
	width: 120px;
	font-weight: bold;
}

.DeliveryBands .EditButtons
{
	width: 175px;
}

.DeliveryBands .DeleteButton
{
	width: 75px;
}

/********************* Checkout ***************************/
.CheckOutOptions
{
	width: 750px;
}

.CheckOutOptions .PSPLineAlternate
{
	background-color: #ddd;
}
.CheckOutOptions .PSPLinesHeader
{
	background-color: Navy;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

/* =======================================
	BasketSummaryOptions
======================================== */
.BasketSummaryOptions .EntryLabel
{
	width: 200px;
}

.BasketSummaryOptions .EntryField
{
	float:right;
	width: 400px;
	text-align: left;
}

.BasketSummaryOptions .EntryFieldSelection
{
	height: 114px;
}

/* =======================================
	OrdersOptions
======================================== */
.OrdersOptions .EntryLabel
{
	width: 200px;
}

.OrdersOptions .EntryField
{
	float:right;
	width: 400px;
	text-align: left;
}

/* ======================================
		Checkout
======================================= */
.CheckOut
{
	text-align: center;
}

.Checkout .CheckoutHead
{
	background-color: #f0e68c;
	font-weight: bold;
}

.CheckOut .CheckoutPanel
{
	border: solid 2px  #f0e68c;
	margin: 0 2px 5px 0;
}

.CheckOut .DeliveryToContent, 
.CheckOut .InvoiceToContent
{
	min-height: 100px;
	_height: 100px;
}

.CheckOut .CheckoutContent
{
	padding:  2px 5px;
}

.Checkout .Login
{
	text-align: left;
	width: 90%;
}

.Checkout .Login table
{
	margin-top: 15px;
}

.Checkout .Login td
{
	background-color: #fff;
	min-height: 100px;
	padding: 0 15px;
}

.Checkout .Login .CommandButton
{
	width: 150px;
}

.CheckOut .Checkout
{
	text-align: left;
}

.CheckOut .Checkout .CheckoutHead .CommandButton
{
	margin-left: 25px;
	font-size: 80%;
	height: 20px;
}

.Checkout .SalesVoucher .SalesVoucherList
{
	font-size: 80%;
}
.Checkout .SalesVoucher .SalesVoucherMessage
{
	font-size: 80%;
	color: #f00;
}
.Checkout .SalesVoucher .CheckOutContent
{
	margin-left: 10px;
}
.Checkout .SalesVoucher .CheckOutContent .Info
{
	margin-left: -10px;
	margin-top: 5px;
	margin-bottom: 0;
}

.Checkout .CheckoutProductImage
{
	float: left;
	height: 100px;
	width: 100px;
}

.Checkout INPUT.CheckoutItemQuantity
{
	height: 1.5em;
	width: 50px;
}

.Checkout .OrderItems .SalesVoucher
{
	font-weight: bold;
}

.Checkout .TotalValue
{
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	font-weight: bold;
}

.Checkout .ActionPanel
{
	text-align: center;
}
.Checkout .ActionPanel .CommandButton.PlaceOrder
{
	font-weight: bold;
	font-size: 120%;
	width: 150px;
	color: #ff6600;
}
.Checkout .ActionPanel .CommandButton.ContinueShopping
{
	font-size: 80%;
	font-weight: normal;
	width: 150px;
}