﻿/*
 *  css for sale directory
 */
body {
	background: url(/css/img/base-black.png) #444 repeat-x top;
	height: 100%;
}

#header {
	-moz-box-shadow: 0px 4px 4px #000;
	-webkit-box-shadow: 0px 4px 4px #000;
	box-shadow: 0px 4px 4px #000;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=180, Strength=4);
}

#contents,
#container {
/*	background: url(/css/img/jms-bg.png); */
	background: #1b1b1b;
}

#carsale a:link { color: #99f; }
#carsale a:visited { color: #99e;  }
#carsale a:hover,
#carsale a:active { color: #ffb400; text-decoration: underline; }

/* */

sup { font-size: 0.6em; }

#carsale { position: relative; width: 640px; height:800px; }
#vehicle_title {
	background-repeat: no-repeat;
	background-image: -webkit-image-set(url(title-gdb.webp), url(title-gdb.png));
	background-image: image-set(url(title-gdb.webp) type("image/webp"), url(title-gdb.png) type("image/png"));
	width: 640px; height: 100px;
	position: absolute;
	top: 20px; left: 0px;
	z-index: 1000;
	text-indent: -9999px;
}

#vehicle_content { width: 640px; margin: 0px auto;  color: #eee; }
#vehicle_explain { float: left; width: 340px; }

#vehicle_price { position: relative; }
#vehicle_price p {
	display: block;
	width: 340px; height: 60px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#vehicle_price p.lang_jp {
	background-image: -webkit-image-set(url("price-j.webp"), url("price-j.png"));
	background-image: image-set(url("price-j.webp") type("image/webp"), url("price-j.png") type("image/png"));
}
#vehicle_price p.lang_en {
	background-image: -webkit-image-set(url("price-e.webp"), url("price-e.png"));
	background-image: image-set(url("price-e.webp") type("image/webp"), url("price-e.png") type("image/png"));
}
#vehicle_soldout {
	position: absolute; top: 0; left: 0;
	background-image: -webkit-image-set(url("price-soldout.webp"), url("price-soldout.png"));
	background-image: image-set(url("price-soldout.webp") type("image/webp"), url("price-soldout.png") type("image/png"));
}

#vehicle_gallery { margin: 1em 0; overflow: hidden; }
#vehicle_gallery ul { list-style: none; }
#vehicle_gallery ul li { display: inline; line-height: 1em;}
#vehicle_gallery ul li img { border: #888 1px solid; margin: 4px;}

#vehicle_speclist { float: right; width: 290px; }
#vehicle_speclist h2 { background: #111; border: none; color: #fff; padding: 0 8px; font-family: Arial; }
#vehicle_speclist h3 { border-bottom: #888 solid 1px; color: #ddd; font-size: 1em; font-weight: bold; }
.speclist dl { margin-left: 0.5em; }
.speclist dt { display: inline; float: left; width: 8em; margin-top: 0; font-weight: normal; }
.speclist dd { padding-left: 8.5em; }
.withborder { margin: 1em 0; border-top: 1px solid #888; }
.withborder dd { border-bottom: 1px solid #888; }
.vehicle_image { text-align: center; }

div.speccontents { height: 600px; overflow: auto; }
.jspTrack { background: #222; }
.jspDrag { background: #444; }
.jspVerticalBar { width: 8px; }


/* slide show */
.nivoSlider { position:relative; background:url(/css/images/loading-dark.gif) no-repeat center bottom; width: 640px; height: 400px; overflow: hidden; }
.nivoSlider img { position:absolute; top:0px; left:0px; display:none; }
.nivoSlider a { border:0; display:block; }
