/*------------------------------------------------*/ /* !dillonvale IGA /*------------------------------------------------*/ html {height:100%; background:transparent url(/Assets/103/Images/background_brown.jpg) repeat-x fixed;} body {font-size:0.7em; height:100%; background:transparent; font-weight:normal; font-style:normal; font-family: Verdana, Arial, Helvetica, sans-serif; color:black; margin-top:0; margin-left:0 ;padding-left:0; padding-right:0;} a:link, a:visited, a:active {font-weight:bold; color:#C02407; text-decoration:none;} a:hover {font-weight:bold; color:#C02407; text-decoration:underline;} h2 {color:#C02407;} /*------------------------------------------------*/ /* !header /*------------------------------------------------*/ #StoreHeader {background: transparent url(/Assets/103/Images/HeaderBG.jpg) no-repeat top right;} #StoreHeaderRightTop {border: inset 2px #000066; } #StoreHeaderLogo {height:75px;} #StoreHeaderLogo img {margin:10px;} /*------------------------------------------------*/ /* !nav bar /*------------------------------------------------*/ #nav {background-color:#00599c; color:yellow; font-size:14px;} #nav ul { text-align:center; width:880px; } #nav li { padding:0 4px; } #nav li:hover {background-color:transparent;} #nav li a {color:#fff; } #nav li a:hover {color:#FFFF66; text-decoration:none;} #nav li ul { background-color:#00599c;} #nav li:hover ul { left:auto; } /*------------------------------------------------*/ /* !featured teasers /*------------------------------------------------*/ #FeaturedRecipeTeaser {background:transparent url(/Assets/103/Images/red_gradient.jpg) repeat-x; height:250px; } #FeaturedArticleTeaser {background:transparent url(/Assets/103/Images/red_gradient.jpg) repeat-x; } #AskTheChefTeaser {background:transparent url(/Assets/103/Images/large_olive_gradient.jpg) repeat-x; } #CookingTipsTeaser {background:transparent url(/Assets/103/Images/green_gradient.jpg) repeat-x; } #FeaturedArticleTeaser h3, #AskTheChefTeaser h3, #CookingTipsTeaser h3, #FeaturedRecipeTeaser h3 {color:#FFFFFF;} /*------------------------------------------------*/ /* !home page /*------------------------------------------------*/ #AdPromo {background:transparent url(/Assets/103/Images/large_blue_gradient.gif) repeat-x;} #AdPromo p {color:#FFFFFF;} #AdPromo h2 {font-size: 14px;} #AdPromo a {font-size: 14px;} #circularThumbnail {margin:18px 0 10px;} #AdPromo img {margin: 18px auto 10px} .facebook{display:block;margin:0;} .twitter{display:block;margin:0;} div.twitter img {width:120px; height:23px;} #FeaturedArticleTeaser img.twitter { height: 23px; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 4px; } #DillonvaleSocialMedia { float:left; clear:left;} #DillonvaleSocialMedia a { display:block; margin:0 0 5px;} /*------------------------------------------------*/ /* !meal planner /*------------------------------------------------*/ #MealPlanner {background:transparent url(/Assets/103/Images/orangebrown_gradient.jpg) repeat-x;} /*------------------------------------------------*/ /* !shopping list /*------------------------------------------------*/ #savedshoppinglists h2 {color:#C02407; border-bottom:1px solid #C02407;} /*------------------------------------------------*/ /* !manage list legend /*------------------------------------------------*/ #legend th {background-color:#C02407;} /*------------------------------------------------*/ /* !coupons grid /*------------------------------------------------*/ #tblCouponTopN {border:2px solid #C02407; } #CouponList h3 {color:#C02407; } /*------------------------------------------------*/ /* !3-panel toolbox /*------------------------------------------------*/ #Department h3, #Aisles h3, #Category h3 {color:#C02407; } #InBetween1, #InBetween2 {color:#C02407; } /*------------------------------------------------*/ /* !grid styles /*------------------------------------------------*/ #CategoryHeader h3 {color:#C02407; } .GridItem {clear:both; text-align:left; background-color: #FFFFFF; color: #000000; font-weight: bold;} .GridItem th {text-align:left; background-color: #C02407; color: #FFFFCC; font-weight: bold;} .GridAlternatingItem {text-align:left; background-color: #CCCCCC; color: #000000; font-weight: bold;} #CircularAdText1_dlCategory h3 {color:#C02407;} #CouponList table table th {background-color:#00599c;} /*------------------------------------------------*/ /* !recipe page /*------------------------------------------------*/ #RecipeCardTop {width:100%; height:42px; padding:0; background:none;} #RecipeCardMiddle {background:none; background-color:#f4F1cf; } #RecipeCardBottom {display:none;} #FeaturedRecipeTeaser.recipe, #MealPlanner.recipe {margin-top:12px;} #homePageLinkButtons {width:23%;margin-left:2%;float:left;} #homePageLinkButtons a {background:transparent url(/assets/103/images/home_btn_bg.jpg) no-repeat top left; color:#fff; display:block; font-size:12px; font-weight:bold; height:26px; padding:12px 0; text-align:center; width:200px;} /*------------------------------------------------*/ /* !heading text */ /*------------------------------------------------*/ #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, #EmploymentPositions h1, #About h3 {color:#C02407;} .pageHeading {border-bottom:solid 1px #000000;color:#C02407;} #imgSubHeader {clear:both; float:left;} /*------------------------------------------------*/ /* !about us page /*------------------------------------------------*/ #About h4 {font-size:16px;} #StoreSelector {background-color:#70A6A4; } #owner {margin:0 auto;} #aboutcontent p {width:500px;margin-top:0; font-size:14px;} #aboutcontent {width:500px;margin:0 auto;} #aboutimage {text-align:center;margin:0 auto 20px auto;} p.caption {margin-top:10px;} /*------------------------------------------------*/ /* !store locator page /*------------------------------------------------*/ #GoogleMapStoreList hr { display:none; } #GoogleMapStoreList { width:400px; } #GoogleMapCanvas {height:300px; margin-right:50px; } #storeInfoZip { float:none; font-size:110%; margin:100px auto 0; width:auto; } #StoreLocator .storeInfoZip { float:none; font-size:110%; margin:100px auto 0; width:auto; } #storeZipEntryForm { display:none; } #StoreLocatorZipLookup #results-message { width:400px; } /*------------------------------------------------*/ /* !catering /*------------------------------------------------*/ #cateringimg {float:left;clear:both;text-align:left; width:100%; margin-bottom:50px} .item {float:left;clear:right;margin:5px 0 0 10px;width:630px;height:335px;background:transparent url(/Assets/103/Images/tray_bg.jpg) repeat-y;} .item_description {float:left;width:45%;margin-left:50px;font-size:14px;} .item_description h4 {text-decoration:underline;margin-top:2em} .item_image, .photo_image {float:left;margin:20px;} #left_nav a {display:block;margin-bottom:1em;} #left_nav {float:left;width:20%;} tr.columns {background-color:#CCCCCC;} table.tray {float:left;margin:15px;width:250px;height:70px;} caption i {text-decoration:underline;} #div_14 {width:60%; float:left;} #pricetables,#priceheader {clear:both;width:665px;} /*------------------------------------------------*/ /* !departments /*------------------------------------------------*/ #departments {float:left;clear:both;width:100%} .department {width:100%} .department img {height:190px;} .leftnav {float:left;width:25%} a.leftnavButton {display:block;padding-top:5px;height:21px; width:80%; background:transparent url(/Assets/103/Images/link_bg.jpg) repeat-x top left;text-decoration:none;text-align:center} .leftnav a:hover {background-position:bottom left;color:#FFFFFF} #departmentImages {float:left;width:60%;margin-bottom:20px} /*------------------------------------------------*/ /* !events page /*------------------------------------------------*/ #Events p {font-size:14px; margin: 1em auto; width:500px} /*------------------------------------------------*/ /* !snap shots /*------------------------------------------------*/ .photo_image img {max-width:600px;} .photo_description {text-align:center;font-size:14px;} .GridMode1 .couponsDescription, .GridMode2 .couponsDescription, .GridMode3 .couponsDescription {font-size:9px!important} /*------------------------------------------------*/ /* !static content pages /*------------------------------------------------*/ #StaticContentPage {min-height:800px;} #LeftNav a {display:block;padding-top:5px;height:21px; width:200px; background:transparent url(/Assets/103/Images/link_bg.jpg) repeat-x top left;text-decoration:none;text-align:center} #LeftNav { height:400px; overflow-y:scroll; width:220px; } #LeftNav a:hover {background-position:bottom left;color:#FFFFFF} #LeftNav, #mainContentLeftNav {margin-top:15px;} /*------------------------------------------------*/ /* !registration page /*------------------------------------------------*/ #signUpPop1, #signUpPop2, #signUpPop4 {top:199px;}