/***************************************************/
/******* MAIN BUILDING BLOCKS **********************/
/***************************************************/

* {
	font-family:Arial,Verdana,helvetica,clean,sans-serif;
	color:#6B6B6B;
	font-style: regular;
	font-size: 12px;
}

strong {
        font-weight: bold;
}

html, body {
	background-image: url("../images/body_shadow.jpg");
	background-repeat: repeat-y;
	background-position: center;
	background-color: #e7e7e8;    
}

/* main document width */
#actel_doc {
	margin: 0px auto;
	text-align: left;
	width: 76em;
	background-color: #ffffff;							
}

a{
	color:#6B6B6B;
	text-decoration: none;
}

h1 {
	color: #f68b37;
	font-weight: bold;
	font-size: 16px;
}

h2 {
	color: #F68B37;
	font-weight: bold;
	font-size: 15px;
}

h3 {
	color: #f68b37;	
	font-weight: bold;
	font-size: 14px;
}

h4 {	
	font-weight: bold;
	font-size: 14px;
}

h5 {
	color: #f68b37;
	font-weight: bold;
}

h6 {
	color: #f68b37;
	font-weight: bold;
}

/***************************************************/
/******* HEADER BLOCKS *****************************/
/***************************************************/

#hd {
	position: relative;
	height: 140px;
    width: 76em;    
}

/* logo layout */
img#logo {
	position: absolute;
	top: 50px;
	left: 2.2em;
}
  
div#language-switcher {    
	position: absolute;
	top: 10px;
	right: 24px;
}

div#language-switcher a {
	float: left;
	display: block;
	font-size: 9px;
	text-decoration: none;
	color: #a3a3a3;
	width: 79px;
	height: 22px;
	padding-top: 6px;
	text-align: center; 
}

div#language-switcher a:hover {
	color: #f68026;
}

div#language-switcher a.active {
	background-image: url("../images/design/bg/language_bg.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	color: #ffffff;
}

div#language-switcher a.active:hover {
	color: #ffffff;
}

div#group-pnv {                      
    position: absolute;
    top: 50px;
    right: 24px;                   
}

div#group-pnv span, div#group-pnv img {
	float:left;
}

div#group-pnv span{
  	font-size: 9px; 
  	color: #adadad;
  	line-height:42px;  	
}

#header-nav {	
	position: absolute;
	top: 94px;
	right: 24px;                   
}

div#header-nav * *{
	vertical-align:middle;
	margin-right:.5em;
}
#header-nav span.separator {
	color: #F58026;
}
#header_contact_img {
	margin-right: 0;
}

#header-nav a,#header-nav span.separator{
	text-decoration: none;
	/*padding-top: 3px;*/
	height: 20px;
}
#header-nav a.contact {
	margin: 0;
}
#header-nav a{
	color:#595959;
}
#header-nav a:hover{
	color: #a3a3a3;
}

/*===== Search field */
		
#header-nav #Search{
	display: inline;
}
				
#header-nav #SearchField{
	border: none;
	background: url(../images/search_background.gif) no-repeat;
	width: 103px;
	height: 23px;
	padding: 4px 15px 0 25px;		
}
				
#header-nav #SearchSubmit{
	width: 40px;
	height: 25px;
	border: none;
	background:url(../images/search_validation.gif) no-repeat;
	color: #000000;
	font-size: 10px;
}		
		
#header-nav #SearchSubmit:hover{
	color: #a3a3a3;
}
		
		
/***************************************************/
/******* FOOTER BLOCKS *****************************/
/***************************************************/
div#footer {
	margin-left: 22.5em;
}
div#footer span, div#footer a {
	color: #a1a1a1;
	font-size: 10px;
}
div#footer span.company_name {
	font-weight: bold;
}
div#footer a {
	text-decoration: none;
}
div#footer a:hover {
	color: #f58026;
}
div#footer a.privacy {}
div#footer a.legal {}

/***************************************************/
/******* BODY BLOCKS *******************************/
/***************************************************/
/* Margin of body (first div inside main) */
.yui-t3 #yui-main .yui-b {
	margin-left: 22.5em;
}
div#bd{
	/*margin-top:20px;*/
}

div#left_container div.inner{
	margin-left:26px;
}

div#unit-tabs{
	background-image:url('../images/design/top/unit-tabs-bg.gif');
	background-repeat:no-repeat;
	background-position: top left;
	height:34px;
	position:relative;
}

div#unit-tabs li{
	display:inline;
	line-height:34px;	
	position:absolute;
}

div#unit-tabs li, div#unit-tabs li a{	
	font-size:18px;
	color:#fff;	
	text-decoration:none;
	font-weight:bold;	
}

