@charset "utf-8";

/*Main structure of the page*/
	body {
		background-image: url(images/bodyGrad.png);
		background-repeat: repeat-x;
	}

	#main{
		position: relative;
		width: 800px; 
		height: 600px;
		top: 50px;
		margin-right: auto;
		margin-left: auto;
		background-color: #FFFFFF;
		/*z-index: 1;*/
	}
	
	#siteLinks {
		position: absolute;
		left: 5%;
		bottom: 10px;
		width: 90%;
	} 
		#header{
			position: absolute;
			left: 8px;
			top:8px;
			height:160px;
			width:98%;
			background-image: url(images/headerMask.png);
			background-repeat: no-repeat;
			z-index: 3;
		}

		#headerPic{
			position: absolute;
			top:8px;
			left: 8px;
			height:160px;
			width:98%;
			background-image: url(images/head1.png);
			background-repeat: no-repeat;
			z-index: 2;
		}

		#logo {
				position: absolute;
				top: 35px;
				left: 25px;
				width: 250px;
				height: 110px;
				background-image: url(http://www.poultryanswers.com/images/logo.png);
				background-repeat: no-repeat;
			}		

			#emailLogin {
				position: absolute;
				top: -55px;
				right: 5px;
				width: 100%;
				height: 20px;
				text-align: right;
			}

		/*Start of Navigation*/

		#nav{
			position:absolute;
			top:126px;
			left:226px;
			width:547px;
			height: 46px;
			z-index:3;
		}

			.navTab {
				position: absolute;
				top: 0px;
				left: 0px;
				width: 87px;
				height: 46px;
				background-image: url(images/tab.png);
				background-repeat:repeat-x;
				text-align: center;
				padding-top: 10px;
				/*z-index: 10;*/
				overflow: hidden;
			}
			
			.image{
				background-image: url(images/tab.png);
				background-repeat: repeat-x;
			}

			.navTab:hover {
				background-image: url(images/tabOver.png);
			}

			#Home {
				left: 0px;
			}

			#Products {
				left: 92px;
			}

			#Store {
				left: 184px;
			}

			#Application {
				left: 276px;
			}

			#Info {
				left: 368px;
			}

			#Contact {
				left: 460px;
			}

			#dropMenu {
				position: absolute;
				left: 0px;
				top: 50px;
				width: 547px;
				background-image: url(images/drop.png);
				background-repeat: repeat-x;
				/*border: thin solid #CC0000;*/
				/*z-index: 10;*/
			}

				#certs {
					position: absolute;
					left: 5px;
					top: 5px;
					width: 100px;
					height: 100px;
					background-color: #B8DFE8;
					border: thin solid #1B75BC;
					font-family:Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					font-style: normal;
					color: #000000;
					text-align: left;
					padding-left: 8px;
					/*z-index: 15;*/
				}
	
				.dropImg {
					padding-left: 20px;
				}	

			

				.smOMRI {
					padding: 5px 5px 5px 0px;
					float: left;
				}

			
	
				#tiny {
					font-size: 10px;
				}
				
				.menuJug {
					position: absolute;
					top: 3px;
					z-index:15;
					text-align: center;
					/*border: thin solid #000099;*/
				}
				
				.livestockJug{
					width: 115px;
					left: 70px;
				}
				
				.poultryJug{
					width: 115px;
					left: 175px;
				}
				
				.bioJug{
					width: 125px;
					left: 280px;
				}
				
				.cleanerJug{
					width: 120px;
					left: 400px;
				}
				
				.infoMenu {
					z-index:15;
					width: 80px;
					text-align: center;
					padding-right: 20px;
					padding-top: 20px;
				}
				
				.info1{
					padding-left: 35px;
				}
				/*.info1{
					width: 115px;
					left: 25px;
				}
				
				.info2{
					width: 115px;
					left: 160px;
				}
				
				.info3{
					width: 120px;
					left: 270px;
				}
				
				.info4{
					width: 115px;
					left: 410px;
				}*/
				
				
				.menuText {
					text-decoration: none;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					color: #FFFFFF;
				}
				
				.menuText:hover {
					color: #000000;
				}
				
				.subDrop {
					position: absolute;
					top: 0px;
					padding-top: 3px;
					padding-left: 3px;
					padding-right: 3px;
					padding-bottom: 3px;
					left: 0px;
					width: 126px;
					text-align: center;
					background-image: url(images/subDrop.png);
					background-repeat: repeat-x;
					background-color: #FFFFFF;					
					/*z-index: 20;*/
					/*border: thin solid #00FF33;*/					
				}
					.subDocs {
						background-color: #F99D1C;
						border: thin solid #000000;
					} 

						.subDocsLink {
							text-align: center;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size: 12px;
							color: #FFFFFF;
							line-height: 18px;
							text-decoration: none;
						}

						.subDocsLink:hover{
							color: #ffffff;
							background-color: #F4B162;
							display:block;
							text-decoration:none;
						}
						
						.navLink {
							text-align: center;
							font-family:Verdana, Arial, Helvetica, sans-serif;
							font-size: 12px;
							color: #000000;
							line-height: 18px;
							text-decoration: none;
						}
						
						.navLink:hover {
							color: #000000;
						}
						
						.smGrayMSDS{
							font-family: Arial, Helvetica, sans-serif;
							font-size: 9px;
							color: #FFFFFF;
						}
				.infoDropLink {
					/*padding-left: 20px;*/
					text-decoration: none;
				}

		/*End of Navigation*/

		

		#content{
			position:absolute;
			top:205px;
			left: 1%;
			width:98%;
			background-image: url(images/homeContent.png);
			background-repeat: repeat-x;
			background-color: #FFFFFF;
			/*z-index: -1;*/
			/*background-color: #D9F0FB;*/
		}
		
		#content2{ /*only on home page*/
			position:absolute;
			top:205px;
			left: 1%;
			width:98%;
			/*z-index: -1;*/
		}
		
		#content li{
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			list-style:disc;
			list-style-position:inside;
			padding-left: 2em;
		}
		
		.videoPlayer {
			position:absolute;
			top: 85px;
			left: 15px;
			width: 425px;
			height: 344px;
			/*z-index: 1;*/
		}

		/*Start of Divs nested in content div*/

			#rightSide{ /*not on home page*/
				position:absolute;
				top:20px;
				right: 25px;
				width:450px;
				/*z-index: -1;*/
			}
			
			#rightSide2{ /*ONLY on home page*/
				position: absolute;
				top: 0px;
				right: 10px;
				width: 312px;
				background-image: url(images/homeContent.png);
				background-repeat: repeat-x;
				background-color: #FFFFFF;
				/*z-index: -1;*/
				padding: 0px 10px 0px 10px;
			}

			#leftSide{
				position:absolute;
				top:0px;
				left: 0px;
				width: 320px;
				/*z-index: 3;*/
		/*		width:413px;*/
			}
			
			
			/*Start of Divs on the home page only*/
				#hmTitle{
					position:absolute;
					top:0px;
					left: 20px;
					height:26px;
					width:417px;
					background-image: url(images/hmTitle.png);
					background-repeat: no-repeat;
					/*z-index: 4;*/
				}
					
				#leftSideHm{
					position:absolute;
					top:0px;
					left: 15px;
					width: 385px;
					/*z-index: 3;*/
				}
							
	
