@import url("comments.css");

/* FOUNDATIONS
-------------------------------------------------- */
html {
	margin: 0;
	padding: 0;
	background:#fff url(/images/templates/header/background_top.gif) top repeat-x;
}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, Sans-Serif;
}


/* FOUNDATIONS: Links
-------------------------------------------------- */
a {
  color: #0D590D;
}
a:hover {
	color: #8cc63f;
}
a img{
	border:0;
	text-decoration: none;
}


/* FOUNDATIONS: Headings, Parragraphs, Lists, etc
-------------------------------------------------- */
h2 {
	font-size: 20px;
	color: #D31145;
}
h3 {
	font-size: 17px;
	color: #D31145;
}
p, li {
	font-size: 12px;
	color: #505050;
}

strong em {
  color: #d31145;
  font-style:normal;
}

/* FOUNDATIONS: Misc (Re-usable / Global) classes
-------------------------------------------------- */
.hide-from-screen {
  display: none;
}
.clear {
  clear: both;
}

/* HEADER
-------------------------------------------------- */
#header {
	height: 108px;	
	width: 903px;
  padding: 0 28px 0 32px;
  overflow: hidden;
}
#header .skip-to {
  display: none;
}
#header h1 {
  margin: 15px 0 0 0;
	width: 178px;
	height: 85px; 
	float: left;
	background: url(/images/templates/header/logo_au.gif) no-repeat;
}
#header h1 a { 
	display: block; 
	height: 85px;
}
#header h1 a span {
  display: none;
}
#header h2 {
	display: none;
}

/* HEADER: Search Form
-------------------------------------------------- */
#search_site {
  position: relative;
  float: right;
  margin: 43px 0 0 0;
  height: 20px;
  width: 172px;
}
#search_site label {
  display: none;
}
#search_site input.keywords {
  position: absolute;
	width: 136px;
	height: 20px;
	font-size: 12px;
	padding-top: 6px;
	padding-left: 4px;
	border: 0;
	background: url(/images/templates/header/search_bg.gif) top left no-repeat;
}
#search_site input.submit {
  position: absolute;
  right: 1px;
	width: 32px;
	height: 27px;
	font-size: 10px;
	border: 0;
	margin: 0;
	font-size: 5px;
	padding-left: 25px;
  cursor: pointer;
	color: #8cc63f;
	background: url(/images/templates/header/search_bg.gif) top right no-repeat;
}

/* HEADER: Navigation
-------------------------------------------------- */
#main-nav {
  clear: both;
}
#main-nav ul {  
	width: 938px;
  list-style: none;
  margin: 0;
  padding: 0 0 0 32px;
}
#main-nav ul li {
  float: left;
  font-size: 14px;
  position: relative;
}
#main-nav ul li a {
  display: block;
  float: left;
  height: 24px;
  padding: 8px 15px 0;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
}
#main-nav ul li a:hover,
#main-nav ul li a.active {  
  background: #8ab05e;
}
#main-nav ul li ul {
  top: 30px;
  left: 0;
  position: absolute;
  background: url(/images/templates/header/nav_btm.gif) bottom right no-repeat;
  list-style: none;
  margin: 0;
  padding: 0 0 8px 0;
  height: auto;
  width: 160px;
}
#main-nav ul li ul li {
  display: block;
  background: #8ab05e;
  float: none !important;
}
#main-nav ul li ul li a {
  display: block;
  float: none !important;
  height: auto;
  font-size: 13px;
  margin: 0 1px;
  padding: 5px 9px 5px 9px;
  font-weight: normal;
  border-bottom: 1px solid #8ab05e;
}
*html  #main-nav ul li ul li a {
  display: inline-block;
  width: 100%;
}
#main-nav ul ul li a:hover {
  background: #c1df99;
  color: #01590b;
  border-bottom: 1px solid #6e984c;
}

