/* Copywrite: Paul J. Gangelhoff   Virtual Boundaries Inc.  803.431.9416 */
/* ****************************************** */
body{ background:#f5f5f5; font-family:verdana; font-size:.65em; margin-left:auto; margin-right:auto; padding:0px; text-align:center; }
#page_container{ position:relative; background-color:#FFFFFF; height:auto; overflow:hidden; margin-left:auto; margin-right:auto; text-align:left; padding:0px; width:800px; 
border:1px solid #DCDCDC; }	
#page_header{ padding:0px 0px 0px 15px;  height:150px; background-color:#F0FFF0; }

#logo_container{ background-color:#F0FFF0; text-align:left; margin:10px 0px 0px 0px; padding:0px; width:812px;  border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; 
	border-top:1px solid #C0C0C0; overflow:hidden; margin-left:auto; margin-right:auto; }
#logo{float:left; margin:0px; padding:0px 0px 0px 20px; text-align:center; }
#container{position:relative; background:#FFFFFF; width:812px; height:auto; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; text-align:left;
	overflow:hidden; margin-left:auto; margin-right:auto;padding-bottom:15px; }
#container_hydroseeding{padding:0px 0px 15px 0px; background:#FFFFFF url("../siteGraphics/BladesOfGrass.jpg") no-repeat bottom right; 
	width:812px; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; border-bottom:1px solid #C0C0C0; text-align:left; 
	overflow:hidden; margin-left:auto; margin-right:auto; 
	}