div#unit-tabs.main li, 
div#unit-tabs.main li a,
div#unit-tabs.form li, 
div#unit-tabs.form li a{	
	font-weight:normal;	
}

div#unit-tabs li.tab-auto{		
	left:1em;	
}
div#unit-tabs li.tab-moto{		
	left:12.5em;	
}
div#unit-tabs li.tab-home{		
	left:24.1em;
}

div#unit-tabs.main,
div#unit-tabs.form{
	margin-bottom:30px;
	margin-top:20px;
	background-image:none;
	background-color: #FFFFFF;
}

div#unit-tabs.main ul,
div#unit-tabs.form ul {
	background-color: #FFFFFF;	
}

div#unit-tabs.main ul li,
div#unit-tabs.form ul li {
	padding-top:48px;
	height:39px;
	margin-left:-18px;
	margin-top:-20px;
	padding-left:10px;
	background-repeat:no-repeat;
	background-color:#f3f3f3;
	width:191px;
}
div#unit-tabs.form ul li {
	background-color:#FFFFFF;
}
div#unit-tabs.main li.tab-auto,
div#unit-tabs.form li.tab-auto{		
	background-image: url('../images/main/cars_hdr.gif');
}

div#unit-tabs.main li.tab-auto a, 
div#unit-tabs.form li.tab-auto a {
	position: absolute;
	top: 0px;
	left:0px;
	width:202px;
	height:85px;

}
div#unit-tabs.main li.tab-moto a, 
div#unit-tabs.form li.tab-moto a  {
	position: absolute;
	top: 0px;
	left:0px;
	width:202px;
	height:85px;

}
div#unit-tabs.main li.tab-home a, 
div#unit-tabs.form li.tab-home a   {
	position: absolute;
	top: 0px;
	left:0px;
	width:202px;
	height:85px;

}


div#unit-tabs.main * h1,
div#unit-tabs.form * h1 {
	position: absolute;
	color: #ffFFff;
	font-size: 18px;
	font-weight: normal;
	top: 33px;
	left:27px;
	cursor: pointer;
}
div#unit-tabs.main li.tab-home h1, 
div#unit-tabs.form li.tab-home h1{
	left:14px;
}


div#unit-tabs.main li.tab-moto,
div#unit-tabs.form li.tab-moto{		
	background-image: url('../images/main/moto_hdr.gif');
}
div#unit-tabs.main li.tab-home,
div#unit-tabs.form li.tab-home{		
	background-image: url('../images/main/home_hdr.gif');
}
div#unit-tabs-bottom-default{		
	height:10px;	
}
div#unit-tabs-bottom-default, div#unit-tabs-bottom{		
	width:616px; /*no ems here*/	
}

/***************************************************/
/******* NAVIGATION ********************************/
/***************************************************/
div#left_container {
	width: 20.88em;
}
div#nav_container  {
	position: relative;
}
ul#navigation {
	
	margin: 0pt;
	padding: 0pt;
	background-color: #fff4d2;
	border: solid 1px #fcc69a;
	padding-bottom: 15px;
}
/* header div */
ul#navigation li div {
	background-color: #f58026;
	
	border: solid 1px #f58026;
	margin-top:-1px;
	margin-left:-1px;
	margin-right:-1px;
	padding-left: 24px;	
}
ul#navigation a {
	text-decoration: none;
}
ul#navigation li div a.nav-itm-lnk, ul#navigation li div span.nav-itm-hdr {
	color: #ffffff;
	font-size: 17px;
	font-weight: bold;
	line-height: 150%;
}
ul#navigation li.nav-itm {
	list-style-type: none;
}
ul#navigation li.nav-itm ul {
	margin-left: 3em;
	margin-top: 2em;
	margin-bottom: 2em;
	font-weight: bold;
}
ul#navigation li.nav-itm ul li {
	list-style-image: url('../images/design/bullet_navigation.gif');
	list-style-type: disc;
}
ul#navigation li.nav-itm.cars ul li {
	list-style-image: url('../images/design/bullet_navigation_cars.gif');
}
ul#navigation li.nav-itm.home ul li {
	list-style-image: url('../images/design/bullet_navigation_home.gif');
}
ul#navigation li.nav-itm.motorbikes ul li {
	list-style-image: url('../images/design/bullet_navigation_motorbikes.gif');
}

