/* Styles for the Home Page Only */
/*

############ CHANGE FOLLOWING FOR ENTIRE PAGE BACKGROUND ###############

body{ background:url(../images/line-art-blue.gif)}  <--- normal :)
body{ background:url(../images/line-art-orange.gif)}  <--- Tom Turkey
body{ background:url(../images/special/watermark-winter.gif)}  <--- Winter w/ Snowflakes
body{background:url(../images/special/watermark-purple.gif) repeat center;}
!!!! When changing, remember to change image links on index.php and top/bottom images below !!!!*/

body{background:url(../images/watermark-earlyspring.jpg) fixed repeat-x bottom left;}





p {font-size:69%;line-height:2em;font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;padding-bottom:1em;}
h1,h2,h3{font-family:Arial, Helvetica, sans-serif;color:#89af3e;}
h1,h2 {font-size:138.5%;font-weight:bold;}
h3 {margin:0 0 2% 0;font-size:93%;font-weight:bold;font-style:italic; margin-top:10px;}
h4 {margin:2% 0 2% 0;font-size:93%;font-weight:bold;color:#89af3e;font-family:Arial, Helvetica, sans-serif;}
h5 {margin:2% 0 1% 0;font-size:69%;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
a {font-weight:bold;text-decoration:none;}
a:link {color: #005daa;}
a:visited {color: #005daa;}
a:hover {color: #89af3e;}
a:active {color: #89af3e;}
strong {font-weight:bold;}
em {font-style:italic;}

.clearfloat{clear:both;height:1px;}

.imgright{float:right;margin:0 0 0 5px;}
.imgleft{float:left;margin:0 5px 0 0;}

/* ############ CHANGE FOLLOWING TO MATCH PAGE BACKGROUND ############### */
#homewrapper{width:760px;margin:0 auto;}
.top{
	display:block;
	width:760px;
	height:41px;
	text-align:right;
	background-image: url(../images/home-top-white.gif);
	background-repeat: no-repeat;
}
.bottom{
	display:block;
	width:760px;
	height:38px;
	background-image: url(../images/home-bottom-white.gif);
	background-repeat: no-repeat;
}


/* ############ FOLLOWING CHANGES CONTENT BACKGROUND ############### */
.homecontent{
	display:block;
	background: #fff;
	width:710px;
	height:500px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/* 
#emaillist{margin-right:165px; border-right:2px solid #fff; padding-right:5px; margin-top:-18px; font: bold 69% Verdana, Arial, Helvetica, sans-serif;} */
#emaillist{position: absolute; top:12px; left:50%; margin-left:60px; border-right:2px solid #fff; padding-right:6px; padding-top:2px;padding-bottom:2px; width:150px;font: bold 69% Verdana, Arial, Helvetica, sans-serif;}
#emaillist a {color:#fff; text-decoration:none;}
#emaillist a:hover {color:#ff8c00;}

/***************    Search Box (Top)    ****************/
/* #searchbox {padding-top:10px; margin-right:25px;} */
#searchbox {position: absolute; top:10px; left:50%; margin-left:225px;}
.searchbox input, textarea {font-family:verdana;font-size:9px;color:#005daa;}

/* Cookie Bullet List Styels */
.cookielist ul{margin:0 0 0 10px;padding-left:0;list-style:none;}
.cookielist li{padding-left: 20px;background-image: url(/images/bullet-cookie.png);background-repeat: no-repeat;background-position: 0 .1em;}
.cookielist li>p {line-height:1.5em;}



/***************    WW LOGO    ****************/
#wwlogo{
	position: absolute;
	top:41px;
	left:50%;
	margin-left:-355px;
	width:234px;
	height:145px;
}
.wwlogo {
	margin:0;
	padding:0;
	position:relative;
	width:355px;
	height:201px;
	overflow:hidden;
}
.wwlogo h1{display:block;width:355px;height:201px;}
.wwlogo span {display:block;position:absolute; top:0; left:0; z-index:1;width:355px;height:201px;margin:0;padding:0;background: url(../images/home-nd-logo.gif) top left no-repeat;}


/***************    FEATURED CONTENT (Upper right quadrant of home page)    ****************/
#featured{position: absolute; top:41px; left:50%; margin-left:0px; width:355px;height:249px;}
/*   #featured a{display:block;width:355px;height:249px;}  */
.featured {
	margin:0;
	padding:0;
	position:relative;
	width:355px;
	height:249px;
	overflow:hidden;
}
.featured p{display:block;width:355px;height:249px;}
.featured span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:355px;
	height:249px;
	margin:0;
	padding:0;
	background: url(../images/home-nd-pie-shells.gif) top left no-repeat;
	background-image: url(images/RachelRay.gif);
}

/***************    TWITTER/FACEBOOK/BLOG LINKS    ****************/
#tw-fb-blog {
	position:absolute;
	top:243px;
	left:827px;
	margin-left:-298px;
	width:241px;
	height:48px;
}
#tw-fb-blog img{margin:0px;}

/***************    FOR CONSUMERS    ****************/
#consumers{position: absolute; top:290px; left:50%; margin-left:-355px; width:355px;height:251px;}
/* #consumers a{display:block;width:355px;height:251px;} */
.consumers {margin:0; padding:0;position:relative;width:355px;height:251px;overflow:hidden;}
.consumers p{display:block;width:355px;height:251px;}
.consumers span {display:block;position:absolute; top:0; left:0; z-index:1;width:355px;height:251px;margin:0;padding:0;background: url(../images/home-nd-consumers.gif) top left no-repeat;}

/***************    FOR BUYERS    ****************/
#buyers{position: absolute; top:290px; left:50%; margin-left:0px; width:355px;height:251px;}
/* #buyers a{display:block;width:355px;height:251px;} */
.buyers {margin:0; padding:0;position:relative;width:355px;height:251px;overflow:hidden;}
.buyers p{display:block;width:355px;height:251px;}
.buyers span {display:block;position:absolute; top:0; left:0; z-index:1;width:355px;height:251px;margin:0;padding:0;background: url(../images/home-nd-industry.gif) top left no-repeat;}




/***************    ROLLOVER LINKS    ****************/

/* Changes to the following should also be added to the IE6 stylesheet

a.pieshells {display:block;positon:absolute;width:355px;height:201px;}
a>span.pieshells {display:block;position:absolute;top:0 left:0; z-index:1;width:112px;height:24px;background:url(../images/home-links.gif) no-repeat;}
a:hover>span.pieshells {display:block;position:absolute; top:0 left:0; z-index:1;width:112px;height:24px;background:url(../images/home-links.gif) 0 -48px no-repeat;}

a.consumers{display:block;float:left;width:87px;height:24px;}
a > span.consumers{display:block;position:absolute; top:0 left:0; z-index:1;width:87px;height:24px;background:url(../images/home-links.gif) -112px 0 no-repeat;}
a:hover > span.consumers{display:block;position:absolute; top:0 left:0; z-index:1;width:87px;height:24px;background:url(../images/home-links.gif) -112px -48px no-repeat;}

a.buyers{display:block;float:left;width:80px;height:24px;}
a > span.buyers{display:block;position:absolute; top:0 left:0; z-index:1;width:80px;height:24px;background:url(../images/home-links.gif) -199px 0 no-repeat;}
a:hover > span.buyers{display:block;position:absolute; top:0 left:0; z-index:1;width:80px;height:24px;background:url(../images/home-links.gif) -199px -48px no-repeat;}

 */


/***************    FOOTER    ****************/
#footer{
	text-align:right;
	margin-right: 25px;
	margin-top:-10px;
	color:#006;
}
#footer span {
	display:block;
	float:right;
	width:137px;
	height:42px;
	margin-top:-10px;
	margin-left:20px;
	background-image: url(../images/home-logo-ratg-dkblue.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#footer a {
	color:#006;
	text-decoration:none;
	font-weight: bold;
}
#footer a:hover {font:bold; color:#ff8c00;}

#footer2 {
	text-align:center;
	margin-right: 25px;
	margin-top:-15px;
	color:#006;
}
#footer2 li {font-size:69%;line-height:1em;font-family:Verdana, Arial, Helvetica, sans-serif;margin:0;}
#footer2 a {
	color:#006;
	text-decoration:none;
	font-weight: bold;
}
#footer2 a:hover {font:bold; color:#ff8c00;}
#footer2 li {list-style : none;display : inline;}
#footer2 li {padding: 0 1em;}
.ibar {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #006;
}


/*****************    FOR HOME PAGE POP UP WINDOWS WHEN NEEDED    *****************/
.centervideo{margin:20px;}
.noticewrapper{margin:20px; background-color:#fff;}
.notice{padding: 10px;}
.notice h1{font-family:Arial, Helvetica, sans-serif;color:#ccc;font-size:138.5%;font-weight:bold;border-bottom:1px solid #ccc;padding-bottom:3px;}
.notice h2{font-family:Arial, Helvetica, sans-serif;color:orange;font-size:100%;font-weight:bold;margin:5px 0;}
h3.notice{font-family:Arial, Helvetica, sans-serif;color:#89af3e;}

/************   PEANUT RECALL BUTTON WHEN NEEDED   ************/
#peanut{position: absolute; top:45px; left:50%; margin-left:-60px; width:100px;height:60px;}