/* 
Site: APF
Date: Jan 08
Layout: MPWD
Web Design: MPWD
*/


p{padding: 2px 0; margin: 0px;}
#news-column{color: #326a22; margin: 4px; padding: 10px;}
#home-footer {background: transparent url(/2008images/apf-home-footer.png) no-repeat left top; height: 150px;}


div#image-pop{
  width: 100%;
  margin: 0;
  padding: 0px;
  text-align: center;
}

img.scaled {
  width: 100%;
}

/* Product Detail */

 .floatright{
    float: right;
    margin: 0 5px 5px 15px;
    padding: 5px 10px 5px 5px;
    width: 280px;
    font-style: italic;
    color: #858585;
    font-size: 110%;

}

/* Contact Table Functions */

.contact-table input {padding: 2px; margin: 2px; border: 1px solid #ccc; font-size: 12px;}

.contact-table select {padding: 2px; margin: 2px; border: 1px solid #ccc; font-size: 12px;}

.contact-table textarea {padding: 2px; margin: 2px; border: 1px solid #ccc; font-size: 12px;}


/* Virgin Mulch */

#left-column-virgin-mulch {float: left; padding: 0px 3px 6px 0px; width: 140px;}

#inner-column-virgin-mulch { padding-left: 8px; padding-bottom: 0; padding-right: 8px; padding-top: 5px; border-width: 300px; float: left; width: 320px;}

#inner-column-virgin-mulch h2{padding: 0px; margin-left: 0px; margin-bottom: 12px; margin-right: 0; margin-top: 12px; font-size: 122%; text-transform: capatilise; font-weight: bold; color: #fdf7ff;}

#right-column-virgin-mulch {padding-left: 8px; padding-bottom: 0px; padding-right: 8px; padding-top: 5px; float: right; margin-right: 4px; width: 636px;}


/* Products */


#right-column-products h2{padding: 0px; margin-left: 0px; margin-bottom: 12px; margin-right: 0; margin-top: 12px; font-size: 122%; text-transform: capatilise; font-weight: bold; color: #fefff9;}

#right-column-products { padding-left: 10px; padding-bottom: 10px; padding-right: 10px; padding-top: 0px; margin-left: 5px; float: right; margin-right: 5px; width: 625px;}

#right-column-products a:link { color: #45912f; text-decoration: underline;}
#right-column-products a:visited {color: #45912f; text-decoration: underline;}
#right-column-products a:hover {color: #45912f; text-decoration: none;}
#right-column-products a:active {color: #45912f; text-decoration: underline;}

/* About Page */

#left-column-about { float: left; margin: 0; padding: 0px 4px 6px 10px; width: 250px;}

#right-column-about { float: right; padding: 10px; margin-right: 14px; width: 470px;}

#left-column-home {float: left; padding: 6px 3px 6px 20px; width: 350px;}

#right-column-home {text-align: left; margin-right: 5px; float: right; padding: 6px; width: 400px;}


/* Search Functions */

#request-button { float: none; border-color: #7f7f7f; width: 215px; margin: 0px; padding: 3px; text-transform: uppercase; color: #868686; font-size: 13px; background-color: white; border-style: solid; border-width: 1px; }

#home-sidebar p { color: #ff0816; }

#search-distributor-header{background: transparent url(/2008images/wbt-dist-search.png) no-repeat top left; height: 50px; margin: 0; padding: 0;}

/* Ie */

#search-form{padding-left: 160px; padding-bottom: 0; padding-right: 0; padding-top: 14px; margin: 0px;}

#search-products-header{background: transparent url(/2008images/wbt-product-search.png) no-repeat top left; height: 50px; margin: 0; padding: 0;}

#search-products-header-form{padding-left: 160px; padding-bottom: 0; padding-right: 0; padding-top: 14px; margin: 0px;}

#search-distributor-header-form {padding-left: 190px; padding-bottom: 0; padding-right: 0; padding-top: 14px; margin: 0;}


/* Sidebar */

div#side-nav	{
	height: 200px;
	width: 140px;
	margin: 0px;
	padding: 0px;
	border: 0;
	}



div#side-nav ul#side-menu	{
	height: 200px;
	width: 140px;
	background: transparent url(images/apf-submenu.png) no-repeat top left;
	margin: 0;
	padding: 0;
	position: relative;
}

div#side-nav ul#side-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0;
	}

