html, body {
	height: 100%;
}

body {
	margin-top: 0px;
	padding: 0px;
/*	background: #DBD5CC;*/
	background: #FFFFFF url(https://digitalfrog.com/images/diagonal.webp) 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;
}

input[type=text]{
	width:200px;
}
#wrapper {
	min-height: 100%;
	width: 920px;
	padding: 0;
	background: #FFFFFF url(https://digitalfrog.com/images/nav-bkgd.webp) 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;
}

.right{
	text-align: right;
}

#generictable{
	background: #EEEEDD url(https://digitalfrog.com/images/generic-table_01.webp) 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(https://digitalfrog.com/images/generic-table_03.webp);
}
#box1pt{
	background: url(https://digitalfrog.com/images/box1pt_01.webp) 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(https://digitalfrog.com/images/box1pt_02.webp);
}

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

/* NAVIGATION COLUMN STYLES */

#nav {
	width: 170px;
	float: left;
	background: url(https://digitalfrog.com/images/nav-bkgd.webp);
	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(https://digitalfrog.com/images/nav-bkgd.webp) repeat-y;
	font-size: 11px;
} 

#nav ul li a:hover{
	background: url(https://digitalfrog.com/images/nav-hilite.webp) 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(https://digitalfrog.com/images/nav-hilite.webp) 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(https://digitalfrog.com/images/footer-top.webp) 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(https://digitalfrog.com/images/footer-bullet.webp);
	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(https://digitalfrog.com/images/thonbox-green_01.webp) 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(https://digitalfrog.com/images/thonbox-green_02.webp);
	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(https://digitalfrog.com/order/images/frogprice-bkgd_03.webp);
	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;
	text-align: right;
}
#ftbott{
	background-image:url(https://digitalfrog.com/order/images/ftprice-bkgd_03.webp);
	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(https://digitalfrog.com/order/images/smprice-bkgd_03.webp);
	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(https://digitalfrog.com/images/homepage/digby.webp) 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(https://digitalfrog.com/images/homepage/products-header.webp) 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(https://digitalfrog.com/images/homepage/icon-frog.webp) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}
.rainforest{
	background: url(https://digitalfrog.com/images/homepage/icon-rainforest.webp) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}
.wetlands{
	background: url(https://digitalfrog.com/images/homepage/icon-wetlands.webp) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}
.desert{
	background: url(https://digitalfrog.com/images/homepage/icon-desert.webp) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}
.sciencematrix{
	background: url(https://digitalfrog.com/images/homepage/icon-sciencematrix.webp) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}
.fieldtrips{
	background: url(https://digitalfrog.com/images/homepage/icon-fieldtrips.webp) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}
.lagren{
	background: url(https://digitalfrog.com/products/images/icon-lagren.webp) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}

.frogPDF{
	background: url(https://digitalfrog.com/products/images/icon-PDF.webp) no-repeat 0px 0px;
	padding-left: 35px;
	padding-right: 10px;
}
.introMovie {
	background: url(https://digitalfrog.com/images/homepage/mainheader/Intro-movie-0410.webp) 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(https://digitalfrog.com/images/homepage/products_bkgd.webp) 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: white;
border: 1px green solid;
width: 619px;
margin-right: 30px;
float: right;
padding-top: 15px;
padding-left: 20px;
padding-right: 50px;
position: absolute;
top: 430px;
left: 200px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
max-height: 12px;
overflow: hidden;
}


#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(https://digitalfrog.com/images/homepage/productbox/hilite.webp) no-repeat -1px 0px;
}
.hilite-wt{
	background: url(https://digitalfrog.com/images/homepage/productbox/hilite.webp) no-repeat 27px 0px;
}
.hilite-rf{
	background: url(https://digitalfrog.com/images/homepage/productbox/hilite.webp) no-repeat 54px 0px;
}
.hilite-ds{
	background: url(https://digitalfrog.com/images/homepage/productbox/hilite.webp) no-repeat 83px 0px;
}
.hilite-sm{
	background: url(https://digitalfrog.com/images/homepage/productbox/hilite.webp) 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(https://digitalfrog.com/images/homepage/hori_large.webp) 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 */


.requestBkg {background: url(https://digitalfrog.com/images/requestBkg.webp) repeat-x; height: 440px; padding: 90px; position: relative;}
.requestBox { width: 500px; border: 1px solid #444; background-color: #ffc; -webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px; -webkit-box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, .4);
-moz-box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, .4);
box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, .4);margin: auto; padding: 20px; position: absolute; top:100px;left: 100px;

}
.requestBox textarea {width:300px; height:70px;}
.requestBox input[type=email] {width:300px;}
.requestBox h1 {padding: 0px; font-weight: bold; color: #443;}
.requestBox .options {float: right; width: 181px; padding: 0px;}
.requestBox .options h1 {font-size: 16px;}
.requestBox .options ul {font-size: 20px;padding: 0px;margin: 0px;}
.requestBox .options ul li {font-size: 14px;font-weight: bold;list-style-type: none;margin-bottom: 12px;}
.requestBox .options ul li ul {}
.requestBox .options ul li li {font-size: 12px;padding-left: 9px;margin: 4px;}
.warningtext {
	font-family: "Lucinda Grande";
	font-size: 16px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #900;
}

/*
     FILE ARCHIVED ON 11:35:33 Jun 24, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 02:00:19 Mar 07, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.669
  exclusion.robots: 0.048
  exclusion.robots.policy: 0.038
  esindex: 0.012
  cdx.remote: 12.253
  LoadShardBlock: 282.724 (3)
  PetaboxLoader3.datanode: 315.697 (4)
  load_resource: 2606.467
  PetaboxLoader3.resolve: 2569.355
*/