/** @file showroom.css */

	.paging { color: #555; float: right; margin: 10px; }
	.filterContainer { 
		display: inline-block; 
		min-height: 2em;
		margin: .5em 0 0;
		width: 210px;
		vertical-align: top;
		}
	.filters h2 { font-size: 1em; color: #555; margin: 0; }
	.filters h2 img { margin: 0 5px; vertical-align: top; }
	.filters h3 {
		color: #777;
		font-size: 1em;
		font-weight: normal;
		line-height: 1.2em;
		}
	.filters ul {
		color: #666;
		font-size: 0.8em;
		list-style: none;
		margin: 0;
		padding: 5px 0;
		width: 200px;
		}
	.filters li 		{ display: block; margin-left: 15px; }
	.filters li a 		{ text-decoration: none; white-space: nowrap; display: block; width: 185px; }
	.filters li a:hover { text-decoration: underline; }
	.filters .count 	{ color: #777; font-size: .9em; }
	
	
/* Showroom Details */

	td.label {
		text-align: right;
		vertical-align: top;
		font-weight: bold; 
		}
	.detailsInfoContainer {
		color: #666;
		display: inline;
		float: left;
		margin: 5px 0 10px 10px;
		width: 410px;
		height: 305px;
		overflow: auto;
		}
	.detailsInfoContainer h1 { font-size: 1.5em; margin: 0 0 5px; }
		
	.detailsImageContainer img {
		width: 440px; height: 340px;
		padding: 5px;
		border: #999 solid 1px;
		background: #fff;
		float: right;
		margin: 5px 0; 
		display: inline;
		}
	.detailsImageContainer img:hover { background: #FC3; }
	
	.backTo { text-align: left; font-size: 0.8em; }


/* Image Carousel */

	.imagesContainer { margin: 10px 0 0 0; }
	
	#carousel_box {
		width: 775px; height: 150px;
		background: #eee;
		padding: 10px;
		float: left;
		overflow: hidden;
		}
		
	.carousel_control 	{ height: 150px; width: 32px; float: left; }
	
	#c_prev 			{ background: url('../images/carousel/left.png') no-repeat; }
	#c_next 			{ background: url('../images/carousel/right.png') no-repeat; }
	#c_prev:hover 		{ background: url('../images/carousel/left_over.png') no-repeat; }
	#c_next:hover 		{ background: url('../images/carousel/right_over.png') no-repeat; }
	
	.slide { width: 196px; }
	.slide a {
		display: block;
		background: #fff; 
		border: 1px #999 solid;
		margin: 0 10px 0 0; padding: 5px; line-height: 0;
	   	}
	.slide a:hover { background: #fc3; }
	.slide a img { width: 175px; height: 135px; }