f@charset "utf-8";
/* CSS Document for isuzu */

body { margin:0; padding:0; }

*html { margin:0; padding:0; }

a img { border:0; }

/* algemene terugkerende classes */

.Holder { clear:both; }

.Center { text-align:center; position:relative; }	
.Centered { margin:0 auto; text-align:left; position:relative; }

.Column { float:left; }
.ColumnRight { float:right;}

.Box { position:relative; }

.Span-14	{ width:980px; }
.Span-12 	{ width:760px; }
.Span-10	{ width:830px; }
.Span-8		{ width:514px; }
.Span-7		{ width:490px; }
.Span-6		{ width:375px; }
.Span-5		{ width:395px; }
.Span-55	{ width:410px; }
.Span-4		{ width:140px; }
.Span-3		{ width:330px; }
.Span-2		{ width:165px; }

.Padding 	{ padding:20px; background:none !important; }
.Padding2 	{ padding:0 20px 20px; }
.Padding3 	{ padding:15px 20px 20px; background:none !important; }
.Padding4	{ padding:20px 0 20px 20px; }
.Padding5 	{ padding:2px 5px 5px; }

.MarginR 	{ margin-right:25px; }
.MarginR2	{ margin-right:10px; }

.MarginB 	{ margin-bottom:10px; }

/* Basic horizontal menu */

.Horizontal ul { list-style:none; margin:0; padding:0; }

.Horizontal ul li { position:relative; float:left; padding:0; }

.Horizontal ul li a { display:block; }

/*.Horizontal ul li a span { display:block; float:none; } enable voor tabs*/

.Horizontal ul li ul { display:none; position:absolute; z-index:21; }

/*.Horizontal ul li:hover ul, .Horizontal ul li.Hover ul { display:block; } disable voor superfish */

/* basic vertical menu */

.Vertical ul {list-style:none;}

.Vertical ul li {clear:both; padding:0; float:left; display:block; }

.Vertical ul li a { display:block; position:relative; clear:both; /* width:custom */ }

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	
}
.Clearfix{display: inline-block;}
* html .Clearfix {height: 1%;}
.Clearfix {display: block;}

.Clear { clear:both; }

/************** Begin design */