ul#side-menu li, ul#side-menu a {
	height: 30px;
	display: block;
border: none;
}
  div#side-nav ul#side-menu li a {
	text-indent: -5000px;
	text-decoration: none;
	border: none;
	}

	
#side-one	{left: 0px;  width: 140px; height: px; } 
#side-two	{left: 0px; width: 140px; height: 40px; } 
#side-three {left: 0px; width: 140px; height: 25px; } 
#side-four {left: 0px; width: 140px; height: 25px; }  
#side-five {left: 0px; width: 210px; height: 25px; }  


#side-one a:hover {text-decoration: none; background: transparent url(images/apf-submenu.png) -150px -0px no-repeat;}
#side-two a:hover {text-decoration: none; background: transparent url(images/apf-submenu.png) -150px -30px no-repeat;}
#side-three a:hover {text-decoration: none; background: transparent url(images/apf-submenu.png) -150px -60px no-repeat;}
#side-four a:hover {text-decoration: none; background: transparent url(images/apf-submenu.png) -150px -90px no-repeat;}
#side-five a:hover {text-decoration: none; background: transparent url(images/apf-submenu.png) -150px -120px no-repeat;}


body#virgin #side-one {background: transparent url(images/apf-submenu.png) -150px -0px no-repeat;}
body#Cane #side-one {background: transparent url(images/apf-submenu.png) -150px -0px no-repeat;}
body#Lucerne #side-two {background: transparent url(images/apf-submenu.png) -150px -30px no-repeat;}
body#Teatree #side-three {background: transparent url(images/apf-submenu.png) -150px -60px no-repeat;}
body#Straw #side-four {background: transparent url(images/apf-submenu.png) -150px -90px no-repeat;}
body#Peastraw #side-five {background: transparent url(images/apf-submenu.png) -150px -120px no-repeat;}


/* Products Sidebar 2 */

div#side-nav-products-2	{
	height: 200px;
	width: 140px;
	margin: 0px;
	padding: 0px;
	border: 0;
	}



div#side-nav-products-2 ul#side-menu-products-2	{
	height: 200px;
	width: 140px;
	background: transparent url(images/apf-submenu-products.png) no-repeat top left;
	margin: 0;
	padding: 0;
	position: relative;
}

div#side-nav-products-2 ul#side-menu-products-2 li {
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0;
	}

ul#side-menu-products-2 li, ul#side-menu-products-2 a {
	height: 30px;
	display: block;
border: none;
}
  div#side-nav-products-2 ul#side-menu-products-2 li a {
	text-indent: -5000px;
	text-decoration: none;
	border: none;
	}

	
#side-one-2	{left: 0px;  width: 140px; height: px; } 
#side-two-2	{left: 0px; width: 140px; height: 40px; } 
#side-three-2 {left: 0px; width: 140px; height: 25px; } 


#side-one-2 a:hover {text-decoration: none; background: transparent url(images/apf-submenu-products.png) -150px -0px no-repeat;}
#side-two-2 a:hover {text-decoration: none; background: transparent url(images/apf-submenu-products.png) -150px -30px no-repeat;}
#side-three-2 a:hover {text-decoration: none; background: transparent url(images/apf-submenu-products.png) -150px -60px no-repeat;}

body#hydro-mulch #side-one-2 {background: transparent url(images/apf-submenu-products.png) -150px -0px no-repeat;}
body#roof-insulation #side-two-2 {background: transparent url(images/apf-submenu-products.png) -150px -30px no-repeat;}
body#chaff #side-three-2 {background: transparent url(images/apf-submenu-products.png) -150px -60px no-repeat;}




/* Products Sidebar */

