/*********************************************/ /* Chain Overrides for Homeland Stores */ /*********************************************/ /*-------------------------------------------*/ /* Main Body Styles */ /*-------------------------------------------*/ html { background: url("/Assets/187/Images/homeland_bg.jpg") repeat-y fixed center top #42210b; background-size: 1600px auto;} body { font-family: "Century Gothic" , "Lucida Grande" , "Arial", sans-serif; font-size: 14px; color: #000;} #container { background: none; width: 1110px; padding-left: 160px;} .main-wrapper { margin: 0 0 0 20px;} a:link, a:visited, a:active, a:hover, #CircularLists span a:hover { color: #0A72BA; } a.button, a.button:hover { background-color: #0A72BA; padding: 0 10px; font-family: "Century Gothic", Arial, sans-serif;} a.search-button, a.search-button:hover { background-color: #F7F2DA; border: 1px solid #564038; border-radius: 0 0 0 0; color: #564038; font-size: 100%; font-weight: bold; padding: 1px 15px;} a.button span, a.button span:hover, a.button:active span { padding: 3px 0;} h2 { border:none; font-size: 22px;} .pageHeader { color: #0A72BA; margin: 0 0 30px;} .pageHeader span { font-size: 14px; width: 100%; float:left; margin: 0;} th { background-color: #0A72BA; padding: 5px 0;} /*-------------------------------------------*/ /* Header and Main Nav */ /*-------------------------------------------*/ #StoreHeader { width:950px; height: 186px; background: url(/Assets/187/Images/header_bg.png) 0 0 no-repeat; margin-top: 10px; } #StoreHeaderLogo { margin: 25px 0 0 45px; position: absolute;} #StoreHeaderLogin { background: url("/Assets/187/Images/trans_beige_bg.png") repeat scroll 0 0 transparent; margin-right: 25px; margin-top: 5px; padding: 5px;} #LoginInfo { text-align: center;} #LoginGreeting { color: #000; text-align: left;} #login-register { width: 180px;} #main-login-button { float:none; width: 131px; margin: 0 auto;} #StoreInfoDiv { background: none; position: absolute; margin: -10px 0 0 14px; font-size: 77%; font-weight: normal;} #primary-navigation { padding: 13px 20px 0; } #primary-navigation li ul { background-color: #0A72BA; padding: 10px;} #primary-navigation li a { color: white} /*-------------------------------------------*/ /* Home Page */ /*-------------------------------------------*/ #slideshow { background: url("/Assets/187/Images/slideshow_bg.png") no-repeat; height: 280px; width: 685px;} #slideshow img { height: 269px; margin: 0 auto;} .slide { top: 2px; left: 3px; width: 672px; height: 271px;} #playpause { display: none;} #slideNavButtons { display: block; bottom: 8px; right: 20px;} #SplashContainer, .home-splash-wrapper { margin-bottom: 0;} #AdPromo { background: none; width: 225px; height: 285px; padding: 0;} #AdPromo h2 { color: #000;} .ad-pod-top { background: url('/Assets/187/Images/currentad_pod_top.png') no-repeat; height: 15px;} .ad-pod-mid { background: url('/Assets/187/Images/currentad_pod_mid.png') repeat-y; height: 241px; overflow: hidden;} .ad-pod-mid a img { height: 153px;} .ad-pod-bottom { background: url('/Assets/187/Images/currentad_pod_bottom.png') no-repeat; height: 25px;} .generic-pod { width: 290px; height: 232px; overflow: hidden; float:left; margin: 10px 20px 0 0;} .generic-pod p { margin: 0; padding: 0 5px 5px 0; font-size: 100%} .pod-top { float:left; width: 97%; background: url('/Assets/187/Images/pod_top.png') top left no-repeat; height: 55px; padding-right:10px;} .pod-top h2 { color: #FFF; width: 92%; padding: 10px; margin: 0; text-align: center; font-size: 21px;} .pod-mid { float:left; background: url('/Assets/187/Images/pod_mid.png') top left repeat-y; padding: 0 20px 10px 10px; } .generic-pod .pod-mid { float: left; width: 90.5%; height: 137px;} .pod-bottom { float:left; width: 100%; background: url('/Assets/187/Images/pod_bottom.png') bottom left no-repeat; height: 25px; padding: 0 0 15px;} .home-pod-image { float:right; max-width: 280px;} a.pod-link { float:left; color: #0A72BA; width: 100%; text-align: center;} #home-coupon-list { width: 99%; background: white; float: left;} a.home-coupon-link { float:left; margin: 0 13px;} a.home-coupon-link img {max-height: 75px; width: 60px;} #OneCardPromo .home-pod-image { height: 119px; margin: 0 36px;} .generic-pod #RecipeTeaserImg img { max-width: 200px; max-height: 100px; margin: 0 auto 5px;} .pod-group { float:right; width: 287px; height: 600px; margin-top: 10px;} #SocialMedia .pod-mid { height: 200px; float: left;} #HomeSearch { float:left; margin-top: 5px;} .pod-mid h2 { color: #FFF; background: #0971b9; width: 100%; margin: 10px 0; text-align: center; } #home #CtrlDivTextSearch { margin-top: 0;} #home #CtrlDivTextSearch p { font-weight: normal; font-size: 112%; margin: 0 0 10px;} #home #CtrlDivTextSearch a { margin-top: 0; float: right;} #home #CtrlDivTextSearch input { background: #0971b9; border: 0; color: white; padding: 3px 5px; box-shadow: 2px 2px 5px 3px #999999;} #home #CtrlDivSubTitle p, #CtrlDivTextSearch p { margin-bottom: 5px;} #home #HolidaySearch h2 { float: left; margin: 10px 0 10px -10px; padding: 10px 0; width: 282px;} #home #CtrlDivCourseSelection select, #home #CtrlDivHolidaySelection select { width: 260px; margin-left: 0; margin-bottom: 10px; background: #0971b9; border: 0; color: white; box-shadow: 2px 2px 5px 3px #999999; padding: 2px;} /*Twitter widget */ #SocialMedia .twtr-widget { font-family: "Century Gothic" , "Tahoma", "Arial", sans-serif;} .twitter-widget .twtr-widget-profile img.twtr-profile-img { height: 45px; width: 45px;} #twtr-widget-1 h3, #twtr-widget-1 h4 { display: none;} .twtr-hd { float: left; width: 15%;} .twtr-bd { width: 75%; float:left;} .twtr-ft { float: left;} /*-------------------------------------------*/ /* Store Locator */ /*-------------------------------------------*/ #StoreLocator .storeInfoZip { background: url("/Assets/187/Images/trans_beige_bg.png") repeat; width: 29%; margin: 0 10px 10px 0; font-size: 0.9em; min-height: 19em; padding: 1%; border-radius: 10px;} /*-------------------------------------------*/ /* Secondary Navigation - Tabs Area */ /*-------------------------------------------*/ #secondary-navigation { margin-bottom: 0; border-bottom: 4px solid #564038;} #secondary-navigation li { background: url("/Assets/187/Images/tab-left.png") no-repeat left top transparent; margin: 0 3px 0 0; padding: 0 0 0 11px;} #secondary-navigation a { background: url("/Assets/187/Images/tab-right.png") no-repeat right top transparent; font-size: 98%; color: #FFF; padding: 5px 14px 4px 2px;} #secondary-navigation a:hover{ color: #FFF;} #subnavigation { background: url("/Assets/187/Images/trans_beige_bg.png"); float:left; margin-bottom: 10px; border-radius: 0 0 10px 10px; width: 100%;} #navigation-search { float:left; width: 280px; padding: 0 0 5px 10px;} #navigation-search h2 { margin: 5px 0;} #txtGlobalQuickSearch { width: 175px;} div#SearchTipsLink { padding: 5px 0; font-size: 0.9em;} #FiveListButtons { float: right; clear:none; margin: 5px 0 10px; background: none; width: auto;} #FiveListButtons a span { font-size: 90%; margin: 29px 0 0; line-height: 1em;} /*-------------------------------------------*/ /* Shopping List */ /*-------------------------------------------*/ #ShoppingList { background: url("/Assets/187/Images/shoplist_bg.png") no-repeat scroll 0 0 transparent; height: 280px;} #ShoppingListHeaderSmall { background: none;} #ShoppingListMain { padding-left: 5px; width: 278px;} #AddYourOwnItems { width: 260px; } #AddYourOwnItems input { width: 200px} #ShoppingList table { width: 270px;} #ShoppingList td { border-bottom: 1px solid #0A72BA; font-size: 100%;} #ShoppingList #FiveListButtons { display: none;} #ItemCount { font-family: "Century Gothic", Arial, sans-serif; font-size: 100%;} #ShoppingList table div.shopListItemSmall { max-height: 30px; overflow: hidden; line-height: 1em;} /*-------------------------------------------*/ /* Weekly Ad Page */ /*-------------------------------------------*/ .CircularTypeBox { background: url("/Assets/187/Images/weeklyad_pod.png") no-repeat; border: none; width: 260px; height: 277px; padding: 5px 10px 20px;} .CircularTypeBox h3 { color: #FFF;} ul.CircularPageMenu li { width: 245px; margin: 50px 0 0;} ul.CircularPageMenu li a, ul.CircularPageMenu a:visited, ul.CircularPageMenu li a:active { width: 245px; margin-top: 15px;} #WeeklyAdPage .pageHeader { width: 60%; float:left;} #PageDisplay { background: url("/Assets/187/Images/trans_beige_bg.png"); border-radius: 10px; padding: 10px 0; } #PageDisplay a.backtoweeklyad { background: url("/Assets/187/Images/recipe_back_search.png") no-repeat scroll -20px 0 transparent;} .ItemSavings { color: #00FF00;} .thumbNail .top, .bigPage .top, #availablevarietiestop { background: url("/Assets/187/Images/hover_top_big_bg_blue.png") no-repeat scroll 0 0 transparent;} #availablevarietiesmiddle {background: url("/Assets/Common/Images/hover_bottom_big_universal.png") no-repeat scroll left bottom transparent; margin-bottom: 20px;} #availablevarietiesbottom { display:none;} /*-------------------------------------------*/ /* Browse the Aisles Page */ /*-------------------------------------------*/ #ThreePane select, #Inventory select, #Specials select, #Products select { font-size: 100%;} #UpdateProgress1, #UpdateProgress2, #ctl00_ContentPlaceHolder1_Specials1_UpdateProgress1, #ctl00_ContentPlaceHolder1_Inventory1_UpdateProgress1 { background: url("/Assets/187/Images/trans_beige_bg.png") repeat scroll 0 0 transparent; height: 100px; width: 582px; margin-top: -112px;} /*-------------------------------------------*/ /* Coupons Page */ /*-------------------------------------------*/ .couponsPageGrid { background: url("/Assets/187/Images/trans_beige_bg.png"); border-radius: 10px;} .couponsPageGrid #cardCouponsGridWrapper { display:none;} .CategoryDisplayContainer, .OrderDates { margin: 0 5px 0 10px; width: 120px;} .GridMode2 .couponsFrame { min-height: 170px;} .GridMode3 a.button { margin: 0 35px;} /*---------------------------------------------*/ /* Manage List and Saved Shopping List Pages */ /*---------------------------------------------*/ #ShoppingListHeaderLarge { background: url("/Assets/187/Images/largeshoplist_bg.jpg"); border-radius: 10px 10px 0 0;} #ShoppingListHeaderLarge.Saved { background-image: url("/Assets/187/Images/savedshoplist_bg.jpg"); border-radius: 10px 10px 0 0;} #ManageList #ShoppingListItemsDisplay, #savedshoppinglists { background: url("/Assets/187/Images/trans_beige_bg.png") transparent; border-radius: 10px;} #legend table { background: #FFF799; border-radius: 10px;} #legend th { border-radius: 10px 10px 0 0;} #ManageList h3 { background: url("/Assets/187/Images/trans_beige_bg.png") repeat scroll 0 0 transparent; padding: 1em 0.5em 0.3em; margin: 0;} #adInternal { border-radius: 0 0 10px 10px; background: #FFF799;} /*-------------------------------------------*/ /* Email List Page */ /*-------------------------------------------*/ #EmailShoppingList { background: url("/Assets/187/Images/trans_beige_bg.png") repeat scroll 0 0 transparent; float:left; padding: 9px; border-radius: 10px; width: 97%;} /*-------------------------------------------*/ /* Sign in and Register Pages */ /*-------------------------------------------*/ #login, #register { background: url("/Assets/187/Images/trans_beige_bg.png") repeat scroll 0 0 transparent;} #login .button, #register .button { background: #0A72BA; border:none;} .signUpSidebarTop { background: url(/Assets/187/Images/registration_sidebartop.jpg);} .sidebarFeatures { background: none #FFF799; width: 280px;} .sidebarFeaturesText { font-size: 1em;} .signUpSidebarBot { display: none;} .signUpPopText p { font-size: 1em;} #SignUpV2 { background: url("/Assets/187/Images/trans_beige_bg.png") transparent; float: left; padding: 15px; border-radius: 10px;} #signUpPhoto { width: 215px;} #SignUpV2 #navigation { width: 268px;} /*#privacy { background: url("/Assets/187/Images/trans_beige_bg.png"); padding: 10px 20px 18px; }*/ .signUpSteps, .signUpSteps5 { background: url("/Assets/Common/Images/Registration/pReg_stepBg.jpg") repeat-x scroll 0 bottom #FFFFFF; padding: 10px 0 0;} .fieldInputs input[type="text"], .fieldInputCard input[type="text"], .fieldInputs input[type="password"], .fieldInputCard input[type="password"] {background: #FFF;} .valid { background: url("/Assets/187/Images/pReg_valid.png") no-repeat; } .invalid { background: url("/Assets/187/Images/pReg_invalid.png") no-repeat;} /*-------------------------------------------*/ /* Recipe Center */ /*-------------------------------------------*/ #recipecontent h3 { color: #0A72B9;} #FeaturedArticleTeaser, #AskTheChefTeaser, #CookingTipsTeaser { background: url("/Assets/187/Images/trans_beige_bg.png") repeat scroll 0 0 transparent; border-radius: 10px; min-height: 250px;} #FeaturedRecipeTeaser h2 a, #FeaturedArticleTeaser h2 a, #AskTheChefTeaser h2 a, #CookingTipsTeaser h2 a { color: #0A72B9;} #RecipeCardMiddle { background: url("/Assets/187/Images/trans_beige_bg.png"); border-radius: 10px;} #Recipe { background: white; border-radius: 10px; padding-top: 10px;} #Article { background: white; float:left; border-radius: 10px; padding: 15px;} #winecontent { width: 150px;} #recipeoptions li.recipeaddall a { height: 30px;} #QuickSearch ul a { color: #0A72B9;} #SearchResults { background: url("/Assets/187/Images/trans_beige_bg.png"); width: 560px; padding: 15px; border-radius: 10px;} #RecipeCenter #FeaturedArticleTeaser.recipe { margin: 12px 13px 0 0;} #BackToArticle a { background: url("/Assets/187/Images/recipe_save_trans.png") no-repeat scroll -20px 0;} .videoWrapper, .featuredVideosWrapper { background: url("/Assets/187/Images/trans_beige_bg.png") transparent; border-radius: 10px;} .featuredVideosWrapper { margin-top: 10px; padding-bottom: 10px;} #RecipeVideosPage h1 { font-size: 22px; color:#000; } #VideoPlayer h2 { font-size: 14px;} #VideoNavigation .breadcrumb { font-size: 14px;} #CategoryList ul { font-size: 14px;} /*-------------------------------------------*/ /* Store Info Pages */ /*-------------------------------------------*/ #StoreInfoPage { width: 965px; font-size: 1.2em;} #StoreInfoPage p { margin: 0;} #StoreInfoHeader { width: 890px; height: 350px; float:left; z-index: 0; margin: -65px 0 0; padding: 0 10px 10px; font-size: 1.2em; background: #FFF; box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.65);} #StoreInfoHeader img{ width: 880px; margin: 0 auto;} #StoreInfoHeader p { margin: 10px 0;} #StoreInfoHeader a { float:left; margin-bottom: 175px; text-align: center; width: 875px; color: black; font-size: 21px; } #storeInfoSidebar { float:left; margin-top: 40px; margin-left: -15px; width: 250px;} #storeInfoSidebar a { float:left; clear:both; width: 225px; height: 45px; padding: 45px 25px 60px 10px; margin-left: -13px; color: #FFF; display: block; background: url(/Assets/187/Images/storepage/storeinfo-sidebarloop.png) left center no-repeat;} #storeInfoSidebar a img { float: left; clear:none; margin: -80px 0 0 -40px; display: inline;} #storeInfoSidebarTop { float:left; width: 100%; background: url(/Assets/187/Images/storepage/storepagesb_top.png) top left no-repeat; height: 30px;} #storeInfoSidebarContent { float:left; width: 100%; background: url(/Assets/187/Images/storepage/storepagesb_mid.png) top left repeat-y;} #storeInfoSidebarBottom { float:left; width: 100%; background: url(/Assets/187/Images/storepage/storepagesb_bot.png) top left no-repeat; height: 55px;} #storeBasicInfo { width: 662px; float:right; margin-top: 40px; margin-right: 28px;} #storeBasicInfoTop {background: url(/Assets/187/Images/storepage/storepagemain_top.png) top left no-repeat; height: 25px;} #storeBasicInfoContent {background: url(/Assets/187/Images/storepage/storepagemain_mid.png) top left repeat-y; padding: 0 40px 0 15px;} #storeBasicInfoBottom {background: url(/Assets/187/Images/storepage/storepagemain_bot.png) top left no-repeat; height: 55px;} #storeInfoEvents { width: 662px; float:right; margin-right: 28px;} #storeInfoEventsTop { background: url(/Assets/187/Images/storepage/storepageevents_top.png) top left no-repeat; height: 50px;} #storeInfoEventsContent { background: url(/Assets/187/Images/storepage/storepageevents_mid.png) top left repeat-y; padding: 0 40px 0 15px;} #storeInfoEventsBottom { background: url(/Assets/187/Images/storepage/storepageevents_bot.png) top left no-repeat; height: 50px;} #storeInfoEventsTop h2 { color: white; width: 85%; margin: 0 auto; padding-right: 25px; text-align: center; line-height: 40px;} /*-------------------------------------------*/ /* Static Content */ /*-------------------------------------------*/ #StaticContentPage { margin-left: 20px;} #mainContentHeader { margin: 12px auto 0;} #mainContentHeader ul { width: 98%; padding-left: 20px;} #staticContentTabs { border-bottom: 4px solid #564038;} #staticContentTabs li { background: url(/Assets/187/Images/tab-left.png) top left no-repeat; float:left; padding-left: 12px;} #staticContentTabs li a.button, #staticContentTabs li a.button:hover { background: url(/Assets/187/Images/tab-right.png) top right no-repeat; border-radius: 0; padding: 10px 10px 0 0; height: 30px; font-size: 16px;} #StaticContentPage #mainContent { background: url("/Assets/187/Images/trans_beige_bg.png"); padding: 0 20px;} .staticContentEntry { width: 870px;} /*-------------------------------------------*/ /* Contact Us */ /*-------------------------------------------*/ #ContactUs, #ContactUsThanks { width: 893px; margin: 0 0 0 18px; background: url(/Assets/187/Images/trans_beige_bg.png); border-radius: 10px; padding: 10px;} /*-------------------------------------------*/ /* Employment */ /*-------------------------------------------*/ #EmploymentOpeningsPage { background: url(/Assets/187/Images/trans_beige_bg.png); border-radius: 10px; padding: 10px; width: 890px;} /*-------------------------------------------*/ /* Footer */ /*-------------------------------------------*/ #GsnFooter { background: none transparent;} #GsnFooter a, #GsnFooter a:active, #GsnFooter a:visited { color: #000;} /*-------------------------------------------*/ /* IE */ /*-------------------------------------------*/ .ie7 #StoreHeaderLoginContainer { margin-right: 35px;} .ie7 #StoreHeaderLogin { margin-right: 50px;} .ie #HomeSearch .pod-top { width: 283px; } .ie #HomeSearch .pod-bottom { clear:both; width: 283px;} .ie #home #CtrlDivCourseSelection select, .ie #home #CtrlDivHolidaySelection select { border:none; border-color: transparent;}