/* netcheckout basket */

/**************************************************************************************
/* update the following classes to change the appearance of a simple e-commerce basket page
/*************************************************************************************/

/* this is the class used on the outside container element for the netcheckout basket */
/* html example: <div class="Netcheckout_Basket_Wrapper"> */
/* this element is used to avoid the broken box model object in ie6 */
.Netcheckout_Basket_Wrapper {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the inside container element for the netcheckout basket */
/* html example: <div class="Netcheckout_Basket_Wrapper"><div class="Netcheckout_Basket"> */
.Netcheckout_Basket {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* this is the class used on the container element for the netcheckout basket when there are items */
/* html example: <div class="FullBasket">...</div> */
.Netcheckout_Basket .FullBasket {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* the page title for the netcheckout basket when there are items */
/* html example: <div class="FullBasket"><h1 class="PageTitle">...</h1>...</div> */
.Netcheckout_Basket .FullBasket .PageTitle {}

/* the error message for the netcheckout basket when there are items */
/* html example: <div class="FullBasket">...<p class="ErrorMessage">...</p>...</div> */
.Netcheckout_Basket .FullBasket .ErrorMessage {}

/* the container element for the remove all buttons */
/* html example: <div class="Buttons RemoveAllButtons">...</div> */
.Netcheckout_Basket .RemoveAllButtons {}

/* the container element for the remove all button */
/* html example: <div class="Button RemoveAllButton">...</div> */
/** use only .RemoveAllButton or .RemoveAllLink, add display: none; to other **/
.Netcheckout_Basket .RemoveAllButton {}

/* the submit button form element */
/* html example: <div class="Button RemoveAllButton"><input type="submit" value="Clear Basket" /></div> */
.Netcheckout_Basket .RemoveAllButton input {}

/* the container element for the remove all link */
/** sets size and background image for image-based link **/
/* html example: <div class="Link RemoveAllLink">...</div> */
/** use only .RemoveAllButton or .RemoveAllLink, add display: none; to other **/
.Netcheckout_Basket .RemoveAllLink {
	display: none;
}

/* the remove all link element */
/** use background image here (and on a:hover for mouseover image) if image-based button desired. **/
/* html example: <div class="Link RemoveAllLink"><a href="...">...</a></div> */
.Netcheckout_Basket .RemoveAllLink a:link, .Netcheckout_Basket .RemoveAllLink a:active, .Netcheckout_Basket .RemoveAllLink a:visited {}
.Netcheckout_Basket .RemoveAllLink a:hover {}

/* the container element for the remove all linked text */
/** set to display: none; if using an image-based button **/
/* html example: <div class="Link RemoveAllLink"><a href="..."><span class="LinkText">...</span></a></div> */
.Netcheckout_Basket .RemoveAllLink .LinkText {}

/* the container element for the basket */
/* html example: <div class="Basket">...</div> */
.Netcheckout_Basket .Basket {
	padding: 20px 0;
}

/* the table for the basket */
/* html example: <table class="BasketTable" cellspacing="0">...</table> */
.Netcheckout_Basket .BasketTable { width: 100%; }

/* the row of the basket table */
/* html example: <tr class="Row">...</tr> */
.Netcheckout_Basket .Row {}

/* the header row of the basket table */
/* html example: <tr class="Row HeaderRow">...</tr> */
.Netcheckout_Basket .HeaderRow {}

/* the column (cell) of the basket table */
/* html example: <td class="Column">...</td> */
.Netcheckout_Basket .Column {}
/* every column (cell) */
.Netcheckout_Basket .Row .Column {
	margin: 0;
	padding: 2px 0;
}
/* header columns (cells) */
.Netcheckout_Basket .HeaderRow .Column {
	border-bottom: solid 1px #999;
	font-size: 10px;
	color: #999;
}

/* the header row columns of the basket table */
/* html example: <tr class="Row HeaderRow"><td class="Column SkuColumn">...</td><td class="Column ProductColumn">...</td><td class="Column QuantityColumn">...</td>...</tr> */
.Netcheckout_Basket .HeaderRow .SkuColumn { width: 20%; }
.Netcheckout_Basket .HeaderRow .ProductColumn { width: 35%; }
.Netcheckout_Basket .HeaderRow .QuantityColumn { width: 10%; text-align: center; }
.Netcheckout_Basket .HeaderRow .RemoveColumn { width: 15%; text-align: center; }
.Netcheckout_Basket .HeaderRow .PriceColumn { width: 10%; text-align: right; }
.Netcheckout_Basket .HeaderRow .LineTotalColumn { width: 10%; text-align: right; }

/* the rows of the basket table */
/* html example: <tr class="Row StandardRow">...</tr> */
.Netcheckout_Basket .StandardRow {}

/* the columns of the basket table */
/* html example: <tr class="StandardRow"><td class="Column SkuColumn">...</td><td class="Column ProductColumn">...</td><td class="Column QuantityColumn">...</td>...</tr> */
.Netcheckout_Basket .StandardRow .SkuColumn {}
.Netcheckout_Basket .StandardRow .ProductColumn {}
.Netcheckout_Basket .StandardRow .QuantityColumn { text-align: center; }
.Netcheckout_Basket .StandardRow .QuantityColumn select { font-size: 10px; }
.Netcheckout_Basket .StandardRow .RemoveColumn { text-align: center; font-size: 10px; }
.Netcheckout_Basket .StandardRow .PriceColumn { text-align: right; }
.Netcheckout_Basket .StandardRow .LineTotalColumn { text-align: right; }

/* the alternate rows of the basket table */
/** overrides .Row **/
/* html example: <tr class="Row AlternateRow">...</tr> */
.Netcheckout_Basket .AlternateRow {}

/* the alternate row columns of the basket table */
/* html example: <tr class="Row AlternateRow"><td class="Sku">...</td><td class="Product">...</td><td class="Quantity">...</td>...</tr> */
.Netcheckout_Basket .AlternateRow .SkuColumn {}
.Netcheckout_Basket .AlternateRow .ProductColumn {}
.Netcheckout_Basket .AlternateRow .QuantityColumn { text-align: center; }
.Netcheckout_Basket .AlternateRow .RemoveColumn { text-align: center; font-size: 10px; }
.Netcheckout_Basket .AlternateRow .PriceColumn { text-align: right; }
.Netcheckout_Basket .AlternateRow .LineTotalColumn { text-align: right; }

/* the container element for the remove button */
/* html example: <div class="Button RemoveButton">...</div> */
/** use only .RemoveButton or .RemoveLink, add display: none; to other **/
.Netcheckout_Basket .RemoveButton {
	display: none;
}

/* the submit button form element */
/* html example: <div class="Button RemoveButton"><input type="submit" value="Remove" /></div> */
.Netcheckout_Basket .RemoveButton input {}

/* the container element for the remove link */
/** sets size and background image for image-based link **/
/* html example: <div class="Link RemoveLink">...</div> */
/** use only .RemoveButton or .RemoveLink, add display: none; to other **/
.Netcheckout_Basket .RemoveLink {}

/* the remove link element */
/** use background image here (and on a:hover for mouseover image) if image-based button desired. **/
/* html example: <div class="Link RemoveLink"><a href="...">...</a></div> */
.Netcheckout_Basket .RemoveLink a:link, .Netcheckout_Basket .RemoveLink a:active, .Netcheckout_Basket .RemoveLink a:visited {}
.Netcheckout_Basket .RemoveLink a:hover {}

/* the container element for the remove linked text */
/** set to display: none; if using an image-based button **/
/* html example: <div class="Link RemoveLink"><a href="..."><span class="LinkText">...</span></a></div> */
.Netcheckout_Basket .RemoveLink .LinkText {}

/* the subtotal row of the basket table */
/* html example: <tr class="Row SubTotalRow">...</tr> */
.Netcheckout_Basket .SubTotalRow {}

/* the subtotal label of the basket table */
/* html example: <tr class="Row SubTotalRow"><td class="Label SubTotalLabel" colspan="5">...</td>...</tr> */
.Netcheckout_Basket .SubTotalLabel {
	border-top: solid 1px #999;
	font-weight: bold;
	color: #999;
	text-align: right;
}

/* the subtotal value of the basket table */
/* html example: <tr class="Row SubTotalRow">...<td class="Value SubTotalValue">...</td></tr> */
.Netcheckout_Basket .SubTotalValue {
	border-top: solid 1px #999;
	font-weight: bold;
	color: #000;
	text-align: right;
}

/* this is the class used on the container element for the checkout and continue shopping buttons */
/* html example: <div class="Buttons CartButtons">...</div> */
.Netcheckout_Basket .CartButtons {}

/* the container element for the checkout button */
/* html example: <div class="Button CheckoutButton">...</div> */
/** use only .CheckoutButton or .CheckoutLink, add display: none; to other **/
.Netcheckout_Basket .CheckoutButton {
	float: right;
}

/* the submit button form element */
/* html example: <div class="Button CheckoutButton"><input type="submit" value="Checkout" /></div> */
.Netcheckout_Basket .CheckoutButton input {}

/* the container element for the checkout link */
/** sets size and background image for image-based link **/
/* html example: <div class="Link CheckoutLink">...</div> */
/** use only .CheckoutButton or .CheckoutLink, add display: none; to other **/
.Netcheckout_Basket .CheckoutLink {
	display: none;
}

/* the checkout link element */
/** use background image here (and on a:hover for mouseover image) if image-based button desired. **/
/* html example: <div class="Link CheckoutLink"><a href="...">...</a></div> */
.Netcheckout_Basket .CheckoutLink a:link, .Netcheckout_Basket .CheckoutLink a:active, .Netcheckout_Basket .CheckoutLink a:visited {}
.Netcheckout_Basket .CheckoutLink a:hover {}

/* the container element for the checkout linked text */
/** set to display: none; if using an image-based button **/
/* html example: <div class="Link CheckoutLink"><a href="..."><span class="LinkText">...</span></a></div> */
.Netcheckout_Basket .CheckoutLink .LinkText {}

/* the container element for the back to shopping button */
/* html example: <div class="Button BackToShoppingButton">...</div> */
/** use only .BackToShoppingButton or .BackToShoppingLink, add display: none; to other **/
/** also used within .EmptyBasket when NO items in basket **/
.Netcheckout_Basket .BackToShoppingButton {
	float: right;
	padding-right: 10px;
}

/* the submit button form element */
/* html example: <div class="Button BackToShoppingButton"><input type="submit" value="Back To Shopping" /></div> */
.Netcheckout_Basket .BackToShoppingButton input {}

/* the container element for the back to shopping link */
/** sets size and background image for image-based link **/
/* html example: <div class="Link BackToShoppingLink">...</div> */
/** use only .BackToShoppingButton or .BackToShoppingLink, add display: none; to other **/
/** also used within .EmptyBasket when NO items in basket **/
.Netcheckout_Basket .BackToShoppingLink {
	display: none;
}

/* the back to shopping link element */
/** use background image here (and on a:hover for mouseover image) if image-based button desired. **/
/* html example: <div class="Link BackToShoppingLink"><a href="...">...</a></div> */
.Netcheckout_Basket .BackToShoppingLink a:link, .Netcheckout_Basket .BackToShoppingLink a:active, .Netcheckout_Basket .BackToShoppingLink a:visited {}
.Netcheckout_Basket .BackToShoppingLink a:hover {}

/* the container element for the back to shopping linked text */
/** set to display: none; if using an image-based button **/
/* html example: <div class="Link BackToShoppingLink"><a href="..."><span class="LinkText">...</span></a></div> */
.Netcheckout_Basket .BackToShoppingLink .LinkText {}

/* this is the class used on the container element for the netcheckout basket when there are NO items */
/* html example: <div class="FullBasket">...</div> */
.Netcheckout_Basket .EmptyBasket {
	width: 100%;
	margin: 0;
	padding: 0;
}

/* the page title for the netcheckout basket when there are NO items */
/* html example: <div class="EmptyBasket"><h1 class="PageTitle">...</h1>...</div> */
.Netcheckout_Basket .EmptyBasket .PageTitle {
	color: #f00;
}

/* the error message for the netcheckout basket when there are NO items */
/* html example: <div class="EmptyBasket">...<p class="ErrorMessage">...</p>...</div> */
.Netcheckout_Basket .EmptyBasket .ErrorMessage {}