div#products-side-nav	{
	height: 25px;
	width: 140px;
	margin: 0px;
	padding: 0px;
	border: 0;
	}



div#products-side-nav ul#products-side-menu	{
	height: 200px;
	width: 140px;
	background: transparent url(images/apf-products-submenu.png) no-repeat top left;
	margin: 0;
	padding: 0;
	position: relative;
}

div#products-side-nav ul#products-side-menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0;
	}

ul#products-side-menu li, ul#products-side-menu a {
	height: 30px;
	display: block;
border: none;
}
  div#products-side-nav ul#products-side-menu li a {
	text-indent: -5000px;
	text-decoration: none;
	border: none;
	}

	
#products-side-one	{left: 0px; width: 140px; height: 29px;} 
#products-side-two	{left: 0px; width: 140px;} 
#products-side-three {left: 0px; width: 140px;} 
#products-side-four {left: 0px; width: 140px;} 
#products-side-five {left: 0px; width: 140px;} 
#products-side-six {left: 0px; width: 140px;} 

#products-side-one a:hover {text-decoration: none; background: transparent url(images/apf-products-submenu.png) -150px -0px no-repeat;}
#products-side-two a:hover {text-decoration: none; background: transparent url(images/apf-products-submenu.png) -150px -30px no-repeat;}
#products-side-three a:hover {text-decoration: none; background: transparent url(images/apf-products-submenu.png) -150px -60px no-repeat;}
#products-side-four a:hover {text-decoration: none; background: transparent url(images/apf-products-submenu.png) -150px -90px no-repeat;}
#products-side-five a:hover {text-decoration: none; background: transparent url(images/apf-products-submenu.png) -150px -120px no-repeat;}
#products-side-six a:hover {text-decoration: none; background: transparent url(images/apf-products-submenu.png) -150px -150px no-repeat;}

body#palletizers #products-side-one {background: transparent url(images/apf-products-submenu.png) -150px -0px no-repeat;}
body#filling #products-side-two {background: transparent url(images/apf-products-submenu.png) -150px -30x no-repeat;}
body#stretch #products-side-three {background: transparent url(images/apf-products-submenu.png) -150px -60x no-repeat;}
body#conveyors #products-side-four {background: transparent url(images/apf-products-submenu.png) -150px -90px no-repeat;}
body#dryers #products-side-five {background: transparent url(images/apf-products-submenu.png) -150px -120px no-repeat;}
body#grinders #products-side-six {background: transparent url(images/apf-products-submenu.png) -150px -150px no-repeat;}

/* Navigation */

div#nav	{
	height: 25px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	border: 0;
	}



div#nav ul#top_menu	{
	height: 25px;
	width: 800px;
	/*background: transparent url(images/apf-nav.png) no-repeat top left;*/
	margin: 0;
	padding: 0;
	position: relative;
}

div#nav ul#top_menu li {
	margin: 0;
	padding: 0;
	/*list-style: none;*/
	position: absolute;
	top: 0;
	}
	ul#menu li, ul#top_menu a {
	height: 25px;
	display: block;
border: none;
}
  div#nav ul#top_menu li a {
	/*text-indent: -5000px;*/
	text-decoration: none;
	border: none;
	}

	
#one	{left: 23px; width: 53px;} 
#two	{left: 73px; width: 65px;} 
#three{left: 135px; width: 46px;} 
#four {left: 179px; width: 78px;} 
#five {left: 255px; width: 162px;} 
#six {left: 415px; width: 93px;} 
#seven {left: 507px; width: 81px;} 
#eight {left: 585px; width: 71px;} 


