#gcard {
    border: 1px dotted #aaa;
    margin-top: 10px;
    padding: 10px;
    width: 200px;
    margin-right: 20px;
    background-color:#fff;
    background-image: url(/images/layout/gefelicikaart_icon.gif);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    padding-left: 30px;
    margin-bottom: 10px;
}

#besteloverzicht h1 { font-weight: bold; border: 0px; }
#besteloverzicht h2 { font-weight: bold; font-size: 1em; text-decoration: underline; padding-top: 10px; padding-bottom: 10px;  }
#besteloverzicht a { text-decoration: underline; }

#addresscontainer { float: right; margin-right: 10px; }
#addresscontainer .address { border: 3px solid #ffe700; padding: 10px; margin-bottom: 10px; width: 150px; }
#addresscontainer .address .actions { font-size: 10px; padding-top: 10px; }

#custrefcontainer { padding-top: 20px; margin-left: 12px; float:left; }
.othersender { clear: left; padding: 6px 0; }
.othersender div label { font-weight: normal; color: #434343; }
.othersender #sender { margin-left: 20px; } 

#productcontainer .description { float:left; width:470px; margin:0; }
#productcontainer .item { color: #DD1708}
#productcontainer .qty { width: 30px; text-align: right; }
#productcontainer .total,.discount { width: 70px; text-align: right; }
#productcontainer .unitprice { padding-left: 10px; color: #aaa; }
#productcontainer .actions { padding-left: 10px; font-size: 10px; text-align: right; }
#productcontainer .icon { width:50px; float:left; padding-right:10px; }
#productcontainer .data { padding-top: 6px;}
/* #productcontainer .thumbnail { height: 130px;} */
#productcontainer .address .specified { float:left; clear:both; width: 920px; }
#productcontainer .address .nextdelivery { margin-top:6px; border-top:1px solid #ccc; }
#productcontainer table { border-collapse: collapse; border:1px solid #ccc; width: 920px }
#productcontainer table th { padding: 0px 5px; vertical-align: top; border: 0px solid #ccc; border-width: 1px 0 1px 0; background-color: #ccc; }
#productcontainer table td { padding: 0px 5px; vertical-align: top; border: 0px solid #ccc; border-width: 1px 0 0px 0; }
#productcontainer table td.sub { padding: 0px 5px; vertical-align: top; border: 0px solid #ccc; border-width: 0px }
#productcontainer table td.sub .item { font-weight: normal; color: #000; }
#productcontainer table tr.product td { padding-top: 10px; }
#productcontainer table .label { clear:left; font-weight: bolder; width: 80px; float: left; }
#productcontainer table .value { float: left; display:block; }

.textbox { width: 360px; }
.card { width: 360px; height: 80px; }
.charcounter { display: block; }

fieldset .row { border: none; }
#totals { width: 328px; color: #000; margin-top: 6px; padding:10px 30px; margin-left:530px; border:1px solid #999; }
#totals .row { height: 20px; }
#grandtotal { border-top: 1px solid #ccc; width: 100%; padding-top: 10px; }
#discount { border-bottom: 1px solid #ccc; width: 100%; margin-bottom: 10px; }
.text { width: 200px; float: left; }
.amount { width: 90px; text-align: right; float: left; }
#grandtotal { font-size: 14px; font-weight: bold; }
#totals sup { color: #aaa; }
#totals #grandtotal sup { padding-left: 5px; }
#totals #disclaimer sup { padding-right: 5px; }
#totals #disclaimer { height:auto; padding-top: 5px; }

.data .chocotelegram {
	font-family: monospace;
	font-size: 1.5em;
	display: inline-block;
	padding:0.2em;
	margin:0.2em;
	border:1px solid #7C533D
	/* MSIE6/7 fix */
	*zoom: 1;
	*display: inline;
}

.data .chocoletter {
	font-weight: bold;
	background-color: #fff;
	padding: 1px;
	font-family: monospace;
	font-size: 3em;
	font-weight: bold;
	display: inline-block;  
	word-break: break-all;
	overflow: auto;
    /* MSIE6/7 fix */
    *zoom: 1;
    *display: inline;
}
.chocoletter.milk { color: #954E2C; }
.chocoletter.pure { color: #472B23; }
.chocoletter.white { color: #FFF7AA; background-color: #000 }