@import 'checkout.css';

/* Header cart area */
div#header_cart {
	float: right;
	height: 39px;
	padding: 0 0 0 19px;
	margin: 0 6px 49px 0;
	background: #000 url('/images/backgrounds/header_cart.png') no-repeat;
}

div#header_cart ul { background: url('/images/backgrounds/header_cart_ul.png') no-repeat right; padding: 0 9px 0 0; margin: 0; height: 39px; }

div#header_cart ul li { line-height: 39px; color: #FB7600; padding-right: 6px; margin: 0; list-style: none; }

div#header_cart ul li#cart_title { padding: 0 16px 0 25px; font-size: 13px; font-weight: bold; }

div#header_cart ul li a { color: #fff; padding: 0 0 0 16px; font-size: 11px; background-repeat: no-repeat; background-position: left center; }
div#header_cart ul li a:hover { color: #FB7600; }

div#header_cart ul li a#account_cart { background-image: url('/images/icons/account_cart.png'); }
div#header_cart ul li a#account_login, div#header_cart ul li a#account_logout { background-image: url('/images/icons/account_login.png'); }
div#header_cart ul li a#account_wishlist { background-image: url('/images/icons/account_wishlist.png'); }
div#header_cart ul li a#account, div#header_cart ul li a#account_register { background-image: url('/images/icons/account.png'); }


/* Cart tables */
table#cart { margin: 0 0 10px 0; width: 100%; }

table#cart th {
	line-height: 14px;
	font-weight: bold;
	font-size: 12px;
	color: #404040;
	text-align: left;
	padding: 6px 0;
	border-bottom: 1px solid #CFCFCF;
	background: #FDFDFD url('/inc/modules/cart/images/th.png') repeat-x;
}

table#cart th.first, table#cart td.first { padding-left: 10px; }

table#cart tr td { color: #404040; padding: 6px 0; border-bottom: 1px solid #CFCFCF; font-size: 12px; }


div#cart_total { float: right; width: 340px; }
div#cart_total table { margin: 0 20px 10px; width: 300px; }

div#cart_total table tr td, div#cart_total table tr th { font-weight: bold; padding: 8px 0; border-bottom: 1px solid #CFCFCF; }
div#cart_total table tr th { text-align: right; padding-right: 10px; }
div#cart_total table tr.grand_total td, div#cart_total table tr.grand_total th { font-size: 13px; color: #da2c0d; }

div#cart_footer { clear: both; padding: 10px 0 0 0; margin-right: 20px; }

a.qtyminus, a.qtyplus, a.delete, a.wishlist_delete {
	width: 16px;
	height: 16px;
	margin: 2px 0;
	float: left;
	display: block;
	text-indent: -9999px;
	background: url('/inc/modules/cart/images/qtys.png') no-repeat;
}

a.qtyminus { background-position: 0 -16px; }
a.qtyplus { background-position: -16px -16px; }

a.qtyminus:hover { background-position: 0 -32px; }
a.qtyplus:hover { background-position: -16px -32px; }

a.qtyminus.disabled { background-position: 0 0; }
a.qtyplus.disabled { background-position: -16px 0; }

table#cart tr td input.qty { width: 26px; height: 16px; padding: 0; text-align: center; background: #fff; border: 2px solid #F1F1F1; float: left; margin: 0 4px; font-size: 11px; behavior: url(/css/pie.htc); border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
table#cart tr td input.qty:focus { border-color: #da2c0d; }

a.delete, a.wishlist_delete {
	background: url('/inc/modules/cart/images/delete.png') no-repeat;
}

.strike_through { font-size: 10px; }

.col20 { width: 20px; }
.col40 { width: 40px; }
.col40 { width: 40px; }
.col80 { width: 80px; }
.col100 { width: 100px; }
.col120 { width: 120px; }


div#cart_discount_code {
	float: left;
	width: 300px;
}

div#cart_discount_code form fieldset { border: none; padding: 0; margin: 0; }
div#cart_discount_code form fieldset legend { padding: 0; margin: 0 0 10px 0; }

div#cart_discount_code form input#code, div#cart_discount_code form div#code {
	border: 1px dashed #DCDCDC;
	padding: 6px !important;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 110px;
	height: 14px;
	float: left;
	margin-right: 10px;
	text-align: center;
}

div#cart_discount_code a#code_change { line-height: 28px; }

div#paywithpaypal {
	width: 270px;
	padding-top: 24px;
	margin-top: 16px;
	display: block;
	text-align: right;
	background: url('/inc/modules/cart/images/or.png') no-repeat right top;
}

div#or {
	width: 270px;
	height: 40px;
	background: url('/inc/modules/cart/images/or.png') no-repeat right bottom;
}