ul#navigation a.sub-nav-itm-lnk { 	
	color: #595959;
	font-size: 12px;
	line-height: 160%;
}
ul#navigation li.nav-itm li.active a.sub-nav-itm-lnk {
	color: #f58026;
}
ul#navigation a.sub-nav-itm-lnk:hover {
	color: #a3a3a3;
}
#nav_container div#nav_corner_img {
	background-color: #ffffff;
	background-image: url('../images/design/corners/nav_round_corner_main.jpg');
	background-repeat: no-repeat;
	background-position: bottom right;
	
	position: absolute;
	bottom: 0px;
	right: 0px; /* TODO: for IE6 make -1 using conditional comment*/
	width:42px;
	height: 39px;
}

/***************************************************/
/******* INDEX-PAGE ********************************/
/***************************************************/
div#hot_news {
	position: relative;
	background-color: #fff4d2;
	border: solid 1px #f2e3d0;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 7px;
	padding-bottom: 7px;
}
div#hot_news div.lt {
	background-image: url('../images/design/corners/hot_news_box_lt.jpg');
	background-repeat: no-repeat;
	position: absolute;
	left: -1px;
	top: -1px;
	width: 6px;
	height: 6px;
}
div#hot_news div.lb {
	background-image: url('../images/design/corners/hot_news_box_lb.jpg');
	background-repeat: no-repeat;
	position: absolute;
	left: -1px;
	bottom: -1px;
	width: 5px;
	height: 5px;
}
div#hot_news div.rt {
	background-image: url('../images/design/corners/hot_news_box_rt.jpg');
	background-repeat: no-repeat;
	position: absolute;
	right: -1px;
	top: -1px;
	width: 6px;
	height: 5px;
}
div#hot_news div.rb {
	background-image: url('../images/design/corners/hot_news_box_rb.jpg');
	background-repeat: no-repeat;
	position: absolute;
	right: -1px;
	bottom: -1px;
	width: 6px;
	height: 6px;
}
div#hot_news span#hot_news_txt {
	color: #828282;
	font-family:arial;
	font-size: 12px;
	margin-left: 0.5em;
}

div#hot_news span#hot_news_txt span.title{
	font-weight: bold;
	color:#B20838;
}
div#hot_news span#hot_news_txt span.eyeCatcher {
	color:#F58026;
}
div#hot_news span#hot_news_txt a {
	color:#F58026;
	text-decoration:underline;
}

#yui-main div.yui-b div.spacer {
	height: 11px;
}


table#main_content_table {
	padding: 0;
	margin: 0;
	width: 100%;
}
table#main_content_table th, 
table#main_content_table td {
	width: 32%;
	padding: 0;
	margin: 0;
	border: none;
	background-color: #f5f5f5;
}
table#main_content_table td {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #6a6a6a;
	font-size: 12px;
}

div#main-content table#main_content_table ul {
	margin: 0;
	margin-left:-10px;
	margin-right:-10px;
	padding-left:10px;
	padding-right:10px;
}
div#main-content table#main_content_table ul.top {
	background-color: #f5f5f5;
	margin-bottom:10px;
}

div#main-content table#main_content_table ul.bottom {
	background-color: #ededed;
	margin-top:10px;
	margin-bottom:-10px;
	padding-top:10px;
	padding-bottom:10px;
}
table#main_content_table a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}
table#main_content_table tr.last_row td {
	background-color: #e8e8e8;
	padding-bottom: 15px;
}
table#main_content_table tr td.spacer, table#main_content_table tr th.spacer{
	padding: 0;
	width: 1%;
	background-color: #ffffff;
}
table#main_content_table li {
	list-style-position: inside;
	list-style-type: square;
}
table#main_content_table ul.cars li,
table#main_content_table tr td.cars ul li {
	list-style-image: url('');
}

table#main_content_table ul.cars li a,
table#main_content_table tr td.cars ul li a{
	color: #004586;
}

table#main_content_table ul.cars li a:hover,
table#main_content_table tr td.cars ul li a:hover {
	color: #317ec5;
}

table#main_content_table ul.cars li a:active,	      /*old style*/
table#main_content_table tr td.cars ul li a:active{	  /*parts style*/
	color: #013e76;
}

table#main_content_table ul.home li,
table#main_content_table tr td.home ul li {
	list-style-image: url('');
}

table#main_content_table ul.home li a,
table#main_content_table tr td.home ul li a{
	color: #4eaeb4;
}

table#main_content_table ul.home li a:hover,
table#main_content_table tr td.home ul li a:hover{
	color: #8bcdd1;
}

table#main_content_table ul.home li a:active,
table#main_content_table tr td.home ul li a:active{
	color: #0b7178;
}

table#main_content_table ul.motorbikes li,
table#main_content_table tr td.motorbikes ul li {
	list-style-image: url('');
}

