html {
  width: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;

  background-color: #e5e5e5;

  text-align: center;

  height: 100%;
}

body, table {
  font-family: Arial;
  font-size: 11px;

  border: 0;

  color: #696868;
}

#filter select {
	width: 115px;
}

input {
  font-family: Arial;
  font-size: 11px;
  color: #696868;
}

img {
  border: 0;
}

form {
  margin: 0;
  padding: 0;
}

div.container {
  width: 904px;

  background-color: #FFFFFF;

  text-align: left;

  margin-left: auto;
  margin-right: auto;

  padding-bottom: 7px;
}

div.container div.image {
  margin: 0 11px;

  width: 882px;
  height: 105px;

  background-image: url('./../images/header.png');
  background-repeat: no-repeat;
  background-position: bottom left;
}

div.container div.menu_container {
  margin: 0 11px;

  width: 882px;

  background-color: #efe3b5;

  height: 25px;
}

/*
div.container div.menu ul:first-child {
  margin: 0;
  padding: 0;

  list-style: none;
}

div.container div.menu li.item {
  float: left;

  height: 30px;

  background-color: #FFFFFF;
}

div.container div.menu li.item a {
  display: block;

  padding: 0 15px;

  border-right: 3px solid #FFFFFF;

  background-image: url('./../images/menu_bg.png');
  background-repeat: repeat-x;

  font-size: 13px;
  font-weight: bold;

  line-height: 30px;

  color: #6a1f20;

  text-decoration: none;
}

div.container div.menu li.item a:hover {
  display: block;

  color: #503636;

  text-decoration: none;
}*/

div.site {
  height: auto;
}

div.site div.left {
  float: left;

  width: 135px;
}

div.site div.left div.banner {
  /*border: 1px solid #CCCCCC;*/

  width: 118px;

  margin: 12px 0 0 11px;
}

div.site div.middle {
  float: left;

  width: 593px;

  background-color: #FFFFFF;
}

div.site div.middle div.header {
  width: 583px;
}

/* FIX FOR FIREFOX: WHITESPACE AT BOTTOM OF THE IMAGE */
div.site div.middle div.header img {
  display: block;

  width: 583px;
  height: 218px;
}

/* PRODUCT TOP */
div.site div.middle div.product_top {
  width: 583px;
  min-height: 275px;

  margin: 60px 0 0 0;
}

div.site div.middle div.product_top div.product_image {
  float: left;

  width: 250px;
  min-height: 375px;
}

div.site div.middle div.product_top div.product_image table.image {
  width: 250px;
  height: 379px;
}

div.site div.middle div.product_top div.product_image table.image td {
  width: 100%;
  height: 100%;

  vertical-align: bottom !important;
}

table.product_details {
  width: 250px;
  height: 58px;

  padding: 0;
  margin-top: 1px;
}

table.product_details td.product_details_image {
  width: 58px;
  height: 58px;

  padding: 0;
}

table.product_details td.product_details_image img {
  border: 1px solid #CCCCCC;

  cursor: pointer;
}


table.product_details td.sep {

}

/* PRODUCT VARIANTEN */
table.product_variants {
  width: 250px;
}

table.product_variants td.cb {
  width: 20px;
}

table.product_variants td {
  padding: 2px 0;
}

table.product_variants td label {
  cursor: pointer;
}

div.site div.middle div.product_top div.product_text {
  float: left;

  width: 320px;

  margin: 0 0 0 10px;
}

div.site div.middle div.product_top div.price_order h1.price {
  font-size: 20px;
}

div.site div.middle div.product_top div.price_order {
  width: 100%;
  text-align: right;
}

div.site div.middle div.order_all {
  width: 583px;
  text-align: right;

  margin-top: 15px;
}

/* RASTER CLASSES */

/* START PRODUCT RASTER CLASS */
div.site div.middle div.product_raster {
  min-height: 255px;

  margin: 15px 0 0 0;

  border: 1px solid #f1dcad;
}

div.site div.middle div.product_raster div.related_product:first-child {
  border: none;
}

div.site div.middle div.product_raster div.related_product {
  float: left;

  width: 144px;
  height: 100%;

  border-left: 1px solid #f1dcad;
}

div.site div.middle div.product_raster div.related_product div.text {
  width: 144px;
  min-height: 40px;


  text-align: center;
}

div.site div.middle div.product_raster div.related_product div.text h3 {
  font-size: 12px;

  margin: 7px 0 0 0;
  padding: 0;
  color: #696868;
}

div.site div.middle div.product_raster div.related_product div.text h3 a {
  color: #696868;
}

div.site div.middle div.product_raster div.related_product div.text h3 a:hover {
  text-decoration: underline;
}

div.site div.middle div.product_raster div.related_product div.img {
  width: 144px;
  height: 144px;

  text-align: center;
}

div.site div.middle div.product_raster div.related_product div.price {
  width: 144px;

  margin: 15px 0 0 0;

  text-align: center;

  color: #6a1f20;
  font-size: 17px;
  font-weight: bold;
}

div.site div.middle div.product_raster div.related_product div.checkbox {
  width: 127px;

  margin: 10px 0 10px 0;

  text-align: center;
}

div.site div.middle div.buttons {
  clear: left;

  height: 30px;

  padding: 15px 0 0 0;
}

div.site div.middle div.buttons div.button {
  float: left;

  width: 145px;

  text-align: center;
}

div.site div.middle div.buttons div.button img {
  cursor: pointer;
}
/* END PRODUCT RASTER CLASS */

