/*

Color Schema

Grey:  #313131;
LGrey: #666;
Pink:  #DD0067;

      
#E0FF00 #9EB300 #FF7300 #B35000 #000000 #FFFFFF 


*/

CartLineBreak
{
	clear: both;
}



/* Div surrounding the itms */
.CartHeader
{
}

.CartItems
{
}

.CartFooter
{
}



/* Each element */

.CartItemHeader
{
	background-color: #000;
	margin: 1px 1px 1px 1px;
	color: #fff;
	font-weight: bold;
}

.CartItem
{
	margin: 1px 1px 1px 1px;
	background-color: #999;
	height: 39px;
}

.CartItemFooter
{
	margin: 1px 1px 1px 1px;
	background-color: #000;
	color: #fff;
	font-weight: bold;
}


/* Individual items */
.CartItemPositionHeader
{
	position: relative;
	float: left;
	width: 20px;
	text-align: right;
	padding: 2px 4px 2px 4px;
}
.CartItemPosition
{
	position: relative;
	float: left;
	width: 20px;
	text-align: right;
	padding: 4px 4px 4px 4px;
}

.CartItemImageHeader
{
	position: relative;
	float: left;
	width: 43px;
	padding: 2px 2px 2px 2px;
}

.CartItemImage
{
	position: relative;
	float: left;
	height: 45px;
	width: 45px;
	padding: 1px 1px 1px 1px;
	
}

.CartItemImage a img
{
	border: 0px;
	padding: 0px;
	margin: 0px;
	height: 45px;
	width: 45px;
}

.CartItemNameHeader
{
	position: relative;
	float: left;
	width: 320px;
	padding: 2px 4px 2px 4px;
}
.CartItemName
{
	position: relative;
	float: left;
	width: 320px;
	padding: 4px;
}

.CartItemName a
{

}

.CartItemPriceHeader
{
	position: relative;
	float: left;
	width: 50px;
	text-align: right;
	padding: 2px 4px 2px 4px;
}
.CartItemPrice
{
	position: relative;
	float: left;
	width: 50px;
	text-align: right;
	padding: 4px;
}
.CartItemAmountHeader
{
	position: relative;
	float: left;
	text-align: center;
	width: 45px;
	padding: 2px 2px 2px 2px;
}
.CartItemAmount
{
	position: relative;
	float: left;
	text-align: center;
	padding: 2px;
	width: 45px;
	height: 43px;
}

.CartItemAmount input
{
	width: 25px;
	text-align: right;
	border: 0px;
}

.CartItemSumHeader
{
	position: relative;
	float: left;
	width: 60px;
	text-align: right;
	padding: 2px 4px 2px 4px;
}
.CartItemSum
{
	position: relative;
	float: left;
	width: 60px;
	text-align: right;
	padding: 4px;
}

.CartItemActionHeader
{
	position: relative;
	float: left;
	width: 32px;
	padding: 2px 2px 2px 2px;
}
.CartItemAction
{
	position: relative;
	float: left;
	width: 32px;
	height: 43px;
	padding: 2px;
}


/* Footer */

.CartFooterTaxLabel
{
	position: relative;
	float: left;
	text-align: right;
	margin-left: 299px;
	width: 105px;
	padding: 2px;
}
.CartFooterTax
{
	position: relative;
	float: left;
	width: 54px;
	text-align: right;
	margin-right: 12px;
	padding: 2px;
	background-color: #FFCBEF;
	color: #000;
}
.CartFooterTotalAmountLabel
{
	position: relative;
	float: left;
	text-align: right;
	margin-left: 299px;
	width: 105px;
	padding: 2px;
}

.CartFooterTotalAmount
{
	position: relative;
	float: left;
	width: 54px;
	text-align: right;
	margin-right: 12px;
	padding: 2px;
	background-color: #FFCBEF;
	color: #000;
}


.CartButton
{
	background-Color: #fff;
	border: 1px solid #333;
	padding-left: 20px;
	padding-right: 0px;
	background-position: left center;
	background-repeat: no-repeat;
	height: 25px;
	width: 200px;
}

.CartUpdateButton
{
	background-image: url(../../Images/CommerceServer/Controls/cart_update.gif);
}
.CartDeleteButton
{
	background-image: url(../../Images/CommerceServer/Controls/cart_delete.gif);
}
.CartCheckOutButton
{
	background-image: url(../../Images/CommerceServer/Controls/cart_checkout.gif);
}

.CartButtonButton
{
	float: left;
	text-align: center;
	position: relative;
	width: 205px;
}
.CartButtonBar
{
	margin-top: 40px;
}

.CartAction
{
	background-color: #FFCBEF;
}