/* Manheim in Europe */
/* Screen Styles */
/* December 2006 */
/* simon.hudson@manheimeurope.com */

/* -----[ COMMON ELEMENTS ]---------- */

body {
	font-family: "lucida grande", "lucida sans", verdana, helvetica, arial, sans-serif;
	font-size: small;
	color: #272727;
	line-height: 160%;
	padding:0;
	margin: 0;
	background-color: #99a7cb;
	/*
	background: url(../images/general/corpbg.jpg) top left repeat-x;
	*/
	}
	
p {
	font-size: 90%;
	}
	
/*  p font size hack for Internet Explorer */
/*\*/
* html p {
	font-size: 100%;
	}
/**/

h1 {
	font-size: 145%;
	color: #00247D;
	padding: 0 0 3px 0;
	}
	
h2 {
	font-family: inherit;
	font-size: 105%;
	color: #335097;
	padding: 0;
	line-height: 150%;
	}
	
hr{
border:1px solid #335097;
border-width:1px 0 0 0}
	
#sidebar h2 {
	font-size: 130%;
	color: #335097;
	line-height: 115%;
	}
	
.footer {
	color: #E6E6E6;
	}
	
img {
	border: 0 !important;
	}
	
.leftalignimg {
	float: left;
	padding: 3px;
	margin: 0 10px 0 0;
	border: 3px solid #99A7CB;
	background: #FFFFFF;
	}
	
.rightalignimg {
	float: right;
	padding: 3px;
	margin: 0 0 0 10px;
	border: 3px solid #99A7CB;
	background: #FFFFFF;
	}
	
.border{
border:1px solid #999;}	
	
.note {
	font-size: 80%;
	}
	
.alert {
	font-size: 85%;
	color: #CC0000;
	font-weight: bold;
	}

ul, ol, dl, dt, dd{
	font-size: 90%;
	/*border-left: 4px solid #E4EBF8;
	padding-left: 30px;
	margin-left: 30px;*/
	}
	
ul ul {
	font-size: 100%;
}
	
div.showhide a {
	background-image:url(../images/general/plusbutt.jpg);
	background-repeat:no-repeat;
	background-position: top left;
	padding:0 0 0 15px; 
	margin:3px 0 0 0;
	}
	
/* #content ul, ol, dl font-size hack for Internet Explorer */
/*\*/
* html ul, ol, dl {
	font-size: 100%;
	}
/**/

#content ul li {
	margin: 0 0 7px 0;
	list-style-image: url(../images/general/bluedot.jpg);
	}
	
	
#content ol li {
	margin-bottom: 2%;
	font-size: 90%;
	}
	
.floatclear {
	width: 100%;
	clear: both;
	}
	
dl {
	padding: 0 0 0 20px;
	margin: 0;
	}
	
dl dt {
	margin: 0 0 10px 0;
	}
	
dl dt a {
	background:url(../images/general/plusbutt.jpg) left top no-repeat;
	padding: 0 0 0 15px;
	}
	
dl dd {
	margin: -5px 0 20px 0;
	}
	
.notebox {
	padding: 2px 6px;
	background: #fef9bc;
	border: 1px solid #efe350;
	display: block;
	}

/* -----[ RANDOM HEADERS ]---------- */

#header {
	width: 100%;
	height: 115px;
	padding: 0;
	margin: 0;
	background-repeat: no-repeat;
	z-index: 0;
	}
	
.randheader1 {
	background-image: url(../images/headers/header1.jpg);
	background-position: right;
	}
	
.randheader2 {
	background-image: url(../images/headers/header2.jpg);
	background-position: right;
	}
	
.randheader3 {
	background-image: url(../images/headers/header3.jpg);
	background-position: right;
	}
	
.randheader4 {
	background-image: url(../images/headers/header4.jpg);
	background-position: right;
	}
	
.randheader5 {
	background-image: url(../images/headers/header5.jpg);
	background-position: right;
	}
	
.randheader6 {
	background-image: url(../images/headers/header6.jpg);
	background-position: right;
	}
	
.randheader7 {
	background-image: url(../images/headers/header7.jpg);
	background-position: right;
	}
	
.randheader8 {
	background-image: url(../images/headers/header8.jpg);
	background-position: right;
	}
	
/* -----[ DIV STYLES ]---------- */

