/* ---------------------------------------- CSS INFORMATION ---------------------------------------- */
/* Author: Design & Usability (GSS) 
/* Relationship / Project: CSS for www.AsgrowAndDekalb.com 
/* Version History: October 11, 2007 
/* Media: Screen and Print 
/* Comments: This is the homepage layout file used for computer screens and printers.
/* ------------------------------------------------------------------------------------------------- */

/* ---------------------------------------- DIV CONTROLS ---------------------------------------- */
div#content_wrapper {
	background: #fffef2 no-repeat 100% 100%; /* 000 */
	margin: 20px 20px 0px 20px;
	padding: 0;
}
div#column-1 {
	background: none;
	float: left;
}
div#column-2 {
	float: left;
    background: #fffef2  100% 0%;
}


/* ====== start seo ====== */
div#seo_wrapper {
	width:660px;
	margin: 0;
	padding: 0;
	background-color:#fff;
	/*background: #fff url(/web/images/seo_image_gradient.gif) repeat-y;*/
}
div#seo {
	padding:0 15px 5px 240px;
	margin:0;
	background: transparent url(/web/images/seo_image.jpg) no-repeat;
}
div#seo h3{
	font-size: 1.5em;
	color: #336666;
	font-weight: bold;
	margin:0;
	padding:0;
}
div#seo p{
	margin:0;
	padding:0;
}
/* ====== end seo ====== */


/* ====== start yield data ====== */
div#yield_data_wrapper {
	width: 640px;
	margin:0;
	padding:0 10px 10px 10px;
}
div#yield_data_unknown_wrapper {
	width: 640px;
	margin:0;
	padding:0 10px 10px 10px;
	border-top: 3px solid #b2b2b2;
	background-color: #f5f3e6;
}
div#yield_data_map {
	float:left;
	border: 1px solid #333;
	width: 300px; 
	height: 280px;
	margin:10px 0 0 0;
}
/*div#yield_data_map_unknown {
	float:left;
}*/
div#yield_data_content, div#yield_data_content_unknown {
	float:left;
	margin:0;
	padding:3px 0 0 10px;
	width:325px;
}
div#yield_data_content p, div#yield_data_content_unknown p {
	line-height: 1em;
}
div#yield_data_content h3, div#yield_data_content_unknown h3 {
	font-size: 1.3em;
	line-height:1.2em;
	color:#993300;
	margin:0;
	padding:0 0 5px 0;	
}
div#yield_data_content ul, div#yield_data_content_unknown ul {
	margin: 0px;
	padding: 5px 0 0 15px;
}
div#yield_data_content ul li, div#yield_data_content_unknown ul li {
	list-style:none;
	list-style-position:inherit;
	border-bottom: 1px solid #ccc;
	padding:5px;
}
div#yield_data_zip_wrapper {
	width:640px;
	border-top: 3px solid #b2b2b2;
	border-bottom: 1px dashed #b2b2b2;
	padding:5px 10px 7px 10px;
	background-color: #f5f3e6; /*f5f3e6*/
}
div#yield_data_zip {
	float: left;
	font-weight: bold;
}
div#yield_data_compare {
	float:right;
	font-weight: normal;
	font-size: 1em;
/*	margin:15px 0 0 0;*/
	padding:0px 0 2px 45px;
	background: transparent url(/web/images/icon_compare.gif) no-repeat; /* #f5f3e6 */
}
div#yield_data_zip_unknown {
	font-weight: normal;
	font-size: 1em;
	font-weight: bold;
	color: #a15b3a;
	padding: 10px 0;
	margin: 40px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
div#yield_data_content #expand_map {
	margin:10px 0;
	padding: 0 0 0 18px;
	background: url(/web/images/icon_arrows.gif) no-repeat 0 5px;
}

div#yield_data_content #additional_reports #ap_column-1 ul li, div#yield_data_content #additional_reports #ap_column-2 ul li {
	list-style: disc;
	border: none;
	margin:1px 20px;
	padding:0;
}
div#yield_data_content #featured {
	border-bottom: 1px solid #ccc; 
	width: 100%;
	padding:0 0 2px 0;
}
div#yield_data_content ul{
	margin: 0;
	padding:0;
}

div#yield_data_content ul li#a, div#yield_data_content ul li#b, div#yield_data_content ul li#c{
	list-style:none;
	padding:0 0 0 25px;
	height: 45px;
}
div#yield_data_content ul li#a{
	background: url(/web/images/icon_map_a.gif) no-repeat 0 5px;
}
div#yield_data_content ul li#b{
	background: url(/web/images/icon_map_b.gif) no-repeat 0 5px;
}
div#yield_data_content ul li#c{
	background: url(/web/images/icon_map_c.gif) no-repeat 0 5px;
}
/* ====== end yield data ====== */