/*				.hmSquareImage {
					position: absolute;
					top: 0px;
					left: 0px;
					z-index: 0;
					background-image: url(images/hmSquare.png);
					background-repeat: no-repeat;
				}
*/	
				.hmSquare{
					position:absolute;
					height:96px;
					width:131px;
					text-align: center;
					padding-top: 4px;
					background-image: url(images/hmSquare.png);
					background-repeat: no-repeat;
					/*z-index: 4;*/
				}
	
				.hmSquare:hover{
					background-image: url(images/hmSquare_over.png);
				}
				#hmSquare1{
					top:36px;
					left: 20px;
				}
	
				#hmSquare2{
					top:142px;
					left: 20px;
				}
	
				#hmSquare3{
					top:248px;
					left: 20px;
				}
	
				#hmSquare4{
					top:248px;
					left: 161px;
				}
	
				#hmSquare5{
					top:248px;
					left: 302px;
				}
	
				.hmButtonImage {
					position: absolute;
					bottom: 12px;
				}
	
				#hmButtonMoney {
					left: 20px;
				}
	
				#hmButtonCrops {
					left: 15px;
				}
	
				#hmButtonWater {
					left: 10px;
				}
	
				#hmButtonEnviro {
					left: 37px;
				}
	
				#hmButtonSoil {
					left: 0px;
					bottom: 5px;

				}
	
				.hmButtonText {
					position: absolute;
					left: 0px;
					text-align: center;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 12px;
					font-weight: bolder;
					text-decoration: none;
					/*z-index: 5;*/
					color:#663300;
					cursor: pointer;
				}
	
				.hmTextMoney {
					left: 25px;
				}
	
				.hmTextCrops {
					left: 15px;
				}
	
				.hmTextWater, .hmTextEnviro {
					left: 12px;
				}
	
				.hmTextSoil {
					left: 15px;
				}
	
				#hmInfo{
					position:absolute;
					top:36px;
					left: 161px;
					height:202px;
					width:272px;
					background-image: url(images/hmSoil.png);
					background-repeat: no-repeat;
				}
				
				#hmInfoText{
					position: absolute;
					top:0px;
					left: 0px;
					height:202px;
					width:272px;
					background-image: url(images/hmInfoBox.png);
					background-repeat: no-repeat;
					padding-top: 0px;
				}				
				
				#pageTitle {
					position: relative;
					top: 10px;
					left:20px;
				}
				
				#firefoxBanner {
					position: relative;
					top: 25px;
					width: 305px;
					height: 100px;
					background-image: url(images/firefoxBanner.png);
					background-repeat: no-repeat;
					padding-top: 30px;
					padding-left: 130px;
				}
					
			/*End of Divs on the home page only*/

			/*Start of Divs on the Product page only*/
			
				#proBio, #proPoultry, #proLivestock, #proCleaner{
					width:33%;
					height: 225px;
				}
				
				#proLivestock, #proCleaner{
					padding-left: 5px;
				}
				
				.proImgPad {
					padding: 0px 10px 0px 0px;
				}
				

		/*End of Divs on the Product page only*/


		.borderGreen {
			border: #66FF33 thick ridge;
		}
		
		.borderBlue {
			border: #33CCFF thick ridge;
		}
		
		.recommendationsSingleApp, .recommendationsFullYear {
			width: 350px;
		}
		
		#recFullYearTable, #recSingleAppTable {
			width: 340px;
		}
		
		
			
		/*Start of Divs on the Application page only*/
				#recAppForm {
					padding-top: 20px;
					padding-left: 20px;
					width: 100%;
				}
					#yourInfoTable {
						width: 100%;
					}
					
					#shapeTable {
						width: 100%;
					}
					
					#shapeTable td {
						text-align: center;
					}
					
					#shapeTable td img {
						border: none;
					}
						.col1 {
							width: 192px;
						}
					#whatCrop {
						width: 140px;
					}
			
					.smField {
						width: 32px;
						
					}
					
					.medField {
						width: 60px;
						text-align: right;
					}
					
					.lgField {
						width: 80px;
						text-align: right;
					}
					
					.td75{
						width: 100px;
					}
					
					#yourInfoTable label, .pointer, .clickable {
						cursor: pointer;
					}
					
					input[disabled='disabled'], .disabled {
						background-color: #FFFFFF;
						color: #666666;
						cursor: default;
						border: none;
						border-collapse: collapse;
					}
					#bioGal, #poultryJugs, #carbonGal, #bioJugs, #totalGal, #totalJugs {
						text-align:right;
					}
					
				
		/*End of Divs on the Application page only*/
		
		
		#descriptions {used on info page
			width: 90%;
			height: 145px;
			padding: 10px;
		}
		
		.bioLogicIcon{
			padding-left: 5px;
			padding-top: 20px;
		}
		
		.bioLogicNav{
			position:absolute;
			left: 32%;
			height: 70px;
		}
		
		.jqDockLabel {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			font-style: normal;
			color: #1874A7;
			text-align: left;
			padding: .1em 1em 0em 1em;
		}
		
		.padBottom {
			padding-bottom: 15px;
		}
		/*End of Divs nested in content div*/		


	#footer{
			position: absolute;
			left: 1%;
			bottom: 1%;
			width:98%;
			height: 20px;
			background-color: #EF9521;
			text-align:center;
			padding:0px;
		}

			#footerLine{
				position: absolute;
				left:0px;
				top: 0px;
				width:100%;
				height: 5px;
				/*background-color: #EF9521;*/
				text-align:center;
				padding:0px;
			}		


