/* ************************************************************************* */ /* * Global * */ /* ************************************************************************* */ html, body, div.Container, form { height: 100%; margin: 0; padding: 0; } body { background-color: #e0e0db; font-size: 10px; color: #666; font-family: Arial; behavior: url(/resources/csshover.htc); } img { border: 0; } ul.clsCompletionList { margin: 0; padding: 0; border-top: none; border-left: solid 1px #ccc; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; } ul.clsCompletionList, ul.clsCompletionList li { list-style: none; border-bottom: solid 1px #eee; } ul.clsCompletionList li { background: url(none); padding: 5px; cursor: pointer; } /* ************************************************************************* */ /* * Printing * */ /* ************************************************************************* */ @media print { td.LeftContent, div.SiteLinks, div.SiteSearch, div.Menu { display: none; } body { background-color: #fff; } body, div.Container, div.Content, div.Body { background: none; border:none; } } /* ************************************************************************* */ /* * OVERRIDES editor.css and featureeditor.css * */ /* ************************************************************************* */ .white_underline { background-color: inherit !important; } a.white_underline:hover { color: #fff; text-decoration: underline; } /* ************************************************************************* */ /* * Body Section * */ /* ************************************************************************* */ div.Container { background-color: #fdfdfd; margin: 0 auto; width: 955px; border: solid 1px #bbb; } html>body div.Container { clear: both; height: auto; min-height: 100%; } div.Home div.Content { background: none; } div.Body { padding-bottom: 100px; } html>body div.Body { height: auto; min-height: 100%; } /* ************************************************************************* */ /* * Banner Section * */ /* ************************************************************************* */ div.Banner { height: 110px; margin: 0; } div.SiteLogo { position: absolute; margin-left: 18px; margin-top: 4px; } div.SiteTitle { position: absolute; margin: 75px 0px 0px 260px; font-size: 16px; color: #999; font-weight: bold; } div.SiteLinks { position: absolute; margin: 90px 0px 0px 745px; } div.SiteLinks a { color: #cc6633; font-weight: bold; } div.SiteSearch { position: absolute; margin-left: 580px; #margin-left: 290px; _margin-left: 290px; margin-top: 15px; } div.SiteSearch input.SearchTextBox { width: 200px; } div.SiteSearch a.SiteSearchSubmit { margin-left: 10px; } span.SearchOptions input { margin-left: 10px; } span.SearchOptions input label { padding-left: 5px; } /* ************************************************************************* */ /* * Menu Section * */ /* ************************************************************************* */ div.Menu { height: 37px; width:955px; /* Varun - temp */ background: #591E22 url(../images/bgr_mainmenu.gif) repeat-x; overflow:hidden; /* Varun - temp */ } /* Spanish Link */ div.menuSpanishLink { width: 150px; height: 25px; position: absolute; margin-left: 825px; } div.menuSpanishLink a { text-transform: capitalize !important; display: block; background: url(/resources/carolina/images/ico_spanish_flag.gif) no-repeat 0% 12px; padding-left: 30px; } /* Top Level Menu */ div.Menu ul { margin: 0; padding: 0; position: static; } div.Menu ul li { margin: 0; padding: 0; list-style: none; background: none; position: static; } div.Menu ul.level1 li.topLevel { float: left; } div.menuSpanishLink a, div.Menu ul.level1 li.topLevel a { display: block; padding: 12px 30px 6px; font-size: 14px; font-weight: bold; color: #fff; text-transform: uppercase; } div.menuSpanishLink a:hover, div.Menu ul.level1 li.topLevel a.Selected, div.Menu ul.level1 li.topLevel:hover a.topLevel, div.Menu ul.level1 li.topLevel div.level2 ul li div.level3 ul li a:hover { color: #e4bd77 ; } /* Specific to handle the Product Sub Menu */ div.Menu ul.level1 li.topLevel div.ProductExpanded { background-color: #000; width: 490px; background: url(/resources/carolina/images/bg_submenu_bottom.gif) no-repeat 0% 100%; } /* Specific to handle the Product Sub Menu */ div.Menu ul.level1 li.topLevel div.ProductExpanded li.submenu { clear: both; overflow: hidden; } /* Specific to handle the Product Sub Menu */ div.Menu ul.level1 li.topLevel div.ProductExpanded ul.level3 li { float: left; } /* Sub Level Menu */ div.Menu ul div.level2 { background: url(../images/bgr_submenu_bot.gif) no-repeat 0% 100%; position: absolute; /*visibility: hidden;*/ display: none; padding-bottom: 8px; width: 185px; overflow: hidden; z-index: 8000; } /* Specific to handle the Product Sub Menu */ div.Menu ul.level1 li.topLevel div.ProductExpanded div.level2Container, div.Menu ul.level1 li.topLevel div.ProductExpanded div.level2 { background: url(none) !important; } /* This is a general setting for the sub menu */ div.Menu ul.level1 li.topLevel div.level2 ul li a { font-weight: normal !important; font-size: 12px !important; text-transform: none; padding: 4px 10px; border-top: solid 1px #CC6734; margin: 0px 15px; width: 135px; } /* Specific to handle the Product Sub Menu */ div.Menu ul.level1 li.topLevel div.ProductExpanded ul li a { font-weight: bold; width: 440px; } /* Specific to handle the Product Sub Menu */ div.Menu ul.level1 li.topLevel div.ProductExpanded ul li ul li a { font-weight: normal; width: 135px; border-top: none; } /* Remove the top border from the first sub menu item */ div.Menu ul.level1 li.topLevel div.level2 ul li a.First { border-top: solid 1px #591E22; } div.Menu ul.level1 li.topLevel div.level2 ul li a:hover { background-color: #cc6734; } /*div.Menu ul.level1 li.topLevel div.level2 ul li */ div.Menu ul.level1 li.topLevel div.level2 div.level2Container { background: url(../images/bgr_submenu.gif) repeat-y; } div.Menu ul div.RecipeSearch ul.level2 { width: 180px !important; width: _160px !important; width: #160px !important; } div.Menu ul.level1 li.topLevel div.RecipeSearch div.level2Container { background:#FFF url(../images/bgr_submenu_recipe.gif) repeat-y !important; } div.Menu ul div.RecipeSearch { background:#FFF url(../images/bgr_submenu_bot_recipe.gif) no-repeat 0% 100%; width: 400px !important; } div.Menu ul div.RecipeSearch select { width: 180px; _width: 170px; #width: 170px; } div.Menu ul div.RecipeSearch h2 { margin: 15px 0px 10px; padding: 0; color: #e4bd77; font-size: 14px; } div.Menu ul div.level2 li { z-index: 7000; } div.Menu ul div.level2 ul.level2 { /*background: url(../images/bgr_submenu.gif) repeat-y;*/ } div.Menu ul li.topLevel:hover div.level2 { /*visibility: visible;*/ } div.Menu ul div.level2 ul div.level3 ul li a { padding-left: 25px !important; border: 0 !important; } div.Menu ul.level1 li.topLevel div.level2 ul li div.level3 ul li a { background-color: Transparent !important; } /* ************************************************************************* */ /* * Side Navigation Section * */ /* ************************************************************************* */ div.SideNavigation { width: 187px; margin-bottom: 20px; } div.SideNavigation a { font-size: 12px; /*height: 21px;*/ display: block; background: url(../images/nav_item.gif) no-repeat 0% 0%; font-weight: bold; /*padding: 12px 0px 0px 15px; */ padding: 6px 15px 6px 15px; color: #666; border-bottom: solid 1px #cfcfcf; } div.SideNavigation a.HasItems { border-bottom: none; } div.SideNavigation a.leftnavonLastState, div.SideNavigation a.leftnavonFirstState, div.SideNavigation a.leftnavonState, div.SideNavigation a:hover { color: #fff; background: url(../images/nav_item_hover.gif) no-repeat; } div.SideNavigation a.Selected { color: #fff; background: url(../images/nav_item_hover.gif) no-repeat !important; } div.SideNavigation div a.First { background: url(../images/nav_item_first.gif) no-repeat; } div.SideNavigation div.First a.Selected, div.SideNavigation a.leftnavonFirstState, div.SideNavigation a.First:hover { background: url(../images/nav_item_first_hover.gif) no-repeat !important; } div.SideNavigation a.Last { background: url(../images/nav_item_last.gif) no-repeat; border-bottom: none !important; } div.SideNavigation a.leftnavonLastState, div.SideNavigation a.Last:hover { background: url(../images/nav_item_last_hover.gif) no-repeat; } div.SideNavigation ul.subMenu { z-index: 1; border-bottom: solid 1px #cfcfcf; } div.SideNavigation ul.subMenu a { color: #333; height: 15px; background: none; padding: 3px 0px 3px 20px; font-weight: normal; } div.SideNavigation ul.subMenu a.subLast { border-bottom: none !important; } div.SideNavigation ul.subMenu a:hover { color: #c03; } div.SideNavigation ul li { background: none; background: url(../images/nav_bor.gif) repeat-y; display:block; list-style-image:none; list-style-type:none; padding: 0; } div.SideNavigation div.NavBot { background: url(../images/nav_bot.gif) no-repeat 0% 100%; padding-bottom: 4px; } div.SideNavigation div.NavBot ul.subMenu { border-bottom: none; } div.SideNavigation ul li.subMenu a.subMenu_selected { font-weight: bold; color: #c03; } /* ************************************************************************* */ /* * Content Section * */ /* ************************************************************************* */ /************************/ /*** Framework ***/ div.Content { margin: 0; padding: 7px; background: url(../images/bg_page_grad.gif) no-repeat 50% 3px; } /************************/ /*** Home Content ***/ div.ContentHome div.LeftContent { width: 593px; #width: 593px; _width: 593px; } div.ContentHome td.LeftContent { padding-top: 0px; } div.ContentHome table td.RightContent { padding-left: 5px; _padding-left: 5px; #padding-left: 5px; } div.ContentHome div.RightContent { width: 342px; } /************************/ /*** Sub Page Content ***/ /*** Left Content ***/ td.LeftContent { padding-top: 10px; width: 195px; } /*** Right Content ***/ td.LeftContent { } /* ************************************************************************* */ /* * Footer Section * */ /* ************************************************************************* */ div.FooterContainer { clear: both; position: relative; z-index: 1000; height: 100px; margin-top: -103px; z-index: 1; } div.Footer { height: 100px; background-color: #fff; margin: 0 auto; } div.Footer a, div.Footer a:visited, div.Footer a:active { font-weight: normal; } table.Footer, div.Footer { width: 955px; } div.Footer div.FooterLeftImage, div.Footer div.FooterRightImage { padding: 15px; } div.Footer span.Copyright { display: block; } div.Footer div.FooterLinks a { background: url(../images/bul_grey.gif) no-repeat 5px 50%; padding-left: 15px; } div.Footer div.FooterLinks a.First { background: none; padding-left: 0; } /* ************************************************************************* */ /* * General Styles * */ /* ************************************************************************* */ div.BreadCrumb { padding: 9px 0px 14px; } div.BreadCrumb a { color: #666; font-weight: bold; } div.BoxSpacer { margin:0; padding:0; height: 10px; } div.TopMargin { margin-top: 10px; } .list_item div.RecipeIconContainer { margin-left: 10px; } table.RecipeIconContainer { clear: both; } .list_item a { font-weight: bold; } .Required { color: #c03; font-weight: bold; } /* ************************************************************************* */ /* * Buttons * */ /* ************************************************************************* */ a.btnSearch, a.btnSend { display: block; } .btnSearch { border: 0; background: url(../images/buttons/btnSearch.gif) no-repeat; width: 65px !important; height: 30px !important; } .btnSend { border: 0; background: url(../images/buttons/btnSend.gif) no-repeat; width: 65px !important; height: 30px !important; } .btnPrintOrderForm { border: 0; background: url(../images/buttons/btnPrintOrderForm.gif) no-repeat; width: 131px !important; height: 24px !important; } .btnPrint { border: 0; background: url(../images/buttons/btnPrint.gif) no-repeat; width: 65px !important; height: 30px !important; } .SiteSearchSubmit { border: 0; background: url(../images/ico_spyglass.gif) no-repeat; width: 14px !important; height: 15px !important; } .mainButton { color: #fff; font-weight: bold; height: 31px; display: block; border: 0; width: 100px; overflow: hidden; background: url(../images/bg_button.gif) no-repeat; } /* ************************************************************************* */ /* * Static Border Frame Section * */ /* ************************************************************************* */ /************************/ /*** Blue / Red ***/ div.SquareBlue { border: solid 5px #1036cb; background: #fdfdfd url(../images/bg_blue_square.gif) repeat-x; padding: 5px 15px; } div.SquareRed { padding: 7px; background: #dc241f url(../images/bg_video_feature_bot.gif) no-repeat 0% 100%; } div.SquareRedShort { padding: 7px; background: #dc241f url(../images/bg_video_feature_bot_short.gif) no-repeat 0% 100%; } div.SquareOrange { border: solid 1px #666; background: #c63 url(../images/bg_square_orange.gif) repeat-x; padding: 7px;} div.SquareOrange div.SquareOrange { border: none; background: #fff url(../images/bg_home_content.gif) repeat-x; } /* ************************************************************************* */ /* * Dynamic Border Frame Section (BoxPanelRounded Control) * */ /* ************************************************************************* */ /* Just to clean up */ input.BoxPanelRoundedHiddenField {display: none;position: absolute;left: -3000px;} /************************/ /*** Silver ***/ /* Change out images here*/ div.Silver div.BoxBorderTop { background: url(../images/bor_silver_top.gif) repeat-x; _width: 99.5%;} div.Silver div.BoxCornerTopRight { background: url(../images/bor_silver_top_rt.gif) no-repeat 100% 0%; } div.Silver div.BoxCornerTopLeft { background: url(../images/bor_silver_top_lt.gif) no-repeat; } /* Static */ div.Silver div.BoxBorderBottom { background: url(../images/bor_silver_bot.gif) repeat-x 0% 100%; } div.Silver div.BoxBorderLeft { background: url(../images/bor_silver_lt_rt.gif) repeat-y; } div.Silver div.BoxBorderRight { background: url(../images/bor_silver_lt_rt.gif) repeat-y 100% 0%; } div.Silver div.BoxCornerBottomLeft { background: url(../images/bor_silver_bot_lt.gif) no-repeat 0% 100%; } div.Silver div.BoxCornerBottomRight { background: url(../images/bor_silver_bot_rt.gif) no-repeat 100% 100%; } div.Silver div.BoxContent { padding: 20px; } /************************/ /*** Yellow ***/ /* Change out images here*/ div.Yellow div.BoxBorderTop { background: #fbfcfc url(../images/bor_yellow_top.gif) repeat-x; _width: 99.5%;} div.Yellow div.BoxCornerTopRight { background: url(../images/bor_yellow_top_rt.gif) no-repeat 100% 0%; } div.Yellow div.BoxCornerTopLeft { background: url(../images/bor_yellow_top_lt.gif) no-repeat; } /* Static */ div.Yellow div.BoxBorderBottom { background: url(../images/bor_yellow_bot.gif) repeat-x 0% 100%; } div.Yellow div.BoxBorderLeft { background: url(../images/bor_yellow_lt_rt.gif) repeat-y; } div.Yellow div.BoxBorderRight { background: url(../images/bor_yellow_lt_rt.gif) repeat-y 100% 0%; } div.Yellow div.BoxCornerBottomLeft { background: url(../images/bor_yellow_bot_lt.gif) no-repeat 0% 100%; } div.Yellow div.BoxCornerBottomRight { background: url(../images/bor_yellow_bot_rt.gif) no-repeat 100% 100%; } div.Yellow div.BoxContent { padding: 20px; } /************************/ /*** YellowBigShade ***/ /* Change out images here*/ div.YellowBigShade div.BoxBorderTop { background: #fbfcfc url(../images/bor_yellow_top_bigshade.gif) repeat-x; _width: 99.5%;} div.YellowBigShade div.BoxCornerTopRight { background: url(../images/bor_yellow_top_rt_bigshade.gif) no-repeat 100% 0%; } div.YellowBigShade div.BoxCornerTopLeft { background: url(../images/bor_yellow_top_lt_bigshade.gif) no-repeat; } /* Static */ div.YellowBigShade div.BoxBorderBottom { background: url(../images/bor_yellow_bot.gif) repeat-x 0% 100%; } div.YellowBigShade div.BoxBorderLeft { background: url(../images/bor_yellow_lt_rt.gif) repeat-y; } div.YellowBigShade div.BoxBorderRight { background: url(../images/bor_yellow_lt_rt.gif) repeat-y 100% 0%; } div.YellowBigShade div.BoxCornerBottomLeft { background: url(../images/bor_yellow_bot_lt.gif) no-repeat 0% 100%; } div.YellowBigShade div.BoxCornerBottomRight { background: url(../images/bor_yellow_bot_rt.gif) no-repeat 100% 100%; } div.YellowBigShade div.BoxContent { padding: 20px; } /************************/ /*** BlueTop ***/ /* Change out images here*/ div.BlueTop div.BoxBorderTop { background: url(../images/bor_bluetop_top.gif) repeat-x; _width: 99.5%;} div.BlueTop div.BoxCornerTopRight { background: url(../images/bor_bluetop_top_rt.gif) no-repeat 100% 0%; } div.BlueTop div.BoxCornerTopLeft { background: url(../images/bor_bluetop_top_lt.gif) no-repeat; } /* Static */ div.BlueTop div.BoxBorderBottom { background: url(../images/bor_silver_bot.gif) repeat-x 0% 100%; } div.BlueTop div.BoxBorderLeft { background: url(../images/bor_silver_lt_rt.gif) repeat-y;} div.BlueTop div.BoxBorderRight { background: url(../images/bor_silver_lt_rt.gif) repeat-y 100% 0%; } div.BlueTop div.BoxCornerBottomLeft { background: url(../images/bor_silver_bot_lt.gif) no-repeat 0% 100%; } div.BlueTop div.BoxCornerBottomRight { background: url(../images/bor_silver_bot_rt.gif) no-repeat 100% 100%; } div.BlueTop div.BoxContent { padding: 0px; } /************************/ /*** BlueTop ***/ /* Change out images here*/ div.BrownTop div.BoxBorderTop { background: url(../images/bor_browntop_top.gif) repeat-x; _width: 99.5%;} div.BrownTop div.BoxCornerTopRight { background: url(../images/bor_browntop_top_rt.gif) no-repeat 100% 0%; } div.BrownTop div.BoxCornerTopLeft { background: url(../images/bor_browntop_top_lt.gif) no-repeat; } /* Static */ div.BrownTop div.BoxBorderBottom { background: url(../images/bor_silver_bot.gif) repeat-x 0% 100%; } div.BrownTop div.BoxBorderLeft { background: url(../images/bor_silver_lt_rt.gif) repeat-y;} div.BrownTop div.BoxBorderRight { background: url(../images/bor_silver_lt_rt.gif) repeat-y 100% 0%; } div.BrownTop div.BoxCornerBottomLeft { background: url(../images/bor_silver_bot_lt.gif) no-repeat 0% 100%; } div.BrownTop div.BoxCornerBottomRight { background: url(../images/bor_silver_bot_rt.gif) no-repeat 100% 100%; } div.BrownTop div.BoxContent { padding: 0px; } /************************/ /*** Gold ***/ /* Change out images here*/ div.Gold div.BoxBorderTop { background: url(../images/bor_gold_top.gif) repeat-x; _width: 99.5%} div.Gold div.BoxCornerTopLeft { background: url(../images/bor_gold_top_lt.gif) no-repeat; } div.Gold div.BoxCornerTopRight { background: url(../images/bor_gold_top_rt.gif) no-repeat 100% 0%; } /* Static */ div.Gold div.BoxBorderBottom { background: url(../images/bor_silver_bot.gif) repeat-x 0% 100%; } div.Gold div.BoxBorderLeft { background: url(../images/bor_silver_lt_rt.gif) repeat-y; } div.Gold div.BoxBorderRight { background: url(../images/bor_silver_lt_rt.gif) repeat-y 100% 0%; } div.Gold div.BoxCornerBottomLeft { background: url(../images/bor_silver_bot_lt.gif) no-repeat 0% 100%; } div.Gold div.BoxCornerBottomRight { background: url(../images/bor_silver_bot_rt.gif) no-repeat 100% 100%; } div.Gold div.BoxContent { padding: 20px; } /************************/ /*** Sky Blue ***/ /* Change out images here*/ div.SkyBlue div.BoxBorderTop { background: url(../images/bor_sky_top.gif) repeat-x; _width: 99.5%} div.SkyBlue div.BoxCornerTopLeft { background: url(../images/bor_sky_top_lt.gif) no-repeat; } div.SkyBlue div.BoxCornerTopRight { background: url(../images/bor_sky_top_rt.gif) no-repeat 100% 0%; } /* Static */ div.SkyBlue div.BoxBorderBottom { background: url(../images/bor_silver_bot.gif) repeat-x 0% 100%; } div.SkyBlue div.BoxBorderLeft { background: url(../images/bor_silver_lt_rt.gif) repeat-y; } div.SkyBlue div.BoxBorderRight { background: url(../images/bor_silver_lt_rt.gif) repeat-y 100% 0%; } div.SkyBlue div.BoxCornerBottomLeft { background: url(../images/bor_silver_bot_lt.gif) no-repeat 0% 100%; } div.SkyBlue div.BoxCornerBottomRight { background: url(../images/bor_silver_bot_rt.gif) no-repeat 100% 100%; } div.SkyBlue div.BoxContent { padding: 7px 15px; } /************************/ /*** Brown Shade ***/ /* Change out images here*/ div.BrownShade div.BoxBorderTop { background:#fff url(../images/bor_yellow_top.gif) repeat-x; _width: 99.5%} div.BrownShade div.BoxCornerTopLeft { background: url(../images/bor_yellow_top_lt.gif) no-repeat; } div.BrownShade div.BoxCornerTopRight { background: url(../images/bor_yellow_top_rt.gif) no-repeat 100% 0%; } /* Static */ div.BrownShade div.BoxBorderBottom { background: url(../images/bor_silver_bot.gif) repeat-x 0% 100%; } div.BrownShade div.BoxBorderLeft { background: url(../images/bor_silver_lt_rt.gif) repeat-y; } div.BrownShade div.BoxBorderRight { background: url(../images/bor_silver_lt_rt.gif) repeat-y 100% 0%; } div.BrownShade div.BoxCornerBottomLeft { background: url(../images/bor_silver_bot_lt.gif) no-repeat 0% 100%; } div.BrownShade div.BoxCornerBottomRight { background: url(../images/bor_silver_bot_rt.gif) no-repeat 100% 100%; } div.BrownShade div.BoxContent { padding: 7px 15px; } /************************/ /************************/ /*** Brown Shade Bottom Less***/ /* Change out images here*/ div.BrownShadeBL div.BoxBorderTop { background:#fff url(../images/bor_yellow_shade_top.gif) repeat-x; _width: 99.5%} div.BrownShadeBL div.BoxCornerTopLeft { background: url(../images/bor_yellow_shade_top_lt.gif) no-repeat; } div.BrownShadeBL div.BoxCornerTopRight { background: url(../images/bor_yellow_shade_top_rt.gif) no-repeat 100% 0%; } /* Static */ div.BrownShadeBL div.BoxBorderBottom { background: url(../images/bor_silver_bot.gif) repeat-x 0% 100%; } div.BrownShadeBL div.BoxBorderLeft { background: url(../images/bor_silver_lt_rt.gif) repeat-y; } div.BrownShadeBL div.BoxBorderRight { background: url(../images/bor_silver_lt_rt.gif) repeat-y 100% 0%; } div.BrownShadeBL div.BoxCornerBottomLeft { background: url(../images/bor_silver_bot_lt.gif) no-repeat 0% 100%; } div.BrownShadeBL div.BoxCornerBottomRight { background: url(../images/bor_silver_bot_rt.gif) no-repeat 100% 100%; } div.BrownShadeBL div.BoxContent { padding: 7px 15px; } /************************/ /************************/ /*** Dark Blue ***/ /* Change out images here*/ div.DarkBlue div.BoxBorderTop { background: #4e2029 none; _width: 99.5%} div.DarkBlue div.BoxCornerTopLeft { background: url(../images/bor_blue_top_lt.gif) no-repeat; } div.DarkBlue div.BoxCornerTopRight { background: url(../images/bor_blue_top_rt.gif) no-repeat 100% 0%; } div.DarkBlue div.BoxCornerBottomLeft { background: url(../images/bor_blue_bot_lt.gif) no-repeat 0% 100%; } div.DarkBlue div.BoxCornerBottomRight { background: url(../images/bor_blue_bot_rt.gif) no-repeat 100% 100%; } /* Static */ div.DarkBlue div.BoxBorderBottom { background: none; } div.DarkBlue div.BoxBorderLeft { background: none; } div.DarkBlue div.BoxBorderRight { background: none; } div.DarkBlue div.BoxContent { padding: 20px; color: #fff; } div.DarkBlue a { color: #fff; text-decoration: underline; } /************************/ /*** Dark Blue Grad ***/ /* Change out images here*/ div.DarkBlueGrad div.BoxBorderTop { background: #e1a257 url(../images/bor_bluegrad_top.gif) repeat-x; _width: 99.5%} div.DarkBlueGrad div.BoxCornerTopLeft { background: url(../images/bor_bluegrad_top_lt.gif) no-repeat; } div.DarkBlueGrad div.BoxCornerTopRight { background: url(../images/bor_bluegrad_top_rt.gif) no-repeat 100% 0%; } /* Static */ div.DarkBlueGrad div.BoxBorderBottom { background: url(../images/bor_bluegrad_bot.gif) repeat-x 0% 100%; } div.DarkBlueGrad div.BoxBorderLeft { background: url(../images/bor_bluegrad_lt_rt.gif) repeat-y; } div.DarkBlueGrad div.BoxBorderRight { background: url(../images/bor_bluegrad_lt_rt.gif) repeat-y 100% 0%; } div.DarkBlueGrad div.BoxCornerBottomLeft { background: url(../images/bor_bluegrad_bot_lt.gif) no-repeat 0% 100%; } div.DarkBlueGrad div.BoxCornerBottomRight { background: url(../images/bor_bluegrad_bot_rt.gif) no-repeat 100% 100%; } div.DarkBlueGrad div.BoxContent { padding: 7px 15px; color: #fff; } div.DarkBlueGrad div.BoxContent h2 { color: #fff; } div.DarkBlueGrad div.BoxContent a { text-decoration: underline; color: #fff; } div.DarkBlueGrad div.BoxContent a:hover { text-decoration: underline; color: #fff; } /************************/ /* Featured TABS */ /* NOTE: Pay Close Attention to the RE-ORDER of background images */ div.GoldTabRecommendedEntrees, div.GoldTabRecommendedEntrees div.BoxBorderLeft, div.GoldTabRecommendedEntrees div.BoxBorderRight, div.GoldTabRecommendedEntrees div.BoxCornerBottomLeft { width: 250px; } /* Must give the background DIVs dimension for IE */ div.GoldTabRecommendedDeserts, div.GoldTabRecommendedDeserts div.BoxBorderLeft, div.GoldTabRecommendedDeserts div.BoxBorderRight, div.GoldTabRecommendedDeserts div.BoxCornerBottomLeft { width: 175px; } /* Must give the background DIVs dimension for IE */ div.GoldTabRecommendedRecipes, div.GoldTabRecommendedRecipes div.BoxBorderLeft, div.GoldTabRecommendedRecipes div.BoxBorderRight, div.GoldTabRecommendedRecipes div.BoxCornerBottomLeft { width: 240px; } /* Must give the background DIVs dimension for IE */ div.GoldTabBody { padding: 10px; background: #fdfdfd url(../images/tab_gold_featured_body.gif) repeat-x; width: 530px;} /************************/ /* Gold Tab */ /* Change out images here*/ div.GoldTab div.BoxBorderLeft { background: url(../images/tab_gold_featured_top_lt.gif) no-repeat; } div.GoldTab div.BoxBorderRight { background: url(../images/tab_gold_featured_top_rt.gif) no-repeat 100% 0%; padding: 0px 6px; } div.GoldTab div.BoxCornerBottomLeft { background: url(../images/tab_gold_featured_mid.gif) repeat-x; } /* Static */ div.GoldTab div.BoxBorderTop { background: none; } div.GoldTab div.BoxCornerTopLeft { background: none; } div.GoldTab div.BoxCornerTopRight { background: none; } div.GoldTab div.BoxBorderBottom { background: none; } div.GoldTab div.BoxCornerBottomRight { background: none; } div.GoldTab div.BoxContent { padding: 4px 4px; font-size: 12px; color: #666; font-weight: bold; } /************************/ /* Featured Photo */ /* Change out images here*/ div.GoldPhoto div.BoxBorderTop { background: url(../images/bor_photo_bot.gif) no-repeat 0% 100%; width: 113px; padding-bottom: 7px; } div.GoldPhoto div.BoxBorderBottom { background: transparent url(../images/bor_photo_top.gif) no-repeat 0% 0% ; width: 113px;} /************************/ /* Featured Recipe Link */ a.HomeFeaturedRecipeImage img { border: 0; width: 104px !important; } /* Static */ div.GoldPhoto { display: none; margin-left: 250px; *margin-left: 15px; position: absolute; margin-top: 0px;} body:last-child div.GoldPhoto {margin-left: 250px;} div.GoldPhoto div.BoxContent { padding: 7px 7px 0px 6px; } div.GoldPhoto div.BoxContent img { width: 100px; border: solid 1px #666; } div.GoldPhoto div.BoxBorderLeft { background: none; } div.GoldPhoto div.BoxBorderRight { background: none; } div.GoldPhoto div.BoxCornerBottomLeft { background: none; } div.GoldPhoto div.BoxCornerTopLeft { background: none; } div.GoldPhoto div.BoxCornerTopRight { background: none; } div.GoldPhoto div.BoxCornerBottomRight { background: none; } /* ************************************************************************* */ /* * Recipe Search Form * */ /* ************************************************************************* */ div.HomeContent table.RecipeSearchForm td.rightcol { padding-left: 15px; } div.RecipeSearchPage table.RecipeSearchForm td.label { text-align: left; width: 150px; padding-top: 6px; font-weight: bold; } table.RecipeSearchForm { width: 100%; } table.RecipeSearchForm td { padding: 4px 8px 4px 0px; vertical-align: top; } table.RecipeSearchForm td input { width: 180px; } table.RecipeSearchForm td select { width: 185px; } /* SEE BUTTON SECTION input.btnSearch */ div.RecipeSearchImage { width: 285; height: 132; position: absolute; margin-left: 50px; margin-top: -57px; } div.RecipeSearchContent { } div.RecipeSearchForm { padding: 0px 20px; } /* ************************************************************************* */ /* * Recipe Videos * */ /* ************************************************************************* */ div.RecipeVideoShoppingList { margin-top: 15px; border-top: solid 1px #fad153; } div.RecipeVideoShoppingList h2 + span { color:#cc6633; display:block; font-size:14px; font-weight:bold; margin-bottom:5px; } div.RecipeVideoShoppingList span { display: block; margin-bottom: 5px; } ul.RecipeVideos { margin: 0; padding: 0; } ul.RecipeVideos li { margin-top: 4px; background: none; border-top: solid 1px #fad153; } ul.RecipeVideos li a { color:#cc6633; display: block; font-weight: bold; padding: 4px 0px; } ul.RecipeVideos li { font-size: 10px; } ul.RecipeVideos li.NoBorder { border-top: none; } /* ************************************************************************* */ /* * Home Movie Area * */ /* ************************************************************************* */ div.HomeMovieActionContainer {height: 145px;color:#fff;} div.HomeMovieActionContainer span.MovieTitle{text-align:center;padding-top: 10px;display: block;font-weight: bold;} div.HomeMovieActionContainer div.MovieBar{height: 40px;width:180px;margin-left: 80px;padding-top:10px;} div.HomeMovieActionContainer div.MovieBar div.MovieClip{border:solid 1px #d13d21;width:36px;height:26px;float:left;margin-left: 5px;} div.HomeMovieActionContainer div.MovieBar div.Selected{border:solid 1px #ffcc33;} div.HomeMovieActionContainer div.HomeMovieContent{padding: 15px 5px 0px;} div.HomeMovieActionContainer div.HomeMovieContent a:hover,div.HomeMovieActionContainer div.HomeMovieContent a{color: #fff;text-decoration: underline;} /* ************************************************************************* */ /* * General Movie Area * */ /* ************************************************************************* */ div.MovieActionContainer {height: 48px;color:#fff;} div.MovieActionContainer span.MovieTitle{text-align:center;padding-top: 10px;display: block;font-weight: bold;} /* ************************************************************************* */ /* * Home TheRiceipeClub Area * */ /* ************************************************************************* */ span.HomeTheRiceipeClubLogin { display: block; padding-left: 12px; } span.HomeTheRiceipeClubLogin a { font-weight: bold; } ul.HomeTheRiceipeClubLogin { margin-top: 20px; margin-left: 10px } a.LogoTheRiceipeClubJoin { position: absolute; margin: 35px 0px 0px 140px; } /* ************************************************************************* */ /* Riceipe Club Side Menu */ /* ************************************************************************* */ div.RiceipeClubSideMenu { margin-top: 0px;margin-bottom: 10px; margin-left: 15px; width: 175px; border-left: solid 1px #c0c0db; background-color: #fff; padding: 5px 15px; } div.RiceipeClubSideMenu a { text-decoration: none; font-weight: bold; } div.RiceipeClubSideMenuContainer {border: solid 1px transparent; margin: 4px; background: url(/images/riceipe_club/logo_riceipeclub.gif) no-repeat; } div.RiceipeClubSideMenuContainer a.RiceipeClubHomeLink {display: block; width: 70px; height: 50px; position: absolute; margin-top: 0px; } div.RiceipeClubSideMenuContainer a.RiceipeClubHomeLink img {width: 70px; height: 50px; } p.RiceipeLogout {margin: 0;padding: 0;margin-top: 15px;margin-right: 15px;} p.RiceipeLogout a {background: url(/images/riceipe_club/icon_signout.gif) no-repeat 100% 50%;padding-right: 20px;} div.RiceipeClubSideMenuContainer p.RiceipeLogout {position: absolute;margin: 0;padding-right: 5px;padding-top: 5px;text-align: right;display: block;width: 158px; } div.RiceipeClubSideMenuSuggest {display: none;font-size: 11px;color: #000;padding: 5px;} div.RiceipeClubSideMenuSuggest a {text-decoration: none; } div.RiceipeClubSideMenuSuggest a:hover {text-decoration: underline;} div.RiceipeClubSideMenuItemList {margin-top: 52px;} div.RiceipeClubSideMenuItem {border-bottom: solid 1px #d1a775;background-color: #fdfdfe;height: 22px;padding-left: 10px;padding-top: 3px; } div.RiceipeClubSideMenuItemListFirst {border-top: solid 1px #d1a775 !important;} div.RiceipeClubSideMenuItem {height: 17px;} a.RiceipeClubAddToRecipeBox {background: url(/images/riceipe_club/icon_AddToRecipeBox.gif) no-repeat;padding-left: 20px;} a.RiceipeClubAddToRecipeBoxDisabled {color: #666;cursor: default;background: url(/images/riceipe_club/icon_AddToRecipeBox_disable.gif) no-repeat;padding-left: 20px;} a.RiceipeClubEmailToFriend {background: url(/images/riceipe_club/icon_EmailToFriend.gif) no-repeat;padding-left: 20px;} a.RiceipeClubEmailToFriendDisabled {color: #666;cursor: default;background: url(/images/riceipe_club/icon_EmailToFriendDisabled.gif) no-repeat;padding-left: 20px;} a.RiceipeClubMyNoteDisabled {color: #666;cursor: default;background: url(/images/riceipe_club/icon_EmailToFriendDisabled.gif) no-repeat;padding-left: 20px;} /* Recipe Page */ div.RiceiepeAddComment { position: absolute; margin-left: 20px; border: solid 1px #233383; display: none; width: 300px; background-color: #fff; } html>body div.RiceiepeAddComment { margin-left: 110px; } html>body div.RiceiepeAddComment { margin-left: 110px; } .groceryListContainer div.RiceiepeAddComment { margin-left: -200px !important; } /* Override left position when in Repeater/Table combination on Recipe Results page */ table.RecipeResults div.RiceiepeAddComment { margin-left: -400px; } html>body table.RecipeResults div.RiceiepeAddComment { margin-left: -300px; } div.RiceiepeAddComment div.RiceiepeCommentContainer { margin: 5px; padding: 5px; background: url(../images/riceipe_club/bg_wheat_solid.gif); text-align: center; color: #000; } div.RiceiepeAddComment div.RiceiepeCommentContainer span { color: #039; } div.show { display: block; } div.left { text-align: left; } textarea.RiceiepeCommentForm { width: 270px; height: 75px; } /* comments area */ div.RiceipeCommentsArea { } div.RiceipeCommentsArea div.CommentsAreaContainer { /* margin: 5px; padding: 5px;*/ } div.RiceipeCommentsArea span.CommentsAreaTitle { /* font-family: Times New Roman;*/ font-weight: bold; font-size: 16px; } div.RiceipeCommentsArea div.CommentsAreaViewMore { } div.RiceipeCommentsArea table.CommentSection { /*margin-top: 10px;*/ } div.RiceipeCommentsArea table.CommentSection td { padding: 0px 10px 10px 0px; } div.RiceipeCommentsArea td.CommentUserInfo, div.RiceipeCommentsArea td.CommentUserInfo span { color: #666; font-weight: bold; } div.RiceipeCommentsArea td.CommentUserInfo { padding-top: 10px !important; } div.RiceipeCommentsArea td.CommentContent { color: #000; } /* notes area */ div.RiceiepeAddNote { z-index: 1; position: absolute; border: solid 1px #233383; width: 540px; background-color: #fff; margin-left: -150px; margin-top: -150px; } div.RiceipeClubSideMenuContainer div.RiceiepeAddNote { margin-left: -450px; margin-top: 0px; } div.RiceiepeAddNote div.RiceiepeNoteContainer { margin: 5px; padding: 5px; background: url(../images/riceipe_club/bg_wheat_solid.gif); text-align: center; color: #000; } textarea.RiceiepeNoteForm { width: 510px; height: 75px; margin-bottom: 10px; } /* ************************************************************************* */ /* * Recipe Rating * */ /* ************************************************************************* */ .ratingStar { font-size: 0pt; width: 19px;height: 18px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat;} .readOnlyStar { font-size: 0pt; width: 19px; height: 18px; margin: 0px; padding: 0px; cursor: pointer; display: block; background-repeat: no-repeat;} .myRatingStar { background-image: url(/images/riceipe_club/FilledStar.png); } .emptyRatingStar { background-image: url(/images/riceipe_club/EmptyStar.png); } .avgRatingStar { background-image: url(/images/riceipe_club/SavedStar.png); } .NumReviewer { clear: both; display: inline-block; font-size: 11px; padding: 4px 10px; } /* ************************************************************************* */ /* * Recipe Page Styles * */ /* ************************************************************************* */ div.RecipePage div.NutritionalInfo img { margin-top: 3px; } div.RecipePage div.NutritionalInfo h2 { cursor: pointer; } div.RecipePage div.NutritionalFacts { display: none; } div.RecipePage div.PhotoFrame { border: solid 1px #babcca; border-top: 0; background: url(../images/bor_sky_top.gif) repeat-x; padding: 5px 3px; width: 145px; text-align: center; } div.RecipePage div.PhotoFrame img { width: 141px; } div.RecipePage td.PhotoFrame /* If the PhotoFrame is in a table cell; then force the cell width */ { width: 151px; padding-right: 15px; padding-top: 5px; /* so it lines up with the H1*/ } div.RecipePage td.PhotoFrame a.print { display: block; text-align: center; padding-top: 5px; } div.RecipePage div.RecipeIngredients { width: 550px; } div.RecipePage div.RecipeIngredients h2 { padding-left: 15px; } div.RecipePage table.RecipeIngredients td { padding: 4px 4px 4px 10px; background-color: #f5e5c2; } div.RecipePage table.RecipeIngredients tr.alt td { background-color: transparent; } div.RecipePage table.RecipeIngredients td.Quantity { width: 3%; } div.RecipePage table.RecipeIngredients td.Units { width: 7%; } div.RecipePage div.NutritionalFacts p { width: 150px; height: 21px; float: left; margin: 0; padding: 0; } div.RecipePage div.RecipeFeaturedBrand { width: 185px; background: url(../images/bg_featured_brand_top.gif) no-repeat 100% 0%; } div.RecipePage div.RecipeFeaturedBrand div { } div.RecipePage div.RecipeFeaturedBrand div.RecipeFeaturedBrand { background: url(../images/bg_featured_brand_bot.gif) no-repeat 100% 100%; padding-bottom: 7px; } div.RecipePage div.RecipeFeaturedBrand div.RecipeFeaturedBrand div.RecipeFeaturedBrandContent { padding-top: 10px; padding-left: 15px; } div.RecipePage div.RecipeFeaturedBrand div.RecipeFeaturedBrand div.RecipeFeaturedBrandContent ul li, div.RecipePage div.RecipeFeaturedBrand div.RecipeFeaturedBrand div.RecipeFeaturedBrandContent ul { background: none; padding: 0; margin: 0; } div.RecipePage div.RecipeFeaturedBrand div.RecipeFeaturedBrand div.RecipeFeaturedBrandContent div.RecipeFeaturedBrandItem { padding: 0px 10px; width: 144px; } div.RecipePage div.RecipeFeaturedBrand div.RecipeFeaturedBrand div.RecipeFeaturedBrandContent div.RecipeFeaturedBrandItem a.ProductPhoto, div.RecipePage div.RecipeFeaturedBrand div.RecipeFeaturedBrand div.RecipeFeaturedBrandContent div.RecipeFeaturedBrandItem a.ProductName, div.RecipePage div.RecipeFeaturedBrand div.RecipeFeaturedBrand div.RecipeFeaturedBrandContent div.RecipeFeaturedBrandItem div.ProductSynopsis, div.RecipePage div.RecipeFeaturedBrand div.RecipeFeaturedBrand div.RecipeFeaturedBrandContent div.RecipeFeaturedBrandItem div.ProductDescription { display: block; margin-bottom: 5px; } div.RecipePage div.RecipeFeaturedBrand div.RecipeFeaturedBrand div.RecipeFeaturedBrandContent div.RecipeFeaturedBrandItem a.ProductPhoto { text-align: center; } /*div.RecipePage div.RecipeFeaturedBrand div.RecipeFeaturedBrand div.RecipeFeaturedBrandContent div.RecipeFeaturedBrandPhoto { text-align: center; } div.RecipePage div.RecipeFeaturedBrand div.RecipeFeaturedBrand div.RecipeFeaturedBrandContent div.RecipeFeaturedBrandText { padding: 10px 25px 0px 25px; } div.RecipePage div.RecipeFeaturedBrand div.RecipeFeaturedBrand div.RecipeFeaturedBrandContent div.RecipeFeaturedBrandText a { font-weight: bold; } */ /* ************************************************************************* */ /* * Recipe Search Results * */ div.RecipeSearchResults { margin: 1px 1px 1px 1px; padding-bottom: 10px; } table.RecipeSearchResults th { padding-top: 4px; color: #fff; height: 42px; _height: 38px; #height: 38px; } table.RecipeSearchResults th.RecipeResultsRating { width: 105px; } table.RecipeSearchResults td { border-left: solid 1px #ddd; padding: 0px 3px; line-height: 22px; } table.RecipeSearchResults tr.alt td { background-color: #eaeaea; } table.RecipeSearchResults td table td, table.RecipeSearchResults tr.alt td table td { border: 0; background-color: Transparent; padding: 0px 3px; } table.RecipeSearchResults tr.alt td table td table td { padding: 0; } table.RecipeSearchResults td.number { text-align: center; border-left: 0; } table td.Photo { text-align: center; } table td div.Photo { display: none; border: solid 1px #ddd; padding: 3px; background: #fff url(../images/bor_sky_top.gif) repeat-x; width: 147px; position: absolute; margin-top: -65px; margin-left: -160px; } table td div.Photo img { width: 147px; } /* ************************************************************************* */ /* * Contact Us * */ /* ************************************************************************* */ div.ContactUsForm { padding: 0px 15px; } table.ContactUsForm { width: 100%; } table.ContactUsForm td { padding-right: 8px; padding-bottom: 8px; } table.ContactUsForm td input.shorttextbox { width: 200px; } table.ContactUsForm td select.shorttextbox { width: 205px; } table.ContactUsForm td textarea.smalltextarea { width: 265px; } /* ************************************************************************* */ /* * FAQs / Glossary * */ /* ************************************************************************* */ ul.FAQ { display: block; } ul.FAQ li { background: url(../images/bul_faq.gif) no-repeat 0% 5px; padding: 0; margin: 0; padding-left: 25px; } ul.FAQ li.Last a.Question { border-bottom: 0; } ul.FAQ li a { cursor: pointer; } ul.FAQ li a.Question { display:block; border-bottom: solid 1px #aaa; padding: 4px 0px 7px; } ul.FAQ li a.NoBorder { border-bottom: 0; } ul.FAQ li.hover { background: url(../images/bul_faq_hover.gif) no-repeat 0% 5px; } ul.FAQ li div.Answer { display: none; padding: 10px 0px; } /* ************************************************************************* */ /* * Search Tools * */ /* ************************************************************************* */ div.SearchTools div.BoxContent { padding: 10px 0px; } div.SearchTools div.BoxContent div.SearchSeparator { border:0; margin:0; padding:0; height: 1px; background-color: #ccc; } div.SearchTools div.BoxContent div.SearchForm { padding: 0px 20px 10px; } div.SearchTools div.BoxContent div.SearchForm input.btnSearch { margin-top: 3px; margin-left: 15px; } div.SearchTools div.BoxContent div.SearchLetters { padding: 10px 20px 0px; } div.SearchTools div.BoxContent div.SearchLetters a { font-size: 18px; font-weight: bold; padding-right: 10px; } /* ************************************************************************* */ /* * Orders Forms * */ /* ************************************************************************* */ div.OrdersPage input.longtextbox { width: 300px; } div.OrdersPage select { width: 155px; } div.OrdersPage input.shorttextbox { width: 150px; } div.OrdersPage div.ShoppingList { margin: 0px 1px; } div.OrdersPage table.ShoppingList th { border-bottom: solid 1px #ccc; text-align: left; color: #666; font-size: 14px; padding: 0px 4px 4px; } div.OrdersPage table.ShoppingList tr.ProductSubCategory td { background-color: #f5e5c3; padding: 4px; color: #666; font-weight: bold; } div.OrdersPage table.ShoppingList td.Quantity, div.OrdersPage table.ShoppingList th.Quantity { width: 125px; } div.OrdersPage table.ShoppingList tr.ProductSubItem td input.inttextbox { width: 50px; } div.OrdersPage table.ShoppingList tr.ProductSubItem td { padding: 4px; } /* ************************************************************************* */ /* * Product Page * */ /* ************************************************************************* */ div.ProductDescription { padding-right: 10px; } #ProductTabs div.ProductDescription table td.Icon { padding: 15px; width: 75px; } #ProductTabs h2 { margin-bottom: 4px; margin-top: 20px; } /* #ProductTabs ul { height: 38px; margin: 0; padding: 0; padding: 14px 15px 0px; }*/ #ProductTabs ul { height:29px; margin:0; padding:5px 15px 0px; border-bottom:none; } #ProductTabs ul li { background: url(../images/tab_skyblue_div.gif) no-repeat 100% 50%; list-style: none; float: left; } #ProductTabs ul li.Last { background: none; } #ProductTabs ul li a { background-color:#591e22; } #ProductTabs div#tabCookingDirections,#ProductTabs div#tabOtherCookingMethods,#ProductTabs div#tabNutrionalInfo,#ProductTabs div#tabAllergyKosherInfo { background-color:#FFF; border:solid 1px #cfcfcf; border-top:none; z-index:2; /*background: url(../images/tab_skyblue_div.gif) repeat-x 0 0; background: url(../images/tab_skyblue_div.gif) repeat-y 100 0;*/ } /* ************************** */ /* TABS */ div.TabContent { padding: 5px; color: #666; } .ui-tabs-hide { display: none; } .ui-tabs-nav, .ui-tabs-panel { font-family: Helvetica, Arial, sans-serif, Verdana; font-size: 12px; /*background-color:#FFF;*/ } .ui-tabs-nav { list-style: none; margin: 0; padding: 0; } .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */ display: block; clear: both; content: " "; } .ui-tabs-nav li { float: left; margin: 0; font-weight: bold; list-style-image: none; } .ui-tabs-nav ul li a:active, .ui-tabs-nav ul li a:visited, .ui-tabs-nav ul li a { color: #fff; } .ui-tabs-nav ul li a, .ui-tabs-nav ul li a span { float: left; /* fixes dir=ltr problem and other quirks IE */ padding: 0 12px; #padding: 0 8px; /*color: #a1b2ce;*/ text-decoration: none; } .ui-tabs-nav ul li a span { padding: 6px 7px 7px; font-size: 13px; } .ui-tabs-nav ul li.ui-tabs-selected { padding-left: 10px; background: url(../images/tab_skyblue.gif) no-repeat 0% 0% !important; padding-right: 0px; } .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { background: url(../images/tab_skyblue.gif) no-repeat 100% 0%; } .ui-tabs-nav .ui-tabs-selected a:link span, .ui-tabs-nav .ui-tabs-selected a:visited span, .ui-tabs-nav .ui-tabs-disabled a:link span, .ui-tabs-nav .ui-tabs-disabled a:visited span { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ padding-left: 0px; } .ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited, .ui-tabs-nav .ui-tabs-selected a:link span, .ui-tabs-nav .ui-tabs-selected a:visited span, .ui-tabs-nav .ui-tabs-disabled a:link span, .ui-tabs-nav .ui-tabs-disabled a:visited span { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: default; color: #666; } .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active, .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer; color: #E4BD77; } .ui-tabs-disabled { opacity: .4; filter: alpha(opacity=40); } .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { } .ui-tabs-panel { /*padding: 10px;*/ /*padding:3px 10px;*/ /*background: #fff; declare background color for container to avoid distorted fonts in IE while fading */ } /*.ui-tabs-loading em { padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%; }*/ /* Additional IE specific bug fixes... */ * html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */ display: inline-block; } *:first-child+html .ui-tabs-nav { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */ display: inline-block; } /* ************* */ /* Nutrional Facts */ table.NutritionFacts { border: 2px solid #984658; width: 100%; color: #984658; font-size: 9px; } table.NutritionFacts tr td p { color: #984658; font-size: 9px; } table.NutritionFacts tr td h3 { padding: 0; margin: 0; font-size: 16px; font-weight: bold; } table.NutritionMixesFacts, table.Ingredients { border: 2px solid #984658; width: 100%; color: #984658; font-size: 11px; } table.Ingredients td.IngredientsLeader { vertical-align: top; color: #984658; width: 10%; } table.Ingredients td { padding: 3px; } table.NutritionMixesFacts h3 { display: inline; padding: 0; margin: 0; font-size: 16px; font-weight: bold; } table.Allergies { border-top: 2px solid #984658; border-left: 2px solid #984658; border-right: 1px solid #984658; border-bottom: 1px solid #984658; width: 100%; color: #984658; font-size: 11px; } table.Allergies tr td { padding: 2px 10px; border-bottom: 1px solid #984658; border-right: 1px solid #984658; } table.clsPercentDailyValues { width: 190px; } table.clsPercentDailyValues td { padding: 1px; } table td div.hr { border-top: solid 1px #984658; height: 1px; margin: 1px 0px; font-size: 1px; } table td div.hrm { border-top: solid 4px #984658; height: 4px; margin: 1px 0px; font-size: 1px; } /* *************************************************************************** */ /* ProductKosher */ /* *************************************************************************** */ table.ProductKosher tr th { background: url(/resources/carolina/images/allergies/bg_productallergy_rt.gif) no-repeat 100% 0%; padding: 0px; } table.ProductKosher { width: 545px; background: url(/resources/carolina/images/allergies/bg_productcategory.gif) no-repeat 0% 0%; border-bottom: 1px solid #cfcfcf; } table.ProductKosher tr th { padding: 6px 10px 3px; color: #fff; font-weight: bold; height:28px; /*background-color: #233383;*/ text-align: left; } table.ProductKosher tr td { color: #666; font-weight: bold; /*background: transparent url(/resources/mahatma/images/allergies/bgLines.gif) no-repeat 20px 100%;*/ } table.ProductKosher tr td a { text-decoration: none; font-weight: bold; } table.ProductKosher tr td { border-right: 1px solid #cfcfcf; background-color: #fff; padding: 4px 10px; } table.ProductKosher tr td.label { border-left: 1px solid #cfcfcf; } table.ProductKosher tr td.alt { font-weight: bold; width: 30px; } table.ProductKosher tr.alt td { background-color: #F5E5C3; } table.ProductKosher tr.alt td.alt { } /* *************************************************************************** */ /* Full Allergen define */ /* *************************************************************************** */ div.FullAllergiesPage span.USFDA { display: block; background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -2px 0%; height: 27px; } div.FullAllergiesPage table.allergenTable { } div.FullAllergiesPage table.allergenTable tr.allergenHeader th { /*#243384 url(/resources/mahatma/images/allergies/unt_toproundcorner.gif) no-repeat;*/ color: #fff; height: 103px; background: url(../images/allergies/bg_allergy_heading_top.gif) repeat-x; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span { float: right; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span span { display: none; } div.FullAllergiesPage table.allergenTable tr td.productCategoryTitle { border: none; border-top: 5px solid #fff; background: url(../images/allergies/bg_productcategory.gif) no-repeat 0% 0px; height: 15px; color: #fff; padding: 0px 0px 0px 10px; font-weight: bold; text-align: left; } div.FullAllergiesPage table.allergenTable tr td.productCategoryTitle div.productCategoryTitle { padding: 4px 20px 4px 0px; background: url(../images/allergies/bg_productcategory.gif) no-repeat 100% 0px; } div.FullAllergiesPage table.allergenTable tr td.productCategoryBottom { font-size: 1pt; height: 6px; border: 0; } div.FullAllergiesPage table.allergenTable tr td { border-right: 1px solid #cfcfcf; text-align: center; font-weight: bold; color: #666; } /*div.FullAllergiesPage table.allergenTable td.productDataColumn span { display: block; width: 36px; overflow: hidden; }*/ div.FullAllergiesPage table.allergenTable tr.alt td { background-color: #f5e5c3; } div.FullAllergiesPage table.allergenTable tr.productRows td.productDataColumn { background-color: #d8d8d8; } div.FullAllergiesPage table.allergenTable tr td.label { border-left: 1px solid #cfcfcf; padding: 4px; text-align: left; } div.FullAllergiesPage table.allergenTable tr.productRows { background-color: #ecedf7; } div.FullAllergiesPage table.allergenTable tr.productAlernativeRows { background-color: #d8dbee; } /* Allergen Specific Classes */ div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.Product { background: url(../images/allergies/bg_allergy_heading_left.gif) no-repeat 0px 0px; display: block; height: 103px; /*width: 227px;*/ width: 236px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.GlutenFree { /*background: url(/resources/mahatma/images/allergies/lbl_glutenfree.gif) no-repeat;*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -227px -27px; display: block; width: 36px; height: 103px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.MSGFree { /*background: url(/resources/mahatma/images/allergies/lbl_msgfree.gif) no-repeat;*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -263px -27px; display: block; width: 37px; height: 103px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.AllergenFree { /*background: url(/resources/mahatma/images/allergies/lbl_allergenfree.gif) no-repeat;*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -336px -27px; display: block; width: 36px; height: 103px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.PreservativeFree { /*background: url(/resources/mahatma/images/allergies/lbl_preservativefree.gif) no-repeat;*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -300px -27px; display: block; width: 36px; height: 103px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.Milk { /*background: url(/resources/mahatma/images/allergies/lbl_milk.gif) no-repeat;*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -372px -27px; display: block; width: 36px; height: 103px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.Eggs { /*background: url(/resources/mahatma/images/allergies/lbl_egg.gif) no-repeat;*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -408px -27px; display: block; width: 37px; height: 103px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.Peanuts { /*background: url(/resources/mahatma/images/allergies/lbl_peanuts.gif) no-repeat;*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -445px -27px; display: block; width: 36px; height: 103px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.TreeNuts { /*background: url(/resources/mahatma/images/allergies/lbl_treenuts.gif) no-repeat;*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -481px -27px; display: block; width: 36px; height: 103px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.Soy { /*background: url(/resources/mahatma/images/allergies/lbl_soy.gif) no-repeat;*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -517px -27px; display: block; width: 36px; height: 103px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.Wheat { /*background: url(/resources/mahatma/images/allergies/lbl_wheats.gif) no-repeat;*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -553px -27px; display: block; width: 37px; height: 103px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.Fish { /*background: url(/resources/mahatma/images/allergies/lbl_fish.gif) no-repeat;*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -590px -27px; display: block; width: 36px; height: 103px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.CrustaceanShellfish { /*background: url(/resources/mahatma/images/allergies/lbl_shellfish.gif) no-repeat;*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -626px -27px; display: block; width: 36px; height: 103px; } /*div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.WheatGluten { background: url(/resources/mahatma/images/allergies/lbl_wheatgluten.gif) no-repeat; display: block; width: 34px; height: 91px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.CornGluten { background: url(/resources/mahatma/images/allergies/lbl_corngluten.gif) no-repeat; display: block; width: 35px; height: 91px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.Grains { background: url(/resources/mahatma/images/allergies/lbl_grains.gif) no-repeat; display: block; width: 34px; height: 91px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.MSGMonosodiumGlutamate { background: url(/resources/mahatma/images/allergies/lbl_msg.gif) no-repeat; display: block; width: 34px; height: 91px; }*/ div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.Kosher { /*background: url(/resources/mahatma/images/allergies/lbl_kosher.gif) no-repeat;*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -663px -27px; display: block; width: 35px; height: 103px; } div.FullAllergiesPage table.allergenTable tr.allergenHeader th span.Vacant { /*-698px*/ background: url(../images/allergies/bg_allergy_heading.gif) no-repeat -698px -27px; display: block; width: 38px; height: 103px; } /* *************************************************************************** */ /* Full Nutrition Analysis define */ /* *************************************************************************** */ /* html structure */ div.FullNutritionHeader { padding: 15px 20px; background-color: #fff; width: 600px; } html>body div.FullNutritionHeader { width: 560px; } div.FullNutritionHeader span.HeaderTitle { float: right; text-align: right; font-size: 12px; font-weight: bold; } div.FullNutritionHeader span.HeaderTitle span.LargeText { font-weight: bold; font-size: 18px; } div.FullNutritionFooter { padding: 15px 20px; background-color: #fff; /*width: 670px;*/ width: 600px; } div.FullNutritionFooter img { margin-top: 15px; } html>body div.FullNutritionFooter { width: 560px; } div.FullNutritionFooter span.FooterText { font-size: 10px; display: block; width: 400px; } div.FullNutritionContent { background-color: #fff; width: 600px; } html>body div.FullNutritionContent { padding: 0px 20px; width: 560px; } /* Nutritional Tables */ table.FullNutritionTable { width: 547px; background: #571c1f url(../images/nutritional/bgHeader.gif) no-repeat 0% 0%; } table.FullNutritionTable tr.Header th.First { text-align: center; border-left: 0; } table.FullNutritionTable tr.Header th { color: #fff; height: 87px; padding: 4px; font-size: 11px; font-weight: bold; border-left: none; text-align: center; border-left: solid 1px #fff; } table.FullNutritionTable tr td.label { border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; font-size: 10px; padding: 4px; text-align: left; } table.FullNutritionTable tr td { border-right: 1px solid #cfcfcf; text-align: center; font-size: 11px; font-weight: bold; text-transform: capitalize; background-color: #fff; } table.FullNutritionTable tr td.alt { background-color: #fff; } table.FullNutritionTable tr.alt td { background-color: #eaeaea; } table.FullNutritionTable tr.alt td.alt { background-color: #eaeaea; } table.FullNutritionTable tr.Header th.FullNutritionServings { width: 375px; } table.FullNutritionTable tr td.Bottom { font-size: 1pt; height: 6px; border: 0; } /* ********************************************************* */ /* * The Riceipe Club * */ /* ********************************************************* */ div.RiceipeHeader { border: solid 1px #fff; background: url(../images/riceipe_club/bg_header_wide.gif) no-repeat; width: 740px; height: 84px; margin-bottom: 10px; } p.RiceipeLogout { margin: 0; padding: 0; margin-top: 15px; margin-right: 15px; } p.RiceipeLogout a { background: url(/images/riceipe_club/icon_signout.gif) no-repeat 100% 50%; padding-right: 20px; font-weight: bold; } h1.RiceipeTitle { font-family: Times New Roman; height: 16px; font-weight: bold; } /* Recipe Result Page */ th.RecipeResultsRating { width: 100px; } /* Table View */ table.RiceipeTable { margin-top: 7px; } table.RiceipeTable p { margin: 0; } table.RiceipeTable th { /*font-family: Times New Roman; background-color: #233383;*/ color: #fff; font-weight: bold; font-size: 12px; padding: 4px; /*border-right: solid 2px #fff;*/ height: 34px; } table.RiceipeTable th a { color: #fff; } table.RiceipeTable tr td { padding: 4px; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; } table.RiceipeTableRecipeArea { width: 100%; } table.RiceipeTableRecipeArea td { padding: 0 !important; border: 0 !important; } table.RiceipeTableRecipeArea td a { padding: 0 !important; } th.ingredient { width: 85px; } th.rating { width: 100px; } td.icon { width: 16px; } td.icon span { display: block; height: 15px; width: 15px; } div.AJAXloading { position: absolute; margin-top: -15px; margin-left: 15px; } /* Recipe Page */ div.RiceiepeAddComment { position: absolute; margin-left: 20px; border: solid 1px #233383; display: none; width: 300px; background-color: #fff; } html>body div.RiceiepeAddComment { margin-left: 110px; } html>body div.RiceiepeAddComment { margin-left: 110px; } /* Override left position when in Repeater/Table combination on Recipe Results page */ table.RecipeResults div.RiceiepeAddComment { margin-left: -400px; } html>body table.RecipeResults div.RiceiepeAddComment { margin-left: -300px; } div.RiceiepeAddComment div.RiceiepeCommentContainer { margin: 5px; padding: 5px; background: url(../images/riceipe_club/bg_wheat_solid.gif); text-align: center; color: #000; } div.RiceiepeAddComment div.RiceiepeCommentContainer span { color: #039; } div.show { display: block; } div.left { text-align: left; } textarea.RiceiepeCommentForm { width: 270px; height: 75px; } /* comments area */ /* div.RiceipeCommentsArea { border: solid 1px #233383; background-color: #fff; } div.RiceipeCommentsArea div.CommentsAreaContainer { margin: 5px; padding: 5px; background: url(../images/riceipe_club/bg_wheat_grad.gif) repeat-x; } */ span.CommentsAreaTitle { /*font-family: Times New Roman;*/ font-weight: bold; font-size: 16px; } div.CommentsAreaViewMore { } table.CommentSection { /*margin-top: 10px;*/ } table.CommentSection td { padding: 0px 10px 10px 0px !important; } td.CommentUserInfo, td.CommentUserInfo span { color: #666; font-weight: bold; } td.CommentContent { color: #000; } /* notes area */ div.RiceiepeAddNote { z-index: 1; position: absolute; border: solid 1px #233383; width: 540px; background-color: #fff; margin-left: -150px; margin-top: -150px; } div.RiceipeClubSideMenuContainer div.RiceiepeAddNote { margin-left: -450px; margin-top: 0px; } div.RiceiepeAddNote div.RiceiepeNoteContainer { margin: 5px; padding: 5px; background: url(../images/riceipe_club/bg_wheat_solid.gif); text-align: center; color: #000; } textarea.RiceiepeNoteForm { width: 510px; height: 75px; margin-bottom: 10px; } /* Recipe Search results page */ div.loginRiceipeClubRecipeResult { position: absolute; border: solid 1px #666; padding: 15px; background-color: #fff; /*visibility: hidden;*/ display: none; width: 125px; text-align: center; } div.loginRiceipeClubRating { cursor: pointer; } /* Riceipe Club Welcome */ div.RiceipeClubBar { border-top: solid 1px #CC6633; height: 1px; margin: 5px 0px; } div.RiceipeClubWelcome { width: 740px; height: 247px; background: url(../images/riceipe_club/bgRecipeBox.jpg) no-repeat; margin-bottom: 25px; } div.RiceipeClubWelcomeMenu p a, div.RiceipeClubWelcome a { text-decoration: none; } div.RiceipeClubWelcomeMenu p a:hover, div.RiceipeClubWelcome a:hover { text-decoration: underline; } div.RiceipeClubWelcomeContent { margin: 30px 0px 0px 45px; width: 275px; position: absolute; } div.RiceipeClubWelcomeContent a { font-weight: normal; } div.RiceipeClubWelcomeMenu { width: 328px; height: 156px; border: solid 1px #233383; position: absolute; margin-left: 23px; margin-top: 103px; background:#FFF url(../images/riceipe_club/bgWelcomeGrad.gif) repeat-x; } div.RiceipeClubWelcomeMenuArea { margin: 20px; } div.RiceipeClubWelcomeMenuArea p { margin: 0; padding: 0; } div.RiceipeClubWelcomeMenuArea p a { font-size: 16px; font-weight: bold; } /* Riceipe Club Profile */ table.RiceipeClubFormProfile { background: url(/images/riceipe_club/bgProductTableGrad.gif) repeat-x 0% 118px; width: 100%; } table.RiceipeClubFormProfile td { padding: 2px; } table.RiceipeClubFormProfile td.RiceipeClubFormShade { padding: 10px 20px; border-bottom: solid 1px #d2d2d2; } /* Riceipe Club Side Menu */ /*div.RiceipeClubSideMenu { margin-top: 10px; margin-left: 15px; width: 175px; border: solid 1px #233383; background-color: #fff; } div.RiceipeClubSideMenu a { text-decoration: none; font-weight: bold; } div.RiceipeClubSideMenuContainer { border: solid 1px transparent; margin: 4px; background: url(../images/riceipe_club/logo_sidemenu.jpg) no-repeat; } div.RiceipeClubSideMenuContainer a.RiceipeClubHomeLink { display: block; width: 120px; height: 50px; position: absolute; margin-top: 20px; } div.RiceipeClubSideMenuContainer a.RiceipeClubHomeLink img { width: 120px; height: 50px; } div.RiceipeClubSideMenuContainer p.RiceipeLogout { position: absolute; margin: 0; padding-right: 5px; padding-top: 5px; text-align: right; display: block; width: 158px; } div.RiceipeClubSideMenuSuggest { display: none; font-size: 11px; color: #000; padding: 5px; } div.RiceipeClubSideMenuSuggest a { text-decoration: none; } div.RiceipeClubSideMenuSuggest a:hover { text-decoration: underline; } div.RiceipeClubSideMenuItemList { margin-top: 96px; } div.RiceipeClubSideMenuItem { border-top: solid 1px #233383; border-bottom: solid 1px #fff; background-color: #d8dbee; height: 22px; padding-left: 10px; padding-top: 3px; } div.RiceipeClubSideMenuItem { height: 17px; } a.RiceipeClubAddToRecipeBox { background: url(/images/riceipe_club/icon_AddToRecipeBox.gif) no-repeat; padding-left: 20px; } a.RiceipeClubAddToRecipeBoxDisabled { color: #666; cursor: default; background: url(/images/riceipe_club/icon_AddToRecipeBox_disable.gif) no-repeat; padding-left: 20px; } a.RiceipeClubEmailToFriend { background: url(/images/riceipe_club/icon_EmailToFriend.gif) no-repeat; padding-left: 20px; } a.RiceipeClubEmailToFriendDisabled { color: #666; cursor: default; background: url(/images/riceipe_club/icon_EmailToFriendDisabled.gif) no-repeat; padding-left: 20px; } a.RiceipeClubMyNoteDisabled { color: #666; cursor: default; background: url(/images/riceipe_club/icon_EmailToFriendDisabled.gif) no-repeat; padding-left: 20px; } */ /* Grocery List */ table.GroceryList { width: 100%; } table.GroceryList tr.GroceryListTab td { border: 0; padding-top: 0; } table.GroceryList tr.Buttons td { border: 0; padding-top: 0; } table.GroceryList tr.NoBorder td { border: 0; } table.GroceryList th, table.GroceryList td, table.GroceryList td.icon { /*border-top: solid 1px #d2d2d2;*/ padding: 5px; } table.GroceryList td { border-top: solid 1px #ccc; } table.GroceryList td a { font-weight: bold; } table.GroceryList td.checkbox { text-align: center; } table.GroceryList td.Rating { width: 100px; } /**/ /* Suggest a Recipe */ table.SuggestRecipe td { padding-bottom: 4px; padding-right: 4px; } table.SuggestRecipe textarea, table.SuggestRecipe input.textbox { width: 300px !important; } table.SuggestRecipe select { width: 305px !important; } table.SuggestRecipe table.SuggestRecipeIngredients input.shorttextbox { width: 75px !important; } table.SuggestRecipe table.SuggestRecipeIngredients select.shortselect { width: 80px !important; } /* *********************************************************** */ /* * The Riceipe Club - Sign up forms * */ /* *********************************************************** */ div.TheRiceipeClubPage table.LoginForm td { padding-bottom: 4px; padding-right: 4px; } div.TheRiceipeClubPage table.LoginForm td input.textbox { width: 150px; } div.TheRiceipeClubPage table.SurveyForm { width: 100%; } div.TheRiceipeClubPage table.SurveyForm td.LeftColumn { width: 100px; } div.TheRiceipeClubPage table.SurveyForm td input.textbox { width: 200px; } div.TheRiceipeClubPage table.SurveyForm td select { width: 205px; } div.TheRiceipeClubPage table.SurveyForm td.RightColumn { width: 155px; } div.TheRiceipeClubPage table.SurveyForm td.RightColumn select { width: 155px; } div.RiceipeClubLoginBox { min-height: 299px; _min-height: 363px; #min-height: 363px; } div.subPageContentFrameRC { margin-top: 10px; margin-bottom: 10px; margin-left: 10px; /*width:720px;*/ width: 645px; border: 1px solid #333399; /*padding: 8px;*/ min-height: 300px; padding: 10px 30px; } div.TheRiceipeClubPageSignup div.subPageContentFrameRC { border: 0; } div.subPageContentFrameRC span.LargeGrey { font-size: 16px; color: #a9a9a9; font-weight: bold; } div.subPageContentFrameRC span.LargeRed { font-size: 16px; color: #C51E28; font-weight: bold; } div.subPageContentFrameRC table.SignupForm div.GreyBox { padding: 5px 10px; background-color: #E5E8EF; line-height: 30px; } div.subPageContentFrameRC table.SignupForm div.GreyBox label { color: #828282; font-weight: bold; padding-left: 10px; } /* THREE Steps Images */ div.RiceipeSteps { margin-top: 15px; } div.RiceipeSteps div { height: 30px; } div.ThreeStepsNone { background: url(../images/riceipe_club/riceipe_threesteps.gif) no-repeat 50% 0%; } div.ThreeStepsOne { background: url(../images/riceipe_club/riceipe_threesteps.gif) no-repeat 50% -30px; } div.ThreeStepsTwo { background: url(../images/riceipe_club/riceipe_threesteps.gif) no-repeat 50% -60px; } div.ThreeStepsThree { background: url(../images/riceipe_club/riceipe_threesteps.gif) no-repeat 50% 0%; } /* FOUR Steps Images */ div.FourStepsNone { background: url(../images/riceipe_club/riceipe_foursteps.gif) no-repeat 50% 0%; } div.FourStepsOne { background: url(../images/riceipe_club/riceipe_foursteps.gif) no-repeat 50% -30px; } div.FourStepsTwo { background: url(../images/riceipe_club/riceipe_foursteps.gif) no-repeat 50% -60px; } div.FourStepsThree { background: url(../images/riceipe_club/riceipe_foursteps.gif) no-repeat 50% -90px; } /* Products Area */ div.ProductsBox { margin: 3px; } .Alt { background-color: #eaeaea; } table.ProductItemList { width: 100%; } div.ProductLists { margin: 10px; } table.ProductItemList td { width: 33%; } table.ProductItemList td label { float:left; } table.ProductItemList td input { float:left; } .RiceipeClubLogo { position: absolute; margin-left: 600px; margin-top: -10px; } /* *************************************************************************** */ /* Features */ /* *************************************************************************** */ /* White Content - Blue Grad */ div.clsWhite_Content { width: 187px; background: none; margin-left: 10px; } div.clsWhite_Content a { font-weight: bold; } div.clsWhite_Content div.FeatureArea { background: none; padding-top: 15px; padding-left: 5px; padding-right: 5px; padding-bottom: 4px; } /* Blue Content - Blue Grad */ div.clsBlue_Content { width: 187px; background: url(../images/features/Blue_Content.gif) no-repeat; margin-left: 10px; } div.clsBlue_Content a { font-weight: bold; } div.clsBlue_Content div.FeatureArea { background: url(../images/features/Blue_Content_Bot.gif) no-repeat 0% 100%; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 7px; } /* Blue Solid Content - Blue Grad */ div.clsBlueSolid_Content { width: 187px; background: url(../images/features/BlueSolid_Content.gif) no-repeat; margin-left: 10px; color: #fff; } div.clsBlueSolid_Content a { font-weight: bold; } div.clsBlueSolid_Content div.FeatureArea { background: url(../images/features/BlueSolid_Content_Bot.gif) no-repeat 0% 100%; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 7px; } /* Blue Box Content - Blue Grad */ div.clsBlueBox_Content { width: 183px; border: solid 2px #0b2fbc; margin-left: 10px; background-color: #fffdfd; } div.clsBlueBox_Content a { font-weight: bold; } div.clsBlueBox_Content div.FeatureArea { background: url(../images/features/Blue_Content.gif) repeat-x 0% 0%; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 7px; } /* Tan Content - Gold Grad */ div.clsTan_Content { width: 187px; background: url(../images/features/Tan_Content.gif) no-repeat; margin-left: 10px; } div.clsTan_Content a { font-weight: bold; } div.clsTan_Content div.FeatureArea { background: url(../images/features/Tan_Content_Bot.gif) no-repeat 0% 100%; padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 7px; } /* ************************************************************************* */ /* * Search Form and Search Results * */ /* ************************************************************************* */ ul.SearchResults, ul.GeneralSearchResults { display: block; } ul.SearchResults li, ul.GeneralSearchResults li { background: none; padding: 0; margin: 0; padding-left: 0px; border-bottom: solid 1px #aaa; } ul.SearchResults li a, ul.GeneralSearchResults li a { font-weight: bold; cursor: pointer; display:block; padding: 0px 0px 4px; margin: 0; } ul.SearchResults li div { padding: 5px 10px 10px; } div.SearchResultsPage table.Summary td { padding-right: 8px; padding-bottom: 8px; color: #cc6633; font-weight: bold; } div.SearchResultsPage table.Summary td a { font-weight: bold; } /* ************************************************************************ * */ /* * FEATURE Styles * */ /* ************************************************************************ * */ .right_cream_top ul li { list-style-image: url(/resources/carolina/features/bullet_orange.gif); } .right_orange_gradient_top ul li { list-style-image: url(/resources/carolina/features/bullet_yellow.gif); } /* ************************************************************************* */ /* * Common Page styles and buttons * */ /* ************************************************************************* */ a.mainButtonGrad, a.mainButtonGrad:active, a.mainButtonGrad:visited { color: #fff; border: solid 1px #a5acb2; padding: 4px 10px; background: url(../images/buttons/bg_button_grad.gif) repeat-x; margin-right: 10px; } a.mainButtonGrad:hover { color: #a5acb2; } .CommonPage h3 { margin: 0; } .CommonPage h3 a, .CommonPage h3 a:visited, .CommonPage h3 a:active { font-size: 14px; } .CommonPage hr { color: #a5acb2; }