/* -------------------------------------------------------------- 
   
  Autorunner.nl v.2 - Global layout stylesheet

  by: Johan Harteveld | Centroid Media
  
  
  COLORS:
  
  bordeaux:   #7d1f1f
  geel:       #f3cf03
  lichtgeel:  #f5e068
  grijs:      #6e6e6e
  lichtgrijs: #9f9e9e
  
-------------------------------------------------------------- */

html {
  overflow-y: scroll; 
}

body {
  background: url(../img/pagetop_bg_2.jpg) repeat-x;
}

body#home {
  background: url(../img/pagetop_bg.jpg) repeat-x;
 }

#container {
  width: 950px;
  margin: 0 auto;
}

/* Masthead
-------------------------------------------------------------- */

#header {
  height: 91px;
  background: url(../img/header_bg.png) no-repeat;
}

#logo {
  float: left;
  padding: 25px 0 0 15px;
}

#logo a {
  display: block;
  width: 261px;
  height: 46px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/autorunner_logo.png) no-repeat;
}

/* Banner
-------------------------------------------------------------- */

div#banner-top {
  float: right;
  width: 468px;
  height: 60px;
  margin-top: 15px;
}

div.banner-side {
  margin-top: 2em;
  padding: 0 20px;
  text-align: center;
}

/* Content
-------------------------------------------------------------- */

h1#page_info {
  margin: 1.2em 0;
  text-align: center;
  font-size: 2.5em;
  color: #9f9e9e;
}

h1#page_info span,
#blader_title span.result_total {
  color: #000;
}

#blader_title {
  text-align:center;
  color: #9f9e9e;
  margin: 2.4em 0;
}

#blader_title span,
#blader_title h1 {
  display: inline;
}

#blader_title span {
  font-size: 2.5em;
}

#blader_title h1 {
  padding: 0 0 0 0.2em;
}

#content_main {
  float: left;
  width: 710px;
  margin-bottom: 35px;
}

#content_side {
  float: right;
  width: 200px;
  padding: 0 10px;
  margin-bottom: 35px;
}

#home #content_side {
  padding: 35px 10px 0 10px;
}

#searchresult #content_side {
  padding: 10px 10px 35px 10px;
  background: #525252;
}

#detailpage #content_side,
#saved_cars_overview #content_side {
  padding: 30px 10px;
  background: #f2f2f2;
}

/* Search form
-------------------------------------------------------------- */

#search {
  padding: 50px 40px;
  border: 1px solid #d2d2d2;
  border-top: none;
}

#search fieldset {
  margin-bottom: 10px;
}

fieldset#search_extended {
  position: relative;
  margin-top: 30px;
  border-top: 1px solid #d2d2d2;
}

#search legend {
  display: none;
}

#search label {
  display: block;
  padding-left: 6px;
  font-size: 1.5em;
  color: #535353;
}

#search label:hover {
  color: #7d1f1f;
}

#search select {
  width: 200px;
  height: 1.7em;
  padding: 1px 0;
  font-size: 1.167em;
  font-style: italic;
  color: #aaa;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.select_wrap_1 select {
  display: block;
  margin-bottom: 10px;
}

#search option {
  font-style: normal;
  color: #444;
}

.add_auto {
  margin: 4px 0 0 0;
}

.add_auto button {
  padding: 0 2px;
  margin-right: 3px;
}

input#auto_trefwoord {
  width: 192px;
  padding: 3px 2px;
  font-size: 1.167em;
  font-style: italic;
  color: #aaa;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#submit {
  margin-top: 25px;
}

#submit_extended {
  clear: both;
  float: right;
  margin-top: 35px;
}

.select_wrap_1 {
  float: left;
  margin-right: 40px;
}

.select_wrap_2,
.select_wrap_3 {
  clear: both;
  float: left;
  margin-top: 18px;
}

.select_wrap_3 label {
  float: left;
  width: 234px;
}

select#auto_prijs_min,
select#auto_bouwjaar_min,
select#auto_km_min {
  margin-right: 37px;
}

#select_opties {
  position: absolute;
  top: 24px;
  right: 0;
  width: 140px;
  padding-left: 20px;
  border-left: 1px solid #d2d2d2;
}

#select_opties h3 {
  margin-bottom: 0.5em;
  font-size: 1.5em;
  color: #535353;
}

#select_opties ul {
  margin: 0;
  list-style: none;
}

#select_opties ul li {
  clear: both;
  padding: 5px 0;
}

#select_opties label {
  float: left;
  font-size: 1em;
  color: #7e7e7e;
}

#select_opties input {
  float: left;
  clear: both;
}