/* HEADER: Breadcrumbs
-------------------------------------------------- */
#bcbar { 
  clear: both;
  height: 26px;
  width: 929px;
  margin-left: 35px;
  background: url(/images/templates/header/bcbarbg.gif) top right no-repeat;
}
#breadcrumbs {
  margin: 0;
  padding: 6px 0 0 10px;
  float: left;
  list-style: none;
}
#breadcrumbs li {
  float: left;
  font-size: 11px;
  padding: 0 8px 0 17px;
  background: url(/images/templates/header/bc_arrow.gif) left no-repeat;
}
#breadcrumbs li a {
 text-decoration: none;
}
#breadcrumbs li.first {
  background: none;
  padding-left: 0;
}
#breadcrumbs li.first a {
  background: none;
  padding-left: 13px;
  background: url(/images/templates/header/bc_home.gif) left no-repeat;
}

/* MEMBERSHIP BOX
-------------------------------------------------- */
#membership-box { 
  float: right;
  margin: 0;
}
#membership-box p {
  margin: 0;
  padding-right: 10px;
  padding-top: 8px;
}
#membership-box ul {
  margin: 6px;
  list-style: none;
}
#membership-box li {
  float: left;
  font-size: 11px;
  padding: 0 8px;
  margin: 0;
  border-left: 1px solid #d31145;
  text-transform: capitalize;
}
#membership-box li a {
  text-decoration: none;
}


/* HEADER: Wish List
-------------------------------------------------- */
#wishlist_container {
  position: absolute;
  top: 20px;
  left: 670px;
  border-right: 1px solid green;
  padding: 0;
  margin: 0;
}
#wishlist_container a {
  display: block;
  width: 107px;
  height: 19px;
  background: url(../images/templates/btn_mywishlist.gif) no-repeat;
  margin: 6px 10px 6px 0;
  padding: 0;
}
#wishlist_container a span { display: none; }


/* CONTENT-ZONE
-------------------------------------------------- */
#content-zone {
  width: 929px; 
  padding: 14px 0 0 38px; 
}

/* CONTENT ZONE: INNER LAYOUT STUFF
-------------------------------------------------- */
#content {
  float: left;
	width: 710px;
}
body#home #content,
body#commercial #content,
body.content-video #content,
body.problem-solver-list #content,
body.seeds-landing #content {
  width: 100%;
}
body.problem-solver-landing #content {    
 	width: 706px;
}
body.problem-solver-detail #content {
  background: url(/images/templates/bg_stethoscope.jpg) top right no-repeat;
}
body.product-menu #content {
  float: right;
	 width: 672px;
}
body.seeds-landing #content {    
 	width: 650px;
 	float: left;
} 
#content-main {    
  float: right;
  width: 448px;
  margin-right: 5px;
}
#content-container {
  clear: both;
  padding: 20px 15px 0 5px;
}

/* CONTENT ZONE: Section Menu
-------------------------------------------------- */
#content-zone ul.section-menu {
  margin: 0 0 0 0; padding: 0;
  list-style: none;
}
#content-zone ul.section-menu li {
  float: left;
  background: none;
  margin-left: 6px;
}

/* CONTENT: Headings
-------------------------------------------------- */
#content-zone h1 {
	color:#00590D;
	font-size: 24px;
	margin: 0 0 10px 0;
	padding: 0;
}
body.problem-solver-landing #content h1, 
body.problem-solver-detail #content h1 { color: #B30008; }
#content h2 {
	color: #D31145;
	font-size: 16px;
	margin: 20px 0 0 0;
	padding: 0;
}
body.seeds-landing #content h2 { margin-top: 0; }
#content h3 {
	color: #D31145;
	padding: 0;
	font-size: 14px;
	margin-bottom:10px;
}
#content h4 {
	padding: 0;
	margin: 0;
	font-size:13px;
}

#content h2 a, 
#content h2 a, 
#content h3 a, 
#content h4 a {
  color:#D31145;
  text-decoration: none;
}
#content h2 a:hover, 
#content h2 a:hover, 
#content h3 a:hover, 
#content h4 a:hover {
  color: #8cc63f;
  text-decoration: underline;
}

