#content.tabbed h1 {position: absolute; top: 65px; left: 39px; font-size: 3em; z-index: 9999; padding: 0; }


#NutritionTabMenu,#communityTabMenu {left:0}
#inStoreTabMenu ul {margin-left: -115px; _margin-left: -131px;}
#homeEarthTabMenu ul {margin-left: -240px; _margin-left: -350px;}
#SavingsTabMenu ul {margin-left: -288px; _margin-left: -279px;}
#NutritionTabMenu ul {margin-left: -200px; _margin-left: -217px;}
#NutritionMainTabMenu ul {margin-left: -468px; _margin-left: -479px;}
#HolidayTabMenu ul {margin-left: -400px; _margin-left: -413px;}
#communityTabMenu ul {margin-left: -183px; *margin-left: -173px; _margin-left: -186px;}
.communityTabMenuDonations ul {margin-left: -182px !important; *margin-left: -180px !important; _margin-left: -180px !important;}
#ourBrandsTabMenu ul {margin-left: -98px; *margin-left: -78px;}
#currentPromotions .tabs ul {margin-left: -127px; _margin-left: -142px; }
#FoodSafetyTabMenu ul {margin-left: -469px; _margin-left: -438px;}
#promoTabMenu ul {margin-left: -127px !important; _margin-left: -150px !important;}
#SavingsTabMenu, #FoodSafetyTabMenu, #communityTabMenu, #promoTabMenu, #homeEarthTabMenu {height:36px;overflow:hidden;}

.tabs {
    display: block; 
    height: 36px; 
    position: absolute; 
    padding-left: 15px; 
    z-index: 30; 
    left: 0px; 
    top: 129px; 
    width: 740px; 
    overflow:hidden; 
    background: url(../images/tabbedPages/bkg.jpg) -2223px 35px no-repeat;
}
.tabs ul {
    display: block; 
    height: 55px; 
    width: 820px; 
    margin-left: -108px;  
    _margin-left: -138px;
}
.tabs li {
    position: relative; 
    float: right; 
    display: block; 
    clear: none; 
    height: 55px; 
    margin-left: -40px; 
    z-index: 10; 
}
.tabs li cite, .tabs li code, .tabs li a {
    display: block; 
    float: left; 
    clear: none; 
    background: url(../images/tabbedPages/tabs.png) -33px -165px repeat-x; 
    height: 55px; 
    width: 36px; 
    text-align: center; 
    _background-image: url(../images/tabbedPages/tabs-ie6.png); 
    _width: 30px; 
    _padding: 0 0 0 4px; 
}
.tabs li a {
    width: 60px; 
    white-space: nowrap; 
    height: 49px; 
    padding-top: 6px ; 
    text-decoration: none; 
    position: relative; 
    z-index: 4;
    color: #685c53; 
    _padding: 6px 8px 0 8px;
}
#NutritionTabMenu ul li a, #homeEarthTabMenu ul li a {width: auto; white-space: nowrap; }
#homeEarthTabMenu ul li a {padding:6px 2px 0 2px !important; }
#homeEarthTabMenu ul li.selected a {padding:6px 0 0 0 !important; }
.tabs li.selected {z-index: 20;}
.tabs li.selected a {background-position: 0 -55px; color: #463120; font-weight: 900; }
.tabs li a:hover {color: #463120;}
.tabs li cite {background-position: -33px -110px; position: relative; z-index: 2;}
.tabs li.selected cite {background-position: -33px 0; }
.tabs li cite.last {background-position: 49px -110px;}
.tabs li.selected cite.last {background-position: 49px 0px;}
.tabs li code { width: 33px; background-position: 0 -110px; position: relative; z-index: 2; _background-position: -10px -110px; _width: 12px;}
.tabs li.selected code {background-position: 0 0; _background-position: -10px 0; }
#currentPromotions .tabs li a {width: 110px;}
#communityTabMenu ul li a {width: auto;}


#ourBrandsTabMenu ul li code,#ourBrandsTabMenu ul li cite {width: 31px;}

#ourBrandsTabMenu li a {
    margin-right:-7px;
    _margin-right:0px;
    _margin-left:-7px;
    width: auto;
    _width: 10px;
    padding:6px 0 0 11px; 
    _padding: 6px 0px 0 4px;
    overflow:visible; 
    text-align: center !important; 
    height: 49px; 
    text-decoration: none; 
    position: relative; 
    z-index: 4; 
    color: #685c53; 
    font-size:12px !important;
}
#ourBrandsTabMenu li.selected a {margin-right:0px;padding: 6px 0 0 4px;_padding: 6px 4px 0 0px;}

.tabs li a:after, 
.tabs li a em /* ie<8 get this element inline */ {content: attr(title); white-space: pre; *white-space: nowrap;  display: block; visibility: hidden; font-weight: 900; color: red; line-height: .6em; text-align: center;}




.left-rail {width:370px;float:left;}
.right-rail {width:240px;float:right;}
 

#content.tabbed {background: url(../images/tabbedPages/bkg.jpg) -1480px 0 repeat-y;_width: 740px;_overflow:hidden;}

#content.tabbed #hero {
    position: relative; 
    display: block; 
    height: 165px; 
    margin: 0 0 10px 0;
    width: 740px; 
    background: url(../images/tabbedPages/bkg.jpg) 2px 0 repeat-y; z-index: 30;}

