html, body {
	height: 100%;
}

body {
	margin-top: 0px;
	padding: 0px;
/*	background: #DBD5CC;*/
	background: #FFFFFF url(../images/diagonal.gif) repeat;
}

body {
	font: 11px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color: #333333;
}

input, select, textarea{
	/*font: 100%/135% "Lucida Grande", Arial, Helvetica, sans-serif;*/
	font: 100%/135%;
	 border: 1px solid #999999; 
	padding: 2px;
}

#wrapper {
	min-height: 100%;
	width: 920px;
	padding: 0;
	background: #FFFFFF url(../images/nav-bkgd.jpg) repeat-y;
	position: absolute;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -460px;
	left: 50%;
}

form {
	line-height: normal;
}

/* GENERAL TAG STYLES */

a {
	color: #006600;
}
a:hover, a:focus{
	text-decoration: none;
}
/*h1 {
	font: normal 175% "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #006600;
	text-transform: uppercase;
}
*/
h1{
	text-transform: none;
	color: #666666;
	font-size: 2.1em;
	padding-bottom: 10px;
	line-height: 1.2em;
	margin-top: 0px;
	padding-top: 0px;
	font-weight: normal;
}


h2 {
	font: bold 110% "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #006600;
	margin: 0px;
	text-transform: uppercase;
}
h3 {
	color: #006600;
	padding: 0px;
	font: normal 110% "Lucida Grande", Arial, Helvetica, sans-serif;
	margin-top: 20px;
	margin-bottom: -5px;
	text-transform: uppercase;
}

.menuh1{
	text-transform: none;
	color: #666666;
	font-size: 2.1em;
	text-align: center;
	padding-bottom: 10px;
	line-height: 1.2em;
	margin-top: 0px;
	padding-top: 0px;
}


.redtext {
	color: #990000;
}
#generictable{
	background: #EEEEDD url(../images/generic-table_01.gif) no-repeat;
	width: 500px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 5px;
}
#generictable td{
	padding: 3px 10px;
}
.generictable-altline{
	background: #D9D9BD;
}
#generictablebott{
	width: 530px;
	height: 15px;
	background: url(../images/generic-table_03.gif);
}
#box1pt{
	background: url(../images/box1pt_01.gif) no-repeat;
	width: 500px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
}
#box1pt td{
	padding: 3px 10px;
}
#box1ptbott{
	width: 530px;
	height: 15px;
	background: url(../images/box1pt_02.gif);
}

.hidden{
 	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* NAVIGATION COLUMN STYLES */

#nav {
	width: 170px;
	float: left;
	background: url(../images/nav-bkgd.jpg);
	margin-top: 0px;
	text-transform: uppercase;
	clear: left;
	font-size: 0.95em;
}

#nav p{
	margin: 0px;
	padding: 0px;
}

#nav ul {
	color: #FFFFFF;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted #CCCCCC;
}

#nav ul li{
	border-top: 1px dotted #CCCCCC;
	margin: 0px;
}

#nav ul li a{
	color: #FFFFFF;
	text-decoration: none;
	width: 142px;
	display: block;
	padding: 8px 8px 8px 20px;
	background: url(../images/nav-bkgd.jpg) repeat-y;
	font-size: 11px;
} 

#nav ul li a:hover{
	background: url(../images/nav-hilite.jpg) repeat-y;
}


/* Submenu items */

#subnav{
	margin-bottom: 8px;
}
#subnav ul {
	color: #FFFFFF;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	border: none;
}

#subnav ul li{
	border: none;
}

#subnav ul li a{
	color: #FFFFFF;
	text-decoration: none;
	width: 120px;
	display: block;
	padding: 5px 18px 5px 32px;
	border: 0px none #009543;
	text-transform: none;
	font-weight: normal;
	font-size: 95%;
	line-height: 120%;
} 

#subnav ul li a:hover, #nav ul li a:focus{
	background: url(../images/nav-hilite.jpg) repeat-y;
}


/* PAGE GRAPHIC HEADERS */

#StandardHeader{
	margin: 0px 0px 0px 170px;
	padding: 0px;
	border-top: 1px solid #BCBEC9;
	height: 377px;
}

/* STYLE FOR A 2-COLUMN LAYOUT */

#main2col {
	width: 702px;
	margin-left: 170px;
	padding-left: 30px;
	margin-top: 0px;
}

#main2col-text {
	width: 427px;
	margin-left: 170px;
	padding-left: 30px;
	margin-top: 0px;
}

#main2col-thin {
	width: 500px;
	margin-left: 150px;
	padding-left: 30px;
	margin-top: 0px;
}
/* STYLES FOR A 3-COLUMN LAYOUT */

#main3col {
	width: 490px;
	margin-left: 170px;
	padding-left: 30px;
	margin-top: 0px;
}
#right3col {
	float: right;
	width: 190px;
	margin: 0px;
}

/* STYLES FOR 1 FULL-WIDTH COLUMN */
#topfullwidth {
	margin: 0px 0px 0px 170px;
	padding: 0px;
}

