/* http://meyerweb.com/eric/tools/css/reset/ */ /* v1.0 | 20080212 */ #lightboxFAQ {display:none;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: Tahoma, Verdana, "Sans Serif"; } /* remember to define focus styles! */ :focus { outline: 0; } body { font-size:.75em; line-height: 120%; color: #666666; background: white; } ol, ul { font-size:90%; list-style: none; color: #666666; margin:8px 0; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; padding-right:12px; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } p {font-size:90%; color:#666666; margin-bottom:4px;} h1, h2 {font-size:140%; color:#82B63A; margin:10px 0; text-transform:lowercase;} h3 {color:#C9060E; font-weight:bold; text-align:left; margin-bottom:4px;} a:link, a:visited, a:active {font-weight:bold; outline: none; color:#82B63A; text-decoration:none; border:0;} a:hover {outline: none; color:#82B63A; text-decoration:underline;} strong {font-weight:bold;} .more {font-size:90%; font-weight:bold; background:url('/Assets/156/Images/article_more.gif') no-repeat 0 2px; padding-left:14px;} .clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;} /* for IE7 */ * html .clearfix{height:1%;} /** PNG transparency fix **/ #AdPromo img, #availablevarietiestop, .couponsSavings, .couponsStoreSavings { behavior: url(/Assets/Common/Js/iepngfix.htc); } /*** main setup ***/ #container {display:block; background:white; width: 970px; margin-left:auto; margin-right:auto; min-height: 100%; overflow:hidden;} #main {display:inline; float:left; width:490px; position:relative; margin-top:-12px} #sidebar, #recipesidebar {display:block; float:right; width:250px; position:relative; margin-top:-12px;} #leftsearchbar {width:205px; display:inline; float:left; margin-right:10px; color:white; background: #8DC63F } #GsnFooter {clear:both; float:left; width:968px; text-align:center; border-top:12px solid #C9060E; padding-top:8px; margin-top:12px;} #RecipeEmail {float:left; width:204px; background: white url('/Assets/156/Images/sidebar_footer.gif') no-repeat top right; color:black; padding-top:0px; border-right:1px solid #999999;} /* !Ask the Chef */ #SubmitAskChefControl a:hover {text-decoration:none; } #SubmitAskChefControl div div { margin-top:1em; } #SubmitAskChefControl .askChef {clear:both;float:left;font-style:normal;margin-top:4px; margin-right:0.5em; text-align:right; width:90px;} #SubmitAskChefControl textarea { width:300px; } .submitButtons, #BackToArticle { margin-left:90px; } /************** BUTTON STYLES **************/ /*** button style: large standard ***/ #TitleBar a {display:block; float:left; text-align:center; width:100px; height:20px; margin:3px 12px 2px 3px; color:#ffffff; padding:3px 0 0 0; background: url(/Assets/156/Images/large_submit_button_ucook.gif) 0 0 no-repeat;} #TitleBar a:hover {background-position: -100px 0; text-decoration:none; } #TitleBar a:active {background-position: -100px 0;} #buttonsubmit a {display:block; float:left; text-align:center; width:100px; height:20px; margin:0 0 0 5%; color:#ffffff; padding:3px 0 0 0; background: url(/Assets/156/Images/large_submit_button_ucook.gif) 0 0 no-repeat;} #buttonsubmit a:hover {background-position: -100px 0; text-decoration:none; } #buttonsubmit a:active {background-position: -100px 0;} .buttonsubmit a {display:block; float:left; text-align:center; width:100px; height:20px; margin:0 0 0 5%; color:#ffffff; padding:3px 0 0 0; background: url(/Assets/156/Images/large_submit_button_ucook.gif) 0 0 no-repeat;} .buttonsubmit a:hover {background-position: -100px 0; text-decoration:none; } .buttonsubmit a:active {background-position: -100px 0;} #ListButtons a {display:block; float:left; text-align:center; width:100px; height:20px; margin:0 12px 0 0; color:#ffffff; padding:2px 0 0 0; font-family:Verdana, Arial, Helvetica; font-size:80%; letter-spacing:-1px; background: url(/Assets/156/Images/large_submit_button_ucook.gif) 0 0 no-repeat;} #ListButtons a:hover {background-position: -100px 0; text-decoration:none; } #ListButtons a:active {background-position: -100px 0;} #RecipeEmail a {clear:both; display:block; text-align:center; width:100px; height:20px; margin:3px 0 0 88px; color:#ffffff; padding:3px 0 0 0; background: url(/Assets/156/Images/large_submit_button_ucook.gif) 0 0 no-repeat;} #RecipeEmail a:hover {background-position: -100px 0; text-decoration:none; } #RecipeEmail a:active {background-position: -100px 0;} #couponTeaser a {display:block; text-align:center; width:100px; height:20px; margin:3px auto; color:#ffffff; padding:3px 0 0 0; background: url(/Assets/156/Images/large_submit_button_ucook.gif) 0 0 no-repeat;} #couponTeaser a:hover {background-position: -100px 0; text-decoration:none; } #couponTeaser a:active {background-position: -100px 0;} /*** button style: large checkbox style ***/ #ButtonLogin a, #ButtonRegister a, #ButtonBack a, #ButtonDelete a, #ButtonUpdate a {display:block; float:left; text-align:center; width:100px; height:20px; margin:0; color:#ffffff; padding:4px 0 0 0; background: url(/Assets/156/Images/large_submit_button_ucook.gif) 0 0 no-repeat;} #ButtonSignup a:hover, #ButtonReset a:hover, #ButtonCancel a:hover, #ButtonLogin a:hover, #ButtonRegister a:hover, #ButtonBack a:hover, #ButtonDelete a:hover, #ButtonUpdate a:hover, #ButtonSignup a:active, #ButtonReset a:active, #ButtonCancel a:active, #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; padding:2px 0 0 0; background: url(/Assets/Common/Images/login_button_large.gif) 0 0 no-repeat;} #ButtonViewHide a:hover {background-position: -100px 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; padding:2px 0 0 0; background: url(/Assets/Common/Images/login_button_extra_large.gif) 0 0 no-repeat;} #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; padding:2px 0 0 0; background: url(/Assets/Common/Images/login_button_extra_large.gif) 0 0 no-repeat;} #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;} #CouponList a, #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;} #CouponList a:hover, #tblPersonalizedSpecialsTopN a:hover {text-decoration:none; background-position: -66px 0;} #CouponList a:active, #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; padding:3px 0 0 0; background: url(/Assets/Common/Images/submit_button_small.gif) 0 0 no-repeat;} #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;} .GridItem a {font-size:75%; text-align:center; display:block; width:33px; height:18px; margin:2px 0 0 0; color:#ffffff; background: url(/Assets/Common/Images/submit_button_small.gif) 0 0 no-repeat;} .GridItem a:hover {text-decoration:none; background-position: -66px 0;} .GridItem a:active {background-position: -33px 0;} #CircularAdText1_dlCategory a {font-size:80%; text-align:center; text-transform:uppercase; display:block; width:33px; height:16px; margin:2px 0 0 0; color:#ffffff; padding:3px 0 0 0; background: url(/Assets/Common/Images/submit_button_small.gif) 0 0 no-repeat;} #CircularAdText1_dlCategory a:hover {text-decoration:none; background-position: -66px 0;} #CircularAdText1_dlCategory a:active {background-position: -33px 0;} #CircularLists a {text-align:center; display:block; width:33px; height:16px; margin:0; color:#ffffff; padding:2px 0 0 0; background: url(/Assets/Common/Images/submit_button_small.gif) 0 0 no-repeat;} #CircularLists a:hover {text-decoration:none; background-position: -66px 0;} #CircularLists 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; font-weight:bold; text-align:center; display:block; width:33px; height:16px; margin:0 auto; color:#ffffff; padding:1px 0 0 0; background: url(/Assets/Common/Images/submit_button_small.gif) 0 0 no-repeat;} .btnAdd:hover {color:#ffffff; text-decoration:none; background-position: -66px 0;} .btnAdd:active {color:#ffffff; background-position: -33px 0;} .btnPageLink {color: #ff0000; border: 0; text-decoration:underline; background:transparent; padding: 2px 5px;} /*** header ***/ #StoreHeader {position:relative; float:left; height:110px; width:100%; background:url('/Assets/156/Images/ucook_header.jpg') top left no-repeat;} #StoreHeaderLogo {display:none; float:left; width:250px;} #StoreHeaderRightTop {width:auto; float:right; margin-right:12px; margin-top:5px; font-size:90%; font-weight: bold; color:#000000; padding:0px; } /*** login box ***/ #LoginBox {text-align:right;} #LoginBox a, #LoginBox p {float:left; font-size:90%;} /*** nav bar ***/ #StoreMenu {clear:both;color:white;font-size:120%;font-weight:bold;height:auto;left:240px;list-style-image:none;list-style-position:outside;list-style-type:none;padding:4px 0;position:absolute;text-decoration:none;top:59px;width:auto;} #StoreMenu ul {text-align:center; margin:0; padding:0; list-style:none;} #StoreMenu li {font-size:90%; display:block; float:left; font-weight:bold; margin:0 5px 0 0; padding:0 0 3px 13px; background: url('/Assets/156/Images/ucook_header_buttons.gif') no-repeat left top;} #StoreMenu li a {display:block;margin:0; padding:3px 15px 4px 0; background: url('/Assets/156/Images/ucook_header_buttons.gif') no-repeat right top;} #StoreMenu li a, #StoreMenu li a:visited, #StoreMenu li a:active {color:#666666; text-decoration:none;} #StoreMenu li a:hover {color:#82B63A;} /*** adpods ***/ #sidebar div.AdMaster {clear:both; float:left; width:250px; text-align:center; display:inline } #main div.AdMaster {float:right; width:250px; text-align:center; display:inline } .adPodFrame1 {width:250px; height:260px; margin:12px 0 0 0;} .adPodFrame2 {width:250px; height:605px; margin:12px 0; } .adPodFrame3 {float:left; width:700px; height:61px; } #sidebar .adPodFrame1 {display:none;} #main .adPodFrame2 {display:none;} #pixel {display:none;} #adPodForm1 {left:0; top:0;} form#adPodForm1 a img, #AD_300 {float:left; width:300px; } #AD_468 {float:left; width:468px; margin:0 116px 0 116px;} #AD_210 {float:left; width:210px; margin:0 20px 0 20px;} #AD_160 {float:left; width:160px; margin:0 45px 0 45px;} #AD_120 {float:left; width:120px; margin:0 65px 0 65px;} #adInternalSponsorText {width:100%; text-align:center; clear:both; float:left; margin-top:6px;} #adInternalSponsorText p {font-size:9px; margin:6px 0 2px 0;} #adInternal {clear:both; float:left; background-color:white; text-align:center; width:100%; } #adInternal img {margin:0 auto; } /*** sidebar ***/ #leftsearchbar p, #SearchTips a {margin-top:4px; margin-bottom:0; color:white; font-size:90%; width:185px; float:left;} #leftsearchbar select {width:113px; font-size:75%; margin-top:3px;} #CtrlDivTextSearch p {margin-top:4px;} #CtrlDivTextSearch a {text-decoration:none; margin-top:4px; float:right; font-weight:bold; font-size:90%; text-align:center; width:40px; height:20px; color:#ffffff; padding:5px 9px; background: url(/Assets/156/Images/submit_button_ucook_green.gif) 0 0 no-repeat;} #CtrlDivTextSearch a:hover {background-position: -58px 0; text-decoration:none; } .SidebarHeader {position:relative; background:#82B63A url('/Assets/156/Images/dashed_white_line.gif') top left no-repeat; padding:8px 0 8px 10px; } .SidebarHeader h2 {text-transform:lowercase; width:150px; color:white; font-size:13px; font-weight:bold; margin:0;} .accordion_toggle {background:url('/Assets/156/Images/expand_triangle.gif') no-repeat;} .accordion_toggle_active {background:url('/Assets/156/Images/contract_triangle.gif') no-repeat;} #EasySearch, #HolidaySearch, #AdvancedSearch, #TopRecipesTeaser, #QuickSearch {clear:both; float:left; width:205px;} #EasySearch h1, #AdvancedSearch h1, #HolidaySearch h1, #TopRecipesTeaser h1, #QuickSearch h1 {position:absolute; right:2px; top:12px; width:20px; height:20px; text-align:right; margin:0;} #PanelSearch, #PanelEasy, #PanelHoliday, #PanelQuick {margin:5px 10px; width:185px; float:left;} #RecipeEmail h3 {font-size:120%;margin-bottom:17px;margin-left:62px;margin-top:60px;} #RecipeEmail p {display:inline;float:left; width:140px; color:#999999; margin:0 20px;} /*** 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:#C9060E; margin:0 0 4px 0} #ProductsGrid, .LineItem, .LineItems {clear:both; float:left; width:490px; margin-top:2px;} #ProductsGrid table, #Options table, .LineItem table {clear:both; float:left; width:490px;} #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:490px;} table.GridItem {width:490px; border-collapse:collapse;} .GridItem th {text-align:left; background-color: #82B63A; 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 8px 2px 8px;} .GridItem a, .GridAlternatingItem a {text-decoration:none; } .GridItem td.ProductPageImage img {width:40px;} .CategoryHeader {clear:both; float:left; height:auto; width:490px; text-align:left; margin:0 0 4px 0} .CategoryHeader h3 {margin:0;width:490px;} div.CategoryHeader a {width:490px;} .ItemName {font-weight:normal; text-transform:capitalize;} .ItemImage {text-align:center;} .ItemImage input {max-height:50px; max-width: 75px} .ItemSavings {color:#C9060E; text-align:center;} .ItemSavings img {float:left; } .ItemSavings a img {margin-top:3px; } .AddButton {width:30px;} .ItemPrice, .ItemSavings, .ItemCoupon {width:60px; text-align:center;} #Options .ItemImage {width:75px;} #Options .ItemImage img {max-height:50px;} #Options .AddButton {width:100px; text-align:center;} #Options .ItemPrice {width:60px;} /*** shopping list ***/ #ShoppingListHeaderSmall {background:transparent url(/Assets/156/Images/ShopListHeader250.jpg) no-repeat top left;height:45px;} #ShoppingListHeaderLarge {background:transparent url(/Assets/156/Images/ShopListTop490.jpg) no-repeat top left;height:61px;} #ShoppingList {width:250px; 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:248px; border:0; border-collapse:collapse; } #ShoppingList td {clear:both; margin:2px 0; border-bottom:1px solid #CCCCCC;text-align:left; padding-top:3px; vertical-align:top;} #ShoppingList table a, #ShoppingList table input {margin:0; font-size:80%;text-transform:uppercase; } #ItemCount {width:248px; margin:0; padding:0; font-family:Verdana; font-size:80%; font-style:italic;border:0;} #ListButtons {display:none;} #Advertising {clear:both; margin-top:12px; width:250px; height:300px; padding:0; } #ManageList, #savedshoppinglists {float:left; width:490px; background-color:#F2F2F2;} #ManageList #category span {font-weight:bold; margin-left:4px;} #ManageList table {clear:both; float:left; background-color:#F2F2F2;} #ManageList th {font-size:75%; vertical-align:bottom; font-weight:normal;} #ManageList table table, #savedshoppinglists table table {margin-top:-3px; border-left:0px none; border-right:0px none; border-top:0px none; width:490px; background-color:#F2F2F2; border-bottom:1px solid #CCCCCC} #ManageList td td {text-align:left; padding:0 8px 0 8px; font-size:90%; text-transform:uppercase; font-weight:bold; border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; vertical-align:top;} #TitleBar, #CurrentList {width:489px; border:1px solid #C9060E; 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:#C9060E; margin:6px 0 0 6px; vertical-align:baseline;} #CurrentList p {margin-left:8px;} .ShopListIcon {width:20px;text-align:center; margin:0 4px;} #trashcanSmall {cursor:pointer; background: url(/assets/common/images/remove_list_icon.gif) no-repeat; width:13px; height:15px;} #FiveListButtons {clear:both; background-color:#F2F2F2; margin:0 0 12px 0; float:left; width:250px; padding:0 0 6px 0; } #FiveListButtons input {float:left; width:40px; border:0; margin:0; padding:0 0 0 8px;} #FiveListButtons input:hover {background:none;} #FiveListButtons a {float:left; width:40px; border:0; margin:0; padding:0 0 0 8px;} #FiveListButtons a:hover {background:none;} /*** 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:#82B63A;} #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;} /*** recipe center ***/ #RecipeVideoSplash {width:490px; margin:12px 0;background:url('/Assets/156/Images/tan_gradient.gif') top left repeat-x;} #FoodContent {width:230px; float:left; } #DailyRecipe {width:250px; float:right; } #FeaturedArticleTeaser, #MealPlanner {clear:both; float:left; margin-top:4px; width:230px;} #MealPlanner ul {margin-bottom:4px;} #MealPlanner li {list-style-type:square; color:#CCCCCC; margin-left:17px;} #MealPlanner li a {text-decoration:none; color:#666666; font-size:90%; font-weight:normal;} #AskTheChefTeaser img, #FeaturedArticleTeaser img, #MealPlanner img {width:80px; float:left; margin-right:8px;} #sidebar #AskTheChefTeaser img, #sidebar #FeaturedArticleTeaser img, #sidebar #MealPlanner img {width:80px; clear:both; margin:8px auto; float:none;} #FeaturedArticleTeaserFooter {background:url('/Assets/156/Images/dashed_grey_line.gif') no-repeat; width:230px; height:1px; clear:both; float:left; margin:7px 0;} #RecipeVideosPage ul {line-height:110%;} #RecipeVideosPage li {margin-left:30px; list-style-type:square; padding:0;} #DailyRecipe {background:#E9F4DE; margin-top:10px; padding-bottom:10px;} #DailyRecipe .header {position:relative; color:white; margin-top:0; background:#82B63A url('/Assets/156/Images/dashed_white_line.gif') top left no-repeat; padding:8px 0 8px 15px; } #DailyRecipe .header h2 {text-transform:lowercase; width:150px; color:white; font-size:13px; font-weight:bold; margin:0;} #DailyRecipe img {float:right; width:110px; margin-left:10px;} #DailyRecipe p, #DailyRecipe a, #DailyRecipe h3 {margin-left:8px;} #DailyRecipe h3 a {margin-left:0;} /*** recipe display ***/ #recipetitle {clear:none; float:left;} #recipetitle h2 {width:355px; line-height:110%;} #recipetitle:after {content: ""; display: block; height: 0; clear: both } #recipeoptions {float:left; clear:both; margin:6px 0 12px 0; width:327px;} #recipeoptions img {float:left; display:inline; margin: 6px 0; width:110px;} #recipeoptions ul {clear:none; float:left; margin:3px 0 0 0; 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:85%; 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:85%; 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:85%; 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:85%; 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:85%; 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:85%; 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; } .recipecenterback {display:none;} #FeaturedArticleFull {margin-top:12px;} #FeaturedArticleFull h2 {margin:0 0 10px 0;} #BackToArticle a { clear:both; margin-top:12px; float:left; background:none; padding:0;} #recipecontent {clear:both; width:475px; height:auto; } #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;} 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; } #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 10px;padding:4px;text-align:center;width:160px;} #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; font-size:90%; margin:12px 0; border:1px solid black; padding:4px; border-collapse:collapse;} #NutritionTable h2 {font-size:200%; color:#000000; border:0px none; margin:4px 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:143px; padding:104px 8px 8px 8px; margin:0 0 -300px 0; background: url('/Assets/Common/Images/wine_background.jpg') no-repeat -85px 0; } #winecontent:after {content: ""; display: block; height: 0; clear: both } #winecontent table {margin:0; padding:0; width:100%; vertical-align:top;} #winecontent td {vertical-align:top;} #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} #winecontent .winename {display:none;} /*** 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:12px 0 4px 0; width:100%; } .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; margin:2px 0;} 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; margin:4px 0;} div#RecipeSearchResults img {display:inline; margin:0 0 0 12px;position:relative; top:3px;} #RecipeSearchResultsGrid table {clear:both; } /*** 3-panel toolbox ***/ #ThreePane, #Inventory {float:left; margin:0; padding:0; width:auto;} #Department, #Aisles, #Category {float:left; padding:0; width:150px; height:auto; margin-bottom:12px;} #InBetween1, #InBetween2 {float:left; height:auto; padding-top:50px; color:#C9060E; font-size:140%; font-weight:bold;} #ThreePane select, #Inventory select {font-size:100%; line-height:100%; } #UpdateProgress1, #ctl00_ContentPlaceHolder1_Specials1_UpdateProgress1, #ctl00_ContentPlaceHolder1_Inventory1_UpdateProgress1 {background:white;float:left; height:130px; margin-top:-128px;-moz-opacity: 0.8;opacity:.80; filter: alpha(opacity=80);text-align:center;width:490px;} #ctl00_ContentPlaceHolder1_Specials1_lbtnDisplayMostPopular, #ctl00_ContentPlaceHolder1_Inventory1_lbtnDisplayMostPopular {clear:both; float:left; width:590px; font-size:120%;} #ProcessingPanel {width:490px; text-align:center; margin:40px auto;} #ProcessingPanel img {margin:0 auto;} #ListBoxes {width:490px;height:120px;} #MyFavoritesHeader {} #FeaturedProducts1_gvFeaturedProducts {width:490px;} #FeaturedProducts1_gvFeaturedProducts {clear:both; float:left; width:490px;} #FeaturedProducts1_btnAddAll {clear:both; float:left;} #couponsStoreHeader {display:none; clear:both; float:left; height:60px; width:490px; background:transparent url(/Assets/Common/images/coupons_copy.gif) no-repeat scroll 0pt 0pt;} div#Department select, div#Aisles select, div#Category select {font-size:80%; clear:both; height: 100px; width: 150px;} /*** coupons grid ***/ #couponTeaser {display:none;} #RecipeCenter #couponTeaser {display:block; width:250px; float:left;} .CouponsGrid {width:590px;} .CouponsGrid h2 {clear:both;} #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:210px; _height:210px;} .couponsImage {display:inline; border:0; margin:20px auto 0 auto; width: 80px;} .couponsImage img {display:inline; border:0; margin:20px auto 6px auto; max-width: 80px; max-height:100px;} .couponsDescription {display:inline; clear:both; float:left; width: 90%; min-height:60px; _height:60px;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;} .activeCoupon {background: url(/Assets/Common/Images/coupon_highlighted.jpg);} .couponsFrame a {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%;} /*** 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 .Item {width:auto;} #ManageList .CouponImage {width:33px;} #ManageList .PriceSavings {width:120px; text-align:center;} #ManageList .Delete {width:33px;} #ManageList .category {clear:both;} /*** 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; } #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:270px; height:auto;overflow:hidden;} #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%; cursor:pointer; font-weight:bold;} #PasswordRecoverControl input {margin-bottom:12px; } #CtrlDivNotRegisteredError {clear:both;} #DietaryPreferences select, #DietaryPreferences input, #SignUpControl select, #SignUpControl input {width:300px;} #DietaryPreferences input[type="radio"] {width:auto;} #SignupStore {display:none;} #signinWelcomeText ul {background:transparent url(/Assets/156/Images/ucook_signin_graphic.gif) no-repeat scroll left top; height:190px;} #signinWelcomeText li, #signinWelcomeText h2 {display:none;} /*** new signin ***/ #SignUpPersonalInfo, #EmailPreferences, #DietaryPreferencesFullControl, #PrivacyDisclaimer, #DietaryPreferencesTip {float:left; display:inline; margin-bottom:12px; width:480px;} .InputControl {clear:both; float:left; margin:2px 0; width:480px;} #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;font-size:90%; color:#666666; w} #SignUp {} .DietaryPreference select {width:250px;} .Invalid {background:red; color:white;} /*#SignUpNameAddressInfo {display:none;}*/ #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, #SignInPage #sidebar #FeaturedArticleTeaser.recipe, #SignInPage #sidebar #AskTheChefTeaser.recipe, #SignInPage #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%; text-align:center; margin-bottom:12px;} #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 {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%;} #DietaryPreferencesTip h1 {color:#FF0000; font-weight:bold; font-size:130%; width:100%; border-bottom:1px solid black; margin-top:12px; } #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;} #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%;} #preview {text-align:center;} /*** 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; } /*** search ***/ #SearchResults p {float:left; clear:both; margin:10px 0; font-size:120%; font-style:italic;} #SearchResultsMaster {float:right; width:590px; position:relative} .CategoryDisplay {width:130px; margin-bottom:1px; position:relative;} #CategoryDisplayResultsContainer {width:450px; } #CategoryDisplayResultsContainer table {position:absolute;top:0; right:0; width:450px;border-collapse:collapse; padding:0;} #CategoryDisplayResultsContainer td {padding:0;} #CategoryDisplayResultsContainer .ItemImage {width:40px;} #CategoryDisplayResultsContainer .ItemName {width:420px; font-weight:normal; padding-left:4px;} #CategoryDisplayResultsContainer .ItemName a, #Inventory .ItemName a {text-transform:capitalize; width:auto; padding:0 10px 0 0;} .ItemName input {float:left; margin-right:6px;} #CategoryDisplayResultsContainer .ItemPrice {text-align:right; width:50px;} #CategoryDisplayResultsContainer .AddButton {width:80px;} .comments {clear:both;float:left;font-weight:bold; margin:4px 6px 0 0;} .CategoryDisplay p {display:none;} .CategoryDisplay h3 {/*background:white url(/Assets/Common/Images/expand.gif) no-repeat scroll right top;*/ clear:both; float:left; width:130px;color:black;margin:0;padding:2px 0 0 4px;font-size:100%;} .CategoryDisplay table {border-collapse:collapse;} .CategoryDisplay td {border-bottom:1px solid #999999;} .CategoryDisplay td td td td {background:#ffffcc; width:100px;} .ProductAddToListControl {width:80px; float:left;} .ProductAddToListControl input {float:left; margin:2px 0 0 0; width:20px;} .ProductAddToListControl br {display:none;} .ProductAddToListControl div {float:left;text-align:center;} .ProductAddToListControl div a {clear:both; float:left; text-align:center; width:33px; height:15px; margin:2px 0 0 6px; color:#ffffff; padding:2px 0 0 0; background: url(/Assets/Common/Images/submit_button_small.gif) 0 0 no-repeat; font-size:10px; font-family:"Arial Narrow"; font-weight:bold; letter-spacing:-0.04em; text-transform:capitalize;} .ProductAddToListControl div a:hover {background-position: -66px 0; text-decoration:none;} .ProductAddToListControl div a:active {background-position: -33px 0;} .ProductAddToListControl div #ProductPlusMinusButtons {width:12px; margin:0; padding:0; float:left; clear:none; } .ProductAddToListControl div .ProductAddToListPlus {float:left; width:11px; height:12px; background:url('/Assets/Common/Images/OGS_shelf_plus.gif'); border:0; margin:0; padding:0;} .ProductAddToListControl div .ProductAddToListMinus {float:left; width:11px; height:10px; background:url('/Assets/Common/Images/OGS_shelf_minus.gif'); border:0; margin:0; padding:0;} .CategoryDisplayResults td.ItemName input {width:75px;} a.button, a.button:hover {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 {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 {background-position: bottom right;color: #000;outline: none; /* hide dotted outline in Firefox */} a.button:active span {background-position: bottom left;color:white;padding: 4px 0 2px 10px; /* push text down 1px */} /*** suggestion list ***/ .suggestion_list {background: white;padding: .1em;} #autosuggest {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;} #autosuggest li.selected {width:144px; background:#ffffcc; } #TextSearch #autosuggest a {background:transparent none no-repeat top left; color:#FF0000; text-decoration: none;} /***** COUPONS PAGE GRID *****/ #couponsStoreHeader { clear:both; float:left; height:100px; width:590px; background:transparent url(/Assets/Common/images/new_coupons_header.jpg) no-repeat scroll 0 0; } .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; } #couponsCategories {width:130px; float:left; font-size:12px; font-weight:bold;} #gridLayout {width:455px; float:right;} #gridLayout h2 {margin-top:0;} .couponsPageGrid {position:relative; float:left;} .couponsPageGrid .CategoryDisplayContainer h3 {font-size:110%;} .gridSwapLayout {float:right; margin-bottom:12px;} .gridSwapLayout a {cursor:pointer;width:13px; height:13px; float:left; border:1px solid black; padding:0; margin-left:6px;} .gridStyleIcon1 {cursor:pointer;width:13px; height:13px; background:url(/Assets/Common/Images/GridStyleIcon_r1_c1.gif) top left no-repeat;} .gridStyleIcon2 {cursor:pointer;width:13px; height:13px; background:url(/Assets/Common/Images/GridStyleIcon_r1_c2.gif) top left no-repeat;} .gridStyleIcon3 {cursor:pointer;width:13px; height:13px; background:url(/Assets/Common/Images/GridStyleIcon_r1_c3.gif) top left no-repeat;} .gridStyleIcon1.active, .gridStyleIcon2.active, .gridStyleIcon3.active {background-color:#ffffcc; background-position:0 -13px;} .gridSwapLayout #help {cursor:pointer;width:42px; height:15px; padding-top:1px; margin-left:15px; padding-left:20px; background:url(/Assets/Common/Images/coupons_help_icon.gif) left top no-repeat;} .gridSwapLayout a.lightwindow {cursor:pointer;width:42px; height:13px; float:left; border:0; padding:0; margin-left:6px;} /*** default (block) coupon format ***/ .GridMode1 .couponsContainer {width:147px; position:relative; display:inline; width:6; float:left; padding:0; margin:2px; text-align:center; } .GridMode1 .couponsFrame {display:inline; width:100%; float:left; border:0; padding:0; margin:0; text-align:center; min-height:240px; _height:240px;} .GridMode1 .couponsFrame.last {border-right:0;} .GridMode1 .couponsImage {display:inline; float:left; border:0; margin:0 10px; min-height:130px; _height:130px;width: 120px;} .GridMode1 .couponsImage img {position:static; display:inline; border:0; margin:20px auto 6px auto; max-height:100px; max-width:80px; } .GridMode1 .couponsDescription {display:inline; clear:both; float:left; width: 100%; min-height:30px; _height:30px;line-height:120%; margin:0 auto; font-size:10px; font-weight:normal;} .GridMode1 .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; } .GridMode1 .couponsStoreSavings span {display:none;} .GridMode1 .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; _background: transparent url('/Assets/Common/Images/coupon_savings.gif') 0 0 no-repeat;} .GridMode1 .price {display:inline; width:100%; clear:both; float:left; padding:0; font-size:100%; line-height:100%; font-weight:bold; min-height:24px;} .GridMode1 .activeCoupon {background: url(/Assets/Common/Images/coupon_highlighted.jpg);} .GridMode1 .couponDivider {float:left; width:1px; height:230px; background:#CCCCCC;} .GridMode1 .couponClear {clear:both; width:100%; height:1px; border:0; margin:2px 0pt; width:100%;} .GridMode1 a {margin-top:6px; margin-bottom:6px; _margin:6px 0 6px 16px;} /*** line-grid-item coupon format 2 ***/ .GridMode2 .couponsContainer {border:1px dotted #CCCCCC;float:left;height:145px;width:210px; margin-right:5px;} .GridMode2 .couponsFrame {clear:both;float:left;width:100%; min-height:145px; _height:145px;padding:0; margin:0; border:0;} .GridMode2 .couponsSavings {position:static;background:red;color:white;display:inline;float:left;font-size:130%;font-weight:bold;margin:5px;padding:2px;position:static; height:auto; width:195px;} .GridMode2 .couponsStoreSavings {position:static;background:green;color:white;display:inline;float:left;font-size:130%;font-weight:bold;margin:5px;padding:2px;position:static; height:auto; width:195px;} .GridMode2 .couponsSavings br {display:none;} .GridMode2 .couponsImage {margin:0; border:0 none;clear:none;display:inline;float:left;margin:0;width:80px; height:100px;} .GridMode2 .couponsImage img {position:static; max-height:100px; max-width:80px; margin:0 12px;} .GridMode2 .couponsDescription {font-size:10px; line-height:120%; text-transform:lowercase; float:right;height:auto;margin:0 1px;position:absolute; top:27px; left:105px; text-align:left;clear:none;width:100px;} .GridMode2 .couponsFrame a {position:absolute;left:105px;top:120px;width:75px; height:auto; margin:0;} .GridMode2 .activeCoupon {height:135px; background:#FFFFDD url(/Assets/Common/Images/coupon_highlighted.jpg) no-repeat scroll -20px -6px} .GridMode2 .couponClear {display:none;} /*** line-item coupon format 3 ***/ .GridMode3 .couponsContainer {border:0;float:left;width:450px; margin:0;} .GridMode3 .couponsFrame {clear:both;float:right;width:100%; padding:0; margin:0; border:0; min-height:50px; _height:50px;} .GridMode3 .couponsSavings {position:static;background:transparent url(/Assets/Common/Images/coupon_savings.png) no-repeat scroll 0 0;_background:transparent url(/Assets/Common/Images/coupon_savings.gif) no-repeat scroll 0 0;color:white;display:inline;float:left;font-size:90%;font-weight:bold;height:35px;line-height:100%;margin:0;padding:15px 0 0;position:static;width:50px;} .GridMode3 .couponsStoreSavings {position:static; ncolor:white;display:inline;float:left;font-size:90%;font-weight:bold;height:35px;line-height:100%;margin:0;padding:15px 0 0;position:static;width:50px;} .GridMode3 .couponsStoreSavings span {display:none;} .GridMode3 .couponsImage {height:100px; display:none; margin:0; border:0 none;clear:none;float:left;margin:20px auto 0;width:80px;} .GridMode3 .couponsImage img {display:none; position:absolute; top:2px; left:0; max-height:100px; max-width:80px; margin:0;} .GridMode3 .couponsDescription {position:static;clear:none; font-size:10px; line-height:120%; float:left;height:auto; margin:10px 0 0 18px;text-align:left;width:280px;} .GridMode3 .couponsFrame a {clear:none; position:absolute;width:75px; right:0; margin:0; top:14px;} .GridMode3 .activeCoupon {height:auto; background:#FFFFDD url(/Assets/Common/Images/coupon_highlighted.jpg) no-repeat scroll -60px -22px} .GridMode3 .couponClear {display:none;}