/* $Id: style.css 28160 2015-11-11 17:16:08Z as $ */

body {
	font-family		: Verdana,Geneva,Arial,sans-serif;
	font-size		: 12px;
	line-height		: 16px;
	position		: relative;
	margin			: 0px;
	padding			: 0px;
}

a {
	color			: #000;
}

/*
 * FILTER
 */
#filter {
	background-color	: rgba(0, 0, 0, 0.5);
	color			: #FFFFFF;
	text-shadow		: 1px 1px 1px #000000;
	padding			: 0 0 4px 0;
}

#filter div {
	display			: inline-block;
}

#filter > div {
	padding			: 4px 8px 0 4px;
}

#filter > div > div:first-child {
	width			: 100px;
	text-align		: right;
	white-space		: nowrap;
}

#filter > div > div:last-child {
	width			: 100px;
}

/*
 * LIST
 */
#list table {
	border-collapse		: collapse;
	border-spacing		: 0;
	border			: none;
	empty-cells		: show;
	width			: 100%;
}

#list tr {
	background-color	: #FFFFFF;
}

#list td {
	margin			: 0;
	padding			: 4px;
}

#list tr:nth-child(2n) {
	background-color	: rgba(0, 0, 0, 0.05);
}

/*
 * LIST DETAILS
 */
#list td.model {
	vertical-align		: top;
	width			: 100px;
	white-space		: nowrap;
}

#list td.vehicleidentifier {
	vertical-align		: top;
	text-align		: right;
	width			: 100px;
	white-space		: nowrap;
}

#list td.price {
	white-space		: nowrap;
}

/*
 * LIST IMAGE
 */
#list td.image {
	width			: 100px;
	height			: 112px;
	background-color	: rgba(0, 0, 0, 0.1);
}

#list td.image a {
	display			: inline-block;
	cursor			: pointer;
	width			: 100px;
	height			: 100%;
	vertical-align		: middle;
	white-space		: nowrap;
	text-align		: center;
	position		: relative;
}

#list td.image a span {
	display			: inline-block;
	height			: 100%;
	vertical-align		: middle;
}

#list td.image a img {
	vertical-align		: middle;
	max-height		: 100px;
	max-width		: 100px;
}

#list td.image a div {
	position		: absolute;
	top			: 0;
	left			: 0;
	display			: block;
	background-color	: #808080;
	border-color		: #808080;
	border-width		: 1px;
	border-style		: solid;
	border-radius		: 20px;
	padding			: 0px;
	width			: 18px;
	height			: 18px;
	color			: #FFFFFF;
	font-size		: 85%;
	text-align		: center;
	font-weight		: bold;
	line-height		: 16px;
	box-shadow		: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

/*
 * LIST LAST UPDATE
 */
#list tr:last-child {
	background-color	: transparent;
}

#list tr:last-child td {
	text-align		: right;
	font-weight		: bold;
	font-size		: 85%;
	line-height		: 32px;
	font-style		: italic;
	white-space		: nowrap;
}

/*
 * WINDOW
 */
#window {
	z-index			: 6;
	position		: absolute;
	left			: 50%;
	top			: 10px;
	transform		: translate(-50%, 0);
	-moz-box-shadow		: 5px 5px 10px rgba(0, 0, 0, 0.6); /* Firefox */
	-webkit-box-shadow	: 5px 5px 10px rgba(0, 0, 0, 0.6); /* Chrome, Safari */
	box-shadow		: 5px 5px 10px rgba(0, 0, 0, 0.6); /* CSS3 */
	display			: none;
}

#window.enabled {
	display			: inline-block;
}

#window div.inlinebox {
	background-color	: #FFF;
	border-width		: 1px;
	border-color		: #595959;
	border-style		: solid;
}

#window div.header {
	background-color	: #808080;
	color			: #FFF;
	line-height		: 20px;
	height			: 20px;
	padding			: 5px 10px;
	text-align		: left;
	box-shadow		: 0 3px 3px rgba(0, 0, 0, 0.3);
	position		: relative;
	z-index			: 2;
}

#window div.title {
	font-weight		: bold;
	font-size		: 85%;
	padding-right		: 20px;
	text-shadow		: 1px 1px 1px #000000;
	white-space		: nowrap;
	position		: absolute;
	left			: 10px;
}

#window div.close {
	cursor			: pointer;
	width			: 10px;
	height			: 10px;
	position		: absolute;
	right			: 10px;
}

#window div.close::after {
	display			: block;
	content			: "\2716";
	width			: 10px;
	height			: 10px;
	font-size		: 20px;
	font-weight		: normal;
}

#window div.content {
	position		: relative;
	z-index			: 1;
}

/*
 * WINDOW VEHICLE
 */
#window div.vehicle {
	min-width		: 300px;
	padding			: 0 5px;
}

#window div.vehicle table {
	width			: 100%;
	border-collapse		: collapse;
	line-height		: 140%;
}

#window div.vehicle table tbody tr td table tbody tr td ~ td {
	text-align		: right;
}