#content.tabbed #hero img { position: relative; float:right; z-index: 10;}

#hero span {display: block; background: url(../images/tabbedPages/bkg.jpg) -740px 0 no-repeat; position: absolute; top: 0; left: 2px; width: 738px; height: 67px; z-index: 2;}

#bd .tabbed .folder {position: relative; padding-bottom: 20px; margin: 0 0 0 3px; *background: none; z-index: 50;}

.folder .tab {position: relative; z-index: 100;}

.shell {position: relative; float: left; width: 737px; _float: none;}

.shellExtension {background: url(../images/tabbedPages/bkg.jpg) -1482px 0 repeat-y; margin-left: 3px; float: left; clear: both; padding: 50px 0;}

#In-Store #landingTabs {left: 15px; top: 7px;}

#hero h1 a, .basic h2 {font-size: 1em; color:#472704; font-family: Bookman,Georgia,"Times New Roman",Times,serif; text-decoration: none; }

#hero h1 a em {display: none}

#hero h1 a:hover em, #hero h1 em {display: block; font-size: .4em; position: absolute; top: 100%; left: 70px; width: 200px; height: 20px; }

.NutritionHero h1 {margin:10px 0 0 -20px;}

.NutritionHero h1 a {color: #fff !important}

.NutritionHero {background: url(../images/nutrition/hero.png) top right no-repeat !important;}

.basic h2 {position: absolute; color: blue; top: 109px; left: 70px; border: 0px none; color: #0070af; font-size: 2.4em; font-weight: normal; }

.tabContentHero {padding: 6px 8px 6px 5px; width: 655px; height: 114px; background:  url(../images/tabbedPages/heros/tabContentHero-bkg.jpg) 0 0 no-repeat; position: relative; margin-bottom: 30px;} /*also referred to as "TCH"*/

.TCHpromotiles {margin: 65px 0 30px 43px; _margin-left: 34px;}

.TCHcopy {position: absolute; top: 83px; left: 405px; display: block; width: 300px;}

.featured {float: right;}

#content.tabbed p {margin-bottom: 18px;}

#returnToMain {position: absolute; top: 44px; right: 44px; text-align: right; color: #0070AF;}

#subNav {
    display:block;
    padding:20px 20px 20px 0px;
    text-align: right;
    font-size:12px;
    }
#subNav a{
    margin:0 3px 0 3px;
    }
#subNav a:hover{text-decoration:none;}
#subNav a.selected{
    font-weight:bold;
    color:#463120;
    text-decoration:none;
    }
    
#returnToMain.offset {right: 5px; top: 15px;}

#returnToMain.noTab-offset {right: 37px; top: 8px;}

#landingTabs div.tall {background: url(/content/images/tabbedPages/tallTab-bkg.jpg) 0 0 repeat-y; width: 401px; padding: 10px 40px 10px 40px; margin-left: -22px; height: auto; position: relative;  _overflow: hidden; }

#landingTabs div.tall div.foot {background: url(/content/images/tabbedPages/tallTab-bkg.jpg) -481px 0 no-repeat; width: 481px; height: 18px; display: block; position: relative; top: 20px; left: -40px; _top: 10px; }


/* page specific tabs settings below: */

.promoPage {
    display:block; 
    margin-left: 10px; 
    /*padding: 0 0 0 40px; 
    _padding: 0; 
    _width: 720px; 
    margin-left: -8px; 
    _margin-left: 18px;*/
}

.promoPage h2 {border-bottom: 0px none; display: block; height: 1px; overflow: hidden; text-indent: -20000px;}

.promoPage div {
    display: block; 
    float: left; 
    clear: none; 
    width: 352px; 
    height: 141px;  
    /*width: 300px; 
    _width: 300px; */
    text-decoration: none; 
    margin: 10px 10px 0 0; 
    /*padding-bottom: 20px;*/
    line-height: 1.2em;  
    font-size:11px;
    }
.promoPage div span {display:block; width:180px; margin:60px 0 0 15px; }
.promoPage div span a{}
.promoPage a:hover {/*color: #463120;*/ text-decoration:none;}


.currentPromotions {
    display:block; 
    margin-left: 40px; 
}
.currentPromotions div{
    display: block; 
    float: left; 
    clear: none; 
    width: 320px; 
    _width: 320px;
    text-decoration: none; 
    margin: 10px 25px 0 0; 
    padding-bottom: 0px;
    line-height: 1.2em;  
    font-size:11px;    
    }
