/* CREDITS
 * ----------------------------------------------------------
 * Title:		Projectname - Screen Stylesheet
 * Author:		David Candreva <david@inventis.be>
 * Date:		00/00/10
 * Last Edit:	00/00/00 David Candreva <david@inventis.be>
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
 */

/* Reset
---------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table{ border-collapse:collapse; border-spacing:0; }
fieldset,img{ border:0; }
address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal; }
ol,ul{ list-style:none; }
caption,th{ text-align:left; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; }
strong,b{ font-weight:bold; }
em{ font-style:italic; }
em strong,strong em { font-weight: bold; font-style: italic; }
abbr,acronym{ border-bottom:1px dotted; cursor:help; }
button{ cursor:pointer; }

/* General elements
---------------------------------------------------------- */
textarea, body{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
body{ line-height:19px; color:#545454; background:#3e85bb url(../images/layout/body_tile.png) repeat-x 0 0; }

.clear{ clear:both; }
a{ text-decoration:none; color:#024375; }
a:hover{ text-decoration:none !important; }
a:focus{ outline:none; }

/* Container
---------------------------------------------------------- */
div#container{ margin:0 auto; width:967px; background:url(../images/layout/glow.png) no-repeat right 0; }

/* Header
---------------------------------------------------------- */
div#header{ position:relative; z-index:5556; width:100%; clear:both; }

	/* logo */
	div#header .logo{ margin:30px 0 15px 4px; float:left; }
		
	/* languages */
	div#header div.languages{ height:25px; float:right; padding-left:20px; background:url(../images/layout/languages_fixed.png) no-repeat 0 0; }
	div#header div.languages ul{ float:left; height:25px; clear:both; overflow:hidden; padding-right:20px; background:url(../images/layout/languages_tile.png) no-repeat right 0; }
	div#header div.languages ul li{ line-height:16px; margin-right:7px; height:19px; padding:2px 7px 0 0; float:left; background:url(../images/layout/languages_seperator.png) no-repeat right center; }
	div#header div.languages ul li.last{  background:none; padding-right:0; margin-right:0; }
	div#header div.languages ul li a{ font-family:"Arial Rounded MT Bold"; color:#014173; font-size:11px; text-transform:uppercase; }
	div#header div.languages ul li a:hover{ color:#FFF; text-shadow:#524a1f 1px 1px 2px; }
	
	/* navigation */
	div#header div.navigation{ position:relative; z-index:5555; clear:both; width:100%; }
	div#header div.navigation li{ float:left; text-align:center; position: relative; z-index:99999; }
	div#header div.navigation li a{ font-family:"Arial Rounded MT Bold"; padding:4px 0; letter-spacing:-0.1px; font-size:14px; float:left; display:block; height:30px; line-height:30px; color:#024374; }
	div#header div.navigation li a:hover{ color:#FFF; text-shadow:#524a1f 1px 1px 2px; }
	
	body.nl div#header div.navigation li a{ background:url(../images/layout/navigation_tile_nl.png) no-repeat 0 0; }
	body.nl div#header div.navigation li.branches a{ width:85px; padding-left:5px; background-position:0 0; }
	body.nl div#header div.navigation li.about a{ width:98px; background-position:-90px 0;  }
	body.nl div#header div.navigation li.cars a{ width:161px; background-position:-188px 0; }
	body.nl div#header div.navigation li.truck a{ width:217px; background-position:-349px 0;  }
	body.nl div#header div.navigation li.promotions a{ width:109px; background-position:-566px 0; }
	body.nl div#header div.navigation li.news a{ width:199px; background-position:-675px 0; }
	body.nl div#header div.navigation li.contact a{ width:88px; padding-right:5px; background-position:-874px 0; }
	body.nl div#header div.navigation li.branches a:hover{ background-position:0 -38px; }
	body.nl div#header div.navigation li.about a:hover{ background-position:-90px -38px;  }
	body.nl div#header div.navigation li.cars a:hover{ background-position:-188px -38px; }
	body.nl div#header div.navigation li.truck a:hover{ background-position:-349px -38px;  }
	body.nl div#header div.navigation li.promotions a:hover{ background-position:-566px -38px; }
	body.nl div#header div.navigation li.news a:hover{ background-position:-675px -38px; }
	body.nl div#header div.navigation li.contact a:hover{ background-position:-874px -38px; }
	
	body.fr div#header div.navigation li a{ background:url(../images/layout/navigation_tile_fr.png) no-repeat 0 0; }
	body.fr div#header div.navigation li.branches a{ width:85px; padding-left:5px; background-position:0 0; }
	body.fr div#header div.navigation li.about a{ width:175px; background-position:-90px 0;  }
	body.fr div#header div.navigation li.cars a{ width:130px; background-position:-265px 0; }
	body.fr div#header div.navigation li.truck a{ width:110px; background-position:-395px 0;  }
	body.fr div#header div.navigation li.promotions a{ width:170px; background-position:-505px 0; }
	body.fr div#header div.navigation li.news a{ width:199px; background-position:-675px 0; }
	body.fr div#header div.navigation li.contact a{ width:88px; padding-right:5px; background-position:-874px 0; }
	body.fr div#header div.navigation li.branches a:hover{ background-position:0 -38px; }
	body.fr div#header div.navigation li.about a:hover{ background-position:-90px -38px;  }
	body.fr div#header div.navigation li.cars a:hover{ background-position:-265px -38px; }
	body.fr div#header div.navigation li.truck a:hover{ background-position:-395px -38px;  }
	body.fr div#header div.navigation li.promotions a:hover{ background-position:-505px -38px; }
	body.fr div#header div.navigation li.news a:hover{ background-position:-675px -38px; }
	body.fr div#header div.navigation li.contact a:hover{ background-position:-874px -38px; }
	
	body.en div#header div.navigation li a{ background:url(../images/layout/navigation_tile_en.png) no-repeat 0 0; }
	body.en div#header div.navigation li.branches a{ width:105px; padding-left:5px; background-position:0 0; }
	body.en div#header div.navigation li.about a{ width:115px; background-position:-110px 0;  }
	body.en div#header div.navigation li.cars a{ width:125px; background-position:-225px 0; }
	body.en div#header div.navigation li.truck a{ width:175px; background-position:-350px 0;  }
	body.en div#header div.navigation li.promotions a{ width:145px; background-position:-525px 0; }
	body.en div#header div.navigation li.news a{ width:190px; background-position:-670px 0; }
	body.en div#header div.navigation li.contact a{ width:97px; padding-right:5px; background-position:-862px 0; }
	body.en div#header div.navigation li.branches a:hover{ background-position:0 -38px; }
	body.en div#header div.navigation li.about a:hover{ background-position:-110px -38px;  }
	body.en div#header div.navigation li.cars a:hover{ background-position:-225px -38px; }
	body.en div#header div.navigation li.truck a:hover{ background-position:-350px -38px;  }
	body.en div#header div.navigation li.promotions a:hover{ background-position:-525px -38px; }
	body.en div#header div.navigation li.news a:hover{ background-position:-670px -38px; }
	body.en div#header div.navigation li.contact a:hover{ background-position:-862px -38px; }
	
	
	div#header div.navigation li ul{ z-index:9999; clear:both; width:auto; border:1px solid black; top:34px; position: absolute; left:-999em; }
	div#header div.navigation li ul li{ position:relative; z-index:9999; clear:both; height:30px;border-bottom:1px solid #024375; }
	body.nl div#header div.navigation li ul li a,
	body.fr div#header div.navigation li ul li a,
	body.en div#header div.navigation li ul li a { height:31px; width:auto; padding:0; background:url(../images/layout/submenu_tile.png) repeat-x 0 0;}
	div#header div.navigation li ul li a:hover{ background-position:0 0 !important; }
	div#header div.navigation li ul li.last {border-bottom:none;}
	div#header div.navigation li ul li.last a, div#header div.navigation li ul li.last{ -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; height:30px;}
	div#header div.navigation ul ul{ -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px;  }
	
	div#header div.navigation li.sfhover ul, div#header div.navigation li:hover ul{ left:auto; }
	
	div#header div.navigation li.about li a {width:125px;}
	
	/* headline */
	div#header p.headline{ letter-spacing:-0.6px; text-align:left; color:#fdde19; font-size:23px; font-family:"Arial Rounded MT Bold"; }

	/* form */
	div#header form{ top:38px; right:4px; position:absolute; text-align:right; overflow:hidden; }
	div#header form fieldset{ float:left; }
	div#header form label{ margin:0 4px 0 0; display:inline; font-size:15px; }
	div#header form select{ color:#014173; font-family:verdana; display:inline; padding:1px; border:1px solid #e2e3e8; border-top:1px solid #acadb2; min-width:150px; }

	/* FAQ */
	div#accordion h3 { margin-top: 5px; }
	div#accordion h3 a { text-decoration: none; }

/* Newsbar
---------------------------------------------------------- */
div#newsBar{ position:relative; z-index:50; height:22px; line-height:21px; width:927px; overflow:hidden; letter-spacing:-0.6px; padding:10px 20px; font-size:18px; }
div#newsBar span{ color:#FFF; float:left; margin:0 10px 0 0; }
div#newsBar ul li, div#newsBar ul li a{ color:#f5dc3e; }
div#newsBar ul li{ height:22px; }
div#newsBar ul li a{ position:relative; }
div#newsBar  .ticker{ height:22px; position:relative; float:left; }
body.nl div#newsBar .ticker {width:730px;}
body.fr div#newsBar .ticker {width:720px;}
body.en div#newsBar .ticker {width:660px;}


/* slideshow
---------------------------------------------------------- */
div#slideshow{ margin-bottom:20px; width:963px; position:relative; clear:both; padding:0 0 0 4px; }
div#slideshow ul li img{ display:none; float:left; border:1px solid #afc5d5; position:relative; overflow:hidden; padding:1px;}

div#slideshow div.caption{ z-index:9999; padding:8px 20px 0; color:#FFF; font-size:18px; left:5px; bottom:2px; position:absolute; height:54px; width:600px; background:url(../images/layout/slider_caption.png) no-repeat 0 0; }
div#slideshow div.caption em{ font-style:normal; color:#f5d716; text-transform:uppercase; }
div#slideshow div#left_slider{ cursor:pointer; z-index:100; position:absolute; left:15px; top:125px; width:18px; height:26px; background:url(../images/layout/left_slider.png) no-repeat 0 0; }
div#slideshow div#right_slider{ cursor:pointer; z-index:100; position:absolute; left:600px; top:125px; width:18px; height:26px; background:url(../images/layout/right_slider.png) no-repeat 0 0; }
div#slideshow ul li{ -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-bottom-left-radius:10px; border-top-left-radius:10px; -webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; height:289px; width:639px; border:1px solid #afc5d5; border-bottom:2px solid #f5d716; position:relative; overflow:hidden;  }
div#slideshow div.slider{ height:292px; width:639px; float:left; float:left; }

div#slideshow div.info{ overflow:hidden; position:relative; font-size:11px; color:#FFF; line-height:17px; float:left; padding:20px 20px 0; height:271px; width:279px; background:url(../images/layout/sldeshow_right.png) no-repeat 0 0; }
div#slideshow div.info h1{ letter-spacing:-0.6px; font-size:18px; color:#FFF; text-transform:uppercase; }
div#slideshow div.info p{ margin-bottom:10px; }
div#slideshow div.info a { color: #ffffff; text-decoration: underline; }
div#slideshow div.info a:hover { text-decoration: none; }


/* Content
---------------------------------------------------------- */
div#content{}

/* Brands
---------------------------------------------------------- */
div.brandslist {position:relative;width:100%;overflow:hidden;}
div.brandslist ul {width:9000px;height:50px}
div.brandslist ul li {float:left;margin-right:15px;height:50px;}
	
/* Footer
---------------------------------------------------------- */
div#footer{ position:relative; width:100%; overflow:hidden; clear:both; font-size:11px; }
div#footer p{ color:#FFF; padding:0 25px 10px; float:left; }
div#footer a#inventis{ position:absolute; top:0px; right:25px; text-indent:-9000px; width:69px; height:16px; background:url(../images/layout/inventis.png) no-repeat 0 0; }
div#footer a#inventis:hover{ background-position:right 0; }