@charset "UTF-8";

/**
 * <Monsters with an Attitude>
 *
 * Basket
 *
 * @author 			Davy De Pauw <davy@marlon.be>
 * @copyright		Marlon bvba <http://www.marlon.be>
 * @date 			2008-09-03
 * @lastmodified	2008-09-03
 */

/* shopping basket
---------------------------------------------------------- */

.page-basket #header {
	height: 180px;
}

#basket 
{
	padding: 60px 0 80px 0;
	min-height: 440px;
	height: auto !important;
	height: 400px;	
}

.emptybasket .col
{
	width: 162px;	
}

.emptybasket .productscol
{
	width: 322px;	
}

.emptybasket .col h2.sifr-section
{
	margin-bottom: 7px;
	height: 23px !important;
}

.emptybasket .productlist
{
	list-style-type: none;	
}

.emptybasket .productlist li
{
	float: left;
	width: 130px;
	margin-top: 3px;
}

.emptybasket .productlist li a
{
	text-transform: lowercase;
	color: #51bdcd;	
	font-weight: bold;
	background-repeat: no-repeat;
	float: left;
	width: 100px;
	padding: 10px 0 0 55px;
	background-position: -647px top;
	height: 30px;
}

/* shopping basket -> product
---------------------------------------------------------- */



th.product,
td.product { 
	padding: 0; 
	border-left: none;
}

th.product {
	height: 36px;
}

td.product { 
	width: 342px;
	height: 54px;
	vertical-align: top; 
}

td.product div.product {
	position: relative;
	height: 54px;
}

td.product div.product .meta {
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 54px;
	padding-left: 72px;
	z-index: 10;
	background: url(../img/bg_corners.png) no-repeat -3456px 0;
}

td.product div h2
{
	width: 260px;
	overflow: hidden;
	height: 18px;
	padding: 10px 0 0 0;
	font-size: 1.1em;
}

td.product div h2 a { color: #e60404; }
td.product div .breadcrumb {
	font-size: .9em;
	color: #754125;
}

td.product div .breadcrumb a {
	text-decoration: underline;
	color: #754125;	
}

td.product div img.thumb {
	position: absolute;
	top: 0;
	left: 0;
	width: 54px;
	margin: 0;
}

td.product div a.ico-delete
{
	position: absolute;
	top: 14px;
	left: -14px;
	width: 28px;
	height: 28px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../img/bg_sprite_icons.png) no-repeat 0 -527px;
	z-index: 100;
}

/* shopping basket -> quantity
---------------------------------------------------------- */

.items .quantity {
	float: left;
	height: 36px;
	background: url(../img/bg_buttons.png) no-repeat 0 -360px;	
}

.items .quantity input {
	margin: 0px;
	padding: 5px 10px 0 10px;
	width: 37px;
	height: 29px;
	font-size: 1.4em;
	text-align: right;
	line-height: 1em;
	color: #754125;
	border: none;
	background: none;
	overflow: hidden;
}

.items .actions
{
	float: left;
	list-style: none;
	width: 30px;
	height: 40px;
}

.items .actions li
{
	padding: 0;
	margin: 0;
	width: 30px;
	float: left;
}

.actions .ico-basket-add,
.actions .ico-basket-subtract {
	float: left;
	width: 20px;
	height: 20px;
	margin-left: 8px;
	overflow: hidden;
	text-indent: -999em;
	clear: left;
}

.actions .ico-basket-add { background: url(../img/bg_sprite_icons.png) no-repeat -2px -558px; }

.actions .ico-basket-subtract { background: url(../img/bg_sprite_icons.png) no-repeat -31px -558px; }


/* shopping basket -> price
---------------------------------------------------------- */


th.price,
th.quantity { 
	width: 88px;
	text-align: right; 
}

td.price {
	font-size: 1.4em;
	text-align: right;
	color: #754125;
}

/* shopping basket -> checkout section
---------------------------------------------------------- */

.checkout-section {
	position: relative;
	width: 704px;
}

/* shopping basket -> total
---------------------------------------------------------- */

dl.checkout-total 
{
	margin: 0 0 14px 0;
	padding: 0 0 0 342px;
}

dl.checkout-total dt {
	position: absolute;
	float: left;
	padding: 0 16px;
	width: 188px;
	line-height: 36px;
	z-index: 10;
}

dl.checkout-total dd {
	margin: 0 0 3px 0;
	padding: 0 16px;
	width: 328px;
	text-align: right;
	line-height: 36px;
}

dl.checkout-total .delivery { 
	line-height: 36px;
	color: #754125; 
}
dl.checkout-total dt.delivery
{ 
	font-weight: bold; 
	font-size: 1.1em;
	text-transform: lowercase;
	width: 220px;
}

