@charset "utf-8";
/* CSS Document */
body, p, label, ul, li, h1, h2, h3, h4, h5, h6, h7, input, textarea{ margin: 0; padding: 0; list-style: none;}

body{font: normal 12px/20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #5c5757;
	background: #fff url(../images/body-bgy3.gif) repeat-x ;}

html a{ outline: none;}
a{ text-decoration: underline; color: #d13a08;}
a:hover{ text-decoration: none; color: #d13a08;}

p{ padding-bottom: 10px;}

h1{ font: normal 18px/25px Arial, Helvetica, sans-serif; color:#009d57; padding-bottom: 10px;}
h3{ font: bold 14px/25px Arial, Helvetica, sans-serif; color:#009d57;}

#blocker{ background:url(../images/footer-bg.gif) left bottom repeat-x;}

#page{ width: 1003px; margin: 0px auto; }

#header{ overflow: hidden;}

#header .top-head { padding: 5px 5px 6px 5px; overflow: hidden;}
#header .top-head h1{ float:left; margin-left: 20px; padding-bottom:0;}
#header .top-head h1 a{ width: 253px; height: 88px; display: block; text-indent: -999999px; background: url(../images/logo.gif) no-repeat;}
#header .top-head1 { padding: 5px 5px 6px 5px; overflow: hidden;}
#header .top-head1 h1{   float:left; margin-left: 20px; padding-bottom:0;}
#header .top-head1 h1 a{ width: 253px; height: 88px; display: block; text-indent: -999999px; background:url(../images/DetailsLogo.PNG) no-repeat;}
#header .top-head ul#top-nav{overflow: hidden; float: left; padding: 30px 0 0 30px; }
#header .top-head ul#top-nav li{ float: left; height: 30px; margin-left: 2px;}
#header .top-head ul#top-nav li a{ padding: 0 19px; font: bold 15px/30px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; display: block; text-transform:uppercase;}
#header .top-head ul#top-nav li:hover, #header .top-head ul#top-nav li.active{ background: url(../images/top-nav-bg.gif) right -30px no-repeat;}
#header .top-head ul#top-nav li:hover a, #header .top-head ul#top-nav li.active a{ background: url(../images/top-nav-bg.gif) left top no-repeat;}

#header .top-head1 ul#top-nav{overflow: hidden; float: left; padding: 30px 0 0 30px; }
#header .top-head1 ul#top-nav li{ float: left; height: 30px; margin-left: 2px;}
#header .top-head1 ul#top-nav li a{ padding: 0 19px; font: bold 15px/30px Arial, Helvetica, sans-serif; color: #000000; text-decoration: none; display: block; text-transform:uppercase;}
#header .top-head1 ul#top-nav li:hover, #header .top-head ul#top-nav li.active{ background: url(../images/top-nav-bg.gif) right -30px no-repeat;}
#header .top-head1 ul#top-nav li:hover a, #header .top-head ul#top-nav li.active a{ background: url(../images/top-nav-bg.gif) left top no-repeat;}

#header #banner{ height: 34px; overflow: hidden;}
#header #banner .left{ background: url(../images/scotts-slogan.gif) no-repeat; 
	width: 520px;
	padding: 142px 30px 0 0;
	font: normal 15px/18px Arial, Helvetica, sans-serif;
	color: white;
	float: left;}
#header #banner .left strong{ font: bold 15px/18px Arial, Helvetica, sans-serif; color: black;}
#header #banner p{ padding: 18px 0 25px 0; font-size: 12px;}

#header #banner .see{ background:url(../images/see-button.gif) no-repeat; height: 48px; width: 181px; display: block; }
#header #banner .see a{font: bold 21px/48px Arial, Helvetica, sans-serif; color: #fa4e14; text-decoration: none; display: block; padding-left: 25px;}
#header #banner .see a:hover{color: #fff; text-decoration: none;}

#header #banner .slider{ background:url(../images/slider-bg.jpg) no-repeat; height: 280px; width: 280px; padding: 26px 21px 26px 19px; float: left; overflow: hidden;}

#header #banner .slider pre{ display: none; visibility: hidden;}

#container{ width: 1003px; padding-top: 50px; padding-bottom: 50px; overflow: hidden; background: url(../images/container-bg.gif) center top no-repeat;}

.news{ background:url(../images/news.gif) -1px top no-repeat; padding-left: 142px; width: 357px; float:left; margin-right: 25px;}
.news1{ padding-left: 10px; width: 530px; float:left; margin-right: 10px;}
.news1 ul li{ padding: 5px 5px; color:#545454; list-style:square; margin-left:15px;}
.corporate{ background:url(../images/corp-pro.gif) no-repeat; padding-left: 138px; width: 270px; float:right;}
.corporate1{width: 400px; float:right;}
.corporate1 img{
margin-left:10px;
margin-bottom:10px;
border:2px solid #969696;
}
.detail, .detail1{border-right:1px solid #969696; border-top:1px solid #969696; margin-top:15px;}
.detail th, .detail1 th{border-left:1px solid #969696; border-bottom:1px solid #969696}
.detail td{border-left:1px solid #969696; border-bottom:1px solid #969696; height:50px; text-align:center;}
.detail1 td{border-left:1px solid #969696; border-bottom:1px solid #969696;   text-align:center;}

.news h2{ display:block; height: 29px; color:#F94D14; font-size:1.5em;}
.corporate h2{ background: url(../images/cor-profile.gif) no-repeat; text-indent: -999999px; display:block; height: 29px;}

.news ul li{ padding: 15px 0; color:#120600;}
.corporate ul li{ border-bottom: solid 1px #dedede; padding: 9px 0; color:#120600; width:207px;}
.news ul li span, .corporate ul li span{color: #d13a08;}
.news ul li a, .corporate ul li a{ color: black;}
.news ul li.no-bor, .corporate ul li.no-bor{ border-bottom: none;}
.news ul li.more, .corporate ul li.more{ border-bottom: none;}
.news ul li.more a, .corporate ul li.more a{ border: solid 3px black; padding: 3px 10px; float:left; background: white; color: black; text-decoration: none;}
.news ul li.more a:hover, .corporate ul li.more a:hover{background: #cc3806; color: white; text-decoration: none;}



#footer{ margin: 0px auto;  text-align: center; font-size:11px; height: 156px; padding-top: 44px; overflow: hidden;}

.footer-link{ width:520px; padding:20px 0 0 272px; overflow:hidden;}
.footer-link ul li{float:left; color:#B63206;}
.footer-link ul li span{color:#641E07; padding:0 10px;}
.footer-link ul li a{float:left; color:#B63206; text-decoration:none; font: normal 12px/20px Arial, Helvetica, sans-serif;}
.footer-link ul li a:hover{float:left; color:#ffffff; text-decoration:underline;}

.conveyor-belt{ float:left; width: 790px; height: 86px;}

.affiliations{ overflow: hidden;}
.affiliations strong{ font: bold 12px/18px Arial, Helvetica, sans-serif; color: #fa5114; float:left; padding-top: 40px; padding-right: 50px;  }

#footer p{ color: #3b3b3b; font: normal 10px/18px Arial, Helvetica, sans-serif; padding-top: 15px;}
