﻿
/*
Shopping Basket Styles
*/

div#mainSection {
	max-width: 770px;
}

table#shoppingBasketTable {
	border-collapse: collapse;
}

table#shoppingBasketTable th,
table#shoppingBasketTable td {
	padding-bottom: 1.5em;
	text-align: left;
}

col#cartItemImgColumn { width: 100px; /* MaxThumb width */ }

/*
col#sizeColumn { width: 17%; }
col#frameColumn { width: 20%; }
col#mountColumn { width: 20%; }*/
col#descColumn { width: 57% }
col#costColumn { width: 12%; }
col#quantityColumn { width: 14%; }
col#totalCostColumn { width: 17%; }

table#shoppingBasketTable td.cartItemImgCell { padding-right: 1.5em; text-align: center; }

table#shoppingBasketTable td.numericCell,
table#shoppingBasketTable th.numericCell,
td.numericCell input { text-align: right; }

input.cartItemQuantityTextBox { width: 30px; }


/*
Bottom Shopping Basket Control Styles
*/

div#shoppingBasketControls { text-align: right; }
div.infoMessage { text-align: left; }

table#shippingAndTotalCost {
	float: right;
	border-collapse: collapse;
	margin-left: 25px;
	margin-bottom: 10px;
	font-weight: bold;
}

table#shippingAndTotalCost td { padding-bottom: 1em; }

table#shippingAndTotalCost td.satLeftCell { width: 120px; text-align: right; }
table#shippingAndTotalCost td.satRightCell { width: 103px; }

table#shippingAndTotalCost td.noBottomPadding { padding-bottom: 0; }
table#shippingAndTotalCost td.wieghtNormal { font-weight: normal; }

div#shoppingBasketButtons input { vertical-align: middle; }


/* Animated checkout btn styles */

.checkoutBtn .RBtnLeft {
	height: 45px;
	width: 54px;
	background: url(../Images/checkout_btn_anim.gif) no-repeat;
}

.checkoutBtn .RBtnRight {
	height: 45px;
	background: url(../Images/checkout_btn_right.gif) no-repeat;
}

.checkoutBtn .RBtn {
	height: 45px;
	background: url(../Images/checkout_btn_bkgrnd.gif) repeat-x;
}

span.checkoutBtn.hover * { background-position: 0 -45px; }

span.checkoutBtn.hover .RBtnLeft {
	background: url(../Images/checkout_btn_anim.gif?hover) repeat-x 0 -45px;
}