/*Start of Buttons*/
		#calc{
			margin-right:auto;
			margin-left: auto;
			width: 180px;
			height: 65px;
			background-image: url(images/buCalc.png);
			background-repeat: no-repeat;
			padding-top: 24px;
			padding-left: 8px;
		}
		
		#calc:hover{
			background-image: url(images/buCalc_over.png);
		}
		
		#addToTruck {
			position: absolute;
			bottom: 34px;
			background-image: url(images/addToTruck.png);
			background-repeat: no-repeat;
			margin-left: 85px;
			width: 145px;
			height: 34px;				
		}
		
		#addToTruck:hover {
			background-image: url(images/addToTruck_over.png);
		}	
		
		.quoteContainer {
			position:absolute;
			top: 0px;
			right: 0px;
			width: 220px;
			height: 105px;
			background-image: url(images/speechBubble.png);
			background-repeat: no-repeat;
			/*z-index: 1;*/
		}
		
			.quote {
				position: absolute;
				top: 13px;
				right: 16px;
				width: 179px;
				height: 55px;
				padding-top: 2px;
				padding-left: 5px;
				display: block;
				cursor: pointer;
				/*z-index: 5;*/
				
			}
			
			#author{
				color:#C93;
			}
		
		.bioRight {
			width: 415px;
			padding: 10px;
			margin-left: 15px;
			margin-right: 15px;
			
		}
		
		.blLeftBox1 {
			float:left; 
			width:235px;
			border: #006699 solid 1px;
			padding:0px 10px 10px 15px; 
			margin:15px 25px 15px 15px;
		}				
