/* 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; background:url(../images/home-top-green.gif) no-repeat; text-align:right;}
.bottom{display:block;width:760px;height:38px; background:url(../images/home-bottom-green.gif) no-repeat;}


/* ############ FOLLOWING CHANGES CONTENT BACKGROUND ############### */
.homecontent{display:block;background: #fff; width:710px; height:500px;margin:0 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:355px;height:201px;}
.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;}

/***************    TWITTER/FACEBOOK/BLOG LINKS    ****************/
#tw-fb-blog {position:absolute; top:242px; left:50%; 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:#fff;}
#footer span {display:block;float:right;width:137px;height:42px;margin-top:-10px;margin-left:20px;background:url(/images/home-logo-ratg.png) top right no-repeat;}
#footer a {font:bold; color:#fff; text-decoration:none;}
#footer a:hover {font:bold; color:#ff8c00;}

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


/*****************    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;}