/*** default styles ***/ .clear{clear:both} .right{float:right} .left{float:left} .center{text-align:center;} ul {margin:2px;} body {font-size:0.7em; height:100%; background:transparent; font-weight:normal; font-style:normal; font-family: Arial,"Century Gothic",Futura,"Avant Garde",Verdana,San-Serif; color:black; margin:0; padding:0; vertical-align:top;} html {overflow-y: scroll; height:100%; padding:0; background: url(/Assets/Common/Images/background_gray.jpg) repeat-x fixed;} a:link, a:visited, a:active {outline: none; font-weight:bold; color:#FF0000; text-decoration:none; border:0;} a:hover {outline: none; font-weight:bold; color:#FF0000; text-decoration:underline;} h1 {font-weight:bold; color:#000000; font-size:150%;} h2 {display:block; clear:both; color:#FF0000; font-weight:bold; font-size:150%; text-align:left; width:100%; border-bottom:1px solid black; margin-top:12px; } h3 {font-weight:bold; color:#000000; font-size:120%; text-align:left;} p {color:#000000; font-size:100%;} img, a img {border:0px; display:block; background:none;} div {width:auto; height:auto; margin:0; padding:0;} hr {width:100%; height:1px; color:gray; border:0px none; background-color:gray; clear:both; margin:4px 0;} table tr {vertical-align:top;} .center {text-align:center;} .left {text-align:left;} .right {text-align:right;} /** select:hover {color: #333; background-color: #FFFFCC; } select:focus {color: #000; background-color: #ffffff; } input:hover {background-color: #FFFFCC; color: #000; cursor: pointer;} input:focus {color: #000; background-color: #ffffff; cursor: text;} input[type="textarea"] {background-color: #FFFFCC;} **/ input {border-collapse:collapse;} #OuterNav {display:none;} #container-outer {cursor:default;} #container {display:block; background:url(/Assets/Common/Images/white_background_shadow_wide.png) repeat-y; width: 910px; margin-left:auto; margin-top:0px; margin-right:auto; min-height: 100%; border:0px none; overflow:hidden; padding-left:20px; padding-right:20px; padding-top:0; padding-bottom:0} #container:after {content: ""; display: block; height: 0; clear: both } /** PNG transparency fix **/ #AdPromo img, #availablevarietiestop, .couponsSavings, .couponsStoreSavings, #ChainRecipes img { behavior: url(/Assets/Common/Js/iepngfix.htc); } /*** LeftHand Nav Bar - Normally Store-Provided content in here ***/ #LeftNavBar {float:left; width:auto; clear:both;} #main {display:inline; float:left; padding:0; margin:0 0 0 0; width:590px; } #main.storelocator {width:910px; } #main:after {content: ""; display: block; height: 0; clear: both } #sidebar, #recipesidebar {z-index:0!important; display:block; float:right; width:300px; padding:0; margin:0 0 0 0; } #GsnFooter {float:left; text-align:center; background:#FFFFFF; clear:both; display:block; width:100%; height:auto; padding:0; margin:12px auto;} #GsnFooter:after {content: ""; display: block; height: 0; clear: both } #GsnFooter img {text-align:center; background:#FFFFFF; clear:both; display:block; width:auto; height:auto; padding:0; margin-left:auto; margin-right:auto; } #StoreFooter {clear:both; display:block; float:left; width:100%; padding:0; margin:12px auto;} #imgSubHeader {float:left; } #splashblocks {display:block; width:100%; height:auto; padding:0; float:left; margin:0 0 12px 0;} /** default tab styles **/ #header {float:left;width:100%;background: url(/Assets/Common/Images/bg_white.gif) repeat-x bottom;font-size:100%;line-height:normal; margin-bottom:12px;} #header ul {margin:0;padding:10px 0 0;list-style:none;} #header li {float:left;background:url(/Assets/Common/Images/left.gif) no-repeat left top;margin:0;padding-left:9px; padding-right:0; padding-top:0; padding-bottom:0} #header a {float:left;display:block;background:url(/Assets/Common/Images/right.gif) no-repeat right top;text-decoration:none;font-weight:bold;color:#765; padding-left:6px; padding-right:15px; padding-top:5px; padding-bottom:4px} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #header a {float:none;} /* End IE5-Mac hack */ #header a:hover {color:#333;} #header #current {background-image:url(/Assets/Common/Images/left_on.gif);border-width:0} #header #current a {background-image:url(/Assets/Common/Images/right_on.gif);color:#333;padding-bottom:5px} #header #blank {background-image:url(/Assets/Common/Images/pixel.gif);border-width:0} #header #blank a {background-image:url(/Assets/Common/Images/pixel.gif);border-width:0} #RecipeCardTop #header #current {background-image:url(/Assets/Common/Images/left_on_recipe.gif);border-width:0} #RecipeCardTop #header #current a {background-image:url(/Assets/Common/Images/right_on_recipe.gif);color:#333;padding-bottom:5px} /************** BUTTON STYLES **************/ /*** button style: large standard ***/ #LoginButtonDiv p {width:100%; text-align:center;} #LoginButtonDiv a {display:block; width:100px; height:18px; margin:0 auto ; color:#ffffff; background: url(/Assets/Common/Images/submit_button_large.gif) no-repeat 0 0;; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:0} #LoginButtonDiv a:hover {background-position: -200px 0; text-decoration:none; } #LoginButtonDiv a:active {background-position: -100px 0;} #buttonsubmit a {display:block; float:left; text-align:center; width:100px; height:18px; color:#ffffff; background: url(/Assets/Common/Images/submit_button_large.gif) no-repeat 0 0;; margin-left:5%; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:0} #buttonsubmit a:hover {background-position: -200px 0; text-decoration:none; } #buttonsubmit a:active {background-position: -100px 0;} .buttonsubmit a {display:block; float:left; text-align:center; width:100px; height:18px; margin:0 0 0 5%; color:#ffffff; padding:3px 0 0 0; background: url(/Assets/Common/Images/submit_button_large.gif) 0 0 no-repeat;} .buttonsubmit a:hover {background-position: -200px 0; text-decoration:none; } .buttonsubmit a:active {background-position: -100px 0;} #ListButtons a {display:block; float:left; text-align:center; width:100px; height:18px; color:#ffffff; font-family:Verdana, Arial, Helvetica; font-size:80%; letter-spacing:-1px; background: url(/Assets/Common/Images/submit_button_large.gif) no-repeat 0 0;; margin-left:0; margin-right:12px; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:0} #ListButtons a:hover {background-position: -200px 0; text-decoration:none; } #ListButtons a:active {background-position: -100px 0;} /*** button style: large checkbox style ***/ #ButtonLogin a, #ButtonRegister a, #ButtonBack a, #ButtonDelete a, #ButtonUpdate a, #SubmitAskChefControl a {display:block; float:left; text-align:left; text-indent:12px; width:100px; height:18px; margin:0; color:#ffffff; padding:2px 0 0 0; background: url(/Assets/Common/Images/login_button_large.gif) 0 0 no-repeat;} #ButtonLogin a:hover, #ButtonRegister a:hover, #ButtonBack a:hover, #ButtonDelete a:hover, #ButtonUpdate a:hover, #SubmitAskChefControl a:hover {background-position: -200px 0; text-decoration:none; } #ButtonLogin a:active, #ButtonRegister a:active, #ButtonBack a:active, #ButtonDelete a:active, #ButtonUpdate a:active, #SubmitAskChefControl a:active {background-position: -100px 0;} /*** button style: large checkbox style with tightened spacing ***/ #ButtonViewHide a {display:block; float:left; text-align:left; text-indent:12px; letter-spacing:-1px; width:100px; height:18px; margin:0; color:#ffffff; background: url(/Assets/Common/Images/login_button_large.gif) no-repeat 0 0;; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:0} #ButtonViewHide a:hover {background-position: -200px 0; text-decoration:none; } #ButtonViewHide a:active {background-position: -100px 0;} /*** button style: extra-large ***/ #ButtonGetPassword a {display:block; float:left; text-align:left; text-indent:12px; width:150px; height:18px; margin-right:12px; color:#ffffff; background: url(/Assets/Common/Images/login_button_extra_large.gif) no-repeat 0 0;; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:0} #ButtonGetPassword a:hover {background-position: -300px 0; text-decoration:none; } #ButtonGetPassword a:active {background-position: -150px 0;} #recipevideos a {display:block; letter-spacing:-1px; font-size:95%; float:left; text-align:left; text-indent:12px; width:150px; height:18px; margin-right:12px; color:#ffffff; background: url(/Assets/Common/Images/login_button_extra_large.gif) no-repeat 0 0;; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:0} #recipevideos a:hover {background-position: -300px 0; text-decoration:none; } #recipevideos a:active {background-position: -150px 0;} /*** button style: small ***/ #CouponList {text-align:center;} #CouponList table {border-collapse:collapse;} #tblPersonalizedSpecialsTopN a {font-size:75%; text-align:center; display:block; width:33px; height:16px; margin:0; color:#ffffff; padding:3px 0 0 0; background: url(/Assets/Common/Images/submit_button_small.gif) 0 0 no-repeat;} #tblPersonalizedSpecialsTopN a:hover {text-decoration:none; background-position: -66px 0;} #tblPersonalizedSpecialsTopN a:active {background-position: -33px 0;} #CouponTop a {font-size:90%; text-align:center; display:block; width:33px; height:16px; margin:0; color:#ffffff; background: url(/Assets/Common/Images/submit_button_small.gif) no-repeat 0 0;; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:0} #CouponTop a:hover {text-decoration:none; background-position: -66px 0;} #CouponTop a:active {background-position: -33px 0;} #CouponList #SelectAllProducts {clear:both; float:left;} #CouponList #SelectAllProducts a {font-size:85%; display:block; float:left; text-align:center; width:100px; height:18px; margin:0; color:#ffffff; padding:3px 0 0 0; background: url(/Assets/Common/Images/submit_button_large.gif) 0 0 no-repeat;} #CouponList #SelectAllProducts a:hover {background-position: -200px 0; text-decoration:none; } #CouponList #SelectAllProducts a:active {background-position: -100px 0;} #CircularAdText1_dlCategory a {font-size:80%; text-align:center; text-transform:uppercase; display:block; width:33px; height:16px; color:#ffffff; background: url(/Assets/Common/Images/submit_button_small.gif) no-repeat 0 0;; margin-left:0; margin-right:0; margin-top:2px; margin-bottom:0; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:0} #CircularAdText1_dlCategory a:hover {text-decoration:none; background-position: -66px 0;} #CircularAdText1_dlCategory a:active {background-position: -33px 0;} #CircularAdGrid #CircularOptionsList {text-align:center;} #CircularAdGrid #CircularOptionsList a {font-size:75%; border:0px none; text-align:center; display:block; width:33px; height:16px; margin:0 auto; color:#ffffff; background: url(/Assets/Common/Images/submit_button_small.gif) no-repeat 0 0;; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:0} #CircularAdGrid #CircularOptionsList a:hover {text-decoration:none; background-position: -66px 0;} #CircularAdGrid #CircularOptionsList a:active {background-position: -33px 0;} .CircularGoButton {font-weight:bold; text-transform:uppercase; text-align:center; display:block; width:33px; height:16px; margin:0; color:#ffffff; background: url(/Assets/Common/Images/submit_button_small.gif) no-repeat 0 0;; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:0} .CircularGoButton:hover {color:#FFFFFF; text-decoration:none; background-position: -66px 0;} .CircularGoButton:active {background-position: -33px 0;} .btnAdd {font-size:75%; border:0px none; font-weight:bold; text-align:center; display:block; width:33px; height:16px; margin:0 auto; color:#ffffff; background: url(/Assets/Common/Images/submit_button_small.gif) no-repeat 0 0;; padding-left:0; padding-right:0; padding-top:1px; padding-bottom:0} .btnAdd:hover {color:#ffffff; text-decoration:none; background-position: -66px 0;} .btnAdd:active {color:#ffffff; background-position: -33px 0;} .btnPageLink {color: #ff0000; border: 0px none; text-decoration:underline; background:transparent; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px} /*** personalization ***/ .TopN, .LineItems {clear:both; float:left; width:auto;} /*** header ***/ #StoreHeader {float:left; height:auto; width:100%; } #StoreHeader:after {content: ""; display: block; height: 0; clear: both } #StoreHeaderLogo {float:left; width:250px;} #StoreInfoDiv {float:left; height:auto; font-size: 90%; font-weight:bold; margin:0px; width:100%; color:#ffffff; background-color:#000000;} #StoreAddress1Div, #StoreAddress2Div, #StoreCityStateZipDiv, #StoreTelDiv {float:left; vertical-align:baseline; width:auto; margin-left:5px; padding:3px 0 3px 0; } #StoreHeaderRightTop {width:180px; float:right; text-align:center; margin-right:12px; margin-top:12px; font-size:90%; font-weight: bold; color:#000000; padding:0px; border: solid 3px #FF0000; background:#FFFFFF;} #StoreInfoDiv:after {content: ""; display: block; height: 0; clear: both } /*** login box ***/ #LoginBox {width:100%; height:40px; margin:4px auto 0 auto; text-align:center;} #LoginBox p {margin:0;} #LoginNewProfileLinkDiv {font-size: 90%; margin:0;} #LoginAsLabelDiv {font-weight:normal; margin:0; font-size:90%; } /*** nav bar ***/ #StoreMenu {text-align:center; list-style:none; clear:both; padding:4px 0; width:100%; background:#FF0000; margin-bottom:12px; font-size:120%; font-weight:bold; color:#FFFF00; text-decoration:none;} #StoreMenu ul {text-align:center; margin:0 auto; padding:0; list-style:none;} #StoreMenu li {position: relative; display:inline; padding:4px 6px; } #StoreMenu li a, #StoreMenu li a:visited, #StoreMenu li a:active {color:#FFFFFF; text-decoration:none;} #StoreMenu li a:hover {color:#FFFF66;} #StoreMenu:after {content: ""; display: block; height: 0; clear: both } /*** nav bar dropdown version ***/ #nav-wrap {clear:both; position:relative;} #nav {position:relative; clear:both; font-size:120%; /*** background-color:#FF0000; ***/} #nav, #nav ul { /* all lists */ padding: 0; margin: 0 auto; list-style: none; line-height: 100%; font-weight:bold; color:#FFFF00; text-decoration:none; height:25px; } #nav a { display: block; width: auto; height:auto; margin:6px; } #nav li { /* all list items */ float: left; margin: 0; padding:0; height:auto; width: auto; /* width needed or else Opera goes nuts */ } #nav li ul { /* second-level lists */ z-index:5; font-size:85%; text-align:left; position: absolute; background: white; width: 15em; margin:0; height:auto; padding:0; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ } #nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto;} #nav:after {content: ""; display: block; height: 0; clear: both; } #nav li li {width:100%; padding:0;} #nav li li a {margin-left:6px;} #nav li:hover {background:#5B0000;} #nav li:hover, #nav li.hover { position: static; } /* Support for the "iehover-fix.js" */ ul.nav iframe { position: absolute; /* account for the border */ left: -0.25em; top: -0.25em; z-index: -1; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); } * html ul.nav li { z-index: 201; } /* this is for IE 5.0 select.hide { visibility: hidden; } /* End Support for the "iehover-fix.js" */ /*** splash page ***/ #SplashContainer {clear:both; float:left; width:100%; height:auto; margin-top:6px; margin-bottom:2%; } #SplashImage {float:left; display:block; margin:0; width:73%; margin-right:2%; height:300px; } #AdPromo {float:right; margin:0; width:23%; height:300px; padding-top:4px; background-color:#FFFFFF; background:url(/Assets/Common/Images/large_purple_gradient.jpg) repeat-x; text-align:center } #AdPromo h2 {text-align:center; margin:0; color:#FFFFFF; font-size:120%;border:0px none;} #AdPromo p {font-size:90%; color:#000000; margin:4px 0 0 0;} #AdPromo img {margin:4px auto 0 auto; } #splashalternate {clear:both; float:left; width:100%; margin:0; padding:0;} #splashalternate:after {content: ""; display: block; height: 0; clear: both } #circularThumbnail {margin:18px 0 0 0;} /*** featured recipe, weekly article, ask the chef, cooking tips ***/ #FeaturedRecipeTeaser {clear:both; float:left; padding:0; text-align:center; width:23%; margin:0; background-color:#FFFFFF; background:url(/Assets/Common/Images/red_gradient.jpg) repeat-x; } #FeaturedArticleTeaser {float:left; padding:0; text-align:center; min-height:180px; width:23%; margin-left:1%; background-color:#FFFFFF; background:url(/Assets/Common/Images/red_gradient.jpg) repeat-x; } #AskTheChefTeaser {float:left; padding:0; text-align:center; width:23%; margin-left:1%; background-color:#FFFFFF; background:url(/Assets/Common/Images/red_gradient.jpg) repeat-x; } #CookingTipsTeaser {float:left; padding:0; text-align:center; width:23%; margin-left:1%; background-color:#FFFFFF; background:url(/Assets/Common/Images/red_gradient.jpg) repeat-x; } #FeaturedRecipeTeaser h2, #FeaturedArticleTeaser h2, #AskTheChefTeaser h2, #CookingTipsTeaser h2 {text-align:center; color:#FFFFFF; font-size:120%; border:0px none;; margin-left:0; margin-right:0; margin-top:4px; margin-bottom:0} #FeaturedRecipeTeaser h3, #FeaturedArticleTeaser h3, #AskTheChefTeaser h3, #CookingTipsTeaser h3 {text-align:center; color:#FFFF00; font-size:95%; border:0px none;; margin-left:0; margin-right:0; margin-top:4px; margin-bottom:0} #FeaturedRecipeTeaser h2 a, #FeaturedArticleTeaser h2 a, #AskTheChefTeaser h2 a, #CookingTipsTeaser h2 a {font-size:90%; color:#FFFFFF; font-weight:bold; border:0px none;; margin-left:0; margin-right:0; margin-top:4px; margin-bottom:0} #FeaturedArticleTeaser p, #FeaturedRecipeTeaser p, #CookingTipsTeaser p, #AskTheChefTeaser p, #FeaturedArticleTeaser a, #FeaturedRecipeTeaser a, #CookingTipsTeaser a, #AskTheChefTeaser a {font-size:90%; width:90%; font-weight:bold; margin:4px auto;border:0px none;} #FeaturedRecipeTeaser img {margin:4px auto 0 auto; } #FeaturedArticleTeaser img, #AskTheChefTeaser img, #CookingTipsTeaser img {margin:4px auto 0 auto; height:100px;} #FeaturedArticleTeaser.recipe, #AskTheChefTeaser.recipe, #CookingTipsTeaser.recipe {width:31%;border:0px none; margin:12px 6px 0 0;} #RecipeVideoTeaser {clear:both; margin-top:12px; padding:0px 5px 0px 5px; width:100%;} #AskTheChefLink {font-size:130%;} /*** dual content control ***/ #DualContentControlDiv, #DualContentControlDiv2 {float:left; width:23%; margin-left:2%} #DualContentControlDivA a img, #DualContentControlDivB a img {border:0px none;} /*** meal planner ***/ #MealPlanner {float:right; text-align:center; padding:4px; width:22%; margin:0; font-size:90%; background-color:#FFFFFF; background:url(/Assets/Common/Images/red_gradient.jpg) repeat-x;} #RecipeCardMiddle #MealPlanner {font-size:90%; } #MealPlanner ul {text-align:left; list-style:none; margin:0 0 6px 12px; padding:0 0 0 0.25em;} #MealPlanner li {text-indent:-0.25em;} #MealPlanner h2 {text-align:center; margin:0; color:#FFFFFF; font-size:120%;border:0px none;} #MealPlanner h2 a {color:#FFFFFF;} #MealPlanner h3 {border-bottom:1px solid black; text-align:left; margin:4px 0 2px 6px; color:#000000; font-size:100%;} #DivMealPlanner {text-align:left; margin:4px 0 2px 6px; color:#000000; font-size:120%;} #DivMealPlanner li {text-indent:-0.25em;} #DivMealPlanner h2 {font-weight:bold; color:#000000; font-size:130%; width:100%; border-bottom:1px solid black;} #DivMealPlanner h3 {font-weight:bold; color:#000000; font-size:110%;} /*** shopping list ***/ #ShoppingListHeaderSmall {background:transparent url(/Assets/Common/Images/gray_smallshoplist.jpg) no-repeat top left;height:47px; width:300px;} #ShoppingListHeaderLarge {background:transparent url(/Assets/Common/Images/gray_largeshoplist.jpg) no-repeat top left;height:61px;} #ShoppingListHeaderLarge.Saved {background-image:url(/Assets/Common/Images/gray_saved_shoplist_top_520.jpg)} #ShoppingList {float:left; width:300px; margin-left:auto; margin-right:auto; padding:0; background-color:#F2F2F2; margin-bottom:12px; text-align:center; } #ShoppingList:after {content: ""; display: block; height: 0; clear: both; } #ShoppingList table {clear:both; margin:0 auto; text-align:left; width:298px; border:0px none; border-collapse:collapse;} #ShoppingList td {clear:both; margin:2px 0; border-bottom:1px solid #CCCCCC;text-align:left;padding-top:3px;} #ShoppingList table a, #ShoppingList table input {margin:0; font-size:80%; text-transform:uppercase; } #ItemCount {width:298px; margin:0; padding:0; font-family:Verdana; font-size:80%; font-style:italic;border:0px none;} #ListButtons {display:none;} #category h3 {font-size:100%; color:#FF0000; margin-bottom:2px; margin-top:0;} #Advertising {clear:both; margin-top:12px; width:300px; height:300px; padding:0; } #savedshoppinglists {float:left; width:590px; background-color:#F2F2F2;} #savedshoppinglists table table {margin-top:-3px; border-left:0px none; border-right:0px none; border-top:0px none; width:590px; background-color:#F2F2F2; border-bottom:1px solid #CCCCCC} #TitleBar, #CurrentList {width:589px; border:1px solid #FF0000; padding:0; margin:0;} #TitleBar:after, #CurrentList:after {content: ""; display: block; height: 0; clear: both } #spanItems, #spanSalePrice {display:block; float:left; font-weight:bold; color:#FF0000; margin:6px 0 0 6px; vertical-align:baseline;} #savedshoppinglists h2 {color:#FF0000; font-weight:bold; font-size:130%; width:95%; border-bottom:1px solid #C02407; margin:12px 0 4px 8px; } #CurrentList p {margin-left:8px;} .ShopListIcon {text-align:center; width:20px; margin:0 4px;} .SubTotal {display:none;} #trashcanSmall {cursor:pointer; background: url(/assets/common/images/remove_list_icon.gif) no-repeat; width:13px; height:15px;} #FiveListButtons {clear:both; display:inline; background-color:#F2F2F2; float:left; width:300px; } #FiveListButtons input {float:left; width:40px; border:0; margin:0; padding:0 0 0 16px;} #FiveListButtons input:hover {background:none;} #FiveListButtons a {float:left; width:40px; border:0; margin:0; padding:0 0 0 16px;} #FiveListButtons a:hover {background:none;} #AddYourOwnItems {display:none;} #FiveListButtons a.shoplistPrint {margin-left:17px; width:40px; padding:0; height:50px; background:url('/assets/common/images/ShopList_print.gif') no-repeat;} #FiveListButtons a.shoplistPrint:hover {background-position:0 -50px;} #FiveListButtons a.shoplistPrint span {font-size:80%; text-align:center; width:40px; padding:0; float:left; margin:35px 0 0 0;} #FiveListButtons a.shoplistEmail {margin-left:17px; width:40px; padding:0; height:50px; background:url('/assets/common/images/ShopList_email.gif') no-repeat;} #FiveListButtons a.shoplistEmail:hover {background-position:0 -50px;} #FiveListButtons a.shoplistEmail span {font-size:80%; text-align:center; width:40px; padding:0; float:left; margin:35px 0 0 0;} #FiveListButtons a.shoplistSave {margin-left:17px; width:40px; padding:0; height:50px; background:url('/assets/common/images/ShopList_save.gif') no-repeat;} #FiveListButtons a.shoplistSave:hover {background-position:0 -50px;} #FiveListButtons a.shoplistSave span {font-size:80%; text-align:center; width:40px; padding:0; float:left; margin:35px 0 0 0;} #FiveListButtons a.shoplistManage {margin-left:17px; width:40px; padding:0; height:50px; background:url('/assets/common/images/ShopList_manage.gif') no-repeat;} #FiveListButtons a.shoplistManage:hover {background-position:0 -50px;} #FiveListButtons a.shoplistManage span {font-size:80%; text-align:center; width:40px; padding:0; float:left; margin:35px 0 0 0;} #FiveListButtons a.shoplistLast {margin-left:17px; width:40px; padding:0; height:50px; background:url('/assets/common/images/ShopList_lastlist.gif') no-repeat;} #FiveListButtons a.shoplistLast:hover {background-position:0 -50px;} #FiveListButtons a.shoplistLast span {font-size:80%; text-align:center; width:40px; padding:0; float:left; margin:35px 0 0 0;} #FiveListButtons a.shoplistLastOrder {margin-left:17px; width:40px; padding:0; height:50px; margin-top:2px; background:url('/assets/common/images/ShopList_checkout.gif') no-repeat;} #FiveListButtons a.shoplistLastOrder:hover {background-position:0 -50px;} #FiveListButtons a.shoplistLastOrder span {font-size:80%; text-align:center; width:40px; padding:0; float:left; margin:33px 0 0 0;} #FiveListButtons a.shoplistCheckout {margin-left:17px; width:40px; padding:0; height:50px; background:url('/assets/common/images/ShopList_convertcart.gif') no-repeat;} #FiveListButtons a.shoplistCheckout:hover {background-position:0 -50px;} #FiveListButtons a.shoplistCheckout span {font-size:80%; text-align:center; width:40px; padding:0; float:left; margin:35px 0 0 0;} #FiveListButtons a.shoplistConvertCart {margin-left:17px; width:40px; padding:0; height:50px; background:url('/assets/common/images/ShopList_convertcart.gif') no-repeat;} #FiveListButtons a.shoplistConvertCart:hover {background-position:0 -50px;} #FiveListButtons a.shoplistConvertCart span {font-size:80%; text-align:center; width:40px; padding:0; float:left; margin:35px 0 0 0;} #FiveListButtons a.shoplistConvertList {margin-left:17px; width:40px; padding:0; height:50px; background:url('/assets/common/images/ShopList_convertlist.gif') no-repeat;} #FiveListButtons a.shoplistConvertList:hover {background-position:0 -50px;} #FiveListButtons a.shoplistConvertList span {font-size:80%; text-align:center; width:40px; padding:0; float:left; margin:35px 0 0 0;} #sidebar div.AdMaster {clear:both; float:left; width:300px; margin:0; padding:0; text-align:center; display:inline } #sidebar div.AdMaster html {margin:0; padding:0;} #main div.AdMaster {clear:both; float:left; width:590px; margin:12px 0; padding:0; text-align:center;display: inline; height:61px; } #main div.AdMaster html {margin:0; padding:0;} .adPodFrame1 {width:300px; height:260px; margin:0; padding:0;} .adPodFrame2 {width:300px; height:605px; margin:12px 0; padding:0;} .adPodFrame3 {float:left; width:590px; height:61px; margin:0; padding:0;} #pixel {display:none;} #adPodForm1 {margin:0; padding:0; left:0; top:0;} form#adPodForm1 a img, form#adPodForm2 a img {border:0;} #AD_300 {float:left; width:300px; margin:0;} #AD_468 {float:left; width:468px; margin:0 61px 0 61px;} #AD_210 {float:left; width:210px; margin:0 45px 0 45px;} #AD_160 {float:left; width:160px; margin:0 70px 0 70px;} #AD_120 {float:left; width:120px; margin:0 90px 0 90px;} #adInternalSponsorText {width:100%; text-align:center; clear:both; float:left; margin-top:6px;} #adInternalSponsorText p {padding:0; font-size:9px; margin:6px 0 2px 0;} #adInternal {clear:both; float:left; background-color:white; text-align:center; width:100%; } #adInternal img {border:0; margin:0px auto; } /*** weekly circular ***/ #CircularLists {clear:both; text-align:center; float:left; margin:6px auto 12px; width:100%; } #CircularLists select {float:left; margin-right:12px; width:25%; font-size:100%; line-height:100%; overflow:auto; } #CircularLists input {float:left; font-size:100%; width:15%; margin-right:12px; } input#btnSearch.CircularGoButton {width:33px; height:16px; border:0; } #CircularLists a {float:left; } #CircularAdGrid {font-size:120%; margin-top:12px; margin-left:auto; margin-right:auto; } #CircularAdGrid a.button {margin:6px 0 12px 0;} #CircularAdGrid table {clear:both; text-align:center; margin-left:auto; margin-right:auto; margin-top:12px; padding:0; width:590px;} #CircularAdGrid table table {padding:0; margin-top:2px; margin-left:auto; margin-right:auto; text-align:center;} #CircularAdGrid table table td, #CircularAdGrid tbody {padding:0; margin:0; vertical-align:bottom; text-align:center; margin-left:auto; margin-right:auto; } #CircularAdGrid table table td img {text-align:center; margin:0 auto;} ul#CircularPagerTop, ul#CircularPagerBottom {width:auto; clear:both; padding:0 10px; list-style: none; text-align:center; margin:12px 0px; border-top:1px solid white; border-right:1px solid white; border-left:1px solid white; border-bottom:1px solid #cccccc;} #CircularPagerTop li, #CircularPagerBottom li {top:0px; font-size:85%; display:inline;vertical-align:bottom; color:#999999; background-color:#FFFFCC; border:1px solid #cccccc; border-bottom:0px; padding:2px 6px 0px 6px;} #CircularPagerTop li.activePage, #CircularPagerBottom li.activePage {top:1px; display:inline;vertical-align:bottom; color:#999999; font-size:110%; background-color:white; border:1px solid #cccccc; border-bottom:1px solid white; padding:4px 8px 0px 8px;} #CircularPagerTop span , #CircularPagerBottom span {} #AdContent {text-align:center; width:590px; margin:0 auto;} #AdContent img {margin:0 auto 12px auto;} #CircularAd1_LinkButtonTextOnly {float:right; font-size:90%;} #CircularLists span a {display:block; float:right; color:#FF0000; text-align:left; line-height:100%; list-style:none; width:80px; font-size:70%; height:20px; margin:0; padding:0px 0 0 28px; background: url(/Assets/Common/Images/text_only.gif) 0 0 no-repeat;} #CircularLists span a:hover {background-position: -300px 0; text-decoration:none; color:#FF0000;} #PageDisplay a.backtoweeklyad {float:left; display:block; font-size:90%; width:150px; height:17px; background: url(/Assets/Common/Images/recipe_back_search.gif) no-repeat -20px 0;; list-style-type:none; padding-left:25px; padding-right:0; padding-top:3px; padding-bottom:0} #PageDisplay a.backtoweeklyad:hover {background-position: -320px 0; text-decoration:underline; } #CircularAdDates {text-align:right;} /*** Circular Thumbnail Mode ***/ #CircularType_1, #CircularType_2, #CircularType_3, #CircularType_4 {list-style:none; margin-left:10px; clear:both; padding:4px 0; width:100%; text-decoration:none;} ul.CircularPageMenu {margin:0; list-style:none; padding:3px;} ul.CircularPageMenu h4 {text-align:center; margin:4px auto; color:white; background:black;} ul.CircularPageMenu li {position:static; min-height:100px; _height:100px; display:inline; padding:0; margin:0; float:left; } ul.CircularPageMenu li img {max-width:75px; _width:75px; min-height:90px;} ul.CircularPageMenu li a, ul.CircularPageMenu a:visited, ul.CircularPageMenu li a:active {color:#FFFFFF; text-decoration:none;} ul.CircularPageMenu li a:hover {color:#FFFF66;} ul.CircularPageMenu:after {content: ""; display: block; height: 0; clear: both } ul#PagerTop.CircularPager, ul#PagerBottom.CircularPager {width:auto; clear:both; padding:0 10px; list-style: none; text-align:center; margin:12px 0px; border-top:1px solid white; border-right:1px solid white; border-left:1px solid white; border-bottom:1px solid #cccccc;} #PagerTop.CircularPager li, #PagerBottom.CircularPager li {position:static; top:0px; font-size:85%; display:inline;vertical-align:bottom; color:#999999; background-color:#FFFFCC; border:1px solid #cccccc; border-bottom:0px; padding:2px 6px 0px 6px;} #PagerTop.CircularPager li.activePage, #PagerBottom.CircularPager li.activePage {position:static; top:1px; display:inline;vertical-align:bottom; color:#999999; font-size:110%; background-color:white; border:1px solid #cccccc; border-bottom:1px solid white; padding:4px 8px 0px 8px;} /*** available varieties ***/ #availablevarieties:after {content: ""; display: block; height: 0; clear: both } #availablevarietiestop {width:100%; height:auto; clear:both; background: url(/Assets/Common/Images/avail_varieties_300_r1_c1.gif) no-repeat 0 0; margin-bottom:0; padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px} #availablevarietiestop h2 {color:#FFFFFF; display:block; font-size:110%; width:90%; margin:0 auto; text-align:center; border:0px none;} #availablevarietiesmiddle {height:auto; text-align:center; width:100%; clear:both; background: url(/Assets/Common/Images/avail_varieties_300_r2_c1.gif) repeat-y 0 0; margin-top:0} #byitem {max-height:150px; overflow-y:auto; overflow-x:none; clear:both; display:block; text-align:left; width:290px; /*height:100px; overflow:auto; overflow-x:hidden; */margin-top:6px; margin-left:auto; margin-right:auto; font-size:90%;} #byitem span {display:block; width:100%; clear:both; margin:0;} #byitem table {width:268px; padding:0; margin:0 auto;} #byitem tbody {padding:0; margin:0; } #byitem td {line-height:100%; padding:3px 0; vertical-align:top; text-align:left; height:auto; text-transform:capitalize;} #byitem input {margin:0px 0 0 4px; padding:0; float:left; display:block; } #byitem p {width:230px; float:left; display:block; text-align:left; margin:4px 0px 4px 4px; padding:0;} #byitem td.itemavailablevarieties {background-color:#FFFFCC; } #byitem td.alternatingavailablevarieties {background-color:#FFFFFF; } #availcouponimage {clear:both; display:block; height:auto; margin:2px 8px 0 0; float:right; padding:4px 0 0 0; text-align:left; width:auto;} #availcouponimage img {clear:both; display:block; margin:0 4px 0 0; float:left; vertical-align:top;} #availcouponimage p {float:left; font-weight:bold; vertical-align:top; color:green; margin:3px 0 0 0; line-height:100%;} #availcouponimage:after {content: ""; display: block; height: 0; clear: both } #availrecipe {display:block; float:left; text-align:left; margin:2px 0 0 8px; padding:4px 0 0 0; width:auto; height:auto; } #availrecipe img {clear:both; display:block; margin:0 4px 0 0; float:left; vertical-align:top;} #availrecipe p {float:left; font-weight:bold; vertical-align:top; margin:3px 0 0 4px; line-height:100%;} #availrecipe a {text-decoration:none; } #availrecipe:after {content: ""; display: block; height: 0; clear: both } #availproductimage {clear:both; width:100%; text-align:center; margin:4px 0 0 0;} #availproductimage a img {display:block; margin:0 auto 0 auto; } #availprice {clear:both; margin:0; width:100%; text-align:center;} #availprice h3 {border-bottom:0px; margin:2px 0 2px 0;} #availprice h3 span {display:block; text-align:center; border:1px solid red; padding:2px; width:80%; margin:0 auto 0 auto; } #availproductdescription {clear:both; font-style:italic; display:block; margin:0 auto; width:95%;} #availproductdescription:after {content: ""; display: block; height: 0; clear: both } #availnumberofvarieties {clear:both; font-size:90%; display:block; margin:0 auto; width:95%;} #availnumberofvarieties:after {content: ""; display: block; height: 0; clear: both } #availablevarietiesbottom {background: url(/Assets/Common/Images/avail_varieties_300_r3_c1.gif) no-repeat 0 0; width:100%; height:24px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:12px} #availablevarietiesadditemlink {font-size:85%; display:block; width:99%; float:left; text-align:left; margin:6px auto; } #availablevarietiesadditemlink span {width:194px; margin:6px 0 0 12px; float:left;} #availablevarietiesadditemlink input {float:left; border:0; width:85px; height:35px; margin:0 auto; } #availablevarietiesadditemlink br {display:none;} #AvailableVarieties1_LinkButtonAddItem {display:block; text-align:left; width:80px; height:30px; margin:0 auto; background: url(/Assets/Common/Images/add_to_shopping_list.gif) no-repeat 0 0; list-style-type:none; padding-left:40px; padding-right:0; padding-top:12px; padding-bottom:0} #AvailableVarieties1_LinkButtonAddItem:hover {background-position: -190px 0; text-decoration:underline; } #availablevarietiesadditemlink a {text-align:center; } #AddToList {float:left; border:0; width:85px; height:35px; margin:0 auto; background: url(/Assets/Common/Images/butn_ADD_SHOPLIST_over.gif);} /*** grid styles ***/ #Divlst, #Divlist table {clear:both; float:left;} #CategoryHeader h3 {clear:both; float:left; width:100%; text-align:left; font-size:120%; font-weight:bold; color:#FF0000; margin:0 0 4px 0} #ProductsGrid, .LineItem, .LineItems {clear:both; float:left; width:590px; margin-top:2px;} #Options table, .LineItem table {clear:both; float:left; width:580px;} #Options {font-size:90%; } #Options tr {font-size:90%; vertical-align:middle;} #Options tr th {text-align:left; font-size:90%; font-weight: bold;} .GridItem {clear:both; text-align:left; background-color: #FFFFFF; color: #000000; font-weight: bold; width:590px;} table.GridItem {width:590px; border-collapse:collapse;} .GridItem th,#Options th {text-align:left; background-color: #FF0000; color: #FFFFCC; font-size:90%; font-weight: bold;} .GridAlternatingItem {text-align:left; background-color: #CCCCCC; color: #000000; font-weight: bold;} .GridAlternatingItem td, .GridItem td, .GridItem th {text-align:left; vertical-align:middle; padding:4px 5px 2px 5px;} .GridItem a, .GridAlternatingItem a {text-decoration:none; } .GridItem td.ProductPageImage img {height:40px;max-width:40px; margin:0 auto;} .CategoryHeader {clear:both; float:left; height:auto; width:250px; text-align:left; font-size:120%; font-weight:bold; color:#FF0000; margin:0 0 4px 0} .CategoryHeader h3 {margin:0;} div.CategoryHeader a {width:590px;} #CircularAdText1_dlCategory {clear:both; float:left; width:100%;} #CircularAdText1_dlCategory h3 {clear:both; width:100%; float:left; text-align:left; font-size:130%; font-weight:bold; color:#FF0000; margin:6px 0;} #CircularAdText1_dlCategory table {width:100%; clear:both;} #CircularAdText1_dlCategory input {height:40px; text-align:center; } #CircularAdText1_dlCategory th {text-align:left;} #CircularAdText1_dlCategory td td {border:1px solid #999999; padding:2px 6px 2px 6px;} #CircularAdText1_dlCategory span {text-align:left; font-weight:bold; font-size:90%;} #CircularAdText1_dlCategory tr tr:hover {background-color:#FFFFCC;} #CircularAdText1_dlCategory th {border:0; text-align:left; color: #000000; font-weight: bold;} #CircularAdText1_dlCategory table table {clear:both; margin:0; text-align:left; } #CircularAdText1_dlCategory a {text-align:center; margin-left:auto; margin-right:auto;} #LinkButtonBackToWeeklyAd {display:block; list-style:none; width:240px; height:17px; margin:0; padding:3px 0 0 55px; background: url(/Assets/Common/Images/recipe_back.gif) 0 0 no-repeat;} #LinkButtonBackToWeeklyAd:hover {background-position: -300px 0; text-decoration:underline; } /*** coupons grid .CouponsGrid {width:590px;} #CouponTop {float:left; margin:12px 0; padding:0; width:100%;} #CouponTop td {width:25%; text-align:center;} #CouponTop a {text-align:center; margin-left:auto; margin-right:auto;} #tblCouponTopN {float:left; font-size:90%; text-align:center; border:2px #FF0000; padding:0 0 4px 0; height:270px; width:100%; margin:0 auto 0 auto;} #tblCouponTopN:hover {background-color:#FFFFCC;} #tblCouponTopN h3 {text-align:center;} #CouponList {clear:both;} #CouponList h3 {margin:12px 0 4px 0;} #CouponList table table {clear:both; width:590px; margin:0; text-align:left; } #CouponList table table th {font-size:90%; border:0; font-weight:bold; background-color:#FF0000; color:#FFFFCC; } #CouponList tr {vertical-align:middle;} #CouponList .AddButton {width:50px; text-align:center; } #CouponList .AddButton a {margin-left:auto; margin-right:auto; text-transform:uppercase;} #CouponList .CouponLogo {width:60px; text-align:center; } #CouponList .CouponLogo img {max-width:40px; max-height:40px; margin:0 auto;} #CouponList .ItemName {text-align:left; margin:0 auto;} #CouponList .CouponIcon {width:50px; text-align:center; } #CouponList .CouponIcon img {margin-left:auto; margin:0 auto;} ***/ /*** new coupons ***/ .couponsContainer {position:relative; display:inline; width:140px; float:left; padding:0; margin:2px; text-align:center; } .couponsFrame {display:inline; width:140px; float:left; border-right:1px dotted #CCCCCC; padding:5% 0; margin:0; text-align:center; min-height:225px; _height:225px;} .couponsFrame.last {border-right:0;} .couponsImage {display:inline; float:left; border:0; margin:0 10px; min-height:147px; _height:147px;width: 120px;} .couponsImage img {display:inline; border:0; margin:20px auto 6px auto; max-width: 120px; } .couponsDescription {display:inline; clear:both; float:left; width: 100%; min-height:30px; _height:30px;line-height:110%; margin:0 auto; font-size:85%; font-weight:normal;} .couponsStoreSavings {display:inline; position:absolute; top:5px; right:5px; width:50px; height:50px; padding:15px 0 0 0; color:white; font-size:100%; line-height:100%; font-weight:bold; background: transparent url('/Assets/Common/Images/coupon_store_savings.png') 0 0 no-repeat;} .couponsSavings {display:inline; position:absolute; top:5px; right:5px; width:50px; height:50px; padding:15px 0 0 0; color:white; font-size:100%; line-height:100%; font-weight:bold; background: transparent url('/Assets/Common/Images/coupon_savings.png') 0 0 no-repeat;} .price {display:inline; width:100%; clear:both; float:left; padding:0; font-size:100%; line-height:100%; font-weight:bold; min-height:24px;} .activeCoupon {background: url(/Assets/Common/Images/coupon_highlighted.jpg);} .couponsFrame a {cursor: pointer; display:inline; clear:both; float:left; width:76px; height:26px; background: url(/Assets/Common/Images/add_coupon.gif) no-repeat 0 0; margin:3px 32px; padding:0} .couponsFrame a.activeCoupon {background: url(/Assets/Common/Images/added_coupon.gif);} .couponDivider {float:left; width:1px; height:230px; background:#CCCCCC;} .couponClear {clear:both; width:100%; height:1px; border-bottom:1px dotted #CCCCCC; margin:2px 0pt; width:100%;} /*** 3-panel toolbox ***/ #ThreePane, #Inventory {float:left; margin:0; padding:0; width:auto;} #Department h3, #Aisles h3, #Category h3 {float:left; font-size:120%; font-weight:bold; color:#FF0000; margin:0px;} #Department, #Aisles, #Category {float:left; padding:0; width:185px; height:auto; margin-bottom:12px;} #InBetween1, #InBetween2 {float:left; height:auto; padding-top:50px; color:#FF0000; font-size:140%; font-weight:bold;} #ThreePane select, #Inventory select, #Specials select, #Products select {font-size:100%; line-height:100%; } #UpdateProgress1,#UpdateProgress2, #ctl00_ContentPlaceHolder1_Specials1_UpdateProgress1, #ctl00_ContentPlaceHolder1_Inventory1_UpdateProgress1 {background:white;float:left; height:130px; margin-top:-125px;-moz-opacity: 0.8;opacity:.80; filter: alpha(opacity=80);text-align:center;width:590px;} #ctl00_ContentPlaceHolder1_Specials1_lbtnDisplayMostPopular, #ctl00_ContentPlaceHolder1_Inventory1_lbtnDisplayMostPopular {clear:both; float:left; width:590px; font-size:120%;} #ProcessingPanel {width:200px; text-align:center; margin:40px 195px;} #ProcessingPanel img {margin:0 auto;} #ListBoxes {width:590px;height:120px;} #MyFavoritesHeader {clear:both; float:left;} #FeaturedProducts1_gvFeaturedProducts {width:590px;} #FeaturedProducts1_gvFeaturedProducts {clear:both; float:left; width:590px;} #FeaturedProducts1_btnAddAll {clear:both; float:left;} #couponsStoreHeader {clear:both; float:left; height:60px; width:590px; background:transparent url(/Assets/Common/images/coupons_copy.gif) no-repeat scroll 0pt 0pt;} div#Department select, div#Aisles select, div#Category select {clear:both; height: 100px; width: 180px;} /*** personalization ***/ .TopN {clear:both; float:left; width:590px;} #tblPersonalizedSpecialsTopN {float:left; font-size:90%; text-align:center; border:2px solid #FF0000; padding:4px; height:225px; width:140px; margin:0 auto 0 auto;} #tblPersonalizedSpecialsTopN td {width:25%; text-align:center; vertical-align:bottom;} #tblPersonalizedSpecialsTopN td span {font-weight:bold; } #tblPersonalizedSpecialsTopN a {text-align:center; margin-left:auto; margin-right:auto; float:right;} #tblPersonalizedSpecialsTopN:hover {background-color:#FFFFCC;} #tblPersonalizedSpecialsTopN h3 {text-align:center;} /*** sign in and signup pages ***/ #signinWelcomeText {} #signinWelcomeText ul {margin-left:0; height:250px; padding-top:24px; background:transparent url(/Assets/Common/Images/signin_welcome.jpg) top left no-repeat; font-size:120%; } #signinWelcomeText li {color:#666666; font-weight:bold; list-style-type:none; text-indent:220px; margin-top:12px;} #SignUpPersonalInfo {margin-left:18px;} #register {float:left; width:200px; height:auto;overflow:hidden;} #login {float:left; width:370px; height:auto;overflow:hidden;} #SignInControl h1 {font-weight:bold; color:#000000; font-size:130%; width:100%;} #CtrlDivMyEmail, #CtrlDivMyPassword {clear:both; float:left;} #CtrlDivLinkForgotPassword {margin:6px 0 0 0; clear:both; float:left; width:400px;} #ButtonLogin {clear:both;} #ButtonBack {clear:both; font-size:90%;} #PasswordRecoverControl h1 {color:#FF0000; font-weight:bold; font-size:130%; width:100%; border-bottom:1px solid black; margin-top:12px; } #PasswordRecoverControl input {margin-bottom:12px; } #PasswordRecoverControl p {clear:both; float:left; font-size:120%; color:#000000; font-weight:bold; width:100%; } #UpdatePanelPage {font-size:100%;} #UpdatePanelPage h1 {color:#FF0000; font-weight:bold; font-size:130%; width:100%; border-bottom:1px solid black; margin-top:12px; } #CtrlDivNotRegisteredError {clear:both;} /*** new signin ***/ #SignUpPersonalInfo, #EmailPreferences, #DietaryPreferencesFullControl, #PrivacyDisclaimer, #DietaryPreferencesTip,#DietaryPreferencesFullControl {float:left; position:relative; display:inline; margin-bottom:12px; width:580px;} .InputControl {clear:both; float:left; margin:2px 0; width:580px;} #SignUpPersonalInfo span, #DietaryPreferencesFullControl span {float:left; width:100px; clear:both; text-align:right; margin:0 12px 0 0; padding:4px 0 0 0;display:inline;} #SignUpPersonalInfo input {width:300px; display:inline;} #ButtonSignup {clear:both; } #PrivacyDisclaimer, .EmailOptIn .subtitle {font-style:italic;} #PrivacyDisclaimer, #ChangePassword {margin-left:112px; width:300px;} #SignUp {} .DietaryPreference select {width:250px;} .Invalid {background:red; color:white;} #SubmitAskTheChefPage #sidebar #FeaturedArticleTeaser.recipe, #SubmitAskTheChefPage #sidebar #AskTheChefTeaser.recipe, #SubmitAskTheChefPage #sidebar #CookingTipsTeaser.recipe {display:none;} #SignUpThankYouPage #sidebar #FeaturedArticleTeaser.recipe, #SignUpThankYouPage #sidebar #AskTheChefTeaser.recipe, #SignUpThankYouPage #sidebar #CookingTipsTeaser.recipe, #SignInDiv #sidebar #FeaturedArticleTeaser.recipe, #SignInDiv #sidebar #AskTheChefTeaser.recipe, #SignInDiv #sidebar #CookingTipsTeaser.recipe, #SignOutPage #sidebar #FeaturedArticleTeaser.recipe, #SignOutPage #sidebar #AskTheChefTeaser.recipe, #SignOutPage #sidebar #CookingTipsTeaser.recipe, #SignUpPage #sidebar #FeaturedArticleTeaser.recipe, #SignUpPage #sidebar #AskTheChefTeaser.recipe, #SignUpPage #sidebar #CookingTipsTeaser.recipe {width:100%; margin:12px 0 0 0;} #DietaryPreferences select, #DietaryPreferences input, #SignUpControl select, #SignUpControl input {width:300px;} #DietaryPreferences input {width:100px;} /* fix for IE 6 */ #DietaryPreferences input[type="radio"] {width:auto;} #ctl00_ContentPlaceHolder1_EmailPreferences1_lblDailyEmails, #ctl00_ContentPlaceHolder1_EmailPreferences1_lblWeeklyEmail, span#ctl00_ContentPlaceHolder1_EmailPreferences1_lblMonthlyEmails {clear:both; display:block; float:left; color:#FF0000; font-weight:bold; font-size:130%; width:100%; border-bottom:1px solid black; margin:12px 0 12px 0; } #ctl00_ContentPlaceHolder1_EmailPreferences1_lblInterestsEmailOptionDescription, #ctl00_ContentPlaceHolder1_EmailPreferences1_lblDailyEmailOptionDescription, #ctl00_ContentPlaceHolder1_EmailPreferences1_lblWeeklyEmailOptionDescription, #ctl00_ContentPlaceHolder1_EmailPreferences1_lblMonthlyEmailOptionDescription {font-style:italic;} #UpdatePanelPage #SignUp1_drpState, #UpdatePanelPage #SignUp1_drpStore {width:auto;} #EmailPreferences1_lblDailyEmails, #EmailPreferences1_lblMonthlyEmails, #DietaryPreferencesLabel, #MyInterestsLabel {clear:both; display:block; float:left; color:#FF0000; font-weight:bold; font-size:130%; width:100%; border-bottom:1px solid black; margin:12px 0 12px 0; } #EmailPreferences1_lblDailyEmailOptionDescription, #EmailPreferences1_lblMonthlyEmailOptionDescription {clear:both; display:block; float:left; width:100%;} #DietaryPreferencesTip {display:block; width:100%; clear:both; font-size:90%;} #ButtonSubmit, #ButtonReset, #ButtonCancel {float:left; margin-left:12px;} #DietaryPreferencesFullControl table {clear:both; float:left; width:80%;} #DietaryPreferencesTip p {margin:0 0 8px 0;} #DaysOfWeekCheckBoxes, #MonthlyEmailCheckBox {clear:both; float:left; width:100%; height:auto; margin-bottom:4px;} #privacy h2 {color:#FF0000; font-size:130%; width:100%; margin-top:12px; border-bottom:1px solid black;} #imgSignInHeader, #imgMyFavorites, #CtrlDepartmentDropDown,#MyPantry1_lblErrorNoHistory {clear:both; float:left; } #DietaryPreferencesLabel input {width:95%;} #SignUp1_refUserName, #SignUp1_cvPassword, #SignUp1_revPassword, #SignUo1_rfvConfirmPassword {clear:both; display:block; float:left; width:100%;} /*** recipe page ***/ #RecipeCardTop {width:100%; height:auto; padding:0; background:none;} #RecipeCardTop #header {margin-bottom:0;} #RecipeCardMiddle {clear:both; float:left; display:inline; width:590px; padding:0; background-color:#f4F1cf;} #RecipeCardBottom {clear:both; width:100%; height:12px; padding:0; background-color:#f4F1cf;} #FeaturedRecipeTeaser.recipe {clear:both; background:none; margin:0 2% 0 2%; width:42%; } #MealPlanner.recipe {font-size:100%; background:none; color:#000000; float:left; text-align:center; padding:4px 8px 3px 4px; margin:0 2% 0 2%; width:42%; font-size:90%; } #FeaturedRecipeTeaser.recipe h2 a {font-size:117%; color:#FF0000;} #MealPlanner.recipe h2 a {font-size:130%; color:#FF0000;} #ChangeDietaryPreferences, #SavedRecipes, #TopRecipesTeaser, #ChainRecipes, #QuickSearch {clear:both; display:inline; width:570px; margin:8px 10px 0 10px;} #CtrlDivSubTitle {font-weight:bold;} #ChangeDietaryPreferences {clear:both; } #ChangeDietaryPreferences p {margin:4px 0px 4px 10px; font-weight:bold;float:left; color:#999999;} #ChangeDietaryPreferences a {margin:4px 4px 4px 4px; } #SavedRecipes h2, #ChainRecipes h2 {clear:both; width:auto; display:inline; float:left; color:#FF0000; font-size:130%;border:0px none; margin-left:10px; } #RecipeSaveToRecipeBox h1 {margin-top:12px; color:#FF0000; font-size:130%; width:100%; border-bottom:1px solid black;} #CtrlDivRecipeImage {float:right;} #CtrlDivComments {float:left;} #CtrlDivSubmit {clear:both;} #CtrlDivSubmit a {margin-top:12px; margin-left:0; margin-right:12px;} #CtrlDivComments {margin:0;} #lblAddedToCart {display:none; margin-top:12px; color:#FF0000; font-size:130%; width:100%;} #RecipeFull1_lblAddedToCart {font-size:130%; font-weight:bold;} div#ChainRecipes h2 a img {float:left; margin-right:4px;} .RecipeBox {clear:both;color:#999999;float:left;font-weight:bold;margin:6px 0 10px 10px;} .RecipeBox a {font-size:130%;} /*** recipe display ***/ #recipetitle {clear:none; float:left;width:380px;} #recipetitle h2 {width:100%; margin:0 0 6px 12px; border-bottom:1px dotted #999999;} #recipetitle:after {content: ""; display: block; height: 0; clear: both } #recipeoptions {float:left; clear:both; margin:6px 0 40px 0; width:395px;} #recipeImageDiv {float:left; min-height:140px;} #recipeoptions img {float:left; display:inline; margin: 6px 0 24px 12px;} #recipeoptions ul {clear:none; float:left; margin:3px 0 0 6px; padding:0; width:215px; list-style:none;} #recipeoptions li {float:left; margin:3px 0 0 6px; padding:0; width:auto; list-style:none;} #recipeoptions li.recipesave a {display:block; font-size:90%; width:150px; height:17px; background: url(/Assets/Common/Images/recipe_save.gif) no-repeat 0 0;; list-style-type:none; padding-left:55px; padding-right:0; padding-top:3px; padding-bottom:0} #recipeoptions li.recipeprint a {display:block; font-size:90%; width:150px; height:17px; background: url(/Assets/Common/Images/recipe_print.gif) no-repeat 0 0;; list-style-type:none; padding-left:55px; padding-right:0; padding-top:3px; padding-bottom:0} #recipeoptions li.recipeaddchecked a {display:block; font-size:90%; width:150px; height:17px; background: url(/Assets/Common/Images/recipe_add.gif) no-repeat 0 0;; list-style-type:none; padding-left:55px; padding-right:0; padding-top:3px; padding-bottom:0} #recipeoptions li.recipeaddall a {display:block; font-size:90%; width:150px; height:17px; background: url(/Assets/Common/Images/recipe_addall.gif) no-repeat 0 0;; list-style-type:none; padding-left:55px; padding-right:0; padding-top:3px; padding-bottom:0} #recipeoptions li.recipeback a {display:block; font-size:90%; width:150px; height:17px; background: url(/Assets/Common/Images/recipe_back.gif) no-repeat 0 0;; list-style-type:none; padding-left:55px; padding-right:0; padding-top:3px; padding-bottom:0} #recipeoptions li.recipecenterback a {display:block; font-size:90%; width:150px; height:17px; background: url(/Assets/Common/Images/recipe_back_search.gif) no-repeat 0 0;; list-style-type:none; padding-left:55px; padding-right:0; padding-top:3px; padding-bottom:0} #recipeoptions li.recipesave a:hover, #recipeoptions li.recipeprint a:hover, #recipeoptions li.recipeaddchecked a:hover, #recipeoptions li.recipeaddall a:hover, #recipeoptions li.recipeback a:hover, #recipeoptions li.recipecenterback a:hover {background-position: -300px 0; text-decoration:underline; } #BackToArticle a {display:block; width:240px; height:17px; margin:0; background: url(/Assets/Common/Images/recipe_save.gif) no-repeat 0 0; list-style-type:none; padding-left:50px; padding-right:0; padding-top:3px; padding-bottom:0} #BackToArticle a:hover {background-position: -300px 0; text-decoration:underline; } #recipecontent {width:575px; height:auto; margin:0 0 0 12px;} #recipecontent h3 {clear:both; margin-top:12px; color:#FF0000; font-size:130%; width:25%; border-bottom:1px dotted #999999;} #recipecontent p {clear:both; margin:0 0 0 25px; width:535px;} #recipecontent input {margin:0 12px 0 0; padding:0 0 0 0; line-height:110%;} #recipecontent label {margin:0 0 0 0; padding:0 0 0 0; line-height:110%;} #Recipe #recipecontent table {clear:both; margin:8px 24px 0 100px; width:80%;} #recipecontent p:after {content: ""; display: block; height: 0; clear: both } #RecipeFull1_lblPrepInstructions br {clear:both; display:block; margin:6px 0 6px 0;} #RecipeFull1_lblPrepInstructions br:after {content: ""; display: block; height: 0; clear: both } #chainlogo {display:none;} .recipeIngredient {clear:both;} .ingredientItems {clear:both; margin:0 0 0 25px; } .ingredientItems input {} .ingredientFeatured {} .ingredientItems a {margin:0 0 0 6px;} .ingredientItems a img {display:inline;} .preparation, .yield, .cookTime {clear:both; margin:0 0 0 25px; width:530px;} div.ShowHideMetric {display:none; height:23px; width:230px; border:1px dotted gray; margin:0pt; padding:2px 0pt;} input#chkMetric {float:left; margin:4px 0 0 4px;} div.ShowHideMetric img {float:left; margin:0 4px;} div.ShowHideMetric strong {float:left; margin-top:5px;} #TopRecipesTeaser #column1, #TopRecipesTeaser #column2 {margin-top:6px;} /*** Recipe Ratings ***/ #reciperating {width:280px; clear:both; float:left; margin:0px 0px 0px 12px; } #globalRatingControl {float:left; clear:none; margin-left:6px;} .globalRatingText {width:auto; float:left; margin-top:5px;} #globalRatingCount {width:auto; float:left;} #globalRatingCount.globalRatingText {width:auto; float:left; margin-top:5px; margin-left:4px;} #UserRecipeRating {border:1px solid #CCCCCC;float:left;margin:4px 0pt 0pt 30px;padding:4px;text-align:center;width:170px;} #userrating {width:155px; margin:0 auto;} #userRatingControl {width:80px; margin:0 auto;} #userRatingControl.rating_container {clear:both;} .rating_container a {float:left; display:block; width:15px; height:25px; border:0; background-image:url("/Assets/Common/Images/reciperating.gif");} .rating_container a.rating_off {background-position:0 0px;} .rating_container a.rating_half {background-position:0 -25px;} .rating_container a.rating_on {background-position:0 -50px;} .rating_container a.rating_selected {background-position:0 -75px;} /*** nutrition table ***/ #NutritionTable {clear:both; font-family:Arial; width:96%; font-size:90%; margin:12px 0 0 12px; border:1px solid black; padding:4px; border-collapse:collapse;} #NutritionTable h2 {font-size:200%; color:#000000; border:0px none; margin:0} #NutritionTable hr.thin {color:black; border:black; background-color:black; margin:0; height:1px;} #NutritionTable hr.thick {color:black; border:black; background-color:black; margin:0; height:3px;} #NutritionTable:after {content: ""; display: block; height: 0; clear: both } .NutritionLine {width:100%; float:left; text-align:left; margin:0px 2px; padding:0; border-collapse:collapse;} .NutritionFacts {border:1px solid black; padding:4px; margin:0; padding:0; border-collapse:collapse;} .NutritionLineItem {width:49.9%; float:left; text-align:left; margin:0px; padding:0; } .NutritionLineElement {width:49.9%; float:left; text-align:left; margin:0px; padding:0; border-bottom:1px solid black; } .NutritionLineElementRight {width:49.9%; float:left; text-align:right; margin:0px; padding:0; border-bottom:1px solid black; } /*** Wine Connect ***/ #winecontent {text-align:right; float:right; width:170px; padding:104px 8px 8px 8px; margin:0 0 -300px 0; background: url('/Assets/Common/Images/wine_background.jpg') no-repeat 0 0; background-position:top right; } #winecontent:after {content: ""; display: block; height: 0; clear: both } #winecontent table {margin:0; padding:0; width:100%;} #winecontent a {float:left; margin:2px 0 0 6px; font-size:90%;} #winecontent td.WineName a {width:100%; height:auto; font-size:90%; padding:4px 0; font-weight:normal; text-align:right; color:black; background:none transparent; text-decoration:none;} #winespacer {display:inline; height:2px; border-bottom:1px dotted #999999; clear:both; width:100%; margin:7px 0 0 0; } .winetable {font-size:10px; border:0; padding:0; width:710px;} .winedetailbold {font-size:10px; width:auto; font-weight:bold;} .winetable h2 {margin:12px 0 0 0; padding:0} .winetable h3 {color:#5c5c5c; margin:4px 0 0 0; padding:0} .winetable p {font-size:10px; margin:0;} .winetable td {vertical-align:top} .winetable tr {vertical-align:top} /*** Recipe Search Results ***/ .SearchResults {text-align:left; margin:4px 0 2px 6px; color:#000000; font-size:120%;} .SearchResults h2 {color:#000000; font-size:120%; width:100%; } .SearchResults h3 {margin-top:12px; font-size:130%; width:100%; border-bottom:1px solid black;} .SearchResults ul {text-align:left; list-style:none; margin:12px 0 6px 12px; padding:0 0 0 0.25em;} .SearchResults li {text-indent:-0.25em;} ul.SearchResultsPager {width:auto; clear:both; padding:0 0 0 0; list-style: none; text-align:center; margin:12px 0; border-top:1px solid white; border-right:1px solid white; border-left:1px solid white; border-bottom:1px solid #cccccc;} .SearchResultsPager li {position:relative; font-size:80%; top:0px; display:inline;vertical-align:bottom; color:#999999; background-color:#FFFFCC; border:1px solid #cccccc; border-bottom:0px; padding:2px 2px 0px 2px;} .SearchResultsPager li.activePager {position:relative; top:1px; display:inline;vertical-align:bottom; color:#999999; font-size:110%; background-color:white; border:1px solid #cccccc; border-bottom:1px solid white; padding:4px 5px 0px 5px;} #ButtonNextResults, #ButtonPreviousResults {border:0; background-color:#FFFFFF;} #viewingpage {font-style:italic;} #CtrlDivCourseSelection select, #CtrlDivSkillLevelSelection select, #CtrlDivPreparationTimeSelection select, #CtrlDivRegionSelection select, #CtrlDivHolidaySelection select, #CtrlDivEquipmentSelection select {float:left; margin-left:15px; margin-bottom:2px; width:40%; font-size:100%; line-height:100%;} div#RecipeSearchResults img {display:inline; margin:0 0 0 12px;position:relative; top:3px;} #RecipeSearchResultsGrid table {clear:both; margin-left:30px; } /*** Advanced Recipe Search ***/ #AdvancedSearch, #QuickSearch, #TopRecipesTeaser {display:inline; clear:both; float:left; width:565px; margin-top:0; margin-left:10px;padding-bottom:12px;position:relative;} #CtrlDivSubTitle h2 {margin-top:12px; color:#FF0000; font-size:130%; width:100%; border-bottom:1px solid black;} #CtrlDivSubTitle p, #CtrlDivTextSearch p {margin-top:0; font-weight:bold; font-size:110%;} #CtrlDivTextSearch {float:left; width:100%; margin-top:12px; margin-bottom:0;} #CtrlDivTextSearch input {float:left; width:auto; margin:0; vertical-align:middle; display:block;} #CtrlDivTextSearch a {margin-left:4px;} #CtrlDivSearch input {float:left; margin:0;} #CtrlDivTextSearch #ButtonSearch a {display:block; float:left; margin:0;} #QuickSearch ul {font-size:90%; text-align:left; list-style:none; margin:0 0 6px 6px; padding:0} #QuickSearch ul a {color:#FF0000; margin:0;} #QuickSearch h2, #AdvancedSearch h2, #TopRecipesTeaser h2 {font-size:130%; margin:0;} #QuickSearch h2 a:hover, #AdvancedSearch h2 a:hover, #TopRecipesTeaser h2 a:hover {text-decoration:none;} #QuickSearch h3 {text-align:left; margin:4px 0 2px 6px; color:#999999; font-size:100%;} #QuickSearch div {float:left; width:auto; padding-left:16px;} #SearchTips {clear:both; float:left; margin-left:0; width:100px;} #RecipeSearchResultsGrid #SearchTipsHelp table {border:0; margin:0; padding:0; width:590px;} #SearchTipsHelp table {border:0; margin:0; padding:0; width:590px;} #SearchTipsHelp {clear:both; margin-top:12px; float:left;} #SearchTipsHelp h3 {margin:0;} #SearchTipsHelp .GridItem p, #SearchTipsHelp .GridAlternatingItem p {font-weight:normal; margin:0; padding:2px 0;} div#AdvancedSearch h1, div#TopRecipesTeaser h1, div#QuickSearch h1 {position:absolute;margin:0; padding:0; right:0;top:-6px;width:70px; height:25px; text-align:right;} div#DietaryPreferencesFullControl h1 {position:absolute;margin:0; padding:0; right:0;top:6px;width:70px; height:25px; text-align:right;} .accordionToggle {background:url('/Assets/Common/Images/expand.gif')} .accordionActive {background:url('/Assets/Common/Images/contract.gif')} /*** Featured Articles ***/ #FeaturedArticleFull:after {content: ""; display: block; height: 0; clear: both } #FeaturedArticleFull h2 {color:#000000; font-size:120%; width:100%; border:0px none;} #FeaturedArticleFull h3 {margin-top:12px; color:#FF0000; font-size:130%; width:100%; border-bottom:1px solid black;} /*** contact us, employment pages ***/ #ContactUsThanks {clear:both;} #ContactUs, #ContactUsThanks, #EmploymentApplication, #EmploymentPositions {font-size:100%; width:90%; margin-left:auto; margin-right:auto;} #ContactUs h1 {font-weight:bold; color:#000000; font-size:150%; width:100%;} #ContactUs h2, #EmploymentPositions h1, #EmploymentApplication h2 {color:#FF0000; font-size:130%; width:100%; border-bottom:1px solid black;} #ContactUsThanks h2 {color:#FF0000; font-size:130%; width:100%; margin-top:12px; border-bottom:1px solid black;} #ContactUs hr, #ContactUsThanks hr, #EmploymentApplication hr {width:100%; height:1px; color:#FF0000;} #ContactName, #ContactAddress, #ContactCity, #ContactState, #ContactZip {clear:both; width:500px;} #EmploymentPositionsHeader h1 {color:#FF0000; font-size:130%; width:100%; border-bottom:1px solid black;} #EmploymentPositionsHeader h2 {font-weight:bold; color:#000000; font-size:120%; width:100%; border:0px none;} .EmploymentPositions h1 {font-weight:bold; color:#000000; font-size:120%; width:100%; margin:4px 0 4px 0;} .EmploymentPositions a {font-weight:bold; color:#000000; font-size:100%; width:100%; margin:4px 0 4px 0;} .EmploymentPositions p {margin:4px 0 4px 0;} #ContactUsThanks ul {list-style:none; line-height:110%;} .ContactInput span {margin-bottom:10px;} #ExpandButton {margin-top:12px; float:left; position:relative;} div#ContactUs #ExpandButton h1 {height:25px;margin:0;padding:0;position:absolute;right:0;text-align:right;top:6px;width:70px;} /*** about us page ***/ #AboutUs {clear:both; width:100%; text-align:center; height:auto; } #AboutUs:after {content: ""; display: block; height: 0; clear: both } #AboutUs h3 {color:#FF0000; font-size:130%; width:100%; border-bottom:1px solid black;} #AboutUs p {clear:both; margin-top:30px; float:left; text-align:center; font-size:120%; color:#FFFFFF; font-weight:bold; width:100%; } #storedescription {color:#FFFFFF;} #spanaddress, #spanphone {clear:both; text-align:center; width:100%; color:#FFFFFF; font-weight:bold;} #StoreSelector {float:left; margin-left:30px; width:400px; height:309px; background-color:#70A6A4; text-align:center; padding:0; } #divImageMap {float:left; width:356px; height:309px; } /*** store locator ***/ #StoreLocator h2 { color:#FF0000; font-size:130%; width:100%; margin-top:12px; border-bottom:1px solid black;} #StoreLocator p.result { color:white; background-color: red; padding: 1px 0px 1px 4px; } #StoreLocatorDropDown { display:none; } /* default */ #StoreLocatorZipLookup { height:auto; width:100%; display:block; } #storeZipEntryForm { clear:none; float:left; width:500px; margin-bottom:24px;} #storeInfoZip { text-align:center; line-height:110%; font-size:90%; width:30%; float:left; height:auto; padding:0 10px 0 0; margin:0 0 12px 0;} #GoogleMapCanvas { float:right; margin:28px 0 0 0; width:400px; height:500px; border: 1px solid black;} #GoogleMapStoreList { float:left; width:500px; height:auto; } #storeInfoMap { line-height:110%; font-size:90%; width:100%; float:left; height:auto;} /*** static content ***/ #StaticContentPage {width:910px; } /*** manage list ***/ #ManageList {float:left; width:100%;} #ManageList #ShoppingListItemsDisplay {float:left; width:100%; background-color:#efefef; } #ManageList h2 {margin:0 2%; width:96%;} #ManageList ul {margin:12px ;} #ManageList h3 {margin-bottom:2px; margin-left:6px;} #ManageList table {width:100%; border-collapse:collapse;} #ManageList tr {vertical-align:middle;} #ManageList td {border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; } #ManageList input {width:20px;} #ManageList .ButtonUpdate {width:70px; padding-left:4px;} #ManageList .Quantity {width:30px;} #ManageList .Weight {width:65px;} #ManageList .Item {width:auto;} #ManageList .CouponImage {width:33px;} #ManageList .PriceSavings {width:120px; text-align:center;} #ManageList .Delete {width:33px;} #ManageList .category {clear:both;} /*** saved lists ***/ #savedshoppinglists {float:left; width:100%;} #savedshoppinglists #CurrentList p {margin:5px 0; width:588px; text-align:center; font-size:120%;} #SavedShoppingListsDisplay {margin-top:12px; width:100%; float:left;height:800px;overflow:scroll;} #savedshoppinglists #ShoppingListItemsDisplay {float:left; width:100%; padding-bottom:10px; background-color:#efefef; } #savedshoppinglists h2 {color:black; margin:0 2%; width:96%; padding-bottom:6px; border-bottom:1px solid #DDDDDD;} #savedshoppinglists .SavedShoppingListsAll h3 {clear:both; border-bottom:1px solid #DDDDDD; float:left; width:160px;margin:0;padding:2px 0 2px 4px;font-size:100%;} #savedshoppinglists .SavedShoppingListsAll h3:hover, #savedshoppinglists .SavedShoppingListsAll h3.active {background:#FFFFCC;} #savedshoppinglists .SavedShoppingListsAll {float:left; width:170px;} #savedshoppinglists .SavedShoppingListsAllItems {float:right; width:400px;} #savedshoppinglists .SavedShoppingListsAllItems h3 {border:0; float:left; margin:0 10px 6px 0;} #savedshoppinglists h4 {margin-bottom:2px; margin-top:6px; clear:both; float:left;} #savedshoppinglists table {width:100%; border-collapse:collapse;} #savedshoppinglists tr {vertical-align:middle;} #savedshoppinglists td {border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; } #savedshoppinglists #CurrentList {float:left; margin:65px 0 0 0; } #savedshoppinglists .ButtonUpdate {width:50px; padding-left:4px;} #savedshoppinglists .Item {width:auto;} #savedshoppinglists .Delete {width:33px;} #savedshoppinglists .category {clear:both;} /*** manage list legend ***/ #legend {width:100%; margin-bottom:12px;} #legend p {color:white; margin:2px 0;} #legend table {width:100%; border:1px solid #666666; padding:0px;} #legend th {background-color:#FF0000;} #legend tr {height:28px;} #legend tr:hover {background-color:#FFFFCC;} #legend td, #legend td a {text-align:left; letter-spacing:2px; margin:0px;padding:0px;font-size:100%;color:#666666;text-transform:uppercase; text-decoration:none;} #legend .icon {padding:0px 4px 0px 4px; vertical-align:middle;} #legend td img {border:none;} #legend form {padding:0px; margin:0px;} #legend input {font-size:100%; float:left;} #legend h2 {clear:both; text-align:center; font-size:120%; font-weight:bold; color:#FFFFFF; margin:4px 0;border:0px none;} #legend h3 {clear:both; text-align:center; font-size:100%; font-weight:normal; color:#FFFFFF; margin:2px 0;border:0px none;} input#ctl00_ContentPlaceHolder1_ManageListMenu1_ImageButtonSaveCurrentList {float:none;} #NewList {float:left;} #NewListDiv label {float:left; color:#FF0000; font-weight:bold; font-size:90%; padding-top:5px;} #NewListDiv div a {float:left; font-size:90%; text-align:center; display:block; width:33px; height:16px; margin:3px; color:#ffffff; padding:3px 0 0 0; background: url(/Assets/Common/Images/submit_button_small.gif) 0 0 no-repeat;} #NewListDiv div a:hover {text-decoration:none; background-position: -66px 0;} #NewListDiv div a:active {background-position: -33px 0;} .checkOutList {display:none;} /*** lightbox ***/ #lightbox {margin:0; padding:0; background:none #FFFFFF; } .winebox {background:white; border:1em solid #B8B8B8;color:#333333;display:none;height:400px;top:50%;left:50%;width:auto;margin-top:-200px; margin-left:-365px; overflow-y:auto; overflow-x:hidden; padding:1em;position:absolute;text-align:left;z-index:1001;} #overlay {display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:#333;-moz-opacity: 0.8;opacity:.80; filter: alpha(opacity=80);} .lightbox[id] { /* IE6 and below Can't See This */ position:fixed; } #overlay[id] { /* IE6 and below Can't See This */ position:fixed; } /*** star ratings ***/ .rating { background-repeat:no-repeat; cursor:pointer; display:block; font-size:0pt; height:12px; margin:0px; padding:0px; width:13px; } .ratingFilled { background-image: url(/Assets/Common/Images/FilledStar.png); } .ratingEmpty { background-image: url(/Assets/Common/Images/EmptyStar.png); } .ratingWaiting { background-image: url(/Assets/Common/Images/SavedStar.png); } #lightwindow_overlay { /* REQUIRED */ display: none; visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100px; z-index: 500; /* REQUIRED */ } #lightwindow { /* REQUIRED */ /* Of Note - The height and width of this element are set to 0px */ display: none; visibility: hidden; position: absolute; z-index: 999; /*line-height: 0px;*/ /* REQUIRED */ } #lightwindow_container { /* REQUIRED */ display: none; visibility: hidden; position: absolute; /* REQUIRED */ padding: 0 0 0 0; margin: 0 0 0 0; } /* IE6 needs this or it messes with our positioning */ * html #lightwindow_container { overflow: hidden; } #lightwindow_contents { overflow: hidden; z-index: 0; position: relative; border: 10px solid #ffffff; background-color: #ffffff; } #lightwindow_loading { /* REQUIRED */ height: 100%; width: 100%; top: 0px; left: 0px; z-index: 9999; position: absolute; /* REQUIRED */ background-color: #f0f0f0; padding: 10px; } #lightwindow_loading_shim { display: none; left: 0px; position: absolute; top: 0px; width: 100%; height: 100%; } #lightwindow_loading span { font-size: 12px; line-height: 32px; color: #444444; float: left; padding: 0 10px 0 0; } #lightwindow_loading span a, #lightwindow_loading span a:link, #lightwindow_loading span a:visited { color: #09F; text-decoration: none; cursor: pointer; } #lightwindow_loading span a:hover, #lightwindow_loading span a:active { text-decoration: underline; } #lightwindow_loading img { float: left; margin: 0 10px 0 0; } /*----------------------------------------------------------------------------------------------- I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/ I mean let's face it, it works really well and is very easy to figure out. -----------------------------------------------------------------------------------------------*/ #lightwindow_navigation { /* REQUIRED */ position: absolute; top: 0px; left: 0px; display: none; /* REQUIRED */ } /* We need to shim the navigation for IE, though its more of a sub-floor */ #lightwindow_navigation_shim { /* REQUIRED */ display: none; left: 0px; position: absolute; top: 0px; width: 100%; height: 100%; /* REQUIRED */ } #lightwindow_navigation a, #lightwindow_navigation a:link, #lightwindow_navigation a:visited, #lightwindow_navigation a:hover, #lightwindow_navigation a:active { /* REQUIRED */ outline: none; /* REQUIRED */ } #lightwindow_previous, #lightwindow_next { width: 49%; height: 100%; background: transparent url(/Assets/Common/Images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #lightwindow_previous { float: left; left: 0px; } #lightwindow_next { float: right; right: 0px; } #lightwindow_previous:hover, #lightwindow_previous:active { background: url(/Assets/Common/Images/prevlabel.gif) left 15% no-repeat; } #lightwindow_next:hover, #lightwindow_next:active { background: url(/Assets/Common/Images/nextlabel.gif) right 15% no-repeat; } #lightwindow_previous_title, #lightwindow_next_title { display: none; } #lightwindow_galleries { width: 100%; position: absolute; z-index: 50; display: none; overflow: hidden; margin: 0 0 0 10px; bottom: 0px; left: 0px; } #lightwindow_galleries_tab_container { width: 100%; height: 0px; overflow: hidden; } a#lightwindow_galleries_tab, a:link#lightwindow_galleries_tab, a:visited#lightwindow_galleries_tab { display: block; height: 20px; width: 77px; float: right; line-height: 22px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; font-size: 11px; color: #ffffbe; background: url(/Assets/Common/Images/black-70.png) repeat 0 0 transparent; } * html a#lightwindow_galleries_tab, * html a:link#lightwindow_galleries_tab, * html a:visited#lightwindow_galleries_tab { background: none; background-color: #000000; opacity: .70; filter: alpha(opacity=70); } a:hover#lightwindow_galleries_tab, a:active#lightwindow_galleries_tab { color: #ffffbe; } #lightwindow_galleries_tab_span { display: block; height: 20px; width: 63px; padding: 0 7px 0 7px; } #lightwindow_galleries_tab .up { background: url(/Assets/Common/Images/arrow-up.gif) no-repeat 60px 5px transparent; } #lightwindow_galleries_tab .down { background: url(/Assets/Common/Images/arrow-down.gif) no-repeat 60px 6px transparent; } #lightwindow_galleries_list { background: url(/Assets/Common/Images/black-70.png) repeat 0 0 transparent; overflow: hidden; height: 0px; } * html #lightwindow_galleries_list { background: none; background-color: #000000; opacity: .70; filter: alpha(opacity=70); } .lightwindow_galleries_list { width: 200px; float: left; margin: 0 0 10px 0; padding: 10px; } .lightwindow_galleries_list h1 { color: #09F; text-decoration: none; font-weight: bold; cursor: pointer; padding: 10px 0 5px 0; font-size: 16px; } .lightwindow_galleries_list li { margin: 5px 0 5px 0; list-style-type: none; } .lightwindow_galleries_list a, .lightwindow_galleries_list a:link, .lightwindow_galleries_list a:visited { display: block; line-height: 22px; color: #ffffff; text-decoration: none; font-weight: bold; cursor: pointer; padding: 0 0 0 10px; font-size: 11px; } .lightwindow_galleries_list a:hover, .lightwindow_galleries_list a:active { background: #000000; color: #ffffbe; border-left: 3px solid #ffffbe; padding: 0 0 0 7px; } #lightwindow_data { /* REQUIRED */ position: absolute; /* REQUIRED */ } #lightwindow_data_slide { /* REQUIRED */ position: relative; /* REQUIRED */ } #lightwindow_data_slide_inner { background-color: #ffffff; padding: 0 10px 10px 10px; } #lightwindow_data_caption { padding: 10px 0 0 0; color: #666666; line-height: 25px; background-color: #ffffff; clear: both; } #lightwindow_data_details { background-color: #f0f0f0; padding: 0 10px 0 10px; height: 20px; } #lightwindow_data_author_container { width: 40%; text-align: right; color: #666666; font-style: italic; font-size: 10px; line-height: 20px; float: right; overflow: hidden; } #lightwindow_data_gallery_container { font-size: 10px; width: 40%; text-align: left; color: #666666; line-height: 20px; float: left; overflow: hidden; } #lightwindow_title_bar { height: 25px; overflow: hidden; } #lightwindow_title_bar_title { color: #ffffbe; font-size: 14px; line-height: 25px; text-align: left; float: left; } a#lightwindow_title_bar_close_link, a:link#lightwindow_title_bar_close_link, a:visited#lightwindow_title_bar_close_link { float: right; text-align: right; cursor: pointer; color: #ffffbe; line-height: 25px; padding: 0; margin: 0; } a:hover#lightwindow_title_bar_close_link, a:active#lightwindow_title_bar_close_link { color: #ffffff; } /*----------------------------------------------------------------------------------------------- Theme styling stuff -----------------------------------------------------------------------------------------------*/ #lightwindow p { color: #000000; padding-right: 10px; } /*** old new hovers ***/ .circularHoversNew {width:300px; background:white; height:200px; font-family:'Trebuchet MS', Trebuchet, Arial; text-align:center;} .circularHoversImage {width:150px; float:left; margin:10px 0 0 0; text-align:center;} .circularHoversNew img {margin:0 auto;} .circularHoversPricing {width:150px; float:right; margin:10px 0 0 0;} .circularHoversNew h2 {float:left; clear:both; width:150px; text-align:left; margin:0; border:0; font-weight:bold; } .circularHoversNew h3 {float:left; clear:both; width:150px; text-align:left; font-size:100%; margin:0; font-weight:normal; color:#000000} .circularHoversNew h4 {float:left; clear:both; width:150px; text-align:left; font-size:150%; margin:0; font-weight:normal; color:#000000} .circularHoversNew h5 {float:left; width:280px; font-size:100%; margin:10px; color:#000000} .pSpecialsHoversNew h2 {float:left; clear:both; width:280px; text-align:center; margin:0; border:0; font-weight:bold; } .pSpecialsHoversNew h3 {float:left; clear:both; width:280px;text-align:center; font-size:100%; margin:0 auto; font-weight:normal; color:#000000} .pSpecialsHoversNew h4 {float:left; clear:both; width:280px; text-align:center; font-size:150%; margin:0 auto; font-weight:normal; color:#000000} .pSpecialsHoversNew h5 {float:left; clear:both; width:280px; text-align:center; font-size:100%; margin:0 auto; color:#000000} /*** new new hovers ***/ .thumbNail .top {display:block; height:31px; background:transparent url(/Assets/Common/Images/hover_top_big_bg_black.png) no-repeat; width:300px;} .thumbNail .middle {display:block; background:transparent url(/Assets/Common/Images/hover_bottom_big_universal.png) bottom left no-repeat; text-align:center; padding:12px 16px 24px 0; width:300px;} .thumbNail .bottom {display:none;background:transparent url(/Assets/Common/Images/hover_bottom_bg.png) no-repeat top left;height:18px;width:300px} .thumbNail img {max-width:260px; max-height:500px; _height:500px; margin:0 auto;} #hoverAdPage.bigPage div.circularHoversImage {float:left; clear:both; margin:10px 8px; width:125px; text-align:center;} #hoverAdPage.bigPage div.circularHoversImage img {max-width:125px; _width:125px; margin:0 auto;} #hoverAdPage.bigPage div.circularHoversPricing {width:145px; float:left; margin:10px 0 0 0;} .bigPage .top {display:block; background:transparent url(/Assets/Common/Images/hover_top_big_bg_black.png) no-repeat; height:31px;width:300px; float:left; clear:both; padding:0px;} .bigPage .middle {display:block; background:transparent url(/Assets/Common/Images/hover_bottom_big_universal.png) no-repeat bottom left; width:300px;float:left; clear:both; padding-bottom:15px;} .bigPage .bottom {display:none;height:15px;width:300px;float:left; clear:both;} .thumbNail h1, .bigPage h1 {float:left; padding:0; margin:0px; width:292px; margin-top:8px; font-size:14px; font-weight:normal; text-align:center; color:white; background-color:transparent;} .bigPage h2 {float:left; font-size:16px;width:100%; margin:0;border:none; color:black;} .bigPage h3 {float:left; font-size:10px;width:100%; margin:0;border:none; font-weight:normal; text-align:left;} .bigPage h4 {font-weight:normal;font-size:20px; font-weight:bold; margin:0; line-height:105%;} .bigPage h5 {clear:both; text-align:center; float:left; font-size:10px;width:292px; margin:6px 0 0 0;border:none;} #hoverAdPage.thumbNail .middle img {max-width:260px; _width:260px; height:auto;} /*** search ***/ div#SearchTipsLink {display:none; clear:both;float:left;padding:1em 0;width:100%;} #SearchResults {float:left; clear:both; width:590px; position:relative} #SearchResults p {float:left; clear:both; margin:10px 0; font-size:120%; font-style:italic;} #SearchResultsMaster {float:right; width:590px; position:relative} #Products {float:right; width:450px;} #SearchResults #UpdateProgress2 {position:absolute; top:30px; height:1000px; width:460px;} #SearchResults #UpdateProgress2 #ProcessingPanel {margin-left:auto; margin-right:auto;} .CategoryDisplayContainer {width:130px; float:left; margin:0 5px 0 0;} .CategoryDisplayContainer h3 {clear:both; border-bottom:1px solid #DDDDDD; float:left; width:130px;margin:0;padding:2px 0;font-size:125%;} .CategoryDisplayContainer h3:hover {background:#FFFFCC;} .CategoryDisplayContainer h3 span {font-size:80%; margin:2px 0 0 2px; color:#666666; font-style:italic;} .CategoryDisplayResultsContainer table {width:450px;border-collapse:collapse; padding:0;} .CategoryDisplayResultsContainer th {text-align:left;} .CategoryDisplayResultsContainer .ItemImage {width:50px; min-height:50px;} .CategoryDisplayResultsContainer .ItemName {width:420px; font-weight:normal; padding-left:4px;} .CategoryDisplayResultsContainer .ItemPrice {width:125px;} .CategoryDisplayResultsContainer .AddButton {width:80px;} /** new generic product listings ***/ .ProductDisplay {border-collapse:collapse; width:590px; clear:both; float:left;} .ProductDisplay th {text-align:left; background-color: #FF0000; color: #FFFFCC; font-size:90%; font-weight: bold;} .ProductAddToListControl {width:120px; float:left;} .ProductAddToListControl input {float:left; margin:2px 4px 0 0; width:20px;} .ProductAddToListControl select {margin:2px 0 0 0; width:50px;} .ProductAddToListControl br {display:none;} .ProductAddToListControl div {float:left;text-align:center; width:90px; margin-top:2px;} .ProductAddToListControl div #ProductPlusMinusButtons {width:12px; margin:0; padding:0; float:left; clear:none; } a.ProductAddToListPlus {float:left; width:11px; height:12px; background:url('/Assets/Common/Images/OGS_shelf_plus.gif') no-repeat; border:0; margin:0; padding:0;} a.ProductAddToListMinus {float:left; width:11px; height:10px; background:url('/Assets/Common/Images/OGS_shelf_minus.gif') no-repeat; border:0; margin:0; padding:0;} .ItemName {font-weight:normal; text-transform:capitalize;} .ItemName input {float:left; margin-right:6px;height:14px; font-size:90%;} .ItemImage {text-align:center;width:40px;} .ItemImage img {background:none; max-height:40px; max-width:40px; _height:40px; _width:40px; margin:0 auto; padding:0;} .ItemImage input {max-height:50px; max-width: 75px} .ItemSavings {color:#FF0000; text-align:center;} .ItemSavings a {background:none;} .ItemSavings img {float:left; } .ItemSavings a img {margin-top:3px; } .AddButton {width:30px;} .ItemPrice {width:135px; text-align:center;} .ItemSavings, .ItemCoupon {width:65px; text-align:center;} #Options .ItemImage {width:75px; height:50px;} #Options .ItemImage img {max-height:50px; margin:0 auto;} #Options .AddButton {width:100px; text-align:center;} #Inventory .CategoryHeader, #Specials .CategoryHeader {margin: 3px 0 0 0; width:250px;} .comments {clear:both;float:left;font-weight:bold; margin:2px 6px 0 0;} td.AddButton {width:70px;} td.AddButton select {float:left; } .CategoryDisplayResults td.ItemName input {width:75px;} .ProductUpdateDivButtons {clear:both; float:left; width:70px;} .ProductLists {float:right; width:auto; margin:0 0 4px 0; text-align:right; } .ProductLists span, .ProductLists select {float:right; margin-left:4px; } .ProductDisplay {margin-top:4px;} #ProductDisplay th {color:#ffffcc; background-color:#ff0000;} .button.update, .button.remove {margin-bottom:2px;} #GlobalQuickSearch {float:left; width:300px; margin-bottom:5px;} #GlobalQuickSearch h2 {margin-top:0; margin-bottom:4px; border-bottom:0;} #txtGlobalQuickSearch {float:left; width:220px; margin-right:8px;} #GlobalQuickSearch a {float:left;} #GlobalQuickSearch .searchwithin {clear:both; float:left; font-weight:bold; margin-top:4px; margin-right:8px;} #SearchOptions {clear:both; width:300px; margin:0; padding:0; float:left;} div.productsearchoption {float:left; width:auto;} div.recipesearchoption {float:left; width:auto;} div.divRemoveUpdate {clear:both; width:120px} #SearchResultsSort {width:250px; text-align:right; float:right; margin-bottom:4px;} #SearchResults h2 {margin-top:0; margin-bottom:2px; border:0; width:300px; float:left; clear:none;} /*** circular search results ***/ #CircularItems h2 {clear:both;float:none;} .circularitems {float:left; margin-bottom:12px;} .circularitems .couponsFrame {width:139px; padding-bottom:10px;} .circularitems .couponsImage {margin:10px 22px; min-height:120px;} .circularitems .couponsImage img {margin:0; max-width:100px; max-height:120px;} .circularitems .couponsFrame a {margin:3px 29px 10px; display:inline;} .circularitems .couponsFrame span.price {font-size:12px; line-height:120%; min-height:34px;} /*** sale items search results ***/ #SaleItems {float:left; margin-bottom:12px;} #SaleItems h2 {clear:both; float:none;} #SaleItems .couponsFrame {border:1px dotted red; padding:6px; float:left;width:207px; min-height:100px; _height:100px; margin:4px 4px 0 0; } #SaleItems .couponsFrame span.price {width:auto; float:left; } #SaleItems .couponsImage {margin:4px; min-height:50px;border:0 none;clear:none;float:left;margin:0;width:80px; height:auto;} #SaleItems .couponsImage img {max-height:100px; margin:0 12px;} #SaleItems .couponsDescription {font-size:100%; float:left; height:auto;margin:0 1px;text-align:left;clear:none;width:100px;} #SaleItems .couponsFrame span.price {font-size:130%; width:100%; clear:both; float:left;} #SaleItems a.button {margin:3px 45px 8px 45px;} /*** new BUTTON class, much easier to work with ***/ a.button, a.button:hover {cursor:pointer;font-weight:bold; color:white; background: transparent url('/Assets/Common/Images/standard_submit_red_span.gif') no-repeat scroll top right; display: block;float: left;font: normal 10px arial, sans-serif;height: 18px;margin-right: 6px;padding-right: 10px; /* sliding doors padding */text-decoration: none;} a.button span, a.button span:hover {cursor:pointer;font-weight:bold; color:white; background: transparent url('/Assets/Common/Images/standard_submit_red.gif') no-repeat;display: block;line-height: 12px;padding: 3px 0 3px 10px;} a.button:active {cursor:pointer;background-position: bottom right;color: #000;outline: none; /* hide dotted outline in Firefox */} a.button:active span {cursor:pointer;background-position: bottom left;color:white;padding: 4px 0 2px 10px; /* push text down 1px */} /*** add your own items ***/ .OwnItems p {margin:0;} .OwnItems h2 {margin-top:6px;} .OwnItems div {float:left; clear:both; width:590px; min-height:30px; _height:30px;} .OwnItems span.fieldName{width:110px; float:left; clear:both; text-align:right;} .OwnItems div p {width:270px; float:right; margin:0; font-style:italic;} .OwnItems #ProductPlusMinusButtons {float:left; clear:none; margin-top:-2px; margin-left:4px;} .OwnItems input {width:160px; float:left; margin-left:10px; font-size:100%;} .OwnItems select {width:auto; float:left; margin-left:10px; font-size:100%;} .OwnItems textarea {width:auto; float:left; margin-left:10px; font-size:100%;} .OwnItems .Quantity {width:25px;} .OwnItems a.button {width:100px;} .OwnItems .addButtons {margin-top:6px; margin-left:120px; width:300px; float:left;} /*** suggestion list ***/ .suggestion_list {background: white; padding: .1em;} #autosuggest {clear:both; background:transparent url(/Assets/Common/Images/autosuggest_pane.png) no-repeat bottom left;padding-left:9px;margin-left:-5px;width:150px;z-index:9999} #autosuggest ul {list-style-type:none;padding-left:0;margin-top:0;margin-left:0;padding-bottom:8px;} #autosuggest li.selected {width:144px; background:#ffffcc; } #TextSearch #autosuggest a {background:transparent none no-repeat top left; color:#FF0000; text-decoration: none;} /*** product description lightwindow ***/ /* ============== */ /* = Debug Page = */ /* ============== */ #DebugPage {margin-top:1em;float:left;} #DebugPage ul li {margin-top:1em;} #DebugPage p {width:50%;} /* =================== */ /* = Email List Page = */ /* =================== */ /* temporarily using ASP ID values until we convert this page to XSLT */ #ctl00_ContentPlaceHolder1_EmailShoppingList1_taEmailBody { margin-top:1em; } .buttonsubmit a:link,.buttonsubmit a:hover { color:#FFF; } #ctl00_ContentPlaceHolder1_ManageListMenu1_btnCheckOut {display:none;} /*** Promotion Page ***/ #Promotion {float:left; width:910px;} /*** Refer-A-Friend ***/ .FriendFormLabel {text-align:right;width:100px;} .FriendFormLabel.Inactive {color:#999;} #ReferAFriendButtons {width:550px;position:relative;} #ReferAFriendButtons a.button {position:absolute;} #ReferAFriendButtons a#cmdSubmit {right:0;} #ReferAFriendButtons a#cmdCancel {right:50px;} .Friend {background-color:#EEE;border:1px solid #666;width:530px;padding:10px;margin:1em 0;} .Friend h2,#ReferredFriends h2 {border:none;color:#666;margin:5px 0;padding:0;} span.Error {color:#FF0000;} div.Friend.Error {background-color:#FFFFCC;} div.Friend.Error h2 {color:#FF0000;} #ReferredFriends {margin:1em 0;padding:0;} table#ReferAFriendList {width:550px;border-collapse:collapse;} table#ReferAFriendList td {padding:0.5em;border:1px solid #999;} #headerSearchBox {height:20px} #headerSearchBox a, #headerSearchBox p, #headerSearchBox input {display:none;}