@charset "utf-8";
/* --------------------------------------------------------=
	CSS Document by Juice BV
	Copyright  Juice BV 

	Juice BV
	Noorderbaan 10
	5388 RB Nistelrode
	
	T: 0412-611453
	F: 0412-614963
	E: info@itsallinthemix.nl
	I: www.itsallinthemix.nl
=-------------------------------------------------------- */

/* ===== Overzicht ===== */
.productRow {
	overflow: hidden;
	clear: both;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 8px;
}
.basketLeft .productRow, .right .productRow {
	overflow: hidden;
	clear: both;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-left: 2px;
}
.productRow .productFill {
	width: 7px;
	height: 1px;
	float: left;
}
.productRow .item {
	float: left;
	width: 184px;
	border: 1px solid #656565;
	cursor: pointer;
	text-align: center;
	margin-bottom:7px;
}
.productRow a,  .productRow a:hover {
	text-decoration: none;
	color: #000000;
}
.productRow .item .img {
	display: table-cell;
	vertical-align: middle;
	clear: both;
	text-align: center;
	padding: 1px 0 1px 0;
	border-bottom: 1px solid #656565;
	height: 155px;
	width: 184px;
}
.productRow .item .img img {
	vertical-align: middle;
	border: none;
}
.productRow .item .info {
	display: block;
	clear: both;
	background: repeat-x url(/img/content/prodBottomImg.gif) center top;
	padding: 6px;
}
.productRow .item .info .titel {
	font-weight: bold;
	text-align: center;
	padding: 4px 0 8px 0;
	display: block;
	height: 40px;
	font-size:11px;
}
.productRow .item .info .prijzenRow {
	overflow: hidden;
	clear: both;
	display: block;
	margin-bottom: 3px;
	font-size:11px;
}
.productRow .item .info .prijzenRow .rowLeft {
	float: left;
}
.productRow .item .info .prijzenRow .rowLeftBold {
	font-weight: bold;
}
.productRow .item .info .prijzenRow .rowRight {
	float: right;
}
.productRow .item .info .prijzenRow .rowRightColor {
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
.productRow .item .info .gaVerder {
	clear: both;
	display: block;
	margin: 0px auto;
	background: no-repeat url(/img2010/content/buttonPrijs.gif);
	width: 122px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	padding: 3px 20px 0 8px;
	margin-top: 8px;
	height: 19px;
}
.productRow .item .info .gaVerder14px {
	font-size: 14px;
	padding-top: 2px;
	height: 20px;
}
.productRow .item .fill10 {
	height: 10px;
}
.productRow .item .meerInfo {
	position: absolute;
	width: 174px;
	margin-top: -10px;
}
.productRow .item .meerInfo a {
	float: right;
	background: white;
	height: 22px;
	background: white no-repeat url(/img/content/bot_ok.jpg) right top;
	padding: 4px 30px 0 5px;
	color: black;
	text-decoration: none;
	font-size: 10px;
}
.productRow .item .meerInfo a:hover {
	text-decoration: underline;
}

/* ===== HomeBanner ===== */
.homeBanner {
	display: block;
	float: left;
	width: 379px;
	margin-bottom:7px;
}

/* ===== Paginering ===== */
.paginering {
	overflow: hidden;
	clear: both;
	margin-bottom: 10px;
}
.paginering .paginanummers {
	float: left;
	overflow: hidden;
}
.paginering .paginanummers span {
	color: #880000;
	padding-right: 20px;
	display: block;
	float: left;
}
.paginering .paginanummers div {
	float: left;
	width: 19px;
	height: 15px;
	color: white;
	font-weight: bold;
	background: #880000;
	border: 1px solid #880000;
	text-align: center;
	padding-top: 4px;
	margin-right: 1px;
}
.paginering .paginanummers a {
	display: block;
	width: 20px;
	height: 16px;
	color: #880000;
	font-weight: bold;
	border: 1px solid #c1c1c1;
	text-align: center;
	padding-top: 4px;
	margin-right: 1px;
	float: left;
	text-decoration: none;
}
.paginering .paginanummers a:hover {
	text-decoration: underline;
}



.right {
	float		: left;
	width		: 772px;
	margin		: 9px 0 0 7px;
	display:block;
}
	.left {
		float		: left;
		width		: 183px;
		margin		: 0 0 0 7px;
		_margin		: 0 0 0 3px;
		text-align:left;
	}
	
	
 .left .item .title {
					border		: 1px solid #656565;
					background	: repeat-x url(../img/content/titleBack.gif);
					height		: 19px;
					padding		: 7px 0 0 7px;
					color		: #000000;
					font-weight	: bold;
				}
				 .left .item .clickable {
					cursor		: pointer;
					background	: no-repeat url(/img/content/menuArrowDown.gif) 160px 0;
				}
				 .left .item .info {
					border		: 1px solid #656565;
					border-top	: 0;
					overflow	: hidden;
				}
					 .left .item .info .menu {
						margin		: 0;
						padding		: 0 0 3px 0px;
						float		: left;
					}
						 .left .item .info .menu li {
							list-style			: none;
							margin				: 3px 0 3px 0;
							padding				: 1px 0 1px 15px;
							width				: 178px;
							_width				: 160px;
							background			: no-repeat url(../img/content/plus.gif) 3px 5px;
							border-bottom		: 1px dashed #CCCCCC;
						}
							 .left .item .info .menu li a {
								text-decoration		: none;
								color				: #000000;
							}
							 .left .item .info .menu li a:hover {
								text-decoration		: none;
								color				: #880000;
							}
							 .left .item .info .menu .selected {
								background				: #cccccc;
								font-weight				: bold;
								padding-bottom			: 0;
								background				: #cccccc no-repeat url(../img/content/min.gif) 3px 5px;
								border					: 0;
							}
								 .left .item .info .menu .selected ul {
									font-weight		: normal;
									background		: #e5e5e5;
									margin			: 1px 0 0 -15px;
									padding			: 0;
									list-style		: none;
								}
								 .left .item .info .menu .selected ul li {
									padding-left		: 35px;
									background			: no-repeat url(../img/content/menuLi.gif) 22px 8px;
									margin-bottom		: 0;
									_width				: 146px;
								}
							 .left .item .info .menu li a .menuAantal {
								text-decoration		: none;
								font-size			: 8px;
								font-weight			: normal;
								color				: #999999;
								vertical-align		: middle;
							}
				 .left .item .info .num {
					list-style-type	: decimal;
					margin			: 0;
					padding-left	: 30px
				}
					 .left .item .info .num li {
						margin			: 3px 0 3px 0;
						padding			: 1px 0 1px 0;
						border-bottom	: 1px dashed #CCCCCC;
					}
						 .left .item .info .num li a {
							color				: #000000;
							text-decoration		: none;
						}
							 .left .item .info .num li a:hover {
								color				: #880000;
								text-decoration		: none;
							}
				 .left .item .info p {
					margin	: 4px;
					margin-bottom: 10px;
				}
				 .left .item .info #headerMenu {
					margin	: 0 0 0 18px;
				}