a#form_show_options {
  margin: 5px;
  padding-left: 10px;
  background: url(../img/arrow_down.gif) no-repeat 0 50%;
}

/* Refine searchresults
-------------------------------------------------------------- */

#searchresult #content_side h3 {
  font-size: 1.5em;
  color: #fff;
}

h3#refine_heading {
  padding-top: 0.7em;
  border-top: 1px solid #898989;
}

#searchresult #content_side ul {
  margin-left: 0;
  margin-right: 0;
  list-style: none;
  color:#ededed;
}

#auto_geselecteerd {
  padding-bottom: 10px;
}

#auto_geselecteerd li {
  clear: both;
  padding: 2px 0;
  color: #f5e068;
}

#auto_geselecteerd li span {
  float: left;
}

.delete_auto {
  display: block;
  float: right;
  width: 16px;
  height: 16px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/delete_icon.png) no-repeat;
}

.delete_auto:hover,
.delete_auto:focus {
  background: url(../img/delete_icon.png) bottom left no-repeat;
}

.add_auto {
  display: block;
  height: 16px;
  margin: 0 0 15px 0;
  padding-left: 20px; 
  background: url(../img/add_icon.png) no-repeat;
}

.add_auto:hover,
.add_auto:focus {
  background: url(../img/add_icon.png) bottom left no-repeat;
}

#home .add_auto {
  background: url(../img/add_icon_home.png) no-repeat;
  margin: 5px 0 0 0;
}

#home .add_auto:hover,
#home .add_auto:focus {
  background: url(../img/add_icon_home.png) bottom left no-repeat;
}

.refine_go {
  display: block;
  float: right;
  width: 30px;
  height: 18px;
  margin-top: -28px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(../img/refine_button.png) no-repeat;
}

.refine_go:hover,
.refine_go:focus {
  background: url(../img/refine_button.png) bottom left no-repeat;
}

.modeladd { 
display: none; 
}

.refine_list .refine_go {
  margin-top: -18px;
}

#refine_keyword .refine_go {
  margin-top: -19px;
}

#searchresult #content_side a {
  color: #efe8c2;
  text-decoration: underline;
}

#searchresult #content_side a:hover,
#searchresult #content_side a:focus {
  color: #f5e068;
  text-decoration: underline;
}

#content_side label {
  display: block;
  margin: 0.8em 0 0.1em 0;
  font-size: 1.167em;
  color: #f5e068;  
}

#content_side select {
  width: 160px;
  margin-bottom: 8px;
  color: #797979;
}

.refine_list {
  margin-top: 1em;
  padding-bottom: 0.3em;
  border-top: 1px solid #898989;
}

.refine_list h4 {
  margin: 0.5em 0 0 0;
  color: #f5e068;
}

.refine_list ul li {
  clear: both;
}

#content_side .refine_list label {
  float: left;
  margin-top: 0;
  padding-left: 5px;
  font-size: 1em;
  color: #ededed;
}

#content_side .refine_list label:hover {
  color: #f5e068;
}

#content_side .refine_list input {
  float: left;
  clear: both;
  margin-left: 0;
  margin-right: 0px;
}

#refine_keyword {
  margin-top: 1em;
  padding-bottom: 0.3em;
  border-top: 1px solid #898989;
}

#refine_keyword input {
  border: none;
  width: 152px;
  padding: 2px 4px;
  color: #797979;
}

/* Sort searchresults
-------------------------------------------------------------- */

#sort_result {
  margin-bottom: 14px;
  padding: 0 10px 3px 10px;
  border-bottom: 1px solid #dcdcdc;
  line-height: 14px;
}

#sort_result span {
  float: left;
}

#sort_result ul {
  margin: 0;
  list-style: none;
}

#sort_result li {
  float: left;
  margin: 0 6px 0 0;
  padding: 0 0 0 6px;
  border-left: 1px solid #9f9e9e;
  line-height: 14px;
}

#sort_result li:first-child {
  border-left: none;
}

#sort_current_up a {
  padding-right: 10px;
  background: url(../img/arrow_up.gif) no-repeat right 4px;
  font-weight: bold;
}

#sort_current_down a {
  padding-right: 10px;
  background: url(../img/arrow_down.gif) no-repeat right 4px;
  font-weight: bold;
}

/* Searchresults + shared detailpage styles
-------------------------------------------------------------- */

#searchresults {
  margin: 0;
  list-style: none;
}

#searchresults li {
  margin-bottom: 10px;
  padding: 5px 10px 5px 5px;
  background: #fcfcd9;
}