/* CONTENT: Special Headings
-------------------------------------------------- */
#content h4.parent { margin-bottom: 5px; }
#content h4.parent a {
	padding:4px 0 0 15px;
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	text-decoration: none;
	color: #8cc63f;
	background: url(/images/templates/buttons/sub-link.gif) 0px 7px no-repeat;
}
#content h4.back-to-problem-solver a {
  color:#B30008;
	font-weight:bold;
	background: url(/images/templates/buttons/sub-link-r.gif) 0px 7px no-repeat;
}
#content h4.parent a:hover {
	color: #5a8029;
}
#content h4.section {
  margin: 0 0 4px 2px;
  font-weight: normal;
  color: #5a5a5a;
  font-style: italic;
}

#content h2.section {
	padding: 0; margin: 0 0 4px 2px;
	font-size:14px !important;
}
#content h2.section a:hover { 
  text-decoration: none; 
}
#content h2.scientific-name {
  margin-top: -12px;
  color: #5a5a5a;
	font-size:14px !important;
  font-style: italic;
  font-weight: normal;
}

/* CONTENT: Default Formatting
-------------------------------------------------- */
#content p {
	font-size: 12px;
	color: #505050;
	line-height:16px;
	padding: 10px 0 0 0;
	margin: 0 0 10px 0;
}
.garden-calendar #content img,
.content #content p img{
	margin-left:15px;
	margin-bottom:15px;
}
#content p strong {
	color:#000;
}

#content ul{
  font-size: 12px;
	color: #505050;
  padding: 0;
  margin: 10px 0 10px 5px;
}
#content ol{
  font-size: 12px;
	color: #505050;
  list-style-position: outside;
  list-style-type: decimal;
  list-style-image: none;
  padding-left:35px;
  }
#content ol li {
  list-style-position: outside;
  list-style-type: decimal;
  list-style-image: none;
  padding-left:15px;
  margin-top:5px;
}
#content ul li {
  padding: 3px 5px 5px 15px;
  display: block;
  background: url(/images/templates/ico_dot.gif) 0px 8px no-repeat;
}

#content ul.checklist li,
body.garden-guide-project #content ul li,
body.product-detail #content ul li {
  background: url(/images/templates/icon_tick.gif) 0px 5px no-repeat;
  padding: 3px 0px 5px 25px;
}
hr {
background-color:#FFFFFF;
border-bottom:1px dashed #8cc63f;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
color:#FFFFFF;
height:4px;
}

/* CONTENT: Misc (REUSABLE) Classes
-------------------------------------------------- */
#content a.pdf {
	display: block;
	color: #00590d;
	font-size: 13px;
	font-style: italic;
	text-decoration: none;
	padding: 2px 0 10px 25px;
	background: url(/images/templates/icon_pdf.gif) top left no-repeat;
}
#content a.pdf:hover {
	text-decoration: underline;
}

#content ul.section-menu {
  margin: 0; padding: 0;
  list-style: none;
}
#content ul.section-menu li {
  float: left;
  background: none;
  margin: 0; padding: 0;
}

/* CONTENT: Table
-------------------------------------------------- */
#content table {
	width:100%;
	margin-bottom: 10px;
}
#content table th {
	margin:0px;
	font-size: 12px;
	font-weight: bold;
	padding:5px 5px;
	background-color:#dfedcb;
	border-bottom: 1px solid #8CC63F;
}
#content table td {
	margin:0px;
	padding:5px 5px;
	font-size: 12px;
	background-color:#eff6e4;
}


/* CONTENT: Listing
-------------------------------------------------- */
#content .listing {
  width:710px;
  margin-top: 6px;
  padding-bottom: 12px;
  overflow: hidden;
  border-bottom:1px dashed #8cc63f;
}
#content .listing img {
  display: block;
  float: left;
}
#content .listing .content {
  margin-left: 105px;
  padding-top: 10px;
  height: 100px;
}
#content .listing .content h3,
#content .listing .content h4 {
  margin-top: 0;
}
#content .listing .content h4 {
  float: right;
	padding-top:4px;
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	color: #8cc63f;
}
#content .listing .content p {
	font-size: 12px !important;
	padding: 0 0 0 5px;
}

