﻿div.products
{
	float: left;
	border-right: 1px solid #d6d6d8;
	width: 595px;
	padding-left: 5px;
}

div.productfilters
{
	float: left;
	border-left: 1px solid #d6d6d8;
	width: 170px;
	left: -1px;
}

/* Producten in cell vorm */
ul.PRODUCTCELLS
{
	list-style-type: none;
}

ul.PRODUCTCELLS li
{
	list-style-type: none;
	float: left;
    width: 188px;
    height: 192px;
	
	margin-left: 6px;
	margin-bottom: 10px;

	text-align: center;
    background-image: url('../../DMImages/FiveBlockItem.jpg');
    cursor: pointer;
}

ul.PRODUCTCELLS li:hover
{
    background-image: url('../../DMImages/FiveBlockActiveItem.jpg');
}

ul.PRODUCTCELLS li a
{
	color: #4a4a4a;
	cursor: pointer;
}


ul.PRODUCTCELLS li:hover a
{
	color: #FFFFFF;
	cursor: pointer;
}

ul.PRODUCTCELLS li div.image
{

	padding-top: 10px;
	height: 145px;
	width: 188px;
	color: #FFFFFF;
	cursor: pointer;
	display: table-cell; 
	vertical-align: bottom;
}

ul.PRODUCTCELLS li:hover div.description
{
	color: #FFFFFF;
	cursor: pointer;
}

ul.PRODUCTCELLS li div.description
{
	height: 32px;
	padding-top: 10px;
	color: #4a4a4a;
	cursor: pointer;

	font-weight: bold;
	font-size: 11pt;
}


/* Producten op regelniveau */

table.PRODUCTROW
{
	width: 100%;
	border-top: 1px solid #000000;
}

td.PRODUCTIMAGE
{
	padding-top: 5px;
	padding-bottom: 5px;
}

td.PRODUCTDESCRIPTION
{
}

td.PRODUCTORDER
{
}

td.PRODUCTPRICECELL
{
	font-size: 12pt;
}

table.PAGER
{
	float: left;
	width: 580px;
}

table.PAGER td
{
}

table.PAGER
{
}

td.PAGERBG
{
}

td.PAGERBG A
{
}

div.pagertop
{
}

div.pagerbottom
{
	text-align: right;
}

td.pagerbuttons
{
	width: 120px;
}

/* Product filters */
h4
{
	padding: 0;
	margin: 0;

	border: 0px solid;

	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #EEEEEE;
	border-top: 1px solid #d6d6d8;
	border-bottom: 1px solid #d6d6d8;

	padding-left: 5px;
	margin-top: 10px;
	font-size: 8pt;
}

a h4
{
	text-decoration: underline;
}

a:hover h4
{
	color: #f18e00;
}

div.productfilters a.filter
{
	padding-top: 2px;
	display: block;
	width: 140px;
	padding-left: 10px;
}

div.productfilters a.filter:hover
{
	padding-top: 2px;
	display: block;
	width: 140px;
	padding-left: 10px;
	color: #f18e00;
}

div.productfilters a.activefilter
{
	padding-top: 2px;
	display: block;
	width: 140px;
	padding-left: 10px;
	color: #f18e00;
}

div.productfilters a.deletefilter
{
	float: right;
	position: relative;
	display: block;
	width: 10px;
	color: Red;
	top: -15px;
	font-weight: bold;
}

div.productfilters table
{
	font-weight: bold;
	background-color: #EEEEEE;
	
	border-top: 1px solid #d6d6d8;
	border-bottom: 1px solid #d6d6d8;
	margin-top: 10px;
	
	height: 30px;
	font-size: 8pt;
}

div.productfilters table td
{
	padding-left: 5px;
}

a.page
{
	margin-left: 2px;
	margin-right: 2px;
}

a.activepage
{
	margin-left: 2px;
	margin-right: 2px;
	color: #f18e00;
}
