@import url("brands.css");
@import url("forms.css");
@import url("shell-nobkg.css");

/* CONTENT ------------------------------------------------------------------- */


#content a {line-height:18px;}
hr {border:none;border-top:1px solid #e5e5e5;clear:both;height:1px;margin:15px 0;}
#content ul {margin-bottom:15px;margin-left:12px;}
#content li,#content ol li ul li {line-height:18px;list-style:disc outside;margin:0 0 7px 12px;padding-left:0;}
.callout {background:#efdcb0;color:#AD440C;font-size:1.3em;line-height:21px;margin-bottom:20px;margin-top:10px;padding:10px 6px;text-align:center;}
.leftAlign {float:left;margin:0 20px 20px 0;padding:0;}
.rightAlign {float:right;margin:0 0 20px 20px;padding:0;}
h4,#subnav a,.subnav a {color:#0070af;font-size:1em;font-weight:bold;margin-bottom:25px;}
h4 a,#subnav a,.subnav a {background:transparent url(/content/images/backgrounds/bkg_arrow_blue.gif) no-repeat 100% 6px;display:inline-block;padding-right:10px;text-decoration:none;}
#subnav a,.subnav a {margin-bottom:5px;}
ul#subnav {border-bottom:1px solid #e5e5e5;margin:0 0 20px;padding:0 0 5px;}
ul#subnav li,ul.subnav li {background:none;float:left;list-style:none;margin:0 10px 8px 0;padding:0;width:235px;}
#content ul.subnav li {background:none;list-style:none;margin:0;margin-right:10px;padding:0;}
#content ul.subnav {margin-bottom:25px;}
.inset {float:right;margin:0 0 35px 45px;width:150px;}
ul.col {float:left;margin-left:0;width:50%;}
ul.col li {margin-left:0;}
#content ul.col {float:left;margin-left:0;padding-left:0;width:50%;}
#content ul.col li {list-style:none;margin-left:0;padding-left:0;}
img.headImg {display:block;margin:0 -8px 20px -6px;}
#content ol {list-style-position:inside;list-style-type:decimal;margin-bottom:25px;}
#content ol li {background:url(none);margin:0 0 8px;padding:0;}
.chart tr {border-bottom:1px solid #e5e5e5;}
.chart td {padding:3px;}
.chart th {font-weight:bold;}
table.chart {margin:15px 0;}
td {line-height:18px;}
#content table.flu {font-size:10px;margin:0;padding:0;}
#content table.flu td {line-height:14px;padding:2px;}
#content table.flu th {background-color:#0070AF;color:white;font-weight:bold;padding:2px;text-align:left;}
#content tr.alt {background-color:#dceef8;}
h1 {color:#472704;font-family:Bookman, Georgia, "Times New Roman", Times, serif;font-size:26px;font-weight:normal;padding:5px 0 20px;}
h2 {border-bottom:1px solid #e5e5e5;color:#bb5405;font-size:1.2em;margin-bottom:20px;padding-bottom:8px;}
h2.noRule {border-bottom:none;margin-bottom:8px;padding-bottom:0;}
h3 {font-size:1.2em;font-weight:bold;margin-bottom:5px;}
p {line-height:18px;margin:0 0 15px;padding:0;}
a {color:#0070af;}

img.alignLeft {
	float:left;
	padding:0 15px 15px 0;
}

img.alignRight {
	float:right;
	padding:0 0 15px 15px;
}


/* DEFINITION LIST STYLES  ------------------------------------------------- */

/* 
Note: There are other dl's on the site, but are specific to their application,
ie, the Wines or Gift Cards sections. These are generic baseline list styles
*/

#content dl {
	clear:both;
	display:block;
	line-height:18px;
	margin-bottom:15px;
}

#content dt {
	clear:both;
	font-weight:bold;
}

#content dd {
	
}

/*  LANDING GRID LAYOUT------------------------------------ */
#content .landingGrid {clear: both;}
#content .landingGrid dl {clear:none;display:block;float:left;margin-bottom:32px;text-align:center;width:200px; padding-right: 27px; height: 200px; position: relative; line-height: .8em;}
#content .landingGrid dt {clear:both;color:#463120;font-weight:bold;margin:0 auto;white-space:normal; text-align: left;}
#content .landingGrid dt a {text-decoration: none;color:#463120;line-height: 1em; }
#content .landingGrid dd {font-size: 1em; line-height: 1em; padding: 3px 0 0 0; text-align: left;}
#content .landingGrid dd.photo {display: block; height: 107px; position: relative; }
#content .landingGrid dd.photo img {position: absolute; bottom: 0px;}

#content .landingGrid .learnMore {position:absolute; top: 0px; left: 0px; padding-top: 195px; width: 200px; font-weight: 900; text-decoration: none;  }
#content .landingGrid .learnMore:hover {text-decoration: underline; }

/* specific landing pages */
#coupons #content .landingGrid dl {width: 320px; margin-top: 20px;	}
#coupons #content .landingGrid dd, #coupons #content .landingGrid dt {width: 320px;}
#content .landingGrid .learnMore {padding-top: 175px;}



/* WIDE-FORMAT CONTENT  ---------------------------------------------------- */


#bd #header {
	background-color:#f5eacc;
	height:181px;
	margin-bottom:22px;
	padding:50px 10px 27px 178px;
}

#bd #header h2, #nutritionSafety h2, #homeEarth h2, #header-primer h2 {
	border:none;
	font-family:"Bookman Old Style",Bookman,Georgia,"Times New Roman",serif;
	font-size:24px;
	font-weight:normal;
	margin-bottom:0;
}

#nutritionSafety #header {
	background:url(../images/backgrounds/bkg_header_NutritionSafety.jpg) no-repeat left top;
	padding-right: 60px;
}