.currentPromotions h2 {border-bottom: 0px none; display: block; height: 1px; overflow: hidden; text-indent: -20000px;}
.currentPromotions div a{text-decoration:none;}
.currentPromotions div a:hover {color: #463120; }
.currentPromotions div img {display:block; padding:6px 6px 12px 6px; background: url(../images/tabbedPages/promo-frame.jpg) 0 0 no-repeat; }
.currentPromotions div span {display:block; float:left; width:10px; height:35px; margin-right:5px;}

.mobilePromotions {display:block; margin-left: 40px;}
.mobilePromotions h2 {border-bottom: 0px none; display: block; height: 1px; overflow: hidden; text-indent: -20000px;}

.calloutMobile{display:block; margin-left:0px; overflow:hidden; clear:both;}
.calloutMobileImg{float:right; background:none; padding:0;}

.currentSponsors {
    display:block; 
    margin-left: 40px; 
}
.currentSponsors div{
    display: block; 
    float: left; 
    clear: none; 
    width: 320px; 
    _width: 320px;
    text-decoration: none; 
    margin: 10px 25px 0 0; 
    padding-bottom: 0px;
    line-height: 1.2em;  
    font-size:11px;    
    }
.currentSponsors h2 {border-bottom: 0px none; display: block; height: 1px; overflow: hidden; text-indent: -20000px;}
.currentSponsors div a{text-decoration:none;}
.currentSponsors div a:hover {color: #463120; }
.currentSponsors div img {display:block; margin-left: 0px; _margin-left: 0; padding:6px 6px 12px 6px; background: url(../images/tabbedPages/promo-frame.jpg) 0 0 no-repeat; }
.currentSponsors div span {display:block; float:left; width:10px; height:35px; margin-right:5px;}

.fullPromoCTAs a {text-align: right; height: auto;}

.promoPage img {margin-left: -10px;  _margin-left: 0; padding: 6px; background: url(../images/tabbedPages/promo-frame.jpg) 0 0 no-repeat; }

.promoPage a pre {display: inline; text-decoration: none;}

.promoPage a span {height: 54px; float: left; display: block; width: 18px; font-size: .7em;}

.promoPage a dfn {color:#463120; font-style: normal; text-align: left; display: block; margin-bottom: 0; padding-bottom: 10px; }

.promoPage a:hover dfn {color: #eb5d24;}

.jsEnabled .folder {position: relative; height: 600px; }

.jsEnabled .folder .tab {display: none; position: absolute; top: 0px; left: 0px; }

.jsEnabled .folder .selected {display: block;}

#currentPromotions .jsEnabled .folder {height: 900px;}

.promo-hero {height:165px;float:right}

/* OUR BRANDS TABS */

.tabs a.tasteOfInspirations {width: 86px;}

#content .folder .basic {padding: 65px 28px 0 41px; width: 671px;}

#ourBrandsTabs .shell {padding: 0px 28px 0 41px; width: 671px;}

#ourBrandsTabs #ourBrandsLanding .shell { padding: 0; height: 814px;}

#ourBrandsLanding .shell, #In-Store .shell {background: url(/content/images/tabbedPages/our-brands-bkg.jpg) -2px 0 no-repeat;  padding: 0; width: 736px;}

.folder .movie {
    position: absolute;
    background:#ffffff url(/content/images/Our-Brands/videoBg.gif);
    overflow:hidden;
    display:block;
    width: 469px;
    height: 370px;
    margin: 7px 0 0 15px;
    _margin-left: 9px;
    }
    
.folder .movie .videoClose {
    position:absolute;
    top:6px;
    right:12px;
    z-index:100;
    display:block;
    filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
    /*position:relative;
    z-index:100;*/
    }
    .videoClose:hover {
    filter:alpha(opacity=100);
	-moz-opacity:1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;
    }
    
.folder .movie #ourBrandsVideo {
    position: absolute;
    z-index:10;
    margin-top:0px;
    display:block;
    width:469px;
    height:365px;
    background:#ffffff;
    overflow:hidden;
    }
.folder .ourBrandsCallout {
    position: relative;
    width: 469px;
    height: 365px;
    margin: 7px 0 0 15px;
    float: left;
    _margin-left: 9px;
    }

.shell .calloutTall  { width: 227px; height: 365px; position: absolute; top: 8px; left: 500px;}

#ourBrandsLanding #PB, #InStoreLanding #PB {background: none; position: absolute; left: 0; top: 405px;}

#bistro .folder #onTheGoBistroContent .shell {padding: 0; width: 736px; z-index: 5000; position: relative;}
#tasteOfInspirationsContent img.featured {position:absolute;top:80px;left:410px}  
.right-rail .calloutTall {position:static !important;}
#tasteOfInspirationsContent .right-rail .calloutTall {margin-top:90px;}
#tasteOfInspirationsContent .left-rail {padding-bottom:80px;}

/*tabbed content within tabbed architecture*/

.tabs .oneLiner {padding-top: 12px;}

.tab .tabbed {background: url(../images/tabbedPages/tabbed-content-bkg.jpg) 3px 0 no-repeat;}
.tab .tabbedNoBoxes {background: url(../images/tabbedPages/tabbed-content-bkg-noBoxes.jpg) 3px 0 no-repeat;}
.tab .tabbedTwoBoxes {background: url(../images/tabbedPages/tabbed-content-bkg-twoBoxes.jpg) 3px 0 no-repeat;}
.tab .tabbedBabyCare {background: url(../images/tabbedPages/tabbed-content-bkg_babyCare.jpg) 3px 0 no-repeat;}

.no-block .shell {background: url(/content/images/secondaryPages/structural/landing-shell_bg_noboxes.jpg) 0px -30px no-repeat !important;height:100% !important;}
.two-block .shell {background: url(/content/images/seafood/bgd-inner.jpg) 0px 0 no-repeat !important;height:100% !important;}
.one-block .shell {background: url(/content/images/seafood/seafood-inner-bgd-recipe.jpg) 0px 0 no-repeat !important;height:100% !important;}

.folder #landingTabs {position: relative; top: 6px; left: 17px; height: 550px; float: left; _float: none;}

.navigateALT {display: block; width:444px; text-align: right;}

#In-Store .folder #landingTabs {height: 400px;}

#CTAs {position: absolute; top: 6px; left: 503px;}

#CTAs a {position: absolute; left: 0;}

#CTA1 {top: 0;}

#CTA2 {top: 152px;}

#CTA3 {top: 302px;}

#CTA1-twoBoxes {top: 0;}

#CTA2-twoBoxes {top: 0px;}

#CTA3-twoBoxes {top: 150px;}

a.pharmacyHealth {padding-right: 6px; _padding-right: 0;} /*widens the pharmacy tab a bit*/


/* PB-show */

#pbShow ul {display: block; position: absolute;}

#pb-thankYou .shell {position: relative; z-index: 5000;}


/* BABY & PET */

.specialsAndCoupons {margin-top: 50px;}

.couponHero, .specialsHero {background: url(/content/images/tabbedPages/pets/coupons-hero.jpg) 0 0 no-repeat; width: 485px; height: 126px; position: relative; padding: 0; top: 0;}

#babyCoupons .couponHero {background: url(/content/images/tabbedPages/baby/coupons-hero.jpg) 0 0 no-repeat}

#babySpecials .specialsHero {background: url(/content/images/tabbedPages/baby/specials-hero.jpg) 0 0 no-repeat}

#petSpecials .specialsHero {background: url(/content/images/tabbedPages/pets/specials-hero.jpg) 0 0 no-repeat}

#petSpecials h4, #babySpecials h4 {padding:  20px 0 0 23px; color: #463120; margin-bottom: 16px;}

.couponHero ul { width: 200px; height: 36px; overflow: hidden; margin:  85px 0 0 152px; float: left;}

.couponHero span { background: url(/content/images/tabbedPages/pets/coupons-hero.jpg) -485px 0 no-repeat; width: 135px; height: 126px; position: absolute; top: 0; right: 0; display: none; z-index: 90;}

.couponHero span.catAndDog {display: block; width: 255px; background-position: -621px 0;}

.couponHero h3 { font-family: Bookman,Georgia,"Times New Roman",Times,serif; position: absolute; top: 20px; left: 40px; white-space: nowrap; left: 158px; top: 50px; z-index: 100;}

#babyCoupons .couponHero h3 {left: 178px; }

#flashPrinter  {width: 220px; margin: 20px 0 0 6px; float: left; clear: none; padding-left: 20px;background-color:#fff;}

.jsDisabled dl.coupons {display: block;}

dl.coupons {margin-left: 10px; display: none; width: 480px; clear: left;}

dl.coupons dd, dl.coupons dt {background: #f0e8ce; padding: 4px 20px; width: 100px; float: left; display: block; clear: none; text-align: center;}

dl.coupons dd {color: #cd0000;}

dl.coupons dt {clear: left; width: 300px; text-align: left; }

dl.coupons .header {font-weight: 900; padding: 6px 20px;  padding: 8px 20px; position: relative; color: #463120; z-index: 80;}

dl.selected {display: block;}

#baby-coupons #bd .folder, #pet-coupons #bd .folder, #baby-coupons #bd .folder, #petPartners-coupons #bd .folder {background: none;}

#baby-coupons #CTAs, #pet-coupons #CTAs {background: url(/content/images/tabbedPages/coupons-callouts-bkg.jpg) 0 0 no-repeat; padding: 5px; left: 494px; top: -2px; width: 233px; height: 400px;}

#baby-coupons #CTA1, #pet-coupons #CTA1 {top: 7px; left: 9px; }

#baby-coupons #CTA2, #pet-coupons #CTA2 {top: 157px; left: 9px; }

#specialsListing dd {text-align: left; }

#specialsListing dd.header img {position: absolute; left: -33px; top: -4px; z-index: 100; }

p.disclaimer {float: left; clear: both; padding-top: 20px; width: 480px; margin-left: 20px; font-style: italic; font-size: .8em; line-height: 1em;}

#bd #content.inStore {min-height: 615px; _overflow: hidden;}

#babyCoupons .tabs a {width: 85px;}

#babyCoupons .tabs ul {width: 300px; margin-left: 132px; height: 33px; _margin-left: 80px;}

#babyCoupons .tabs li {height: 33px; overflow: hidden;}

#printToggle {display: block; float: left; width: 204px; height: 200px; overflow: hidden; padding-left: 14px;}

#printToggle.formula  img {margin-top: -200px;}

#bd .huggiesTab p, #bd .pullupsTab p {width: 270px; _width: 260px; _margin-bottom: 10px;}

#bd .pullupsTab img, #bd .huggiesTab img {float: right; clear: none; display: block; position: relative;}

#petCoupons #printToggle {width: 228px; padding-top: 26px; height: 156px;}

sup {font-size: .6em;  vertical-align: top;}


/* baby pet sponsor sliders */ 

#bd #babyPetSponsors {width: 467px; height: 92px; position: relative; display: block; overflow: hidden; top: 0; left: -15px;}

#bd #babyPetSponsors div {display: block; top: 0; left: 0;}

#bd #babyPetSponsors .view {width: 396px; height: 92px; overflow: hidden;  position: absolute; left: 35px; z-index: 100;}

#bd #babyPetSponsors img, #bd #babyPetSponsors #Banner2 {display: block; position: absolute; left: 0; top: 0;}

#pg #bd #nextSponsor, #pg #bd #lastSponsor {width: 35px; height: 92px; position: absolute; left: 0; top: 0; background: url(/content/images/pb-slider/slider-controls.jpg) -7px 0; z-index: 150; }

#pg #bd #nextSponsor {left: 431px; background-position: -42px 0;}

#pg #bd #lastSponsor.hover {background-position: -91px 0;}

#pg #bd #nextSponsor.hover {background-position: -126px 0;}


/* tiled product grid */

ul.tiledProducts li {display: block; width: 245px; text-align: center; float: left; clear: none; }

.tiledProducts a {text-decoration: none; white-space: nowrap;}

.tiledProducts .NP {padding-bottom: 6px;}

.tiledProducts .PP {padding-bottom: 7px;}

#charitiesWeSupport .folder h3 {color: #0070af; font-family: Bookman,Georgia,"Times New Roman",Times,serif; font-size: 2.2em; font-weight: normal; margin: 30px 0 10px 30px;}


/* expandable side rail box on tab content*/

.brownBox {width: 197px; padding: 20px; position: relative; float: right; font-size: .8em; line-height: .7em; margin-left: 20px; _margin-left: 14px;}

.brownBox * {position: relative; z-index: 20; line-height: 1.2em;}

.brownBox, .brownBox cite, .brownBox code {display: block;background-image: url(/content/images/tabbedPages/brown-box-sprite.jpg);}

.brownBox cite, .brownBox code { width: 237px; height: 104px; position: absolute; left: 0; z-index: 10;}

.brownBox cite {top: 0; background-position: -237px 0;}

.brownBox code {bottom: 0; background-position: -474px 0;}

.brownBox dl {_position: static;}

.brownBox dl dd, .brownBox dl dt {width: 80px; float: left; clear: none; display: block; height: 20px; padding: 8px; line-height: 1em;}

.brownBox dl .alt {background: #f5eee9;}

.brownBox dl dt {clear: left;}

#fl-cf-app {display: block; height: 51px; overflow: hidden; }/* apply now button on .brownBox */

#fl-cf-app:hover img {margin-top: -51px;}


.navRail {width: 200px; padding-left: 25px; margin-left: -25px; _margin-left: -15px; float: left; }

.navRail ul {width: 200px; padding: 30px 4px 30px 25px; margin: -20px 0 0  -25px; background:url(/content/images/tabbedPages/navRail-stripes.gif); font-size: .84em;  }

.navRail li {padding: 6px 0;}

.navRail a {text-decoration: none; white-space: nowrap;}

.navRail a:hover {color: #000;}

.rightSide {float: right; width: 445px; clear: none;}

.lionSSbox {padding: 70px 14px 20px 20px; position: relative; float: left; clear: left; margin: 0 20px 10px 0; _margin: 0 10px 6px 0; width: 166px; background: url(/content/images/tabbedPages/community/structural/lionSSbox.jpg) 0 0 repeat-y;}

.lionSSbox ul {position: relative; z-index: 20;}

.lionSSbox cite, .lionSSbox code {display: block; position: absolute; width: 200px; left: 0; height: 70px; z-index: 10; background: url(/content/images/tabbedPages/community/structural/lionSSbox.jpg) -400px 0 no-repeat;  }

.lionSSbox cite {top: 0;}

.lionSSbox cite.SS {background-position: -600px 0;}

.lionSSbox code {background-position: -200px 0; bottom: 0px; }

.lionSSbox li { padding: 5px 0;}

.lionSSbox a {white-space: nowrap; line-height: 1.2em; font-size: .8em; text-decoration: none; font-style: normal;}

.lionSSbox a span {text-decoration: underline; font-size: 1.2em;}

.lionSSbox a:hover {color: #463120;}

#HWCommunity-volunteering .shell {padding-top: 31px;}

#landingTabs #PetPartnersTab {background: url(/content/images/tabbedPages/pets/TABS/Pet-Partners-Tab.png) 0 0 no-repeat; _background-image: url(/content/images/tabbedPages/pets/TABS/Pet-Partners-Tab-ie6.png);display:block; height:88px; left:1px; position:absolute; top:4px; width:108px; z-index:1000;}


/* recipes */
.recipe em {font-weight: 900; font-style: normal; }

.ingredients {margin-left: 20px; width: 700px; list-style-type: circle; padding-bottom: 20px; _width: 660px;}

.ingredients li {float: left; clear: none; width: 310px; height: 30px; padding-bottom: 6px; margin-right: 20px; _margin-right: 10px; line-height: 1.3em; _list-style-type: square;}

ol.directions {list-style-type: decimal; padding-left: 20px; line-height: 1.2em;}

ol.directions li {padding-bottom: 6px; font-weight: 900;}

ol.directions span {font-weight: normal;}

.recipe-origin {padding: 10px 0 20px; font-size: .8em;}

h3.directions {padding: 20px 0 0;}

.recipePage .shell h4 {color: #8e7cb9; font-size: 1.4em; padding-top: 10px; text-transform: uppercase;}

.courtesyOf {font-weight: 900; font-style: italic;}

.dietary {border: 6px #bbd1e4 solid; border-width: 6px 4px; padding: 2px; background: #fff; display:  block; font-weight: 900; color: #355986; _width: 660px; margin-bottom: 20px; }

.supplements {border-color: #d4ebc7; color: #188b26;}

.dietary div {background: #bbd1e4; _zoom: 1; padding-top: 6px; }

.supplements div {background: #d4ebc7; }

.dietary h4, .dietary dt {text-transform: uppercase; color: inherit;}

.dietary h4 {font-size: 1.6em; padding: 4px 0 10px 10px; margin: 0;}

.dietary dl {display: block; padding: 13px; float: left; clear: none; background: #dde8f1; width: 284px; border: 10px solid #bbd1e4; border-width: 0 0 4px 10px;}

.supplements dl {background: #eef7e9; border-color: #d4ebc7;}

.dietary span {float: left; display: block; clear: none; width: 320px;}

.dietary dd {font-style: italic;}

#ImportanceOfDiet h3, #SkinCareTips h3, #coldsAndFlu h3 {text-transform: uppercase;}

.seasonalWellness #returnToMain, .recipePage #returnToMain {top: 13px; }

/* In-Store */

#InStore #ourBrandsLanding .shell {background: url(/content/images/tabbedPages/in-store-bgd.jpg) -2px 0 no-repeat;}
#InStore .calloutTall  {left: 502px;}
#InStore #landingTabs, #tabbed-block #landingTabs {height:400px;}
.bottom-callout {padding: 15px;}
.bottom-callout div {width: 33%;float:left;text-align:center;}
.bottom-callout div a {display:block;margin-top:10px;}
h2.brown-title, h2.green-title, h2.blue-title {border:none;padding: 15px;font-size:20px;font-family:Bookman, Georgia, "Times New Roman", Times, serif;} 
h2.brown-title a, h2.green-title a, h2.blue-title a {float:right;font-weight:normal;font-size:12px; line-height:24px;font-family:Verdana, Arial, Helvetica, sans-serif;_position:relative; _top:-35px;}
h2.green-title {color:#93a42a;}
h2.blue-title {color:#0070af;padding-bottom:0 !important;_top:-15px !important;}
h2.blue-title a {_top:-20px !important;}
h2.light-blue {color: #3ea3a7;}
.container h2.brown-title, .container h2.green-title, .container h2.blue-title{padding: 15px 0;}
a.threewide {display:block;width:160px;height:110px;background: url(/content/images/In-Store/three-wide-box.jpg) top left no-repeat;overflow:hidden;text-align:center;padding:20px;text-decoration:none;float:left;margin: 0 30px 30px 15px;_margin-right:25px;}
a.threewide img {display:inline;margin:5px 0; }
a.threewide:hover {color: #BB5405}
.container {padding:0 15px;}
h3.hero {text-align:center;}

/* Pharmacy */

.pharm-left, .order-left {width:195px;float:left;margin-right:20px;}
.pharm-left ul {margin-bottom:30px;}
.pharm-left ul li {margin-bottom: 4px;}
.pharm-left ul li a {text-decoration:none;}
.pharm-right, .order-right {width:490px;float:left;}
table.chart th{padding-bottom:5px;border-bottom:1px solid #333;}
table.chart td {border-bottom:1px solid #ccc;padding: 5px 0}

/* Special Order */
.order-right ul li {margin-bottom:15px;}

/* Seafood Section */

.mt20 {margin-top:20px !important;}

#tabbed-block  .calloutTall p {margin: 10px 0;}
#tabbed-block .calloutTall hr {margin: 34px 0 13px 0;*margin: 26px 0 6px 0;color: #ccc ;background-color: #ccc ;border:none ;height:1px;}
#tabbed-block .tabbedlanding .shell {background: url(/content/images/seafood/bgd.jpg) 0px 0 no-repeat !important;height:100% !important;}

#seafood-menu a, #primer-menu a {text-decoration:none;}
#seafood-menu a:hover, #primer-menu a:hover {text-decoration:underline;}
#seafood-menu a.selected, #primer-menu a.selected {color: #000;font-weight:bold;}
#seafood-menu a.selected:hover, #primer-menu a.selected:hover {text-decoration:none;}
#seafood-menu {display:block; font-size:12px; text-align:center; margin-top:-5px; padding-top:10px;}

#primer-menu {text-align:left;margin:-5px 0 0 15px;padding-top:10px;z-index:999;position:relative;font-size:12px;top:5px;}

#tabbed-block .no-block .left-rail {width:470px;float:left;margin-right:19px;_margin-right:18px;padding: 30px 0 20px 10px;overflow:hidden}
#tabbed-block .no-block .right-rail {width:220px;float:left;padding: 30px 10px 20px 0;}

#tabbed-block .two-block .left-rail {width:470px;float:left;margin-right:19px;_margin-right:18px;padding: 35px 0 20px 10px;overflow:hidden;}
#tabbed-block .two-block .right-rail {width:220px;float:left;padding: 30px 10px 20px 0;}
#tabbed-block .two-block h3, #tabbed-block .two-block h5 {padding-left:10px;margin:15px 0 5px 0;}
#tabbed-block .two-block p {padding-left:10px;}
#tabbed-block .two-block ul li {margin-bottom:7px;}

span.question {cursor:pointer;}
span.question img {text-decoration:none;cursor:pointer;}
#tabbed-block .two-block ul.bulleted {margin-left: 40px;} 
.featured-seafood {padding: 0 5px;margin-bottom:40px;font-size:11px;}
.featured-seafood p {margin: 5px 0 0 0;line-height:17px;padding:0 !important;font-size:11px;}
/*.featured-seafood a {position:relative;top:-10px;}*/
#tabbed-block .seafood-selection {background-color:#f9f6ea; display:block; clear:both; padding: 5px;font-size:11px;margin-bottom: 15px;}
#tabbed-block div.seafood-selection h5 {margin: 10px 0 5px 0;padding:0 5px;}
#tabbed-block div.seafood-selection p {padding:0px 5px;margin:0 0 10px 0}
#tabbed-block div.seafood-selection .selected {background-color:#f6f1e0;padding: 5px 0;}
#tabbed-block div.seafood-selection .selected a {display: block;margin:10px;}
#tabbed-block div.seafood-selection .bulleted {margin-left:20px;}

span.question .question-cont {width: 150px;padding:5px;border:3px solid #f6f1e0; background-color:#f9f6ea;font-size:10px;line-height:11px; cursor:default;position:absolute;margin-left:31%}
span.question .question-cont a {display:block;margin-top:3px;font-weight:bold;text-align:right;cursor:pointer;}
span.question .question-cont ul { list-style-type: circle;margin:10px 0 0 20px;}

.drop h3{font-size:14px;font-weight:bold;padding: 10px;border: 1px #f5f4ed solid;margin:0px !important;cursor:pointer;} 
.drop-shade h3{ background-color: #f9f6ea;}
.drop img.arrow {float:right;margin-right:10px;*margin-top:-26px;}
.drop-content {border: 1px #f5f4ed solid;border-top:none;padding: 15px 10px 10px 0;}
.jsDisabled .drop-content {display:block !important;}
.font11 {font-size:11px;}

.learn-more {font-size:11px;}
.learn-more img {display:block;margin-bottom:10px;}
.learn-more p, .learn-more h5  {padding: 0px !important; margin-bottom:10px !important;}
.learn-more ul.bulleted {margin-left: 30px !important;}

.selecting-cont {border: 1px #f5f4ed solid;width:230px;}
.selecting-cont h3 {font-size:14px;font-weight:bold;padding: 10px;margin:0 0 15px 0 !important;background-color: #f9f6ea;} 
.selecting-cont ul.bulleted {margin-left:30px !important;}
.selecting-cont-left {margin:0 0 5px 0;float:left;}
.selecting-cont-right {float:right;height:249px;}
.selecting-cont span.question .question-cont {width: 150px;padding:5px;border:3px solid #f6f1e0; background-color:#f9f6ea;font-size:10px;line-height:11px; cursor:default;position:absolute;margin:6px 0 0 2.5%;*margin:18px 90px 0 0px;_margin:18px 90px 0 0px;}
.selecting-cont span.question img {text-decoration:none;cursor:pointer;float:right;margin-right:15px;*margin-top:-23px;}

.recipe-block {width: 107px; overflow:hidden; height:140px;text-align:center;float:left;padding:10px 5px;cursor:pointer;margin-bottom:15px;background-color:#f9f6ea;}
.recipe-block h6 {margin: 8px 0;line-height:15px;}

.recipe-box {position: absolute;left: 15px;*top:20%;width: 660px;background: #fff;z-index:1005;overflow: hidden;padding:20px;}
.recipe-box p {padding:0 !important;margin:0 !important;}
.recipe-box .close {display:block;cursor:pointer;text-align:right;}
.recipe-box .recipe-left {width:440px;float:left;_width:430px;overflow:hidden;}
.recipe-box .recipe-right {width:200px;float:left;}
.recipe-box .recipe-right a.recipe-print, .recipe-box .recipe-right a.recipe-share {display:block;cursor:pointer;background: #f9f3df url(/content/images/seafood/print-share.jpg) 0 0 no-repeat;height:28px;width:120px;margin:8px 0;padding: 17px 0 0 80px;font-weight:bold;}
.recipe-box .recipe-right a.recipe-share {background: #f9f3df url(/content/images/seafood/print-share.jpg) 0 -45px no-repeat;}
.recipe-box .recipe-directions {clear:both;float:none;}
.recipe-box img {float:left;margin-right:20px;}
.recipe-box h5 {float:left;padding:0 !important; margin: 10px 0  !important;width:275px;}
.recipe-box p.prep-time {float:left;width:275px;}
.recipe-box p.ingredients, .recipe-box .directions {clear:both;font-weight:bold;padding:15px 0 !important;}

/* savings */

#savings-menu {padding:10px 0 0 15px;}
.savings .right-rail {margin-top:-2px;} 
.savings .right-rail .learn-more {margin-top:10px;} 
.savings .left-rail {margin-top:-6px;} 
.savings .coupon-cont {
    display:block;
    width:470px;
    overflow:hidden;
    margin:20px 0 0 18px;
    padding:0 0 10px 0;
}
.savings .coupon-cont div {
    display:block; 
    clear:both;
    width:450px;
    overflow:hidden;
    padding:0px 0px 0px 0px !important; 
    margin:0 0 0px 0 !important; 
    font-size:11px;
    border-right:1px dashed #cccccc;
    border-bottom:1px dashed #cccccc;
    border-left:1px dashed #cccccc;
}
.savings .coupon-cont div.one {
    display:block;
    clear:both;
    width:450px;
    overflow:hidden;
    padding:0px 0px 0px 0px !important; 
    margin:0 0 0px 0 !important; 
    background-repeat:no-repeat;
    border-top:1px dashed #cccccc;
    border-right:1px dashed #cccccc;
    border-bottom:1px dashed #cccccc;
    border-left:1px dashed #cccccc;
}
.savings .coupon-cont div.campbells {
    display:block;
    clear:both;
    height:68px;
    overflow:hidden;
    padding:0px 0px 0px 120px !important; 
    margin:0 0 5px 0 !important; 
    color:#ffffff;
    background-image:url(/content/images/savings/campbellsCoupons.jpg);
    background-repeat:no-repeat;
    border-top:1px dashed #cccccc;
    border-right:1px dashed #cccccc;
    border-bottom:1px dashed #cccccc;
    border-left:1px dashed #cccccc;
}
.savings .coupon-cont div.campbells a {color:#ffffff;}

.savings .coupon-cont div.shaded {
    display:block; 
    clear:both;
    overflow:hidden;
    padding: 0px 0px 0px 0px !important; 
    margin:0 0 5px 0 !important; 
    font-size:11px; 
    background-color:#fbf8ef;
}
.couponText{
    display:block;
    float:left;
    width:330px;
    padding:10px 0px 10px 0px;
}


.savings .coupon-cont div h5 {padding: 0 !important;margin:0 0 3px 0 !important;}
.savings .coupon-cont div h5.white {color:#ffffff;padding: 0 !important;margin:0 0 3px 0 !important;}

#greatPrices .savings .bottom-callout {margin-top:360px;_margin-top:390px;}
.savings .folder {margin-top:-10px !important;}
#content.savings #hero {background: transparent;}

/* Our Brands */
.brands-hero {position:relative;right:30px;}
.return-link {margin:10px 0 10px 10px;}
.ourBrands-index .return-link {display:none;}

/*Food Safety */
.food-safety-index .return-link {display:none;}
.food-safety-index .shell {background: url(/content/images/tabbedPages/in-store-bgd.jpg) -2px 0 no-repeat !important;height:450px !important;}
.food-safety-index .calloutTall {background: url(/content/images/food-safety/news_bgd.gif)}
.food-safety-index .calloutTall ul {font-size:11px;padding: 60px 5px 0 14px;line-height:14px;}
.food-safety-index .calloutTall ul a {text-decoration:none;font-weight:bold;}
.food-safety-index .calloutTall ul li {margin-bottom:29px;}
.food-safety-index .calloutTall a.all-recalls {display:block;width:100%; height:40px;}

input.phone-num {width:88px;position:relative;top:-9px;}
.green  {
color:#98BA2B;
font-family:Univers Light,Univers,Myriad Pro,Sans-serif;
font-size:14px;
font-weight:bold;
}
.mobile-reg {margin: 15px 0 5px 0;}
.mobile-reg span {position:relative;top:-9px;}
.grey {color: #666}
.format {text-align:right;}
.format span {color: red;}