#one a:hover {text-decoration: none; background: transparent url(images/apf-nav.png) -23px -25px no-repeat;}
#two a:hover {text-decoration: none;background: transparent url(images/apf-nav.png) -73px -25px no-repeat;}
#three a:hover {text-decoration: none;background: transparent url(images/apf-nav.png) -135px -25px no-repeat;}
#four a:hover {text-decoration: none;background: transparent url(images/apf-nav.png) -179px -25px no-repeat;}
#five a:hover {text-decoration: none;background: transparent url(images/apf-nav.png) -255px -25px no-repeat;}
#six a:hover {text-decoration: none;background: transparent url(images/apf-nav.png) -415px -25px no-repeat;}
#seven a:hover {text-decoration: none;background: transparent url(images/apf-nav.png) -507px -25px no-repeat;}
#eight a:hover {text-decoration: none;background: transparent url(images/apf-nav.png) -585px -25px no-repeat;}

/* You are here */

body#home #one {background: transparent url(images/apf-nav.png) -23px -25px no-repeat;}
body#about #two {background: transparent url(images/apf-nav.png) -73px -25px no-repeat;}
body#news #three {background: transparent url(images/apf-nav.png) -135px -25px no-repeat;}
body#Straw #four {background: transparent url(images/apf-nav.png) -179px -25px no-repeat;}
body#Teatree #four {background: transparent url(images/apf-nav.png) -179px -25px no-repeat;}
body#Cane #four {background: transparent url(images/apf-nav.png) -179px -25px no-repeat;}
body#Lucerne #four {background: transparent url(images/apf-nav.png) -179px -25px no-repeat;}

body#products #five {background: transparent url(images/apf-nav.png) -255px -25px no-repeat;}
body#palletisers #five {background: transparent url(images/apf-nav.png) -255px -25px no-repeat;}
body#palletizers #five {background: transparent url(images/apf-nav.png) -255px -25px no-repeat;}
body#stretch #five {background: transparent url(images/apf-nav.png) -255px -25px no-repeat;}
body#conveyors #five {background: transparent url(images/apf-nav.png) -255px -25px no-repeat;}
body#dryers #five {background: transparent url(images/apf-nav.png) -255px -25px no-repeat;}
body#grinders #five {background: transparent url(images/apf-nav.png) -255px -25px no-repeat;}

body#roofinsulation #six {background: transparent url(images/apf-nav.png) -415px -25px no-repeat;}
body#hydromulch #seven {background: transparent url(images/apf-nav.png) -507px -25px no-repeat;}
body#contact #eight {background: transparent url(images/apf-nav.png) -585px -25px no-repeat;}



/* Navigation 

div#nav	{
	height: 25px;
	width: 800px;
	margin: 0px;
	padding: 0px;
	border: 0;
	}



div#nav ul#top_menu	{
	height: 25px;
	width: 800px;
	background: transparent url(images/apf-nav.png) no-repeat top left;
	margin: 0;
	padding: 0;
	position: relative;
}

div#nav ul#top_menu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	ul#menu li, ul#top_menu a {
	height: 25px;
	display: block;
border: none;
}
  div#nav ul#top_menu li a {
	text-indent: -5000px;
	text-decoration: none;
	border: none;
	}

	
#one	{left: 23px; width: 53px;} 
#two	{left: 73px; width: 65px;} 
#three{left: 135px; width: 46px;} 
#four {left: 179px; width: 78px;} 
#five {left: 254px; width: 66px;} 
#six {left: 317px; width: 194px;} 
#seven {left: 510px; width: 80px;} 


#one a:hover {text-decoration: none; background: transparent url(images/apf-nav.png) -23px -25px no-repeat;}
#two a:hover {text-decoration: none;background: transparent url(images/apf-nav.png) -73px -25px no-repeat;}
#three a:hover {text-decoration: none;background: transparent url(images/apf-nav.png) -135px -25px no-repeat;}
#four a:hover {text-decoration: none;background: transparent url(images/apf-nav.png) -179px -25px no-repeat;}
#five a:hover {text-decoration: none;background: transparent url(images/apf-nav.png) -254px -25px no-repeat;}
#six a:hover {text-decoration: none;background: transparent url(images/apf-nav.png) -317px -25px no-repeat;}
#seven a:hover {text-decoration: none;background: transparent url(images/apf-nav.png) -510px -25px no-repeat;}



body#home #one {background: transparent url(images/apf-nav.png) -23px -25px no-repeat;}
body#about #two {background: transparent url(images/apf-nav.png) -73px -25px no-repeat;}
body#news #three {background: transparent url(images/apf-nav.png) -135px -25px no-repeat;}
body#Straw #four {background: transparent url(images/apf-nav.png) -179px -25px no-repeat;}
body#Teatree #four {background: transparent url(images/apf-nav.png) -179px -25px no-repeat;}
body#Cane #four {background: transparent url(images/apf-nav.png) -179px -25px no-repeat;}
body#Lucerne #four {background: transparent url(images/apf-nav.png) -179px -25px no-repeat;}
body#products #five {background: transparent url(images/apf-nav.png) -254px -25px no-repeat;}
body#hydro-mulch #five {background: transparent url(images/apf-nav.png) -254px -25px no-repeat;}
body#roof-insulation #five {background: transparent url(images/apf-nav.png) -254px -25px no-repeat;}
body#chaff #five {background: transparent url(images/apf-nav.png) -254px -25px no-repeat;}
body#palletisers #six {background: transparent url(images/apf-nav.png) -317px -25px no-repeat;}
body#palletizers #six {background: transparent url(images/apf-nav.png) -317px -25px no-repeat;}
body#stretch #six {background: transparent url(images/apf-nav.png) -317px -25px no-repeat;}
body#conveyors #six {background: transparent url(images/apf-nav.png) -317px -25px no-repeat;}
body#dryers #six {background: transparent url(images/apf-nav.png) -317px -25px no-repeat;}
body#grinders #six {background: transparent url(images/apf-nav.png) -317px -25px no-repeat;}
body#contact #seven {background: transparent url(images/apf-nav.png) -510px -25px no-repeat;}

*/