dl.checkout-total .delivery span.info
{
	font-size: .75em;
}

dl.checkout-total dd.delivery { font-size: 1.4em; }


dl.checkout-total .discount {
	text-transform: lowercase;
	color: #fff;	
}

dl.checkout-total dd.discount {
	height: 36px;
	font-size: 1.6em;
	background: url(../img/bg_buttons.png) no-repeat 0 -396px;
}

dl.checkout-total dd.total {
	position: relative;
	height: 54px;
	font-size: 27px;
	line-height: 54px;
	color: #fff;
	background: url(../img/bg_buttons.png) no-repeat 0 -432px;	
}

/* shopping basket -> buy more
---------------------------------------------------------- */

#buy-more {
	position: absolute;
	right: 0;
	top: 470px;
	width: 180px;
	color: #f00;
	background: url(../img/bg_arrow.png) no-repeat 2px 50%;
}

#buy-more dl {
	margin: 0 0 5px 18px;
	padding: 10px 0 0 0;
	width: 162px;
	background: #c1e5db url(../img/bg_corners.png) no-repeat -864px 0;
}

#buy-more dl dt {
	position: static;
	float: none;
	margin: 0 0 5px 0;
	padding: 0 17px;
	width: 128px;
	font-size: 1.05em;
	font-weight: bold;
	text-align: left;
	text-transform: lowercase;
	width: 128px;
	color: #e60404;
}

#buy-more dl dd {
	position: relative;
	margin: 0;
	padding: 0 17px 8px 17px;
	width: 128px;
	min-height: 54px;
	height: auto !important;
	height: 54px;
	font-size: 1em;
	line-height: 1em;
	text-align: left;
}

#buy-more dl dd .meta {
	position: absolute;
	padding: 5px 0 0 62px;
	width: 70px;
	height: 49px;
	z-index: 5;
	background: url(../img/bg_sprite_icons.png) no-repeat 0 -582px;
	overflow: hidden;
}

#buy-more dl dd .meta h3 { 
	font-size: .9em;
}

#buy-more dl dd .meta a {
	color: #754125;
}

#buy-more dl dd .meta a:hover { color: #e60404; }

#buy-more dl dd img {
	position: absolute;
	top: 0;
	left: 17px;
	z-index: 0;
}

#buy-more dl dd .btn-add {
	position: absolute;
	top: 16px;
	left: 4px;
	width: 25px;
	height: 25px;
	background: url(../img/bg_sprite_icons.png) no-repeat -28px -528px;
}

#buy-more dl dd.last {
	padding-bottom: 20px;
	background: url(../img/bg_corners.png) no-repeat -1026px 100%;
}

/* shopping basket -> actions
---------------------------------------------------------- */

.checkout-actions {
	position: relative;
	margin-left: 342px;
	list-style: none;
}

.checkout-actions li {
	line-height: 27px;
}

.checkout-actions li a {
	float: left;
	font-weight: bold;
	text-decoration: underline;
	color: #754125;
}

.checkout-actions .btn-continue {
	position: absolute;
	top: 0;
	left: 17px;
	font-size: 1.1em;
	text-transform: lowercase;
}

.checkout-actions .btn-checkout {
	float: right;
	line-height: 27px;
	width: 96px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../img/nl/bg_ir.png) no-repeat -99px -72px;
}

.checkout-actions .btn-checkout:hover { background-position: -99px -99px; }

/* shopping basket -> discount
---------------------------------------------------------- */

#discount {
	position: absolute;
	left: 0;
	bottom: 0px;
	width: 294px;
	font-size: .9em;
	color: #51bdcd;
}

#discount .discount-code {
	float: left;
	width: 160px;
	padding: 5px 4px 4px 8px;
	height: 19px;
	border: none;
	background: url(../img/bg_buttons.png) no-repeat 0 -486px;
	font-size: 1.15em;
}

.btn-code
{
	float: left;
	width: 121px;
	height: 27px;
	text-indent: -999em;
	border: none;
	font-size: 0px;
	line-height: 0px;
}

#discount .error {
	position: absolute;
	bottom: -65px;
	left: 0;
	width: 293px;
	height: 56px;
	background: url(../img/bg_buttons.png) no-repeat 0 -513px;
}

#discount .error p {
	margin: 0 0 0 0;
	padding: 17px 65px 0 10px;
	font-weight: bold;
	line-height: 1.4em;
	color: #fff;
	background: url(../img/bg_sprite_icons.png) no-repeat 100% -123px;
}

#cart-monster
{
	position: absolute;
	top: -18px;
	left: 25px;	
}