/********************
GLOBAL PAGE LAYOUT
********************/
* { margin: 0; padding: 0; }
html { height: 100%; }

/* Achtergrond van de media-popup is altijd wit */
body#Popup { background: #FFF; }
body#Popup * { cursor: auto; }

/********************
WIDGETS
********************/ 
.float_left { float: left; }

/* Thumbnail bij de producten in een grid */
div.fw_picture {
	width: 140px;
	height: 100px;
	padding: 4px;
	margin: 0 auto 0 auto;
}

/* Vreemde naam, maar wordt gebruikt om prijs en 
  'In winkelwagentje'-knop te centreren binnen een grid,
  Is de 'wrapper' rond de productnaam en de afbeelding */
div.image_product {
	text-align: center;
	height: 160px;
	padding: 10px;
}

/* De productafbeelding zelf mag geen rand hebben bij een link */
div.image_product img { border: none; }

div.price {
	height: 60px;
	width: 100%;
	text-align: center;
}

div.add_to_cart {
	width: 140px;
	margin: 0 auto 0 auto; 
}

div.price_2 { float: left; }
div.cart_2 { float: right;}

/* Wordt gebruikt om bijvoorbeeld de footer netjes te plaatsen */
hr {
   clear: both;
   visibility: hidden;
}

div.buttons {
	margin: 0 0 16px 0;
	height: 26px;
}

/* Twee knoppen naast elkaar */
div.buttons div.left { float: left; }
div.buttons div.right { float: right; }

div.checkout_left {
	width: 48%; 
	float: left;
}

div.checkout_right {
	width: 48%; 
	float: right;
}

div.step { margin: 0 0 10px 0; }
div.fw_media { cursor: pointer; }

/********************
FORMS
********************/
input.fw_textbox_error { border: 1px solid red; }

/********************
POPUP
********************/
div.fw_popupbackground {
	background-color: #000; 
	opacity:.8; 
	filter:alpha(opacity=80); 
	/* IE */
}

div.popup_content {
	width: 620px;
	overflow: hidden;
	height: 310px;
	margin: 20px auto 0 auto;
}

/* Wrapper voor tabel met inhoud winkelwagentje */
div.cart_contents {
	margin: 0 0 20px 0;
	padding: 1px 0 0 0;
	height: expression(this.scrollHeight > 220? "220px" : "auto" );
	overflow: auto;
	width: 620px;
	height: auto;
	max-height: 220px;
}

table#C_dgBasketItems {
	margin: 0 auto 0 auto;
	width: 580px;
}