* {
  padding: 0;
  margin: 0;
}
a img, :link img, :visited img {
  border: 0;
}
a:link, a:visited {
  text-decoration: none;
  color: #333;
}
a:hover, a:active {
  text-decoration: underline;
  color: #333;
}
.alert {
  color: red !important;
}
h1 {
  font-size: 18px;
}
h2 {
  font-size: 16px;
}
h3 {
  font-size: 14px;
}
h4 {
  font-size: 13px;
}
h5 {
  font-size: 12px;
}
.pright {
  float: right;
}
.pleft {
  float: left;
}
.clear {
  clear: both;
}
.indent {
  margin: 0 0 0 10px;
}
html, body {
  height: 100%;
  min-height: 720px;
}
body {
  color: #333;
  background: url(../images/background.gif) #000;
  font-size: 13px;
  height: 100%;
  font-family: /*myriad-roman,*/ arial, sans-serif;
  text-align: center;
}

/* Wrapper Styles */
div#wrapper {
  z-index: 1;
  background: url(../images/shadow.gif) repeat-y #fff;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  width: 825px;
  min-height: 100%;
}
div#wrapper.sec {
  background: url(../images/shadow-sec.gif) repeat-y #fff;
  position: relative;
  padding-bottom: 52px;
}
div#content {
  background: url(../images/contentbg.gif) repeat-x;
}
div#main {
  width: 809px;
  padding: 0 0 0 8px;
  height: 100%;  
}
div#main.sec {
  /*overflow: hidden;*/
  background: url(../images/left-bar.gif) repeat-y 188px 0; 
}

/* Banner Styles */
div#banner {
  background: url(../images/bannerbg.jpg) no-repeat right #18462c;
  height: 113px;
  color: #fff;
}
div#logo {
  float: left;
}
div#logo h1 {
  text-transform: uppercase;
  text-indent: -9999px;
  width: 350px;
  line-height: 23px;
  letter-spacing: 3px;
  font-size: 30px;
  margin: 20px 0 0 0;
}
div#logo h2 {
  text-transform: uppercase;
  text-indent: -9999px;
  width: 350px;
  font-size: 14px;
  word-spacing: 14px;
  letter-spacing: 6px;
  margin: 0;
}
div#logo p {
  float: left;
  padding: 0 5px 0 0;
  margin: 10px 45px 0;
}
div#search {
  float: right;
  margin: 0 0 0 80px;
  font-size: 10px;
  width: 270px;
}
div#search label {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  margin: 4px;
}
div#search input[type=text] {
  width: 180px;
}
input.sbmt {
  background: #fff;
  cursor: pointer;
  height: 20px;
  border: 1px solid #000;
}
input.sbmt:hover {
  background: #007328;
  color: #fff;
}
div#languages {
  text-align: right;
  margin: 0 20px 51px 0;
}
div#languages img {
  float: right;
  padding: 0 0 0 5px;
}
div#languages p {
  margin: 0 0 0 80px;
  line-height: 1.2;
  width: 133px;
}
div#languages p.lang {
  line-height: 1.4;
  margin: 10px 0 0;
  width: 100%;
  clear: none;
}
div#languages a {
  color: #fff;
}
/* Navigation Styles */
div#navigation {
  z-index: 500;
  position: relative;
  /*background: url(../images/yellowribbon.gif) repeat-x top #fff;*/
  font-size: 11px;
  /*border-top: 8px solid #FFE32E;*/
  clear: both;
}
div#navigation ul {
  list-style-type: none;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  height: 31px;
  background: url(../images/libg.png) repeat-x bottom #fff;
}
div#navigation ul li {
  position: relative;
  float: left;
}
div#navigation ul li img {
  vertical-align: middle;
  margin: 0 5px 0 0;
  background-repeat: no-repeat;
  background-position: -1000px -1000px;
}
div#navigation ul li:hover {
  background: #ccc;
}
div#navigation ul li.current{
  
}
div#navigation ul li a {
  display: block;  
  text-align: center;
  height: 18px;
  font-weight: bold;
  border-left: 1px solid #000;
  text-align: left;
  min-width: 80px;
  padding: 10px 18px 3px;
}
div#navigation li:first-child a, div#navigation ul li.first, div#navigation ul li.first a {
  border-left: 0;
}
div#navigation li:last-child a, div#navigation li.last {
  min-width: 123px;  /*Adjust this to fit last item in list */
}
div#navigation a:link, div#navigation a:visited {
  color: #000;
  text-decoration: none;
}
div#navigation a:hover, div#navigation a:active, div#navigation li.current a:link, div#navigation li.current a:visited, div#navigation li.current a:hover, div#navigation li.current a:active, div#navigation li:hover a {
  color: #222;
  /*border-left: 1px solid #E5E5E5;*/
  text-decoration: none;
}
div#navigation li.current a:link, div#navigation li.current a:visited, div#navigation li.current a:hover, div#navigation li.current a:active {
  font-weight: bold;
}

