html {
   margin:0;
   padding:0;
}

body {
   background:#91c739 url(imgs/branding.gif) 0 0 repeat-x;
   padding:0;
   margin:0;
}


img {
   border:none;
}

#container .box img.video {
   float:left;
   margin:8px;
   padding:18px 12px 10px 20px;
}


#container img.main {
  padding:0 0 1em 30px;
}



#container {
   margin:7px auto 0 auto;
   width:708px;
   position:relative;
}

#wrapper {
   margin:0 auto;
   width:710px;
   height:1%;
}


#anchor {
   margin:0 auto;
   width:710px;
   height:90px;
   position:relative;
}

p {
   font:12px/16px arial, helvetica;
}  

ol {
   font:12px/16px arial, helvetica; 
   color:#4f4f4f;
     padding:0 30px 0;
   margin:0 1em 3em 2em;

}


 /* HOME CANVAS --------------------- */
#homecanvas {
   background:url(imgs/homecanvas.jpg) 0 0 no-repeat;
   width:708px;
   height:295px;
   margin:2px 0 0 -7px;
   color:#FFF;
   border:1px solid #91c739;
   clear:both;
   padding-left:40px;
}

.smbox a, .box a, .boxfull a {
   color:#0e9eed;
}


#homecanvas h1 {
   font:26px/30px helvetica, arial;
   margin:35px 0 0 45px;
}

#homecanvas ul {
   margin:15px 0 0 6px !important;
   margin:15px 0 0 48px;
   color:#FFF;
   font:14px helvetica, arial;
   list-style-type: none;
}

#homecanvas ul li {
   width:280px;
   font:14px helvetica, arial;
   margin-bottom:0.5em;
   padding: 0 0 0 16px; 
   background: url(imgs/bullet.gif) 0 3px no-repeat;
}

#container .box ul, #container .boxfull ul {
   margin:0 26px 1em 30px;
   padding:0 0 0 22px;
   font:12px arial, helvetica;
   color:#4f4f4f;
}

.smbox ul {
   margin:0 0 1em 10px;
   padding:0 0 0 32px;
   font:12px arial, helvetica;
   color:#4f4f4f; 
}

.smbox ul li {
   padding:0 2em 5px 0;
}

ul.nobull {
   list-style: none;
   padding-left: 16px;
}

#container .box ul li, #container .boxfull ul li {
   padding:0 0 0.2em 0;
   font:12px arial, helvetica;
   color:#4f4f4f;
}



 /* MAIN BOX --------------------- */
.box {
   width:461px;
   height:auto;
   min-height:200px;
   background:url(imgs/mainbox-sides.jpg) repeat-y;
   text-align:left;
   margin:0 0 20px 0;
   padding:0 0 1.5em 0;
}


.boxfull {
   width:716px;
   height:auto;
   min-height:300px;
   background:url(imgs/mainbox-sides-full.jpg) repeat-y;
   text-align:left;
   margin-bottom:20px;
   padding-bottom:1.5em;
}

.homebox {
   height:313px;
   margin:0 0 20px 0;
}

.box img {
   padding:0 1em 1em 28px;
   float: left;
}

.box img.hm {
   padding: 0;
}

.box .group {
   margin:0 0 1em 10px;
   float:left;
   clear:both;
}


#container .boxfull h2 {
   background: url(imgs/mainbox-top-full.jpg) no-repeat left top;
  padding:24px 30px .5em;
   margin:0;
   font:bold 20px georgia, times;
   color:#427900;
}


#container .box h2 {
   background: url(imgs/mainbox-top.jpg) no-repeat left top;
  padding:24px 30px .5em;
   margin:0;
   font:bold 20px georgia, times;
   color:#427900;
}

#container .boxfull h5 {
  padding:0 30px .5em;
   margin:0;
   font:bold 20px georgia, times;
   color:#427900;
}

#container h6 {
   margin:0 0 1em 30px;
   font:bold 16px arial, helvetica, sans-serif;
   color:#674834;
}

#container .box h2.home {
   background: url(imgs/mainbox-top.jpg) no-repeat left top;
  padding:24px 30px .3em;
   margin:0;
   font:bold 16px georgia, times;
   color:#427900;
}


#container .box h3, #container .boxfull h3 {
   margin:0 2em 0.3em 30px;
   font:bold 12px arial, helvetica;
   color:#674834;
}


#container .box h4, #container .boxfull h4 {
   margin:0 0 0.3em 30px;
   font:bold 11px arial, helvetica;
   color:#666;
}


.box p, .boxfull p {
  padding:0 30px 0;
margin:0 1.5em 1em 0;
color:#4f4f4f;
}

.homebox p {
   margin-right: .5em;
}


.right table {
   padding:10px 0 0;
}

.right table td {
   font:bold 12px helvetica, arial;
   color:#4c4c4c;
   vertical-align:top;
}

.right table td span.red { 
   color:#ff0000;
   padding-left:14px;
}

.right table td span.strike { 
   text-decoration:line-through;
      padding-left:14px;
}


 /* SMALL MAIN BOX --------------------- */
