/**
 * Default HTML tags
 * -----------------
 */
*{
	margin:0;
	padding: 0;
} 

body{	
	font-family: Arial;
	font-size:12px;
	color: #555;
	text-align:center;
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat;
	font-family: Arial, Verdana, Helvetica, sans-serif;	
}

h1{
	margin: 20px 20px 0 20px;
	font-size: 19px;
	color: #819d39;
	padding: 5px; 
	background-color: #dae7bb;
	text-decoration: underline;
	text-decoration: none;
}

h1 a{
	color: #819d39;
	text-decoration: underline;	
}

h1 a:hover{
	text-decoration: none;
	color: #819d39;	
}

h1 .arrow{
	padding: 0 7px;
}

h2{
	margin: 20px 20px 0 20px;
	font-size: 16px;
	color: #555;
	border-bottom: 1px solid #CDCDCD;	
}

ul{
	margin: 5px 0 5px 50px;
}

ul li{
	list-style: square;
}

p{
	margin: 10px 0 10px 35px;
	width: 900px;
	text-align: justify;
	line-height: 17px;
}

a{
	color: #000;
}

a:hover{
	color: #999;
	text-decoration: none;
}

img{
	border: none;
	text-decoration: none;
}

table{
	margin: 10px 0 0 20px;
}

table td{
	padding-right: 20px;
}

/**
 * Page structure 
 * --------------
 */ 
#container{
	text-align:left;
	margin: 0 auto;
	width: 990px;
	background-color: #FFFFFF;
}

#header{
	float: left;
	display: block; 
	width: 450px;
	height: 80px;
	margin: 0;
	padding: 0;
	background-image: url(../images/header.jpg);
}

#header a{
	display:block;
	width: 450px;
	height:75px;
}

#header span{
	display:none;
}

#login{
	float: right;
	display: block; 
	width: 535px;
	height: 80px;
}

#login .icons{
	margin: 18px 0 0 395px;
}

#login img{
	margin: 0 0 0 20px;
}

#content{
	clear: both;
}

#footer{
	clear: both;
	width: 990px;
	height: 55px;
	background-color: #9fc04b;
	color: #FFF;
}

.footer a{
	color: #FFF;
	text-decoration: underline;
}

.footer{
	margin: 0;
	font-weight: bold;
	padding: 20px 0;
}

.footer li{
	padding: 0 10px 0 20px;
	display: inline;
}

#footerleft{
	float: left;
	width: 741px;
	height: 55px;
}

#footerright{
	float: right;
	width: 249px;
	height: 55px;
	background-color: #819d39;
}

#mwb{
	text-align: center;
	margin: 0 auto;
	width: 990px;
	color: #000;
	padding: 10px 0;
}

/**
 * galerij page structure
 * ----------------------
 */
#galerij .container {
	width: 970px;
	height: 600px;
	text-align: center;
	margin: 10px 0 0 10px;
}

#galerij #slideshow{
	width: 970px;
}

#galerij #slideshow a{
	text-decoration: none;
}

#galerij .container #thumbs ul{
	width: 970px;	
	margin-bottom: 35px;
	padding: 0;
}

#galerij .container #thumbs ul li{
	padding: 0 2px 0 0;
	margin: 0;
	list-style: none;
	display: inline;
}

#galerij #thumbs .thumb{
	padding: 0;
	margin: 0;
}
 
#galerij #gallery .controls{
	display: none;
}
 
#galerij .top{
	margin: 0 0 10px 0;
}

#galerij .top a{
	padding: 5px;
}

/**
 * faq page structure
 * ------------------
 */
#faq p{
	margin: 2px 0 10px 50px;
	width: 800px;
	font-style: italic;
}

/**
 * Index page structure
 * --------------------
 */
#slideshow{
	float: left;
	display: block;
	width: 450px;
	height: 188px;
	margin: 0 0 0 2px;
}

#carsearch{
	float: right;
	display: block;
	width: 535px;
	height: 200px;
	background: url(../images/carsearch.jpg);
}

#carsearch h1{
	text-align: right;
	background-color: #f3f3f3;
	border-top: 2px solid #d6d6d6;
	border-bottom: 2px solid #d6d6d6;
	padding: 8px 20px;
	margin: 0;
	color: #4d4d4d;	
	font-size: 15px;
}

#featurelist{
	clear: both;
}

#featurelist .infoblock{
	background-image:url(../images/infoblock_bg.jpg);
	background-repeat: repeat-x;
	border-left: 1px solid #d5d5d5;
	display: block;
	float: left;
	width: 209px;
	height: 175px;
	color: #676568;
	margin: 0;
	padding: 8px;
}

#featurelist .brandblock{
	background-color: #e5e5e5;
	border-left: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	display: block;
	float: left;
	width: 85px;
	height: 190px;
	color: #676568;
	margin: 0;
	padding: 0px;
}

#pscroller1{
	width: 85px;
	height: 190px;	
	padding: 0;
	margin: 0;
}

#featurelist .brandblock p{
	margin: 0;
	padding: 0;
}

#featurelist h2{
	font-size: 17px;
	border: none;
	color: #89a346;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 15px 10px;
}

