/*  clean start inspired by eric meyer: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
-------------------------------------------- */

/* commented out because it conflicts with dumbar's layout
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}
*/

body {
  color: black;
  background-color: white;
}

ol, .process ul {
  list-style: none;
  margin-left: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

/*
--------------------------------------------------*/
html, body {height: 100%;}

body {
 margin:0;
 padding:0;
 background-color:#fbfbfb;
 color:#262626;
 font-family:Arial;
 font-size:12px;
}

img {
 border:none;
}

.process form {
 padding:0;
 margin:0;
 border:none;
}

.process fieldset {
  border:none;
  margin:0;
  padding:0;
}

.process input, .process select {
 font-size:12px;
 font-weight:normal;
}
.process textarea{
  border: 1px solid #AAAAAA;
}
.process input[type=text]{
  border: 1px solid #AAAAAA;
}

.process input[type=password]{
  border: 1px solid #AAAAAA;
}

.process input[type=checkbox]{
  border: 0px solid #AAAAAA;
}
.process input[type=radio]{
  border: 0px solid #AAAAAA;
}
.process select#edition{
  width:180px;
}
.process a {
  text-decoration:none;
  color:#0054a3;
   cursor:pointer !important
}

.process a:hover {
  text-decoration:underline;
}


/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


#wrap {
position:relative;
min-height:96.5%;
}
* html #wrap {
min-height:50%;
max-height:97%;
}
#container {
position:relative;
margin:0 0 0 15px;
padding-bottom:35px;
width:975px;
overflow:hidden;
}


/*
****************************************/

.col {
  float:left;
  margin:5px 8px;
  width:178px;
  overflow:hidden;
}

.block .heading {
  height:28px;
  background: transparent url(../img/button_bg.gif) left top repeat-x;
}

/*.block h2, .block h1 ,*/ .block span {
  /*height:28px;*/
  background: transparent url(../img/button_corners.gif) right -36px no-repeat;
 }

.process .content h2, .content h1, .content span{
  background:none;
  height:auto;
}

.block h2 a, .block h1 a, .block span a {
  background: transparent url(../img/button_corners.gif) left top no-repeat;
  display: block;
  text-decoration:none;
}

#news.block div div div h2 a, #news.block div div div h1 a, #news.block div div div span a {
  background: none;
}

#faq.block div div div h2 a, #faq.block div div div h1 a, #faq.block div div div span a {
  background: none;
}

#terms.block div div div h2 a, #terms.block div div div h1 a, #terms.block div div div span a {
  background: none;
}

#callback.block div div div h2 a, #callback.block div div div h1 a, #callback.block div div div span a {
  background: none;
}

.block h2 a img,.block h1 a img,.block span a img {height:28px;}

