/*
	Filename 		css/styles.css
	Copyright		Autoborg
	Author 			Alumbrados Internet (www.alumbrados.nl)
	Last modified	1-4-2009
*/

@CHARSET "UTF-8";
* {
	margin				: 0;
	padding				: 0;
	border				: none;
}
body {
	background			: #ffffff;
	font-family			: arial, verdana, sans-serif;
	font-size			: 12px;
	color				: #000000;
}
input, textarea, button, select {
    font-family			: arial, verdana, sans-serif;
}
body, html {
    height              : 100%;
    margin              : 0;
    padding             : 0;
}
.bg {
    background          : url(/img/background.gif) repeat-y;
    margin-bottom       : 2px;
}
h2 {
    color               : #fff;
    font-size           : 26px;
    line-height         : 26px;
    text-align          : right;
    background          : #ff9900;
    padding             : 5px 8px 0 8px;
    font-weight         : normal;   
}
fielset {
    border              : 0px;
    padding             : 0px;
    margin              : 0px;
}
#content.medium h2 {
    background          : #FA0002;
}
#content.page h2 {
    background          : none;
    color               : #ff9900;
    font-size           : 56px;
    line-height         : 56px;
    text-align          : left;
    padding             : 0px;
    margin              : 0;
}
#subMenu {
    width               : 200px;
    float               : left;
}
#subMenu ul {
    list-style-type     : none;
}
#subMenu ul li {
    padding-bottom      : 10px;
}
#subMenu ul li a {
    color               : #ff9900;
} 
#pageContent {
    float               : left;
    margin-bottom       : 25px;
    width               : 728px;
    border-left         : 1px solid #ff9900;
    padding-left        : 10px;
    color               : #666;
}
#pageContent p {
    margin-bottom       : 2em;
}
#pageContent a {
    color               : #ff9900;
}
#pageContent form {
    margin-top          : 2em;
}
#pageContent form fieldset {
    padding             : 5px 0;
}
#pageContent form label {
    float               : left;
    display             : block;
    width               : 250px;
}
#pageContent form input,
#pageContent form textarea {
    border              : 1px solid #ff9900;
    padding             : 3px;
    width               : 300px;
    font-size           : 12px;
}
#pageContent form textarea {
    height              : 200px;
}
#pageContent form button {
    padding             : 3px;
    background          : #ff9900;
    color               : #fff;
}
#container {
    width               : 100%;
	min-height          : 100%;
	height              : auto !important;
	height              : 100%;
    position            : absolute;
}
#top {
	background			: #cccccc;
	padding				: 5px 0px;
	margin-bottom		: 3px;
	text-align          : right;
	
}
#top ul {
	width				: 972px;
	margin				: auto;
}
#top ul li {
	display				: inline;
	color				: #000;
	font-size			: 12px;
}
#top ul li a {
	color				: #000;
	text-decoration		: none;
}
#header {
	height				: 100px;  	
}
.left-header {
	background			: url('/img/header_left.jpg') repeat-x;
	width				: 50%;
	height				: 100px;
	z-index				: 0;
	position            : absolute;
	left                : 0;
}
.right-header {
	background			: url('/img/header_right.jpg') repeat-x;
	width				: 50%;
	height				: 100px;
	z-index				: 0;
	position            : absolute;
	right               : 0;
}
#nav-main {
	position			: absolute;
	background			: url('/img/header.jpg') no-repeat;
	width				: 945px;
	margin-left			: -473px;
	left				: 50%;
	list-style-type		: none;
	height				: 100px;
	z-index				: 2;
    padding-top			: 32px;
}
#nav-main li {
	display				: block;
	float				: right;
	margin-left		    : 12px;
}
#nav-main li a {
	color				: #ffffff;
	font-size			: 15px;
	font-weight			: bold;
	text-decoration		: none;
	z-index				: 1;
} 
#nav-main li a:hover img,
#nav-main li a.active img {
    border-bottom       : 2px solid #ff9900;	
}
#nav-main li a img {
    padding-bottom      : 3px;
    border-bottom       : 2px solid #fff;	    
}

#logo {
    position            : absolute;
    margin-top          : 10px;
    width               : 400px;   
    z-index             : 10;
}
#logo a {
    position            : absolute;
    margin-top          : -30px;
    width               : 400px;   
    height              : 54px;
    z-index             : 10;
    border              : none !important;
    z-index             : 10;
    background          : none;
}
#logo a:hover {
    border              : none !important;
}

