﻿/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc a {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc ul li {float:none;}.qmmc ul a {float:none;}.qmmc div a {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:208px;
		height:23px;
		border-width:1px 0px 0px 0px;
		border-style:solid;
		border-color:#278656;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:3px 5px 3px 32px;
		color:#000000;
		font-family:Arial;
		font-size:14px;
		text-decoration:none;
		border-width:0px 0px 1px 0px;
		border-style:solid;
		border-color:#278656;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		color:#278656;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		color:#278656;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive:hover	
	{	
		color:#278656;
		text-decoration:none;
		font-weight:normal;
	}


	body #qm0 .qmactive	
	{	
		color:#278656;
		text-decoration:none;
		font-weight:normal;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 ul	
	{	
		padding:5px 0px 5px 0px;
		
	}


	#qm0 div	
	{	
		padding:5px 0px 5px 0px;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 ul a	
	{	
		padding:1px 0px 1px 32px;
		margin:0px;
		background-color:#ECEAE1;
		background-image:none;
		color:#3C3C3C;
		font-size:12px;
		border-width:0px 0px 2px 0px;
		border-style:solid;
		border-color:#FFFFFF;
	}


	#qm0 div a	
	{	
		padding:1px 0px 1px 32px;
		margin:0px;
		background-color:#ECEAE1;
		background-image:none;
		color:#3C3C3C;
		font-size:12px;
		border-width:0px 0px 2px 0px;
		border-style:solid;
		border-color:#FFFFFF;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		background-color:#ECEAE1;
		text-decoration:none;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#ECEAE1;
		text-decoration:none;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive:hover	
	{	
		text-decoration:none;
		font-weight:bold;
	}


	body #qm0 div .qmactive	
	{	
		text-decoration:none;
		font-weight:bold;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		font-size:12px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmparent	
	{	
		background-image:url(qmimages/arrow_0.gif);
		background-repeat:no-repeat;
		background-position:95% 55%;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul a	
	{	
		padding:2px 20px 2px 5px;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#3C3C3C;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0	
	{	
		border-width:1px;
		border-style:solid;
		border-color:#3C3C3C;
	}



/*Home Page Styles*/

#HomePageContent
{
height:256px;
width:666px;
vertical-align:top;	
float:left;
	
}
#HomeLeftContent
{
	float:left;
	width:416px;
	height:218px;
	padding-top:25px;
	}
	

#HomeRightContent
{
	float:left;
	width:215px;
	padding-top:25px;
	
}


.HomepageHeading
{
	
	color:#278656;
	font-size:.92em;
	font-family:Arial;
}

.HomepageText
{
	
	color:black;
	font-size:11px;
	font-family:Arial;
}
.RightEnlargedText
{
	font-family:Arial;
	color:#278656;
}


/*end of homepage styles*/


#body
{
margin-left:auto;
margin-right:auto;

	}
	


#Left{
width:230px;
height:100%;
background-color:white;
vertical-align:top;
}

#Right
{
	width:10px;
}

#Header
{
width:660px;
height:46px;
background-image:url('../templateimages/body/HeaderImage.jpg');
background-repeat:no-repeat;
}

#HeaderHome
{
width:666px;
height:46px;
background-image:url('../templateimages/body/HeaderImageHome.jpg');
background-repeat:no-repeat;
}


#Footer
{
width: 890px;
height: 57px;
	
}

#Content
{

width:440px;
vertical-align:top;	
float:left;
	
}


#TemplateImage
{
width:220px;
height:247px;
vertical-align:top;
float:left;
}

#RightHandCotent
{
	float:right;
	width:220px;
}

#LeftHandMenu
{
	float:left;
	width: 230px;
}

.FooterText
{
	
	color:#909090;
	font-size:.83em;
	font-family:Arial;
	
}

.FooterText a:hover
{
	
	color:#278656;
	font-size:.83em;
	font-family:Arial;
	
}

.QuickLinks
{
	font-family:Arial;
	font-size:.83em;
	color:white;
	text-decoration:none;
}
.QuickLinks a:hover
{
	font-family:Arial;
	font-size:.83em;
	color:white;
	text-decoration:underline;
}


/*Test home page*/
#Home{
height:247px;
width:222px;
float:left;
}

a.homerollover {
    display: block;
    width: 222px;
    height: 247px;
    background: url('../images/HomePage/SoilPlantCSS.jpg') 0 0 no-repeat;
    text-decoration: none;
}
 
	
a:hover.homerollover {
    background-position: -222px 0;
	} 
a:active.homerollover {
    background-position: -222px 0;
	} 

a.homeActive {
    display: block;
    width: 222px;
    height: 247px;
    background: url('../images/HomePage/SoilPlantCSS.jpg') 0 0 no-repeat;
	background-position: -152px 0;
    text-decoration: none;
}


#Home2{
height:247px;
width:222px;
float:left;
}

a.home2rollover {
    display: block;
    width: 222px;
    height: 247px;
    background: url('../images/HomePage/BeefCSS.jpg') 0 0 no-repeat;
    text-decoration: none;
}
 
	
a:hover.home2rollover {
    background-position: -222px 0;
	} 
a:active.home2rollover {
    background-position: -222px 0;
	} 

a.home2Active {
    display: block;
    width: 222px;
    height: 247px;
    background: url('../images/HomePage/BeefCSS.jpg') 0 0 no-repeat;
	background-position: -152px 0;
    text-decoration: none;
}


#Home3{
height:247px;
width:222px;
float:left;
}

a.home3rollover {
    display: block;
    width: 222px;
    height: 247px;
    background: url('../images/HomePage/WaterCSS.jpg') 0 0 no-repeat;
    text-decoration: none;
}
 
	
a:hover.home3rollover {
    background-position: -222px 0;
	} 
a:active.home2rollover {
    background-position: -222px 0;
	} 

a.home3Active {
    display: block;
    width: 222px;
    height: 247px;
    background: url('../images/HomePage/WaterCSS.jpg') 0 0 no-repeat;
	background-position: -152px 0;
    text-decoration: none;
}



.PopUpHeader
{
	font-family:Arial;
	font-size:14px;
	color: #245497;
	text-decoration:none;
}


/*Pop up*/
{
	font-family:Arial;
	font-size:12px;
	color: #245497;
	text-decoration:none;
}


/*Pop up*/
#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {

position:absolute;
border: thick green solid; 
background-color:white;
width:441px;
height:435px;
z-index: 9002;
clip:auto;

}
#popUpDiv2 {
position:absolute;
border: thick green solid; 
background-color:white;
width:441px;
height:435px;
z-index: 9002;
clip:auto;
}
#popUpDiv3 {
position:absolute;
border: thick green solid; 
background-color:white;
width:441px;
height:435px;
z-index: 9002;
clip:auto;
}

/*End Popup*/


/*Internal Page Styles*/

.H1
{
	font-family:Arial;
	font-size:1.5em;
	color: #278656;
	text-decoration:none;
}

.H1 a:link
{
	font-family:Arial;
	font-size:1.5em;
	color: #278656;
	text-decoration:underline;
}

.H1 a:hover
{
	font-family:Arial;
	font-size:1.5em;
	color: #278656;
	text-decoration:underline;
}
.H2
{
	font-family:Arial;
	font-size:.92em;
	color: #278656;
}

.NormalBold
{
	font-family:Arial;
	font-size:12px;
	color: black;
	font-weight:bold;
}
.NormalItalic{
	font-family:Arial;
	font-size:12px;
	color: black;
	font-style:italic;
}


.Normal{
	font-family:Arial;
	font-size:12px;
	color: black;
}

.Normal{
	font-family:Arial;
	font-size:12px;
	color: black;
}
.Normal a:link
{
	font-family:Arial;
	font-size:12px;
	color: black;
	text-decoration:underline;
}

.Normal a:visited
{
	font-family:Arial;
	font-size:12px;
	color: #909090;
}

.Normal a:hover
{
	font-family:Arial;
	font-size:12px;
	color: #278656;
}

.Normal a:active
{
	font-family:Arial;
	font-size:12px;
	color: #278656;
	text-decoration:underline;
}

.LinkMenu
{
	font-family:Arial;
	font-size:.92em;
	color: #278656;
	line-height:25px


}

.LinkMenu a:link
{
	font-family:Arial;
	font-size:.92em;
	color: #278656;
	line-height:25px


}

.LinkMenu a:visited
{
	font-family:Arial;
	font-size:.92em;
	color:gray;
	line-height:25px


}

.LinkMenu a:hover
{
	font-family:Arial;
	font-size:.92em;
	color:black;
	line-height:25px


}

.LinkMenu a:active
{
	font-family:Arial;
	font-size:.92em;
	color:#278656;
	line-height:25px


}

#ContentScrollArea{
width:441px;
height:435px;
overflow-x: hidden; 
overflow-y: scroll; 
}

/* Supply order form styles */
.header{
    font-size:large;
    font-weight: bold;
    Color: #278656;
}
.required{
    color: Red; 
}
.label{
    width: 125px;
    Color:#278656;
    text-align: right;
    font-size:large;
}
.desc{
    width: 230px;
}
.title{
    font-size:xx-large;
    Color:#278656;
    font-weight:bolder;
}
.col{
    Color:#278656;
    font-size:large;
}
.input{
    width: 50px;
}

/*End