/*
 * WINDOW IMAGES
 */
/* MAIN IMAGE */
#vehicleimages {
	width			: 800px;
}

#vehicleimages div.images {
	width			: 100%;
	height			: 800px;
	text-align		: center;
	background-color	: #909090;
	position		: relative;
	z-index			: 1;
}

#vehicleimages div.images div.mask {
	vertical-align		: middle;
	height			: 100%;
	display			: block;
	white-space		: nowrap;
}

#vehicleimages div.images div.mask img {
	vertical-align		: middle;
	display			: inline-block;
}

#vehicleimages div.images div.mask span {
	vertical-align		: middle;
	display			: inline-block;
	height			: 100%;
}

/* IMAGE LINKS */
#vehicleimages div.images div.link {
	position		: absolute;
	width			: 50%;
	height			: 100%;
	top			: 0;
	opacity			: 0;
}

#vehicleimages div.images div.link.enabled {
	cursor			: pointer;
}

#vehicleimages div.images div.link.enabled:hover {
	opacity			: 1;
}

#vehicleimages div.images div.previous {
	left			: 0;
}

#vehicleimages div.images div.next {
	left			: 50%;
}

#vehicleimages div.images div.link div {
	width			: 40px;
	height			: 40px;
	border-radius		: 40px;
	border-width		: 3px;
	border-style		: solid;
	border-color		: #FFFFFF;
	color			: #FFFFFF;
	font-size		: 30px;
	font-weight		: bold;
	text-align		: center;
	line-height		: 33px;
	text-indent		: -2px;
	position		: absolute;
	top			: 380px;
	text-indent		: 4px;
}

#vehicleimages div.images div.link.previous div {
	left			: 20px;
}

#vehicleimages div.images div.link.next div {
	right			: 20px;
}

#vehicleimages div.images div.link div::after {
	display			: block;
	height			: 30px;
	width			: 30px;
}

#vehicleimages div.images div.link.previous div::after {
	content			: "\2190";
}

#vehicleimages div.images div.link.next div::after {
	content			: "\2192";
}

/* IMAGE THUMBS */
#vehicleimages div.thumbs {
	position		: relative;
	z-index			: 2;
	width			: 100%;
	background-color	: #808080;
	box-shadow		: 0 -3px 3px rgba(0, 0, 0, 0.3);
	display			: none;
}

#vehicleimages div.thumbs.enabled {
	display			: block;
}

#vehicleimages div.thumbs div.box {
	overflow		: hidden;
	width			: 100%;
}

#vehicleimages div.thumbs div.mask {
	display			: inline-block;
	white-space		: nowrap;
	height			: 60px;
	z-index			: 4;
}

#vehicleimages div.thumbs div.mask div {
	display			: inline-block;
	width			: 50px;
	height			: 50px;
	text-align		: center;
	cursor			: pointer;
	vertical-align		: middle;
	white-space		: nowrap;
	padding			: 5px;
}

#vehicleimages div.thumbs div.mask div:nth-child(2n) {
	background-color	: rgba(0, 0, 0, 0.1);
}

#vehicleimages div.thumbs div.mask div.active {
	box-shadow		: inset 0 0 3px rgba(255, 255, 255, 0.8);
}

#vehicleimages div.thumbs div.mask img {
	vertical-align		: middle;
	display			: inline-block;
}

#vehicleimages div.thumbs div.mask span {
	vertical-align		: middle;
	display			: inline-block;
	height			: 100%;
}

/* THUMBS LINK */
#vehicleimages div.thumbs div.link {
	position		: absolute;
	height			: 60px;
	width			: 20px;
	background-color	: rgba(255, 255, 255, 0.7);
	z-index			: 5;
	top			: 0;
	cursor			: pointer;
	display			: none;
}

#vehicleimages div.thumbs:hover div.link.enabled {
	display			: block;
}

#vehicleimages div.thumbs div.previous {
	left			: 0;
}

#vehicleimages div.thumbs div.next {
	right			: 0;
}

#vehicleimages div.thumbs div.link:after {
	position		: relative;
	display			: block;
	width			: 20px;
	height			: 60px;
	line-height		: 60px;
	color			: #FFF;
	text-align		: center;
	text-shadow		: 1px 1px 2px #000000;
}

#vehicleimages div.thumbs div.previous:after {
	content			: "\025C0";
}

#vehicleimages div.thumbs div.next:after {
	content			: "\025B6";
}







table.sub {
	width			: 100%;
}

table.sub th {
	font-weight		: normal;
}

table.sub td {
	text-align		: right;
}

hr {
	margin			: 0;
	border-width		: 1px 0 0;
	border-style		: solid;
	border-color		: #b0b0b0;
}

.pricedetails th {
	font-size		: large;
	padding			: 5px 0px 5px 0px;
}

.boldtext {
	font-weight		: bold;
}

.hiddenscreen {
	display			: none;
}

.configurations {
	max-width		: 400px;
}