#content {
	width				: 972px;
	margin				: auto;
	padding-bottom      : 120px;
}
#content.medium {
    width               : 945px; 
}
#action {
	padding-bottom		: 15px;
	margin-bottom		: 4px;
}
#action img {
	display				: block;
}
#carSelector {
	height				: 170px;
	border-bottom       : 1px solid #7f7f7f;	
	padding             : 10px;
}
#carSelector .car {
	float				: left;
	width				: 25%;
	text-align			: center;
}
#carSelector .car .image {
	height				: 100px;
	line-height			: 100px;

}
#carSelector .car .image img {
	vertical-align		: middle;
}
#carSelector .car span {
	display				: block;
	text-align			: center
}
#carSelector .texttip {
    color               : #7f7f7f;
}
#budgetSelector {
	border-bottom       : 1px solid #7f7f7f;	
	padding             : 10px;
	height              : 40px;    
}
.budgetSlider {
	background			: url(/img/slider_balk.png);
	width				: 738px;
	height				: 18px;
	position			: relative;
	
}
.indicator {
	margin-top			: 4px;
	position			: absolute;
	width				: 13px;
	height				: 25px;
	background			: url(/img/slider_control.png);
	font-size			: 1px;
	overflow			: hidden;
	border				: none;
}
#budgetSelector .left {
	width				: 187px;
	float				: left; 
}
#budgetSelector .right {
	width				: 716px; 
	float				: left;
    background			: url(/img/slider.jpg);
    padding             : 0 11px 0 11px;	
}
#fuelSelector {
	border-bottom       : 1px solid #7f7f7f;	
	padding             : 10px;
	height              : 25px;
	line-height         : 25px;
}
#fuelSelector span {
    margin-right        : 10px;
}
#fuelSelector h3 {
    float               : left;
    width               : 400px;
}
#resultSelector {
    height              : 40px;
    line-height         : 40px;    
    text-align          : center;
}
#resultSelector h3 {
    float               : right;
    line-height         : 40px; 
    width               : 210px;
}
#resultSelector h3 a {
    color               : #666;
    text-decoration     : none;
}
#carAjaxList td a {
	color: #000;
	text-decoration: none;
}
#carAjaxList td a:hover {
	text-decoration: underline;
}
#updateBar {
    background          : #FA0002;
    padding             : 3px;
    color               : #fff;
    height              : 18px;
    margin-bottom       : 10px;
    text-align          : center;    
}
#updateBar a {
    color               : #fff;
    text-decoration     : none;
    font-weight         : bold;
}
#updateBar div {
    float               : right;
    text-align          : right;
    margin-right        : -180px;
    *margin-right       : 0;
}
#updateBar a:hover {
    text-decoration     : underline;
}
#bottom {
	background			: #cccccc;
	padding				: 5px 0;
}
#bottom ul {
	width				: 972px;
	margin				: auto;
	text-align			: right;
}
#bottom ul li {
	display				: inline;
	color				: #000;
	font-size			: 11px;
	text-align			: right;
	font-weight         : bold;
}
#bottom ul li a {
	color				: #000;
	text-decoration		: none;
}
#footer-block {
    position            : absolute;
    bottom              : 0;
    width               : 100%;
}
#footer {
	height				: 22px;
	margin-bottom		: 10px;
}
#footer .background {
	position			: absolute;
	width				: 945px;
	margin-left			: -473px;
	left				: 50%;
	height				: 22px;
	background			: url(/img/footer_autoborginitiatiefnoordlease.jpg) no-repeat;
	cursor              : pointer;
}
#footer	.left-header {
	background			: url('/img/header_left.jpg') repeat-x left center;
	height				: 22px;
}
#footer	.right-header {
	background			: url('/img/header_right.jpg') repeat-x left center;
	height				: 22px;
}
.clear {
	clear				: both;
}
#overview {
    width               : 734px;
    float               : left;
}
#selection {
    width               : 238px;
    float               : left;
    background          : #e6e6e6; 
}
.pagination {
    background          : #f7cf9d;
}
.pagination ul {
    list-style-type     : none;
    height              : 25px;
    padding             : 3px 8px;
}
.pagination ul li a {
    display             : block;
    border              : 1px solid #ccb598;
    padding             : 4px 5px;
    color               : #ff9900;
    background          : #ffffff;
    float               : left;
    text-decoration     : none;
    margin-right        : 3px;
}
.pagination ul li a.active {
    background          : #ff9900;
    border              : 1px solid #ff9900;
    color               : #fff;
}
.results {
    float               : right;
    height              : 31px;
    line-height         : 31px;
    padding-right       : 8px;
}
.results select {
    border              : auto;
}
#overview table {
    width               : 100%;
    border-collapse     : collapse;
}
#overview th {
    font-size           : 10px;
    font-weight         : normal;
    text-align          : left;
}
#overview th img {
    vertical-align      : middle;
}
#overview .check {
    width               : 24px;
    vertical-align      : middle;
}
#overview td {
    vertical-align      : top;
}
.comments {
    font-size           : 10px;
    padding-top         : 8px;
    padding-bottom      : 5px;    
}
thead {
     border-bottom      : 1px solid #ccb598;
}
th {
    height              : 31px;
}
.bottom {
    border-bottom       : 1px solid #ccb598;
}
th.price,
th.milage,
th.registerDate,
th.fuel {
    padding-left        : 3px;
}
#overview td.price,
#overview td.milage,
#overview td.registerDate,
#overview td.fuel {
    padding-left        : 3px;
    border-left         : 1px solid #ff9900;
    height              : 24px;
    vertical-align      : middle;
}
#overview td.image {
    vertical-align      : middle;
}
#overview td.image img {
    vertical-align      : middle;
}
.brandTitle {
    height              : 12px;
    padding-top         : 5px;
}
#total {
    line-height         : 31px;
    padding             : 0 5px;
}
.fakeTh {
    height              : 30px;
    border-bottom       : 1px solid #ccb598;
    background          : #fff;
}
#selection h2 {
    font-size           : 14px;
    text-align          : left;
}
#selection h3 {
    font-size           : 12px;
    font-weight         : bold;
    border-bottom       : 1px solid #ff9900;
    line-height         : 16px;
    margin-top          : 12px;
    margin-bottom       : 3px;
    
}
.checklists {
    padding             : 5px;
}
.checklists .item {
    float               : left;
    width               : 50%;
    font-size           : 11px;
}
.noResults {
    font-size           : 12px;
    font-weight         : bold;
    text-align          : center;
    line-height         : 48px; 
}
.carHover  {
    background: red;

}
#detail {
    width               : 730px;
    float               : left;
    margin-right        : 4px;
}
#detail h3 {
    font-size           : 18px;
    text-align          : right;
    line-height         : 28px;
}
#detail h4 {
    font-size           : 14px;
    text-align          : right;
    line-height         : 28px;
}
#detail h3 span,
#detail h4 span {
    float               : left;
}

