@import "menus.css";
@import "tables.css";
@import "/designs/general/dealer/css/brands.css";

/*
	@File			: base.css
	@Theme			: Dark
	@Skin			: Default (red)
*/

html {
	background: #000;
	color: #c7c7c7;
}

body {
	font-family: "Lucida Grande", Arial, sans-serif;
	text-align: center;
	background: url(../images/body-bg.png) 0 0 repeat-x;
}

#wrap {
	overflow: auto;
	position: relative;
	width: 91em;
	margin: 0 auto;
	padding: 0 25px;
	text-align: left;
}

div#header {
	position: relative;
	height: 10.8em;
}

	div#header div.dealer-logo {
		position: absolute;
		top: 10px;
		width: 500px;
		height: 50px;
	}
		div#header div.dealer-logo img {
			display: block;
		}

	/* Dealers with no logo */
	div#header div.dealer-logo div.content a {
		color: #fff;
		text-decoration: none;
		font-size: 2em;
		line-height: 2em;
		letter-spacing: -.03em;
	}

		div#header div.dealer-logo div.content a:hover {
			color: #e41538;
		}


div#footer {
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	margin-top: 4em;
	padding: 1.5em 0;
	background: transparent url(../images/deco/dotted-line.gif) 0 0 repeat-x;
	color: #444;
	text-align: center;
	font-size: .95em;
}

	div#footer a {
		color: #777;
	}

	#footer div.vcard.content {
	}
	
		#footer div.vcard div {
			display: inline;
		}
		
		#footer div.vcard .org {
			font-weight: bold;
		}
		
		#footer div.vcard .geo {
			display: none;
		}
	
		#footer div.meta div.content {
			padding: 3px 0 0;
		}


/* Layout.............. */
div#primary,
div#secondary {
	position: relative;
	float: left;
}

* html div#primary,
* html div#secondary {
	display: inline;
}

div#primary {
	width: 67.5em;
	margin-left: 23.5em;
}

	body.frontpage div#primary {
		width: 91.0em;
		margin-left: 0;
	}

div#secondary {
	width: 20em;
	margin-left: -91em;
}


/* grid */
div.section {
	overflow: auto;
	zoom: 1.0;
}

div.column,
div.narrow,
div.half,
div.wide {
	float: left;
	margin-right: 35px;
}

div.half {
	width: 43.74em;
}

div.last {
	margin-right: 0 !important;
}


/* Show grid when debuggin */
body.debug div.section {
	margin: 1em 0;
	padding: 1em 0;
	background: blue;
}

body.debug div.section div.content,
body.debug div.narrow div.content,
body.debug div.half div.content,
body.debug div.wide div.content {
	padding: 1em;
}


body.debug div.narrow {
	background: lime;
}

body.debug div.half {
	background: orange;
}

body.debug div.wide {
	background: red;
}




/* typography */
h1, h2, h3, h4 {
	color: #fff;
}
.content a:visited,
.content a:focus,
.content a { color: #e41538; }
	.content a:hover { color: #fff; }

.content h1 {
	margin-bottom: 1em;
	font: normal 2.2em "Trebuchet MS";
	letter-spacing: -.03em;
}

.content h2 {
	margin-bottom: 1em;
	font-size: 1.6em;

}


/* Illustrations */
.illustration-left {
	float: left;
	width: 200px;
	margin: 0 1.5em 1.5em 0;
}

.illustration-full {
	margin: 1em 0 1.5em;
}

.illustration-right {
	float: right;
	width: 200px;
	margin: 1em 0 1.5em 1.5em;
}

	.illustration-left img, 
	.illustration-full img, 
	.illustration-right img {
		display: block;
	}

div#mainpic {
	margin-bottom: 3.5em;
}


	/* Flashupgrade message */
	#mainpic .flashcontent { 
		height: 150px;
		padding: 15px 20px; 
		border: 1px solid #666;
	}

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

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

		#mainpic .flashcontent p {
			margin-left: 80px;
		}


/* 
content
.............................................. */

/* enable this style when introtext is placed above used cars */
body.frontpage div.intro h2 {
	margin-top: 0;
}


/* Brands - decoration stuff only */
div.brands {
	background: transparent url(../images/deco/dotted-line.gif) 0 100% repeat-x;
}

	div.brands div.entry a.thumb {
		background: #fff;
	}

	div.brands div.entry h2 {
		margin: 0 0 .7em;
		text-transform: uppercase;
		font-size: 1.4em;
	}
	
		div.brands div.entry h2 a {
			display: block;
			text-decoration: none;
			text-transform: uppercase;
			color: #fff;
			padding: 10px 0;
			border-bottom: 1px solid #620918;
		}
		
			div.brands div.entry h2 a:hover {
				color: #fff;
				border-bottom: 1px solid #8e1126;
			}
	
	div.brands div.entry p {
		margin-bottom: 0;
	}



/* Usedcar */
h2.inline {
	display: inline-block;
	margin: 0 5px 0 0;
}