/* ====== start rich media navigation ====== */
#rich_media_navigation {
	width: 660px;
	height: 40px;
	margin: 0;
	padding: 0 0 10px 0;
	float: left;
	background: #e7e7d0 url(/web/images/bg_rm_navigation.gif) repeat-x;
}
#rm_nav {
	padding: 0 20px 0 0;
}
#rm_nav ul {
	padding: 0;
}
#rm_nav, #rm_nav ul {
	margin: 0;
	list-style: none;
/*	float: right;*/
}
#rm_nav a {
	display: block;
	height: 40px;
}
#rm_nav li ul li a {
	height:40px;
}
#rm_nav li {
	float: left;
}
#rm_nav li span {
	position: absolute;
	left: -999em;
}
#rm_nav li ul {
	position: absolute;
	width: 5em;
	left: -999em;
	background: #dfe0db;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
}
#rm_nav li:hover, #rm_nav li.sfhover {
	background-color: #5d8941;
}
#rm_nav li ul li {
	background: #3f731e;
	background-image: none;
	width: 15em;
	padding: 5px;
}
#rm_nav li ul li a {	
	padding: 0 0 0 10px;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
/*	background: transparent url(/web/images/nav_arrows.gif) no-repeat 0px 4px;*/
}
#rm_nav li ul li a:hover {
	color: #fff;
}
#rm_nav li:hover {
	left: auto;
	top: 2px;
}
#rm_nav li:hover ul, #rm_nav li.sfhover ul {
	left: auto;
	margin-top: -5px;
}
#rm_nav #rm_highlights {
	width: 105px; 
	background: transparent url(/web/images/nav_highlights.gif) no-repeat;
}
#rm_nav #rm_asgrow {
	width: 96px; 
	background: transparent url(/web/images/nav_asgrow.gif) no-repeat;
}
#rm_nav #rm_dekalb { 
	width: 96px;
	background: transparent url(/web/images/nav_dekalb_end.gif) no-repeat;
}
#rm_nav #rm_featured_products {
	width: 124px; 
	background: transparent url(/web/images/nav_featured_products.gif) no-repeat;
}
#rm_nav #rm_highlights.on, #rm_nav #rm_asgrow.on, #rm_nav #rm_dekalb.on, #rm_nav #rm_featured_products.on {
	background-position: 0 -40px;
}
#rm_nav #rm_highlights.off, #rm_nav #rm_asgrow.off, #rm_nav #rm_dekalb.off, #rm_nav #rm_featured_products.off {
	background-position: 0 0;
}
#rm_nav #rm_highlights:hover, #rm_nav #rm_asgrow:hover, #rm_nav #rm_dekalb:hover, #rm_nav #rm_featured_products:hover {
	background-position: 0 -40px;
}

#theatre {   /****** this is for the rotating images for the highlights section ****/
	padding: 2px;
	float: left;
	height: 275px;
	width: 350px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 1px solid #CCCCCC;
}

/* ====== start rich media ====== */
div#rich_media_wrapper {
	background: #e7e7d0;
	width: 640px;
	padding: 0 10px 10px 10px;
	margin: 0px;
    height: 553px;
}
div#rm_highlights_content {
	display: none;
}
div#rm_highlights_content #image {
	float:left;
}
div#rm_highlights_content #image img {
	border:3px solid #fff;
}
div#rm_highlights_content #text {
	float:left;
	padding:0 0px 10px 25px;
	width:270px;
}
div#rm_highlights_content #text ul li{
	padding:0 0 10px 0;
}
div#rm_highlights_content h4{
	color:#993300; 
}
div#rm_highlights_content h4 strong{
	font-size:101%
}

div#rm_asgrow_content {
	margin:0;
	padding:0;
}
div#rm_dekalb_content {
	display: none;
}
div#rm_featured_products_content {
	display: none;
}
div#video {
	float:left;
	width:400px;
}
div#video_text {
	float:left;
	margin:0;
	width:220px;
	padding: 0 0 0 10px;
}
div#video_text h3{
	font-size: 130%;
	color: #993300;
	margin: 0;
	padding: 0;
}
div#video_text h4{
	font-size: 1em;
	color: #000;
	margin: 0;
	padding:0;
}
div#video_text h5{
	font-size: .8em;
	color: #000;
	margin: 0;
	padding:0 0 10px 0;
}
.promotion_wrapper {
	background-color: #eeeede;
	padding: 10px;
	margin: 10px 0 0 0;
	width:620px;
}
.promo_column-1 {
	float: left;
	width: 290px;
	margin: 0 20px 0 0;
}
.promo_column-2 {
	float: left;
	width: 290px;
}
.promo_column-1 .image, .promo_column-2 .image {
}

