/*
 * Checkout
 */
.checkout { float: left; clear: both; margin-bottom: 1.5em; width: 100%; }
.checkout h1 { margin: 0; }

.checkout .havetopay { line-height: 17px; padding: 10px; background: #f8f3bc; float: left; margin-top: 10px; color: #4a4327; }

.checkoutOptions {
	float: left;
	width: 100%;
	position: relative;
}
.checkoutOptions li {
	float: left;
	width: 440px;
	display: inline;
	margin: 0 10px 10px 0;
}
.checkoutOptions li .padder { padding: 10px; }
.checkoutOptions li .thumbnail {
	float: left;
	width: 160px;
	height: 100px;
	margin-right: 10px;
	background-position: center center;
	background-repeat: no-repeat;
}
.checkoutOptions li .content {
	float: left;
	width: 100%;
	text-align: justify;
}
.checkoutOptions li .content h2 { font-size: 13px; font-style: italic; color: #333; }

/* submit knop */
.checkoutOptions .iDEAL a.submit {
	float: right;
	height: 40px;
	width: 240px;
	background-image: url("/images/order/paywithideal.gif");
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
}


/* iDEAL */
.checkoutOptions .iDEAL { background-color: #ebebeb;  margin-right: 0;}
.checkoutOptions .iDEAL .content { width: 250px;}
.checkoutOptions .iDEAL .thumbnail {
	background-image: url('/images/shoppingcart/ideal.gif');
}

/* transfer */
.checkoutOptions .transfer {
}
.checkoutOptions .transfer .bankaccount { text-align: left; font-weight: bold; }

#items {
	width: 100%;
	clear: both;
	float: left;
	position: relative;
}

#items ul.top {
	width: 100%;
	clear: both;
	float: left;
	height: 30px;
	margin-bottom: 5px;
	background: url('/images/common/dottedline.gif') bottom left no-repeat;
}
#items ul.top h1 { margin: 0; }

#items li {
	float: left;
	display: inline;
	margin: 0 6px 6px 0;
}

#items li.artikel { width: 230px; }
#items li.details { width: 362px; }
#items li.amount { width: 120px; }
#items li.price { width: 120px; }
#items li.delete { width: 40px; margin-right: 0;}

#items .item {
	float: left;
	width: 100%;
	clear: both;
	background: url('/images/common/dottedline.gif') bottom left no-repeat;
	padding-bottom: 6px;
	margin-bottom: 6px;
	position: relative;
}
#items .item h2 { font-size: 1.3em; margin-bottom: 10px; font-style: italic; color: #333; }
#items .item .artikel .thumbnail {
	background-color: #fff;
	float: left;
	clear: both;
	margin-bottom: 1.5em;
}

.details .detail { float: left; margin-bottom: 1.5em; }
.details .options,
.details .size { width: 172px;}

.details .options { margin-right: 6px; }
.details .options .options { float: left; clear: both; }


.details .fabrics { clear: both; width: 100%; }
.details .fabrics .fabric {
	float: left;
	display: inline;
	height: 50px;
	width: 50px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 3px solid #ebebeb;
	margin: 0 5px 5px 0;
}

.item .amount input,
.item .amount .value { float: left; margin-right: 5px; text-align: center; line-height: 25px;}
.item .amount input { width: 25px; height: 25px; line-height: auto; padding: 0; }
.item .amount .value { font-size: 13px; width: 25px; height: 25px;}
.item .amount .loading {
	background: url('/images/loading.gif') center center no-repeat; }	
}
.item .amount .plus { margin-right: 0; }

.item a.deleteButton {
	float: right;
	width: 20px;
	height: 20px;
	background: url("/images/icons/delete.gif") center center no-repeat;
	cursor: pointer;
}

.item a.deleteButton:hover {
	background: url("/images/icons/delete_hover.gif") center center no-repeat;
}


/*
 * Totalen
 */
.totals {
	width: 450px;
	float: right;
	position: relative;
	margin-bottom: 1.5em;
}
.totals li { 
	width: 100%;
	clear: both;
	float: left;
	padding-bottom: 6px;
	margin-bottom: 6px;	
}
.totals .description {
	text-align: right;
	width: 270px;
	margin-right: 10px;
	float: left;
	display: inline;
	clear: both;
}

.totals .content {
	float: left;
	display: inline;
	position: relative;
	width: 170px;
}

.totals .transport, .totals .totalVAT {
	background: url('/images/common/dottedline.gif') bottom left no-repeat;	
}
.totals .transport .description {
	margin-bottom: 6px; 
}

.totals .transport .content select { float: right; }

.totals .totalInclVAT { font-size: 13px; font-style: italic; }
.totals .totalInclVAT .content { font-weight: bold; }

/*
 * Bezorg op
 */

.deliverAt .bad { background: #feeae6; border: 1px solid #dc4228; }
.deliverAt {
	width: 100%;
	float: left;
	position: relative;
	clear: both;	
}
.deliverAt h1 { margin-bottom: 0; }

.deliverAt .dataForm input[type=text] { width: 250px; }
.deliverAt .dataForm { width: 600px; }
.deliverAt .dataForm dt { width: 150px; }
.deliverAt .dataForm dd { width: 450px; }

.contact { float: left; width: 100%; margin-bottom: 1.5em; font-size: 13px;}
.contact li { float: left; clear: both; margin-bottom: 10px;}
.contact li label { float: left; width: 155px; }
.contact li .content { float: left; }