#nutritionSafety h1 { margin-bottom: 15px; }


#bd.wide #storeForLife {
	position:absolute;
	right:0;
	top:0;
	_right: 10px;
}

#bd.wide .leftCol {
	clear:left;
	float:left;
	margin-right:54px;
	width:315px;	
}

#bd.wide .rightCol {
	clear:right;
	float:left;
	width:315px;
}


/* BOXES ------------------------------------------------------------------- */

/* These are like the boxes on the MyFoodLion landing page */

#content dl.box {background:url(../images/backgrounds/bkg_box_bottom.gif) no-repeat left bottom;clear:none;float:left;margin:35px 14px 25px;width:214px;}
dl.noBox {margin-left:14px;}
dl.box dt + dt,dl.noBox dt {font-style:italic;font-weight:bold;padding:10px 0 0 15px;}
dl.box dd,dl.noBox dd {font-family:"Lucida Sans", Lucida, Arial, sans-serif;font-size:.97em;min-height:45px;padding:0 15px 10px;}
dl.box dd a,dl.noBox dd a {background:transparent url(../images/backgrounds/bkg_arrow_big.gif) no-repeat right 2px;clear:left;float:right;font-weight:bold;margin-top:7px;padding-right:15px;text-decoration:none;}
dl.noBox dt {font-size:1.1em;margin-bottom:10px;}
dl.noBox dd a {background:transparent url(../images/backgrounds/bkg_arrow_bigWH.gif) no-repeat right 2px;float:left;margin-left:12px;padding-right:15px;}
p.shopHelp {clear:both;margin-left:15px;padding:25px 0 0 12px;}




/*  OUR BRANDS - SHOW/HIDE ------------------------------------ */

#vitaminFlavors  {display:none;padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; line-height:16px; margin-bottom:10px;}


/*  PRODUCT DISPLAY - TILED DEFINITION LIST------------------------------------ */

