/* 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;}
img {border:none;}
#page {width:100%; text-align:center;}

div.center, ul.center {width:850px; margin:0 auto; }
#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; height:106px; z-index:9999999999; width:850px; margin:0 auto; text-align:center;}
#logo {float:left; position:absolute; top:1px; left:1px; z-index:9999999999;}

#information {float:right; margin:5px 5px 0 0; width:250px; text-align:right;}
#information span {display:block;}
#socialmedia { margin-left:20px;}
#topNav {height:25px; position:absolute; right:0; top:80px;}
#topNav a {color:#fff;}
#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 18px; 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;  font-size:10px;  line-height:1.5em;color:#999999; text-align:center; margin:5px 0}
#bottomNavMain a {text-decoration:none; color:#000; padding:5px;}
#bottomNavMain a:hover {color:#FFF;}
#footer_nav {background:#99cd8d; font-size:10px; color:#000;  line-height:1.5em; width:850px; margin:0 auto; text-align:center;}

#footer_nav h1 {font-size:10px; line-height:1.5em; border:0; margin:5px 0;}
#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 p {line-height:1.5em; padding:8px;}
#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; }
#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;}

/*galleria*/

	* {
    margin: 0;
    padding: 0;
}
h1,
h2 {
    font: bold 80% sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.caption {
    color: #fff;
    margin: 0 15px;
    text-align: center;
}
.demo {
    position: relative;
    margin-top: 2em;
}
.gallery_demo {
    width: 560px !important;
    margin: 0 0 15px;
    padding: 0;
    float: left;
    list-style: none;
    overflow: hidden;
}
.galleria_container { text-align: center }
.gallery_demo li {
    width: 100px;
    height: 80px;
    border: 3px solid #333;
    margin: 3px;
    background: #000;
    display: block;
    float: left;
    overflow: hidden;
}
.gallery_demo li div { left: 240px }
.gallery_demo li div .caption { font: italic 0.7em/1.4 georgia,serif }
#main_image { margin: 0 auto 15px auto }
#main_image img {
    margin-bottom: 10px;
    width: 550px;
    border: 5px solid #333;
}
.nav {
    padding-top: 15px;
    clear: both;
    font: 80% sans-serif;
    letter-spacing: 3px;
    text-transform: uppercase;
    text-align: center;
}

.info {
    text-align: left;
    width: 500px;
    margin: 30px auto;
    border-top: 1px dotted #221;
    padding-top: 30px;
}
.info p { margin-top: 1.6em }
#bottomNav  {margin:15px auto;}

body.blog #sidebar h2.widgettitle a.rsswidget {font-size:12px;}