/* START 2x2 RASTER CLASS */
div.site div.middle div.raster {
  width: 581px;

  min-height: 385px;

  margin: 5px 0 0 0;

  border: 1px solid #f1dcad;
}

div.site div.middle div.raster div.left {
  clear: left;

  float: left;

  width: 288px;

  height: 207px;
}

div.site div.middle div.raster div.right {
  float: left;

  width: 288px;
  height: 207px;

  border-left: 1px solid #f1dcad;
}

div.site div.middle div.raster div.left div.top,
div.site div.middle div.raster div.right div.top {
  margin: 10px;

  height: 140px;
}

div.raster div.left div.thumb,
div.raster div.right div.thumb {
  float: left;

  width: 125px;

  margin: 0 10px 0 0;
}

div.raster div.left div.text,
div.raster div.right div.text {
  float: left;

  width: 125px;
}


div.raster div.left div.text p,
div.raster div.right div.text p {
  margin: 10px 0;

  height: 56px; overflow: hidden;
}

div.raster div.left div.text h1.price,
div.raster div.right div.text h1.price {
  font-size: 20px;
}

div.site div.middle div.raster div.left div.bottom,
div.site div.middle div.raster div.right div.bottom {
  margin: 10px;
}

div.site div.middle div.raster div.left div.bottom div,
div.site div.middle div.raster div.right div.bottom div {
  float: left;
}

div.site div.middle div.raster div.left div.bottom div.more_info,
div.site div.middle div.raster div.right div.bottom div.more_info {
  margin: 0 0 0 5px;
}

div.site div.middle div.raster div.left div.bottom div.order,
div.site div.middle div.raster div.right div.bottom div.order {
  margin: 0 0 0 5px;
}

div.site div.middle div.raster .border-bottom {
  border-bottom: 1px solid #f1dcad;
}
/* END 2x2 RASTER CLASS */

/* START TEXT RASTER CLASS */
div.site div.middle div.raster div.content {
  margin: 20px;

  color: #696868;
}
/* END TEXT RASTER CLASS */
div.site div.right {
  float: left;

  width: 165px;

  background-color: #FFFFFF;
}

div.site div.right div.columns {
  margin-top: 75px;
}

div.site div.right div.column {
  width: 132px;

  min-height: 25px;

  margin: 11px;

  /*background-image: url('./../images/menu_title_bg.png');*/
  background-repeat: no-repeat;

  border-bottom: 1px solid #F1DCAD;

  padding-bottom: 10px;
}

div.site div.right div.column div.title {
  width: 132px;
  height: 24px;

  line-height: 24px;

  text-align: center;
	
	background-color: #cd3400;

  margin: 0 0;

/*  background-image: url('./../images/menu_title_middle.jpg');
  background-repeat: repeat-x;*/
}

div.site div.right div.column div.title h2 {
  font-size: 13px;
	color: #efe3b5;
}

div.site div.right div.column div.content {
  width: 132px;

  text-align: center;

  margin-top: 9px;
}

div.site div.right div.column div.content ul {
  margin: 0;
  padding: 0;

  list-style: none;
}

div.site div.right div.column div.content ul li {
  padding: 2px 0;
}

div.site div.right div.column div.content ul li a {
  color: #696868;
  text-decoration: none;
}

div.site div.right div.column div.content ul li a:hover {
  color: #6a1f20;
  text-decoration: none;
}

div.site div.right div.column div.content div:first-child {
  margin: 0 15px;
}

div.site div.right div.column div.content div.thumb {
  margin-bottom: 5px;
}

div.site div.right div.column div.content h1.price {
  font-size: 20px;

  margin-bottom: 0px;
}

div.site div.right div.column div.content h3 {
  margin-bottom: 7px;
}


div.site div.right div.column div.content h3 a {
  color: #6a1f20;
}


div.site div.right div.column div.content h3 a:hover {
  color: #6a1f20;
}

div.site div.right div.column div.content p {
  margin-bottom: 7px;
}

div.site div.right div.column div.content h2 {
  color: #6a1f20;
	font-size: 12px;
  font-weight: bold;
}

p.btw {
  margin: 0;
	padding: 0;
	
	color: #6a1f20;
	font-size: 11px;
	
	height: 20px !important;
}

div.clear {
  clear: left;
}

/* CLEAR: LEFT IS MANDATORY SO THE PARENT DIV (div.container) WILL GET THE PROPER HEIGHT */
div.footer {
  clear: left;
  height: 40px;

  text-align: left;
}

div.footer div.footer_menu {
  float: left;

  width: 717px;

  padding: 15px 0 0 112px;


  font-size: 10px;
  text-align: left;
}

div.footer div.footer_menu ul {
  width: 100%;

  margin: 0;
  padding: 0;

  list-style: none;
}

div.footer div.footer_menu ul li {
  float: left;

  padding: 0 7px;

  border-left: 1px solid #c6c5c5;
}

div.footer div.footer_menu ul li a {
  color: #c6c5c5;
  text-decoration: none;
}

div.footer div.footer_menu ul li:first-child {
  border: none;
}

div.footer div.footer_menu ul li a:hover {
  color: #696868;
  text-decoration: none;
}

div.footer div.logos {
  float: left;

  margin: 0 0 0 11px;
}

div.clear {
  clear: left;
}

.button_order_all_product,
.button_order_product {
  cursor: pointer;
}

.formtable td {
  height: 22px;
}

.kerstdagen {
  padding-top: 5px !important;
  width: 240px !important;
}