/* OTHER COMMON STYLES */
#txtcol-narrow{
	width: 410px;
	margin-left: 60px;
}
.fineprint {
	text-align: left;
	font-size: 0.85em;
	line-height: normal;
}

.section-head {
	font-style: normal;
	color: #006600;
	border-bottom: 1px solid #006600;
	padding-bottom: 2px;
	padding-top: 10px;
	letter-spacing: 0.2em;
	font-weight: bold;
}


/* FOOTER SETTINGS */

#footer {
	width: 750px;
	clear: both;
	background: #ededed url(../images/footer-top.gif) no-repeat;
	margin-left: 170px;
	padding-top: 20px;
	line-height: normal;
	font-size: 10px;
	margin-top: 100px;
}

#footer-left{
	width: 200px;
	margin-left: 30px;
	float: left;
	margin-bottom: 10px;
}

#footer-middle{
	width: 200px;
	margin-left: 40px;
	float: left;
	margin-bottom: 10px;
}

#footer-right{
	width: 200px;
	margin-right: 30px;
	float: right;
	margin-bottom: 10px;
}

#footer-bottom{
	clear: both;
	font-size: 9px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
	color: #999999;
}

#footer ul{
	margin-left: 0px;
	padding-left: 1em;
}

#footer li{
	list-style: url(../images/footer-bullet.gif);
	margin-bottom: 7px;
}

#footer h2 {
	color: #000000;
	margin-bottom: 7px;
	margin-top: 15px;
}

#footer p{
	padding: 0px;
	margin: 0px 0px 5px;
}

#footer a{
	color: #414141;
	text-decoration: none;
}

#footer a:hover{
	background: #666666;
	color: #FFFFFF;
}

#footer-icons a:hover{
	background: #FFFFFF;
}

#rightbox {
	float: right;
	width: 160px;
	background: #FFFFCC;
	margin-left: 10px;
	border: 1px dotted #999999;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-bottom: 10px;
}
.redblock {
	color: #FF0000;
	border: 1px dotted #FF0000;
	padding: 2px 10px;
}
#thinbox-green{
	background: #E6F3E6 url(../images/thonbox-green_01.gif) no-repeat;
	width: 320px;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
}
#thinbox-green td{
	padding: 3px 10px;
}
#thinbox-green h3{
	padding: 0px 0px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #000000;
}
.thinbox-green-altline{
	background: #D4E9D4;
}
.think-green-header{
	color: #FFFFFF;
	background: #006600;
}
#thinbox-greenbott{
	background-image:url(../images/thonbox-green_02.gif);
	width: 320px;
	height: 15px;
	padding-right: 15px;
	padding-left: 15px;
}

/* SHADED TABLES */

#frogprice{
	background: #E6F3E6 no-repeat;
	width: 650px;
	padding: 5px 15px 20px;
}
#frogprice td{
	padding: 3px 10px;
}
.frog-altline{
	background: #D4E9D4;
}
#frogbott{
	background-image:url(../order/images/frogprice-bkgd_03.gif);
	width: 500px;
	height: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
#ftprice{
	background: #E8F1F5 no-repeat;
	width: 650px;
	padding: 5px 15px 20px;
}
#ftprice td{
	padding: 3px 10px;
}
.ft-altline{
	background: #CADDE5;
}
#ftbott{
	background-image:url(../order/images/ftprice-bkgd_03.gif);
	width: 500px;
	height: 15px;
	padding-right: 15px;
	padding-left: 15px;
}
#smprice{
	background: #F5F0E8 no-repeat;
	width: 650px;
	padding: 5px 15px 20px;
}
#smprice td{
	padding: 3px 10px;
}
.sm-altline{
	background: #EEE6DA;
}
#smbott{
	background-image:url(../order/images/smprice-bkgd_03.gif);
	width: 500px;
	height: 15px;
	padding-right: 15px;
	padding-left: 15px;
}


/* SAVINGS STYLES */
.header-fineprint{
	font-weight: bold;
	font-size: 90%;
	color: #FFFFFF;
	background: #006600;
}

/* MISC. */
.non-bold {
	font-weight: normal;
}
.ALLCAPS {
	text-transform: uppercase;
}

/* FORM VALIDATION STYLES */
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #999999;
	color : #000;
}
.validation-advice {
	color : #FF3300;
	font-weight: bold;
	margin-top: 5px;
}
.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

/* Home Page */

#home3col {
	width: 457px;
	margin-left: 30px;
}

#homeright3col {
	float: right;
	width: 165px;
	padding: 0px 75px 0px 0px;
	font-size: 10px;
	margin: 0px;
	background: url(../images/homepage/digby.jpg) no-repeat right 0px;
}

#homeright3col a{
	color: #333333;
	text-decoration: none;
}

#homeright3col a:hover, #homeright3col a:focus{
	color: #333333;
	background: #CCCCCC;
	text-decoration: none;
}

#TeaserBoxes{
	padding: 0px;
}
#TeaserBoxes a{
	text-decoration: none;
}

.teaserbox{
	margin-left: 9px;
	text-decoration: none;
}
#ProductBox{
	background: #E6E6D5 url(../images/homepage/products-header.gif) no-repeat 0px 0px;
	line-height: normal;
	font-size: 90%;
	margin: 7px 0px 0px;
	padding: 35px 15px 15px;
}
#ProductBox td{
	padding-top: 6px;
	padding-bottom: 6px;
}

