HTML, BODY {
	padding:0;
	margin:0;
	border:0;
	font-size:12px;
	font-family:Arial;
	background:#000;
	color:#E7E7E7;
}

a {
	text-decoration: none;
	color:#f0a403;
}

a:hover {
	text-decoration: underline;
	color: #f0a403;
}

A:active, A:focus {outline:0;}

IMG {
	border:0;
}

p{
	margin:0;
	padding:0;
}


/***** GENERAL ****************************************************************************/


.back {
	position:absolute; 
	background:url(../images/back.jpg);
	width:100%;
	height:557px;
	top:0;
	z-index:0;
}

.footer {
	text-align:center;
	margin-bottom:20px;
	color:#FFF;
}

.wrapper {
	position:absolute;
	left:50%;
	margin-left:-480px;
	width:960px;
}

.container {
	background:url(../images/main_top.jpg) top no-repeat;
	min-height:421px;
	_height:421px;
	color:#FFFFFF;
}

.main {
	width:854px;
	margin:auto;
	padding-top:32px;
	position:relative;
}

.boxes_common {
	background:url(../images/boxes.jpg) repeat-x top #101010;
	border:1px solid #4F4F4F;
	padding:20px;
	text-align:justify;
}

.pictures, .pictures img {
	width:140px;
	height:105px;
	display:block;
}

.pictures {
	padding:5px;
	background:url(../images/photos_events.jpg) repeat-x;
	float:left;
	margin:4px;
}

.pictures:hover {
	background-position:0 -115px;
}

.press {
	width:220px;
	float:left;
	margin:10px;
	text-align:center;
	border:1px dashed #333;
	padding:10px;
}

.press a, .press img {
	width:150px;
	height:200px;
	display:block;
}

.press a {
	padding:5px;
	background:url(../images/photos_press.jpg) repeat-x;
	margin:auto;
}

.press a:hover {
	background-position:0 -210px;
}

.links {
	border:1px dashed #333;
	padding:10px;
	vertical-align:middle;
	line-height:44px;
	height:44px;
	margin-top:20px;
}

.links div {
	float:left;
	width:220px;
}

/***** FLAGS ****************************************************************************/

.flags {
	position:absolute;
	top:31px;
	right:31px;
}

.flags A {
	width:30px;
	height:22px;
	text-indent:-9999px;
	display:inline-block;
	float:right;
	margin-left:10px;
}

.flag_en {background:url(../images/flag.png);}
.flag_nl {background:url(../images/flag.png) 0 44px;}
.flag_fr {background:url(../images/flag.png) 0 22px;}

/***** EVENTS ****************************************************************************/

.events {
	float:left;
	margin:4px;
	width:150px;
	background:#222;
	cursor:pointer;
}

.events .icons {
	text-align:right;
	margin-right:3px;
	height:24px;
	margin-bottom:3px;
}

.event_details {
	padding:5px;
	text-align:left;
	height:75px;
}

.event_list {
	line-height:30px;
	height:30px;
	vertical-align:middle;
	background:url(../images/list.jpg) left no-repeat;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
}

.events_img {
	width:140px;
	height:105px;
	display:block;
	padding:5px;
	background:url(../images/photos_events.jpg) repeat-x;
}

.events_img_hover {
	width:140px;
	height:105px;
	display:block;
	padding:5px;
	background:url(../images/photos_events.jpg) repeat-x;
	background-position:0 -115px;
}

.video {
	float:left;
	margin:10px 6px 0 5px;
}

/***** HOME ****************************************************************************/

.boxes_photos {
	margin-left:2px;
}

.boxes_photos a, .boxes_photos img {
	width:180px;
	height:135px;
	display:block;
	margin:0;
}

.boxes_photos a {
	padding:5px;
	background:url(../images/photos.jpg) repeat-x;
}

.boxes_photos a:hover {
	background-position:0 -145px;
}

.logos {
	width:636px;
	height:83px;
	margin:auto;
	background:url(../images/logos.jpg);
}

/***** CATALOG ****************************************************************************/

.boxes_catalog {
	background:url(../images/boxes.jpg) repeat-x top #101010;
	border:1px solid #4F4F4F;
	text-align:justify;
	position:relative;
}

.sort_up {
	background:url(../images/arrow_up.jpg) right no-repeat;
	padding-right:10px;
}

.sort_down {
	background:url(../images/arrow_down.jpg) right no-repeat;
	padding-right:10px;
}

.pages {
	text-align:center;
	margin:20px;
	line-height:20px;
}