#searchresults img,
#auto_overview img {
  float: left;
  margin-right: 8px;
  margin-bottom: 8px;
  border: 1px solid #d7d7b4;
}

#searchresults a:hover img {
  border: 1px solid #7d1f1f;
}

#searchresults h2 {
  float: left;
  width: 430px;
  margin-bottom: 0.5em;
}

#searchresults h3,
#auto_overview h2 {
  float: right;
  margin-bottom: 0.5em;
  font-size: 1.666em;
  line-height: 1.5;
}

#searchresults ul,
#auto_overview ul {
  float: left;
  margin: 0;
  list-style: none;
}

#auto_overview ul#main_specs {
  width: 350px;
}

#searchresults ul li,
#auto_overview ul li {
  margin: 0;
  padding: 0;
  font-size: 1.167em;
  color: #000;
}

#searchresults ul li span,
#auto_overview ul li span {
  display: block;
  float: left;
  width: 10em;
  color: #9f9e9e;
}

#searchresult .auto_action,
#saved_cars_overview .auto_action {
  clear: both;
  float: right;
  margin: -17px 0 -5px 0;
}

#detailpage .auto_action {
  text-align: right;
  margin-bottom: 20px;
  padding-right: 5px;
  padding-bottom: 2px;
  border-bottom: 1px solid #dcdcdc;
}

.auto_action label {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid #6e6e6e;
}

.auto_action label:hover {
  color: #7d1f1f;
  border-bottom: 1px solid #7d1f1f;
}

.auto_action input {
  margin: 0 0 1px 5px;
}

.add_saved {
  padding: 0 22px 1px 0;
  background: url(../img/save_icon.png) no-repeat right top;
}

.add_saved:hover {
  background: url(../img/save_icon.png) no-repeat right bottom;
}

.remove_saved {
  padding: 0 20px 1px 0;
  background: url(../img/delete_icon.png) no-repeat right top;
}

.remove_saved:hover {
  background: url(../img/delete_icon.png) no-repeat right bottom;
}

#compare_selected {
  text-align: right;
}

#compare_selected a {
  display: block;
  margin-right: 10px;
  line-height: 21px;
  padding: 7px 34px 0 0;
  background: url(../img/arrow_vergelijk.gif) no-repeat right top;
  text-decoration: underline;
}

#merkinformatie,
#modelbladeren {
  background: #fcfcd9;
  padding: 5px 10px;
  margin-bottom: 15px;
  border: 1px solid #f5e068;
}

#modelbladeren {
  display: none;
}

/* Detailresult
-------------------------------------------------------------- */

#detailpage_nav {
  margin-bottom: 14px;
  padding: 50px 10px 0 10px;
  border-bottom: 1px solid #dcdcdc;
}

a.back_to_results {
  float: left;
  padding-left: 14px;
  background: url(../img/arrow_left.gif) no-repeat 0 50%;
}

#auto_overview {
  padding: 0 5px;
}

#detailpage h1 {
  float: left;
  width: 430px;
  margin-bottom: 0.5em;
  line-height: 1.5;
  font-size: 1.666em;
  color: #7d1f1f;
}

#auto_details_secondary {
  clear: both;
  padding-top: 20px;
}

#auto_details_secondary ul {
  float: left;
  list-style: disc;
  margin: 0 32px 1em 16px;
  width: 180px;
}

#auto_details_secondary ul li {
  font-size: 1em;
  color: #6e6e6e;
}

#auto_overview h3 {
  clear: both;
  font-size: 1.666em;
  margin-bottom: 0.5em;
}

#car_pics {
  margin-bottom: 15px;
}

#car_pics img {
  margin-left: 17px;
  margin-right: 0px;
}

#car_pics img.fist_car_pic {
  margin-left: 0;
}

#auto_location {
  font-size: 1.167em;
}

#auto_location a {
  font-size: 0.856em;
}

#detailpage #map { 
  display: none;
  width: 698px;
  height: 300px;
  margin-bottom: 15px;
  border: 1px solid #7d1f1f;
}

#auto_overview .ad_found_on {
  margin-bottom: 15px;
  padding: 5px 10px;
  background: #fffcd8;
  border: 1px solid #f5e068;
}

#auto_overview .ad_found_on p {
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
  padding-top: 2px;
}

#auto_overview .ad_found_on ul {
  float: left;
  width: auto;
  margin: 0 32px 0 16px;
  list-style: disc;
}

#auto_overview .ad_found_on ul li {
  font-size: 1.167em;
  color: #6e6e6e;
}

#auto_overview .ad_found_on ul li a {
  font-size: 0.856em;
}

.auto_thumb {
  float:left;
  width: 170px;
}