/* Second Level Items */
div#navigation li ul {
  position: absolute;
  z-index: 140;
  width: 190px; /* IE decides to keep the li widths set to auto without this being set to something. If you change this, change the left value on div#navigation li ul li:hover ul*/
  height: auto;
  left: -9999px;
}
div#navigation li:hover ul, div#navigation li ul li:hover {
  left: 0;
}
div#navigation li ul li {
  float: none;
  width: auto;
  border-left: 1px solid #E5E5E5;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
  color: #fff;
  background: #1C4932;
}
div#navigation li ul li a {
  border: 0;
  padding: 7px 0 0 18px;
}
div#navigation li ul li a:link, div#navigation li ul li a:visited, div#navigation li ul li a:hover, div#navigation li ul li a:active {
  color: #fff;
}
div#navigation li ul li:hover {
  float: none;
  color: #ccc;
  background: #007332;
}

/* Third Level Items */
div#navigation li ul li ul {
  z-index: 160;
  width: 180px; /* IE decides to keep the li widths set to auto without this being set to something */
  margin-left: -9999px;
}
div#navigation li ul li:hover ul {
  top: -1px;
  left: 188px; /* Change this if you change the width of div#navigation li ul */
  margin-left: 0;
}
div#navigation li ul li ul li {
  background: #345F4B;
}
div#navigation li ul li ul li:hover {
  background: #009F4D;
}
/* Content Styles */
div#leftContent {
  float: left; 
  z-index: 3;
  position: relative;
}
/* Sliding Nav Bars */
div#sliders {
  margin: 20px 1px 1px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
div#sliders ul {
  width: 449px;
  list-style-type: none;
}
div#sliders li {
  border-bottom: 1px solid #bbb;
  border-left: 1px solid #bbb;  
  background: url(../images/sliderlibg.png) left repeat-y #fff;
}
div#sliders li div {
  display: none;
}
div#sliders li h2 {
  padding: 6px 0 6px 20px;
  cursor: pointer;
  color: #1C4932;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 14px;
}
div#sliders li div img {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}
div#sliders li p {
  color: #000;
  font-weight: bold;
  padding: 5px 10px;
  font-size: 11px;
}
div#sliders li p + p {
  padding: 2px 10px;
}
div#sliders li p a {
  font-size: 90%;
  display: block;
  margin-right: 10px;
  float: right;
}
div#sliders li h2 a:link, div#sliders li h2 a:visited {
  text-decoration: none;
  color: #1C4932;
}
div#sliders li h2 a:hover, div#sliders li h2 a:active, div#sliders ul li.active h2 a, div#sliders li:hover h2, div#sliders ul li.active h2 {
  color: #232020;
}
/*div#sliders li:hover,*/ div#sliders ul li.active {
  color: #333;
  background: #FFDA2F;
}
/*div#sliders li:hover h2,*/ div#sliders ul li.active h2 {
  color: #232020;
  background: url(../images/sliderh2bg.png) 0 0 repeat-x #FFDA2F;
}
div#rightContent {
  float: right;
}
div#rightContent #sidemap {
  width: 347px;
  height: 350px;
  background: url(../images/sidemap.jpg) no-repeat #fff;
}
div#rightContent #sidemap p {
  font-size: 11px;
  padding: 5px 20px;
  line-height: 1.2;
  font-family: helvetica, verdana, arial, sans-serif;
} 
div#rightContent #sidemap p:first-child {
  padding-top: 115px;
} 
div#rightContent #sidemap p.sub {
  font-weight: bold;
  padding-bottom: 60px;
}
div#rightContent #sidemap h1 {  
  text-transform: uppercase;
  text-indent: -9999px;
  font-size: 28px;
  font-weight: normal;
}
div#rightContent #sidemap h2.sub {  
  font-weight: bold;
  text-transform: uppercase;
  text-indent: -9999px;
  font-size: 30px;
  margin: 0 0 0 30px;
}
div#content div#sample {
  position: relative;
  z-index: 100;
  background: #204D35;
  color: #fff;
}
div#content div#sample a{
  color: #fff;
}
div#sample {
  clear: both;
  font-size: 12px;
  height: 63px;
  z-index: 1;
  margin: 0;
  border-bottom: 2px solid #000;
  border-top: 8px solid #FFE32E;
}
div#sample p.image {
  float: right;
  margin: -20px 20px 0 10px;
  z-index: 3;
  position: relative;
}
div#sample h3 {
  text-transform: uppercase;
  float: right;
  margin: 20px 0 5px 0;
  font-size: 12px;
}
div#sample h3 + p {
  float: left;
  margin: 0 0 0 490px;
}
/* Bottom Styles */
div#footer {
  clear: both;
  background: #fff;
  position: relative;
  z-index: 100;
}
div#copyright {
  font-size: 10px;
}
div#copyright p {
  padding: 10px 31px 0 20px;
  font-size: 8px;
}

