/*
 * =============================
 * @author: 	Peter Slagter
 * @module: 	mod_webshop
 * @about: 		Front-end CSS for shoppingcart
 * =============================
 */

/*
	Defaults
	--------------------------------------------------
*/

/* When shoppingcart on to small a page*/
form#shopping-cart {
	width: 680px;
}

th.sr {
	text-indent: -999em;
}

a img {
	border: 0;
}

/* Buttons */
a.button {
	display: block;
	height: 16px;
	width: 16px;
	float: left;
	text-indent: -999em;
}

a.button-delete {
	background: transparent url(../img/webshop-sprite.png) no-repeat -70px -105px;
}

/*
	The shopping cart
	--------------------------------------------------
*/
table.shoppingcart {
	width: 100%;
	margin: 0 0 0 0;
	border-collapse: collapse;
}

table.shoppingcart td,
table.shoppingcart th {
	vertical-align: top;
}

table.shoppingcart .scr {
	text-indent: -999em;
}

th.description, td.product-description {
	width: 220px;
}

/* hide table heads (except first one) and tfoots */
table.shoppingcart thead tr,
form#shopping-cart tfoot tr.total-price-category {
	visibility: hidden;
}

form#shopping-cart table.first thead tr {
	visibility: visible;
}

table.shoppingcart tfoot {
	display: none;
}

table.shoppingcart tfoot th,
table.shoppingcart tfoot td {
	position: absolute;
	overflow: hidden;
	height: 1px;
}

/* show last tfoot */
form#shopping-cart table.last tfoot {
	display: table-footer-group;
}

form#shopping-cart table.last tfoot th,
form#shopping-cart table.last tfoot td {
	position: relative;
	overflow: auto;
	height: auto;
}

/* Caption */
table.shoppingcart caption {
	display: none;
}

/* Rows */
table.shoppingcart tr.even td {
	background-color: #fff;
}

table.shoppingcart tr.first td,
table.shoppingcart tr.totals td {
	border-top: 0;
}

/* Product description */
td.product-description span {
	display: block;
	color: #444;
}

/* Product amount */
input.product-quantity {
	width: 5ex;
}

/* Total price */
tr.totals td,
tr.totals th {
	font-size: 14px;
}

table.shoppingcart tr.total-price td,
table.shoppingcart tr.total-price th {
	font-size: 18px;
	border-top: 3px solid #cacc37;
}

tr.total-price th span {
	display: block;
	font-size: 9px;
}

/*
	Form has pages
	--------------------------------------------------
*/
form.has-pages ul.form-bc {
	display: none;
}

form#shopping-cart {
	overflow: hidden;
}

/* form with pages */
form.has-pages {
	border: 0;
}

form.has-pages fieldset {
	margin: 0;
	padding: 0;
	background-color: #fff;
	border: 0;
}

/* form with pages: legend */
form.has-pages legend {
	display: none;
}

button#shopping-cart-buttons_previous {
	float: left;
}

div.clear-shopping-cart {
	float: left;
	width: auto;
	padding-left: 10px;
}

button#clear-shopping-cart {
	color: #777;
	background: #fff;
}

div.submit {
	clear: none;
}

a.webshop-back-to-shop {
	display: hidden;
}

#gift-coupon div.submit {
	position: relative;
	top: -51px;
	left: 460px;
}