/* body ************************************************************************* */
body {
	margin:			16px 0px 0px 0px; /* Top, Right, Bottom, Left */
	padding:		0px 0px 0px 0px;
	text-align:		center;
	font-family:		Times New Roman, Times, Arial, Verdana, Helvetica, sans-serif;
	font-size:		14px;
	line-height:		16px;
	background-color:	#005131;  
	background-image:	url(images/background.gif);
	background-repeat:	repeat;
	background-position:	left top;
	background-attachment:	fixed;
	border-style:		hidden;
}
#bodywrapper{		
	margin:			0px auto;
	width:			796px;		
	text-align:		left;
	
}
div.header{	
	padding:		16px 16px 0px 16px;  /* Top, Right, Bottom, Left */
	height:			396px;
	text-align:		center;	
	background-image:	url(images/detailBackgroundTop.gif);
	background-repeat:	no-repeat;
	background-position:	left top;
}
div.headerCol1{
	float:			left;
	height:			396px;
	width:			255px;
	background-image:	url(images/photos/headerImage1.jpg);
	background-repeat:	no-repeat;
	background-position:	left bottom;
}
div.headerCol2{
	float:			left;	
	height:			396px;
	width:			254px;
	background-image:	url(images/photos/headerImage2.jpg);
	background-repeat:	no-repeat;
	background-position:	left bottom;
}
div.headerCol3{
	float:			right;
	height:			396px;
	width:			255px;
	background-image:	url(images/photos/headerImage3.jpg);
	background-repeat:	no-repeat;
	background-position:	left bottom;
}
div.header2{				
	padding:		12px 0px 4px 28px;  /* Top, Right, Bottom, Left */
	text-align:		left;	
	background-image:	url(images/detailBackgroundTop2.gif);
	background-repeat:	no-repeat;
	background-position:	left top;
}
div.content{	
	padding:		8px 16px 0px 16px;  /* Top, Right, Bottom, Left */
	background-image:	url(images/detailBackgroundCenter.gif);
	background-repeat:	repeat-y;
	background-position:	left top;
	background-color:	#FFFFFF;
}
div.contentlinks{	
	float:			left;
	width:			125px;
}
div.contentbody{	
	float:			right;
	width:			623px;
	margin:			4px 0px 0px 0px;	 /* Top, Right, Bottom, Left */	
}
div.footer{
	position:		absolute;
	width:			796px;
	text-align:		center;
	padding:		50px 16px 16px 16px;	 /* Top, Right, Bottom, Left */
	color:			white;
	height:			75px;
	background-image:	url(images/detailBackgroundBottom.gif);
	background-repeat:	no-repeat;
	background-position:	left top;
}
div.clear{
	clear:			both;
}
div.clearlinks{
	clear:			both;
	height:			10px;
}

/* links ********************************************************************** */
a:link, a:visited, a:active {
	text-decoration:	none;
	color:			#000000;
	font-weight:		bold;
}
a:hover { 
	text-decoration:	none;
	color:			#D0621B;	           
	font-weight:		bold;
}
a.large:link, a.large:visited, a.large:active {	
	color:			#000000;
	letter-spacing:		2px;
	font-size:		14px;
}
a.large:hover {
	color:			#D0621B;   
	letter-spacing:		2px; 	           	
	font-size:		14px;
}
a.small:link, a.small:visited, a.small:active {	
	color:			#000000;
	font-size:		13px;
}
a.small:hover {
	color:			#D0621B;    	           	
	font-size:		13px;
}

/* body ************************************************************************* */
div.indexCol1{
	float:			left;
	width:			170px;
	text-align:		center;
}
div.indexCol2{
	float:			left;
	width:			205px;	
	margin:			0px 16px 0px 8px;	 /* Top, Right, Bottom, Left */
}
div.indexCol3{
	float:			right;
	width:			216px;
	margin:			0px 8px 0px 0px;	 /* Top, Right, Bottom, Left */
}
div.contactusCol1{
	float:			left;
	width:			230px;
}
div.contactusCol2{
	float:			right;
	text-align:		left;
	width:			377px;
}
div.finishedCol1{
	float:			left;
	width:			220px;
}
div.finishedCol2{
	float:			right;
	text-align:		left;
	width:			379px;
}
div.youngPlantsCol1{
	float:			left;
	width:			334px;
}
div.youngPlantsCol2{
	float:			right;
	text-align:		left;
	width:			265px;
}
div.landscapeCol1{
	float:			left;
	width:			339px;
}
div.landscapeCol2{
	float:			right;
	text-align:		left;
	width:			260px;
}
div.linksCol1{
	float:			left;
	width:			225px;
}
div.linksCol2{
	float:			right;
	text-align:		left;
	width:			383px;
}
div.orderFormSubmissionCol1{
	float:			left;
	text-align:		right;
	width:			110px;
	margin:			0px 2px 0px 0px;	 /* Top, Right, Bottom, Left */		
}
div.orderFormSubmissionCol2{
	float:			right;
	text-align:		left;
	width:			498px;
}

/* span ************************************************************************* */
span.linkheader{
	font-size:		16px;
	letter-spacing:		2px;
	color:			#FFFFFF;
	font-weight:		bold;
}
span.header1{
	font-size:		16px;
	letter-spacing:		1px;
	font-weight:		bold;
}
span.header2{
	font-size:		14px;
	letter-spacing:		1px;
	font-weight:		bold;	
}
span.bold16{
	font-size:		16px;
	font-weight:		bold;
	letter-spacing:		1px;
}
span.size15{
	font-size:		15px;
}
span.size16{
	font-size:		16px;
}
span.highlightBold{
	color:			#560A55;
	font-weight:		bold;
}

/* Menu ************************************************************************* */
ul.menu{	
	background-image:	url(images/links/linkTop.gif);
	background-repeat:	no-repeat;
	background-position:	left top;
	background-color:	#520951;
	list-style: 		none;
	width:			125px;
	margin:			0px;
	padding:		12px 0px 0px 0px;	 /* Top, Right, Bottom, Left */	
}
li.link{
	background-image:	url(images/links/linkBottom.gif);
	background-repeat:	no-repeat;
	background-position:	left bottom;
	padding:		0px 0px 12px 0px;	 /* Top, Right, Bottom, Left */		 
}

/* Other ************************************************************************ */
div.repeaterLeft{		
	float:			left;
	width:			110px;	
	padding:		0px 0px 12px 0px;	 /* Top, Right, Bottom, Left */
}
div.repeaterRight{	
	float:			left;	
	padding:		0px 15px 12px 0px;	 /* Top, Right, Bottom, Left */	 
	text-align:		left;
}
div.repeaterWrapper{
	padding:		0px 0px 12px 0px;	 /* Top, Right, Bottom, Left */	
}

div.hotBuysRepeater1{
	float:			left;
	width:			115px;	
}
div.hotBuysRepeater2{
	float:			right;
	text-align:		left;	
	padding:		0px 15px 0px 0px;	 /* Top, Right, Bottom, Left */	
	width:			495px;
}
div.repeaterLeftIndex{		
	float:			left;	
	width:			55px;
	padding:		5px 0px 5px 0px;	 /* Top, Right, Bottom, Left */
}
div.repeaterRightIndex{	
	float:			right;
	width:			150px;
	padding:		5px 15px 5px 0px;	 /* Top, Right, Bottom, Left */	 
}
div.clearRepeater{
    	clear:			both;
    	height:			1px;
    	overflow:		hidden;
}