#ProductBox a{
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

#ProductBox a:hover, #ProductBox a:focus{
	text-decoration: none;
	background: #B8B8AA;
}

.frog{
	background: url(../images/homepage/icon-frog.gif) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}
.rainforest{
	background: url(../images/homepage/icon-rainforest.gif) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}
.wetlands{
	background: url(../images/homepage/icon-wetlands.gif) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}
.desert{
	background: url(../images/homepage/icon-desert.gif) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}
.sciencematrix{
	background: url(../images/homepage/icon-sciencematrix.gif) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}
.fieldtrips{
	background: url(../images/homepage/icon-fieldtrips.gif) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}

.introMovie {
	background: url(../images/homepage/mainheader/Intro-movie-0410.jpg) no-repeat 0px 0px;
	height: 410px;
	width: 511px;
	padding-top: 35px;
	padding-left: 239px;
}

.homeIntro {
	font: 20px/26px Georgia, "Times New Roman", Times, serif;
	color: #666666;
	margin-right: 30px;
	margin-left: 30px;
}
.whatIsDFI {
	color: #0D421A;
}

#home-products{
	background: url(../images/homepage/products_bkgd.jpg) no-repeat;
	height: 120px;
	width: 455px;
	margin-left: 30px;
	float: left;
	margin-bottom: 50px;
}

#prod-nav ul{
	margin: 5px 0px 0px 25px;
	padding: 0px;
	height: 20px;
}

#prod-nav li{
	list-style: none;
	display: inline;
	margin-right: 5px;
	height: 20px;
	width: 20px;
}

#prod-panes{
	margin-top: -25px;
	padding-left: 20px;
}

#prod-panes h2{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	margin: 0px 0px 4px;
	padding: 40px 0px 0px;
	font-variant: normal;
	text-transform: none;
}
#prod-panes p{
	font-size: 10px;
	line-height: normal;
	margin: 0px;
	width: 275px;
}

#prod-panes img{
	float: right;
	margin-top: -40px;
}

#prod-panes a{
	color: #333333;
	text-decoration: none;
}

#twitter-box{
	background: url(../images/homepage/teasers2010/twitter.jpg) no-repeat 0px 0px;
	height: 105px;
	width: 150px;
	margin-right: 30px;
	float: right;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 50px;
}

#twitter-box p{
	line-height: normal;
	margin: 0px;
}
#twitter-box h3{
	font-size: 9px;
	text-transform: uppercase;
	color: #00AAE4;
	margin: 0px 0px 4px;
	padding: 0px;
	font-weight: bold;
}

.hilite-df{
	background: url(../images/homepage/productbox/hilite.gif) no-repeat -1px 0px;
}
.hilite-wt{
	background: url(../images/homepage/productbox/hilite.gif) no-repeat 27px 0px;
}
.hilite-rf{
	background: url(../images/homepage/productbox/hilite.gif) no-repeat 54px 0px;
}
.hilite-ds{
	background: url(../images/homepage/productbox/hilite.gif) no-repeat 83px 0px;
}
.hilite-sm{
	background: url(../images/homepage/productbox/hilite.gif) no-repeat 111px 0px;
}

.tweet-header a{
	color: #00AAE4;
	text-decoration: none;
}

.tweet{
	font-size: 10px;
}
.tweetDate{
	font-size: 9px;
	font-style: italic;
	padding-top: 5px;
	color: #666666;
}


/* HOME PAGE SCROLLABLE */
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable {
	/* required settings */ 
    position:relative;
	overflow:hidden;
	width: 690px;
	height:120px;
	margin-left: 30px;
	margin-top: 25px;
	margin-bottom: 20px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* single scrollable item */
.scrollable img {
	float:left;
	background-color:#fff;
	width:220px;
	height:120px;
	margin-right: 15px;
}

/* prev, next, prevPage and nextPage buttons */
.scrollable a.browse {
	background:url(../images/homepage/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
.scrollable a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
.scrollable a.right:hover 		{ background-position:-30px -30px; }
.scrollable a.right:active 	{ background-position:-60px -30px; } 


/* left */
.scrollable a.left				{ margin-left: 0px; } 
.scrollable a.left:hover  		{ background-position:-30px 0; }
.scrollable a.left:active  	{ background-position:-60px 0; }


/* disabled navigational button */
.scrollable a.disabled {
	visibility:hidden !important;		
} 	
 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}


/* JQUERY STYLES */

.newsticker {
	list-style-type: none;
	border: 1px dashed #fff;
	background: #FFFFFF;
	padding: 3px;
	margin: 0;
	color: #333333;
	font-weight: bold;
}



/* HACK FOR FIXING 3-PIXEL JOG IN IE6*/
/* hide hack from Mac-IE5 \*/
* html #nav {
margin-right: -3px;
}
* html #topfullwidth {
height: 1%;
margin-left: 0;
}
* html #home-products {
margin-left: 15px;
}
* html #twitter-box {
margin-right: 15px;
}

/* end hiding */