#content.landingShell { height: 558px;  background: url(../images/secondaryPages/structural/landing-shell.jpg) 0 0 no-repeat;}

#content.landingShellTall { height: 925px;background: url(../images/secondaryPages/structural/landing-shell-tall.jpg) 0 0 no-repeat;}

.landingShell h1 {position: absolute; top: 60px; left: 39px; font-size: 3em; z-index: 20; }

.landingShell h1 a {color:#472704; font-family:Bookman,Georgia,"Times New Roman",Times,serif; font-size:1em; text-decoration:none;padding-top: 30px;}

.landingShell h1 a em {display: none}

.landingShell h1 a:hover em, #hero h1 em {display: block; font-size: .4em; position: absolute; bottom: 0; left: 70px; width: 200px; height: 20px; padding-bottom: 3px; }

img#hero {position: absolute; top: 0px; right: 0px; z-index: 10; }

#calloutA {position: absolute; top: 179px; right: 14px;}

#calloutAtall {position: absolute; top: 174px; right: 10px; background: url(/content/images/secondaryPages/structural/tallCTA-bkg.jpg); padding: 6px 5px 2px 6px;}

#calloutB {position: absolute; top: 329px; right: 14px;}

#UpcomingCommunityEvents {padding-bottom: 20px;}

#UpcomingCommunityEvents .C {width: 213px; margin: -30px 0 0 9px;}

#UpcomingCommunityEvents li {padding: 4px; display: block; font-size: .9em; line-height: 1.2em;}

#UpcomingCommunityEvents li.alt {background: #f7f1ed;}

#UpcomingCommunityEvents, #UpcomingCommunityEvents cite,  #UpcomingCommunityEvents code {width: 232px; background: url(/content/images/secondaryPages/CTAs/community-events.jpg); position: relative; }

#UpcomingCommunityEvents cite {background-position: -464px 0; height: 97px; display: block;}

#UpcomingCommunityEvents code {background-position: -232px -67px; height: 30px; position: absolute; bottom: 0; left: 0; display: block;}

.CTA-rail {background:#FFFFFF url(/content/images/secondaryPages/CTAs/CTA-rail-bkg.jpg) repeat-x scroll 0 -11px; clear:none; float:right; padding:0 0 0 7px; width:234px; }

.CTA-rail .CTA {float: left; clear: left; }

#landingTabs {position: absolute; left: 16px; top: 179px; width: 469px; }

.landingShell #landingTabs {height: 366px;}

#landingTabs img {display: none; position: absolute; top: 0px; left: 0px;}

#landingTabs img.inline {display: inline; position: relative; top: 10px; left: -10px;}

#landingTabs img.active {display: inline;}

#tabRail {display: block; width: 469px; height: 81px; background: url(../images/secondaryPages/structural/landing-tabs.png) 0 0 no-repeat; position: absolute; top: 202px; left: 0px; z-index: 10;}

#landingTabs h4 a {display: block; position: absolute; top: 202px; left: 0px; width: 156px; height: 30px; margin: 0; text-align: center; padding-top: 36px; font-size: .9em; line-height: 1em; text-decoration: none; background: none; z-index: 20; font-weight: normal; color: #685c53;}

#landingTabs h4 a:hover {color: #463120;}

#landingTabs h4 a.tab2 {left: 156px;}

#landingTabs h4 a.oneliner {top: 208px;}

#landingTabs h4 a.tab3 {left: 312px;}

#tabRail.tab2 {background-position: 0 -81px;}

#landingTabs span.tab3 {background-position: 0 -162px;}/*selector concession for ie6*/

#landingTabs h4 a.active {font-weight: 900; color: #463120;}

#landingTabs div {display: none; position: absolute; top: 278px; left: 16px; width: 437px; height: 84px; z-index: 30;}

#landingTabs div.active {display: block;}

#landingTabs a.navigate {position: absolute; right: 0px; bottom: 0px; _bottom: 6px; font-size: 1em; }

 a.navigate2,  a.nav-i-gate {text-align: right; display: block; width: 100%; margin-bottom: 10px;  }
 
  a.navigate3 {text-align: right; display: block; width: 100%; margin-bottom: 10px; margin-top: -3px;  }

#landingTabs .tall a.navigate { right: 10px; bottom: 6px; _bottom: 12px; font-size: 1em; z-index: 100;}

#communityLanding .navigate {bottom: 0px;}

a.navigate.left {left: 0px;}

#landingTabs div p {font-size: .9em;}

.secondaryExtension {background: url(../images/tabbedPages/bkg.jpg) -1482px 0 repeat-y; margin-left: 3px; float: left; _float: none; clear: both; padding: 20px 0; position: relative;}

.secondaryExtension {background-position: -2px 0; margin: 558px 0 0 1px;  width: 739px;	}
 
.secondaryExtension .box, .box cite, .box code {background: url(/content/images/secondaryPages/structural/secondary-extension-box.jpg)}

.secondaryExtension .box {padding: 20px 0; width: 721px; margin-left: 10px; position:relative;}

.secondaryExtension .box cite, .secondaryExtension .box code {display: block; position: absolute; height: 10px; width: 721px; left: 0; overflow: hidden;}

.secondaryExtension .box cite{top: 0; background-position: -721px 0;}

.secondaryExtension .box code{bottom: 0; background-position: -1443px 0; width: 719px;}

.secondaryExtension h1 {position: relative;  top: 0; font-size: 1.5em; left: 0;  padding-left: 10px; z-index: 200;}


.descTiles a { display: block; float: left; clear: none; width: 303px; padding: 10px 0px 0 0; height: 115px; position: relative;  text-decoration: none; color: #463120; padding: 0 0 0 30px; margin: 10px 0 0 10px; _margin-left: 5px;  line-height: 1.4em; font-size: .9em; border: 1px solid #fff;}

.descTiles a strong { display: block; float: left; clear: none; margin: 0 0 6px; width: 216px; }

.descTiles a img {float: right;}

.descTiles a span {color: #0070AF; padding-top: 10px;}

.descTiles a:hover span {font-weight: 900;}

.descTiles.noBG a {
	margin-left:0;
	margin-right:25px;
	padding-left:0;
	width:320px;
}

.descTiles.noBG a.odd {
	margin-right:0;
}

.descTiles.noBG a strong {
	margin:0;
	width:215px;
}

#NHN {background:transparent url(/content/images/secondaryPages/neighbor-helping-neighbor.jpg) 30px 0 no-repeat; display:block; float:left; left:0; margin-bottom:20px; padding:42px 0 0 189px; width:296px;}
.descTiles.noBG a img {
	margin-left:7px;
}


.postit {float: right; clear: none; background: url(/content/images/homeearth/post-it-bkg.jpg) 0 0 no-repeat; width: 168px; height: 162px; padding: 47px 95px 0 63px; margin-right: 15px;  }

.postit a {display: inline; font-weight: 900; width: auto; height: auto; padding: 0; margin: 0; border: 0px none; margin-bottom: 10px; color: #0070af; font-size: 1.1em; line-height: 1.1em; float: left; clear: both;}

.postit a:hover {color: #463120; }


#secondaryLeft {
	float:left;
	margin-left:5px;
	padding:5px 15px 0 15px;
	width:469px;
}

#secondaryLeft.bg {
	background:transparent url(/content/images/secondaryPages/structural/bkg_secondaryLeft.jpg) no-repeat 10px top;
}

#secondaryLeft .inner {
	padding:15px;
}

.navRail.volunteer ul {
	padding-top:23px;
}

.navRail.volunteer li {
	padding:0;
}

.navRail.volunteer a {
	background:transparent url(../images/secondaryPages/structural/volunteer-nav-sprite.png) no-repeat left top;
	display:block;
	height:62px;
	overflow:hidden;
	text-indent:999px;
	width:186px;
}


.navRail.volunteer a.volEducation {background-position:left -124px;}
.navRail.volunteer a.volEnvironment {background-position:left -246px;}
.navRail.volunteer a.volAnimals {background-position:left -366px;}
.navRail.volunteer a.volMost {background-position:left -490px;}

.navRail.volunteer a.volConnect:hover, .navRail.volunteer a.volConnect.ON {background-position:left -62px;}
.navRail.volunteer a.volEducation:hover, .navRail.volunteer a.volEducation.ON {background-position:left -185px;}
.navRail.volunteer a.volEnvironment:hover, .navRail.volunteer a.volEnvironment.ON {background-position:left -306px;}
.navRail.volunteer a.volAnimals:hover, .navRail.volunteer a.volAnimals.ON {background-position:left -428px;}
.navRail.volunteer a.volMost:hover, .navRail.volunteer a.volMost.ON {background-position:left -552px;}

.navRailBox {
	background:transparent url(../images/secondaryPages/structural/navRail-box-middle.jpg) repeat-y left top;
	position: relative;
	width:186px;
}

.navRailBox cite {
	background:transparent url(../images/secondaryPages/structural/navRail-box-top.jpg) no-repeat left top;
	height:70px;
	padding:13px 11px;
	top:0;
}

.navRailBox code {
	background:transparent url(../images/secondaryPages/structural/navRail-box-bottom.jpg) no-repeat left bottom;
	bottom:0;
	display:block;
	height:15px;
}


.navRailBox div {line-height:18px; padding:15px 15px 1px; position: relative; z-index: 20;}

.navRailBox, .navRailBox cite, .navRailBox code {display: block;}

.navRailBox cite, .navRailBox code { width: 186px; position: absolute; left: 0; z-index: 10;}

/* apply split columns */

.split2 {
	float:left;
	padding-right:4%;
	width:48%;
}

.split2:nth-child(even) {
	padding-right:0;
}

#homeAndEarth #content {height: auto;}

#goToSchool {display: block; width: 440px; height: 85px; }

#goToSchool a {float: left; clear: none; }

#ShoppersCompanion #SC-tab {background: url(/content/images/secondaryPages/TABS/shoppers-companion.jpg); position: absolute; top: 0; left: 0; height: 366px; width: 469px;}

#ShoppersCompanion #hero {position:absolute;}

#SC-tab .emailShortForm {right:152px; top:88px; width:245px;}

#SC-tab .submitShortForm {height:15px; position:absolute; right:55px;  top:84px; } 

#ShoppersCompanion div p {line-height: 1.4em; margin-top: 2px;}

#ShoppersCompanion #landingTabs {position: relative; height:560px;  }

#ShoppersCompanion #content {height: auto;}

#seeSample {position: absolute; text-align: right; right: 20px; top: 20px; font-size: .8em; text-decoration: none;}

#seeSample:hover {color: #463120;}

.need-SC-help {position: relative; z-index: 1000;}

.download-brochure {position: absolute; top: 11px; right: 20px; width: 212px; height: 45px; background: url(/content/images/secondaryPages/download-brochure.jpg) 0 0 no-repeat; overflow: hidden; text-indent: -1000px; display: block; z-index:300;}

.download-brochure:hover {background-position: 0 -45px;}

#Winter-Prevention li {padding: 0;}

#Winter-Prevention a {background-image:url(/images/tabbedPages/HealthWellness/Prevention-nav.jpg);}
#Winter-Prevention a:hover {zoom: 1;}
#pg .PWI-Vaccine.ON, #pg .PWI-Vaccine:hover {background-position: -186px 0;}
#pg .PWI-Diet {background-position: 0 -64px;}
#pg .PWI-Diet.ON, #pg .PWI-Diet:hover {background-position: -186px -64px;}
#pg .PWI-Excercise {background-position: 0 -128px;}
#pg .PWI-Excercise.ON, #pg .PWI-Excercise:hover {background-position: -186px -128px;}
#pg .PWI-Sleep {background-position: 0 -192px;}
#pg .PWI-Sleep.ON, #pg .PWI-Sleep:hover {background-position: -186px -192px;}
#pg .PWI-Hands {background-position: 0 -256px;}
#pg .PWI-Hands.ON, #pg .PWI-Hands:hover {background-position: -186px -256px;}

#seasonalWellness .descTiles a strong {white-space: nowrap; width: 195px;}
#greatPrices .bottom-callout {margin-top:540px;margin-bottom:30px;background-color:transparent}

   #ShoppersCompanionPref #pref-login {width:709px;height:200px;padding: 78px 0 0 28px;background:  url(/content/images/shoppers-companion/login-bgd.jpg) 0 0 no-repeat;margin-top:-2px}
   #ShoppersCompanionPref #pref-center {width:709px;height:536px;padding: 78px 0 0 28px;background:  url(/content/images/shoppers-companion/center-bgd.jpg) 0 0 no-repeat;margin-top:-2px}
   #ShoppersCompanionPref .green {color: #98ba2b; font-size:16px;font-weight:normal;font-family:Univers Light, Univers,Myriad Pro, Sans-serif;}
   #ShoppersCompanionPref p {font-size:11px;margin: 0 0 12px 0;}
   #ShoppersCompanionPref input {border:1px solid #ddd;}
   #ShoppersCompanionPref input.login {border:none;position:absolute;margin: -2px 0 0 3px;padding:0;}
   #ShoppersCompanionPref h5 {padding:20px 0 10px 0!important;}
   #ShoppersCompanionPref h6 {padding:0;margin:0 0 2px 0;font-size:14px}
   #ShoppersCompanionPref .block1 {margin-top:18px;}
   #ShoppersCompanionPref .block2 {margin-top:41px;}
   #ShoppersCompanionPref .input-td {padding:0 15px;width:15px !important;}
   #ShoppersCompanionPref .input-td input.check {position:relative;top:3px;}
   #ShoppersCompanionPref .info-td p, .block2 p {margin: 0 0 4px 0;}
   #ShoppersCompanionPref .info-td {padding-bottom:10px;}
   
.produce-index .calloutTall {background:  url(/content/images/produce/recipes-right-large.jpg) 0 0 no-repeat;height:385px;left:495px;top:0;width:245px;}
.produce-index .calloutTall p {margin: 157px 0 0 16px !important;font-size:11px !important;width:215px;}
.produce-index .calloutTall a {display:block;width:95px;height:23px;margin: 253px 0 0 138px;}

.deliBakery-index .callout1 {
    display:block;
    position:absolute;
    width:245px;
    height:188px;
    left:495px;
    top:0;
    left:500px;
    }
.deliBakery-index .callout2 {
    display:block;
    position:absolute;
    width:245px;
    height:188px;
    left:495px;
    top:190px;
    left:500px;
    }

.produce h4 {font-family:Univers Light, Univers,Myriad Pro, Sans-serif;font-size:15px;padding: 0 0 5px 0;margin: 0;color:#587745}
.produce h4 span{display:block;color:#463120;}
#tabbed-block .produce p, #content .produce p {padding:0;margin:0;}
#tabbed-block .produce-fresh p, #content .produce-fresh p, #tabbed-block .produce-fresh ul.bulleted, #content .produce-fresh ul.bulleted,.produce-fresh b {font-size:11px;}
.produce-fresh b {display:block;margin-bottom:3px;}
.produce .middle div {width:150px;float:left;margin-right:10px;}
#tabbed-block .produce-fresh ul.bulleted li {padding:0 !important;margin: 0 0 5px 0 !important;}
#tabbed-block .produce-fresh ul.bulleted {margin:0 0 0 15px !important;}
#tabbed-block .produce-fresh .bottom ul.bulleted {width: 200px;float:left;padding-right:10px;}
#tabbed-block .produce-fresh .shell {background: url(/content/images/produce/fresh-bgd.png) 0 0 no-repeat !important;}
#tabbed-block .produce .callout-right {position:relative;top:5px;left:2px;}
#tabbed-block .right-rail {background:  transparent}
#tabbed-block .produce-fresh .left-rail {overflow:hidden;position:relative;}
#tabbed-block .produce-fresh .top {margin: 16px 0 30px 0;padding-left:5px;}
#tabbed-block .produce-fresh .middle {margin: 0 0 130px 0;padding-left:5px;width: 800px;overflow:hidden;}
#tabbed-block .produce-fresh .bottom {padding-left:5px;}
a.buy-local {width:195px;height:135px;position:relative;display:block;top:25px;left:20px;}

.produce .shell {padding-bottom:40px !important;}
.more-matters {position:absolute;bottom:0;right:0;text-align: right;font-size:10px;}
.overlay {clear:both;margin:0;width:730px;height:100%;background-color:#000;position:absolute;top:3px;left:0;z-index:1001;-moz-opacity: 0.7 !important;opacity:.70 !important;filter: alpha(opacity=70) !important;}
