a.button,a.button span {
	position: relative;
	float: left;
	display: block;
	padding-left: 10px;
	background: #E7E7E7 url('../images/buttons/button.gif') no-repeat 0 -96px;
	color: #666;
	cursor: pointer;
	font-weight: bold;
	text-decoration: none;
}
a.button span {
	float: left;
	height: 32px;
	padding: 0 10px 0 0;
	background-position: 100% -96px;
	line-height: 32px;
	vertical-align: middle;
	white-space: nowrap;
}
a.button:hover,
a.button:focus {
	background-color: #00a5d4;
	background-position: 0 -128px;
}
a.button:hover span,
a.button:focus span {
	background-color: #00a5d4;
	background-position: 100% -128px;
	color: #fff;
}
a.print, a.print span {
	font-weight: normal;
}
a.print span {
	padding-left: 18px;
}
a.print img {
	position: absolute;
	top: 9px;
	left: 0;
}


.brand {
	background:#fff url('../images/brand-table.png') top left repeat-x;
	margin:0 0 20px;
}

	.brand h3 {
		position:relative;
		z-index:1;
		height:20px;
		margin:0 0 -8px;
		overflow:hidden;
		text-indent:-999px;
		background:url('../images/brand-table.png') 10px 50% no-repeat;
	}
		.results-view .volkswagen h3 { background-image:url("../images/vw-logo-s.png"); }
		.results-view .vwbedrijfswagens h3 { background-image:url("../images/vw-logo-s.png"); }
		.results-view .audi h3 { background-image:url("../images/audi-logo-s.png"); }
		.results-view .porsche h3 { background-image:url("../images/porsche-logo-s.png"); }
		.results-view .seat h3 { background-image:url("../images/seat-logo-s.png"); }
		.results-view .skoda h3 { background-image:url("../images/skoda-logo-s.png"); }

	.brand ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	
		.brand ul li {
			padding:9px 0;
			border-bottom:1px solid #e8e8e8;
			overflow:hidden;
		}
	
			.brand table {
			    position:relative;
				margin-left:132px;
				font-size:1em;
				text-align:left;
				margin-top:-20px;
				table-layout:fixed;
				border-collapse:collapse;
			}
			
				.brand table thead th {
					text-align:left;
				}
				.brand table tbody tr td,				
			    .brand table tbody tr th {
					background-color:#fff;
				}
			
				.brand table thead th.label { width:6%; }
				.brand table thead th.engine { width:32%; }
				.brand table thead th.gears { width:24%; }
				.brand table thead th.fuel { width:9% }
				.brand table thead th.emmission { width:6%; }
				/*.brand table thead th.roet,
				.brand table thead th.nox { width:5%; }*/ /* x2 = 12 */
				.brand table thead th.taxes { width:8%; }
				/*.brand table thead th.efficiency { width:8%; }*/
				.brand table thead th.stock { width:17%; }
				
				.brand table tbody th {
					padding-left:0;
				}
				
				.brand table th.number,
				.brand table td.number {
					text-align:center;
				}

			.brand table tbody tr:hover td,
			.brand table tbody tr:hover th {
				background-color:#f0f0f0;
			}
				
			.brand li:first-child table,
			.brand li.first table {
				margin-top:-1px;
			}
			
			.brand li:last-child,
			.brand li.last {
				border-bottom:none;
			}
		
				.brand thead th {
					padding:4px 8px;
					background:#e8e8e8;
				}
			
				.brand thead th {
					visibility:hidden;
				}
			
				.brand .first thead th {
					visibility:visible;
					border-bottom:8px solid #fff;
				}
			
				.brand tbody td {
					padding:2px 8px;
					/*white-space:nowrap;*/
				}
			
				.brand tbody th {
					padding:8px;
					vertical-align:top;
				}
		
		.brand table a.available {
			line-height:22px;
			width:86px;
			text-align:center;
			display:inline-block;
			background:url("../images/button.gif") 0 0 no-repeat;
			color:white;
			text-decoration:none;
		}

		.brand table a.available:hover {
			background-position:0 -50px;
		}

