@import url("nav.css");
@import url("modules.css");
@import url("jquery.cluetip.css");


body {margin: 0; padding: 0; color: #333; background: #d7d7d7; font-size: 76%;}
body, textarea {font-family: verdana, Helvetica, sans-serif;}
p, blockquote, ul, li, dd, dt, h4, label, input, select, textarea {font-size:1em;}

a {color:#939; text-decoration: underline; outline: none;}
a:hover {text-decoration: underline; color: #000;}
img {border: none;}
table, form {margin: 0; padding: 0;}
th, td { vertical-align:top; }

h1, h2, h3 {margin:0 0 0.5em 0; font-weight: bold;}
h1 {font-size: 1.8em; color: #8e8e8e; border-bottom: 1px solid #1e4c36; }
h2 {font-size: 1.2em;} /* also used in common files*/
h3 {font-size: 1em; }
h4 {font-size: 0.8em; font-style: italic; font-weight: normal;}


p, pre { margin: 1em 0; line-height: 1.4em; }
dd, ul li, ol li { line-height: 1.3em;}
dl, ul, ul li, ol, ol li, blockquote { padding: 0;}
dl { margin: 0 0 10px 0;}
dt { font-weight: bold; margin: 0.25em 0 0 0;}
dd { margin: 0 0 0.25em 0.5em;}
ul { margin: 0.5em 0 0.5em 1.1em;}
ul.nostyle, ul.nostyle li {list-style: none;}
ul li { list-style: disc; margin:0 0 0.25em 0.5em;}
ol { margin: 0.5em 0 0.5em 1.4em;}
ol li { margin:0 0 0 0.5em; list-style: decimal;}
blockquote { margin: 1em 2em; line-height: 1.4em; font-size: 100%;}

fieldset {padding: 1em; margin: 0.25em 0; border: 1px solid #ccc;}
legend {font-size: 1.1em; font-weight: bold; color: #333; padding: 0 0.5em; margin: 0;}
*:first-child+html legend {margin: 0 0 0.5em 0;} /* hack for all IE versions */

input, select, textarea {margin: 0.01em; padding: 0 0.02em; vertical-align: middle;}
textarea {vertical-align: top;}
input:focus, textarea:focus, select:focus {background: #ffc;}
/* label { position: relative; top: 0.02em; padding-right: 0.02em;} This is breaking IE7*/
.Clearer { clear: both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#wrap {width: 980px; position: relative; margin: 0 auto; 
	padding: 10px; background: #fff; }
#logo {margin-bottom: 1em; padding-left: 1em;}
#nav {padding: 0;}

#cnt {position: relative; z-index: 0;}
#foot { font-size: 0.8em; text-align: right;  padding: 0.5em 0 0 0; color: #666;}
#foot div#bnav { float: left; width: 30em; }
#psi {text-align: right; font-size: 0.8em; width: 980px; margin: 0.25em auto; font-style: italic; }
#psi a {color: #333;}

#tnav {position: absolute; top: 1em; right: 10px; width: 20em; font-size: 1em; text-align: right;}
#tnav a {color: #666; text-decoration: none;}
#tnav a:hover {color: #000;}
#search { position: absolute; top: 4em; right: 10px; width: 20em; text-align: right;}
input.stxt { margin-right: 0.5em; width: 12em; font-size: 0.8em;}
#search input.btn_s {}

/* side bar pages  */
table.tableSidebar { border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; padding: 0;}
td.zoneLeft { width: 17em;}
td.zoneRight {  border-left: 2px solid #ccc; padding: 0 0 0 1em;}
td.zoneRight p { margin:0 0 2em 0; font-size: 1.1em; line-height: 1.6em;}

td.zoneCnt {padding: 0 2em 0.5em 1em; border-left: 1px solid #ccc;}
td.zoneCnt strong, td.zoneCnt b {color: #063;}
td.zoneCnt h2 {color: #8e8e8e; border-bottom: 1px solid #1e4c36; }

td.pageTitle {border-left: 2px solid #ccc; padding: 0 0 0 1em;}

/* rightBox on sidebar pages */
.rightmenu {float: right; width: 305px; margin: 0 0 1em 1em;}

.bizInd {font-size: 11px; margin-bottom: 1em;}
.bizInd h1 {color: #205642; border-bottom: 0 none; }
.bizInd .EditingFormLabelCell {text-align: right;}

div.rightBox { background: url(../img/rightBox_01.gif) no-repeat 0 0;  }
div.rightBoxInner { background: url(../img/rightBox_02.gif) no-repeat left bottom;}
div.rightBoxInner p {padding: 2em; 
	font-size: 1.2em; color:#1e4c36; line-height: 1.8em; margin: 0;}
	
/* home Greybox */
.greyBox, .greyBoxlast { width: 300px; height: 276px; float: left; background: url(../img/bg_greyBox.gif) no-repeat; padding: 10px; position: relative;}
.greyBox {margin: 10px 10px 0 0;}
.greyBoxlast { margin: 10px 0 0 0;}
.greyBox h2, .greyBoxlast h2 { color: #245d46; font-size: 1.4em; margin: 0 0 5px 0;}
.greyBox h3, .greyBoxlast h3 { color: #999; font-size: 0.85em; margin: 0 0 5px 0;}
.greyBoxlast a, .greyBox a {color: #666;}
.greyBoxlast a:hover, .greyBox a:hover {color: #333;}

.greyBoxlast div.newsHome {border-bottom: 1px dashed #666; padding: 5px 0; }
.greyBoxlast div.newsHome h3 { font-size: 9px; margin: 0; color: #666;}

.boxLink { border-top: 1px solid #245d46; padding: 0.5em 0; position: absolute; bottom: 1.5em; width: 300px;}
.boxLink a {font-size: 1.2em; text-decoration: none; color: #666;}

/* special product list */
ul.prodListSpecial {margin: 1em; padding: 0; list-style: none; width: 330px; }
ul.prodListSpecial li {margin: 0 0.5em; padding: 0; font-size: 1em; list-style: none; display: block; color: #000; }
ul.prodListSpecial li a {color: #000; text-decoration: none; display: block; height: 21px; width: 300px; padding: 5px 0 0 5px;}
ul.prodListSpecial li a:hover {color: #245d46; text-decoration: none; background: url(../img/prodSpec0.png) no-repeat left center;}

.graySideBox { width: 197px; float: right;  background: url(../img/graySideBox_01.png) no-repeat 0 0; }
.graySideBoxInner {background: url(../img/graySideBox_02.png) no-repeat left bottom;}
.graySideBoxPad {padding: 1em 1em 1em 1em;}
.graySideBoxPad h2 {font-size: 1.2em; font-weight: normal; color:#1e4c36;line-height: 1em; margin: 0.5em 2em 3.5em 0; padding-right: 30px; }
.graySideBoxPad img {margin-bottom: 1em; height: 29px; width: 172px;}
.contactBox .graySideBoxPad p {font-size: 11px;}



/* sitemap */
.sitemap { margin: 0 3em 3em 3em;}