#boxed {

    /*rounded corners*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    background-color: #369;
    color: white;
    border: 1px solid white;
    padding:10px 10px;
    
}

#boxmenu {

    /*rounded corners*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px; 
    border-radius: 5px;
    background-color: #fff;
    color: #444444;
    border: 1px solid white;
    padding: 0px 0px;
    text-shadow:none;
    text-align: left;
}

#boxmenu ul a {
  background:url(images/navbar-bg.gif) repeat-x top left;
  padding-top:5px;
  display: block;
  line-height: 22px;
  padding-left: 50px;
  text-decoration: none;
  font-family: Arial, "Times New Roman", Times, serif;
  font-size: 12px;
  color: #fff;
  text-shadow:none;
}


#boxmenu ul a:hover {
  text-decoration:none;
  color: #EF9813;
  text-shadow:none;
}

#boxmenutitle {
  color: #749702;
  background-color: #CFCFCF;
  line-height: 30px;
  padding-left: 10px;
  list-style-type: none;
}


img
 {  border-style: none;
 }


#wrap {
		
		/*width: 30em;*/
		margin: 0;
		
		 }
	

	/* This CSS is used for the Show/Hide functionality. */
	.more {
		display: none;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #fff;
		border-right: 1px solid #aaa;
		background-color: #97983C;
		padding:20px 20px;	
			 }
		
	a.showLink, a.hideLink {
		text-decoration: none;
		padding-left: 0px;
		 }
		
	a.hideLink {
		background: transparent url(up.gif) no-repeat left; }
	
	a.showLink:hover, a.hideLink:hover {
		border-bottom: 1px solid #0f0; 
		
		}
		


a.info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;	
    }

a.info:hover{
    z-index:25; 
    background-color:#F9BA23;
    }

#tblcol:hover{
    background-color:#2E650D;
    cursor: pointer;
    cursor: hand;
}


a.info span{
    display: none
    }

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    font:normal 12px Arial;
    text-decoration: none;
    text-shadow:none;	
    top:2em; left:2em; width:15em;
    border:1px solid #40FF40;
    /*rounded corners*/
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    
    background-color:#2E650D; 
    color:#000;
    text-align: center;
  }

a.info_yel{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;	
    }

a.info_yel:hover{
    z-index:25; 
    background-color:#F9BA23;
    }

a.info_yel span{
    display: none;
    }

a.info_yel:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    font:normal 12px Arial;
    text-decoration: none;
    text-shadow: none;	
    top:2em; left:2em; width:15em;
    border:3px solid #F9BA23;
    /*rounded corners*/
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    
    background-color:#FFFF80; 
    color:#000;
    text-align: center;
}



a.text_info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;	
    }

a.text_info:hover{
    z-index:25; 
    background-color:#2E650D
    }

a.text_info span{
    display: none
    }

a.text_info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    font:normal 12px Arial;
    text-decoration: none;
    text-shadow:none;	
    top:2em; left:2em; width:65em;
    border:1px solid #ff0000;
    /*rounded corners*/
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    
    background-color:#C0FFC0; 
    color:#000;
    text-align: center}



a.grass_info{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;	
    }

a.grass_info:hover{
    z-index:25; 
    background-color:#2E650D
	
    }


a.grass_info span{
    display: none
    }

a.grass_info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    font:normal 12px Arial;
    text-decoration: none;
    text-shadow:none;	
    top:2em; left:2em; width:15em;
    border:1px solid #40FF40;
    /*rounded corners*/
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
    background-color:#FFFFFF; 
    color:#000;
    text-align: left;
    padding:5px 5px;
}


* {
  margin: 0;
  padding: 0;
  }

body {
  font-size:100%;
  font-family: Arial,'Lucida Grande',Verdana,sans-serif;
  text-align:center;
  background:#002400 url(images/background.gif) no-repeat top center;
}



#page {width:992px; margin:0px auto; text-align:center;}

#header {
  height:191px;
  width:992px;
  background:url(images/topbg.gif);
  text-align:left;
}


#logo {
  text-align:left;
  letter-spacing:-2px;
  text-shadow:0px 0px 8px #000;
  font:48px Georgia, Arial, "Times New Roman", Times;
  margin-left:18px;
  margin-top:20px;
  color:#FFF;
  width:530px;
  height:97px;
  float: left;
}

.green {
color: #95D101;
}


.alert {
	background: #fff6bf url(exclamation.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	color:#F00;
	padding: 10px 20px 10px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}



#slogan {
  text-align:left;
  margin-left:0px;
  font:14px Arial, "Times New Roman", Times;
  letter-spacing:0px;
  color:#FFF;
}


/* TOP NAVIGATION BAR */

#nav-1 {
  width:730px;
  float:right;
  margin-top:30px;
}

#nav {
  width:800px;
  float:right;
  margin-top:136px;
}