.promo_column-1 img, .promo_column-2 img {
	border: 2px solid #fff;
	float: left;
	margin-right: 10px;
}

.promo_column-1 a, .promo_column-2 a {
	font-weight:bold;
}

#featured_column-1 {
	float: left;
	width: 300px;
}
#featured_column-2 {
	float: right;
	width: 300px;
}
#featured_column-1 .text h3, #featured_column-2 .text h3 {
	font-size: 1.3em;
	color:#993300;
	margin:0;
	padding:0;	
}
#featured_column-1 .product, #featured_column-2 .product {
	padding:0 0 20px 0;
}
#featured_column-1 .product .name, #featured_column-2 .product .name {
	float:left;
	width:100px;
	font-weight:bold;
}
#featured_column-1 .product .name span, #featured_column-2 .product .name span {
	display:block;
	text-transform:uppercase;
	color: #993300;
}
#featured_column-1 .product .benefits, #featured_column-2 .product .benefits {
	float:left;
}

#featured_column-1 .logo, #featured_column-2 .logo {
	float:left;
	width:100px;
}
#featured_column-1 .text, #featured_column-2 .text {
	float:left;
	width:175px;
}

#featured_column-1 .product .benefits ul, #featured_column-2 .product .benefits ul {
	margin: 0 0 0 10px;
	padding: 0 0 10px 0;
	list-style-position:inside;
	width:175px;
}

#featured_column-1 .product .benefits ul li, #featured_column-2 .product .benefits ul li{
	padding: 0 0 5px 0;
}

#fp_seed_resource_guide {
	background-color: #eeeede;
	padding: 5px;
	text-align:center;
}
#fp_seed_resource_guide img{
	vertical-align:middle;
}
#fp_seed_resource_guide a{
	margin:0 0 0 5px;
}

/* ====== start related information ====== */
div#related_information {
	width:275px;
	margin:10px 0 10px 0px;
	padding:10px 0 0 10px;
	background: transparent url(/web/images/bg_dashed_line.gif) repeat-x 100% 0%;
}
div#related_information h3 {
	font-size: 1.3em;
	line-height:1.2em;
	color:#993300;
	margin: 0;
	padding:10px 0;
}
div#related_information ul {
	margin:0;
	padding:0;
}
div#related_information ul li {
	list-style: none;
	background: transparent url(/web/images/icon_arrows.gif) no-repeat 0px 4px;
	padding: 0 0 5px 15px;
}

/* ====== START GROWING KNOWLEDGE ====== */
/*div#growingknowledge_footer {*/
	/*width:275px;*/
	/*margin:2px 0 0px 0px;*/
	/*padding:3px 0 0 10px;*/
	/*background: transparent url(/web/images/bg_dashed_line.gif) repeat-x 100% 0%;*/
/*}*/
/*div#growingknowledge_footer h3 {*/
	/*font-size: 1.3em;*/
	/*line-height:1.2em;*/
	/*color:#993300;*/
/*}*/
/*div#growingknowledge_footer ul  {*/

    /*padding: 0 15px 0 60px;*/
/*}*/
/*div#growingknowledge_footer ul li {*/
	/*list-style: none;*/
	/*background: transparent url(/web/images/icon_arrows.gif) no-repeat 0px 4px;*/
    /*padding: 0 0 0px 15px;*/
/*}*/
/* ======= END GROWING KNOWLEDGE  ======== */

/* ---------------------------------------- ELEMENTS ---------------------------------------- */

/* ---------------------------------------- ID'S ---------------------------------------- */
#link_catalog {
	font-size: 1.2em;
	font-weight:bold;
	margin: 0;
	padding:30px 0 0 0;
}
#product_message {
	width:275px;
	margin:0;
	padding:5px;
  background: transparent url(/web/images/bg_dashed_line.gif) repeat-x 100% 0%;
}

#product_message img{
	float:left;
	padding: 0 10px 0 0;
}
div#product_message h3, #home_box2 h3  {
	background: transparent url(/web/images/hr_home_column-2.gif) repeat-x;
	font-size: 1.3em;
	line-height:1.2em;
	color:#993300;
	margin: 0 0 0 10px;
	padding:10px 0 10px 0;
}

#home_box2 {
	width:275px;
	margin:0;
	padding:5px;
  background: transparent url(/web/images/bg_dashed_line.gif) repeat-x 100% 0%;
}

#home_box1, #home_box3  {
    background: transparent url(/web/images/bg_dashed_line.gif) repeat-x 100% 0%;
	width:270px;
	margin:0;
	padding:10px 5px 8px 10px;
}

