body, html {
	margin:0;
	padding:0;
}

.canvas {
	width:919px;
	overflow:hidden;
	margin:0 auto 40px;
	border:1px solid #e8e8e8;
}

.header {
	padding:20px;
	background:url("../images/header.jpg") 0 0 no-repeat;
}

.hide-header {
    display: none !important;
}

.skoda .header {
  height:60px;
	background:url("../images/h_energielabels-skoda.jpg") 0 0 no-repeat;
}

.header-generic {
	padding:42px;
	background:url("../images/groeneselectie_nl_header.gif") 0 0 no-repeat;
}
  #flash-logos {
    float:right;
    height:35px;
    margin:4px -42px 0 0;
    width:243px;
  }

.content {
	padding:10px 0 20px;
	position:relative;
	min-height:620px;
}

	.content .menu-shadow {
		top:0px;
		width:100%;
		height:10px;
		z-index:100;
		position:absolute;
		background:transparent url('../images/menu-shadow.png') top repeat-x;
	}

	.results-view {
		padding:0 20px;
	}

	.filter-view {
		top:0px;
		right:0px;
		width:280px;
		height:100%;
		padding:0 0 0 30px;
		position:absolute;
		background:transparent url('../images/filter-shadow.png') 30px repeat-y;
		z-index: 10;
	}
	
		.filter-view .filter-tab {
			left:0px;
			top:30px;
			width:36px;
			height:135px;
			overflow:hidden;
			position:absolute;
			text-indent:-999px;
			background:transparent url('../images/filter-tab.png') no-repeat top left;
		}
	
		.filter-view .inner {
			width:260px;
			height:100%;
			padding:0 10px;
			margin:0 0 0 6px;
			background:#e8e8e8;
		}
		
		.filter-view .filter-header {
			padding:10px;
			margin:0 -10px;
			border-bottom:1px solid #fff;
		}
		
			.filter-view .filter-header a {
				float:right;
			}
			
			.filter-view .filter-header h3 {
				margin:0;
			}

fieldset.emmission {
	position:relative;
}			
.emmission .slider {
	height:9px;
	width:150px;
	margin:0 5px;
	position:relative;
	display:inline-block;
	background:transparent url('../images/emmission-slider.png') no-repeat center;
}

	.emmission .slider .range {
		background:transparent url('../images/emmission-range.png') no-repeat 0 0;
		position:absolute;
		height:9px;
		width:100%;
		left:0;
		top:0;
	}
	
	.emmission .slider .control {
		background:transparent url('../images/knob-light.png') no-repeat center;
		position:absolute;
		display:block;
		height:16px;
		width:16px;
		top:-4px;
		cursor:pointer;
	}
	
	.emmission .slider .control:hover {
		background:transparent url('../images/knob-dark.png') no-repeat center;
	}
	
	.emmission .slider .min {
		left:0px;
	}
	
	.emmission .slider .max {
		right:0px;
	}
	
	.emmission .help {
		display:block;
		white-space:nowrap;
		position:absolute;
		top:55px;
		right:60px;
		display:none;
	}
	
fieldset.energy {

}

.emmission-min {
  margin:0;
}

.emmission-max {
  margin:0;
}
	
.switch {
	width:230px;
	padding:3px 0 0;
	position:relative;
}

	.switch .colors {
		height:30px;
		background:transparent url('../images/energy-switch-colors.png') no-repeat 0 0;
		cursor:pointer;
	}
	
	.switch .control:hover {
		background:transparent url('../images/knob-dark.png') no-repeat center;
	}
	
	.switch .mask-colors {
		height:30px;
		background:transparent url('../images/energy-switch-mask-colors.png') no-repeat 0 0;
	}
	
	.switch .mask-end {
		right:0px;
		width:5px;
		height:30px;
		position:absolute;
		background:transparent url('../images/energy-switch-mask-end.png') no-repeat 0px center;
	}
	
	.switch .right {
		right:0px;
		position:absolute;
	}
	

.footer {
	margin:0 20px;
	border-top:1px solid #e8e8e8;
}

	.footer .sub {
		margin:0;
		padding-top: 200px;
		color:#666;
		width:420px;
	}
	
	.footer .disclaimer {
		padding-top: 200px;
		float:right;
	}

