@charset "ISO-8859-1";

body, html {
	margin: 0; 
	padding: 0;
	font-family: arial, verdana, times new roman;
}

body {
	background: transparent url(/content/s6/images/bg_body.gif) repeat scroll left top;
	font-size: 62.5%;
}

img {
	border: none;
}

.clearfloat {
	clear: both;
	height:0px;
    font-size: 1px;
    line-height: 0px;
}

#page {
	width: 962px;
	position: relative;
	margin: 37px auto 0;
	text-align: left;
}

#header {
	background: transparent url(/content/s6/images/header.png) no-repeat scroll left top;
	width: 962px;
	height: 272px;
}

#footer {
	background: transparent url(/content/s6/images/bg_footer.gif) no-repeat scroll left top;
	width: 962px;
	height: 145px;
	margin-bottom: 20px;
}

#mainWrapper {
	background: transparent url(/content/s6/images/bg_main.gif) repeat-y scroll left top;
	width: 962px;
}

	#mainWrapper .padding {
		padding: 6px 16px 0 19px;
	}
	
	#mainWrapper .mainOneCol {
		padding: 7px 5px 0 2px;
	}
				
	#mainWrapper .mainTwoCols {
		padding: 7px 5px 0 2px;
	}
			
	#mainWrapper .mainThreeCols {
		padding: 7px 5px 0 2px;
	}
					
	#mainWrapper .mainFourCols {
		padding: 7px 5px 0 2px;
	}
		
	#mainWrapper .mainOneCol .column {
		background: transparent url(/content/s6/images/bg_dotted_line.gif) repeat scroll left top;
		width: 100%;
		float: left;
		position: relative;
	}
				
	#mainWrapper .mainTwoCols .leftCol {
		background: transparent url(/content/s6/images/bg_dotted_line.gif) repeat scroll left top;
		width: 590px;
		float: left;
		position: relative;
	}
			
	#mainWrapper .mainTwoCols .rightCol {
		background: transparent url(/content/s6/images/bg_dotted_line.gif) repeat scroll left top;
		width: 320px;
		float: right;
		position: relative;
	}
	
	#orderPage .mainTwoCols .leftCol {
		width: 455px;
	}
		
	#orderPage .mainTwoCols .rightCol {
		width: 455px;
	}
	
	#mainWrapper .mainOneCol .outerBg {
		background-color: #fff;
		margin: 4px;
		padding: 2px;
	}
		
	#mainWrapper .mainOneCol .innerBg {
		background-color: #eaeed0;
		padding-bottom: 31px;
	}
			
	#mainWrapper .mainTwoCols .outerBg {
		background-color: #fff;
		margin: 4px;
		padding: 2px;
	}
		
	#mainWrapper .mainTwoCols .innerBg {
		background-color: #eaeed0;
	}
					
	#frontPage .mainTwoCols .innerBg { min-height: 208px; }
	#frontPage .mainTwoCols .rightCol .innerBg { padding-bottom: 37px; min-height: 171px; }	
	
	#downloadsPage .mainTwoCols .innerBg { min-height: 188px; }
	#downloadsPage .mainTwoCols .rightCol .innerBg { padding-bottom: 37px; min-height: 151px; }
				
	#orderPage .mainTwoCols .innerBg { min-height: 447px; }
	#orderPage .mainTwoCols .rightCol .innerBg { padding-bottom: 37px; min-height: 410px; }
	
	#emailPage .mainTwoCols .innerBg { min-height: 267px; }
	#emailPage .mainTwoCols .rightCol .innerBg { padding-bottom: 37px; min-height: 230px; }
			
	#mainWrapper .mainTwoCols .buttonArea {
		background-color: #e1e7bf;
		width: 308px;
		text-align: right;
		position: absolute;
		bottom: 6px;
	}
	
	#orderPage .mainTwoCols .buttonArea {
		width: 443px;
	}
	
		#mainWrapper .mainTwoCols .buttonArea a {
			border: none;
			padding: 6px 4px 4px;
			display: block;
			float: right;
		}
		
		#orderPage .mainTwoCols .buttonArea input {
			padding: 6px 16px 4px;
		}	
		
		#orderPage .mainTwoCols .buttonArea span {
			padding: 12px 20px 4px;
			font-size: 1.1em;
			color: #484848;
			float: left;
		}
	
	#mainWrapper .mainOneCol .head {
		background: #64942c url(/content/s6/images/bg_green_head.gif) repeat-x scroll left top;
		width: 100%;
		height: 49px;
		margin-bottom: 11px;
	}
		
	#mainWrapper .mainTwoCols .head {
		background: #64942c url(/content/s6/images/bg_green_head.gif) repeat-x scroll left top;
		width: 100%;
		height: 49px;
		margin-bottom: 11px;
	}
	
	#mainWrapper .mainTwoCols a, #mainWrapper .mainOneCol a {
		text-decoration: none;
		border-bottom: 1px dotted #484848;
		color: #484848;
	}
	
	#mainWrapper .mainOneCol .column p {
		font-size: 1.4em;
		line-height: 1.3em;
		color: #484848;
		padding: 5px 19px;
		display: block;
		margin: 0;
	}
			
	#mainWrapper .mainTwoCols .leftCol p {
		font-size: 1.4em;
		line-height: 1.3em;
		color: #484848;
		padding: 5px 19px;
		display: block;
		margin: 0;
	}
		
	#mainWrapper .mainTwoCols .rightCol p {
		font-size: 1.1em;
		color: #484848;
		display: block;
		padding: 6px 19px;
		margin: 0;
	}
	
	#mainWrapper .mainThreeCols .outerBg {
		background-color: #d5dfca;
		width: 100%;
		float: left;
		padding-bottom: 6px;
	}
	
		#mainWrapper .mainThreeCols .outerBg .padding {
			padding: 6px 6px 0;
		}
		
	#mainWrapper .mainFourCols .outerBg {
		background-color: #d5dfca;
		width: 100%;
		float: left;
		padding-bottom: 6px;
	}
	
		#mainWrapper .mainFourCols .outerBg .padding {
			padding: 6px 6px 0;
		}
	
	#mainWrapper .mainThreeCols .head {
		background: #64942c url(/content/s6/images/bg_green_head.gif) repeat-x scroll left top;
		width: 100%;
		height: 49px;
		margin-bottom: 6px;
	}	
		
	#mainWrapper .mainFourCols .head {
		background: #64942c url(/content/s6/images/bg_green_head.gif) repeat-x scroll left top;
		width: 100%;
		height: 49px;
		margin-bottom: 6px;
	}	
	
	#mainWrapper .mainThreeCols .column {
		background: #c1d0b7 url(/content/s6/images/bg_endangered_top.gif) no-repeat scroll left top;
		width: 299px;
		position: relative;
		float: left;
		margin-right: 5px;
		padding-top: 11px;
	}
		
	#mainWrapper .mainThreeCols .columnInner {
		background: transparent url(/content/s6/images/bg_endangered_bottom.gif) no-repeat scroll left bottom;
		position: relative;
		width: 100%;
	}
		
	#mainWrapper .mainFourCols .column {
		background: #beceb4 url(/content/s6/images/bg_downloads_col_top.gif) no-repeat scroll left top;
		width: 222px;
		position: relative;
		float: left;
		margin-right: 6px;
		
	}
		
	#mainWrapper .mainFourCols .columnInner {
		background: transparent url(/content/s6/images/bg_downloads_col_bottom.gif) no-repeat scroll left bottom;
		position: relative;
		width: 100%;
		padding-bottom: 34px;
		min-height: 96px;
	}
			
	#mainWrapper .mainFourCols .columnInner .downloadButton {
		position: absolute;
		bottom: 4px;
		right: 4px;
	}
				
	#mainWrapper .mainOneCol .orderButton {
		position: absolute;
		bottom: 10px;
		right: 9px;
		border: none;
	}
	
	#mainWrapper .mainFourCols .column img.image {
		float: right;
		position: relative;
	}
	
	#mainWrapper .mainThreeCols .column img.laboratus {
		float: left;
		position: relative;
	}
		
	#mainWrapper .mainThreeCols .column img.heading {
		padding-top: 5px;
		padding-bottom: 6px;
	}
		
	#mainWrapper .mainThreeCols .column p {
		color: #484848;
		font-size: 0.9em;
		line-height: 1.4em;
		margin: 0;
		padding-right:10px;
	}
			
	#mainWrapper .mainFourCols .column p {
		color: #484848;
		font-size: 1.1em;
		line-height: 1.4em;
		margin: 0;
		padding: 11px 20px 10px;
		display: block;
	}
	
	#orderPage form .row {
		width: 100%;
		padding-top: 3px;
	}
		
	#orderPage form .row .rowCol {
		width: 49%;
		float: left;
	}
	
	#orderPage form {
		padding: 5px 0 0 0;
		margin: 0;
	}
	
	#orderPage form .row label {
		font-size: 1.4em;
		color: #484848;
		padding-left: 19px;
		padding-top: 5px;
		display: block;
	}	
	
	#orderPage form .row input.textBox {
		background: transparent url(/content/s6/images/bg_textbox.gif) no-repeat scroll left top;
		width: 189px;
		height: 17px;
		padding: 5px;
		border: none;
		margin-left: 8px;
	}
	
#orderPage form .row label.error { color: #ff0000; }
	
#naviWrapper {
	height: 27px;
	width: 100%;
	background: transparent url(/content/s6/images/bg_navi.gif) repeat-x scroll left top;
}
	
#navi {
	height: 27px;
	width: 100%;
	background: transparent url(/content/s6/images/bg_navi_end.gif) no-repeat scroll right top;
}

	#navi a {
		display: block;
		float: left;
		height: 27px;
	}

	#navi a span {
		display: none;
	}
	
	#navi a.home { width:61px; background: transparent url(/content/s6/images/navi/home.gif) no-repeat scroll left bottom; }
	#navi a.downloads { width:88px; background: transparent url(/content/s6/images/navi/downloads.gif) no-repeat scroll left bottom; }
	#navi a.order { width:58px; background: transparent url(/content/s6/images/navi/order.gif) no-repeat scroll left bottom; }
	#navi a.email_tips { width:76px; background: transparent url(/content/s6/images/navi/email_tips.gif) no-repeat scroll left bottom; }
	
	#navi a:hover, #navi a.active {
		background-position: left top;
	}


	#flashcontent {
		position: absolute;
		top: 171px;
		left: 214px;
	}