/* CSS Document */

html, body {width:100%; background:#99cd8d; padding:10px 0; margin:0}
body, div, td, p {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF}
a {color:#fff5b9; text-decoration:none;}
a:hover {color:#FFF; text-decoration:underline;}
a.yellow {color:#FFFF66; text-decoration:none; font-weight:bold;}
h2 {font-family:Arial, Helvetica, sans-serif; text-decoration:underline; font-size:12px; font-weight:normal;}

#page {width:100%; text-align:center;}
div.center, ul.center {width:850px; margin:0 auto; border-left:1px solid #000; border-right:1px solid #000;}
#main {background: url(img/table-bg.jpg) top no-repeat #368b22; border-bottom:1px solid #000; position:relative; z-index:0;}
#header a.link1 {position:absolute; top:2px; height:80px; display:block; width:330px; left:1px;}
#header a.link2 {position:absolute; top:5px; height:18px; display:block; width:18px; left:779px;}
#header a.link3 {position:absolute; top:5px; height:18px; display:block; width:18px; left:804px;}
#custServ a{color:#E7A300; text-align:center;}
#custServ a:hover{text-decoration:none;}
#custServ2 a{color:#000; font-size:12px; text-align:center;}
#custServ2 a:hover{color:#000;}
#custService {display:none; text-align:center;}
#aboutus #custService {display:block;}

/* Main Navigation [div id=nav, ul, li, a / img(seperator)] */
#header {position:relative; border-top:1px solid #000;}
#topNav {height:25px; position:absolute; right:0; top:80px;}
#topNav ul {display:block; width:100%; float:right; height:25px; list-style:none; margin:0; padding:0; text-align:right;}
#topNav li {display:inline; list-style:none; margin:0; padding:0;}
#topNav li a {font-size:12px; color:#FFFFFF; font-weight:900; line-height:12px; padding:5px 20px; display:block; white-space:nowrap; float:right; text-decoration:none; margin:0;}
#topNav li a:hover {color:#E7A300;}
#topNav li img {float:right;}

/* Drop Down Menu [div id=dropNav, div, ul, li, a] */
#dropNav div {width:196px; float:left; position:relative; height:25px;}
#dropNav div ul {position:absolute; left:0; top:25px; padding:0; margin:0; display:block; display:none;}
#dropNav div li {list-style:none; padding:0; margin:0; border:1px solid #FFFFFF; display:block; float:left; width:194px;}
#dropNav div li a {display:block; padding:4px 4px 4px 18px; margin:0; background:#333333 url(img/nav-off.gif) no-repeat 4px 4px; font-size:12px; color:#CCCCCC; text-decoration:none; line-height:12px; height:12px; text-align:left; width:172px;}
#dropNav div li a:hover {background:#CCCCCC url(img/nav-on.gif) no-repeat 4px 4px;}
#dropNav div:hover ul, #dropNav div.sfHover ul {display:block;}

/* Bottom Navigation [div id=bottomNavMain, ul, li, a] */
#bottomNavMain {background:#99cd8d; height:8px; font-size:8px;  line-height:12px; padding:12px; color:#999999; text-align:center; border:1px #000000 solid; clip:  rect(   )#;}
#bottomNavMain a {text-decoration:none; color:#000; padding:5px;}
#bottomNavMain a:hover {color:#FFF;}
#footer_nav {background:#99cd8d; font-size:10px; color:#000; height:10px; line-height:12px;}

#left {width:273px; vertical-align:top; padding:30px 15px 15px 15px;}
#right {width:577px; vertical-align:top;}

/*Products*/
div.product {width: 100px;}
div.product img {border:none; background:url(img/no-image.jpg) no-repeat; width:100px;}
/*div.product label, div.picList div.product label {position:absolute; left:125px; top:10px; width:400px; height:14px; line-height:14px; padding:4px 0; color:#E7A300; font-weight:900; font-size:14px; border-bottom:#E7A300 1px dotted;} */
div.product h1 {position:absolute; left:125px; top:20px; width:400px; height:20px; line-height:normal; padding:0; color:#fff; font-weight:normal; font-size:11px; overflow:hidden;}
div.product div.desc {position:absolute; left:125px; top:55px; width:400px; height:100px; line-height:14px; padding:0; color:#fff; font-weight:normal; font-size:12px; overflow:hidden;}
#content div.product div.desc p {margin:0; padding:0 0 3px 0;}
#content div.product h1 {border-bottom:none}
div.picList div.product p {position:absolute; left:125px; top:40px; width:400px; height:20px; line-height:normal; padding:0; color:#fff; font-weight:normal; font-size:11px; overflow:hidden;}
div.picList div.product a.prodButton {position:absolute; text-align:right; top:100px; right:100px;}

div.picList #product {width:180px; float:left;}

#content {padding:15px 15px 15px 0; color:#FFFFFF; text-align: left;}
#content p {margin-top:0; padding-top:0; line-height:18px;}
#content h1 {font-size:14px; margin:15px 0; padding-bottom:3px; color:#fff; line-height:14px; border-bottom:#FFFF00 dashed 1px; width:557px;}

table.leftBox {width:242px; margin-top:30px;}
table.leftBox td.top {background:URL(img/left-box-top.gif); padding:7px 0 5px 10px; color:#E7A300; font-weight:900; text-align:center;}
table.leftBox td.mid {background:#79fe7e URL(img/left-box-mid.gif) top no-repeat; padding:15px 15px 8px 15px; text-align:center;}
table.leftBox td.noPad {padding:0;}
table.leftBox td.bottom {background:URL(img/left-box-bottom.gif); line-height:0px; font-size:0px; height:7px;}

table.leftBox td.mid table td {font-size:10px; color:#333333; padding:2px; text-align:right;}
table.leftBox td.mid table td input {width:100%;}

.boldUnderline {
font-weight: 600;
text-decoration: underline;
padding: 5px 0 3px 0;
}

.bold {
font-weight: 900;
padding: 13px 0 0 0;
}


#woodPic {
float: right;
padding: 15px 0 0 10px;
}

#lowMaintPic {
float: right;
padding: 20px 0 0 10px;
}

#lowMaintText {
padding: 8px 0 0 0;
}

.underline {
text-decoration: underline;
font-weight: 600;
}


/* [ Data Tables ] */

#dataTable th {
	font-weight: bold;
	text-align: left;
	padding: 5px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #CCCCCC;
}

#dataTable td {
	border-bottom: 1px solid #CCCCCC;
	padding: 5px 10px;
	vertical-align: top;
}

#dataManagement h1 {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #000000;
}

#dataViewTable {
	border-top: 1px solid #CCCCCC;
	margin: 10px 0px 10px 0px;
}

#dataViewTable .td1 {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	width: 150px;
	padding: 3px 10px 3px 10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

#dataViewTable .td2 {
	padding: 3px 10px 3px 10px;
	border-bottom: 1px solid #CCCCCC;
}

#dataActionTable {
	border: 1px solid #000000;
	background: #FFFFCC;
}

.actionContainer {
	float: left;
	width: 667px;
	padding: 4px 10px 4px 10px;
	margin: 5px 0px 10px 0px;
	border: 1px solid #000000;
	background: #FFFFCC;
}

#dataActionTable .td1 {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	width: 150px;
	padding: 3px 10px 3px 10px;
	border-right: 1px solid #000000;
}

#dataActionTable .td2 {
	padding: 3px 10px 3px 10px;
}