/* ----------- Headers ------------------- */

h1{margin-left: 0; margin-bottom: 2px; margin-right: 0; margin-top: 0px; padding-bottom: 1px; color: #fff; text-transform:  uppercase; font-size: 115%; line-height: 20px;}

                                                                                                                                                                    

h2{ color: #fff; margin-left: 0; margin-bottom: 2px; margin-right: 0; margin-top: 1px; padding-left: 6px; padding-bottom: 10px; padding-top: 10px; text-transform: capitalize; font-size: 125%; line-height: 20px;}


h3{ padding: 1px; margin-left: 0; margin-bottom: 5px; margin-right: 0; margin-top: 0; color: white; font-size: 125%;}

h4{margin: 0 0 5px; padding: 4px 0px 4px 0px; color: #939393; font-size: 122%;
	opacity: 0.62;
	text-transform: uppercase;
}

h5{
	color: black; 
    font-size: 112%; 
    padding: 0px 0 6px; 
    line-height: 20px;
	margin: 0 0 8px;
text-transform: uppercase;
}

h6{color: red; font-size: 105%; margin: 2px 0;  border: 1px solid red; padding: 4px;}

/* ----------- Links ------------------- */

a:link { color: #45912f; text-decoration: underline;}
a:visited {color: #326a22; text-decoration: underline;}
a:hover {color: #fff; text-decoration: none;}
a:active {color: #666666; text-decoration: underline;}

img {border: 0;}


/* Layout  */

body, html {

		font: 12px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
		margin: 0px;
		background: #666 top repeat-x;
		color: #27521b;
line-height: 24px;
}
	body {
		min-width:500px;
	}
	#wrap {
		
		background-image: url(images/apf-bkg.png);
		
		padding: 0px;
		
		margin:0 auto;
		width: 800px;

	}


#header {background-image: url(images/apf-header.png); margin: 0px; padding: 0; width: 800px; height: 125px;}

#header-products {background-image: url(images/apf-header-p.png); margin: 0px; padding: 0;  height: 125px;}

    
/* Main Content */

#main {
   		color: white;
   		margin-left: 6px;
   		margin-bottom: 0;
   		margin-right: 0;
   		margin-top: 2px;
   		float: left;
		width: 720px;
        padding: 0px;
	}
#main p {
		padding: 0;
    }
#main ul{margin: 0px; padding: 0px 8px 8px 18px;}



/* Sidebar Right */

#sidebar {
 
            
margin-left: 10px;
                
margin-bottom: 0;
                
margin-right: 0;
                
margin-top: 0;
                
float: right;
width: 250px;
padding: 0;
	}


#sidebar ul {
margin:0;
padding: 0;
list-style-type: none;
padding: 0;

    }
    #sidebar h3, #sidebar p {
		padding:0;
    }