#nav-menu-left {
  background:url(images/navbar-left.gif) no-repeat top left;
  width:27px;
  height:55px;
  float: left;
}
#nav-menu-right {
  background:url(images/navbar-right.gif) no-repeat top left;
  width:27px;
  height:55px;
  float: left;
}
#nav-menu {
  background:url(images/navbar-bg.gif) repeat-x top left;
  height:55px;
  width:675px;
  float: left;
}


#nav-menu ul {
  list-style:none;
}
  
#nav-menu ul a {
  background-image: url(images/navbar-divider.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 12px;
  padding-left: 12px;
  padding-top:5px;
  display: block;
  line-height: 50px;
  text-decoration: none;
  text-shadow:1px 1px 1px #000;
  font-family: Arial, "Times New Roman", Times, serif;
  font-size: 18px;
  color: #FFF;
}
	
#nav-menu ul a:hover {
  text-decoration:underline;
  text-shadow:0px 0px 4px #FF0000;
}
 
#nav-menu li {
  float:left;
}

/* END NAVIGATION BAR */

/* Large header image of grass and flower, with slogans */
#header2 {
  background:url(images/header.jpg) no-repeat top left;
  width:992px;
  height:224px;
  text-shadow:1px 1px 1px #000;
}

#header2-slogan1 {
  font:48px Georgia, Arial, "Times New Roman", Times;
  padding:6px 0px 0px 106px;
  color:#FFF;
  text-align:left;
  letter-spacing:-2px;
}
#header2-slogan2 {
  font:48px Georgia, Arial, "Times New Roman", Times;
  padding:0px 0px 0px 267px;
  color:#FFF;
  text-align:left;
  letter-spacing:-2px;
}
/* end large header */

/* clears all floated elements */
.clearfloats {
  clear:both;
}
/* end clear floats */

/* first content section, lighter green area */
#content {
  background:#2E650D url(images/body-bg.gif) no-repeat top left;
  width:992px;
  min-height:270px;
  text-align:left;
  padding-top:35px;
  padding-bottom:20px;
}

.content-padding {
  padding:0px 20px 0px 20px;
}

.content-padding a {
  font:16px Arial, "Times New Roman", Times;
  color:#CEFF9F;
  text-shadow:1px 1px 1px #104D00;
}

.content-padding a:hover {
  font:16px Arial, "Times New Roman", Times;
  color:#FFF;
  text-decoration:none;
  text-shadow:0px 0px 3px #FF0000;
}

#heading {
  font:26px Georgia, Arial, "Times New Roman", Times;
  color:#FFF;
  padding-bottom:10px;
  text-shadow:1px 1px 2px #000;
  text-align:left;
}

#content h1 {
  font:36px Georgia, Arial, "Times New Roman", Times;
  color: #FFF;
  padding-bottom:10px;
  text-shadow:1px 1px 2px #000;
  text-align:left;
  
}

#content p {
  font:16px Arial, "Times New Roman", Times;
  color:#FFF;
  text-align:justify;
  padding-bottom:10px;
}
/* end content 1 section */


/* image that divides the two different colored content sections */
#body-divider {
  background:#1D5600 url(images/body-divider.gif) no-repeat top left;
  width:992px;
  height:23px;
}
/* end content divider */

/* darker green content section, "content 2" */
#content2 {
  width:992px;
  min-height:250px;
  background:#1D5600;
  text-align:left;
  padding-top:10px;
  padding-bottom:30px;
}

#content2 p {
  font:16px Arial, "Times New Roman", Times;
  color:#FFF;
  text-align:justify;
  padding-bottom:10px;
}

#content2 h2,h3,h4,h5,h6 {
  background:#1D5600 url(images/headline-arrow.gif) no-repeat top left;
  font:normal 25px serif, "Times New Roman", Times;
  line-height:25px;
  color:#FFF;
  text-shadow:1px 1px 2px #000;
  padding-bottom:10px;
  padding-left:30px;
}

.content2-block {
  width:260px;
  float:left;
}

.content2-block p {
  width:274px; 
  float:left;
  text-align:left;
}

  /* three column area, vertical dotted divider */
  .content-divider {
    background:url(images/content-divider.gif) no-repeat top center;
    width:2px;
    height:274px;
    float:left;
    padding:0px 30px 0px 30px; 
  }
  /* end divider */

/* end content 2 */


/* subscribe form */
#subscribe {
	text-align:right; padding-right:15px;
}

#subscribe input { 
	margin:1px 0;
	
}

.button {
  background:transparent url(images/submit.gif) no-repeat top left;
  padding-bottom:5px; 
  border:none;
  width:126px;
  height:33px;
  color:#FFFFFF;
  font:bold 13px Arial, Georgia, "Times New Roman", Times;
  cursor:hand;

}
.inputstyle {
  background:#002200;
  width:200px;
  height:30px;
  color:#FFF;
  font-size:12px;
  padding:0px 5px 0px 10px;
  border: 1px solid #999;
  border-radius: 20px;
  box-shadow: inset 5px 5px 5px #ccc;
 
}