/* CONTENT: Featured articles
-------------------------------------------------- */
#content #features{
  clear:both;
  width:700px;
}
#content .featured-article {
  clear: left; float: left;
  width: 300px;
	margin: 10px 0 0 20px;
} 
#content .featured-article.alt {
  clear: none; float: left;
  margin-left: 50px;
}
#content .featured-article h3 a {
  text-decoration: none;
}
#content .featured-article h3.polaroid {
  height: 215px;
	padding:0 0 0 10px;
	background: url(/images/templates/polaroid_large_a.jpg) 7px 30px no-repeat;
}
#content .featured-article.alt h3.polaroid {
	background: url(/images/templates/polaroid_large_b.jpg) 9px 30px no-repeat;
}
#content .featured-article h3.polaroid img {
  display: block;
  background: #ccc;
  margin: 35px 0 0 14px;
  width: 251px; height: 120px;
}
#content .featured-article.alt h3.polaroid img {
  margin: 35px 0 0 13px;
}
#content .featured-article p {
  padding: 0 10px !important;
}

/* CONTENT: Misc
-------------------------------------------------- */
#flashvideo {
  float: left;
  padding-right: 10px;
}

#intro img,
#content img.intro {
  float: right;
  padding-left: 15px;
  padding-bottom: 15px;
}
body.problem-solver-landing #content #intro img {
  float: left;
  padding: 0 55px 0 35px;
}

#download-box {
  float: right;
  padding: 0;
  margin-left:20px;
}
#download-box p{
  padding:0; margin:0;
}

/*************************************************
 *                                               *
 *    THE FOLLOWING STYLES ARE FOR SIDEBARS      *
 *                                               *
 *************************************************/
 

/* PRIMARY SIDEBAR & SECONDARY SIDEBAR
-------------------------------------------------- */ 
#primary-sidebar {
  float: right;
	width: 180px;
}
body.product-menu #primary-sidebar {
  float: left;
	width: 200px;
  overflow: hidden;
}
#secondary-sidebar {
  float: left;
  text-align: center;
  width: 218px;
}

/* SIDE BAR: Add to wish list
-------------------------------------------------- */
#primary-sidebar .add-to-wishlist,
#secondary-sidebar .add-to-wishlist {
  margin: 0 0 15px 0;  
  background: url(/images/templates/buttons/add-to-wish-list-bt.gif) bottom center no-repeat;
}
#primary-sidebar .add-to-wishlist,
#secondary-sidebar .add-to-wishlist a {
  display: block;
  height: 23px;
  background: url(/images/templates/buttons/add-to-wish-list-bt.gif) center no-repeat;
  
}
#primary-sidebar .add-to-wishlist a:hover,
#secondary-sidebar .add-to-wishlist a:hover {
  background: url(/images/templates/buttons/add-to-wish-list-bt-o.gif) center no-repeat;
}
#primary-sidebar .add-to-wishlist a span,
#secondary-sidebar .add-to-wishlist a span {
  display: none;
}


/* SIDE BAR: Links Box (Green Box) 
-------------------------------------------------- */
#primary-sidebar .links-box {
	width: 160px;
	margin-bottom:20px;
	padding:0 10px 0 10px;
	background: url(/images/templates/right-column/content-links-bg.gif) repeat-y;
}
.seed-detail #primary-sidebar .links-box {
  text-align:center;
}
#primary-sidebar .links-box .top {
	height: 15px;
	margin:0 -10px -10px -10px;
	background: url(/images/templates/right-column/content-links-top.gif) top left no-repeat;
}
#primary-sidebar .links-box .bottom {
	height: 10px;
	margin:0 -10px 0 -10px;
	clear: both;
	background: url(/images/templates/right-column/content-links-bottom.gif) bottom left no-repeat;
}
#primary-sidebar .links-box h3 {
	margin:10px 0 10px 0;
	font-size: 15px;
	color: #0D5B10;
}
#primary-sidebar .links-box h3 a{
  text-decoration:none;
}
#primary-sidebar .links-box h4 {
	margin:0 0 10px 0;
	font-size: 12px;
	color: #0D5B10;
}
#primary-sidebar .links-box p {
	margin:0 0 10px 0;
	font-size: 11px;
	color: #505050;
}
#primary-sidebar .links-box ul {
	padding:0;
	margin: 0;
	list-style: none;
	margin-bottom:5px;
}
#primary-sidebar .links-box ul.related-seeds {
  text-align:left;
}
#primary-sidebar .links-box ul li {
	line-height: 16px;
	font-size: 11px;
	margin: 0;
	padding: 0 0 5px 11px;
	background: url(/images/templates/icon_arrow_small_grey.gif) 2px 7px no-repeat;
}
#primary-sidebar .links-box.video ul li {
	margin: 0 0 0 5px;
	display: block;
	line-height:16px;
	padding:0pt 0pt 5px 19px;
	background: url(/images/templates/icon_small_video.gif) 0px 0px no-repeat;
}
#primary-sidebar .links-box img {
  padding:0 5px 5px 0;
}
#primary-sidebar .links-box select {
  width: 160px;
}