#footer {
background: no-repeat;
text-align: center;
line-height: 18px;
padding: 0 0 0 10px;
clear:both;
margin: 0;
	}
	#footer p {
		padding:5px;
		margin:0;
    }
#credits {width: 975; text-transform: capatilize; margin: 10px 5px 0px 10px; color: white; text-align: center; border-top: 1px solid #ccc; 
padding: 0px;}


#credits p {text-transform: capatilize; margin: 2px; text-align: center; padding: 2px; font-size: 100%;}


#credits a:link { color: white; text-decoration: underline;}
#credits a:visited {color: white; text-decoration: underline;}
#credits a:hover {color: red; text-decoration: none;}
#credits a:active {color: gray; text-decoration: none;}


.form { font: 10px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; border-color: #cccccc; border-style: solid; border-width: 1px; }
.button { margin: 1px; padding: 2px; text-transform: capitalize; color: white; font-size: 10px; background-color: #cccccc; border-style: none; font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;}


img.leftFeatureScaled {
  width: 100%;
  padding: 10px 10px 10px 0px;
}



div.figure {
  float: left;
  width: 20%;
  margin: 0;
  padding: 0 8px 0 0;
}

div.figureDetail {
  float: left;
  width: 30%;
  margin: 0;
  padding: 0 8px 5px 0;
}

img.scaled {
  width: 100%;
}

.product-text {
	margin: 20px 0px; clear:both;
}

.product-list {
	height: 200px;
}

.mulch-images {
	margin-bottom: 5px;
	padding-left: 3px;
	padding-bottom: 0px;
	padding-right: 3px;
	padding-top: 0px;
	margin-right: 10px;
	margin-left: 1px;
	float: right;
}

/* Pages */


div.page-images {
  float: left;
  width: 110%;
  margin: 4px 0 4px 0;
  padding: 0 8px 5px 0;
}

img.scaled-page-images {
  width: 100%;

}

/* Dropdown */

#dropmenudiv{
position:absolute;
border-bottom-width: 0;
line-height:20px;
border-bottom: 1px solid #ddd;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid #ddd;
padding: 1px 0px;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #bbb;
}

.image-center{
	text-align: center;
}





























/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/* version 2.0 of APF website */



div.MainNav {
	float:left;
	width:100%;
	background:#FFFFFF;
	overflow:hidden;
	position:relative;
	background: #B4B6B8;
}

ul.MainNavMenu {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}
ul.MainNavMenu li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
	background: #B4B6B8;
	color: #FFFFFF;
}
ul.MainNavMenu li a {
	display:block;
	background: #B4B6B8;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration:none;
	line-height:1.3em;
	font-size: 12px;
	padding: 4px 8px 4px 8px;
	
}

ul.MainNavMenu li a:hover, ul.MainNavMenu li a.active {
	color: #FFFFFF;
	background: #6FA542;
}


/******************************************************************************/

div.SideNav {
	width:100%;
	background:#FFFFFF;
	overflow:hidden;
	position:relative;
	background: #B4B6B8;
}

ul.SideNavMenu {
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:left;
}
ul.SideNavMenu li {
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
	background: #5F9837;
	color: #FFFFFF;
}
ul.SideNavMenu li a {
	display:block;
	background: #5F9837;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration:none;
	line-height:1.3em;
	font-size: 12px;
	padding: 6px 8px 6px 8px;
}

ul.SideNavMenu li a:hover, ul.SideNavMenu li a.active {
	color: #FFFFFF;
	background: #8DB46E;
}