body { text-align:center; background:#900; }

#container { width:1090px; position:relative; }

a, a:visited { color:#f00; }

/************* lang */

.LangMenu { position:absolute; top:1px; right:110px; }

.LangMenu li a { text-decoration:none; margin:0; padding:0; color:#fff; font-size:1.2em; padding:0 6px 0 0; margin:0 4px 0 0; text-transform:uppercase; background:url(images/langnav_sep.gif) right 4px no-repeat; }
.LangMenu li.Last a { background:none; padding:0; margin:0; }

/************* header */

#header { height:450px; background:url(../uploads/images/headerimages/rotator.php) top left no-repeat; margin:20px 0 10px 150px; position:relative; z-index:2; }

#logo { width:792px; height:140px; background:url(images/logo.png) no-repeat; position:absolute; display:block; cursor:pointer; top:145px; left:20px; }
#logo span { display:none; }

/************ mainnav */

.MainNav { position:absolute; top:403px; left:5px; }

ul.MainNav li a { text-decoration: none; color:#FFF; font-size:1.6em; padding:0 7px 0 0; margin:0 5px 0 0; background:url(images/mainnav_sep.gif) top right no-repeat; }
ul.MainNav li.last a { background:none; }
ul.MainNav li a:hover, ul.MainNav li.Current a { color:#f20000; }

/************ Content */

#content div { background-color:#fff; }

#content div div { background:none !important; }

#movie { margin:0 10px 10px 0; }

#movie, #intro { height:353px; position:relative; }

.IntroText { position:absolute; bottom:2px; left:5px; width:320px; overflow:hidden; }

/********** models */

#models { margin-bottom:10px }

ul.Models { list-style:none; margin:0; padding:0; }

ul.Models li { display:inline; }

ul.Models li a { display:block; float:left; overflow:hidden; width:250px; height:170px; text-decoration:none; color:#000; text-align:center; }
ul.Models li a:hover { color:#C00; }

ul.Models li a img { clear:right; }

ul.Models li a span { display:block; width:250px; clear:left; }

.Box { width:400; }

.hidden { display:none; }

/****** accessoires */

#accessoires { margin-bottom:10px }

.tabs-hide { display:none; } 

ul.Tabs { height:20px; list-style:none; margin:0 0 15px; padding:0; }
ul.Tabs li { position:relative; float:left; padding:0; }

ul.Tabs li.last a { background:none; }

ul.Tabs li a { display:block; text-decoration: none; color:#999 !important; font-size:1.6em; padding:0 8px 0 0; margin:0 6px 0 0; background:url(images/tabs_sep.gif) center right no-repeat; }
ul.Tabs li.tabs-selected a, ul.Tabs li a:hover { color:#f20000 !important; }
.tabs-container { width:790px; float:left; position:relative; }

/**** subtabs */

#tabsContainer2 { position:relative; }

.Subtabs { float:right; height:235px; width:330px; }

.TabFoto { position:absolute; left:0; top:3px; width:455px; height:230px; overflow:hidden; }

ul.FotoTabs { list-style:none; margin:0; padding:0; }
ul.FotoTabs li { padding-bottom:5px; }
ul.FotoTabs li a { font-size:1em; background:none; }

/********* dealers */

table.Dealers td { padding:10px 5px; }

table.Dealers h4 { margin-bottom:5px; text-transform:none; font-size:1em; }

/******* testdrive */

#testrit { background:#fff url(images/back_testdrive.jpg) bottom right no-repeat !important; }

/******** quicklinks */

#quickLinks { background:none !important; }

#quickLinks img { float:left; margin:0 10px 10px 0; }

#quickLinks .Last img { margin-right:0; }

/************ toepassingen scrollable */

.scrollable { height:545px; overflow:hidden; position:relative; width:790px; margin-top:1em; float:left;  }
div.scrollable div.items { position:absolute; width:20000em; }
div.scrollable div.items div { width:790px; height:545px; float:left; overflow:hidden; }

div.scrollable div.items div p { margin:0; padding:10px; color:#fff; font-weight:bold; background:#000; }

.prev, .next { float:left; margin-right:10px; cursor:pointer; display:block; }

.prev { background:url(images/prev.gif) 0 5px no-repeat; padding-left:10px; }
.next { background:url(images/next.gif) 100% 5px no-repeat; padding-right:10px; }

.prev.disabled { background-position: 0 -7px !important; }
.next.disabled { background-position: 100% -7px !important; }

.disabled { color:#666 !important; }
.navi a { width:6px; height:6px; background:#666; display:block; float:left; margin:5px 10px 0 0; }
.navi a.active, .navi a:hover { background:#F00; }


/************ left */

#left { margin-right:10px; position:absolute; top:480px;}

#subMenu p.SubmenuTitle { text-align:right; font-size:3em; text-transform:uppercase; margin:0; color:#666 }

#subMenu ul { margin:0; }

#subMenu ul li { text-align:right; }

#subMenu ul li a { text-decoration:none; margin:0; padding:0; color:#fff; font-size:1.6em; width:140px; margin-bottom:5px; }

/************ PNG's */

.PNG { position:absolute; top:245px; right:10px; z-index:30; width:475px; height:463px; display:block; }

#dmax {  background:url(images/png_dmax2.png) no-repeat; top:188px; right:12px; }
#newstyle {background:url(images/newstyle.png) no-repeat; width:483px; height:74px; top:327px; left:164px; }
#nseries {  background:url(images/png_nseries.png) no-repeat; }

/******* footer */

#footer { margin:10px 0 10px 150px; background:#fff; font-size:1.2em; color:#999; }

#footer p { margin:0; }

/********** extra */

.SerieLink { position:absolute; top:340px; left:20px; display:block; width:122px; height:118px; }
.SerieLink span { display:none; }

.Nseries { background:url(images/link_nseries.gif) ;}

.Top { position:absolute; top:10px; right:10px; }

.Top a { display:block; width:60px; height:31px; background:url(images/top.gif) top left no-repeat; }
.Top a:hover { background-position:bottom left; }
.Top a span { display:none; }

#specs ul, #opbouw ul { margin:0 0 1.5em 0; list-style:none; }

.PDFlink { background:url(images/icon-pdf.png) left center no-repeat; padding:3px 0 3px 21px;  }

#links { margin-right:10px; }

.Date { color:#666; font-size:0.8em; margin:0 0 0 20px; font-weight:normal; }

.Artikel { border-bottom:1px solid #666; margin-top:1.5em; }

#testrit { min-height:300px; }

/******* start */

#header2 { height:450px; margin:20px 0 10px 150px; position:relative; z-index:2; }

#noflash { width:830px; height:450px; background:url(images/start_noflash.jpg) top left no-repeat; }

.NavBack { position:absolute; top:400px; left:0; width:830px; height:25px; background:#600; filter:alpha(opacity=80); opacity: 0.8; -moz-opacity:0.8; }

/***** forms */

.row { padding:0 0 10px; background:none !important; }

fieldset { border:none; }

label { float:left; width:90px; }

.InputText input { border:1px solid #000; width:265px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; padding:1px 5px 3px 3px; }

.Errors, .Succes { background:none !important; }

.Errors label { float:none; }

.Buttons input { border:none 0; background:#900; color:#000; font-weight:bold; color:#fff; font-size:11px; padding:3px 5px; margin-left:90px; cursor:pointer; }