/* SIDE BAR: Product Links (Grey Box)
-------------------------------------------------- */
#primary-sidebar .product-links {
	width: 160px;
	margin-bottom:20px;
	padding:0 10px 0 10px;
	background: url(/images/templates/right-column/product-links-bg.gif) repeat-y;
}

#primary-sidebar .product-links h3 {
  padding: 0;
  margin: 0 0 10px 0;
  text-align: center;
	color: #555555 !important;
}
#primary-sidebar .product-links ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#primary-sidebar .product-links ul li {
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
}
#primary-sidebar .product-links ul li img {
	padding:10px 0 0 0;
	text-decoration: none;
}
#priamry-sidebar .product-links ul li a {
	font-style: italic;
}
#primary-sidebar .product-links p {
  text-align: center;
  margin-top: 30px;
}
#primary-sidebar .product-links p .caption {
  text-align: center;
  display: block;
  margin-top: 10px;
  font-size: 13px;
  font-weight: bold;
}
#primary-sidebar .product-links .top {
  height: 12px;
	margin:0 -10px -10px -10px;
	background: url(/images/templates/right-column/product-links-top.gif) top left no-repeat;
}
#primary-sidebar .product-links .bottom {
	height: 12px;
	margin:0 -10px 0 -10px;
	background: url(/images/templates/right-column/product-links-bottom.gif) bottom left no-repeat;
}

/* SIDE BAR: Product Links Solution (Grey Box)
-------------------------------------------------- */
#primary-sidebar .solutions  h3 {
  font-style: italic;
  font-weight: bold;
  color: #787878;
  font-size: 22px;
  margin: 0 0 10px 0;
}
#primary-sidebar .product-links.solution h4 {
  text-align: center;
  margin: 5px 0 12px 0;
}
#primary-sidebar .product-links.solution h4 a {
  text-decoration: none;
}
#primary-sidebar .product-links.solution h4 img {
  padding-top: 10px;
  display:block;
  margin-left: 38px; 
} /* see ie.css for ie bug fixes */
#primary-sidebar .product-links.solution p {
  text-align: left;
  margin: 8px 3px 6px 3px;
}
#primary-sidebar .product-links.solution p.more {
  text-align: right;
  font-size: 11px;
}
#primary-sidebar .product-links.solution p.add-to-wishlist {
  margin-top: 15px;
}
#primary-sidebar .product-links.solution p.add-to-wishlist a {
  display: block;
  height: 23px;
}

/* FOOTER
-------------------------------------------------- */
#footer-wrap {
  clear: both;
  background: #74a336 url(../images/templates/footer/fat-footer-rpt.gif) top repeat-x;
}
#footer {
  background: url(../images/templates/footer/fat-footer-left.gif) top left no-repeat;
}
#brands {
  padding: 85px 0 0 34px;
  margin: 0 0 0 0;
	width: 929px;
	list-style: none;
  height: 148px; 
}

#footer a {
  color: #fff;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
  color: #b4e76b;
}

/* FOOTER
-------------------------------------------------- */
#fat-nav {
  clear: both;
}
#fat-nav ul {
  margin: 0 0 0 40px;
  padding: 0;
}
#fat-nav ul li {
  margin: 0 0 0 0;
  padding: 0 0 10px 20px;
  font-size: 11px;
  line-height: 15px;
  list-style: none;
  background: url(../images/templates/footer/bullet-arrow.gif) 0 3px no-repeat;
}

