@charset "utf-8";
/* CSS Document */



/* styles -> getShopBreadcrum() */
#ShopBreadcrum {
	width: 620px;
	margin: 10px 0 0 20px;
	padding: 10px;
	border-top: 1px solid #FFE119;
	border-bottom: 1px solid #FFE119;
}



/* styles -> getProductGroups() */
#ProductGroups {
	width: 640px;
	margin: 10px 0 0 20px;
}
.ProductGroup {
	width: 100px;
	height: 125px;
	margin: 14px;
	float: left;
}
.ProductGroupImage {
}
.ProductGroupImage IMG {
	width: 100px;
	height: 100px;
}
.ProductGroupName {
	text-align: center;
}
SMALL.artikelnummer {
	color: #666;
}



/* styles -> getProductGroupContent() */
#ProductGroupContent {
	width: 612px;
	margin: 10px 0 0 20px;
	padding: 0 14px;
}
#ProductGroupContentImage {
	width: 400px;
	margin: 0 10px 0 0;
	float: left;
}
#ProductGroupContentDescription {
	width: 192px;
	margin: 0 10px 0 0;
	float: left;
}




/* styles -> getProducts() */
#Products {
	width: 640px;
	margin-left: 20px;
}
.Product {
	padding: 14px;
	float: left;
	border-bottom: 1px solid #CCC;
}
.productframe {
	position: absolute;
}
.ProductLeftColumn {
	width: 412px;
	float: left;
}
.ProductImage {
	width: 100px;
	margin: 0 10px 0 0;
	float: left;
}
.ProductDescription {
	width: 292px;
	margin: 0 10px 0 0;
	float: left;
}
.ProductRightColumn {
	width: 200px;
	float: left;
}
.ProductInfoBox {
	background: #fff9d1;
	float: right;
	width: 200px;
}
.ProductInfoBox TD {
	width: 50%;
	padding: 5px;
}
.ProductInfoBox TFOOT TD {
	background: #FFF5B0;
}
.ProductInfoBoxLeftColumn {
}
.ProductInfoBoxRightColumn {
	text-align: right;
}
.ProductPrice {
	color: #FF0000;
	font-size: 1.5em;
}
.productStandaardView {
	width: 640px;
	border-collapse: collapse;
}
.productStandaardView TD, .productStandaardView TH {
	padding: 2px;
	border-bottom: 1px solid #CCC;
	text-align: left;
}
.productStandaardView TH {
	border-top: 1px solid #CCC;
	background: #EEE;
}


/*Enkel product weergeven*/
/* styles Algemeen */
.product {
	float: left;
	margin: 10px;
}
.product DIV {
	float: left;
}
.product-leftcolumn {
	width: 400px;
}
.product-rightcolumn {
	width: 200px;
}
#product_preview_left {
	width: 245px;
	float: left;
	margin: 10px 10px 10px 20px;
}
#product_preview_left A:HOVER {
	cursor: pointer;
}
#product_preview_right {
	width: 365px;
	float: left;
	margin: 10px 10px 10px 20px;
}

/* styles -> getProductRelations() */
#product_preview_gerelateerd .product {
	width: 355px;
}
#product_preview_gerelateerd .product_content {
	width: 235px;
}
.product-wrapper {
	border-bottom: 1px solid #CCC;
}
.product_afbeelding {
	width: 100px;
	margin-right: 10px;
}
.product_afbeelding IMG {
}
.product_content {
	width: 290px;
}
.product_price{
	font-weight: bold;
	color: #000000;
	margin:4px 0;
}

/* styles -> getProductOrderBox() */
.product TABLE.product_bestellen {
	background: #fff9d1;
	float: right;
	width: 200px;
}
.product TABLE.product_bestellen SPAN.prijs {
	color: #FF0000;
	font-size: 1.5em;
}
.product TABLE.product_bestellen TFOOT TD {
	background: #FFF5B0;
}
#content FORM INPUT.form_textfield, .ProductRightColumn FORM INPUT.form_textfield {
	border: solid 1px #999;
	width: 20px;
	float: left;
}
#content FORM INPUT.form_submit {
	margin: 4px 0 0 0;
	padding: 0;
	float: right;
}
.product TABLE.product_bestellen TD {
	width: 50%;
	padding: 5px;
}

/* styles -> getProductDescription() */
#product_details {
	background-color:#FFFFCC; 
	padding:10px;
}

/* styles -> getProductDocumentation() */
#product_preview_documentatie, #product_preview_media, #product_preview_gerelateerd {
	border-top: 1px solid #FFE119;
	margin: 10px 0;
	padding: 10px 0;
}
#product_preview_documentatie DIV, #product_preview_media DIV {
	margin: 10px 0;
	width: 115px;
	float: left;
	text-align: center;
}
#product_preview_documentatie DIV IMG, #product_preview_media DIV IMG {
	margin: 0 auto;
}


/* styles -> getProductImages() */
#product_preview_thumb2 {
	margin: 10px 10px 0 10px;
}
.product_preview_thumb {
	width: 75px;
	float: left;
	margin-top: 10px;
}
.product_afbeelding {
	width: 100px;
	margin-right: 10px;
}
.product_afbeelding IMG {
}

/* Bestellingen afronden */
/* styles -> getProgressbar() */
#steps {
	width: 660px;
	height: 10px;
	background: url(../images/layout/steps.png) no-repeat;
}
#steps DIV#step1, #steps DIV#step2, #steps DIV#step3, #steps DIV#step4 {
	float: left;
}

/* 	styles -> getShoppingcart()
	styles -> getShoppingcartCustomer() */	
#winkelwagen TABLE {
	width: 660px;
	margin: 0 auto;
	border-collapse: collapse;
}
#winkelwagen TABLE THEAD TH {
	background: #999;
	color: #FFF;
	padding: 2px 5px;
}
#winkelwagen TABLE TBODY TD {
	background: #F6F6F6;
	border-bottom: 1px solid #999;
	padding: 5px;
	text-align: right;
}
#winkelwagen TABLE TBODY TD.accent {
	background: #F2F2F2;
}
#winkelwagen TABLE TBODY TD.accent IMG {
	border: solid 1px #CCC;
}
#winkelwagen TABLE TFOOT TD {
	background: #EEE;
	text-align: right;
	padding-right: 5px;
}

/*	styles -> getCustomerDetails() */
#jegegevens {
	margin: 0 0 25px 0;
}

#content #jegegevens INPUT {
	width: auto;
	border: none;
	margin: 0;
	padding: 0;
}
#content #jegegevens FORM {
	margin: 0;
	padding: 0;
}
#content #jegegevens INPUT, #content #jegegevens SELECT {
	border: 1px solid #CCC;
	padding: 2px;
	margin: 0 2px 2px 0;
}
#content #jegegevens INPUT.btn_opslaan {
	width: 106px;
	height: 17px;
	border: none;
	cursor: pointer;
	background: url(../images/layout/buttons/opslaan.png) no-repeat;
}
#jegegevens H2 {
	color: #000;
	padding: 10px 0 5px 0;
	margin: 0 0 0 0;
}
#jegegevens TABLE {
	width: 660px;
	border-collapse: collapse;
	border: 1px solid #CCC;
}
#jegegevens TABLE TD {
	padding: 10px;
}