.smbox {
   width:246px;
   height:auto;
   min-height:336px;
   background:url(imgs/smbox-sides.jpg) repeat-y;
   text-align:left;
   padding-bottom:1px;
   margin:0 0 20px 0;
   }

.smbox img {
   float:right;
   margin:0 8px 4px 4px;
}

#container .smbox h2 {
   background: url(imgs/smbox-top.jpg) no-repeat left top;
   padding:10px 20px 0.4em;
   margin:0;
}

#container .smbox h3 {
   margin:0 16px 12px;
   padding:3px 0 3px 10px;
   font:bold 12px arial, helvetica;
   color:#FFF;
   background:#98d465;
}


.smbox p {
   padding:0 20px 0;
   margin:0 0 1.5em;
   color:#4f4f4f;

}

#container .floatright {
   float:right;
   display:inline;
}

#container .floatleft {
   float:left;
   display:inline;
}



/* LOGO --------------------- */
#logo {
   position:absolute;
   top:20px;
   left:10px;
   background:url(imgs/logo.jpg) no-repeat;
   width:152px;
   height:46px;
   z-index:900;
}

#logo a {
   display:block;
   width:152px;
   height:46px;
   text-decoration:none;
}

#logo img {
   visibility:hidden;
}



/* RESOURCE LINKS --------------------- */
#res {
   position:absolute;
   text-align:right;
   top:0 !important;
   top:10px;   
   right:10px;
   font:12px arial, helvetica;
   color:#FFF;

}

#res a {
   color:#FFF;
   padding:0 2px 0;
   margin:0;
}

#res a:hover { 
   text-decoration:none;   
}

/* TABS --------------------- */
#tabs {
float:right;
text-align:right;
margin:62px 10px 0 0 !important;
margin:61px 5px 0 0;
}

#tabs ul {
  margin:0;
  list-style:none;
  }

#tabs li {
  display:inline;
  margin:0;
  padding:0;
  }

#tabs a {
  float:left;
  background:url("imgs/tableft.gif") no-repeat left top;
  margin:0 0 0 1px;
  padding:0 0 0 4px;
  text-decoration:none;
}

#tabs a span {
  float:left;
  display:block;
  background:url("imgs/tabright.gif") no-repeat right top;
  padding:5px 17px 6px 13px;
   font:bold 12px arial, helvetica;
  color:#FFF;
}

li#selected  {
  float:left;
  background:url("imgs/tableft-selected.gif") no-repeat left top;
  margin:0 0 0 1px;
  padding:0 0 0 4px;
  text-decoration:none;
}

li#selected span {
  float:left;
  display:block;
  background:url("imgs/tabright-selected.gif") no-repeat right top;
  padding:5px 17px 6px 13px;
font:bold 12px arial, helvetica;
  color:#FFF;
}


/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
   color:#FFF;
   text-decoration:underline;
  }
#tabs a:hover {
  background-position:0% -26px;
  }
#tabs a:hover span {
  background-position:100% -26px;
  }



/* FOOTER --------------------- */
#footer {
   position:relative;
   clear:both;
   padding:16px 0 40px 0;
   background:#69a607;
   font:12px/14px arial, helvetica;
   color:#FFF;
}

#footer h3 {
   font:bold 10px georgia, times;
   border-bottom:1px solid #abcd74;
   padding:4px 0 4px;
   margin:0 0 10px 0;
   color:#FFF;
}

/* CONTACT: FOOTER --------------------- */
#contact {
   width:190px;
   float:right;
   line-height:0;
   text-align:right;
}

#contact p {   margin:0 0 1em 0; }
#contact a {   color:#FFF;    }
#contact a:hover {   text-decoration:none;   }


/* CONTACT: PRODUCTS --------------------- */
#products {
   float:left;
   width:490px;
}

#products table td {
   width:300px;
   vertical-align:top;
   padding:0 20px 0.5em 0;
}


#products table td.last {
   padding:0 0 0.5em 0;
}


#products a {  color:#ffd789; }


.cleaner {
   clear:left;
   height:1px;
   line-height:0;
   font-size:0;
}

/* IMAGES --------------------- */
img.float-l {
   float: left;
   margin: 0 1.5em 1.5em 30px;
}

img.float-r {
   float: right;
   margin: 0 30px 1.5em 1.5em;
}

img.head {
   clear: both;
   margin: 0 10px 5px 0;

}


/* TABLE --------------------- */
#chart table {
   border-spacing:1px;
   font:11px/14px Arial, Helvetica, sans-serif;
   background:#E7E7E7;
   color:#333;
   width: 620px;
   margin: 0 0 0 30px;
}

#chart td, #chart th {
   padding:8px;
}

#chart thead th{
   text-align:center;
   background:#F5F5F5;
   color:#333;
   border:1px solid #FFF;
}

#chart tbody tr {
   background:#EBF8FE;
   text-align:left;
}

#chart tbody tr.odd {
   background:#FFF;
   border-top:1px solid #FFF;
}

#chart tbody tr td{
   background:#EBF8FE;
   border:1px solid #FFF;
}
#chart tbody tr.odd td{background:#ffffff;border-top:1px solid #ffffff;}