
.product {
	width: 133px;
	float: left;
	margin: 0 5px 15px 0;
	border: 1px solid #ddd;
	background: #fff url(/images/bg_product_down.gif) bottom left repeat-x;
}

.product.fourth { margin-right: 0; }

.backoffice .product.third { margin-right: 15px; }

.backoffice .product .foto-en-tekst { height: auto; } /* 315px */

.backoffice .product .foto-en-tekst-laars { height: auto; } /* 395px */

.product .foto-en-tekst { height: 300px; } /* this height is needed by /merken/grisport-onbeveiligd/150/ */

.product .foto {  height: 133px; margin: 0; background: #fff; overflow: hidden; }

/* uitzonderingen foto en tekst */

.product .foto-en-tekst-laars { height: 370px; }
.product .foto-en-tekst-diversen { height: 300px; }
.product .foto-en-tekst-grisport { height: 350px; }
.product .foto-en-tekst-lavoro { height: 330px; }
.product .foto-en-tekst-trucker { height: 300px; }


/* uitzonderingen foto */

.foto-en-tekst-laars .foto { height: 200px; }
.foto-en-tekst-diversen .foto { height: 160px; }
.foto-en-tekst-grisport .foto { height: 160px; }
.foto-en-tekst-lavoro .foto { height: 165px; }
.foto-en-tekst-trucker .foto { height: 170px; }


.product .naam {
	padding: 10px 10px 5px 10px;
	margin: 0;
	font-size: 1.2em;
}

.product .naam a { 
	text-decoration: none; 
	color: #f7971d;
	font-weight: bold;
}

.product .naam-kleiner {
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
}

.product .naam a:hover {
	text-decoration: underline;
}

.product .maat, .product .groep_en_materiaal, .product .voering, .product .zool, .product .veiligheidsclasse {
	padding: 1px 0 0 10px;
	color: #555;
	font-size: 0.9em;
}

.product .prijs {
	height: 32px;
	font-size: 1.4em;
	padding: 0 10px 5px 0;
	text-align: right;
}

.product .prijs .exbtw {
	font-size: 0.6em;
}

.product .prijs .prijs-vantot {
	font-size: 0.9em;
}

.product .prijs .prijs-op-aanvraag {
	font-size: 0.7em;
}

.product .prijsuitleg {
	font-size: 0.9em;
	color: #888;
	padding: 0 10px 5px 0;
	text-align: right;
}

.firstword { color: #f7971d; font-weight: bold; }
.highlight { background-color: #FDEA02 }

/* PAGINATOR */
.paginator-wrapper { clear: both; font-size: 0.9em; margin: 0; }
.paginator-wrapper .info { float: left; padding: 1em 2em 1em 0; }
.paginator-wrapper .rpp { float: left; padding: 1em 0 0 2em; }

ul.paginator { list-style-type: none; margin: 0; padding: 0; }
ul.paginator li { color: #000; display: inline; float: left; list-style-type: none; margin: 0; padding: 1em 0.25em 0 0; }
ul.paginator li a.next {
	background:url(/images/icon_next.gif) no-repeat 100% 50%;
	margin: 0; padding: 2px 16px 2px 0;
}
ul.paginator li a.previous {
	background: url(/images/icon_previous.gif) no-repeat 0 50%;
	margin: 0 2px 0 0; padding: 2px 2px 2px 16px;
}
ul.paginator li a:link, ul.paginator li a:visited { text-decoration: none; }
ul.paginator li a:hover, ul.paginator li a:active { text-decoration: underline; }
