/* defaults, globals, and miscellaneous
==============================================================================*/
* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}
body {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
	/*font: normal 1.0em/1em tahoma, arial,'lucida grande',tahoma,sans-serif; */
	font: normal 12px/14px tahoma, arial,'lucida grande',tahoma,sans-serif;
	color: #000;
	background: #fff url(images/bg.gif) repeat;
	}
	
ul{list-style:none}

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


	#container
 {
	text-align: left;
	}
	
.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 5px;
	}

#spacer {
	/* display: block; 
	clear: none;
	visibility: hidden;	*/
	height: 15px;	
	}

h2 {
		margin: 6px 0 3px;
		overflow: hidden;
		font: bold 18px/22px georgia, tahoma, arial,'lucida grande',tahoma,sans-serif;
		color: #688314;
		/* width: 222px; 
		height: 57px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(images/hdr-how-it-works.gif) no-repeat;*/
		margin-bottom: 20px;
		margin-left: 5px;
		margin-right: 5px;
}

h3 {
		margin: 6px 0 3px;
		overflow: hidden;
		font: bold 15px/18px georgia, tahoma, arial,'lucida grande',tahoma,sans-serif;
		color: #688314;
		/* width: 222px; 
		height: 57px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(images/hdr-how-it-works.gif) no-repeat;*/
		margin-bottom: 20px;
		margin-left: 5px;
		margin-right: 5px;

		}

/*
.productbg {
		background: url(images/product-bg.gif) no-repeat;
		height:300px;
		width: 274px;
		}
*/

p {
     font: normal 13px/18px georgia, tahoma, 'lucida grande',tahoma,sans-serif;
	 margin-left: 5px;
 	 margin-right: 5px;
  	 margin-bottom: 10px;

	 /* border-bottom:1px solid #24618E; */
	 }