.block h2 a span, .block h1 a span, .block span a span {display:block;font: bold 14px "Trebuchet MS";color:#fefefe;padding:6px;}

.block .container {
  background:#fff;
  border:2px solid #1e519e;
  border-top:none;
  cursor:default;
  display:none;
  overflow:hidden;
}
.block .container .content {
  /*padding:8px;*/
  /*max-height:184px;
  overflow:auto;*/
}

/* default hover block */
.block .heading:hover { background-position: left -36px;}
/*.block .heading:active { background-position: left -72px; }*/


/* open block */
.block.open .heading { background-position: left top;cursor:default }
.block.open .heading h2 { background-position: right -108px; }
.block.open .heading h2 a { background-position: left -72px; cursor:default}
.block.open .heading h1 { background-position: right -108px; }
.block.open .heading h1 a { background-position: left -72px; cursor:default}
.block.open .heading span { background-position: right -108px; }
.block.open .heading span a { background-position: left -72px; cursor:default}
.block.open .container {display:block;}

/* active */
.block.active .heading { background-position: left -108px; }
.block.active .heading h2 { background-position: right -180px; }
.block.active .heading h2 a { background-position: left -144px; }
.block.active .heading h1 { background-position: right -180px; }
.block.active .heading h1 a { background-position: left -144px; }
.block.active .heading span { background-position: right -180px; }
.block.active .heading span a { background-position: left -144px; }
.block.active .heading:hover { background-position: left -144px; }
/*.block.active .heading:active { background-position: left -180px; }*/

/* home block = button only */
#home .heading { background-position: left top; }
#home .heading:hover { background-position: left -36px;}
#home .heading:active { background-position: left -72px; }
#home .heading h2 { background-position: right -36px; }
#home .heading h2 a { background-position: left top;}
#home .heading h1 { background-position: right -36px; }
#home .heading h1 a { background-position: left top;}
#home .heading span { background-position: right -36px; }
#home .heading span a { background-position: left top;}
#home .container {display:none}

/* home active */
#home.activehome .heading { background-position: left -216px; }
#home.activehome .heading h2 { background-position: right -324px; }
#home.activehome .heading h2 a { background-position: left -288px; }
#home.activehome .heading h1 { background-position: right -324px; }
#home.activehome .heading h1 a { background-position: left -288px; }
#home.activehome .heading span { background-position: right -324px; }
#home.activehome .heading span a { background-position: left -288px; }
#home.activehome .heading:hover { background-position: left -216px; }
/*#home.activehome .heading:active { background-position: left -216px; }*/


.process .content h2,.process .content h3, .process .content h4 {font-weight:bold;margin-bottom:0;font-size:100%;font-family:inherit;}

.process .content h5 {font-style:italic;margin-bottom:1em}

/* commented out because it conflicts with dumbar's layout
.content p, .content ul {margin-bottom:1em}
*/
.process .content li {margin-top:8px}
.content li.more {text-align:right}


/* Columns
****************************************/
#col1 {margin-top:0px;padding-top:7px}/*rj201207*/
#col2 {position:relative;top:11px;width:368px;}/*rj201207*/
#col3 {padding-top:57px}/*rj201207*/
#col4 {padding-top:100px}/*rj201207*/

/* align right on third column... */
#col3 .block, img#call_us,
#col3 #searchform {float:right;clear:both}
#col3 .block {min-width:178px;width:178px;}

.actions_narrow {	width:178px; }
.actions_normal { width:368px; }
.actions_wide   {	width:531px; }

/* Column specific
****************************************/


/*.block#news {font-size:90%}*/

.block#news .more {font-size:90%}

.block#news a:hover {text-decoration:underline;}

.block#news ul {margin:4px 4px 2px}
.block#news ul li {margin-bottom:.4em;}
.block#news ul li.more {margin-bottom:0;}

.block.ads,.block.ads3 {background:none;}
.block.ads3 {
  background:none;
  /*float:left;*/
  margin-top:0px;
}
.block.ads .container, .block.ads .content, .block.ads3 .content, .block.ads3 .container {border:none;padding:0}

#introblock {
 min-height:45px;
 height:45px;
}

#logo img, img#call_us {position:relative;top:-5px;margin-bottom:5px}
img#call_us {top:-8px;margin-bottom:6px}

/* modifica per la corretta posizione dell'img con ie */
* html img#call_us {margin-right:5px;}

/* Search box
****************************************/

#searchform {
  background-image: url(../img/zoek.gif);
  background-repeat: no-repeat;
  padding:3px 6px;
  margin:0px 0px 4px 0px;
  height:24px;
}

#searchform #search{
  /*border: 1px solid #ccc;*/
  width:132px;
  padding:1px 3px;
 position:relative;
 left:-3px;
  font:bold 110% Arial, helvetica, sans-serif;
 color:#888;
}

#searchform #searchbutton {
  vertical-align:top;
  margin-top:0px;
  padding:2px 1px 1px;
}

/* AJAX
****************************************/

#carDetails.ajax-loading {
  padding: 40px 0;
  background: url(../img/spinner.gif) no-repeat center;
}

#throbber {
 position:absolute;
 top:15px;
 left:99px;
 z-index:100;
}
#throbber img {padding:3px;background:#fbfbfb;}

.static1 {width:178px;}
.static3 {width:559px;}


* html #contact div.container{
  /*width:559px !important;*/
}
* html #contact div.panelfooter{
  /*width:100% !important;*/
}
* html #contactform {
  /*width:100% !important;*/
}

/* initial state */
/*#quickquote .container {height:145px;}*/
#ads{
  display:none;
}
.editionTitle{
  border: 1px solid #424539;
  background-color: #FFFFDE;
  font-size:11px;
  padding: 2px 5px 2px 5px;
  color: #000000;
  font-family: arial;
}
.logoImg{
  padding-bottom:6px;
}
.block {
  /* background: transparent url(../img/button_bg.png) left top repeat-x; */
  margin-bottom:11px;
  /*overflow:hidden;*/
}
#about{
  padding-top:2px;
}
.ads3pos{
  float:right;
}