/********************************************************
	MAIN BODY COMPONENT STYLES for samples-*.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
********************************************************/
	
#samplesContainer{
	float:left;
	width:361px;
	padding-left:25px;
	margin-top:20px;
	text-align:left;
	xborder:solid 1px black;}

#stoneSamplesLinkContainer{
	float:right;
	width:220px;
	height:150px;
	padding-right:10px;
	margin-top:20px;
	xborder:solid 1px blue;}

#quoteLinkContainer{
	float:right;
	clear:right;
	width:220px;
	height:250px;
	margin-top:30px;
	xborder:solid 1px red;}

	

/********************************************************
	samplesContainer component styles

	These styles are used to dimension and position 
	elements in the samplesContainer.  The 
	components in the samplesContainer vary 
	based on need, so classes are defined mixing explicit
	classes and HTML tags.
********************************************************/
	
.pageTitle{
	float:left;
	clear:both;
	width:100%;
	padding-bottom:15px;}
	
	
	
.largeSampleContainer{
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	width:400px;
	text-align:center;
	padding:10px 10px 16px 10px;
	margin-bottom:10px;
	display:none; 
	background: #fff;
	border: 1px solid #444;}
	
.largeSampleContainer .title{
	float:left;
	clear:both;
	width:380px;
	padding:10px;
	border-top:dashed 1px #666666;
	border-bottom:dashed 1px #666666;
	display:block;	
	font-family: Arial,Helvetica,Verdana;
	font-size: 10pt;
	color: #333333;
	text-align:center;}
	
.largeSampleContainer .image{
	float:left;
	clear:both;
	text-align:center;
	width:400px;
	margin-bottom:10px;}
	
	
	
.individualSampleContainer{
	float:left;
	width:110px;
	text-align:center;
	padding:1px;
	border:solid 1px #FFFFFF;}

.individualSampleContainer .title{display:none;}

.individualSampleContainer .image{
	float:left;
	clear:both;
	font-family: Arial,Helvetica,Verdana;
	font-size: 8pt;
	width:100%;}





/********************************************************
	stoneSamplesLinkContainer component styles

	These styles are used to dimension and position 
	elements in the stoneSamplesLinkContainer.  The 
	components in the stoneSamplesLinkContainer vary 
	based on need, so classes are defined mixing explicit
	classes and HTML tags.
********************************************************/
	


#stoneSamplesLinkContainer .stoneSampleLink{
	float:left;
	margin-top:5px;}
	
#stoneSamplesImage{
	float:right;
	margin-top:15px;}