@charset "utf-8";
/* Fluid Grid System v1.0 */

.clearFix { clear: both; font-size: 1pt; height: 1px; } 
.gridMargin {/*--Used this to have margin auto on gridContainer = Center justify on large screen with 900px max-width*/
	margin: 1%;
}
.gridContainer {
	margin: 0 auto;
	max-width: 880px;
	overflow: hidden;
	text-align: center;

	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}
.gridContainer a img {
	border: none;
}
.gridBox {
	width: 31.9%; /*for 2 column change to 48%*/
	min-width: 195px;
	height: auto;
	margin: 1% 0 0 1%;
	overflow: hidden;
	float:left;
	background: url(../../images/showroom/bottom.jpg) left bottom repeat-x #fff;
}
.gridBox div.gridBoxHeader {
    width:100%;
    line-height:1.5em;
	overflow: hidden;
	height:2em;
}
.gridBox div.gridBoxHeader ul {
    margin:0;
    padding:0;
    list-style: none;	
}
.gridBox div.gridBoxHeader li {
   	width:100%;
    margin:0;
    padding:0;
	background: url(../../images/showroom/topRight.jpg) no-repeat right top;
	
}
.gridBox div.gridBoxHeader li h3 {
    margin:0;
    padding:0;
	font-size: 14px;
	overflow: hidden;
	color: #fff;
	line-height: normal;
}
.gridBox div.gridBoxHeader li a {
    display:block;
	background: url(../../images/showroom/topLeft.jpg) no-repeat left top;
    padding:5px 0;
	color: #fff;
	text-decoration: none;
	overflow: hidden;
}
.gridBox div.gridBoxHeader li a:hover {
	color: #FC0;
}
.gridBox div.gridBoxContent {
	border-top: 0px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	overflow: hidden;
}
.gridBox img.sceneImg {
	width:90%;
	margin: 5%;
}
.gridBox img.snapshot {
	width: 90%;
	margin: 5%;
}
.gridBox div.infoContainer {
	height: 4.5em;
	width: 90%;
	margin: 0 5% 0 5%;
	clear: both;
	overflow: hidden;
}
.gridBox div.infoContainer ul {
	list-style: none;
	margin:0;
	padding: 0;
	width: 100%;
}
.gridBox div.infoContainer li {
	clear:both;
}
.gridBox div.infoContainer p.sceneInfo {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	color: #444;
}
.gridBox div.infoContainer span.sceneLable {
	width: 6em;
	text-align: right;
	float: left;
	font-size: 0.9em;
	vertical-align: bottom;
	color: #555;
}
.gridBox div.infoContainer span.sceneInfo {
	text-align: left;
	float: left;
	margin: 0 0 0 0.5em;
	font-weight: bold;
	color: #333;
}
.gridBox .showDetailsButton {
	float:right;
	margin: 5%;
	clear: both;
	width: 84px;
	height: 16px;
}
.gridBox p.launchSceneButton {
	margin: 5%;
	clear: both;
}