/* CSS Document */

/*==================================
			global
==================================*/
* {margin:0; padding:0;}
img {border:0;}

body {margin:0; padding:0; font:66% trebuchet, Arial, Helvetica, sans-serif; color:#666666; background:#6F6D6D url(images/bk_body.gif);}
#wrap {width:810px; margin:0 auto 0 auto;}
#header {margin:0; padding:0; height:299px;}

#underNav {width:810px; height:28px; background: url(images/bk_underNav.gif) no-repeat top left;}
#content {background:white;}



#footer {width:700px; margin:5px auto 0 auto; background:white; padding-bottom:6px;}
#footer hr {border:0; color:#990000; background:#990000; width:96%; height:1px;}
#footer p {margin:15px 0 15px 0; text-align:center;}

.error{color:#FF0000; padding-left:5px;}

a.link:link, a.link:active {color:#BA7F00; font-weight:normal; text-decoration:none;}
a.link:visited {color:#BA7F00; font-weight:normal; text-decoration:none;}
a.link:hover {color:#FFFFFF; font-weight:normal; background-color:#BA7F00; padding:0 2px 0 2px;}


/*==================================
			Header
==================================*/

#header h1 {display:block; width:810px; height:52px; text-indent:-9999px; margin:0px; background: url(images/logo.gif) no-repeat top left;}
.imageSwap {width:810px; height:247px; background: url(images/bk_tube.jpg) repeat-x top left;}
.imageSwap img {position:relative; top:40px;}

#nav {margin:0; padding:0; height:34px;}
#nav ul{list-style-type:none; line-height:0px; font-size:0; padding:0; margin:0px;}
#nav ul li a {display:block; float:left; width:135px; height:34px; text-decoration:none; text-indent:-9999px; padding:0;}

#nav li#n_history a {background: url(images/n_history.gif) no-repeat top;}
#nav li#n_products a {background: url(images/n_products.gif) no-repeat top;}
#nav li#n_process a {background: url(images/n_process.gif) no-repeat top;}
#nav li#n_plant a {background: url(images/n_plant.gif) no-repeat top;}
#nav li#n_news a {background: url(images/n_news.gif) no-repeat top;}
#nav li#n_contact a {background: url(images/n_contact.gif) no-repeat top }

#nav li#n_history a:hover {background-position:bottom;}
#nav li#n_products a:hover {background-position:bottom;}
#nav li#n_process a:hover {background-position:bottom;}
#nav li#n_plant a:hover {background-position:bottom;}
#nav li#n_news a:hover {background-position:bottom;}
#nav li#n_contact a:hover {background-position:bottom;}

#nav li#n_historyOn a {background: url(images/n_history.gif) no-repeat bottom;}
#nav li#n_productsOn a {background: url(images/n_products.gif) no-repeat bottom;}
#nav li#n_processOn a {background: url(images/n_process.gif) no-repeat bottom;}
#nav li#n_plantOn a {background: url(images/n_plant.gif) no-repeat bottom;}
#nav li#n_newsOn a {background: url(images/n_news.gif) no-repeat bottom;}
#nav li#n_contactOn a {background: url(images/n_contact.gif) no-repeat bottom;}



/*==================================
		content layouts
==================================*/

h4 {color:#990000; margin:8px 0 2px 0; font-size:160%;}
h5 {color:#990000; margin:10px 0 0 0; font-size:130%;}


.dots {background:url(images/bk_dotsGrey-.gif) repeat-x 50%;}
.textLeft {text-align:left; line-height:18px;}
#rightTable img {border:white 1px solid;}

.homeTableLeftContent {padding:10px 40px 15px 25px; line-height:18px;}
/*#plantImages td {padding:0 0 20px 20px;}*/
#plantImages img {border:1px solid #000; margin:0 0 5px 10px;}

/*==================================
		Table
==================================*/

.grey {background:#eaeaea;}
.tableHead {background:#c7c7c7; font-weight:bold; color:#333333;}
.grey td {border-left:2px solid white; padding:2px 5px 2px 5px;}
td.noBorder {border-left:none; padding:2px 5px 2px 5px;}

/*
.playlist {border: 1px solid #666666;}
.playlist tbody tr td {font-family: "lucida grande", verdana, sans-serif;font-size: 8pt;padding: 3px 8px;border-left: 1px solid #D9D9D9;}
.playlist tbody tr.selected td {background-color: #3d80df;color: #ffffff;font-weight: bold;border-left: 1px solid #346DBE;border-bottom: 1px solid #7DAAEA;}*/



/*==================================
		Form (from mollio.org)
==================================*/

form {margin:0 0 1.5em;}
input {font-family: arial,tahoma,verdana,sans-serif; margin:2px 0;}
fieldset {border:none;}
label {display:block;  padding:5px 0;}
label br {clear:left;}

/* FORMS - general classes */

input.f-submit {padding: 1px 3px; background:#666; color:#fff;font-weight:bold;font-size:96%}

/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */

form.f-wrap-1 {width:100%;padding:.5em 0; background:#FAF5E8; border-top: 1px solid #EDAB12; position:relative}

form.f-wrap-1 fieldset {width:auto; margin:0 1em}

form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}

form.f-wrap-1 label {clear:left; float:left; width:100%;border-top: 1px solid #fff}

		
/* hide from IE mac \*/

form.f-wrap-1 label {float:none}

/* end hiding from IE5 mac */

form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}

form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}

form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}

form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}

form.f-wrap-1 div.req b {color:#c00;font-size:140%}

form.f-wrap-1 label select {width: 15.5em}

form.f-wrap-1 label textarea.f-comments {width: 20em}

form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}

form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}

form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}

form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}

form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}

form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}

form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}

form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}

form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}