#compare .images {
    height              : 120px;
}
#detail .images {
    height              : 160px;
    
}
#compare .images {
    margin-top          : 12px;
    margin-left         : 192px;
}
#compare .images img,
#detail .images img {
    display             : block;
    float               : left;
    margin-left         : 2px;
    margin-right        : 1px;
}
#compare .images img {
}
#detail .rightImages img {
	margin-bottom: 10px;
	margin-left: 20px;
}
#detail .rightImages .lastRow {
	margin-bottom: 0px;
}
h5 {
    font-size           : 12px;
    font-weight         : bold;
    border-top          : 1px solid #cccccc;
    border-bottom       : 1px solid #ff9900;
    padding             : 3px;
    margin-top          : 21px;
}
h5 a {
    float               : right;
    color               : #000;
    font-size           : 10px;
    text-decoration     : none;
}
h5 a img {
    vertical-align      : middle;
}
#compare table,
#detail table {
    border              : none;
    width               : 50%;
    border-collapse     : collapse;
    float               : left;
    padding             : 0px;
}

#compare table {
    width               : 100%;
    float               : none;
}
#compare table th,
#detail table th {
    text-align          : left; 
    font-weight         : normal;
    border-bottom       : 1px solid #cccccc;
    padding             : 3px;
    height              : auto;
}
#detail table th {
    width               : 50%;
}
#compare table td,
#detail table td {
    font-weight         : bold; 
    border-bottom       : 1px solid #cccccc;
    padding             : 3px;
    height              : auto;
    vertical-align      : top;
}
#block4 table {
    float               : none;
    width               : 100%;
}
#block4 table th {
    font-weight         : bold;
    width               : 25%;
}
#block4 table td {
    font-weight         : normal;
}
.disclaimerText {
    border-bottom       : 1px solid #cccccc;
    padding             : 8px 3px;
    font-size           : 10px;
    margin-bottom       : 40px;
}
#compare table td {
    width               : 20%;
    border-left         : 1px solid #cccccc;
}
.banner img {
	display: block;
}
.bannerList {
    height              : 170px;
    margin-bottom       : 22px;
}
.bannerList div {
    width               : 300px;
    height              : 170px;
    float               : left;
    margin-right        : 22px;
}
.bannerList div.last {
    margin-right        : 0px;
    margin-left         : 1px;
}
.newCarsBanner {
    background          : url(/img/banner_aanbod.jpg) no-repeat;
}
.newCarsBanner a {
    color               : #e98200;
}
.newCarsBanner .left {
    width               : 120px;
    position            : absolute;
    z-index             : 4;
    margin              : 0;
    padding             : 0;
    text-align          : center;
    padding-top         : 40px;
    height              : auto;
}
.newCarsBanner .rightBlock {
    float               : none;
    height              : auto;
    position            : absolute;
    z-index             : 3;
    width               : 295px;
    padding             : 0;
    margin              : 0;
    text-align          : right;
    margin-top          : 50px;
}
.newCarsBanner .rightBlock .top15 {
    height              : 40px;
    line-height         : 40px;
    padding             : 20px 90px;
    margin-bottom       : 0px;
} 
.medium h3 {
    background          : url(/img/tripple_pijlen.jpg) no-repeat left 5px;
    font-size           : 20px;
    color               : #666666;
    padding             : 2px 0px 2px 19px;
    font-weight         : normal;
}
#nav img {
    vertical-align      : middle;
}
#nav .back a,
#nav .print a {
    color               : #000;
    text-decoration     : none;
}
#nav .print {
    font-size           : 10px;
    float               : right;
    margin-right        : 8px;
    line-height         : 28px;
}
#nav .back {
    background          : url(/img/back.gif) no-repeat;
    font-weight         : bold;
    padding-left        : 12px;
    margin-left         : 8px;
    line-height         : 28px;
}
#compare table a {
    color               : #e98200;
}
#carList th a {
    color               : #000;
}
#carList th.compareCell a {
    color               : #e98200;
    text-decoration     : none;
}
#carList th.compareCell {
    color               : #e98200;
    font-size           : 12px;
}
#carList  th.compareCell .button {
    padding             : 5px 7px;
    border              : 1px solid #ccb598;
    
}
#compare .contact {
    float               : right;
    margin-top          : 10px;
    margin-right        : 35px;
}
#selection .contact {
    line-height         : 150px;
    text-align          : center;
}
.contactSmall {
    text-align          : center;
    line-height         : 100px;
}
.contactSmall img {
    vertical-align      : middle;
}
#selection .contact img {
    vertical-align      : middle;
}
#selection .energy,
#selection .area,
#selection .content,
#selection .kees {
    margin              : 8px;
    padding             : 8px;
    background          : #999;
    color               : #fff;  
}
#selection .energy img {
    vertical-align      : center;
}
#selection .area {
    font-weight         : bold;
    font-size           : 14px;
}
#selection .area div {
    font-size           : 10px;
    color               : #000;
    text-align          : center;
}
#selection .area span {
    background          : #fff;
    display             : block;
    margin-top          : 1em;
    padding             : 10px 0;
    text-align          : center;
}
#selection .energy .label {
    padding-left        : 20px;
    line-height         : 18px;
}
#selection .content a {
    color               : #fff;

}
#selection select {
    width               : 90px;
}
#priceSelect,
#milageSelect {
    font-size           : 11px;
}
#milageSelect {
    background          : url(/img/slider_kmstand_heel.png) center bottom no-repeat;
    background			: none;
}
#priceSelect {
    background          : url(/img/slider_prijs_heel.png) center bottom no-repeat;
    background			: none;
}
#milageSelect select,
#priceSelect select {
    background          : #e7e7e7;
    font-size           : 11px;
}
.orangeBar {
    height              : 25px;
    background          : #ff9900;
}
.partners {
    text-align          : center;
    padding             : 5px;
}
.partners img {
    vertical-align      : middle;
    margin              : 0px 10px;
}
#movie {
    width               : 512px;
    margin              : auto;
}
#content iframe {
    width               : 100%;
    height              : 577px;
    border              : none;
}
#map {
    width               : 100%;
    height              : 300px;
    border              : 1px solid #ff9900;
}
#pageContent #route input {
    width               : 150px;
    display             : inline
}
.disabled {
    color               : #999;
}
table td ul {
    margin-left         : 15px;
}

.submitButton {
	margin-top			: 12px;
}

#footerMenu {
	background			: #eee;
	padding				: 12px;
}
#footerMenu ul {
	margin				: 0;
	padding				: 0;
	width				: 33%;
	float				: left;
	list-style-type		: square;
	font-size			: 8px;
	color				: #999;
}
#footerMenu ul li {
	margin				: 0;
	padding				: 0;
	margin-right		: 24px;
	margin-left			: 25px;
	font-size			: 11px;
}
#footerMenu ul a {
	text-decoration		: none;
	
	color				: #666;
}
#footerMenu ul a:hover {
	text-decoration		: underline;
}

#splash {
	padding-top			: 20px; 
	padding-bottom		: 20px;
	text-align			: center;
	background			: #eeeeee;
	height				: 100%;
}
#splash img {
	
}