#fat-nav div h3 {
  margin: 0 0 15px 0;
  padding: 0;
}
#fat-nav div h3 span {
  visibility: hidden;
}
#fat-nav div ul {
  margin: 0;
  padding: 0;
}


#fat-nav div.main-menu {
  float: left;
  width: 170px;
  margin-left: 25px;
  padding-bottom: 45px;
}
#fat-nav div.main-menu h3 {
  height: 26px;
  width: 74px;
  margin-top: 3px;
  background: url(../images/templates/footer/yates-logo.gif) no-repeat;
}
#fat-nav div.main-menu ul li {
  background: url(../images/templates/footer/bullet-arrow-round.gif) 0 0 no-repeat;
}

#fat-nav div.feature-1,
#fat-nav div.feature-2,
#fat-nav div.feature-3 {
  float: left;
  width: 190px;
  overflow: hidden;
  margin-left: 55px;
  padding-bottom: 45px;
}
#fat-nav div.feature-1 {
}
#fat-nav div.feature-1 h3 {
  height: 26px;
  width: 190px;
  background: url(../images/templates/footer/heading-feature-1.gif) no-repeat;
}
#fat-nav div.feature-2 {
}
#fat-nav div.feature-2 h3 {
  height: 26px;
  width: 180px;
  background: url(../images/templates/footer/heading-feature-2.gif) no-repeat;
}
#fat-nav div.feature-3 {
}
#fat-nav div.feature-3 h3 {
  height: 26px;
  width: 170px;
  background: url(../images/templates/footer/heading-feature-3.gif) no-repeat;
}


/* FOOTER: Brands
-------------------------------------------------- */
#brands li {
  display: block;
  float: left;
}
#brands a span {
	display: none;
}
#brands a {
	display: block;
	height: 57px;
} 
#brands a.waterwise {
	width: 142px;
	background: url(/images/templates/logos/waterwise.gif) no-repeat;  
}
#brands a.thrive {
	width: 98px;
	background: url(/images/templates/logos/thrive.gif) no-repeat;  
}
#brands .commercial a.thrive {
	width: 175px;
	background: url(/images/templates/commercial/logos/thrive.gif) no-repeat;  
}
#brands a.acticote {
	width: 90px;
	background: url(/images/templates/logos/acticote.gif) no-repeat;  
}
#brands a.lush {
	width: 90px;
	background: url(/images/templates/logos/lush.gif) no-repeat;  
}
#brands a.dynamic-lifter {
	width: 88px;
	background: url(/images/templates/logos/dynamic.gif) no-repeat;  
}
#brands .commercial a.dynamic-lifter {
	width: 170px;
	background: url(/images/templates/commercial/logos/dynamic.gif) no-repeat; 
}
#brands a.zero {
	width: 93px;
	background: url(/images/templates/logos/zero.gif) no-repeat;  
}
#brands a.blitzem {
	width: 108px;
	background: url(/images/templates/logos/blitzem.gif) no-repeat;  
}
#brands .commercial a.blitzem {
	width: 186px;
	background: url(/images/templates/commercial/logos/blitzem.gif) no-repeat;
}
#brands a.blitzempest {
	width: 123px;
	background: url(/images/templates/logos/blitzempestcontrol.gif) no-repeat;  
}
#brands a.nature{
	width:86px;
	background: url(/images/templates/logos/nature.gif) no-repeat;
}
#brands a.ratsak {
	width: 101px;
	background: url(/images/templates/logos/ratsak.gif) no-repeat;  
}
#brands a.roundup {
	width: 115px;
	background: url(/images/templates/logos/roundup.gif) no-repeat;  
}
#brands a.bayer {
	width: 86px;
	background: url(/images/templates/logos/bayer.gif) no-repeat;  
}
#brands .commercial a.nutricote {
	width: 233px;
	background: url(/images/templates/commercial/logos/nutricote.gif) no-repeat;  
}
#brands .commercial a.rainsaver {
	width: 165px;
	background: url(/images/templates/commercial/logos/rainsaver.gif) no-repeat;  
}

#something .crazh {
  color: #f0f;
  border: 1px solid blue;
}