.inputstyle2 {
  background:#002200;
  width:400px;
  height:100px;
  color:#FFF;
  font-size:12px;
  padding:0px 5px 0px 10px;
  border: 1px solid #999;
  border-radius: 20px;
  box-shadow: inset 5px 5px 5px #ccc;


}
/* end subscribe form */



/* footer of page */
#footer-div {
  background:url(images/footer-div.gif) no-repeat top left;
  width:992px;
  height:6px;
  text-decoration: none;
}

#footer {
  padding-top:15px;
  width:992px;
  height:150px;
  background:#001800;
  text-align:center;
  text-decoration: none;
}

#footer p {
  font:12px Arial, "Times New Roman", Times;
  color:#FFF;
  text-decoration: none;
}

#footer a {
  font:12px Arial, "Times New Roman", Times;
  color:#FFF;
  text-decoration: none;
}
/* end footer */

#board{
  width: 173px;
  height: 150px;
  border: none;
  font-family: Arial, "Times New Roman", Times, serif;
  font:12px Arial;
  color:#FFF;
  overflow-yscroll;
  background-color:#1D5600;
  color:#A6120D;
  scrollbar-base-color:#52DC0D;
}

#topics_list {
  overflow: auto;
  width: 173px;
  height: 150px;
  border: none;
  font-family: Arial, "Times New Roman", Times, serif;
  font:12px Arial;
  color:#FFF;
  padding-left:5px;
  text-align:left;
  background-color:#1D5600;
  scrollbar-base-color:#52DC0D
}

a.t-list{
    font:12px Arial, "Times New Roman", Times;
    font-size: 12px;
    color:#fff;
    text-shadow:none;
    text-decoration: underline}

a.t-list:hover{
    background-color: #2e650d;
    font:12px Arial, "Times New Roman", Times;
    font-size: 12px;
    text-shadow:none;
    color:#fff}



#water_list {
  z-index: 2; 
  position: absolute; 
  left: 80px; 
  top: 590px; 
  overflow: auto;
  width: 173px;
  height: 150px;
  border: 1px solid #666;
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font:12px Arial;
  color:#FFF;
  padding-left:5px;
  text-align:left;
  
}

#wl {
background-color: #76A139;
list-style:none;
padding-left:0px
width: 100%;

}

a.wl{
    font:12px Arial, "Times New Roman", Times;
    font-size: 12px;
    color:#fff;
    text-shadow:none;
    text-decoration: underline}

a.wl:hover{
    background-color: #2e650d;
    font:12px Arial, "Times New Roman", Times;
    font-size: 12px;
    text-shadow:none;
    color:#fff}


#mowing_list {
  z-index: 2; 
  position: absolute; 
  left: 620px; 
  top: 570px; 
  overflow: auto;
  width: 173px;
  height: 150px;
  border: 1px solid #666;
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font-family: Arial, "Times New Roman", Times, serif;
  font:12px Arial;
  color:#FFF;
  padding-left:5px;
  text-align:left;
  
}

#soil_list {
  z-index: 2; 
  position: absolute; 
  left: 280px; 
  top: 960px; 
  overflow: auto;
  width: 173px;
  height: 150px;
  border: 1px solid #666;
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font-family: Arial, "Times New Roman", Times, serif;
  font:12px Arial;
  color:#FFF;
  padding-left:5px;
  text-align:left;
  
} 

#feeding_list {
  z-index: 2; 
  position: absolute; 
  left: 120px; 
  top: 780px; 
  overflow: auto;
  width: 173px;
  height: 150px;
  border: 1px solid #666;
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font-family: Arial, "Times New Roman", Times, serif;
  font:12px Arial;
  color:#FFF;
  padding-left:5px;
  text-align:left;
  
} 

#repair_list {
  z-index: 2; 
  position: absolute; 
  left: 670px; 
  top: 780px; 
  overflow: auto;
  width: 173px;
  height: 150px;
  border: 1px solid #666;
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font-family: Arial, "Times New Roman", Times, serif;
  font:12px Arial;
  color:#FFF;
  padding-left:5px;
  text-align:left;
  
} 

#weeding_list {
  z-index: 2; 
  position: absolute; 
  left: 520px; 
  top: 960px; 
  overflow: auto;
  width: 173px;
  height: 150px;
  border: 1px solid #666;
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
  font-family: Arial, "Times New Roman", Times, serif;
  font:12px Arial;
  color:#FFF;
  padding-left:5px;
  text-align:left;
  
} 

#blanket {
background-color:#111;
opacity: 0.35;
filter:alpha(opacity=35);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%
}