table#main_content_table ul.motorbikes li a,
table#main_content_table tr td.motorbikes ul li a{
	color: #840622;
}

table#main_content_table ul.motorbikes li a:hover,
table#main_content_table tr td.motorbikes ul li a:hover{
	color: #f283a2;
}

table#main_content_table ul.motorbikes li a:active,
table#main_content_table tr td.motorbikes ul li a:active{
	color: #df4973;
}

div#main_content_body {
	padding-left: 20px;
}

div#main_content_body a {
	color:#F68B37;
	text-decoration: underline;
}


/***************************************************/
/******* LANDING-PAGE ******************************/
/***************************************************/
div#landing-body-wrapper {
	background-image: url("../images/design/bg/landing-body-bg.jpg");
	background-position: top left;
	background-repeat: repeat-y;
}

/***************************************************/
/******* NEWS **************************************/
/***************************************************/

div.news {
	padding: 10px;
	padding-right: 0px;
}

div.news span.title {
	font-size: 16px;
	font-weight: bold;
}
div.news a.item {
	font-weight: bold;
}

div.news hr {
	background-color:#4174a3;
	color:#4174a3;	
}

ul.news-list li{
	margin-bottom:3px;
}

ul.news-list td {
	vertical-align:top;
}

div.news-list-item {
	margin-top: 10px;
	padding-bottom: 10px;
	color: red;
	min-height: 80px;
}

img.floatLeft { 
	border: 1px solid #666;
	float: left;
	margin-right: 3px; 
}

div.news-blurb {
	margin-bottom:5px;
}

div.news-blurb h6{
	font-size: 14px;
	color:#4174a3;
	margin-bottom:2px;
}

div.news-blurb div.more a{
	font-weight: bold;
	color:#4174a3;	
}

div.news-blurb div.more a:hover{
	color:#013e76;	
}


a.offerte_button {
	width:190px;
	height:45px;
	display:block;
	color:#FFFFFF;
	font-size:20px;
	font-weight:normal;
	padding:16px 0 0 58px;
	text-decoration:none;
	
	background:url("../images/box/bg_offeronline_off.gif") no-repeat;
}
a.offerte_button:hover {
	text-decoration:none;
	background:url("../images/box/bg_offeronline_on.gif") no-repeat;
}
a.offerte_button_floating {
	background:url(../images/box/bg_offeronline_short_off.gif) no-repeat;
	color:#FFFFFF;
	display:block;
	font-size:20px;
	font-weight:normal;
	height:45px;
	padding-top:16px;
	text-decoration:none;
	width:165px;
}

a.offerte_button_floating:hover {
	text-decoration:none;
	background:url("../images/box/bg_offeronline_short_on.gif") no-repeat;
}

/*
	Verschillende classes voor nl en fr omwille van verschillende tekst-lengte
*/
.floating_label {
	color:#FFFFFF;
	cursor:pointer;
	font-size:15px;
	font-weight:bold;
	padding-right:18px;
}
/*******************************
*************ACTIONS************
*******************************/
#Actions {
	padding: 20px;
}

#Actions a.button,
#Actions a.standardbutton{
	width: 245px;
	height: 45px;
	display:block;
	font-size: 15px;
	color: #7d7d7d;
	padding: 10px 10px;
	margin:  5px 0;
}

#Actions a.standardbutton h1,
#Actions a.button h1{
	margin: 0;
	padding: 0;
	color:#F58026;
	font-weight: normal;
	font-size: 18px;
}

#Actions a.standardbutton h1 {
	color:#F58026;
}

#Actions a.standardbutton {
	background:url(../images/actions/button_grey.png) no-repeat;
}

#Actions a.standardbutton:hover { 
	background:url(../images/actions/button_grey_hover.png) no-repeat;
}

#main-content div.news ul {
	margin: 0;
}

#main-content div.news li {
	list-style-type: square;
	list-style-position: inside;
}

span.rss_text {
	color:#f5974d;
	font-size: 12px;
}

div.news div.see_all {
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: right;
}
div.news div.see_all a {
	font-weight: bold;
}


/***************************************************/
/******* NEWSLIST **********************************/
/***************************************************/
div.newsListTitle {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
}
#main-content ul.newsList {
	margin: 0;
}
#main-content ul.newsList li {
	list-style-position: inside;
	list-style-type: square;
}
#main-content div.spacer {
	height: 10px;
	clear: both;
}
#main-content ul.newsList li a.newsItemUrl {
	background-image: url("../images/design/bg/button_bg.jpg");
	background-repeat: no-repeat;
	background-position: top left;
	width: 106px;
	height: 21px;
	float: right;
 	text-align: center;
 	padding-top: 3px;
 	margin-bottom: 10px;
}
#main-content ul.newsList li span {
	color: #505152;
	font-size: 14 px;
}
#main-content ul.newsList li span.newsItemSummary {
	float: left;
	padding-top:8px;
}
#main-content ul.newsList li span.newsItemTitle, #main-content ul.newsList li a {
	font-weight: bold;
} 
#main-content div.paging {
	float: right;
	clear: both;
	margin-top: 10px;
}
#main-content div.paging a {
	color: #f4822a;
}

