/* chain-specific overrides for save mart (2009) --------------------------------------------------*/ html { background:none; margin:0; padding:0; } body { background:transparent url('/Assets/116/Images/footer_wrap.gif') repeat-x left bottom scroll; font:12px Verdana,Helvetica,Arial,sans-serif; color:black; height:100%; margin:0 ;padding:0;} a:link, a:visited, a:active {font-weight:bold; color:#864C1C; text-decoration:none;} a:hover {font-weight:bold; color:#864C1C; text-decoration:underline;} h1,h2,h3 { color:#864C1C; } /* layout --------------------------------------------------*/ #container { background:none transparent;padding:0; width:1110px; } #container-outer { background:transparent url('/Assets/116/Images/body_bg.gif') repeat-x left -1px scroll; padding:0; margin:0; } #main { background:#FFFFFF; display:inline; margin:4px 0 0 20px;min-height:600px; } #sidebar, #recipesidebar {display:block; float:right; width:300px; padding:0; margin:4px 0 0 20px; } .main-wrapper { float:left; margin-bottom:40px; min-height:600px; width:930px; } /* available varieties --------------------------------------------------*/ #availablevarieties {float:left;width:300px;} #availablevarieties:after {content: "."; display: block; height: 1%; clear: both; visibility:hidden; } #availablevarietiestop {width:100%; padding:4px 0 4px 0; height:auto; clear:both; background: #864C1C url(/Assets/Common/Images/avail_varieties_300_r1_c1.png) 0 0 no-repeat; margin-bottom:0;} #availablevarietiestop h2 {color:#FFFFFF; display:block; font-size:110%; width:90%; margin:0 auto; text-align:center; border:0;} /* header --------------------------------------------------*/ #header-wrapper { background:transparent url('/Assets/116/Images/header_grad.jpg') repeat-x top left; float:left; height:188px; position:relative; width:930px; z-index:499; margin-right: 140px; } #header-wrapper ul { list-style-type:none;margin:0; } #header-logo { float:left; } #header-promo { float:right; padding:0 15px 0 0; } #header-date { clear:right; color:#8D4A15; font-size:10px; height:19px; margin:0 15px 0 5px; text-align:right; width:910px; } #header-login-box { clear:right; float:right; margin:5px 10px 5px 5px; } #header-login-box a { display:block; float:left; height:16px; } #header-login-box a span { visibility:hidden; } #header-login-box a.login { background:transparent url('/Assets/116/Images/btn_login.gif') no-repeat top left; width:38px; } #header-login-box a.register { background:transparent url('/Assets/116/Images/btn_register.gif') no-repeat top left; width:52px; } #header-login-box a.login:hover, #header-login-box a.register:hover { text-decoration:none; } #header-login-box a.edit, #header-login-box a.logout { font-weight:normal; color:#666; } #header-login-box a.edit:before, #header-login-box a.logout:before { content:"[ "; } #header-login-box a.edit:after, #header-login-box a.logout:after { content:" ]"; } #header-login-box span.login-text { color:#8D4A15; float:left; font-size:10px; margin:0 5px; } /* navigation --------------------------------------------------*/ #StoreMenu {background-color:#864C1C; color:yellow; } #StoreMenu li a:hover {color:#FFFF66;} #top-navigation { float:right;margin:0;padding:15px 15px 15px 0; } #top-navigation li { float:left; margin:0 5px; position:relative; } #top-navigation li.separator { background-color:#999; height:15px; } #top-navigation li a:link, #top-navigation li a:visited { color:#666; font-weight:normal; } #primary-navigation { background-color:#D80016; clear:both; float:left; height:36px; width:100%; } #primary-navigation ul { padding:0; } #primary-navigation li a:link, #primary-navigation li a:visited { color:#fff; } #primary-navigation li.level0.first { border-left:none; } #primary-navigation li.level0.parent a { font-weight:bold; } #primary-navigation li.level0 { border-left:1px solid #FF4E60; border-right:1px solid #A00010; display:inline; float:left; height:36px; position:relative; } #primary-navigation li.level0 a { display:block; font-size:14px; font-weight:normal; padding:0.75em 1em; text-decoration:none; text-transform:uppercase; } #primary-navigation li.level0 a:hover { background:transparent url("/Assets/116/Images/nav_bg_over.jpg") repeat-x left top; } #primary-navigation li ul.level0 { top:36px; } #primary-navigation li:hover ul.level1 { left:auto; top:36px; } #primary-navigation li li { background:#FFF url('/Assets/116/Images/dd_bg.gif') no-repeat 12px 26px; border-left:1px solid #D80016; border-right:1px solid #D80016; font:12px Arial,Helvetica,sans-serif; position:relative; width:100%; z-index:100; } #primary-navigation li li a:link, #primary-navigation li li a:visited { color:#4B4B4B; font-size:11px; font-weight:400; } #primary-navigation li.level1 a { height:12px; font-size:12px; text-transform:none; } #primary-navigation li.level1 a:hover { background-color:#D80016; color:#fff; background-image:none; } #primary-navigation li.level1:hover ul.level2 { left:17em; top:0; } #primary-navigation li ul { border-top:1px solid #D80016; border-bottom:1px solid #D80016; left:-9999px; position:absolute; top:0; width:17em; z-index:498; } /* tabs --------------------------------------------------*/ #secondary-navigation { float:left; line-height:normal; margin-bottom:12px; width:100%;} #secondary-navigation li {color:red; margin-right:2px; padding-left:5px; background-image:url("/Assets/116/Images/left_on.gif");} #secondary-navigation ul {font-size:90%; padding-left:6px;} #secondary-navigation a {padding-right:9px; color:white; background-image:url("/Assets/116/Images/right_on.gif");} #secondary-navigation #current { color:red; background-image:url("/Assets/116/Images/left.gif");position:relative; top:1px; } #secondary-navigation #current a {color:red; background-image:url("/Assets/116/Images/right.gif");} /* featured teasers --------------------------------------------------*/ #AskTheChefTeaser {background:transparent url(/Assets/116/Images/light_warm_brown_gradient.jpg) repeat-x scroll left top;} #CookingTipsTeaser {background:transparent url(/Assets/116/Images/dark_warm_brown_gradient.jpg) repeat-x scroll left top;} #FeaturedArticleTeaser {background:transparent url(/Assets/116/Images/dark_warm_brown_gradient.jpg) repeat-x scroll left top;} #FeaturedArticleTeaser h3, #AskTheChefTeaser h3, #CookingTipsTeaser h3, #FeaturedRecipeTeaser h3 {color:#FFFFFF;} /* home page --------------------------------------------------*/ #AdPromo {background:transparent url(/Assets/Common/Images/steel_blue_gradient.jpg) repeat-x;} #AdPromo p {color:#FFFFFF;} /* meal planner --------------------------------------------------*/ #MealPlanner {background:transparent url(/Assets/Common/Images/forest_green_gradient.jpg) repeat-x;} #MealPlanner a {color:#003366;} /* shopping list --------------------------------------------------*/ #ShoppingListHeaderSmall {background:url('/Assets/116/Images/gray_smallshoplist_250.jpg') repeat-x 22px 0;} #ShoppingListHeaderLarge {background:url('/Assets/116/Images/shoplist_header_large.jpg');} #ShoppingList {padding:0;} #savedshoppinglists h2 {color:#C02407; border-bottom:1px solid #864C1C;} /* advertising --------------------------------------------------*/ #sidebar div.AdMaster.Tile2 { top:200px; } /* coupons grid --------------------------------------------------*/ #tblCouponTopN {border:2px solid #864C1C; } /* 3-panel toolbox --------------------------------------------------*/ #Department h3, #Aisles h3, #Category h3 {color:#864C1C; } #InBetween1, #InBetween2 { color:#864C1C; } /* grid styles --------------------------------------------------*/ .GridItem {clear:both; text-align:left; background-color: #FFFFFF; color: #000000; font-weight: bold;} .GridItem th {text-align:left; background-color: #864C1C; color: #FFFFCC; font-weight: bold;} .GridAlternatingItem {text-align:left; background-color: #CCCCCC; color: #000000; font-weight: bold;} /* recipe center --------------------------------------------------*/ #RecipeCardTop {width:590px; height:42px; padding:0; background:none;} #RecipeCardMiddle {width:590px;background:none; background-color:white; margin:0; padding:0;} #RecipeCardBottom {display:none;} #FeaturedRecipeTeaser.recipe, #MealPlanner.recipe {margin-top:12px;} #RecipeCardTop #secondary-navigation #current {background-image:url("/Assets/116/Images/left.gif");border-width:0;} #RecipeCardTop #secondary-navigation #current a {background-image:url("/Assets/116/Images/right.gif");color:red;padding-bottom:5px;} /* store locator --------------------------------------------------*/ #StoreSelector {background-color:#70A6A4; } #StoreLocatorDropDown {display:none;} #StoreLocatorZipLookup {display:block;} /* footer --------------------------------------------------*/ #footer { color:#864C1C; float:left; height:118px; line-height:20px; margin-top:40px; padding:10px 0; text-align:center; width:100%; } #footer .alerts { display:block; } .footer-links { display:inline; font-size:14px; list-style-type:none; } .footer-links li { display:inline; } #footer .legal a:link { color:#666; font-size:12px; font-weight:normal; text-transform:uppercase; } #footer .alerts a:link { color:#FF0000; font-weight:bold; } .footer-tagline { font-weight:bold; text-transform:uppercase; } /* IE 7 --------------------------------------------------*/ *:first-child+html #header-login-box { width:300px; } *:first-child+html #primary-navigation li li.parent { margin-bottom:-2px; } *:first-child+html #availablevarieties { min-height: 1px; } /* IE 6 --------------------------------------------------*/ * html #main { height:600px; } * html #availablevarieties { height: 1%; }