/* Secondary Page Styles */
div#seccontent {
  padding: 20px 0 0 0;
  background: #fff;
  margin-bottom: 60px;
}

/* Leftmost Column */

/* Side Navigation */
div#sidenav {
  margin: 0;
  width: 181px;
  height: 100%;
  float: left;
}
div#sidenav h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  background: #1C4932;
  padding: 6px 0;
  border: 1px solid #C7C7C7;
}
div#sidenav h2 a {
  color: #fff;
  text-decoration: none;
}
div#sidenav h3 {
  text-transform: uppercase;
  text-align: center;
}
div#sidenav ul {
  min-height: 215px;
  background: #FEFDEF;
  list-style-type: none;
  border-right: 1px solid #c7c7c7;
  border-left: 1px solid #c7c7c7;
}
div#sidenav ul + ul {
  min-height: 0;
}
div#sidenav ul li {
  display: block;
  padding: 0 0 0 47px;
  border-top: 1px solid #c7c7c7;
}
div#sidenav ul li.parent, div#sidenav ul li.parent:hover, div#sidenav ul li.current, div#sidenav ul li.current:hover  {
  background: #FFDD00;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
div#sidenav ul li:hover {
  background: #FEF4AF;
}
div#sidenav ul li a {
  display: block;
  padding: 2px 0;
  font-size: 90%;
  width: 100%;
}
div#sidenav ul li a:hover {
  text-decoration: none;
}

/* Second Level Lists */
div#sidenav ul li ul {
  min-height: 0;
  display: none;
  border: 0;
  background: #FEFDEF;
  margin-left: -47px;
}
div#sidenav ul li.parent ul, div#sidenav ul li.current ul {
  display: block;
}
div#sidenav ul li.parent ul li, div#sidenav ul li.current ul li {
  background: #fff;
  padding-left: 57px
}
div#sidenav ul li.parent ul li:hover, div#sidenav ul li.current ul li:hover {
  background: #FFF8D7;
}
div#sidenav ul li.parent ul li.current,div#sidenav ul li.parent ul li.current:hover  {
  background: #FFF58F;
}
div#sidenav ul li ul li {
  padding: 0 10px 0 47px;
}

/* Distributors Search Box */
div#distributors {
  background: #FFDD00;
  height: 80px;
  border: 1px solid #000;
}
div#distributors h3 {
  text-align: left;
  margin: 5px 0 0 15px;
}
form#distSearch {
  margin: 5px 0 0 15px;
}
form#distSearch input.search {
  width: 121px;
}
form#distSearch input.sbmt {
  background: #FFDD00;
  margin: 0 0 0 5px;
}
form#distSearch input.sbmt:hover {
  background: #FFEC6F;
  color: #111;
}
form#distSearch p {
  font-size: 11px;
  margin: 5px 0 0 0;
}

form#distSearch label {
  font-size: 11px;
}

/* Sample Box on Side */
div#sidenav div#sample {
  border: 0;
  position: relative;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  height: 175px;
}
div#sidenav div#sample h3 {
  padding: 20px 0 0 0;
  margin: 0 4px 0 9px;
  text-align: left;
  font-size: 11px;
}
div#sidenav div#sample p {
  border-bottom: 8px solid #FFE32E;
  margin: 5px 0 20px 0;
  padding: 2px 31px 42px 9px;
}
div#sidenav div#sample p.image {
  line-height: 0;
  overflow: hidden;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  background: url(../images/paperbg.png) repeat-x bottom right;
  z-index: 3;
  width: 100%;
  border: 0;
}
div#sidenav #sideNavBottom {
  border-right: 1px solid #000;
  width: 180px;
  /*height: 100%;*/
  line-height: 1;
  min-height: 42px;
  /*position: absolute;*/
}

/* Middle Column -- Put all content styles here */
div#middleContent {
  margin: 0 217px 0 180px;
  padding: 5px 0 0 30px;
  border-left: 1px solid #000;
}
div#middleContent .green {
  color: #1F4C37 !important;
}

