/********************************************************
	MAIN BODY COMPONENT STYLES for showroom-*.htm

	These styles are used to dimension and position 
	elements in the main body of the page.  It also 
	defines the font size, color, and family to use 
	for various elements
********************************************************/
	
#showroomTitle{
	float:left;
	width:350px;
	margin-top:30px;
	padding-left:30px;
	padding-bottom:2px;
	xborder:solid 1px green;}
	
#showroomGalleryContainer{
	float:left;
	clear:left;
	width:350px;
	padding-left:30px;
	xborder:solid 1px red;}
	
#showroomDescription{
	float:left;
	clear:left;
	text-align:left;
	padding-left:30px;
	padding-top:20px;
	padding-bottom:50px;
	width:360px;
	xborder:solid 1px black;}

#showroomListContainer{
	float:right;
	width:216px;
	padding-top:45px;
	padding-right:10px;
	xborder:solid 1px blue;}



/********************************************************
	IMAGE GALLERY COMPONENT STYLES

	These styles are used to dimension and position major 
	components of the gallery in a standardized layout
********************************************************/

	
#largeGalleryImageContainer{
	float:left;
	clear:both;
	text-align:center;
	padding-bottom:6px;}
	
#smallGalleryImagesContainer{
	float:left;
	clear:both;
	text-align:center;
	width:345px;
	padding-left:5px;
	padding-top:6px;
	padding-bottom:6px;
	border-top:dashed 1px #993300;
	border-bottom:dashed 1px #993300;}
	
.galleryImageContainer{float:left;}




/********************************************************
	SHOWROOM LIST COMPONENT STYLES

	These styles are used to dimension and position major 
	components of the showroom list in a standardized layout
********************************************************/


#showroomListHeader{
	float:left;
	width:216px;}

#showroomListContent{
	float:left;
	height:135px;
	width:216px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#666666;
	background-image:url(../images/showroom/sh-header-box.png);
	background-repeat:no-repeat;}

#showroomListContent A{
	float:left;
	clear:both;
	width:170px;
	margin-left:20px;
	padding-left:10px;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:dashed 1px #993300;}
	
#showroomAdvertisement{
	float:left;
	clear:both;
	margin-top:50px;}