﻿/*** Homeland ***/
html			{background:none #2E775C;}
body			{font-family:Tahoma, Arial, Helvetica, sans-serif; }
#container		{background:none white; padding:0 5px; margin:12px auto;}

a:link, a:visited, a:active 			{color:#CF3A00;}

/* =Don't ever write CSS like this. Selectors should be semantic. */
/*
.maroon			{color:#9E0B0F;}
.magenta		{color:#CC00CC;}
.blue			{color:#3333FF;}
.orange			{color:#FF9933;}
.red			{color:#FF3300;}
.green			{color:#2E775C;}
.darkgrey		{color:#44494F;}
*/

#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;}

/*** static content pages ***/
#StaticContentPage			{font-size:110%; float:left; min-height:500px; }
#StaticContentPage .leftnav		{float:left; width:250px;}
#StaticContentPage .leftnav h2		{margin-bottom:12px;}
#StaticContentPage .leftnav a		{float:left; font-size:100%; width:90%; margin-bottom:6px;}
#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; }
.staticContentEntry table { float:left;clear:both; }

#StoreHeaderMiddle	{position:absolute; top:10px; left:10px; }
#StoreInfoDiv 		{margin:0; float:left; background:none transparent; border:1px solid #2E775C; padding:2px; max-width:630px; font-weight :normal;}
#StoreAddress1Div, 
#StoreAddress2Div, 
#StoreCityStateZipDiv, 
#StoreTelDiv,
#StoreHoursDiv 		{color:black; font-size:10px;}
	
#StoreHeader		{float:left; background:url('/Assets/187/Images/headerbg.jpg') 0 38px no-repeat;}
#StoreHeaderLogo	{width:300px; height:40px; margin-top:50px; margin-bottom:36px; clear:both; float:left;}
#StoreHeaderRightTop    {position:absolute; top:16px; right:10px; font-size:100%; border:0; margin:0; width:250px; text-align:right;}

/*** nav bar ***/
#nav				{background-color:#f4F4EC;font-size:135%; border-bottom:4px solid #CF3A00;}
#nav, #nav ul			{padding: 0 0 0 45px;}
#nav ul, #nav li a,
#nav li a:visited, 
#nav li a:active		{color:#2E775C; font-size:95%; text-decoration:none;}
#nav li a:hover			{color:white;}
#nav li ul 			{background: #f4F4EC;}


/*** homepage ***/
#AdPromo			{ width:295px; background:none white; border:0; padding-top:0; }
#AdPromo h2			{ color:#44494F; font-size:190%; text-transform:uppercase; }
#AdPromo h2 span 	{ color:#9E0B0F; }
#AdPromo h3			{ font-size:15px; margin:4px auto; text-align:center; }
#AdPromo img		{ max-height:150px; }
#slideshow		{ height:300px;width:610px; }
#SplashContainer	{ margin-top:0; margin-bottom:5px; }
#circularThumbnail { margin:4px 0 0; }
#AdPromo .social-networking { float:left; margin-top:6px; }
#AdPromo .social-networking .twitter img { float:left; height:33px; margin-top:10px; width:120px; }
#AdPromo .social-networking .facebook img { float:left; height:44px; width:144px; }

/*** home modules ***/
#home-mod-wrapper { float:left; width:610px; }
.home-mod		{ border:1px solid #DFDFD9; float:left; margin:0 5px 5px 0; min-height:210px; width:296px;}
.home-mod img	{ float:right; padding:4px; border:1px solid #DFDFD9; margin:12px 12px 12px 0; max-width:130px; max-height:100px;}
.home-mod h2	{ float:left; clear:none; width:120px; margin-left:10px; margin-bottom:2px; border:0; font-size:150%; text-transform:uppercase; }
.home-mod h3	{ float:left; clear:none; width:120px; margin:10px 0 6px 10px; font-size:100%; font-weight:normal; color:#CF3A00;}
.home-mod p		{ margin:0 0 0 10px; float:left; clear:none; width:120px;}
.home-mod ul	{ list-style-type:square; padding-left:20px; margin-left:10px; margin-top:6px; margin-bottom:0px; float:left; clear:none; width:130px;;}
.home-mod 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/187/Images/more.gif') no-repeat 0 2px; }

.home-mod.centered 		{ margin:10px 0 0 0; text-align:center; width:300px;}
.home-mod.centered img	{ margin:4px auto; max-height:130px; }
.home-mod.centered h2	{ clear:both; width:100%; text-align:center; margin:0 0 2px 0; font-size:190%; }
.home-mod.centered h3	{ clear:both; width:100%; text-align:center; margin:2px 0 6px 0; }
.home-mod.centered p	{ margin:4px auto; width:100%; text-align:center; }

.home-mod-bottom { width:600px; float:left; border:1px solid #DFDFD9; }
.home-mod-bottom h2 { float:none; }
.home-mod-bottom p { float:none; }
.home-mod-bottom img { max-width:none; float:none; }

#home-mod-wrapper #home-community h2 { color:#9E0B0F; }
#home-mod-wrapper #home-promotions h2 { color:#CC00CC; }
#home-mod-wrapper #home-life h2 { color:#3333FF; }
#home-mod-wrapper #home-coupons h2 { color:#FF9933; margin-left:0; text-align:center; width:100%; }
#home-mod-wrapper #home-coupons p { margin-left:0; text-align:center; width:100%; text-align:center; }
#home-mod-wrapper #home-coupons #home-coupon-list { width:266px; height:100px; margin:4px auto; }
#home-mod-wrapper #home-coupons img { float:left; margin:0 4px; border:0; padding:0; width:80px; height:100px; }

#home-mod-wrapper #home-card { margin:10px 5px; width:280px; }
#home-mod-wrapper #home-card h2 { color:#9E0B0F; }
#home-mod-wrapper #home-card img { border:0; }
#home-mod-wrapper #home-recipe-list { margin:10px 5px; width:290px; } 

#home-video h2 { color:#9E0B0F; } 
#home-video img { max-width:none; max-height:none; }

/*** search ***/
#rightColHome			{float:right; width:300px; border:0; font-size:110%;}
#leftsearchbar			{width:300px; display:inline; float:right; color:white; background: #8DC63F }
#leftsearchbar p, #SearchTips a {margin-top:4px; margin-bottom:0; color:white; font-size:90%; width:270px; float:left;}
#leftsearchbar .select 		{background:#AFC96A none repeat scroll 0 0;border:1px solid #789641;color:#547422;float:left;font-size:1em;line-height:1.7em; margin-left:0; padding:2px 0; width:226px ;}
#leftsearchbar .input 		{background:#AFC96A none repeat scroll 0 0;border:1px solid #789641;color:#547422;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/156/Images/submit_button_ucook_green.gif) 0 0 no-repeat;}
#leftsearchbar #CtrlDivTextSearch a:hover	{background-position: -58px 0; text-decoration:none; }
.SidebarHeader			{position:relative; background:#82B63A url('/Assets/156/Images/dashed_white_line.gif') top left no-repeat; 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/156/Images/expand_triangle.gif') no-repeat;}
.accordion_toggle_active	{background:url('/Assets/156/Images/contract_triangle.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%;}

h2,
.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,
#liquorimg h3,
.BtnPageLink				{color:#2E775C;}	

.GridItem th, #Options th, #legend th {background-color:#2E775C;}	
/*** shopping list ***/
#ShoppingList 			{background-color:#FFFFFF;}
#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;}
#ShoppingListMain		{background:transparent url(/Assets/187/Images/shopping_list_middle.jpg); width:300px;padding-left:0;float:left;}
#ShoppingListItemsDisplay   { min-height:75px;}
#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;}
div#ShoppingList div#ShoppingListItemsDisplay {margin:0em 0;}
#ShoppingList td		{clear:both; margin:2px 0; border-bottom:1px solid #000099}
#ShoppingList table 	{width:250px;}
#ManageList, #savedshoppinglists	{float:left; width:576px; background-color:#FFFFcc;height:auto;}
#ManageList #ShoppingListItemsDisplay {background:transparent;}
#savedshoppinglists .SavedShoppingListsAllItems {background-color:#FFFFCC;}
#SavedShoppingListsDisplay		{background-color:#FFFFCC; margin-top:0px;}
#savedshoppinglists #CurrentList	{background-color:#FFFFCC; width:575px; margin-top:61px;}
#legend tr:hover {background-color:#FFFFFF;}

#AddYourOwnItems { margin:10px 0 15px 22px; width:278px; }

#AddYourOwnItems input { margin:0 6px 0 0; padding:0; }

/*** Registration Page ***/
#signUpPop1, #signUpPop2, #signUpPop4 {top:233px;left:300px;}

/* =IE6 hacks */
* html .home-mod	{ height:210px; }
* html .home-mod img	{ display:inline; height:100px; width:130px; }
* html #AdPromo img		{ height:150px; }
* html #StaticContentPage	{ height:500px; }
* html #StoreInfoDiv 		{ border:0; padding:0; width:630px; }

/*= IE7 hacks */
#AddYourOwnItems { *margin-left:14px; }