.extraFill {
				height: 10px;
			}
.left A
{
    font-size : 11px;
}

/* ------------ FILTER -------------- */
.filter {
				width		: 772px;
				height		: 55px;
				background	: no-repeat url(../img/content/filterBg.gif);	
				margin		: 10px 0 10px 0;		
			}
				.right .filter .item {
					float		: left;
					width		: 161px;
					margin		: 10px 0 0 25px;
					font-weight	: bold;
				}
					.right .filter .item .dropdown {
						color		: black;
						cursor		: pointer;
						width		: 161px;
						height		: 16px;
						background	: no-repeat url(../img/content/dropdown.gif);
						float		: right;
						padding		: 2px 0 0 4px;
						font-weight	: normal;
						margin-top	: 5px;
					}
					.right .filter .item .drop {
						position		: absolute;
						display			: block;
						width			: 160px;
						border			: 1px solid #cccccc;
						border-top		: 0;
						background		: white;
						clear			: both;
						margin		: 22px 0 0 -4px;
					}
						.right .filter .item .drop a, .right .filter .item .drop span {
							display			: block;
							color			: black;
							text-decoration	: none;
							border-top		: 1px solid #cccccc;
							padding			: 1px 0 1px 4px;
							font-weight		: normal;
							cursor			: pointer;
						}
							.right .filter .item .drop a:hover, .right .filter .item .drop span:hover {
								text-decoration		: underline;
							}
					.right .filter .item .firstdrop {
						*margin		: 35px 0 0 -136px;
					}
					.right .filter .item .seconddrop {
						*margin		: 35px 0 0 -98px;
					}
					.right .filter .item .thirddrop {
						*margin		: 35px 0 0 -100px;
					}
					.right .filter .item .fourthdrop {
						*margin		: 35px 0 0 -93px;
					}
					
.productenPerPagina {
				color		: #880000;
				float		: right;
				overflow	: hidden;
				width		: 220px;
			}
				 .right .productenPerPagina .text {
					float		: left;
					padding-top	: 2px;
				}
				 .right .productenPerPagina .dropdown {
					color		: black;
					cursor		: pointer;
					width		: 41px;
					height		: 16px;
					background	: no-repeat url(../img/content/aantalPerPagina.gif);
					float		: right;
					padding		: 2px 0 0 4px;
				}
				 .right .productenPerPagina .drop {
					position		: absolute;
					display			: block;
					width			: 43px;
					border			: 1px solid #cccccc;
					border-top		: 0;
					background		: white;
					margin			: 17px 0 0 175px;
					*margin			: 17px 0 0 8px;
					cursor			: pointer;
				}
					 .right .productenPerPagina .drop a,  .right .productenPerPagina .drop span {
						display			: block;
						color			: black;
						text-decoration	: none;
						border-top		: 1px solid #cccccc;
						padding			: 1px 0 1px 4px;
					}
						 .right .productenPerPagina .drop a:hover,  .right .productenPerPagina .drop span:hover {
							text-decoration		: underline;
						}