@charset "utf-8";
/* CSS Document */


/********************* HOME PAGE *******************************************/
* { font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; }
body { background:url(../../images/web/bg-body.jpg) repeat #8b0000; margin:0 auto; }

/********************* Main Container **************************************/
#mainContainerHome { background:url(../../images/home/bg-home.jpg) no-repeat; width:960px; height:768px; margin:0.5em auto; border:3px solid #ccc; }

/********************* Top 1/3 of Page - Top Tabs **************************/

.topTabsArea { width:960px; height:80px; color:#fff; }
.tabs { width:389px; height:43px; float:right;  }
.tabs  a { color:#fff; font-size:11px; letter-spacing:0px; text-decoration:none; border:0; margin:0; }
.tabs  a:hover { text-decoration:underline; }
.tabsLeft { width:182px; height:35px; float:left; margin:0; padding:0; }
.tabsLeft img { margin:0; padding:0; border:0; float:left; }

.locatorTab { background:url(../../images/home/tab-store-locator.png) no-repeat; float:right; width:197px; height:43px; margin:0; padding:0px 5px; display:inline; float:right; }

.locatorLabel { float:left; width:70px; margin:0; font-size:10px; display:inline; }
.locatorTabForm { float:right; width:104px; margin:3px 20px 0 0; display:inline; line-height:12px; }
form.storeLocatorForm input.storeLocatorInput { width:70px; height:11px; padding:1px; font-size:9px; margin:0 2px 0 0; color:#999; }
form.storeLocatorForm input#locatorSubmitButton { background:#990000; width:18px; height:18px; letter-spacing:-2px; padding:2px; font-size:10px; border:none; color:#fff; }
.locatorAdvancedLink { font-size:10px; margin:2px 0 0 0; padding:0; }
.locatorAdvancedLink a { font-size:10px; }


/********************* Middle 1/3 of Page - NAVIGATION *********************/
.menuArea { width:960px; height:279px; height:auto!important;  }
.menuContainer { background:url(../../images/home/bg-homepage-menu.jpg) no-repeat; width:702px; height:270px; margin:0 0 0 71px; color:#4d4d4d; font-family:Arial, Helvetica, sans-serif; margin-top:0;  }
.menuContainer a { color:#4d4d4d; text-decoration:none; }

/********************* MENU - Logo, Markets, Date **************************/
.menuRow1 { height:85px; margin:0 7px 0 20px;   } /*margin right used to be 10px when markets was there, changed to flush date more right - EG 3/15/10  */
.logoMarkets { width:400px; height:77px; margin:6px 0 0 0; border-right:0px dotted #777; display:inline;  } /*width used to be 485px when markets was there, changed to flush date more right - EG 3/15/10 */
.logo { width:177px; height:79px; display:inline; border-right:0px dotted #777;  }
.markets { width:230px; height:40px; padding:17px 10px; margin-right:40px; font-size:36px; font-weight:normal; letter-spacing:10px; display:inline; }
.newsDate { width:165px; }
.news { height:36px; width:30px; }
.news a { padding:20px; text-decoration:none; }
.date { float:right; font-size:30px; font-weight:bold; padding:5px 10px 0 10px; line-height:28px; font-family:Arial Black, Arial, Helvetica, sans-serif;  }

/********************* MENU - Navigation ***********************************/
.menuRow2 { height:150px; margin:0 20px; border-top:3px dotted #777;  }

/********************* MENU - Fight Hunger *********************************/
.menuRow2Col1 { width:135px; height:138px; margin:0; border-right:3px dotted #777; }

/********************* MENU - Site Nav *************************************/
.menuRow2Col2 { width:522px; margin:0; padding:0; display:inline; }

/********************* MENU - Site Nav - Online Shopping, Recalls, Healthy Living ***************/
.menuRow2Col2Row1 { width:520px; height:31px; border-bottom:3px dotted #777; border-bottom:3px dotted #777;  }
.shopping { width:168px; height:22px; padding:4px 8px; font-size:19px; letter-spacing:-1px; border-right:3px dotted #777;  }
.recallsHealthy  { width:332px; }
.recalls { width:94px; height:22px; padding:4px 14px; font-size:19px; letter-spacing:1px; font-weight:bold; border-right:3px dotted #777; }
.circular { width:184px; height:22px; padding:4px 0 4px 20px; font-size:19px; letter-spacing:-1px; font-weight:normal; }

/********************* MENU - Site Nav - Savings, Pharmacy, Recipes, About **********************/
.menuRow2Col2Row2 { height:64px;  }

/********************* MENU - Site Nav - Savings ***********************************************/
.menuRow2Col2Row2Col1 {  width:240px; height:47px; padding:8px 12px; font-size:40px; letter-spacing:8px; font-weight:bolder; border-right:3px dotted #777; }

/********************* MENU - Site Nav - Pharmacy, Recipes, About ******************************/
.menuRow2Col2Row2Col2 { margin:0; padding:0; width:252px; }
.pharmacy { width:230px; height:30px; padding:1px 12px; border-bottom:3px dotted #777; font-size:25px; letter-spacing:3px; font-weight:bold; }
.pharmacyCross { padding:1px 5px; color:#9f9f9f; }
.recipes { padding:5px 6px; font-size:16px; letter-spacing:-1px; font-weight:normal; border-right:3px dotted #777; }
.about { padding:6px 4px; margin:0; font-size:15px; letter-spacing:0px; font-weight:normal; width:98px; float:right; display:inline;  }

.navLink:hover { background:#a2a2a2; opacity:0.8; cursor:pointer; color:#d40101; }
.navLink:hover a { color:#d40101; }
.navLink:hover .pharmacyCross { color:#d40101; }

/********************* MENU - Site Nav - Scrolling News Ticker, Healthy Living ****************************************/
.menuRow2Col2Row3 { height:40px; margin:0; border-top:3px dotted #777; }
.scrollingnews { background:; /*width:202px; font-size:20px; font-weight:bold;*/ width:250px; height:27px; padding:2px 2px 2px 6px; font-size:12px; margin:0; letter-spacing:0px; font-weight:bold;  }
#alerts { list-style-type: none; margin:6px 0 0 5px; }
#alerts a { color:#e60000; text-decoration:underline; }
.alertDate { font-weight:normal; font-style:italic; color:#333; }

.healthy { width:220px; height:22px; padding:4px 17px 8px 18px; font-size:22px; letter-spacing:2px; font-weight:normal; border-left:3px dotted #777; }

/********************* MENU - Tabs ***************************************/
.menuRow3 { height:35px; }
.tabsMenu { width:350px; margin-left:20px; height:26px; font-size:10px; font-weight:normal; color:#fff; }
.tabsMenu a { color:#fff; text-decoration:none; }
.tabsMenu a:hover { text-decoration:underline; }
.directory { width:65px; padding:0px 0 0 5px; }
.customer { width:112px; padding:0px 0 0 0px; padding-right:5px; }
.share { width:150px; padding:0 7px 0 0; color:#5d5d5d; font-weight:bold; }
.share img { margin:0; }

/* This is for individual social networking site icons */
/*
.share { width:150px; padding:0px 0 0 10px; color:#5d5d5d; font-weight:bold;  border:1px solid #fff; }
.share img { margin:0px 0 0 3px; }
*/

.homeSubMenu { display:none; background:#fff; padding:10px; position:absolute; z-index:2; margin-top:70px; width:300px; }

/********************* Bottom 1/3 of Page - Media **************************/
.bottomMediaArea { width:960px; height:408px; margin:0; }

/********************* Bottom Left Col - Image *****************************/
.bottomMediaAreaLeft { float:left; width:477px; }
.leftCorner { width:478px; height:330px; margin:84px 0 0 0; }

/********************* Bottom Right Col - slideshow and footer *************/
.bottomMediaAreaRight { float:right; width:482px; }
.slideshowHome { width:482px; height:334px; margin-top:10px; }

/********************* Footer **********************************************/
.footer { margin:8px 30px 0 0; width:452px; }
.footer p { font-size:10px; color:#444; text-align:right; }
.footer p a { text-decoration:none; color:#444; }
.footer p a:hover { text-decoration:underline; }