#carolinafibers_address{background-color:#FFFFFF; text-align:center; }
#shadow_bottom{position:relative; top:15px; width:815px; border:1px solid red; margin:0px; overflow:hidden; padding:0px 20px 15px 0px; background:url('../siteGraphics/shadow_bottom.png') no-repeat bottom;}
#shadow_right{ padding:0px 20px 0px 0px; border:1px solid blue; background:url('../siteGraphics/shadow_right.png') repeat-y right center; }
#content_page{overflow:hidden; width:100%; background-color:#FFFFFF; padding:25px 10px 30px 20px; display:block;   } 
#content_page div.prev{display:none;  }
#content_page div.current{display:block;  }	
/* ****************************************** */
h1,h2,h3{ font-size:1.1em; margin:10px 0px 5px 0px; padding:0px 0px 0px 0px; text-align:left;  }
h1.mulch{ font-size:1.2em; margin:0px 0px 5px 0px; }
h1.package_label{font-size:1.2em; color:green; padding:10px 0px 2px 0px; }
h1.documents{ font-size:1.2em; padding:10px 0px 2px 0px; }
h3.advantages{clear:both; text-align:center;}
h4.form_section {margin:0px 0px 0px 0px; padding:5px 5px 5px 5px; font-size:1em; font-weight:normal; border-top: 1px solid #DCDCDC; border-bottom: 1px solid #DCDCDC; background: #F5F5F5;}
/* ****************************************** */
p{ margin:0px 0px 10px 0px; padding:0px; text-align:left;}
/* ****************************************** */
a.pdf_download{text-decoration:none; outline:none;}
a.pdf_download img{border:none;}
/* ****************************************** */
div.document_content{background-color:#FFFFFF; margin:0px; padding:0px; float:left; overflow:hidden; width:580px; display:block; }
div.main_content{background-color:#FFFFFF; display:block; position:relative; float:left; width:480px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; overflow:hidden; }
div.sub_content{background-color:#FFFFFF; float:right; width:240px;	margin:15px 15px 0px 0px; padding:0px 0px 0px 0px; border:0px solid #DCDCDC; }
div.download{background: url("../siteGraphics/download_bkg.gif") no-repeat bottom;
	padding:0px 0px 0px 0px;  text-align:center; color:#696969; }	
div.download a{text-decoration:none; color:#696969; }
div.download img{ border:none; }
div.form{ margin:0px 0px 10px 0px; padding:10px 10px 10px 10px; background: #F5F5F5;  }
div.form div.productReq{float:left; height:110px;  margin:0px 0px 0px 0px; padding:10px 10px 10px 10px; background: #F5F5F5; vertical-align:text-bottom;  }
div.package_label{ padding:10px; border-top:1px solid #DCDCDC; border-left:1px solid #DCDCDC; border-right:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC; }
div.product_description{float:left; overflow:hidden; height:auto; text-align:left; width:310px; font-family:verdana; padding:0px 0px 5px 10px;}
div.product_documents{ width:100%; padding-bottom:20px; overflow:hidden; }

div.document_sub_content{float:right; width:140px;}
div.document_description{width:400px; float:left; padding:0px 0px 10px 20px; overflow:hidden;}

/* ****************************************** */
.stripe{background-color:#F0FFF0; }
table.advantages { border-bottom:1px solid #DCDCDC; width:100%; font-size:1.0em; }
table.advantages th{ border-top:1px solid #DCDCDC; border-right:1px solid #DCDCDC; vertical-align:top; }
table.advantages td{ border-top: 1px solid #DCDCDC; }

table.package_label { border-bottom:1px solid #DCDCDC; width:100%; font-size:1.0em; }
table.package_label th{ text-align:left; font-weight:bold; }
table.package_label th.packaging{border-right:1px solid #DCDCDC;}
table.package_label td{ border-top:1px solid #DCDCDC; }
table.package_label td.packaging{width:30%; border-right: 1px solid #DCDCDC;}

table.document { border-bottom:1px solid #DCDCDC; width:100%; font-size:1.0em; }
table.document th{ text-align:left; font-weight:bold; padding:3px; color:#666666;}
table.document th.document{border-right:1px solid #DCDCDC;}
table.document td{ border-top:1px solid #DCDCDC; padding:3px 3px 10px 3px; vertical-align:top; }
table.document td.document{width:30%; border-right: 1px solid #DCDCDC; vertical-align:top;}

/* ****************************************** */	
.mulch_additives{padding:10px; border-top:1px solid #DCDCDC; border-left:1px solid #DCDCDC; border-right:1px solid #DCDCDC; border-bottom:1px solid #DCDCDC;}
.contact_us_message_box{position:absolute; left:70px; top:40px; z-index:10; background:#F0FFF0; padding:10px; border:1px solid #C0C0C0; width:300px; height: 150px;}
.popup{position:absolute; left:30px; top:20px; margin-left:10px; z-index:100; background:#FFFFFF; padding:15px; border:2px solid silver; border-right:3px solid gray;border-bottom:3px solid gray; width:350px; height:100px;}
/* ****************************************** */
table.comparison_grid{font-size:1em;}	
/* ****************************************** */
ul.list{ margin:0px 0px 10px 20px; padding:0px; }
/* ****************************************** */
.fld{font-family: Verdana; font-size:1em; color: Navy; border: solid 1px #d3d3d3; background-color: #FFFFFF;}
.text{font-family: Verdana; font-size:1em; color: #696969; text-align:right;}
.textarea{color:navy; font-family:verdana; font-size: 1em; border: solid 1px #d3d3d3;}	

fieldset label, fieldset label span{ display:inline; padding:0px 0px 3px 0px ; font-size:1.0em; }
fieldset label{ display:block; float:left; width:100%; }
fieldset label span{float:left; width:30%; text-align:right; padding-right:5px; }
fieldset label span.checkbox{float:left; text-align:left; padding-left:5px; }

fieldset label span.input{float:left; width:30%; text-align:right; padding:0px; vertical-align:top;  }
fieldset label span.input_text{float:left; text-align:left; width:60%; padding:0px; vertical-align:baseline; }
fieldset input {font-size:1em; border:1px solid #DCDCDC; }
fieldset input.isRequired{ border:1px dotted #D95204 } 
input.button {float:right; font-size:1em; font-weight:bold; color:#D95204; border:1px solid #696969; background-color:#DCDCDC; padding:3px; }

/* Z-index of #mask must lower than #boxes .window */
#modalboxswitch{ display:none;}
#mask { position:absolute; top:0; left:0;  z-index:9000;  background-color:#000; display:none; }
#boxes .window { position:absolute; width:440px; height:200px; display:none; z-index:9999; padding:20px;}
/* Customize your modal window here, you can add background image too */
#boxes #dialog {vertical-align:text-bottom; width:400px;  height:375px; background:url('../siteGraphics/dialog_customerService.png') no-repeat top; }
#boxes #dialog a{ padding-top:165px; outline:none; border:none; }
#boxes #dialog a img{border:none;}
/*
honeydew: #F0FFF0
silver: #C0C0C0
orange: #BCBF5A;
whitesmoke: #f5f5f5
*/

