#products{margin:0;padding:0;}

li.product { float:left;list-style: none;width: 204px; height: 204px;  margin: 5px 25px 5px 10px; }

li.product ul{  margin: 0; }

li.product li.foto { list-style: none;text-align: center; height: 165px; padding-top:5px;}
li.product li.foto img { height: 160px; width:204px; overflow: hidden;}

li.product li.prijs, li.product li.aanbieding  {  vertical-align: top; height: 57px; width: 204px; }
li.product li.aanbieding  { background: red url('images/aanbieding.jpg'); }
li.groep {  list-style: none;width: 204px; overflow: hidden;height: 33px; background: #E43C35; color: #FFF; font-family: MyriadPro, "trebuchet MS", tahoma, sans-serif; font-size: 20px; line-height: 33px; font-weight: bold; text-align: center; }
li.groep a { color: #FAFAFA; text-decoration: none; }
li.groep a:hover { color: #FFF; }

#currentproduct, #longdesc { width: 550px; float: left; }
#currentproduct img { float: left; height: 160px; padding: 2px; background: #FFF; border: 1px solid #000; margin: 0 5px 5px 0; }
#currentproduct p { text-align: justify; padding: 0 0 5px 0; margin: 0; line-height: 140%;  }
#otherproducts { background: #edf6fd; width: 140px; float: right; margin-right: 60px; _margin-right: 30px; }
#otherproducts h2 { margin: 0 0 5px 0; padding: 0 5px; line-height: 44px; font-size: 15px; font-weight: bold; color: #003295; background: #f7faff; }
#otherproducts li a { display: block; text-decoration: none; color: #000; padding: 0 5px; margin: 0; line-height: 20px; }
#otherproducts li a:hover { background: #FFF; color: #003295; }

#bestellen caption, #orderoverview caption { margin-top: 20px; padding: 0 5px; line-height: 44px; font-size: 15px; font-weight: bold; color: #003295; background: #f7faff; font-family: MyriadPro, "trebuchet MS", tahoma, sans-serif; }
#bestellen table, #orderoverview { clear: left; width: 550px;}
#bestellen table tbody td { background: #edf6fd; border-bottom: 1px solid #CCC; padding: 5px;}
#bestellen table th { text-align: left; padding: 0 5px; line-height: 20px; } 
#bestellen input { width: 30px; }
#bestellen input.submit { width: auto; }

#bestellen .total td { border-top: 2px solid #000; font-weight: bold; color: #003295; background: #f7faff; }

.orderhelp { width: 550px; padding: 0 0 5px 0; margin: 0; line-height: 140%; text-align: justify; }

fieldset { display: block; width: 400px; margin: 10px 0 0 65px; border: 2px groove #003295; }
fieldset ul { margin: 10px 5px; }
fieldset li { clear: both; }
fieldset li label { display: block; width: 100px; float: left; line-height: 25px; }
fieldset#payment li label { float: none; display: inline; }
#house, #dhouse { width: 30px; }

#orderoverview th { padding: 0 5px; line-height: 20px; }
#orderoverview td.amount, #orderoverview th.price, #orderoverview th.total { text-align: right; width: 80px; }
#orderoverview td.number { text-align: center; width: 80px; }
#orderoverview th.product { text-align: left; }
#orderoverview td { background: #edf6fd; border-bottom: 1px solid #CCC; padding: 5px;}
#orderoverview tr.postalcost td, #orderoverview tr.total td { border-top: 2px solid #000; font-weight: bold; color: #003295; background: #f7faff; }
#orderoverview tr.postalcost td { font-weight: normal; }
/* #orderoverview tr.cost td { color: #003295; background: #f7faff; }*/

html body ul#errors { margin: 10px; }
ul#errors li { padding: 0 5px; margin-left: 10px; line-height: 20px; }
dl.payment { margin-left: 10px; }
dl.payment dt, dl.payment dd { display: block; float: left; width: 204px; }
dl.payment dt { clear: left; width: 80px; font-weight: bold;  }
p.clear { clear: both; }

.productfoto{margin-right:5px;}
.productbox{display:block;width:670px;}