/*End of Buttons*/


/*Text styles that we're using*/	

	.copy, .copy11, .copySmall, .copyWhite, .copyWhiteSm, .copyGray, .titleL, .titleBrn, .titleC, .titleC2, .title2, .medGray, .medBlueNP, .medGrayNP, .copyNP, .link, .linkSmall, .linkSmallGray, .titleBlink, .contactMapTitle, .linkWhite  {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-style: normal;
	}
	
	.copy, .copy11, .copySmall, .copyWhiteSm, .titleL, .titleBrn, .medGray, .medBlueNP, .medGrayNP, .copyNP, .contactMapTitle {
		text-align: left;
	}
	
	.copyWhite, .titleC, .titleC2, .title2 {
		text-align:center;
	}
	
	.copySmall, .medGray, .medBlueNP, .medGrayNP {
		font-size: 10px;
	}
	
	.copy, .copyWhite, copyGray, .copyNP {
		font-size: 12px;
	}

	.titleC2 {
		font-size: 14px;
	}	
	
	.titleL, .titleBrn, .titleC, .contactMapTitle {
		font-size: 16px;
	}

	.copy, .copy11, .copySmall, .titleC, .titleC2, .copyNP {
		color: #000000;
	}
	
	.copyWhite, .copyWhiteSm {
		color:#FFFFFF;
	}
	
	.copyGray, .medGray, .medGrayNP {
		color: #666666;
	}
	
	.copy, .copy11, .medGray {
		padding: .1em 1em 0em 1em;
	}
	
	.titleL, .titleBrn {
		padding: 0em 0em 0em .5em;
	}
	
	.copy11 {
		font-size: 11px;
	}
	
	.copyWhite {
		font-weight:bold;
		left:25%;
		padding:0.25em 0 0;
		position:absolute;
		top:2px;
	}
	
	.titleL, .title2, .medBlueNP, .contactMapTitle {
		color: #1874A7;
	}	
	
	.titleC2, .title2, .titleC, .contactMapTitle {
		font-weight:bold;
	}	
	
	.copyWhiteSm { 
		font-size: 9px;
		text-decoration: none;
	}

	.titleBrn {
		color: #663300;
	}	
	
	.title2 {
		font-size: 13px;
		text-decoration: none;
	}