/***************************************************/
/********** FORMS **********************************/
/***************************************************/
#main-content form table tr td{
	border: 0px;
	vertical-align:bottom;
}
#main-content form input,
#main-content form select,
#main-content form textarea {
	/*border:2px solid #0000ff;*/
}
#main-content form table tr td .error {
	color: #ff0000;
}

#main-content .contactUsForm{
	background-color:#F5F5FF;
	padding-left:25px;
	padding-top:1px;
	margin-top:15px;
	vertical-align:top;
}

#main-content .contactUsForm table{
	width:100%;
}

#main-content .contactUsForm table{
	width:100%;
}
#main-content .contactUsForm table tr td.first{
	width:40%;
}
#main-content .contactUsForm table tr td{
	vertical-align:top;
}

#main-content .contactUsForm table tr td div.whiteSpace{
	background-color:#FFFFFF;
	position:relative;
	float:none;
	height:15px;
	margin-left:-50px;
	margin-right:-20px;
	
}
#main-content .contactUsForm table tr td .formElement{
	display:inline:block;
	float:left;
	
}

#main-content .contactUsForm table tr td div.formElement{
	text-align:center;
}

#main-content .contactUsForm table tr td div.buttonSpace{
	text-align:right;
	background-color:#E5E5E8;
	position:relative;
	height:32px;
	margin-left:-30px;
	margin-right:-5px;
	margin-top:-10px;
	margin-bottom:-20px;
	padding-top:10px;
	padding-right:25px;
}

#main-content .contactUsForm table tr td{
	vertical-align:top;
}


#main-content .contactUsForm span.star {
	position:relative;
	vertical-align:top;
}

#main-content .contactUsForm span.star em{
	color:#FF0000;
	font-weight:bold;
	position:absolute;
	left:-10px;
	top:0px;
	
}

/***************************************************/
/********** SEARCH LIST ****************************/
/***************************************************/

#main-content a.searchTitles {
color:#595959;
font-size:17px;
font-weight:normal;
}

#main-content a.searchTitles:hover {
color: #a3a3a3;
}
#main-content span.searchSummary {
	float: left;
	padding-top:8px;
}

#main-content div.searchTitle {
	font-size: 17px;
	font-weight: bold;
	color: blue;
}
#main-content ul.searchList li {
	list-style-type:none;
}
#main-content ul.searchList hr{
	 clear: both;
	 border:none;
	 border-top:1px solid #d3d3d3;
	 margin-bottom:20px;
}

#main-content a.searchResultButton {
	border:none;
	background:url("../images/search-verder.gif") no-repeat;
	text-align:center;
	height:21px;
	width:106px;
	display:block;
	position:relative;
	top:15px;
	left:475px;
}

#main-content a.searchLink {
	color:#f4822a;
}
/***************************************************/
/********** FAQ ************************************/
/***************************************************/

.faqQuestionList {
	padding-left:20px;
	padding-right:20px;
}
.faqQuestionList .faqQuestionListTitle {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	
}

.faqQuestionList .faqQuestionListBody{
	margin-left:20px;
	margin-top:20px;
}

.faqQuestionList ol {
	padding-left: 20px;
}

.faqQuestionList ol li {
	list-style-position: inside;
	list-style-type: square;
	font-weight: bold;
}

.faqQuestion {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
}
.faqAnswer {
	margin-top:10px;
	margin-left:15px;
}

div#faqAnswerPage {
	padding-left: 20px;
	padding-right: 20px;
}

/* faq detail pages */

.faq-question {
	font-weight: bold;
	padding-top: 10px; 
}



/***************************************************/
/********** HEADER TABS ****************************/
/***************************************************/


#unit-tabs-bottom  div.headerTab {
	height:228px;
	width:616px;
	
}

#unit-tabs-bottom div.headerTab div.headerText{
	overflow: hidden;
	height:208px;
	margin-left:326px;
	margin-right:20px;
	margin-bottom:30px;
	
	font:20px arial;
	color: #FFFFFF;
}

div.mainImageTabs {
	width:202px;
	height:87px;
	background-repeat:no-repeat;
}