#featurelist .infoblock p{
	margin-left: 5px;
	width: 205px;
	height: 105px;
	text-align: left;
}

#featurelist .infoblock ul{
	margin: 0 0 0 20px;
	height: 115px;
}

#featurelist .infoblock li{
	list-style-image: url(../images/li.gif);
}

#featurelist .follow{
	width: 205px;
	margin: 0;
}

#featurelist .follow a{
	color: #819f3d;
}

#featurelist .follow .arrow{
	font-size: 16px;
	padding: 0;
}

#flashcontent{
	position: absolute;
	margin-left: 280px;
}

/**
 * Car compare structure
 * ---------------------
 */
#carCompare{
	border-collapse: collapse;
	width: 950px;
	margin: 20px;
	text-align: center;
	border-bottom: 3px solid #e9f7c7;
	clear: both;
}

#carCompare .phototd{
	border: none;	
}

#carCompare tr{
	border-left: 3px solid #e9f7c7;	
	border-right: 3px solid #e9f7c7;
}

#carCompare .class0{
	border: none;
}

#carCompare .odd{
	background-color: #e9f7c7;
}

#carCompare .phototh{
	border: none;	
}

#carCompare .modeltitle{
	font-size: 15px;
	font-weight: bold;
}

#carCompare .optionItem{
	text-align: left;
	font-style: italic;
	border-left: none;
}

#carCompare th, td{
	font-size: 12px;
	padding: 5px 9px 3px 9px;
	color: #222;	
}

#carCompare th{
	font-weight: bold;
	text-align: left;
	display: block;
	width: 200px;
}

#carCompare td{
	border-left: 3px solid #e9f7c7;
}

#carCompare tr:hover{
	background: #f0f8de;
}

#carCompare .class0:hover{
	background: #FFF;
}

#content #backtooverview{
	margin: 10px 0 0 20px;
	font-size: 14px;
}

/**
 * Car page structure
 * ------------------
 */
#carcontent{
	clear: both;
	float: left;
	width: 960px;
	padding: 15px;
}

#carcontent p{
	width: 475px;
	
}

#carcontent table{
	margin: 0 0 0 8px;
}

#carcontent #title{
	width: 958px;
	margin: 5px 0;
	padding: 5px 0;
	border: 1px solid #9fc04b;
	background-color: #EEE;
	color: #9fc04b;	
	text-align: center;
	font-size: 18px;
	clear: both;
}

#carSpecs{
	float: left;
	width: 516px;
	margin-bottom: 5px;
	border: 1px solid #9fc04b;
}

#carSpecs h2{
	border-bottom: 2px solid #9fc04b;
	color: #9fc04b;
	margin: 15px 0 3px 5px;
	width: 506px;
	text-decoration: none;
}

#carPhotos{
	float: right;
	display: block;
	width: 435px;
	margin-bottom: 5px;
	border: 1px solid #9fc04b;
}

#carPrice{
	float: right;
	display: block;
	width: 435px;
	margin-bottom: 5px;
	border: 1px solid #9fc04b;
	padding-bottom: 20px;
}

#carPrice .right{
	text-align: right;
}

#carPrice p{
	width: 380px;
}

#carPrice h3{
	margin: 2px 0 0 15px;
	font-weight: normal;
	font-size: 14px;
}

#carPrice .finance{
	margin: 10px 23px 0 15px;
	text-align: right;
	font-weight: normal;
	font-size: 14px;
}

#carPrice .pricefinance{
	margin: 10px 23px 0 15px;
	text-align: right;
	font-weight: normal;
	font-size: 18px;
	color: #F00;
}

#carPrice .price{
	font-size: 18px;
	color: #F00;
	font-size: 18px;
}

#carPrice .left{
	float: left;
	width: 200px;
	height: 22px;
}

#carPrice .right{
	float: right;
	width: 180px;
	margin-right: 25px;
	height: 22px;
}

#carPrice .hfinance{
	text-align: right;
	clear: both;
	padding-top: 15px;
}

#carPrice h2{
	border-bottom: 2px solid #9fc04b;
	color: #9fc04b;
	margin: 15px 0 15px 5px;
	width: 425px;
	text-decoration: none;
}

.carOptionItem{
	float: left;
	width: 245px;
}

#carOptionsList{
	margin: 9px 0 0 19px;	
}

.clearboth{
	clear: both;	
}

#backtooverview{
	margin: 0 0 18px 0;
	font-size: 14px;
	float: left;
}

#backtooverview .arrow{
	font-size: 19px;
}

#printcar{
	font-size: 14px;	
	margin: 0;
	float: right;
	text-align: right;
}

#printcar a{
	text-decoration: none;
}

#printcar img{
	vertical-align: middle;	
	text-decoration: none;
	margin-left: 7px;
}

/**
 * Car agent structure
 * ------------------
 */
#carList img{
	margin: 0 7px 0 0;
}

#carList .item{
	margin: 0 0 0 120px;
}