dl.product {clear:none;display:block;float:left;margin-bottom:32px;text-align:center;width:50%;}
dl.product dt {clear:both;color:#bb5405;font-weight:bold;margin:0 auto 5px;text-align:left;white-space:normal;width:75%;}
dl.product dt.photo {display:block;margin-bottom:10px;text-align:center;width:100%;}
dl.product dd {margin:0 auto;text-align:left;width:75%;}


/* flashContainer ------------------------------------------------------------------- */


#flashContainer {margin-bottom:20px;}
#flashContainer_wine {margin:-41px 0 10px -35px;}
#flashContainer_platter {background-color:#A18D60;}

/* Shoppers Companion Page ------------------------------------------------------------------------ */

.content-sc-main {background:#fff url(/content/images/pages/content-gradient.gif) 0 0 repeat-x;padding:18px 30px 30px;}
#content.sc h2 {border-width:0;margin-bottom:5px;padding-bottom:0;}
.content-sc-separate {border-bottom:1px solid #efd8b2;margin-bottom:22px;padding-bottom:18px;}
#content.sc .sc-help {font-size:10px;line-height:12px;padding-top:25px;text-align:center;}

/* FAQs Page ------------------------------------------------------------------------ */

img.qaImg {clear:left;display:block;float:left;margin:2px 10px 0 0;width:20px;}
p.qaLinks {margin-bottom:50px;}


/* Careers Pages -------------------------------------------------------------------- */

.employSections {float:left;margin-bottom:16px;margin-right:35px;width:232px;}
.employSections h4 {margin-bottom:2px;}
.employSections.even {margin-right:0;}
#platters p {display:block;float:right;width:290px;}

/* Site Map -------------------------------------------------------------------- */

#sitemaplist li,#sitemaplist ul {line-height:14px;margin-bottom:0;}
#sitemaplist ul li {list-style-type:circle;}
#sitemaplist ul li ul li {list-style-type:square;}
#holiday-hours p {font-size:11px;line-height:14px;padding:0 10px;}
#holiday-hours img {padding-bottom:8px;}


/* Health/Wellness Landing page ----------------------------------------------- */
#HealthWellness #mainCallout {
	background: url('/content/images/wellness/bkg_top10Header.jpg') 0 0 no-repeat;
	height: 112px ;
	width: 500x ;
	padding: 20px 28px 0 145px;
	margin: 15px 0 20px 0;
}
#HealthWellness #mainCallout h2 {
	border: none;
	margin-bottom: 15px;
	padding-bottom: 0;
	font-family:"Bookman Old Style",Bookman,Georgia,"Times New Roman",serif;
	font-size:18px;
	font-weight:normal;
}
#HealthWellness #mainCallout a.mainLink {
	font-weight: bold;
	text-decoration: none;
	padding-right: 15px;
	background: url('/content/images/wellness/bkg_blueArrowOnTan.jpg') right 4px no-repeat;
}

#HealthWellness #foodSafety,#HealthWellness #community,
#HealthWellness #homeEarth,#HealthWellness #wellBeing { 
	background: url('/content/images/wellness/bkg_ctas.jpg') 0 0 no-repeat;
	width: 187px;
	height: 146px;
	float: left;
	margin: 8px;
	padding: 23px 15px 0 123px;
}
#HealthWellness #community { background-position: -325px 0; }
#HealthWellness #wellBeing { background-position: -325px -169px; }
#HealthWellness #homeEarth { background-position: -1px -169px; }

#HealthWellness #foodSafety h2, #HealthWellness #community h2,
#HealthWellness #homeEarth h2, #HealthWellness #wellBeing h2 { 
	margin: 0;
	border: none;
	padding-left: 36px;
}
#HealthWellness #homeEarth h2, #HealthWellness #wellBeing h2 { 
	padding-top: 7px;
	padding-bottom: 15px;
}
#HealthWellness #foodSafety a.learnMore, #HealthWellness #community a.learnMore,
#HealthWellness #homeEarth a.learnMore, #HealthWellness #wellBeing a.learnMore { 
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
	background: transparent url('/content/images/backgrounds/bkg_arrow_blue.gif') no-repeat scroll 100% 5px;
	padding-right: 10px;
}
#HealthWellness #foodSafety p, #HealthWellness #community p,
#HealthWellness #homeEarth p, #HealthWellness #wellBeing p { 
	padding-right: 15px;
	line-height: 1em;
	margin-bottom: 5px;
}
#HealthWellness #subCTA {
	border-top: 1px solid #eaeaea;
	margin: 0px auto;
	padding-top: 15px;
	width: 657px;
}
#HealthWellness dl dt { 
	font-weight: bold; 
	font-size: 1.2em;
}
#HealthWellness #bd.wide .leftCol {
	margin-right: 20px;
}


#HealthWellness #homeEarth h2 {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 1.2em; font-weight: 900;}