@import "grid.css";
@import "nav.css";
@import "forms.css";
@import "tables.css";
@import "content.css";


html {
	height: 100% !important;
	background: #8f9398 url(../images/body-bg.png) center 0 repeat-y;
}

body {
	color: #000;
    font-family: arial, helvetica, sans-serif;
}

div#wrap {
	width: 971px;
	margin: 0 auto;
}

	#header {
		position: relative;
		height: 130px;
		margin-bottom: 40px;
	}
	
		#header a.brand-logo {
			position: absolute;
			top: -5px;
			right: 0;
			margin: 35px 0 0 0;
		}
		
		#header .dealer-logo {
			position: absolute;
			top: 10px;
			left: 13px;
			height: 50px;
			width: 650px;
		}
		
			#header .dealer-logo a {
				margin: 0 1.2em 1em 0;
				color: #fff;
				font-size: 20px;
				line-height: 1.4em;
			}

	div#page-title {
		font-size: 1em;
	}
	
	div#mainpic {
		float: right;
		width: 704px;
		margin-bottom: 1.5em;
	}
	
		#mainpic.extended { 
			height: 280px; 
		}

		/* Flashupgrade message */
		
		body.frontpage #mainpic .flashcontent { 
			height: 360px;
		}
		
		#mainpic .flashcontent { 
			padding: 15px 15px;
			background: #fff;
		}

			#mainpic .flashcontent .title {
				display: block;
				font-size: 20px; 
				margin: 4px 0 10px 80px;
			}

			#mainpic .flashcontent .logo {
				float: left;
			}

			#mainpic .flashcontent p {
				margin-left: 80px;
			}
			
			#mainpic .flashcontent a {
				color: #b80029;
			}
				#mainpic .flashcontent a:hover {
					text-decoration: underline;
				}


#main {
	overflow: auto;
	width: 971px;
}

	/* Sidebar*/
	div#sidebar {
		float: left;
		width: 242px;
		padding-right: 25px;
	}


	div#content {
		float: right;
		margin-top: 0;
		width: 704px;
		padding-bottom: 2em;
	}


	/* Frontpage specific styles */
	body.frontpage div#header {
		margin-bottom: 8px;
	}

	body.frontpage div#main {
		background: #B8BCC2 url(../images/boxes/main-bg.jpg) 0 0 repeat-y;
	}

	body.frontpage div#content {
		float: left;
		width: 728px;
		padding-bottom: 0;
		padding-right: 0;
	}
	
		body.frontpage div#content div.intro {
			margin-bottom: 0;
			padding: 0 13px .5em 13px;
			background: transparent url(../images/boxes/intro-bg.jpg) 0 100% no-repeat;
		}
		
		body.frontpage div#content div.content h1 {
			font-size: 1.2em;
		}
	
	body.frontpage div#sidebar {
		float: right;
		width: 242px;
		padding: 0;
	}
	
		body.frontpage div#sidebar h3.section-header {
			margin-top: .5em;
		}
	
	body.frontpage div#mainpic {
		float: left;
		width: 728px;
		height: 394px;
	}
	


#footer {
	clear: both;
	margin: 1em 0;
	padding-top: 5px;
	text-align: left;
	font-size: .85em;
	color: #fff;
	background: #7A7D84 url(../images/footer/gradient.png) 50% 0 repeat;

}
	/* TODO: "sticky footer"-like functionality */
	#footer.fixed {
		position: fixed;
		bottom: 0;
		width: 971px;
	}
	#footer div.vcard.content {
		height: 23px;
		padding: 4px 13px 0;
		background: transparent url(../images/footer/bg.png) 0 0 no-repeat;
	}
	
		#footer div.vcard div {
			display: inline;
		}
		
		#footer div.vcard .org {
			font-weight: bold;
		}
		
		#footer div.vcard .geo {
			display: none;
		}
	
	#footer div.meta {
		height: 19px;
		text-align: right;
	}
		#footer div.meta div.content {
			padding: 3px 0 0;
		}

	#footer a { 
		color:#fff; 
	}
	#footer a:hover {
		color:#cecece; 
		text-decoration:none;
	}
	#footer em { 
		font-style: normal;
		font-weight: bold;
	}
	

/* Typography */
div.content {
	font-size: 1.15em;
}
.content h1 {
	margin: 0 1.2em 1em 0;
	font-size: 1.4em;
	line-height: 1.4em;
	color: #fff;
}

.content h2 {
	font-size: 1.1em;
	color: #fff;
}

.content h3 {
	font-size: 1em;
}

	h3.section-header {
		margin: 1.5em 0 1em;
		padding: 8px 0 0;
		color: #fff;
		border-bottom: none;
	}
	

.content h4 {
	font-size: 1em; 
	padding: 5px 0 5px; 
}

.content h5 {
	padding:3px 0 3px 0; 
	letter-spacing:0px;
}

.content a,
.content a:active,
.content a:visited,
.content a:focus {
	color: #000; 
	text-decoration: none;
}
	
	.content a:hover {
		text-decoration: none;
		color: #fff;
	}

a.blocklink {
	display: block;
	background: transparent url(../images/bullets/arrow-pink.gif) 0 .45em no-repeat;
	padding: 0 0 0 9px;
}
	a.blocklink.left {
		float:left;
	}
	
a.prev {
	padding-left: 10px;
	background:transparent url(../images/bullets/arrow-pink-left.gif) 0 50% no-repeat;
}

a.next {
	padding-right: 10px;
	background:transparent url(../images/bullets/arrow-pink.gif) 100% 50% no-repeat;
}

a.prev + h1 {
	margin-top: 10px;
}
	

dl, ul, table {
	font:11px/15px arial, helvetica, sans serif;
}

p {
	margin:0 0 1.2em 0;
}

ul {
	list-style-type:square;
	margin:6px;
	padding:4px;
}

/* Messages */
.content div.info,
.content div.error-explanation,
.content p.info {
	margin: 1em 0;
	padding: 0.6em 1em 1.4em;
	background: transparent url(../images/messages/infobox-bg.png) 0 100%;
	color: #000;
}
	.content .info em {
		color: #cc0000;
		font-style: normal;
		font-weight: bold;
	}


/* Error explanation*/
.error-explanation h3 {
	margin-top: .5em;
	font-size: 13px;
	color: #d60000;
}

.error-explanation p {
	margin: .5em 0;
	font-weight: bold;
}

.error-explanation ul {
	margin-bottom: 1em;;
}


/* Additional text-styles */
.alert { 
	color:#cc0000;
}

.date {
	color: #333;
	font-size: .95em;
	font-style: italic;
}

span.required {
	color: #f00;
}


/* Button */
.content a.button {
	display: inline-block;
	overflow: auto;
	height: 22px;
	margin: 0;
	background: transparent url(../images/buttons/button-bg.png) 0 0 no-repeat;
	color: #527495;
	font-size: .95em;
	font-weight: bold;
	line-height: 21px;
	text-decoration: none !important;
	color: #fff !important;
	cursor: pointer;
}
	.content a.button span {
		display: inline-block;
		height: 22px;
		background: transparent url(../images/buttons/button-bg.png) 100% 0 no-repeat;
		font-weight: bold;
		margin: 0 0 0 4px;
		padding: 0 20px 0 16px;
	}