div.used-cars {}

	div.used-cars div.body {
		margin: 1.5em 0 3em;
		overflow: auto;
		padding: 5px 15px 10px;
		background: #121212;
		border: 1px solid #1f1f1f;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}

	div.used-cars div.column {
		float: none;
		margin: 0 !important;
		clear: both;
	}

	div.used-cars div.content {}
	
	div.used-cars a.model {
		display: block;
		margin-bottom: 10px;
		padding-bottom: 2px;
		color: #fff !important;
		font-size: 1.1em;
		line-height: 1.7em;
		text-decoration: none !important;
		border-bottom: 1px solid #6b0d1f;
	}
	
		div.used-cars a.model:hover {
			border-bottom: 1px solid #8e1126;
		}
	
	div.used-cars a.thumb {
		display: block;
		float: left;
		width: 60px;
	}

		div.used-cars a.thumb img {
			display: block;
			margin: 0 auto;
		}

		div.used-cars dl {
			float: right;
			overflow: auto;
			width: 305px;
			color: #fff;
		}
		
			div.used-cars dt {
				clear: both;
				float: left;
				width: 80px;
				margin: 0;
				padding: 0;
				font-weight: normal;
			}
			div.used-cars dd {
				float: right;
				width: 180px;
			}



/* Used cars table */
table.used-cars {}

	table.used-cars td.thumb {
		width: 80px;
		border-right: 0;

	}

	table.used-cars td.km {
		white-space: nowrap;
	}
	table.used-cars td.price {
		white-space: nowrap;
		font-weight: bold;
	}

		div#content table.used-cars td.model a {
			font-weight: bold;
			font-size: 1em;
			text-decoration: none;
			text-transform: uppercase;
			color: #fff;
			background: transparent url(../images/bullets/arrow-red.gif) 0 50% no-repeat !important;
			padding-left: 10px;
		}
			div#content table.used-cars td.model a:hover {
				color: #aaa;
			}

		table.used-cars td.thumb div.wrap {
			position: relative;
			width: 80px;
			height: 60px;
		}
			table.used-cars td.thumb span {
				display: block;
				position: absolute;
				right: 2px;
				bottom: 2px;
				width: 11px;
				height: 9px;
				line-height: 1;
				margin: 0 auto;
				background-image: url(../images/icons/gallery-imgcount.png);
				background-repeat: no-repeat;
				background-position: 0 0;
				text-indent: -9999em;
			}

			table.used-cars td.thumb.i1 span	{ background-position: 0 0; }
			table.used-cars td.thumb.i2 span	{ background-position: 0 -14px; }
			table.used-cars td.thumb.i3 span	{ background-position: 0 -28px; }
			table.used-cars td.thumb.i4 span	{ background-position: 0 -42px; }
			table.used-cars td.thumb.i5 span	{ background-position: 0 -56px; }
			table.used-cars td.thumb.i6 span	{ background-position: 0 -70px; }
			table.used-cars td.thumb.i7 span	{ background-position: 0 -84px; }
			table.used-cars td.thumb.i8 span	{ background-position: 0 -98px; }
			table.used-cars td.thumb.i9 span	{ background-position: 0 -112px; }
			table.used-cars td.thumb.i10 span	{ background-position: 0 -126px; }
			table.used-cars td.thumb.i11 span	{ background-position: 0 -140px; }
			table.used-cars td.thumb.i12 span	{ background-position: 0 -154px; }
			table.used-cars td.thumb.i13 span	{ background-position: 0 -168px; }
			table.used-cars td.thumb.i14 span	{ background-position: 0 -182px; }
			table.used-cars td.thumb.i15 span	{ background-position: 0 -196px; }
			table.used-cars td.thumb.i16 span	{ background-position: 0 -210px; }
			table.used-cars td.thumb.i17 span	{ background-position: 0 -224px; }
			table.used-cars td.thumb.i18 span	{ background-position: 0 -238px; }
			table.used-cars td.thumb.i19 span	{ background-position: 0 -252px; }
			table.used-cars td.thumb.i20 span	{ background-position: 0 -266px; }

			table.used-cars td.thumb img {
				display: block;
			}


/* Usedcar */
div.used-car {
	margin: .5em 0 1.5em;
}

	/* Gallery */
	div.used-car div#imagegallery {
		zoom: 1.0;
		overflow: auto;
		position: relative;
		margin: 0 0 0 0;
		padding: 15px 0;

	}

		div.used-car div#imagegallery div.placeholder {
			float: left;
			margin-bottom: 5px;
			padding: 5px;
			border: 1px solid #262626;
		}

			div.used-car div#imagegallery div.picture img {
				display: block;
			}

		div.used-car div#imagegallery div.thumbs {
			float: right;
			overflow: auto;
			width: 215px;
			list-style: none;
		}

			div.used-car div#imagegallery div.thumbs a {
				float: left;
				display: block;
				width: 80px;
				padding: 5px;
				margin: 0 15px 5px 0;
				border: 1px solid #262626;
				cursor: pointer;
			}

				div.used-car div#imagegallery div.thumbs a:hover {
					background: #262626;
				}

				div.used-car div#imagegallery div.thumbs img {
					display: block;
				}


			/* selected */
			div.used-car div#imagegallery div.thumbs a.selected {
				border: 0;
				padding: 6px;
				/*background: transparent url(../images/deco/angled-lines.gif) 0 0;*/
				background: #8E1126;
			}


	div.used-car h2 {
		clear: both;
		margin-top: .5em;
		padding: .6em 5px 0;
		font-size: 1.6em;
	}

	div.used-car table {
		margin: .5em 0;
		border: none;
	}

		div.used-car .video {
			margin: 1em 0;
			text-align: center;
		}