div#home_box1 h3, div#home_box3 h3{
	background: transparent url(/web/images/hr_home_column-2.gif) repeat-x;
	font-size: 1.3em;
	line-height:1.2em;
	color:#993300;
	margin: 0 0 0 3px;
	padding:10px 0 10px 0;
}


/* ---------------------------------------- CLASSES ---------------------------------------- */
.icon_catalog {
	vertical-align:middle;
}
.dealer_access {
	margin: 10px 0 0 30px;
	padding: 0 0 0 35px;
	list-style: none;
	background: transparent url(/web/images/icon_lock.gif) no-repeat 0 5px;
}
.dealer_access em {
	margin: 5px 0 0 0;
	display: block;
	font-style: normal;
	font-weight: normal;
	line-height: 12px;
}

#additional_reports {
	float: left;
}

#additional_reports #ap_column-1, #additional_reports #ap_column-2 {
	float: left;
	width: 160px;
}



/* ====== start content close ====== */
div#content_close_wrapper {
	height:20px;
	padding:0 0 0 660px;
	margin: 0 20px 20px 20px;
	background: transparent url(/web/images/bg_content_home_b-1.gif) no-repeat;
}
div#content_close {
	height: 20px;
	margin: 0 0 0 0px;
	padding: 0;
	background: transparent url(/web/images/bg_content_home_b-2.gif) no-repeat bottom right;
}
/* ====== end content close ====== */

div.bodyTextWrapper {
    width:202px;
    font-family: Arial;
    font-size: 12px;
    line-height:15px;
    color: #333333;
    margin:0px 0px 0px 8px;
    text-align:left;
    z-index:1
}

.bodyTextCaption {
    position:relative;
    top:0px;
    font-family:Arial;
    font-size: 16px;
    font-weight:bold;
    color: #993300;
    line-height:18px;
}

.bodyTextSubCaption {
    position:relative;
    top:0px;
    font-family:Arial;
    font-size: 12px;
    font-weight:bold;
    color: #000000;
    line-height:18px;
}

/*------------------------------------------ Carousel --------------------------------------------- */
/* -------------------------- Carousel Ad Styles -------------------------- */

.wrapper {
	position: relative;
	height: 330px;
	margin: 0;
	width: 935px;
}
.slides {
	height: 330px;
	margin: 0;
	width: 780px;
}

/*----------------------- Carousel Nav (Main) Styles -----------------------*/

ul {
}

.slidenavigation {
	list-style-type: none;
	width: 194px;
    list-style: none;
}

.slidenavigation li {
	float: left;
}

.slidenavigation li a {
	display: block;
}

.slidenavigation a {
	position: absolute;
	float: left;
	outline: 0;
	left: 741px;
	z-index: 1000;
	height: 55px;
	width: 194px;
	text-decoration: none;
	text-indent: -9999px;
}

.navOne a {
	top: 0;
	background: url(../images/button_01.gif) no-repeat right bottom;
}

.navTwo a {
	top: 55px;
	background: url(../images/button_02.gif) no-repeat right bottom;
}
.navThree a {
	top: 110px;
	background: url(../images/button_03.gif) no-repeat right bottom;
}
.navFour a {
	top: 165px;
	background: url(../images/button_04.gif) no-repeat right bottom;
}
.navFive a {
	top: 220px;
	background: url(../images/button_05.gif) no-repeat right bottom;
}
.navSix a {
	top: 275px;
	background: url(../images/button_06.gif) no-repeat right bottom;
}
.navOne a:hover {
	background: url(../images/button_01.gif) no-repeat right -55px;
}
.navTwo a:hover {
	background: url(../images/button_02.gif) no-repeat right -55px;
}
.navThree a:hover {
	background: url(../images/button_03.gif) no-repeat right -55px;
}
.navFour a:hover {
	background: url(../images/button_04.gif) no-repeat right -55px;
}
.navFive a:hover {
	background: url(../images/button_05.gif) no-repeat right -55px;
}
.navSix a:hover {
	background: url(../images/button_06.gif) no-repeat right -55px;
}
.navOne .activeSlide, .navOne .activeSlide:hover {
	background: url(../images/button_01.gif) no-repeat right top;
}
.navTwo .activeSlide, .navTwo .activeSlide:hover {
	background: url(../images/button_02.gif) no-repeat right top;
}
.navThree .activeSlide, .navThree .activeSlide:hover {
	background: url(../images/button_03.gif) no-repeat right top;
}
.navFour .activeSlide, .navFour .activeSlide:hover {
	background: url(../images/button_04.gif) no-repeat right top;
}
.navFive .activeSlide, .navFive .activeSlide:hover {
	background: url(../images/button_05.gif) no-repeat right top;
}
.navSix .activeSlide, .navSix .activeSlide:hover {
	background: url(../images/button_06.gif) no-repeat right top;
}