#popUpDiv {
position:absolute;
background-color:#eeeeee;
width:300px;
height:410px;
border:1px solid #40FF40;
background-color:#C0FFC0; 
/*rounded corners*/
border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
z-index: 9002
}

#members{
	z-index: 2; 
	position: absolute; 
	left: 150px; 
	top: 90px; 
}


#splash{
	z-index: 2; 
	position: absolute; 
	left: 40px; 
	top: 120px; 
}

#splash2{
	z-index: 2; 
	position: absolute; 
	left: 20px; 
	top: 100px; 
}
#helpline{
	z-index: 2; 
	position: absolute; 
	left: 680px; 
	top: 10px; 
}


#natural{
	z-index: 2; 
	position: absolute; 
	left: 930px; 
	top: 250px;  
}
#why{
	z-index: 2; 
	position: absolute; 
	left: 250px; 
	top: 100px; 
}

#shop_online{
	z-index: 2; 
	position: absolute; 
	left: 450px; 
	top: 10px; 
}

#special_price{
	z-index: 2; 
	position: absolute; 
	left: 180px; 
	top: 90px; 
}


#price_increase{
	z-index: 2; 
	position: absolute; 
	left: 550px; 
	top: 10px; 
	
}
#contactus{
	z-index: 2; 
	position: absolute; 
	left: 230px; 
	top: 90px; 
}

#lawn_girl{
	z-index: 2; 
	position: absolute; 
	left: 885px; 
	top: 0px; 
}

#new_seed{
	z-index: 2; 
	position: absolute; 
	left: 190px; 
	top: 90px; 
}
#gsearch{
	z-index: 2; 
	position: absolute; 
	left: 540px; 
	top: 120px; 
}

#care_tips_gsearch{
	z-index: 2; 
	position: absolute; 
	left: 380px; 
	top: 570px; 
}

#mmdm
{	margin: 0;
	padding: 0;
	z-index: 2}

#mmdm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#mmdm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 10px;
	width: 105px;
	background: #D5C645;
	color: #FFF;
	text-align: center;
	text-decoration: none}

#mmdm li a:hover
{	background: #F3E358;
	color: #808080}

#mmdm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #D5C645}

	#mmdm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFFFFF;
		color: #000000;
		font: 11px arial}
		
	#mmdm div a:hover
	{	background: #F3E358;
		color: #FFF}




#mmdm divider-horiz
{	border-top-width:1px;
	margin:5px 5px;
	border-color: #C16100;
}

ul
{
    list-style-type: none;
}


/* These styles create the dropdown menus. */
#navbar {
  	background:url(images/navbar-bg.gif) repeat-x top left;
  	margin: 0px;
	padding: 0px;
}


#navbar ul a:hover {
  text-decoration:underline;
  text-shadow:0px 0px 4px #FF0000;
}


#navbar li {
	list-style: none;
	float: left; 
}
#navbar li a {
	display: block;
	background:url(images/navbar-bg.gif) repeat-x top left;
	text-decoration: none;
	background-image: url(images/navbar-divider.gif);
  	background-repeat: no-repeat;
  	background-position: right;
	padding-right: 12px;
  	padding-left: 12px;
  	padding-top:5px;
  	line-height: 50px;
	text-shadow:1px 1px 1px #000;
  	font-family: Arial, "Times New Roman", Times, serif;
 	font-size: 18px;
  	color: #FFF;
}

#navbar li ul {
	display: none; 
	width: 35em; /* Width to help Opera out */
	background:url(images/navbar-bg.gif) repeat-x top left;
	font-size: 10px;
  	color: #FFF;
	
}
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; 
}
#navbar li:hover li, #navbar li.hover li {
	float: none; 
}
#navbar li:hover li a, #navbar li.hover li a {
	background:url(images/navbar-bg.gif) repeat-x top left;
	border-bottom: 1px solid #fff;
	color: #FFF; 
	height: 35px;
}
#navbar li li a:hover {
	
}

#data_sheet {
	font-family: Arial, "Times New Roman", Times, serif;
 	font-size: 8px;
  	color: #000;
	z-index: 2; 
	position: absolute; 
	height: 20px;
	width: 81px;
}

#liscost {
  z-index: 2; 
  position: absolute; 
  left: 390px; 
  top: 5px; 
} 

#boxed {

    /*rounded corners*/
    border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
    background-color: #369;
    color: white;
    border: 1px solid white;
    padding:10px 10px;
    
}

#step1 {
	z-index: 2; 
   position: absolute; 
   left: 712px; 
   top: 1040px; 
}

#step2 {
	z-index: 2; 
   position: absolute; 
   left: 600px; 
   top: 830px; 
}

#step3 {
	z-index: 2; 
   position: absolute; 
   left: 500px; 
   top: 300px; 
}