.brand-nav {
	padding:0 20px;
	border-top:1px solid #fff;
	background:#999 url('../images/brand-nav.png') repeat-x center;
}

	.brand-nav ul {
		margin:0;
		padding:0;
		height:30px;
		font-size:1.1em;
		list-style:none;
	}

		.brand-nav ul li {
			float:left;
		}
	
			.brand-nav ul li a {
				color:#333;
				height:30px;
				display:block;
				padding:0 0 0 18px;
				text-align:center;
				text-decoration:none;
				background:transparent url('../images/brand-nav-item.png') no-repeat left -30px;
			}
			
			.brand-nav ul li a strong {
				float:left;
				height:14px;
				display:block;
				padding:8px 18px 8px 0;
				background:transparent url('../images/brand-nav-item.png') no-repeat right 0px;
			}
			
			.brand-nav ul li a:hover {
				color:#fff;
				background:transparent url('../images/brand-nav-item.png') no-repeat left -90px;
			}
			
			.brand-nav ul li a:hover strong {
				color:#fff;
				background:transparent url('../images/brand-nav-item.png') no-repeat right -60px;
			}
			
			.brand-nav ul li a.selected {
				color:#fff;
				background:transparent url('../images/brand-nav-item-selected.png') repeat-x center;
			}
			
			.brand-nav ul li a.selected strong {
				color:#fff;
				background:none;
			}

.audi-logo,
.volkswagen-logo,
.vwbedrijfswagens-logo,
.seat-logo,
.skoda-logo,
.porsche-logo {
	float:left;
	width:18px;
	height:100%;
	margin:0 4px 0 0;
}

.audi-logo {
	width:42px;
	background:transparent url('../images/audi-logo.png') no-repeat center;
}

.vwbedrijfswagens-logo,
.volkswagen-logo {
	background:transparent url('../images/vw-logo.png') no-repeat center;
}

.seat-logo {
	background:transparent url('../images/seat-logo.png') no-repeat center;
}

.skoda-logo {
	width:22px;
	background:transparent url('../images/skoda-logo.png') no-repeat center;
}

.porsche-logo {
	background:transparent url('../images/porsche-logo.png') no-repeat center;
}

/* dialogs */
.dialog                        { width:837px; display:none;position:absolute;z-index:2; left:0; top:0; }
.dialog .top                   { background:transparent url('../images/backgrounds/dialog_generic.png') no-repeat 0 0; height:121px; }
.audi .dialog .top             { background-image:url('../images/backgrounds/dialog_audi.png'); }
.seat .dialog .top             { background-image:url('../images/backgrounds/dialog_seat.png'); }
.skoda .dialog .top            { background-image:url('../images/backgrounds/dialog_skoda.png'); }
.volkswagen .dialog .top       { background-image:url('../images/backgrounds/dialog_volkswagen.png'); }
.vwbedrijfswagens .dialog .top { background-image:url('../images/backgrounds/dialog_vwbedrijfswagens.png'); }
.dialog .close                 { position:absolute; top:15px; right:15px; display:block; width:20px; height:20px; overflow:hidden; background:transparent url('../images/icons/close.png') no-repeat 0 0; text-indent:-9000px; }
.dialog .close:hover           { background-position:0 -20px; }
.dialog .body                  { padding:22px 28px 28px 28px; background:transparent url('../images/backgrounds/dialog_body.png') repeat-y 0 0; }
.dialog	h2                     { position:absolute; top:64px; left:124px; z-index:100; }
.audi .dialog h2               { color:#fff; }
.dialog .btm                   { height:11px; background:transparent url('../images/backgrounds/dialog_btm.png') no-repeat 0 0; }
.dialog .image                 { position:relative; width:613px; margin:0 auto; }
.dialog .image img             { border:1px solid #9d9d9f; border-top-color:#838385; border-right-color:#838385; }
.dialog .image span            { position:absolute; top:-7px; left:-6px; width:627px; height:100%; background:transparent url('../images/backgrounds/mask_dialog.gif') no-repeat scroll 0 0; }
.dialog .image .mask_btm       { position:absolute; top:auto; bottom:-7px; left:-6px; width:627px; height:100%; background:transparent url('../images/backgrounds/mask_dialog_btm.gif') no-repeat scroll 0 100%; }


		
.clear {
	clear:both;
	display:block;
}

.hidden {
	display:none;
}

.DOM-enabled .hide-on-js {
	display:none;
}