.pages a {
	text-decoration:none;
	font-size:12px;
	padding:2px 3px;
}

.pages .page {
	color:#e7e7e7;
	border:1px solid #e7e7e7;
}

.pages .page:hover {
	color:#f0a403;
	border:1px solid #f0a403;
}

.pages .pageselected {
	color:#f0a403;
	border:2px solid #f0a403;
}

.pages .pageunavailable {
	color:#666;
	border:1px solid #666;
}

.car_list {
	position:absolute;
	top:130px;
	left:10px;
}

.hover, .hover_no, .hover_select {
	cursor:pointer;
	position:relative;
	width:364px;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	padding-left:10px;
	padding-right:10px;
}

.hover a:hover, .hover_no a:hover, .hover_select a:hover {
	text-decoration:none;
}

.hover {
	background:url(../images/cars_line.jpg);
}

.hover_select {
	background:url(../images/cars_line_select.jpg);
} 

.list_padding {
	padding-left:20px;
	padding-right:20px;
}

.between {
	position:absolute;
	left:405px;
	width:32px;
	height:20px;
	background:url(../images/cars_line_right.jpg);
	display:none;
}

.boxes_cars {
	background:#222;
	border:1px solid #4F4F4F;
	padding:10px;
}

.cars a, .cars img {
	width:168px;
	height:126px;
	display:block;
	float:left;
}

.cars a {
	padding:5px;
	background:url(../images/photos_catalog.jpg) repeat-x;
	margin-top:8px;
	margin-right:8px;
}

.cars a:hover {
	background-position:0 -136px;
}