#container {
	margin: 0 auto;
	padding: 0;
	background: white;
	width: 960px;
	/*
	border-top: 0px solid #FFFFFF;
	border-bottom: 0px solid #FFFFFF;
	border-left: 12px solid #FFFFFF;
	border-right: 12px solid #FFFFFF;
	*/
	}
	
#logo {
	width: 109px;
	height: 175px;
	background: #FFFFFF;
	margin: 0;
	padding: 0 53px;
	}
	
html>body #logo {
	width: 109px;
	}
	
#logo img {
	border-right: 1px solid #FFFFFF;
	}
	
#logo a {
	border: 0;
	}
	
#translate {
	width: 100%;
	padding: 3px 0 3px 0;
	margin: 0;
	clear: both;
	list-style-type: none;
	float: right;
	text-align: right;
	border-bottom: 1px solid #CCDBE9;
	}
	
#translate p {
	float: left;
	line-height: 10%;
	color: #00247D;
	font-weight: bold;
	}
	
/* Line height for IE */
/*\*/
* html #translate p {
	line-height: 150%;
	font-size: 80%;
	}
/**/
	
/* Top spacing & width for IE */
/*\*/
* html #translate {
	margin: 0;
	padding: 5px 0 5px 0;
	}
/**/
	
#translate li {
	list-style-type: none;
	display: inline;
	margin: 0 5px 0 0;
	}
	
#translate a {
	font-size: 80%;
	border: 0;
	color: #00247D;
	margin: 0 3px 0 0;
	}
	
#translate a:hover {
	text-decoration: underline;
	}
	
#content {
	margin-left:215px;
	padding: 0 20px 20px 0px;
	background: url(../images/general/europe.jpg) top right no-repeat #FFFFFF;
	min-height:750px;
	}

	
#container p, #container ul, #container h1, #container h2, #container table{
	max-width: 900px;
}

#container ul#translate {
	max-width: 100%;
}

	
#sidebar {
	position:absolute;
	top: 214px;
	width: 190px;
	padding: 10px;
	background: white;
	text-align: center;
	font-size: 95%;
	}

.flash {
margin:20px auto;
padding:0;
border:1px solid #00247d;
width:185px;
height:195px;}

.flash.float {
	float: left;
	margin-right:2em;
}

html #promo{
border:1px solid #999999;
margin:20px 0;
width:440px;
height:80px; }
	
#bigflagsul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	border: 0;
	width: 100%;
	background: none;
	text-align: center;
	}
	
#bigflagsul li {
	list-style-type: none;
	float: left;
	margin: 0 6px 0px 6px;
	text-align: center;
	padding: 5px;
	}
	
#bigflagsul a {
	border: 0;
	}
	
.divider {
	width: 100%;
	border-bottom: 1px solid #E4EBF8;
	margin: 5px 0;
	padding: 0;
	line-height: 0;
	}
	
#footer {
	width: 100%;
	height: 35px;
	background: #335097; /*url(../images/general/footerbg.jpg) top left repeat-x #99A7CB;*/
	line-height: 160%;
	font-size: 80%;
	text-align: center;
	clear: both;
	padding: 1px 0 12px 0;
	color: #E6E6E6;
	}
	
#footer h2 {
	color: white;
	margin: 4px 0;
	font-size: 125%;
}
#footer p {
	margin-top: 0;
}
	
	
/* #footer top padding & height hack for Internet Explorer */
/*\*/
* html #footer {
	padding-top: 10px;
	height: 20px;
	}
/**/

.leftcol {
	width: 48%;
	padding: 0;
	margin: 0;
	float: left;
	}

.rightcol {
	width: 48%;
	padding: 0;
	margin: 0;
	float: right;
	}

/* -----[ NAVIGATION STYLES ]---------- */

p img a:link, p img a:visited{
text-decoration:none;
border:0;}

a,
a:visited {
	color: #CB5204;
	text-decoration: none;
	border-bottom: 1px solid #DEDEDE;
	}
	
a:hover {
	color: #F96302;
	border-bottom: 1px solid #F96302;
	cursor: pointer;
	}
	
a:active {
	color: #008789;
	}

#navbar {
	height: 34px;
	background: url(../images/general/rightcorner.jpg) bottom right no-repeat #00247D;
	padding: 0 0 0 214px;
	margin: 0;
	border-top: 1px solid #FFFFFF;
	line-height: 100%;
	font-size: 100%;
	}
	
/* #navbar width & height hack for Internet Explorer */
/*\*/
* html #navbar {
	font-size: 90%;
}

