/***** Global Settings *****/
 
html, body {
  border:0;
  margin:0;
  padding:0;
}
 
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background: #eee url("../images/design/bg-body.png") top center repeat-y;
}
 
/***** Common Formatting *****/
 
h1, h2, h3, h4, h5, h6 {
  margin:0;
  padding:0;
  font-weight:normal;
}
 
h1 {
  padding:30px 0 25px 0;
  letter-spacing:-1px;
  font:2em arial, helvetica, sans-serif;
}
 
h2 {
  padding:20px 0;
  letter-spacing:-1px;
  font:1.5em arial, helvetica, sans-serif;
}
 
h3 {
  font:1em arial, helvetica, sans-serif;
  font-weight:bold;
}
 
p, ul, ol {
  margin:0;
  padding:0 0 18px 0;
}
 
ul, ol {
  padding:0 0 18px 20px;
}
 
blockquote {
  margin:22px 40px;
  padding:0;
}
 
small {
  font-size:0.85em;
}
 
img {
  display: block;
  border:0;
}

address{
  font-style: normal;
}
 
sup {
  position:relative;
  bottom:0.3em;
  vertical-align:baseline;
}
 
sub {
  position:relative;
  bottom:-0.2em;
  vertical-align:baseline;
}
 
acronym, abbr {
  cursor:help;
  letter-spacing:1px;
  border-bottom:1px dashed;
}
 
/***** Links *****/
 
a:link, a:visited {
  color: #79963C;
}

a:hover{
  color: #000;
  text-decoration: none;
}
 
/***** Forms *****/
 
form {
  margin:0;
  padding:0;
  display:inline;
}
 
input, select, textarea {
  font:1em arial, helvetica, sans-serif;
}
 
textarea {
  line-height:1.25;
}
 
label {
  cursor:pointer;
}
 
/***** Tables *****/
 
table{
  clear: both;
  width: 100%;
  border: 0;
  border-collapse: collapse;
}

table thead td{
  font-size: 1.2em;
  font-weight: bold;
  color: #006600;
  border: 1px solid #ccc;
  background: #E9F2E9;
}

table td{
  vertical-align: top;
  padding: 10px;
}

table ul{
  margin: 0;
  padding: 0;
  list-style: square;
}

table td.sub-head{
  font-size: 1.2em;
  font-weight: bold;
  color: #666;
  border-bottom: 1px dotted #ccc;
}

table.FormTable{
  border: 1px solid #ccc;
  background-color: #eee;
}

table.FormTable td{
  border-bottom: 1px dashed #ccc;
}

table.FormTable input, table.FormTable textarea{
  width: 95%;
}
 
/***** Wrapper *****/
 
div#Container {
  width: 760px;
  margin: 0 auto;
}

/***** Header *****/
div#Header{
  float: left;
  width: 700px;
  min-height: 111px;
  text-align: right;
  background-image: url("../images/design/bg-header.png");
  background-repeat: repeat-y;
}

div#Header address{
  margin: 20px 30px 0 0;
}

/***** Navigation *****/
div#Navi{
  float: left;
  width: 760px;
  background-image: url("../images/design/bg-nav.png");
  background-repeat: repeat-y;
}

div#Navi h2{
  font-family: "Trebuchet MS", Georgia, serif;
  float: left;
  margin: 5px 0 0 10px;
  padding: 0;
  width: 210px;
  color: #fff;
}

div#Navi ul{
  list-style: none;
  margin: 0 0 0 240px;
  padding: 0;
}

div#Navi li{
  float: left;
  font-weight: bold;
  color: #333;
}

div#Navi li a:link, div#Navi li a:visited{
  color: #333;  
  text-decoration: none;
}

div#Navi a, div#Navi li.Current span{
  display: block;
  padding: 10px;
}

div#Navi a:hover, div#Navi li.Current span{
  background-color: #E9F2E9;
}

/***** Products Menu *****/
div#ProductMenu{
  width: 220px;
}

.menu, .menu ul {
  margin:0;
  padding:0;
  list-style:none;
}

.menu {
  width: 220px;
}

.menu li {
  margin: 0;
  padding: 0;  
}

.menu a {
  display:block;
  padding: 5px 10px;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #999;
  background-color: #BAD6BA;
  text-decoration:none;
}
  
.menu a:hover { background:#fff;}
.menu ul li.current span { display: block; font-weight: bold; color: #333; background: #fff; }
.menu ul a, .menu li.current span { font-size: 0.9em; padding: 5px 10px 5px 20px; border-bottom: 1px solid #ccc; background-color: #F1F7F1;}
.hidden { display:none;}

/***** Content Area *****/
div#ContentArea{
  width: 475px;
  padding: 20px 30px;
}

div#ContentArea h1{
  margin: 0;
  padding: 10px 0 20px 0;
  font-size: 1.4em;
}

div#BrandLogos{
  width: 110px;
  padding: 15px;  
}

div#BrandLogos img{
  margin: 10px 0;
}

.Emphasis{
  float: left;
  width: 453px;
  margin: 0 0 10px 0;
  padding: 10px;
  background-color: #6BA66B;
  border: 1px solid #666;
}

.Emphasis a{
  color: #fff;
}

/***** Footer *****/
div#Footer{
  clear: both;
  width: 100%;
  padding: 10px 0;
  text-align: center;
  color: #333; 
}

div#Footer ul{
  margin: 10px 0;
  padding: 0;
  list-style: none;
  font-weight: bold;
}

div#Footer ul li{
  display: inline;
  padding: 0 5px;
  border-right: 1px solid #333;
}

div#Footer ul li:last-child{
  border: 0;
}

div#Footer ul li a{
  color: #333;  
}

div#Footer ul li a:hover{
  color: #79963C;
}

/***** Global Classes *****/
 
.clear         { clear:both; }
 
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
img.alignleft      { float:left; margin:4px 10px 4px 0; border: 5px solid #ccc; }
img.alignright     { float:right; margin:4px 0 4px 10px; border: 5px solid #ccc; }
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }

div.hr        { float: left; width: 100%; padding: 10px 0; border-bottom: 1px solid #ccc; }
div.hr hr    { display: none; }