body {
	padding: 0px;
	margin: 0px;
	color: #000000;
}

p 
{
	line-height: 100%;
	display: inline;
}

.sclear  {

	height: 0px;
	clear: both;
	overflow:hidden;
	position: relative;
}

.tblLayout 
{
	width: 100%;
}

.cellHeader
{
	vertical-align: top;
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 126px;
	background: url(http://www.turfgrassamerica.com/layout/topbar/toprt-stretch.jpg) repeat-x;
	font-family: Georgia, Times New Roman, Times, serif;
	font-variant: small-caps;
	font-weight: normal;
}

.cellHeader .headerContainer 
{
	height: 126px;
	width: 739px;
}

.cellHeader .spinnerIMG  
{
	width: 193px;
	height: 126px;
	
	position: relative;
	float: left;
}

.cellHeader .logoIMG  { width: 546px; height: 126px;
	background: url(http://www.turfgrassamerica.com/layout/topbar/mainback.gif) no-repeat left top;
	float: left;
	position: relative;
}

.cellHeader .button {
	position: relative;
	width: 125px;
	height: 20px;
	font-size: 20px;
	color: white;
	text-decoration: none;
	margin-right: 20px;
	margin-left: 20px;
	top: 85px;
}



.SPC_CHOOSER_Title_new {
	width: 280px;
	padding-left:10px;
	background: #FFFFFF;
	color: #999999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:16px;
}




.cellNav
{
	padding-left: 10px;
	vertical-align: top;
	width: 10%;
}

.cellNav .backGround 
{
	width: 193px;
	height: 579px;
}



/* ************* BEGIN SCM NAV CSS ************** */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/*                     *******                    */
/*                      *****                     */
/*                       ***                      */
/*                        *                       */



/* *** SCM Specific CSS *** */

.SCM_NAV_HEADER { height: 20px; }

.SCM_NAV_FOOTER {display: none;}


/* Basic navigational elements. Does not define what happens for the _DISPLAYLEVEL_X elements */
.SCM_NAV_CONTAINER
{
	text-align: center;
	vertical-align: top;
	width: 176px;
	top: 55px;
}



/* ******* */
/* Level 3 */
/* ******* */

/* contains a single SCM_NAV_Link */
.SCM_NAV_BLOCK
{
	text-align: center;
	vertical-align: bottom;
	width: 176px;
	height: 20px; /* box hieght */

	filter:alpha(opacity=50);   
	-moz-opacity: 0.5;   
	opacity: 0.5;

	position:relative;
	background: url(http://www.turfgrassamerica.com/layout/toolbar/buttonmain.jpg) repeat-x 0px top;
	display: block;
	top: 20px; /* adjusts starting point - also change .SCM_NAV_LINK top */
	left: 1px;
	margin: 0; 
	padding: 0;
	font: small-caps bold 14px Georgia, Times New Roman, Times, serif;
	color: Black;
}

.SCM_NAV_BLOCK_SELECTED
{
	text-align: center;
	vertical-align: bottom;
	width: 176px;
	height: 20px; /* box hieght */

	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;

	position:relative;
	background: url(http://www.turfgrassamerica.com/layout/toolbar/buttonmain.jpg) repeat-x 0px top;
	display: block;
	top: 20px; /* adjusts starting point - also change .SCM_NAV_LINK top */
	left: 1px;
	margin: 0; 
	padding: 0;
	font: small-caps bold 14px Georgia, Times New Roman, Times, serif;
	color: Black;
}

/* href itself in non-hover state */
.SCM_NAV_LINK a
{
	width: 176px;
	height: 20px;
	cursor: pointer;
	text-decoration: none;
	font: small-caps bold 14px Georgia, Times New Roman, Times, serif;
	color: Black;
}

/* href in hover state that includes new background */
.SCM_NAV_LINK a:hover
{
	/*font-family: Arial;*/
	background: url(http://www.turfgrassamerica.com/layout/toolbar/buttonmain.jpg) repeat-x 0px top;
	text-decoration: none;
}

.SCM_NAV_LINK
{
	left: 1px;
	position:relative;
	top: -1px; /* adjusts starting point - also change .SCM_NAV_Block top */
	width: 177px;
	height: 20px;
	text-align: center;
	vertical-align: bottom;	
	font: small-caps bold 14px Georgia, Times New Roman, Times, serif;
	color: Black;
	border-top: solid 1px black;
	border-bottom: solid 1px black;

}

.SCM_NAV_LINK TD /* editor */
{
	left: 1px;
	position:relative;
	top: -1px; /* adjusts starting point - also change .SCM_NAV_Block top */
	width: 177px;
	height: 20px;
	text-align: center;
	vertical-align: bottom;	
	font: small-caps bold 14px Georgia, Times New Roman, Times, serif;
	color: Black;
	/* border-top: solid 1px black;
	border-bottom: solid 1px black; */

}


/*                        *                       */
/*                       ***                      */
/*                      *****                     */
/*                     *******                    */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/* *************** END SCM NAV CSS ************** */

.cellAction
{
	vertical-align: top;
	background-color: #FFFFFF;
	width: 100%; /* do not set below 100% or nav will expand when windows is very small */
}

.cellFooter
{
	vertical-align: top;
	background-color: #FFFFFF;
	width: 100%;
	padding-left: 10px;
}

/* **** BEGIN SOLUTION AND SOLUTION TREE CSS **** */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/*                     *******                    */
/*                      *****                     */
/*                       ***                      */
/*                        *                       */

.SCM_SOLUTIONTREE_CONTAINER
{
}

.SCM_SOLUTION_CONTAINER, .SCM_SOLUTION_CONTAINER TD /* editor */
{
	padding-right: 11px;
	padding-left: 5px;
}

.SCM_SOLUTION_TITLE, .SCM_SOLUTION_TITLE TD /* editor */
{
	font-weight: bold;
}

.SCM_SOLUTION_BODY
{
}

.SCM_SOLUTION_BODY P
{
	display: block;
}

/*                        *                       */
/*                       ***                      */
/*                      *****                     */
/*                     *******                    */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/* ***** END SOLUTION AND SOLUTION TREE CSS ***** */

/* ******** BEGIN REUSABLE CONTAINER BOX ******** */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/*                     *******                    */
/*                      *****                     */
/*                       ***                      */
/*                        *                       */

/* customized colors and images for the three types */

.divHeader /* content section background color */
{
	background: #ededed;
}

.divAction /* content section background color */
{
	background: #ffffff;
}

.divFooter /* content section background color */
{
	background: #FEDFC3;
}


.divHeader, .divAction, .divFooter
{
	font: 12px Georgia, Times New Roman, Times, serif;
	width: 100%;	
}

.divHeader .boxHeader /* header bar background color */
{
	background: #733020;
	
}

.divAction .boxHeader /* header bar background color */
{
	background: #733020 ;
	height: 25px;
}



.divFooter .boxHeader /* header bar background color */
{
	background: #a97549 url(http://www.turfgrassamerica.com/layout/roundboxes/sliver1.gif);
}

.divHeader .boxContent .shadow  {
	background: url(http://www.turfgrassamerica.com/layout/roundboxes/blue/titleshadow.gif) repeat-x 0px -19px;
}

.divAction .boxContent .shadow  {
	background: url(http://www.turfgrassamerica.com/layout/roundboxes/green/titleshadow.gif) repeat-x 0px -19px;
}

.divFooter .boxContent .shadow  {
	background: url(http://www.turfgrassamerica.com/layout/roundboxes/brown/titleshadow.gif) repeat-x 0px -19px;
}

/* Header of reusable container box */
.boxHeader  
{
	width: 100%;
	
	position: relative;
	float: left;
	clear: right;

	font-variant: small-caps;
}

.boxHeader  .NW  
{
	width: 10px;
	height: 20px;
	
	position: relative;
	float: left;
	clear: left;

	background: ;
}

.boxHeader  .NE
{
	width: 20px;
	height: 20px;
	
	position: relative;
	float: right;
}

.boxHeader .txtTitleWhite {

	display: inline;
	position: relative;
	font-size: 18px;
	float: left;
	line-height: 20px;
	font-variant: small-caps;
	margin-left: 20px;
	color: #ffffff;
}

.txtTitleWhite, .txtTitleWhite TD /* editor */{

	display: inline;
	position: relative;
	font-size: 18px;
	float: left;
	line-height: 20px;
	font-variant: small-caps;
	/*margin-left: 20px;*/
	color: #ffffff;
}

.boxHeader .txtTitleBlack {

	display: inline;
	position: relative;
	font-size: 14px;
	float: right;
	line-height: 20px;
	font-variant: small-caps;
	margin-right: 20px;
	margin-top:3px;
	color: #ffffff;
}

.txtTitleBlack, .txtTitleBlack TD /* editor */{

	display: inline;
	position: relative;
	font-size: 18px;
	float: left;
	line-height: 20px;
	font-variant: small-caps;
	/*margin-left: 20px;*/
	color: #000000;
}

/* Content of reusable container box */

.boxContent {
	clear: both;
	/*background: repeat-y url(http://www.turfgrassamerica.com/layout/rou ndboxes/sliver2.gif) right 0px;*/
	position: relative;
	/*padding: 1px 1px 1px 0px; */
	/* border: dashed 1px purple; */
}

.boxContent .spanFull {
	color: #000000;
	padding: 1px 25px 1px  15px;

}

.boxContent .spanNoBorder {
	color: #000000;
	padding: 0px 11px 0px  0px;
	/*border-top: solid 1px #000000; */
	/*border: dashed 1px orange;*/
}

.boxContent .shadow  {
	margin-right: 11px;
	border-top: 1px solid #000000;
	height: 13px;
	border-style: none;
	clear: both;
	position: relative;
}


/* Footer of reusable container box */

.boxFooter {
	height: 20px;

	position: relative;

	/*background: repeat-x url(http://www.turfgrassamerica.com/layout/roundboxes/sliver1.gif) 20px bottom;*/
}

.boxFooter .SW
{
	width: 10px;
	height: 20px;
	
	position: relative;
	float: left;
	clear: left;

}

.boxFooter .SE  
{	
	width: 20px;
	height: 20px;

	position: relative;
	float: right;
	clear: right;
}


/*                        *                       */
/*                       ***                      */
/*                      *****                     */
/*                     *******                    */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/* ********* END REUSABLE CONTAINER BOX ********* */

/* ********** BEGIN CONTACT MAP STYLES ********** */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/*                     *******                    */
/*                      *****                     */
/*                       ***                      */
/*                        *                       */

/* visible table that does not change */


/* hidden table that appears for selection */
TABLE.hiddenContacts, TABLE.visibleContacts
{
	font: 14px Georgia, Times New Roman, Times, serif;
	text-align: left;
	width: 600;
	}
	
TABLE.visibleContacts .head, TABLE.hiddenContacts .head
{
	background-color: 663300;
	color: FFFFFF;
	border: solid 1px #000000;
}

TABLE.visibleContacts, TABLE.hiddenContacts
{
	background-color: 669933;
	color: 000000;
}

TABLE.visibleContacts A, TABLE.hiddenContacts A
{
	color: 000000;
	text-decoration: none;
}

TABLE.visibleContacts A:hover, TABLE.hiddenContacts A:hover
{
	color: 000000;
	text-decoration: underline;
}

TABLE.visibleContacts TD, TABLE.hiddenContacts TD
{
	border-bottom: solid 1px #000000;
	border-left: solid 1px #000000;
	border-right: solid 1px #000000;
}

IMG.swatch
{
	padding: 0px;
	margin: 0px;
}

.row1
{
	background-color:FFFF33;
	vertical-align: top;
}

.row2
{
	background-color:33CC33;
	vertical-align: top;	
}

.row3
{
	background-color:9900FF;
	vertical-align: top;	
}

.row4
{
	background-color:FF3333;
	vertical-align: top;	
}

.row5
{
	background-color:3366FF;
	vertical-align: top;	
}

.row6
{
	background-color:FF9900;
	vertical-align: top;	
}

.row7
{
	background-color:00FFFF;
	vertical-align: top;	
}

.hiddenContacts .head, .visibleContacts .head
{
	font-weight: bold;
	font-variant: small-caps;
	width: "33%";
}

.mapRes, .mapArchPro
{
	text-align: center;
	cursor: hand;
}

/*                        *                       */
/*                       ***                      */
/*                      *****                     */
/*                     *******                    */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/*                       ***                      */
/* *********** END CONTACT MAP STYLES *********** */