* html #content {
	height:auto !important;
	height:820px;
}
/**/
	
#navbar ul {
	padding: 0;
	margin: 0;
	border: 0;
	}
	
#navbar li {
	width:16.5%;
	list-style-type: none;
	height: 34px;
	background: url(../images/general/cutout.jpg) bottom left no-repeat #00247D;
	padding: 0;
	float: left;
	text-align: center;
	}
	


/* #navbar li width & height hack for Internet Explorer */
/*\*/
* html #navbar li {
	height: 20px;

}
/**/	
	
#navbar .firstnav {
	background: url(../images/general/leftcorner.jpg) bottom left no-repeat #00247D;
	}
	
#navbar .lastnav {
	}
	
#navbar a {
	color: #FFFFFF;
	padding: 11px 10px 0px 20px;
	text-decoration: none;
	text-align: center;
	font-size: 95%;
	display: block;
	border: 0;
	height:28px;
	line-height: 100%;
	}

	
#navbar a.dblline {
	padding: 3px 0 7px 20px;
	}
	
/* #navbar a font size & padding hack for Internet Explorer */
/*\*/
* html #navbar a {
font-size: 85%;
}
/**/	
	
#navbar a:hover {
	color: #667CB1;
	}
	
#sidebar a {
	color: #00247D;
	font-size: 85%;
	border: 0;
	}
	
#sidebar a:hover {
	color: #667CB1;
	}
	
#bigflagsul a:link {
	text-decoration: none;
	font-size: 90%;
	border-bottom: none;
	}
	
#footer a {
	color: #E6E6E6;
	text-decoration: underline;
	border: 0;
	}
	
#footer a:hover {
	color: #C0C0C0;
	}
	
/* -----[ FORM STYLES ]---------- */

textarea {
	font: inherit;
	}
	
form {
	padding: 0;
	margin: 0;
	}
	
fieldset {
	border: 0;
	padding: 0;
	margin: 0;
	}
	
/* -----[ SEARCH FORM STYLES ]---------- */

.searchform {
	background: none;
	width: 100%;
	}
	
.searchform select {
	display: inline;
	}
	
.searchform fieldset {
	border-top: 1px solid #E4EBF8;
	border-right: 1px solid #E4EBF8;
	border-left: 1px solid #E4EBF8;
	border-bottom: 4px solid #E4EBF8;
	padding-bottom: 10px;
	width: 100%;
	margin-bottom: 25px;
	}
	
.searchform legend {
	background: #FFFFFF;
	color: #335097;
	}

/* -----[ LOGIN STYLES ]---------- */
	
.login {
	background: 0;
	border: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	}

.logininput {
	border: 1px solid #99A7CB;
	padding: 2px;
	/*background: url(../images/general/loginbg.jpg) top left repeat-x;*/
	background: #FFFFFF;
	}
	
.login p {
	font-size: 90%;
	color: #00247D;
	}

/* -----[ EURO TEAM TABLE	 ]---------- */

table.euroteam {
	font-size: 80%;
	}
	
table.euroteam td {
	text-align: center;
	line-height: 150%;
	padding: 0 0 20px 0;
	}
	
table.euroteam td img {
	border: 1px solid #99A7CB;
	padding: 2px;
	}
	
/* -----[ SUB FORM STYLES - Added 03/09/08 ]---------- */

form#subform {
	font-size: 90%;
	width: 55%;
	}
	
#subform fieldset {
	border: 1px solid #DADADA;
	margin: 0 0 15px 0;
	padding: 10px;
	width: 100%;
	}
	
#subform legend {
	font-size: 130%;
	color: #667CB1;
	}
	
#subform fieldset label {
	font-weight: bold;
	color: #5D5D5D;
	display: block;
	padding: 5px 0 10px 0;
	clear: right;
	/*border-top: 1px solid #EFEFEF;*/
	}
	
#subform fieldset span label {
	font-weight: normal;
	margin: -5px 15px 0 0;
	}
	
#subform fieldset input,
#subform fieldset textarea,
#subform fieldset select {
	display: block;
	margin: -28px 0 8px 0;
	float: right;
	}
	
#subform fieldset select.country {
	margin: -28px 32px 8px 0;
	}

#subform span {
	font-size: 90%;
	margin: -17px 15px 0 0;
	line-height: 0;
	float: right;
	color: #5D5D5D;
	}
	