.finance_link {
  text-align: center;
  margin-top: 10px;
}

.finance_link a {
  display: block;
  float: left;
  width: 150px;
  padding: 5px;
  background: #ffefef;
  border: 1px solid #efb3b3;
  font-size: .9em;
}

.finance_link_price a {
  float: right;
}

/* Footer
-------------------------------------------------------------- */

#footer {
  clear: both;
  font-size: 0.916em;
}


#footer p a {
  color: #6e6e6e;
  text-decoration: none;
}

#footer p a:hover {
  color: #000;
  text-decoration: underline;
}

p.search_info {
  margin-bottom: 0;
  padding: 2px 0 2px 27px;
  border-bottom: 1px solid #dcdcdc;
  background: url(../img/icon_magnify.gif) no-repeat 7px 1px;
}

p.search_info span {
  font-weight: bold;
  font-size: 1.083em;
}

p.copyright {
  float: right;
  padding: 3px 5px 0 0;
}

/* Breadcrumbs
-------------------------------------------------------------- */

#breadcrumbs {
  padding: 0 10px;
}

#breadcrumbs ul {
  list-style: none;
  margin: 2px 0 0 0;
}

#breadcrumbs ul li {
  display: inline;
  font-size: 0.916em;
  color: #7d1f1f;
}

#breadcrumbs ul li a {
}

#breadcrumbs ul li a:hover {
  text-decoration: underline;
}

/* Tabs home
-------------------------------------------------------------- */

#tabs_search {
  background: url(../img/tabs_bg_bottom.gif) repeat-x bottom left;
}
  
#tabs_search ul {
  margin:0 0 0 10px;
  padding:0;
  list-style:none;
}
  
#tabs_search li {
  float:left;
  margin:0 6px 0 0;
  padding:0 0 0 3px;
  background:url("../img/tab_left.gif") no-repeat left top;
}
  
#tabs_search a {
  float:left;
  display:block;
  padding:7px 20px 6px 17px;
  background:url("../img/tab_right.gif") no-repeat right top;
  text-decoration:none;
  color:#525252;
}
  
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs_search a {float:none;}
/* End IE5-Mac hack */

#tabs_search a:hover {
  color:#7d1f1f;
  text-decoration: underline;
}
  
#tabs_search #current_tab a {
  color: #7d1f1f;
  padding-bottom: 4px;
  font-size: 1.167em;
  font-weight: bold;
  text-decoration:none;
}

.saved_cars,
#tabs_search .saved_cars {
  float: right;
}

.saved_cars span#saved_cars_count {
  float: none;
}

#tabs_search .saved_cars {
  background: none;
  margin: 12px 10px 0 0;
  padding: 0;
  color: #7d1f1f;
}

/* Pagination
-------------------------------------------------------------- */

.pagination {
  margin: 25px 0 15px 0;
  text-align: center;
}

.pagination ul {
  list-style: none;
}

.pagination li {
  display: inline;
  margin: 0 1px;
  color: #ccc;
  padding: 3px 0px;
}

.pagination li a {
  padding: 3px 7px;
  color: #6e6e6e;
  text-decoration: none;
  border: 1px solid #ccc;
}

.pagination li a:hover,
.pagination li a:focus {
  background: #7d1f1f;
  color: #fff;
  border: 1px solid #000;
  text-decoration: none;
}

.pagination li.page_active {
  padding: 3px 6px;
  border: 1px solid #ddd;
  font-weight: bold;
  color: #7d1f1f;
}

.pagination li.page_prev,
.pagination li.page_next {padding: 3px 7px;}
.pagination li.page_prev a,
.pagination li.page_next a {padding: 3px 7px; margin: 0 -7px}

/* Bladeren
-------------------------------------------------------------- */

#merk_model_list {
  margin-bottom: 0;
}

#merk_model_list dt {
  float: left;
  clear: both;
  margin-right: 0.5em;
  font-size: 1.167em;
}

#merk_model_list dd {
  float: left;
  margin-left: 0;
  line-height: 1.7;
}

#merk_model_list a {
  color: #6e6e6e;
}

#merk_model_list a:hover {
  color: #7d1f1f;
}

/* Clearing floats without extra markup
   [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;}

/* Regular clearing */
.clear { clear:both; }


/* Overture Ads
-------------------------------------------------------------- */

.overture-ad {
  margin: 15px 0;
}

h3.ad_category {
  font-weight: bold;
}

.overture-ad h4 {
  margin-bottom: 0;
  font-size: 1.083em;
  font-weight: bold;
  color: #555;
}

.overture-ad h4 a {
  color: #555;
}

.overture-ad p {
  margin:0;
}