﻿/*** chain-specific overrides for Village Market 9/09 ***/

#FeaturedRecipeTeaser {min-height:240px;}
#DualContentControlDiv { margin-left:20px; width:216px;}
#DualContentControlDiv2 { margin-left:15px; width:216px;}
#DualContentControlDiv div, #DualContentControlDiv2 div { margin-bottom:10px;}

/*** new ad pod positioning ***/
#container					{position:relative!important}
#sidebar div.AdMaster.Tile2	{position:absolute; top:10px; right:-170px; width:160px; height:600px; margin:0; padding:0; }
.adPodFrame2				{width:160px; margin:0;}


#FeaturedRecipeTeaser #UserRecipeRating {width:100%; border:0; margin:0;}
#FeaturedRecipeTeaser .rating_container a {background-image:url(/Assets/Common/Images/reciperating.gif);border:0 none;display:block;float:left;height:25px;width:15px;}
	
body 				{font-size:0.7em; height:100%; background:transparent; 
				font-weight:normal; font-style:normal; color:black; margin-top:0; 
				margin-left:0 ;padding-left:0; padding-right:0;}
html				{height:100%; background: transparent url(/Assets/98/Images/frntpage.jpg) repeat-x fixed;}
a:link,
a:visited,
a:active			{font-weight:bold; color:#77486B; text-decoration:none;}
a:hover				{font-weight:bold; color:#77486B; text-decoration:underline;}
.buttonsubmit a:link,.buttonsubmit a:hover	{color:#FFF;}
h2				{color:#77486B;}
		
#imgSubHeader			{clear:both; float:left;}

#CouponsPage .pageHeaderContainer {background:transparent url(/Assets/Common/images/new_coupons_header.jpg) no-repeat scroll 0 0; height:100px; width:590px;}


/************** BUTTON STYLES **************/

/*** button style: large standard ***/
#LoginButtonDiv a, #TitleBar a,
#buttonsubmit a, #ListButtons a,.buttonsubmit a			{background: url(/Assets/98/Images/submit_button_large_purple.gif) 0 0 no-repeat;}

/*** button style: large checkbox style ***/
#ButtonLogin a,
#ButtonRegister a, 
#ButtonDelete a, #ButtonUpdate a,
#ButtonViewHide a		{background: url(/Assets/98/Images/login_button_large_purple.gif) 0 0 no-repeat;}

/*** button style: extra-large ***/
#ButtonGetPassword a,
#recipevideos a				{background: url(/Assets/98/Images/login_button_extra_large_purple.gif) 0 0 no-repeat;}

.btnAdd { font-weight:bold; font-size: 11px; color:white; width: 33px; background: url(/Assets/98/Images/submit_button_small_purple.gif) 0 0 no-repeat; border:none;}


/*** header ***/
#StoreHeader			{background: transparent url(/Assets/98/Images/HeaderBG.jpg) no-repeat top right;}
#StoreHeaderRightTop 		{border: solid 3px #77486B; margin-bottom:17px; }
#StoreHeaderLogo		{display:none;}

/*** nav bar ***/
#StoreMenu			{background-color:#103F0C; color:yellow; }
#StoreMenu li a:hover		{color:#FFFF66;}

/*** featured recipe, weekly article, ask the chef, cooking tips ***/
#FeaturedRecipeTeaser		{background:transparent url(/Assets/98/Images/red_brown_gradient.jpg) repeat-x; }
#FeaturedArticleTeaser		{background:transparent url(/Assets/98/Images/purple_gradient.jpg) repeat-x; }
#AskTheChefTeaser		{background:transparent url(/Assets/98/Images/dark_green_gradient.jpg) repeat-x; }
#CookingTipsTeaser		{background:transparent url(/Assets/98/Images/beige_gradient.jpg) repeat-x; }
#FeaturedArticleTeaser h3,
#AskTheChefTeaser h3,
#CookingTipsTeaser h3,
#FeaturedRecipeTeaser h3	{color:#FFFFFF;}

/*** splash page ***/
#AdPromo			{background:transparent url(/Assets/98/Images/brown_large_gradient.jpg) repeat-x;}
#AdPromo p			{color:#FFFFFF;}

/*** meal planner ***/
#MealPlanner			{background:transparent url(/Assets/98/Images/beige_gradient.jpg) repeat-x;}
#MealPlanner a			{color:#003366;}

th			{background-color:#103F0C;}

/*** coupons grid ***/
#tblCouponTopN			{border:2px solid #77486B; }
#CouponList h3			{color:#77486B; }

/*** 3-panel toolbox ***/
#Department h3, #Aisles h3, #Category h3	{color:#77486B; }
#InBetween1, #InBetween2			{color:#77486B; }

/*** grid styles ***/
#CategoryHeader h3		{color:#77486B; }
.GridItem			{clear:both; text-align:left; background-color: #FFFFFF; color: #000000; font-weight: bold;}
.GridItem th			{text-align:left; background-color: #77486B; color: #FFFFCC; font-weight: bold;}
.GridAlternatingItem		{text-align:left; background-color: #CCCCCC; color: #000000; font-weight: bold;}
#CircularAdText1_dlCategory h3	{color:#77486B;}
#CouponList table table th		{background-color:#77486B;}


/*** recipe page ***/
#RecipeCardTop					{width:100%; height:auto; padding:0; background:none;}
#RecipeCardMiddle				{background:none; background-color:#f4F1cf; }
#RecipeCardBottom				{display:none;}
#FeaturedRecipeTeaser.recipe,
#MealPlanner.recipe				{margin-top:12px;}


/*** headers ***/ /*** headers ***/ 
 #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:#77486B;}	


/*** about us page ***/
#StoreSelector					{background-color:#70A6A4; }
/*** liquor page ***/

#AdDisplayDiv
{
	float:right;
}


#availablevarietiestop	{background:#103F0C url(/Assets/Common/Images/avail_varieties_300_r1_c1.png) no-repeat scroll 0 0;}

#ShoppingListHeaderSmall	{height:50px; background:url('/assets/98/images/new_village_list_header_small.jpg') no-repeat;}
#ShopListDrawer #ShoppingListHeaderSmall	{height:50px; background:url('/assets/98/images/new_village_list_header_small.jpg') no-repeat;}

#FiveListButtons			{height:55px;}
#FiveListButtons a 		{display:inline;border:0 none;float:left;margin:0 0 0 10px;padding:0px;}
#FiveListButtons a.shoplistPrint		{height:40px;margin-left:28px; background:url('/assets/98/images/list_buttons_r1_c2.gif') no-repeat;}
#FiveListButtons a.shoplistEmail		{height:40px;margin-left:10px; background:url('/assets/98/images/list_buttons_r1_c3.gif') no-repeat;}
#FiveListButtons a.shoplistLast			{height:40px;margin-left:10px; background:url('/assets/98/images/list_buttons_r1_c4.gif') no-repeat;}
#FiveListButtons a.shoplistManage		{height:40px;margin-left:10px;background:url('/assets/98/images/list_buttons_r1_c6.gif') no-repeat;}
#FiveListButtons a.shoplistSave			{height:40px;margin-left:10px;background:url('/assets/98/images/list_buttons_r1_c5.gif') no-repeat;}
#FiveListButtons a.shoplistPrint:hover,	
#FiveListButtons a.shoplistEmail:hover,
#FiveListButtons a.shoplistLast:hover,
#FiveListButtons a.shoplistManage:hover,
#FiveListButtons a.shoplistSave:hover 	{background-position:0 -40px}
#FiveListButtons a.shoplistPrint span,
#FiveListButtons a.shoplistEmail span,
#FiveListButtons a.shoplistLast span,
#FiveListButtons a.shoplistSave span,
#FiveListButtons a.shoplistManage span	{margin-top:38px; text-transform:uppercase; font-size:8px; }

/*** Static Content Pages ***/
#LeftNav { margin-left:20px; margin-top:10px; width:100px; }

#LeftNav a {
			background:transparent url(/Assets/98/Images/submit_button_large.gif) no-repeat scroll 0 0;
			color:#ffffff;
			cursor:pointer;
			display:block;
			height:21px;
			margin-bottom:2px;
			padding-top:2px;
			text-align:center;
			text-decoration:none;
			width:100px;
			font-size:12px;
}

#LeftNav a:hover {background-position:-200px 0;text-decoration:none;}

div#mainContentLeftNav { float:left; margin-left:20px; margin-top:10px; }

a.button, a.button:hover {background:transparent url(/Assets/Common/Images/standard_submit_dark_green_span.gif) no-repeat scroll right top;}
a.button span, a.button span:hover {background:transparent url(/Assets/Common/Images/standard_submit_dark_green.gif) no-repeat scroll 0 0;}
a.button.added:hover {background:transparent url(/Assets/Common/Images/standard_submit_green_span.gif) no-repeat scroll right top;}


/** Floating Shopping List **/

#sidebar.Float #sidebarcontent
{ 
    position:fixed;
    top:10px;
    width:300px;
}

#sidebar.Float div.AdMaster.Tile2
{
    right:-190px;
}

#GlobalQuickSearch	{display:none;}

/*** Registration Page ***/
#signUpPop1, #signUpPop2, #signUpPop4 {top:186px;}