/* Top margin IE6 */
/*\*/
* html #subform span {
	line-height: 100%;
	}
/**/
	
#subform span.alert {
	margin: -17px 5px 0 0;
	}
	
/*==========  STYLES FOR LEFT NAV  ===============*/
/*========= SEP 2008  =======================*/	
/*========= david.evans@manheimeurope.com =============*/

div#leftnav {
	width: 100%;
	padding: 0;
	margin: 20px 0;
	border:0;
	}
	
/* #navbar width & height hack for Internet Explorer */
/*\*/
* html #leftnav{
width: 100%;
}
/**/
	
div#leftnav ul {
	width: 100%;
	padding: 0;
	margin: 0;
	border:0;
	float: left;
	}
	
div#leftnav li {
	list-style-type: none;
	display: block;
	width:99%;
	margin:0;
	float: left;
	border-bottom: 1px solid #E4EBF8;
	text-align: left;
	}
	
/* #navbar li width & height hack for Internet Explorer */
/*\*/
* html #leftnav li {

}
/**/	
	
div#leftnav ul li a {
	color: #00247D;
	text-decoration: none;
	padding:4px 5px;
	width:100%;
	font-size:110%;
	display: block;
		}
	
/* #navbar a font size & padding hack for Internet Explorer */
/*\*/
* html #leftnav ul li a {
font-size: 110%;
}
/**/	
	
#leftnav ul li a:hover {
background:#335097;
	color: #fff;
	width:99%;
	}
	
/* additional styles for java test */

#wrapper{
width:990px;
margin:0 auto;}

#head{
width:100%;
padding:0 0 0 50px;
text-align:left;
}

#containerwrap {
width: 100%;
margin:0 auto;
padding:0 50px;
}

/* -----[ jQUERY BMW FAQs - 23/03/09 ]---------- */

dl.faq dt {
	color: #CB5204;
	text-decoration: none;
	background:url(../images/general/plusbutt.jpg) left no-repeat;
	padding: 0 0 0 15px;
	}
	
dl.faq dt:hover {
	color: #F96302;
	cursor: pointer;
	}

.bmwoffertable {
border: 1px solid #e5e9f2;
}

.bmwoffertable td {
padding: 0.25em 0.5em;
margin:0;

}

.bmwoffertable thead tr {
background-color: #335097;
color: white;
}

.bmwoffertable tbody tr td{
background-color: #e5e9f2;
}

.bmwoffertable tbody tr td .odd{
background-color: #f2f4f8;
}

p.smallprint {
	font-size:75%;
}
/* Homepage sales-panel */

.sales-panel-container {
	margin: 26px 0 30px 0;
}

.sales-panel {
	padding: 20px 0 10px 0;
	background-color: white;
	border-top: 2px solid #8392bf;
	border-bottom: 2px solid #8392bf;
}

.sales-panel .buttons {
	height: 128px;
}

.sales-panel .buttons div {
	float: left;
	width: 142px;
	margin-right: 2px;
}

.sales-panel .buttons div.button-1 {
	margin-left: 3px;
}

.sales-panel .buttons div.button-5 {
	margin-right: 3px;
}

.sales-panel .buttons div a.image-link {
	display: block;
	border: none;
	height: 84px;
}

.sales-panel .buttons div .tab {
	display: block;
	height: 44px;
	background-image: url(../images/homepage/tab_background.png);
}

.sales-panel .buttons .hover .tab a{
	display: block;
	height: 44px;
	background-image: url(../images/homepage/tab_hover_background.png);
}

.sales-panel .buttons div .tab h3{
	margin: 0;
	color: white;
	text-align: center;
}

.sales-panel .buttons div .tab h3 a{
	color: white;
	border: none;
	font-weight: normal;
}

.sales-panel .buttons .hover .tab h3 a{
	color: #fff;
	
}

.sales-panel .descriptions{
	position: relative;
	height: 106px;
	display: none;
	margin-bottom: 10px;
}

.sales-panel .descriptions div{
	position: absolute;
	margin: 0 3px;
}

.sales-panel .descriptions div h3 {
	color: #004489;
	margin: 0 0 10px 0;
}

.sales-panel .descriptions div p {
	margin: 0;
	color: #5e76ac;
	font-weight: bold;
}

.sales-panel .descriptions .desc-2,
.sales-panel .descriptions .desc-3,
.sales-panel .descriptions .desc-4,
.sales-panel .descriptions .desc-5 {
	display: none;
}
