/* Global Styles
----------------------------------------- */

html { height: 100%; margin-bottom: 1px; }
body { background: #000; color: #333; font-family: verdana, geneva, sans-serif; font-size: .8em; }
body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, dt, address { margin: 0; padding: 0; }
ul, li { list-style: none; }
img { border: none; }
h1 {  }
h2 { font-style: italic; font-size: 1.4em; font-weight: bold; }
h3 {  }
p { margin: 1em 0; line-height: 1.3; }
a { color: #085B27; background-color: inherit; text-decoration: none; text-decoration: underline; }
a:visited { color: #085B27; background-color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }
.clr { clear: both; }
.quote { text-align: right; font-style: italic; font-size: .85em; color: #0E9C43; background-color: inherit; margin-top: 0; }
.none { display: none; }

/* #wrapper
----------------------------------------- */

#wrapper { color: inherit; background: #03230f url(images/background.jpg) no-repeat top left; width: 820px; margin: 0 auto; }


/* #header
----------------------------------------- */

#header { position: relative; height: 106px; width: 794px; }

#topNav { float: left; width: 100%; margin: 39px 0 0 0; padding: 0; list-style: none; }
#topNav li {float: right; margin: 0; padding: 0; font-weight: bold; font-size: .8em; border-top: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }
#topNav li.last { border-right: 1px solid #000; }
#topNav a {float: left; display: block; margin: 0; padding: 3px 11px 4px 11px; color: #B1D7BF; background: #0E9C43; text-decoration: none; }
#topNav a:hover, .home #topNav a.nhome, .about #topNav a.nabout, .catalog #topNav a.ncatalog, .dealers #topNav a.ndealers, .links #topNav a.nlinks, .specials #topNav a.nspecials, .contact #topNav a.ncontact { color: #000; background: #8CD7A7; }

#search { display: none; }
/* Leaving this here for now - client did not buy feature but it might come back in the future
#search { float: left; width: 100%; margin: 25px 0 0 0; padding: 0; list-style: none; }
#search li { float: right; margin: 0; padding: 0 5px; font-weight: bold; color: #E7F3EF; background-color: inherit; font-size: 90%; }
#search .input { margin: 0 0 2px 0; width: 9em; border: 1px solid #0f9541; color: #000; background-color: #fff; font-weight: normal; font-size: 90%; padding:1px 3px; }
#search img {padding-left: 7px; }
*/

/* #content
----------------------------------------- */

#content { padding: 2px 0 0 0; }
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Self Cleared Float */

#content_left { width: 130px; float: left; margin: 0; padding-top: 40px; position: relative; font-weight: bold; font-size: 80% }
#content ul { }
#content li { text-align: right; padding: 6px 16px 6px 0; }
#content li.first { padding-top: 0; }
#content_left a { color: #8CD7A7; background-color: inherit; }
#content_left a:visited { color: #8CD7A7; background-color: inherit; }
#content_left a:hover { color: #0E9C43; background-color: inherit; text-decoration: none; }


#content_right { margin: 0 28px 0 130px; color: inherit; background-color: #ededed; padding: 20px 20px 10px 20px; border-top: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; }
#text {float: left; width: 400px; }
#textIn {float: left; width: 100%; }
#textIn ul { margin-left: .5em; }
#textIn li { text-align: left; padding: 0 15px .75em 8px; background: url(images/bullet_arrow.gif) no-repeat 0 5px; }
#content_right blockquote { margin: 0 5em 0 1.5em; }

#content_right .grnLg { font-size: 1.1em; font-weight:bold; color:#0E9C43; background-color: inherit; }

#bitInfo { margin-left: 425px; }
#bitInfo a { font-weight: bold; font-size: 95%; }
#bitInfo a:hover { color: #0E9C43; background-color: inherit; text-decoration: none; }


#box { border: 1px solid #000; color: #000; background-color: #fff; margin: 25px 0 20px 15px; padding: 10px; }
#box dd { background: url(images/bullet_arrow.gif) no-repeat 0 5px; margin-bottom: .3em; padding: 0 0 1em 10px; font-size: .9em; }
#box a { color: #757895; background-color: inherit; font-weight: normal; text-decoration: none; }
#box a.bold { color: #000; background-color: inherit; font-weight: bold; text-decoration: none; }
#box a:visited { color: #757895; background-color: inherit; }
#box a:hover { color: #0E9C43; background-color: inherit; text-decoration: none; }
#box p { margin: 0; text-align:center; font-size: .9em; }
#box p.right {text-align: right; font-weight: bold; padding-right: 15px; }

/* Use this code once the specials are in place on the home page
#fourup {clear: both; width: 580px; margin: 40px auto 0 auto; padding: 0 18px; color: #000; background-color: #fff; border: 1px solid #ccc; }
*/
#fourup {clear: both; width: 580px; margin: 0 auto; padding: 0 18px; color: #000; background-color: #fff; border: 1px solid #ccc; }
.floatFirst { float: left; padding: 18px 11px 13px 0; border-right: 1px solid #ccc; }
.floatFirst p { text-align: center; font-size: .8em; margin: 0; padding: 0; }
.float { float: left; padding: 18px 11px; border-right: 1px solid #ccc; }
.float p { text-align: center; font-size: .8em; margin: 0; padding: 0; }
.floatLast { float: right; padding: 18px 0; }
.floatLast p { text-align: center; font-size: .8em; margin: 0; padding: 0; }


a.rollover1  { width: 127px; height: 102px; text-indent: -9999px; background-position: bottom left; background-repeat: no-repeat; display: block; overflow: hidden; }
a:hover.rollover1  { background-position: top left; }
a.rollover1   { background-image: url('images/home_01.jpg'); }
a.rollover2  { width: 127px; height: 102px; text-indent: -9999px; background-position: bottom left; background-repeat: no-repeat; display: block; overflow: hidden; }
a:hover.rollover2  { background-position: top left; }
a.rollover2   { background-image: url('images/home_02.jpg'); }
a.rollover3  { width: 127px; height: 102px; text-indent: -9999px; background-position: bottom left; background-repeat: no-repeat; display: block; overflow: hidden; }
a:hover.rollover3  { background-position: top left; }
a.rollover3   { background-image: url('images/home_03.jpg'); }
a.rollover4  { width: 127px; height: 102px; text-indent: -9999px; background-position: bottom left; background-repeat: no-repeat; display: block; overflow: hidden; }
a:hover.rollover4  { background-position: top left; }
a.rollover4   { background-image: url('images/home_04.jpg'); }


/* thumbnail gallery */
#th_gallery {list-style-type: none; margin: 0; padding: 0; }
#th_gallery li {float: left; margin: 0 1px 15px 1px; background:none; }
#th_gallery img {display: block; border: 1px solid #ededed; width: 175px; height: 100px; }
#th_gallery a:link img {border: 1px solid #ededed; }
#th_gallery a:visted img {border: 1px solid #ededed; }
#th_gallery a:hover img {border: 1px solid #085B27; }
#th_gallery a:active img {border: 1px solid #085B27; }

/* links page */
#content .threeup { float: left; margin: 0; }
#content .threeup dt { padding: 0 10px 2px 10px; }
#content .threeup dd { text-align: center; margin: 3px 0 1em 0; }
.threeup img {border: 1px solid #ededed; width: 175px; height: 100px; }

/* 2 column bulleted list */

#colList { width: 100%; font-size: .85em; }
#colList ul.left { float: left; width: 48%; margin: 0 0 0 5px; padding:0; border: 0 none; }
#colList ul.right { float: right; width: 50%; margin: 0; padding: 0; border: 0 none; }
#colList ul.list { width: 50%; margin: 10px 0 0 25px; padding: 0; border: 0 none; }
#colList li { text-align: left; padding: 0 15px .5em 8px; background: url(images/bullet_arrow.gif) no-repeat 0 5px; }
#colList li.more { padding-bottom: 1.25em; }
#colList h3 { font-size: 1.1em; font-weight: bold; padding: 5px; margin: 0 0 1em 0; color: #fff; background-color: #002008; }
#colList p.first { margin: 20px 0 0 7px; padding: 0; }
#colList p { margin: 10px 0 0 7px; padding: 0; }


/* #catalog table
----------------------------------------- */
#catalog { width: 100%; border-top: 1px solid #333; border-left: 1px solid #333; color: inherit; background-color: #fff;  margin-top: 20px; font-size: .85em; }
#catalog tr.title { background-color: #002008; color: #fff; text-align: center; font-weight: bold; }
#catalog td { border-right: 1px solid #000; border-bottom: 1px solid #000; text-align: center; }
#catalog img { border: 0; }

/* #footer
----------------------------------------- */

#footer { text-align: center; margin: 4em 0 0 0; font-size: 85%; }
#footer ul {  }
#footer li { display: inline; background: url(images/separator_gray.gif) no-repeat 0 3px; padding: 0 12px 0 20px; }
#footer li.first { background: none; }
#footer a { color: #666; background-color: inherit; text-decoration: none; }
#footer a:hover { text-decoration: underline; }

/* #copyright
----------------------------------------- */

#copyright { text-align: right; font-size: 75%; color: #fff; background-color: inherit; margin: 8px 29px 0 0; padding-bottom: 4em; }
#copyright a { color: #fff; background-color: inherit; text-decoration:none; }
#copyright a:hover { color: #0E9C43; background-color: inherit; text-decoration:none; }
#copyright p { margin:0; padding:0; }

/* images
----------------------------------------- */

img.leaf {float: left; width: 17px; height: 31px; padding: 0 10px 0 0; }
img.arrow { width: 8px; height: 5px; padding-bottom: 3px; }
img.in {float: right; border: 0; height: 158px; width: 240px; padding: 5px 6px 6px 5px; background: url(images/pic_bkgrnd.gif) no-repeat 0 0; margin: 0 0 1em 1em; }
img.sm {float: right; border: 0; height: 75px; width: 100px; padding: 5px 6px 6px 5px; background: url(images/pic2_bkgrnd.gif) no-repeat 0 0; margin: 0 0 1em 1em; }
img.wood {float: right; border: 0; height: 120px; width: 150px; padding: 5px 6px 6px 5px; background: url(images/pic3_bkgrnd.gif) no-repeat 0 0; margin: 5px 0 1em 1em; }
img.comp {float: right; width: 240px; height: 195px; padding: 0 0 0 10px; }
img.fsc { float: right; padding: 5px 0 5px 10px; }


/* Contact Form
----------------------------------------- */
#contact { margin-top: 20px; padding: 0; }
form {margin: 0; padding: 0; }
fieldset {padding: 0 0 10px 10px; margin: 0; border: 1px solid #002008; }
legend {font-weight: bold; font-size: 1.3em; padding-bottom: 8px; color: #002008; background-color: inherit; }
label {float: left; width: 30%; text-align: right; padding: 5px 10px 0 0; }
label.last {font-weight: bold; text-align: left; padding-left: 10px; }
input, textarea, select {clear: right; margin: 5px 0; border: 1px solid #a7a7a7; font-family:inherit; font-size: 1em; padding:1px 3px; }
input.submit {margin: 0; padding: 3px; color: inherit; background-color: #FDFE9A; }
.errorMessage {color: red; background-color: inherit; font-weight: bold; font-size: 1.1em; }