/* Headers */
div#middleContent h1 {
  font-size: 20px;
  color: #1F4C37;
  margin: 2px 0 3px;
  font-weight: bold;
}
/*div#middleContent h1:first-letter {
  border-right: 1px solid #444; 
  background: #ffda2f;
  margin: 0 2px 0 0;
  color: #1F4C37;
  font-size: 140%;
  padding: 0 4px;
}*/
div#middleContent h2 {
  font-size: 17px;
  color: #666;
  padding: 0 0 1px 0;
  border-bottom: 1px solid #FFE043;
  margin: 10px 0 8px;
}
div#middleContent h1 + h2 {
  margin: 2px 0 8px;
}
div#middleContent h2 + h2 {
  margin-top: 20px;
}
div#middleContent h3 {
  font-size: 13px;
  text-transform: none;
  margin: 8px 0;
  line-height: 1.1;
}
div#middleContent h4, h5, h6 {
  margin: 5px 0;
}
div#middleContent p + h3, div#middleContent ul + h3, div#middleContent dl + h3, div#middleContent ol + h3 {
  margin: 12px 0;
}


/* Lists */
div#middleContent ul, div#middleContent ol{
  margin: 5px 10px 5px 50px;
}
div#middleContent ul.navlist {
  margin: 5px 25px 20px;
}
div#middleContent li {
  /*line-height: 1.1;*/
  margin: 2px 0;
}
div#middleContent h3 + dl dt {
  margin-left: 15px;
}
div#middleContent dt {
  margin: 8px 0;
  font-weight: bold;
}
div#middleContent dd {
  margin: 4px 0 4px 15px;
}
div#middleContent dl.salesteam {
  margin-left: 15px;
}
div#middleContent h2 + dl.salesteam, div#middleContent dl.salesteam + h2 {
  margin-top: 20px;
}
div#middleContent dl.salesteam dt {
  background: #565;
  color: #fff;
  border: 1px solid #000;
  padding: 2px;
}
div#middleContent dl.salesteam dd {
  margin-left: 0;
}
div#middleContent dl.salesteam dd + dt {
  margin-top: 20px;
}
div#middleContent dl.salesteam dd h3 {
  border-bottom: 1px solid #444;
}

/* Paragraph Styles */
div#middleContent p {
  line-height: 1.2;
  margin: 8px 0;
}
div#middleContent p + p {
  margin: 12px 0;
}
div#middleContent a {
  color: #1C4932;
  font-weight: bold;
}
div#middleContent p br + a img {
  margin-top: 8px;
}

/* Form Styles */
div#middleContent div.form {
  margin: 25px 0;
  font-weight: bold;
}
div#middleContent div.form h3 {
  margin-bottom: 15px;
}
div#middleContent form {
  text-align: right;
  color: #1F4C37;
}
div#middleContent form label {
  float: left;
}
div#middleContent form .empty {
  font-style: italic !important;
}
div#middleContent form input, div#middleContent form textarea {
  width: 200px;
}
div#middleContent form select {
  width: 204px;
}
div#middleContent form textarea {
  height: 80px;
}
div#middleContent form input[type=submit] {
  width: 80px;
  background: #1F4C37;
  color: #fff;
  font-weight: bold;
  height: 28px;
  border: 2px solid #000;
  cursor: pointer;
}
div#middleContent form label.error {
  border: 1px dotted #1F4C37;
  margin-left: 5px;
  color: red;
  padding: 1px;
  float: right;
  position: absolute;
  z-index: 43;
  background: #FFFAE3;
}
div#middleContent div#recaptcha_area {
  margin: 0 0 0 auto;
}
/* Table Styles */
div#middleContent table td {
  padding: 2px 4px;
}

/* Right Column */
div#imageGallery {
  float: right;
  position: relative;
  z-index: 2;
}
div#imageGallery div.lines {
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  height: 62%;
  left: 80px;
  position: absolute;
  top: 80px;
  width: 104px;
  z-index: 3;
}
div#imageGallery div.one-line {
  height: 30% !important;
}
div#imageGallery p {
  line-height: 0;
  position: relative;
  z-index: 5;
  border: 1px solid #000;
  margin: 20px 20px 20px 0;
}
div#imageGallery img {
  background: #fff;
  padding: 6px;
}
div#foot {
  clear: both;
  position: absolute;
  left: -2px;
  height: 52px;
  bottom: 0;
  width: 828px;
  background:  url(../images/footerbg.jpg) no-repeat -10px 0 #676767;
}
div#foot h4 {
  font-size: 10px;
  color: #fff;
  margin: 15px 0 0;
  text-align: center;
}