#stocknocars{
	margin: 20px 0 10px 0;
	padding: 10px 5px;
	display: block;
	border: 2px solid #F00;
	width: 733px;
	text-align: center;
	font-weight: bold;
}

/**
 * Contact structure
 * -----------------
 */
#contactleft{
	float: left;
	width: 450px;
	margin-top: 10px;
}

#map{
	float: right;	
	width:470px;
	height:300px;
	margin: 15px 050px 20px 0;
}

/**
 * Stock page structure
 * --------------------
 */
#cars {
	float: left;
	display: block;
	width: 775px;
	padding: 10px 0 10px 10px;
}

#cars .carItem{
	text-align: center;
	float: left;
	display: block;
	width: 184px;
	padding: 5px 5px 5px 0;
	margin: 2px 2px 0 0;
	height: 242px;
	border: 1px solid #9fc04b;	
}

#cars .carItem a img{
	margin: 3px 0 2px 0;
}

#cars .carItem p{	
	text-align: left;
	margin: 2px 0 2px 7px;
	padding: 0;
	width: 174px;
}

#cars .carItem h2{
	text-decoration: none;
	width: 182px;
	margin: 0 0 0 3px;
	font-size: 12px;
	padding: 3px 0 1px 0;
	background-color: #9fc04b;
}

#cars .carItem h2 a{
	text-decoration: none;
}

#cars .carItem h2 a:hover{
	color: #FFFFFF;
}

#cars .carItem img{
	margin: 0;
	padding: 0;
}

#cars #filterlist{
	width: 768px;	
	margin: 5px 0;
	border: 1px solid #9fc04b;
	background-color: #EEE;
	font-size: 12px;	
	color: #000;
}

#cars #filterlist h1{
	color: #9fc04b;	
	margin: 0;
	text-align: center;
	padding: 5px 0 5px 0;
}

#cars #filterlist p{
	margin: 0 0 10px 10px;
	width: 700px;
}

#cars #filterlist .seperator{
	padding: 0 6px;
}

#cars #filterlist a{
	color: #666;
	text-decoration: none;
}

#cars #filterlist a:hover{
	color: #000;
}

#cars img{
	vertical-align: middle;
	margin-left: 5px;
}

#filter{
	border: 1px solid #9fc04b;
	background-color: #EEE;
	float: right;
	display: block;
	width: 190px;
	margin: 15px 11px 10px 0;
}

#filter h1{
	color: #9fc04b;	
	margin: 0;
	text-align: center;
	padding: 5px;
}

#filter h2{
	color: #000;	
	margin: 7px 0 3px 12px;
	font-size: 12px;
	text-decoration: none;
	width: 165px;
}

#filter ul{
	margin: 0 0 15px 30px;
}

#filter li{
	color: #555;
	font-size: 11px;
	list-style-image: url(../images/li.gif);
}

#filter li a{
	text-decoration: none;
}

.filterpriceform{
	margin: 6px 0 10px 0;	
	paddin: 0;
}

.filterpriceform .filterpriceselect{
	width: 57px;
	paddin: 0;
	margin: 0;
	color: #89a346;
	border: 1px solid #89a346;
	font-size: 10px;
}

.filterpriceform .input-submit{
	width: 19px;
	padding: 0;
	height: 16px;
	line-height: 20px;
	margin: 0;
	color: #89a346;
	border: none;
	background-color: #eeeeee;
	font-weight: bold;
	font-size: 17px;
}

/**
 * Language bar
 * ------------
 */
#lang{
	text-align: right;
	width: 930px;
	padding: 10px 10px 0 0 ;
}

#lang li{
	display: inline;
	padding: 0 5px;
	color: #9fc04b;
}

#lang li a{
	text-decoration: underline;
	color: #9fc04b;
	font-weight: bold;
}

#lang .active a{
	text-decoration: none;
	color: #9fc04b;
	font-weight: normal;
}

#lang li a:hover{
	text-decoration: none;
	color: #000;
}


/**
 * Navigation
 * ----------
 */
#navigation{
	clear: both;
	margin: 0;
	background-color: #9fc04b;
	text-align: left;
	width: 980px;
	padding: 8px 0 8px 10px;
	color: #FFF;
	border-bottom: 1px solid #FFFFFF;
}

#navigation li{
	display: inline;
	padding: 0 6px;
}

#navigation li a{
	color: #FFF;
	padding: 10px 0;
	text-decoration: none;
}

#navigation a:hover{
	color: #888;
}

#navigation .active a{
	text-decoration: underline;
}


/**
 * Image galery
 * ------------
 */
.container {
	width: 417px;
	text-align: center;
	margin: 10px 0 0 10px;
}

#slideshow{
	width: 415px;
}

#slideshow a{
	text-decoration: none;
}

.container #thumbs ul{
	width: 417px;
	margin: 0;
	padding: 0;
}

.container #thumbs ul li{
	padding: 0 2px 0 0;
	margin: 0;
	list-style: none;
	display: inline;
}

#thumbs .thumb{
	padding: 0;
	margin: 0;
}
 
#gallery .controls{
	display: none;
}
 
.top{
	margin: 0 0 10px 0;
}

.top a{
	padding: 5px;
}