.choose {
	padding-top:30px;
	padding-bottom:30px;
	color:#444;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

/***** WORKSHOP ****************************************************************************/

.restore {
	width:700px;
	border:1px dashed #333;
	padding:10px;
	margin:auto;
	margin-top:20px;
	cursor:pointer;
}

.workshop_images {
	text-align:right;
}

.workshop_images img {
	display:block;
	float:left;
	margin-left:10px;
}

/***** MENU ****************************************************************************/

.top {
	width:960px;
	height:136px;
	background:url(../images/top.jpg);
	position:relative;
}

.menu {
	position:absolute;
	width:538px;
	height:52px;
	right:0px;
	top:84px;
}

.m01 {position:absolute; top:0px; left:35px; height:18px; width:38px; background:url(../images/menu/m01.jpg); }
.m02 {position:absolute; top:0px; left:103px; height:18px; width:78px; background:url(../images/menu/m02.jpg);}
.m03 {position:absolute; top:0px; left:212px; height:18px; width:63px; background:url(../images/menu/m03.jpg);}
.m04 {position:absolute; top:0px; left:304px; height:18px; width:94px; background:url(../images/menu/m04.jpg);}
.m05 {position:absolute; top:0px; left:428px; height:18px; width:32px; background:url(../images/menu/m05.jpg);}
.m06 {position:absolute; top:30px; left:0px; height:18px; width:59px; background:url(../images/menu/m06.jpg);}
.m07 {position:absolute; top:30px; left:89px; height:18px; width:44px; background:url(../images/menu/m07.jpg);}
.m08 {position:absolute; top:30px; left:163px; height:18px; width:64px; background:url(../images/menu/m08.jpg);}
.m09 {position:absolute; top:30px; left:257px; height:18px; width:70px; background:url(../images/menu/m09.jpg);}
.m10 {position:absolute; top:30px; left:357px; height:18px; width:36px; background:url(../images/menu/m10.jpg);}
.m11 {position:absolute; top:30px; left:420px; height:18px; width:75px; background:url(../images/menu/m11.jpg);}

.m01:hover, .m02:hover, .m03:hover, .m04:hover, .m05:hover, 
.m06:hover, .m07:hover, .m08:hover, .m09:hover, .m10:hover,
.m11:hover { background-position:0 -18px; }

.m01.fr { background-image: url(../images/menu/m01_fr.png); width:45px; }
.m02.fr { background-image: url(../images/menu/m02_fr.png); width:110px; }
.m03.fr { background-image: url(../images/menu/m03_fr.png); width:42px; left:238px; }
.m04.fr { background-image: url(../images/menu/m04_fr.png); width:98px; }
.m05.fr { background-image: url(../images/menu/m05_fr.png); }
.m06.fr { background-image: url(../images/menu/m06_fr.png); width:86px; left:-35px; }
.m07.fr { background-image: url(../images/menu/m07_fr.png); width:79px; left:62px; }
.m08.fr { background-image: url(../images/menu/m08_fr.png); width:110px; left:155px; }
.m09.fr { left:280px; }
.m10.fr { background-image: url(../images/menu/m10_fr.png); width:44px; left:363px; }

.m01.nl { background-image: url(../images/menu/m01_nl.jpg); width:49px; left:8px; }
.m02.nl { background-image: url(../images/menu/m02_nl.jpg); width:90px; left:88px; }
.m04.nl { background-image: url(../images/menu/m04_nl.jpg); width:98px; }
.m06.nl { background-image: url(../images/menu/m06_nl.jpg); width:74px; left:-35px; }
.m07.nl { background-image: url(../images/menu/m07_nl.jpg); width:87px; left:55px; }
.m08.nl { background-image: url(../images/menu/m08_nl.jpg); width:115px; left:155px; }
.m09.nl { left:287px; }
.m10.nl { background-image: url(../images/menu/m10_nl.jpg); width:30px; left:374px; }

/***** COMMON CLASSES ****************************************************************************/

.align_center {
	text-align:center;
}

.align_right {
	text-align:right;
}

.text_small{
	font-size:10px;
}

.bold{
	font-weight:bold;
}

.underline {
	text-decoration:underline;
}

.italic {
	font-style:italic;
}

.title {
	color:#E7E7E7;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #333;
}

.line_bottom {
	border-bottom:1px solid #333;
}

.title_u {
	color:#E7E7E7;
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;
}

.title_orange {
	color:#f0a403;
	font-size:16px;
	font-weight:bold;
	background:url(../images/title.jpg) left no-repeat;
	padding-top:4px;
	padding-left:12px;
	height:23px;
	min-width:300px;
}

.title_cars {
	color:#FFF;
	font-size:15px;
	padding-top:8px;
	padding-left:12px;
	background:url(../images/title_cars.jpg) top left no-repeat;
	height:38px;
	width:300px;
}

.arrow {
	padding-left:15px;
	background:url(../images/arrow.jpg) left no-repeat;
	color:#FFF;
	float:left;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
	height:0;
}

.empty {
	height:15px;
	line-height:15px;
	clear:both;
}

.line {
	height:1px;
	width:100%;
	background:#333;
	margin:5px 0 5px 0;
	font-size:0;
	padding:0;
}

.fifty {
	width:50%;
}

.success {
	color:#093;
	font-weight:bold;
}

.error {
	color:#F00;
	font-weight:bold;
}

.form {
	width:200px;
	margin-right:20px;
	margin-bottom:10px;
}

.form_left {
	width:200px;
	margin-right:10px;
	margin-bottom:5px;
	float:left;
	text-align:right;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}

.form_right {
	width:350px;
	margin-bottom:5px;
	float:left;
	height:30px;
	line-height:30px;
	vertical-align:middle;
}

.form_right_text {
	width:350px;
	margin-bottom:5px;
	float:left;
}

.box_round {
	background:url(../images/input.jpg);
	width:306px;
	height:21px;
	border:0;
	margin:0;
	padding-left:6px;
	padding-top:5px;
	color:#CCC;
}

.box_text {
	background:url(../images/input_box.jpg) no-repeat;
	width:306px;
	height:105px;
	border:0;
	margin:0;
	padding-left:6px;
	padding-top:5px;
	color:#CCC;
	overflow:auto;
}

.box_submit {
	background:url(../images/button.jpg) no-repeat;
	width:96px;
	height:27px;
	border:0;
	margin:0;
	padding:0;
	color:#CCC;
	font-weight:bold;
}

.box_submit_lg {
	background:url(../images/button_lg.jpg) no-repeat;
	width:119px;
	height:27px;
	border:0;
	margin:0;
	padding:0;
	color:#CCC;
	font-weight:bold;
}

/***** LIGHTBOX ****************************************************************************/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color:#FFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer{
	padding:15px;
}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 18px Verdana, Helvetica, sans-serif bold;
	color:#333534;
	background: url(../images/lightbox.jpg) repeat-x;
	margin: 0 auto;
	line-height: 1.4em;
}

#BottomNextPrev{
	width:100px;
	float:left;
	padding:7px;
}

#BottomNextPrev #bottomNavPrev {
	margin-right:5px;
}

#BottomNextPrev #bottomNavNext {
	margin-left:5px;
}


#imageData #imageDetails{ width: 200px; float: left; text-align: left; padding:10px;}	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ float: right;  padding-top: 7px; padding-right: 6px;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}