/*Link styles*/

	.link, .linkSmall, .linkSmallGray, .titleBlink, .linkWhite {
		text-align: left;
	}
	
	.linkSmall, .linkSmallGray {
		font-size: 10px;
	}
	
	.link, .linkSmall, .linkSmallGray, .titleBlink, .linkWhite {
		text-decoration:none;
	}
		
	.link, .linkSmall, .titleBlink {
		color: #1874A7;
	}
	
	.link, .linkWhite {
		font-size: 12px;
	}

	.link:hover, .linkSmall:hover {
		color: #1790C6;
	}
	
	.linkSmallGray, .linkWhite {
		color: #FFFFFF;
	}
	
	.linkSmallGray:hover, .linkWhite:hover {
		text-decoration: underline;
	}
	
	.titleBlink {
		font-size: 16px;
		font-style: normal;
		padding: 0em 0em 0em .5em;
	}

	.titleBlink:hover {
		color: #0099CC;
	}

	.loggedInAs {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;
		color: #FFFFFF;
		font-style:italic;
		font-weight: bold;
	}
	
	.loginLinks, .loginCopy{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-size:12px;
		color: #FFFFFF;
		font-weight: bold;
	}
	
	.loginLinks:hover {
		text-decoration: underline;
	}

/*Other styles that we're using*/	

	.floatL {
		float: left;
	}

	.floatR {
		float: right;
	}	
	
	.paddingR, .paddingSides{
		padding-right: 25px;
	}
	
	.paddingL, .paddingSides {
		padding-left: 25px;
	}



	.width40 {
		width: 40%;
	}
	
	.width60, .thankDoc {
		width: 60%;
	}
	
	.width90, .productLinks {
		width: 90%;
	}
	
	.width50, .width50C {
		width: 50%;
	}
	
	.width50C, .thankDoc {
		margin-left:auto;
		margin-right:auto;
	}
	
	.productLinks {
		margin-left:auto;
		margin-right:auto;
	}
	
	
	
	.floatingPic1 {
		position: absolute;
		left: -165px;
	}
	
	.floatingPic2 {
		position: absolute;
		left: -200px;
	}
	
	.floatingPic3 {
		position: absolute;
		left: -250px;
	}

/*Ajack ticker stuff*/	

#ajaxticker1{
		position:absolute;
		top: 13px;
		left: 19px;
		width: 80%;
		height: 50%;
}


.message {/*used for the ticker */
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		text-align: left;
		cursor: pointer;
}

/*End Ajack ticker stuff*/	

/*Text styles*/	


	.copySmList {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		font-style: normal;
		color: #000000;
		text-align: left;
	}

	.copyright {
		padding: 0.5em 0em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 9px;
		display:block;
	}
	

/*Link styles*/

	.lgLink {
		text-align: left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight:bold;
		color: #000066;
		text-decoration:none;
	}

	.lgLink:hover {
		text-align: left;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 13px;
		color: #006699;
		text-decoration:none;
	}


	.navLinks {
		text-align: left;
		position:relative;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		width:175px;
		/*z-index: 4;*/
	}

	.navLinks a {
		text-decoration: none;
		color: #000000;
	}

/*	.navLinks a:hover, .navLinks a:focus {

		text-decoration: underline;

		color: #000000;

	}*/

	#footerLinks li{
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		display: inline;
		list-style-type: none;
		padding-right: 5px;
	}

	.footerLinks a {
		color: #000000;
		text-decoration: none;
	}

	.footerLinks a:hover, .footerLinks a:focus {
		color:#FFFFFF;
	}

/*Other styles*/	

	.hide {
		display: none;
	}

	.navLine {
		width:150px;
	}

	.hr50 {
		width:50%;
	}

	.hr75 {
		width:75%;
	}
	
	
	
/*Contact Page Styles for map info*/	
	#brkrDlrRm {
		width: 40%;
		margin-right: auto;
		margin-left: auto; 
	}
	
	.PuertoRico{
		position: relative;
		top: -60px;
		left: 200px;
	}
	.statePic{
		width: 60%;
		margin-right:auto;
		margin-left:auto;
		text-align: center;
	}	
	
	.zoomOut {
		position:absolute;
		top: 45px;
		left: 45px;		
		width: 50px;
		height: 40px;
		background-image: url(images/zoomout.png);
		background-repeat: no-repeat;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:9px;
		color:#666666;
		vertical-align:bottom;
		margin: 15px 0px 0px 45px;
	}
		
/*End of Contact Page Styles for map info*/