.label-a strong,
.label-b strong,
.label-c strong,
.label-d strong,
.label-e strong,
.label-f strong,
.label-g strong {
	color:#fff;
	display:inline-block;
	padding:2px 8px 2px 4px;
	background-position:100% -1px;
	background-repeat:no-repeat;
	background-image:url('../images/label-point.png');
}
	tr:hover .label-a strong,
	tr:hover .label-b strong,
	tr:hover .label-c strong,
	tr:hover .label-d strong,
	tr:hover .label-e strong,
	tr:hover .label-f strong,
	tr:hover .label-g strong {
		background-position:100% -51px;
	}
				
.label-a strong {
	background-color:#009136;
}

.label-b strong {
	padding-left:6px;
	background-color:#55aa25;
}

.label-c strong {
	padding-left:8px;
	background-color:#c9d302;
}

.label-d strong {
	padding-left:10px;
	background-color:#fcf101;
}

.label-e strong {
	padding-left:12px;
	background-color:#fbba00;
}

.label-f strong {
	padding-left:14px;
	background-color:#ea6b0f;
}

.label-g strong {
	padding-left:16px;
	background-color:#e00122;
}
		
.photo {
	width:132px;
	margin:0 0 8px;
	font-weight:bold;
	float:left;
}
	li.first .photo {
		padding-top:8px;
		border-top:26px solid #FFF;
		margin-top:0;
	}

	.photo img {
		display:block;
		width:112px;
		padding:0 4px;
		border-left:1px solid #cbcbcb;
		border-right:1px solid #cbcbcb;
	}
	
	.photo .top,
	.photo .bottom {
		height:4px;
		line-height:4px;
		width:122px;
		display:block;
	}
	
	.photo .top {
		background:transparent url('../images/photo-top.png') no-repeat top;
	}
	
	.photo .bottom {
		background:transparent url('../images/photo-bottom.png') no-repeat bottom;
		margin-bottom:4px;
	}
	

.DOM-enabled .more-info {
	display:none;
}

#loader-view {
	position:absolute;
	z-index: 10;
	top:100px;
	left:500px;
    width: 300px; 
    margin-left:-296px; 
    padding: 50px; 
    background: #e8e8e8; 
    border: 1px solid #ccc; 
    border-radius:4px; 
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px; 
    text-align: center;
}

	#loader-view h3 {
		margin-bottom:0.5em;
        font-size:1.454545em; 
	}

.info-view {
	top:50px;
	left:-1000px;
	z-index:999;
	width:250px;
	padding:10px;
	background:#E8E8E8;
	position:absolute;
	border:1px solid silver;
	font-size:11px;
	color:#444;
}

	.info-view h3 {
		margin:0;
	}

	.info-view ul,
	.info-view ul li {
		list-style:none;
		margin:0;
		padding:0;
	}
		.info-view ul li {
			padding-left:8px;
			background:url("../images/bullet.gif") 0 6px no-repeat;
		}

	.info-view dl {
		margin-bottom:0;
	}

	.info-view dt {
		font-weight:bold;
		float:left;
		width:90px;
		clear:left;
	}
	
	.info-view dd {
		margin-left:90px;
	}

.pager {
	padding:.5em;
	text-align:center;
	line-height:24px;
}
	.pager span, 
	.pager a {
		line-height:24px;
		min-width:24px;
		display:inline-block;
		color:#444;
		text-decoration:none;
	}

	.pager a.page {
		background:url("../images/page.gif") 0 0  no-repeat;
	}	
		.pager a:hover {
			background-position:0 -50px;
			text-decoration:underline;
		}

	.pager .current { font-weight:bold; }
	.pager .disabled { color:silver; }
	
	.pager .previous { margin-right:2em; }
	.pager .next { margin-left:2em; }

.printer {
	padding: 0;
	margin: 0;
}
	
	.printer li {
		list-style: none;
		padding: 8px;
		float: left;
	}

.filter-options li.more {
	display:none;
}
	.filter-options .show-more li.more {
		display:block;
	}

	.filter-options a.toggle-more {
		background:url("../images/toggle.gif") 4px 0 no-repeat;
		padding-left:22px;
	}
		.filter-options .show-more .toggle-more {
			background-position:4px -50px;
		}