/* Forms in two-column format where the label tag is first and input */ 
form.twoCol ul {display:block; padding:0; margin:0; width:810px;}
form.twoCol ul li {display:block; height:30px; padding-bottom:0 0 3px 0; margin:0; list-style:none; clear:both;}
form.twoCol ul li label {display:block; width:49%; text-align:right; height:12px; line-height:12px; padding:5px; background:#003300; float:left;}
form.twoCol ul li input, form.twoCol ul li select, form.twoCol ul li textarea {float:left; margin-left:5px;}




#cart {padding-bottom:20px; padding-top:40px; text-align:left;}
#cart * {color:#FFFFFF;}

#cart td {background:url(img/dark-shadow.png); background-color:none;}
#cart td select, #cart td textarea {width:95%; color:#333333}
#cart td option {color:#333333;}
#cart h2 {text-align:left; border-bottom:#FF6600 1px dashed; margin-left:30px; margin-right:30px;}
#cart input { color: #000; }
#cart h5 { margin-bottom: 0; padding-bottom: 0; }
#cart td { padding: 5px; }
/* DataTable on Products Page */
#dataTable {}
#dataTable th {background:url(img/th-bg.jpg); font-size:14px; line-height:14px;}
#dataTable td form {padding:0; margin:0; display:inline; height:16px;}
#dataTable td, #dataTable th {padding:2px; margin:0; text-align:center; height:16px;}
#dataTable td {width:22%; background: url(img/striped-bg.gif) #004203}

/*Online Store*/
#content #store div {width:175px; float:left; padding-left:10px;}
#content #store p {font-size:14px; color:#FFFFFF; font-weight:bold;}

