/*------------------------------------------------*/ /* !united /*------------------------------------------------*/ html { background-color:#92B1D6;background-image:none; } body { font-family:Tahoma, Arial, Helvetica, sans-serif; } h2 { color: #2F6CB4; } a:link, a:visited, a:active { color:#CF3A00; } #container { background:none repeat scroll 0 0 transparent; padding:0 5px; margin:12px auto; } .main-wrapper { background-color:#ffffff; padding:0 5px; } /*------------------------------------------------*/ /* !static content /*------------------------------------------------*/ #StaticContentPage { font-size:110%; float:left; min-height:500px; } #StaticContentPage .leftnav { float:left; width:240px;padding-left:10px; } #StaticContentPage .leftnav h2 { margin-bottom:12px; } #StaticContentPage .leftnav a { float:left; font-size:100%; width:90%; margin-bottom:6px;border-bottom:1px solid #999999;padding-bottom:5px; } #StaticContentPage #maincontent { float:left; width:590px; margin-left:12px; margin-top:12px; } #StaticContentPage .contentDiv { float:left; width:590px; font-size:110%; } #StaticContentPage #maincontent img { float:left; max-width:590px; } /*------------------------------------------------*/ /* !header /*------------------------------------------------*/ #StoreHeader { float:left; background-color:#ffffff;;height:166px;padding:0 5px;position:relative;z-index:1000 } #StoreHeaderLogo { clear:both; float:left; height:121px; margin-top:10px; margin-left:5px; width:300px;} #StoreHeaderRightTop { background:transparent url(/Assets/Common/Images/whiteTransparent80.png) left top repeat; border:3px solid #273A98; font-size:100%; margin:0; position:absolute; right:10px; text-align:right; top:16px; width:250px; } #StoreHeaderMiddle { position:absolute; top:99px; left:12px; } #StoreInfoDiv { margin:0; float:left; background:none transparent; padding:2px; max-width:630px; font-weight :normal; } #StoreAddress1Div, #StoreAddress2Div, #StoreCityStateZipDiv, #StoreTelDiv, #StoreHoursDiv { color:black; font-size:10px; } /*------------------------------------------------*/ /* !footer /*------------------------------------------------*/ #GsnFooter { margin:0; padding:1em 5px;} /*------------------------------------------------*/ /* !primary navigation /*------------------------------------------------*/ #nav { background:blue url('../Images/bg_nav.jpg') repeat-x left top; width:910px;height:31px;padding-top:4px; } #nav ul { padding-left:55px; } #nav ul li { padding:0 9px; } #nav li ul { background:#EEE none; } #nav li:hover { background:transparent none; } #nav li a:hover { text-decoration:none; color:yellow; } #nav li a { color:#FFF; } #nav li ul a { color:#666; } #nav li ul a:hover { color:red; } #nav li ul li { border-bottom:1px #333 dotted; width:90%; } /*------------------------------------------------*/ /* !homepage /*------------------------------------------------*/ #AdPromo { width:295px; background:none white; border:0; padding-top:0; } #AdPromo h2 { font-size:190%; text-transform:uppercase; } #AdPromo img { max-height:150px; } #slideshow { width:610px;height:300px; } #SplashContainer { margin-top:0; margin-bottom:5px; } #circularThumbnail { margin:4px 0 0; } /*------------------------------------------------*/ /* !splash page boxes /*------------------------------------------------*/ .splashLightGreyBox { float:left; width:296px; border:1px solid #DFDFD9; min-height:210px; margin:0 5px 5px 0; } .splashLightGreyBox img { float:right; display:inline; padding:4px; border:1px solid #DFDFD9; margin-top:12px; margin-right:12px; margin-bottom:12px; max-width:130px; max-height:100px; } .splashLightGreyBox h2 { float:left; clear:none; width:120px; margin-left:10px; margin-bottom:2px; border:0; font-size:150%; text-transform:uppercase; } .splashLightGreyBox h3 { float:left; clear:none; width:120px; margin-left:10px; margin-top:10px; margin-bottom:6px; font-size:100%; font-weight:normal; color:#CF3A00; } .splashLightGreyBox p { margin:0 0 0 10px; float:left; clear:none; width:120px; } .splashLightGreyBox ul { list-style-type:square; padding-left:20px; margin-left:10px; margin-top:6px; margin-bottom:0px; float:left; clear:none; width:130px;; } .splashLightGreyBox li a { font-weight:normal; color:black; } .more { float:right; clear:both; margin:0 12px 6px 0; font-size:100%; padding:6px 0 6px 28px ; font-weight:bold; background:url('/Assets/198/Images/more.gif') no-repeat 0 2px; } .splashLightGreyBoxCentered { margin:0; width:300px; margin-top:10px; float:left; text-align:center; } .splashLightGreyBoxCentered img { padding:4px; border:1px solid #DFDFD9; margin:4px auto; } .splashLightGreyBoxCentered h2 { clear:both; width:100%; text-align:center; margin:0; margin-bottom:2px; border:0; font-size:190%; text-transform:uppercase; } .splashLightGreyBoxCentered h3 { clear:both; width:100%; text-align:center; margin:0; margin-top:2px; margin-bottom:6px; font-size:100%; font-weight:normal; color:#CF3A00; } .splashLightGreyBoxCentered p { margin:4px auto; width:100%; text-align:center; } #PersonalTouch h2 { text-indent:-9999px; width:270px;padding:5px 5px 0 5px; height:30px; background :#ffffff url('../Images/HPT.jpg') no-repeat top left; } /*------------------------------------------------*/ /* !search /*------------------------------------------------*/ #rightColHome { float:right; width:300px; border:0; font-size:110%; } #leftsearchbar { width:300px; display:inline; float:right; background: #FFFFFF; } #leftsearchbar p, #SearchTips a { margin-top:4px; margin-bottom:0; color:#000000; font-size:90%;font-weight:normal; width:270px; float:left; } #leftsearchbar .select { background:#EEEEEE none repeat scroll 0 0;border:1px solid #333333;color:#333;float:left;font-size:1em;line-height:1.7em; margin-left:0; padding:2px 0; width:226px ; } #leftsearchbar .input { background:#EEEEEE none repeat scroll 0 0;border:1px solid #333333;color:#333;float:left;font-size:1em;height:19px;padding:0 0 0 5px;margin-top:6px; width:185px; } #leftsearchbar #CtrlDivTextSearch p { margin-top:4px; } #leftsearchbar #CtrlDivTextSearch a { text-decoration:none; margin-top:4px; float:right; font-weight:bold; font-size:90%; text-align:center; width:40px; height:20px; color:#ffffff; padding:5px 9px; background: url(/Assets/198/Images/submit_button_ucook_blue.gif) 0 0 no-repeat; } #leftsearchbar #CtrlDivTextSearch a:hover { background-position: -58px 0; text-decoration:none; } .SidebarHeader { position:relative; background:#92B1D6 url(/Assets/198/Images/bg_search_heading.jpg) repeat-x top left; padding:8px 0 8px 10px; } .SidebarHeader h2 { border:0; text-transform:lowercase; width:250px; color:white; font-size:13px; font-weight:bold; margin:0; } .accordion_toggle { background:url('/Assets/198/Images/expand_triangle_white.gif') no-repeat; } .accordion_toggle_active { background:url('/Assets/198/Images/contract_triangle_white.gif') no-repeat; } #leftsearchbar #EasySearch, #leftsearchbar #HolidaySearch, #leftsearchbar #AdvancedSearch, #leftsearchbar #TopRecipesTeaser, #leftsearchbar #QuickSearch { clear:both; float:left; width:300px; } #leftsearchbar #EasySearch h1, #leftsearchbar #AdvancedSearch h1, #leftsearchbar #HolidaySearch h1, #leftsearchbar #TopRecipesTeaser h1, #leftsearchbar #QuickSearch h1 { position:absolute; right:2px; top:12px; width:20px; height:20px; text-align:right; margin:0; } #leftsearchbar #PanelSearch, #leftsearchbar #PanelEasy, #leftsearchbar #PanelHoliday, #leftsearchbar #PanelQuick { margin:5px 10px; width:270px; float:left; } #leftsearchbar #PanelEasy #CtrlDivTextSearch { margin-top:0; } #RecipeCardMiddle { background-color:white;margin-top:12px; } #RecipeCardBottom { display:none; } .pageHeader { font-size:110%; } .RecipeBox a, #QuickSearch h2, #AdvancedSearch h2, #TopRecipesTeaser h2, #Department h3, #Aisles h3, #Category h3, #InBetween1, #InBetween2, #ctl00_ContentPlaceHolder1_EmailPreferences1_lblDailyEmails, #SavedRecipes h2, #PasswordRecoverControl h1, #UpdatePanelPage h1, #EmailPreferences1_lblDailyEmails, #EmailPreferences1_lblMonthlyEmails, #DietaryPreferencesLabel, #DietaryPreferencesTip h1, #privacy h2 , #recipecontent h3, #CtrlDivSubTitle h2, #FeaturedArticleFull h3, #ContactUs h2, #EmploymentApplication h2, #ContactUsThanks h2, #AboutUs h3, #EmploymentPositionsHeader h1, #StoreLocator h2, #RecipeSaveToRecipeBox h1, #ManageList h3, #QuickSearch ul a, #QuickSearch h2, #ContactUs hr, #ContactUsThanks hr, #EmploymentApplication hr, #CircularLists span a, #FeaturedRecipeTeaser.recipe h2 a, #MealPlanner.recipe h2 a, .BtnPageLink { color:#2F6CB4; } .GridItem th, #Options th, #legend th { background-color:#2F6CB4; } /*------------------------------------------------*/ /* !shopping list /*------------------------------------------------*/ #ShoppingList { background-color:#FFFFFF; } #ShoppingList td { clear:both; margin:2px 0; border-bottom:1px solid #000099 } #ShoppingList table { width:250px; } #ShoppingList #ShoppingListItemsDisplay { margin:0em 0; } #ShoppingListHeaderSmall { background:transparent url(/Assets/187/Images/shopping_list_top.jpg) no-repeat;height:86px;width:300px; } #ShoppingListHeaderLarge.Saved { background:transparent url(/Assets/187/Images/shopping_list_top_large.jpg) no-repeat; width:576px; } #ShoppingListHeaderLarge { background:transparent url(/Assets/187/Images/shopping_list_top_large.jpg); width:576px; } #ShoppingListItemsDisplay { min-height:75px; width:300px; } #ShoppingListMain { background:transparent url(/Assets/187/Images/shopping_list_middle.jpg); width:300px;padding-left:0; } #AddYourOwnItems { margin:3px 0 3px 28px; } #AddYourOwnItems input { width:190px; } #FiveListButtons { background:transparent url(/Assets/187/Images/shopping_list_bottom.jpg) no-repeat;min-height:78px;padding:0px 0 0 0px;width:297px; } #FiveListButtons a.shoplistPrint span, #FiveListButtons a.shoplistEmail span, #FiveListButtons a.shoplistLast span, #FiveListButtons a.shoplistSave span, #FiveListButtons a.shoplistManage span { margin:30px 0 0 0; } #FiveListButtons a.shoplistPrint { margin-left:10px; width:32px; } #TitleBar, #CurrentList { width:598px; border:0px solid #FFFFCC; padding:0; } #ManageList, #savedshoppinglists { float:left; width:576px; background-color:#FFFFcc;height:auto; } #ManageList #ShoppingListItemsDisplay { background:transparent; } #legend tr:hover { background-color:#FFFFFF; } #savedshoppinglists .SavedShoppingListsAllItems { background-color:#FFFFCC; } #SavedShoppingListsDisplay { background-color:#FFFFCC; margin-top:0px; } #savedshoppinglists #CurrentList { background-color:#FFFFCC; width:575px; margin-top:61px; } /*------------------------------------------------*/ /* !coupons /*------------------------------------------------*/ #CouponsPage .pageHeaderContainer { background:transparent url(/Assets/Common/images/new_coupons_header.jpg) no-repeat scroll 0 0; height:100px; width:590px; } .couponsDisclaimer { display:inline; float:left; text-align:center; width:590px; font-size:10px; } /*------------------------------------------------*/ /* !registration page /*------------------------------------------------*/ #signUpPop1, #signUpPop2, #signUpPop4 { top:243px;left:300px; } /*------------------------------------------------*/ /* !IE 7 /*------------------------------------------------*/ #AddYourOwnItems { *margin-left:20px; } /*------------------------------------------------*/ /* !=IE 6 /*------------------------------------------------*/ * html #AdPromo img { height:150px; } * html .splashLightGreyBox { height:210px; } * html .splashLightGreyBox img { width:130px; height:100px; } * html #StaticContentPage { height:500px; } * html #StoreInfoDiv { border:0; padding:0; width:630px; } * html #StoreHeaderRightTop { background:#fff none; }