a {
  color: #008fc1;}

a:hover {
  color: #fcbe2c;}

.prod {
   color: #0582ad;
   font: bold 14px/18px georgia, tahoma, 'lucida grande',tahoma,sans-serif;
   }

.hilite {
   color: #fff;
	 }

/*Roundboxes
======================================================*/		
/* set millions of background images */
.rbroundbox { background: url(images/nt.gif) repeat; }
.rbtop div { background: url(images/tlsq.gif) no-repeat top left; }
.rbtop { background: url(images/trsq.gif) no-repeat top right; }
.rbbot div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
/* .rbroundbox { width: 50%; margin: 1em auto; } */
.rbroundbox { width: 100%; margin: 0em auto; }

/* nav
===========================================*/
/* set millions of background images */

/* set millions of background images */
.rbroundboxnav { background: url(images/leaves.jpg) no-repeat top center; }
.rbtopnav div { background: url(images/tlB.gif) no-repeat top left; }
.rbtopnav { background: url(images/trB.gif) no-repeat top right; }
.rbbotnav div { background: url(images/blB.gif) no-repeat bottom left; }
.rbbotnav { background: url(images/brB.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopnav div, .rbtopnav, .rbbotnav div, .rbbotnav {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontentnav { margin: 0 7px; }
.rbroundboxnav { width: 100%; height:85px;}

/* menu
===========================================*/
/* set millions of background images */
.rbroundbox4 { background: url(images/ntO.gif) repeat; }
.rbtop4 div { background: url(images/tlO.gif) no-repeat top left; }
.rbtop4 { background: url(images/trO.gif) no-repeat top right; }
.rbbot4 div { background: url(images/blO.gif) no-repeat bottom left; }
.rbbot4 { background: url(images/brO.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop4 div, .rbtop4, .rbbot4 div, .rbbot4 {
width: 100%;
height: 7px;
font-size: 1px; 
}
.rbcontent4 { margin: 0 7px; }
/* .rbroundbox { width: 50%; margin: 1em auto; } */
.rbroundbox4 { width: 100%; margin: 0em auto; }

/* mid box
==========================================================*/
/*Roundboxes
======================================================*/		
/* set millions of background images */
.rbroundbox2 { background: url(images/nt.gif) repeat; }
.rbtop2 div { background: url(images/tl.gif) no-repeat top left; }
.rbtop2 { background: url(images/tr.gif) no-repeat top right; }
.rbbot2 div { background: url(images/blsq.gif) no-repeat bottom left; }
.rbbot2 { background: url(images/brsq.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop2 div, .rbtop2, .rbbot2 div, .rbbot2 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent2 { margin: 0 7px; }
/* .rbroundbox { width: 50%; margin: 1em auto; } */
.rbroundbox2 { width: 100%; margin: 0em auto; }


/* footer
===========================================*/
/* set millions of background images */
.rbroundbox3 { background: url(images/nt.gif) repeat; }
.rbtop3 div { background: url(images/tl.gif) no-repeat top left; }
.rbtop3 { background: url(images/tr.gif) no-repeat top right; }
.rbbot3 div { background: url(images/bl.gif) no-repeat bottom left; }
.rbbot3 { background: url(images/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop3 div, .rbtop3, .rbbot3 div, .rbbot3 {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent3 { margin: 0 7px; }
/* .rbroundbox { width: 50%; margin: 1em auto; } */
.rbroundbox3 { width: 100%; margin: 0em auto; }


/* round box for home intro
===========================================*/
/* set millions of background images */
.rbroundboxw { background: url(images/Wnt.gif) repeat; }
.rbtopw div { background: url(images/Wtl.gif) no-repeat top left; }
.rbtopw { background: url(images/Wtr.gif) no-repeat top right; }
.rbbotw div { background: url(images/Wbl.gif) no-repeat bottom left; }
.rbbotw { background: url(images/Wbr.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopw div, .rbtopw, .rbbotw div, .rbbotw {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontentw { margin: 0 7px; }
.rbroundboxw { width: 50%; margin: 1em auto; }


/* round box for home intro
===========================================*/
/* set millions of background images */
.rbroundboxw { background: url(images/Wnt.gif) repeat; }
.rbtopw div { background: url(images/Wtl.gif) no-repeat top left; }
.rbtopw { background: url(images/Wtr.gif) no-repeat top right; }
.rbbotw div { background: url(images/Wbl.gif) no-repeat bottom left; }
.rbbotw { background: url(images/Wbr.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtopw div, .rbtopw, .rbbotw div, .rbbotw {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontentw { margin: 0 7px; }
.rbroundboxw { width: 98%; margin: 0em auto; }


/*TABS
===========================================*/
    #tabsJ {
      float:left; 
      width:100%;
      background:#bad35f;
/*      font-size:93%; */
	  font: bold 11px/11px tahoma, 'lucida grande',tahoma,sans-serif;
      line-height:normal;
      border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
        margin:0;
        /*padding:10px 10px 0 50px;*/
		padding:10px 0 0 0px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("images/tabrightJ.gif") no-repeat right top;
/*      padding:5px 15px 4px 6px;*/
	  padding:7px 12px 4px 6px; /*adjust this based on the number of navigation menu */
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }

#content-teaser {   
   position: relative;
   overflow:hidden; /*added*/
   padding-left: 10px;
   }

   #content-teaser h2 {
		margin: 6px 0 3px;
		/* width: 222px; */
		height: 57px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(images/hdr-how-it-works.gif) no-repeat;
		}

	#content-teaser ul {
		/* position: absolute; */
		top: 18px;	
		/* height:27px; */
		overflow: hidden;
		list-style: none;
		
		}
			
		#content-teaser li a {
			display: block;
			/*height: 20px;			 */
			overflow: hidden;
			padding-left: 10px;
			background: url(images/arrow.gif) no-repeat;
			font-size: 11px;
			text-decoration: none;
			margin-top: 5px;
			font-weight: bold;
			color: #1e609a;
			}
		#content-teaser li a:hover {
		    color: red;
			}


#content-bullet {   
   position: relative;
   overflow:hidden; /*added*/
   padding-left: 10px;
   }

#content-bullet ul {
		/* position: absolute; */
		top: 18px;	
		/* height:27px; */
		overflow: hidden;
		list-style: none;
		}
		
#content-bullet li {
			display: block;
			/*height: 20px;			 */
			overflow: hidden;
			padding-left: 20px;
			background: url(images/bullet.gif) no-repeat;
			font-size: 12px;
			text-decoration: none;
			margin-top: 5px;
			font-weight: bold;
			color: #1e609a;
			}


#homeintrotext {

}

#home-intro {   
   position: relative;
   overflow:hidden; /*added*/
   padding-left: 10px;
   }

   #home-intro h2 {
		margin: 6px 0 3px;
		/* width: 222px; */
		height: 25px;
		width: 399px;
		text-indent: -5000px;
		overflow: hidden;
		background: url(images/hdr-naturstop.gif) no-repeat;
		}

		#home-intro p {
             font: normal 15px/18px georgia, tahoma, 'lucida grande',tahoma,sans-serif;
			 line-height:normal;
			 /* border-bottom:1px solid #24618E; */
			 }
		    
div.content-wrapper {   
   float: left;
   margin-right: 5px;   
   /*margin:0 auto;*/
   margin-top: 4px; 
   display: inline;
   }

   div.testimonials p {
       font: normal 11px/13px georgia, tahoma, 'lucida grande',tahoma,sans-serif;
		margin-top: 5px;
		display: block;
		margin-bottom: 5px;
		width: 175px;
		}

	  div.testimonials span {
       font: bold 11px/14px georgia, tahoma, 'lucida grande',tahoma,sans-serif;
		margin-top: 10px;
		display: block;
		margin-bottom: 5px;
		}

#footer p {
font: normal 11px/13px tahoma, 'lucida grande',tahoma,sans-serif;
color: #bab69e;
text-align: center;
}

#footer p a {
font: normal 11px/13px tahoma, 'lucida grande',tahoma,sans-serif;
color: #bab69e;
text-align: center;
}

#footer p a:hover {
font: normal 11px/13px tahoma, 'lucida grande',tahoma,sans-serif;
color: #e7e5d9;
text-align: center;
}

/*right box
================================================*/
/* set millions of background images */

.rrbroundbox { background: url(images/RGnt.gif) repeat; }
.rrbtop div { background: url(images/RGtl.gif) no-repeat top left; }
.rrbtop { background: url(images/RGtr.gif) no-repeat top right; }
.rrbbot div { background: url(images/RGbl.gif) no-repeat bottom left; }
.rrbbot { background: url(images/RGbr.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rrbtop div, .rrbtop, .rrbbot div, .rrbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rrbcontent { margin: 0 7px; }
.rrbroundbox { width: 100%; margin: 1em auto; }


/*Tables
=============================*/

table.helpT
{ text-align: center;
font-family: Georgia,Verdana;
font-weight: normal;
font-size: 13px;
color: #404040;
width: 500px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; }

td.helpHed
{ border-bottom: 2px solid #6699CC;
border-left: 1px solid #6699CC;
background-color: #BEC8D1;
text-align: left;
text-indent: 5px;
font-family: Georgia,Verdana;
font-weight: bold;
line-height: 20px;
font-size: 13px;
color: #404040; }

td.helpBod
{ border-bottom: 1px solid #9CF;
border-top: 0px;
border-left: 1px solid #9CF;
border-right: 0px;
text-align: left;
text-indent: 10px;
font-family: Georgia,Verdana, sans-serif, Arial;
line-height: 17px;
font-weight: normal;
font-size: 13px;
color: #404040;
background-color: #fafafa; }

table.sofT
{ text-align: center;
font-family: Georgia,Verdana;
line-height: 17px;
font-weight: normal;
font-size: 13px;
color: #404040;
width: 580px;
background-color: #fafafa;
border: 1px #6699CC solid;
border-collapse: collapse;
border-spacing: 0px; }


#menu6 {
        width: 200px;
        margin-left: 10px;
        }
		
#menu6 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }		

#menu6 li a {
          height: 32px;
          voice-family: "\"}\"";
          voice-family: inherit;
          height: 24px;
        text-decoration: none;
		text-align: left;
		font-weight: bold;
        }


#menu6 li a:link, #menu6 li a:visited {
        color: #000;
        display: block;
        background: url(images/menu6.gif);
        padding: 8px 0 0 10px;
        }

#menu6 li a:hover, #menu6 li #current, #menu6 li a:active {
        color: #fff;
        background: url(images/menu6.gif) 0 -32px;
        padding: 8px 0 0 10px;
        }
		
	
	/*#container h2{padding: 5px;  }*/
div.heading {margin: 10px 0 0 0; padding: 5px;}

div.collapse{ width: 550px;  margin: 5px 0;  background-color: #f4f5d5;}	
div.collapse-container{ width: 520px; height: 100%; padding: 15px 20px; }
	

	/* inline images
==============================================================================*/
img {
	border: 0; /* removes border in case images get have anchor around them */
	}
.inlineImage {
	text-align: center;
	font: normal 1.0em 'lucida grande',tahoma,sans-serif;
	color: #999;
	}
	.inlineImage img {
		padding: 2px;
		border: 1px solid #ccc;
		}
	.noStyle img {
		padding: 0;
		border: 0 none;
		}
.right {
	float: right;
	margin: 1.3em 0 0 2em;
	}
.left {
	float: left;
	margin: 1.1em 1.2em 0 0;
	}
.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}

li.steps {
  list-style: circle outside; color:green;
  font: bold 1.0em/1.5em tahoma, 'lucida grande',sans-serif;
  margin-left: 10px;
 }