.mainContainer { width:100%; height:100%; } .midGreen { background-color:#7e8565; padding: 5px 5px 5px 5px; } .welcome { background-color:#959e77; color:White; height:100%; width:200px; padding-left:10px; } .darkGreenWhite { background-color:#5F644C; padding: 5px 5px 5px 5px; color:#FFFFFF } .darkGreen { background-color:#5F644C; padding: 5px 5px 5px 5px; } td.midGreenSpacer { width:10px; color:#7e8565; background-color:#7e8565; } .featureBox { margin:0 0 0 0; background-color:#e8ecde; padding:10px 10px 10px 10px; } .featureBoxPaddingTopLeft { margin:0 0 0 0; background-color:#e8ecde; padding:10px 0px 0px 10px; } .foodServiceFactBox { margin:0 0 0 0; background-color:#DCE1CC; padding:10px 10px 10px 10px; } .foodServiceFactBoxNoPadding { margin:0 0 0 0; background-color:#DCE1CC; } .lightGreen { background-color:#959e77; } .:hover { text-decoration: underline; } .articleheader { font-family: Arial,Verdana; font-size: 16px; font-weight: bold; color: #669966; } body { font-family: Arial,Verdana; #font-family: Tahoma,Verdana; font-size: 8px; font-weight: normal; color: #000000; padding:0 0 0 0; margin:0 0 0 0; } .body { font-family: Arial,Verdana; font-size: 11px; font-weight: normal; color: #000000; } .articlesubhead { font-family: Arial,Verdana; font-size: 13px; font-weight: bold; color: #003366; } .donotuse { font-family: Arial,Verdana; font-size: 10px; color: #000000; font-weight: normal; } .bodybold { font-family: Arial,Verdana; font-size: 11px; font-weight: bold; color: #000000; } .bodyitalic { font-family: Arial,Verdana; font-size: 11px; font-weight: normal; color: #000000; font-style: italic; } .bodybolditalic { font-family: Arial,Verdana; font-size: 11px; font-weight: bold; color: #000000; font-style: italic; } .smallbody { font-family: Arial,Verdana; font-size: 9px; font-weight: normal; color: #000000; text-decoration: none; } .smallbodyitalic { font-family: Arial,Verdana; font-size: 9px; font-weight: normal; color: #000000; font-style: italic; } .smallbodybolditalic { font-family: Arial,Verdana; font-size: 9px; font-weight: bold; color: #000000; font-style: italic; } .redbody { font-family: Arial,Verdana; font-size: 11px; font-weight: normal; color: #cc0000; } .redbodylinks { font-family: Arial,Verdana; font-size: 11px; color: #cc0000; border-style: none; text-decoration: underline; } .bluebody { font-family: Arial,Verdana; font-size: 11px; font-weight: normal; color: #336699; } .bluebodycap { font-family: Arial,Verdana; font-size: 9px; font-weight: normal; color: #336699; } .bodylinks { font-family: Arial,Verdana; font-size: 10px; font-weight: bold; color: #336633; text-decoration: none; border-style: none; } .bodylinksL { font-family: Arial,Verdana; font-size: 11px; line-height:15px; font-weight: bold; color: #336633; text-decoration: none; border-style: none; } .bluebodybold { font-family: Arial,Verdana; font-size: 11px; font-weight: bold; color: #336699; text-decoration: none; } .bluebodyboldpadded { font-family: Arial,Verdana; font-size: 11px; font-weight: bold; color: #336699; text-decoration: none; padding: 10px 0px 10px 10px; width:100%; text-align:left; } .whitebody { #font-family: Arial,Verdana; font-family: Tahoma, Verdana, Arial; font-size: 10px; line-height: 12px; font-weight: normal; color: #FFFFFF; } .whitebodybold { #font-family: Verdana, Arial; font-family: Tahoma, Verdana, Arial; font-size: 11px; line-height: 13px; font-weight: bold; color: #FFFFFF; text-decoration: none; border-style: none; } .whiteheader { #font-family: Arial,Verdana; font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; border-style: none; } .leftbarlinks { #font-family: Verdana, Arial; font-family: Tahoma,Verdana, Arial; font-size: 10px; line-height: 12px; #font-weight: bold; color: B1D19B; text-decoration: none; } .leftbarlinksWhite { #font-family: Verdana, Arial; font-family: Tahoma,Verdana, Arial; font-size: 10px; line-height: 12px; #font-weight: bold; color: #FFFFFF; text-decoration: none; } .imageLink { border-style: none; text-decoration: none; border-width: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; } .imageLinkPadded { border-style: none; text-decoration: none; border-width: 0px; padding-bottom:20px; } .bgNoRepeat{ background-repeat: no-repeat; background-position: 0% 0%; background-align: top; } .marginZero{ margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; } .leftIndent{ margin-left: 10px; } .cellIndent{ margin-left: 10px; margin-top: 5px; margin-bottom: 5px; margin-right: 5px; } .selectionBox150{ color: black; font-family: Verdana, Arial, Helvetica; font-size: 11px; width: 150; } .recipeBorder{ border-bottom-width: 1px; border-bottom-style: solid; border-color: black; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 5px; } .bottomBorder{ border-bottom-width: 1px; border-bottom-style: solid; border-color: black; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 5px; width:557px; padding-bottom:5px; } .bottomBordersmall{ border-bottom-width: 1px; border-bottom-style: solid; border-color: black; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; margin-top: 5px; width:557px; } .error{ color: red; font-family: Verdana, Arial, Helvetica; font-size: 13px; line-height: 15px; margin-top:10px; } .error2{ color: red; font-family: Verdana, Arial, Helvetica; font-size: 11px; text-indent: 15px; line-height: 12px; } .errorhead{ color: red; font-family: Verdana, Arial, Helvetica; font-size: 13px; } .inputBox { color: black; font-family: Verdana, Arial, Helvetica; font-size: 11px; line-height: 13px; } .titleHeader { font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; border-style: none; } .titleHeaderMidGreen { font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; border-style: none; background-color:#7e8565; } .titleHeaderDarkGreen { font-family: Verdana, Arial; font-size: 11px; font-weight: bold; color: #FFFFFF; text-decoration: none; border-style: none; background-color:#5f644c; } .redH{ color: red; font-family: Verdana, Arial, Helvetica; font-size: 10px; line-height: 10px; } .selectionBox{ color: black; font-family: Verdana, Arial, Helvetica; font-size: 11px; line-height: 13px; } .selectionBox150{ color: black; font-family: Verdana, Arial, Helvetica; font-size: 11px; width: 150; } .selectionBox200{ color: black; font-family: Verdana, Arial, Helvetica; font-size: 11px; width: 200; } .selectionBox100{ color: black; font-family: Verdana, Arial, Helvetica; font-size: 11px; width: 100 } DIV.bodyDiv_EN { background-image:url(http://www.kraftfoodservice.ca/images/en/global/gb_background_en.gif); background-position: 0 0; background-repeat:no-repeat; margin: 0 0 0 0; /*#border:0px solid white;*/ display:inline-block; } DIV.bodyDiv_FR { background-image:url(/images/fr/global/gb_background_fr.gif); background-position: 0 0; background-repeat:no-repeat; margin: 0 0 0 0; /*#border:1px solid white;*/ display:inline-block; } /*PrimaryNav Styles*/ DIV#primaryNavPopupDiv { position: absolute; display:inline; z-index: 100; top: 106; left: 219; height: 26px; width: 577px; /*width:576px;*/ padding-left:20px; padding-top:8px; background:#ffffff; text-align:left; } /*END PrimaryNav Styles*/ /*HeaderLinks Styles*/ DIV#headerLinks { position:absolute; z-index:50; left:18px; top:5px; width:777px; text-align:right; padding: 0px 0px 0px 0px; font-family: Arial,Verdana; font-size: 11px; line-height:15px; font-weight: bold; color: #336633; text-decoration: none; border-style: none; } /*END HeaderLinks Styles*/ /*LanguageNavigation Styles*/ .languageNav {} .languageNavLink {} .languageNavLink A {} .languageNavLink A:hover {} /*END LanguageNavigation Styles*/ /*Content Table Styles*/ TABLE#mainContentTable { margin:-3px 0px 0px 18px; width:777px; padding:0px 0px 0px 0px; } /* Kraft Logo Styles */ .kraftHomeLinkLogo { margin:1px 0px 0px 30px; } /*END Content Table Styles*/ .recipeSearchDropdown { width:160px; } /************* Article.CSS *******************/ .articleheaderXML { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #669966; } .bodyXML{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; } .articlesubheadXML { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #003366; } .donotuseXML { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; font-weight: normal; } .bodyboldXML { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; } .bodyitalicXML { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; font-style: italic; } .bodybolditalicXML { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #000000; font-style: italic; } .smallbodyXML { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #000000; } .smallbodyitalicXML { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: normal; color: #000000; font-style: italic; } .smallbodybolditalicXML { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #000000; font-style: italic; } .redbodyXML { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #cc0000; } .bluebodyXML { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #336699; } .bodylinksXML { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #336633; text-decoration: underline; } .bluebodyboldXML { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #336699; } .whitebodyXML { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #FFFFFF; } .whitebodyboldXML { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; } .whiteheaderXML { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #FFFFFF; } .leftbarlinksXML { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: B1D19B; text-decoration: none; } li.bullet { color: #003366; list-style-type: square; } .hilite { background-color: #fdead9; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; } .hilite2 { background-color: #ced7e8; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; } /******************** Culinary CSS ************************/ .td-header { padding: 4px 4px 4px 4px; margin: 12px 0px 0px 0px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; color: #996600; background-color: #fbdabb; border-color: #e7761a; } .checkBoxText { font-weight: normal; font-size: 11px; color: #000000; font-family: Arial, Helvetica, sans-serif; } .checkBoxText TD { vertical-align:baseline; } .ulStyle { font-family: Arial,Verdana; font-size: 11px; font-weight: normal; color: #336699; } /* Styles for the ingredients display on recipe display pages */ TABLE.recipeIngredientsTable { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 100%; PADDING-TOP: 0px; font-size:8pt; } .recipeIngredientsTitle { FONT-WEIGHT: bold; TEXT-ALIGN: left; position:relative; top:5px;} TD.recipeIngredientsLabel {} TR.recipeIngredientsSeparator { HEIGHT: 1px; BACKGROUND-COLOR: black } TD.recipeIngredientName { WIDTH: 50%; TEXT-ALIGN: right;} TD.recipeIngredientName I {font-style:normal; text-decoration:none; font-weight:normal; text-transform:uppercase;} TD.recipeIngredientWeight { } TD.recipeIngredientMeasure {width:25%; } TD.recipeIngredientItemSeparator { WIDTH: 8px } /*RecipeBox and SolutionBox Styles*/ DIV.recipeBoxRecipeName A { FONT: 13px arial; COLOR: #1122aa; TEXT-DECORATION: none } DIV.recipeBoxRecipeName A:hover { TEXT-DECORATION: underline } .recipeBoxDeleteLink { FONT: 13px arial; COLOR: #dd0000; TEXT-DECORATION: underline } .recipeBoxTitle { CLEAR: both; FONT: 14pt Arial; WIDTH: 100%; COLOR: #22aa33;} /* BUTTON STYLES */ .btn { border-right: #CC9102 thin solid; border-top: #FBEBC5 thin solid; font-size: 7pt; border-left: #C57B45 thin solid; color: #FFFFFF; cursor: HAND; border-bottom: #764A2B thin solid; font-family: Verdana; background-color: #F47B21; border-width: 1px 1px 1px 1px; border-color: #CC9102 #FBEBC5 #C57B45 #764A2B; } .cdark /* DARK STYLES */ { /*background-color: #3366CC;*/ /*background-color: #CC0033;*/ /*background-color: #39A039;*/ /*background-color: #CC99FF;*/ /*background-color: #E6CFFD;*/ /*background-color: #CFA0FE;*/ /*background-color: #66CC33;*/ /*background-color: #0033CC;*/ /*background-color: #67A58F;*/ /*background-color: #FF6D00;*/ /*background-color: #3A3A3A;*/ /*background-color: #A03A00;*/ /*background-color: #3A6ED1;*/ /*background-color: #639CCE;*/ /*background-color: #63A58C;*/ background-color: #F47B21; } .clight /* LIGHT COLORS STYLES for recipe search area */ { /*background-color: #6699FF;*/ /*background-color: #FF6699;*/ /*background-color: #6DD06D;*/ /*background-color: #CCFFCC;*/ /*background-color: #D0FECF;*/ /*background-color: #CCFF99;*/ /*background-color: #99ADEB;*/ /*background-color: #94E479;*/ /*background-color: #FFB500;*/ /*background-color: #FF6D00;*/ /*background-color: #D06E39;*/ /*background-color: #3ACFFF;*/ /*background-color: #84C6FF;*/ /*background-color: #CFE6C9;*/ /*background-color: #94E773;*/ background-color: #FFB500; } .clighter /* LIGHTER COLOR UNDER PUSH ASSETS STYLES */ { /*background-color: #c2d6ff;*/ /*background-color: #FFD9E5;*/ /*background-color: #6DD06D;*/ /*background-color: #CCFF99;*/ /*background-color: #CC0000;*/ background-color: #FFFFFF; } .clighter_areas /* MESSAGE BOARD OR DAILY DISH BACKGROUND STYLES */ { /*background-color: #cccccc;*/ /*background-color: #FFD9E5;*/ /*background-color: #cccccc;*/ /*background-color: #FFCCFF;*/ /*background-color: #FFCC99;*/ /*background-color: #CC0000;*/ /*background-color: #BFF189;*/ /*background-color: #FFE68C;*/ /*background-color: #FFD06D;*/ /*background-color: #FFD0A0;*/ /*background-color: #E2FFFE;*/ /*background-color: #D6D6D6;*/ background-color: #FFE68C; } .cfoot /* FOOTER STYLES */ { background-color: #cccccc; } .clines /* LINE STYLES */ { background-color: #cccccc; /*background-color: #CC0033;*/ } .line /* LINE SEPARATER STYLES */ { background-color: #99ADEB; } /* NAV TEXT */ .textlg { FONT-SIZE: 13pt; COLOR: #996D03; FONT-FAMILY: Verdana; } .textLink { FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLink { FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLink:link { FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLink:visited { FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.textLink:active { FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } .textLinkBold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkBold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkBold:link { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkBold:visited { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkBold:active { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } /* RECIPE NAV LINK - SELECTED AND NON */ .textLinkLight { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLight { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLight:link { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLight:visited { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLight:active { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } .textLinkLightBold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLightBold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLightBold:link { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLightBold:visited { FONT-WEIGHT: bold; FONT-SIZE: 8pt; /*COLOR: #efefef;*/ COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLightBold:active { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } /* LEFT AREA TEXT - RECIPE SEARCH KEYWORD "ENTER KEYWORD..." */ A.text { FONT-SIZE: 7pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } A.text:link { FONT-SIZE: 7pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } A.text:visited { FONT-SIZE: 7pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } A.text:active { FONT-SIZE: 7pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } /* magazine offer text - PROMO ITEM TEXT */ .textMd { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } /* MESSAGE BOARD TITLES AND LINKS */ .ddlink { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #D5A700; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.ddlink { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #D5A700; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.ddlink:link { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #D5A700; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.ddlink:visited { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #D5A700; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.ddlink:active { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #D5A700; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } .ddtitle { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #B68F01; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } /* recipe box styles */ /* Recipe Box Styles */ .RecipeBoxControlTitle { font-size:xx-large; color:Lime; } .RecipeBoxRecipeTitleLink { font-size:12pt; font-weight:bold; color:#5c9239; } .RecipeBoxBody { font-family:arial; font-size:10pt; width:100%; } table#mainControlBody A, table#mainControlBody A:visited { color:#5c9239; } table#mainControlBody A:hover { color:#009900; } table#mainControlBody A.light { color:White; } table#mainControlBody A.light:visited { color:white; } table#mainControlBody A.light:hover { color:Silver; } .RecipeBoxRecipe_table { border: solid 1px #5c9239; } .RecipeBoxRecipeImage_td { border-right: #6fb940 1px solid; background-color: #cae5b9; border-bottom:#6fb940 1px dashed; } .RecipeBoxRecipeOptions_tr { border-top: #6fb940 2px; border-style:dashed; background-color: #deefd3; color:#6fff40; padding-bottom:5px; padding-top:5px; padding-left:10px; padding-right:10px; } .RecipeBoxRecipeDetails_td { padding-right: 5px; padding-left: 5px; padding-bottom: 10px; border-bottom:#6fb940 1px dashed; color: black; padding-top: 10px; background-color: white; } .RecipeBoxCategoryHeader_td { background-color:#6fb940; padding:5px; color:White; border: 1px #5c9239 solid; font-size:10pt; height:25px; } .RecipeBoxNavButtons_td { border-bottom: solid 2px #5c9239; border-top: solid 2px #5c9239; border-left:none; border-right: solid 2px #5c9239; } .RecipeBoxNavSearch_td { border-bottom: solid 2px #5c9239; border-top: solid 2px #5c9239; border-right:none; background-image:url(/images/recipebox/searchBackground.gif); background-repeat:no-repeat; } .RecipeBoxShoppingListRegion_td { border-right: #5c9239 1px solid; border-top: #5c9239 1px solid; border-left: #5c9239 1px solid; border-bottom: #5c9239 1px solid; background-color: #deefd3; padding:10px; } .RecipeBoxShoppingListTitle_tbl { background-color:#6fb940; color:#ffffff; } .RecipeBoxShoppingListTitle_td { font-size:8pt; height:25px; padding-left:10px; padding-right:10px; } .RecipeBoxShoppintListPrintTitle_td { color:black; font-size:12pt; } .RecipeBoxShoppingListAisleHeading_td { font-size: 10pt; color: #5c9239; } .RecipeBoxShoppingListHeading_td { font-size:10pt; color:Black; } .RecipeBoxRecipeCardSectionHeading_td { font-size:10pt; font-weight:bold; color:Black; } .RecipeBoxRecipeCardSection_td { font-size:8pt; color:Black; } .RecipeBoxRecipeCardTitle_td { font-size:12pt; font-weight:bold; color:#333333; } .RecipeBoxAdditionalControl_td { background-color:#DEEFD3; } .RecipeBoxAdditionalControlContainer_td { background-color:#DEEFD3; padding:10px; } RecipeBoxAdditionalControl_tbl { padding:5px; border:none; } .RecipeBoxListSeparator_tr { background-color:#ffffff; height:2px; } .RecipeBoxSubNav_td { background-color:#6fb940; padding-top:5px; padding-left:5px; padding-bottom:5px; color:White; border:none; } .RecipeBoxCardSectionHeading { FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #6f9b40 } .RecipeBoxCardSection_td { padding-right:10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } .RecipeBoxCard_tbl { BORDER-RIGHT: gray thin solid; BORDER-TOP: gray thin solid; BORDER-LEFT: gray thin solid; BORDER-BOTTOM: gray thin solid; MARGIN: 10px; HEIGHT: 5in; WIDTH: 7in; } .RecipeBoxCardNutrition_td { BORDER-RIGHT: gray thin solid; PADDING-RIGHT: 5px; BORDER-TOP: gray thin solid; PADDING-LEFT: 5px; FONT-SIZE: 9pt; PADDING-BOTTOM: 5px; BORDER-LEFT: gray thin solid; PADDING-TOP: 5px; BORDER-BOTTOM: gray thin solid; FONT-STYLE: italic } .RecipeBoxCardSeparator_tr { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; HEIGHT: 2px; BACKGROUND-COLOR: gray } .RecipeBoxCardNoPad_td { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; padding_top: 0px; padding_bottom: 0px } .RecipeBoxShoppingListOptions_td { BORDER-TOP: #5c9239 2px solid; BORDER-BOTTOM: #5c9239 2px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-TOP: 5px; PADDING-RIGHT: 5px; } .RecipeBoxShoppingListOptionsInner_td { BORDER-RIGHT: #5c9239 2px solid; BORDER-LEFT: #5c9239 2px solid; BORDER-TOP: #5c9239 2px solid; BORDER-BOTTOM: #5c9239 2px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-TOP: 5px; PADDING-RIGHT: 5px; } /* Wunderman Styles */ .midGreenBox { padding: 10px 20px 10px 20px; background-color: #669966; color: #FFFFFF; font-family: Arial,Verdana; font-size: 12px; font-weight: normal; } .bodyIndent { color: #000000; font-family: Arial,Verdana; font-size: 12px; font-weight: normal; margin-left:20px; } .olStyle { color: #000000; font-family: Arial,Verdana; font-size: 12px; font-weight: normal; margin-left: 10px; padding-left:10px; } /* NEW FOR LOGIN */ table.login { float:left; width:576px; font-size:12px; } table.login td.banner {margin:0px; padding:0px;} table.login p { font-size:12px; } table.login .textbox {width:142px; color: black; font-family: Verdana, Arial, Helvetica; font-size: 11px; line-height: 13px; } .login_leftcol {float:left; padding-top:13px;width:276px; padding-left:22px; *padding-top:0px;} table.login_form {float:left; width:100%; padding-bottom:10px; } table.login_form td { padding-bottom:3px; } table.login_form .textbox {width:142px; color: black; font-family: Verdana, Arial, Helvetica; font-size: 11px; line-height: 13px; } .login_rightcol {float:left; width:278px;vertical-align:top;} .login_box { float:left; width:228px; FONT-SIZE: 12px; width:258px; PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; MARGIN-right: 20px; PADDING-TOP: 13px; BACKGROUND-COLOR: #e1e6d0; } h1.login { FONT-WEIGHT: bold; FONT-SIZE: 19px; COLOR: #5f644c; FONT-FAMILY: Arial,Verdana; margin: 0px 0px 5px 0px; } .forgot { clear: both; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #5f644c; FONT-FAMILY: Arial,Verdana; text-decoration:underline; border:none; margin-bottom:3px; } ul.login{ margin-left: 0; margin-bottom:10px; padding-left: 0px; text-indent: 13px; list-style-type: none; } ul.login li { margin: 2px 0px 2px 0px;font-size:12px; background: url('bullet.gif'); background-repeat: no-repeat; background-position: 0em .6em; } /* ::::::: BEGIN QML STYLES ::::::: */ /* UTILITIES */ .floatBuster { clear:both; } .bBreak { background:url(/NR/rdonlyres/B055AE0E-5F0F-4D34-A948-E1E15126EA01/0/kfs_ca_000000dot.gif) repeat-x; height:1px; width:100%; overflow:hidden; clear:both; } /* CONTAINERS */ .mastHead { margin-bottom:10px; } .contentCtn { font-family:Arial, Helvetica, sans-serif; width:492px !important; width:522px; border:0px solid red; overflow:visible; margin:0; padding:10px 20px 0 32px !important; padding:10px 0px 0 32px !important; font-size:12px; line-height:18px; text-align:left; float:left;} .hubContain { font-family:Arial, Helvetica, sans-serif; width:554px; overflow:hidden; margin:0; padding:0; } .hubTxt { padding:12px 0 2px 0; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; line-height:15px; float:left; width:330px; overflow:hidden; } .hubImg { float:left; width:150px; height:125px; overflow:hidden; } .callOutCtn { width:467px; color:#F49E1D; padding:20px 10px 0px 10px; margin:-26px 0 10px 0; text-align:left; line-height:12px; overflow:hidden; float:left; height:auto; border:0px solid red } .subNav { margin:5px 0 0px 0; height:20px; overflow:hidden; text-align:center; } .mastTitle { text-align:center; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:500; margin:2px 0 8px 0; border:0px solid green;} div.recipes { float:left; overflow:auto } .rBorder { border-right:1px solid #000000; } .orangeTip { border:1px solid #f04a24; padding:5px; color: #f04a24; margin:10px 0 10px 0; width:480px; overflow:hidden; } .tip { border:0px solid #f04a24; width:26px; font-weight:bold; float:left; } .tipFR { border:0px solid #f04a24;width:50px; font-weight:bold; float:left; } .txt { border:0px solid #f04a24; width:430px; margin-left:10px; margin-bottom:7px; float:left; line-height:14px; } .txtFR { border:0px solid #f04a24; width:380px; margin-left:10px; margin-bottom:7px; float:left; line-height:14px; } .heroNavCtn { border:0px solid #f04a24; width:574px; position:relative; top:273px; text-align:center; } /* HERO IMAGES */ .hero { width:576px; height:467px; overflow:auto; margin:0; padding:0; text-align:center;} .cheese { background:url(/NR/rdonlyres/641E47FA-135A-4C3E-AD62-8A9FCDEC980B/0/kfs_ca_herocheese.jpg) no-repeat; } .processed { background:url(/NR/rdonlyres/3BAEA55D-500B-434E-8CE3-382BD11CAE7F/0/kfs_ca_heroprocessed.jpg) no-repeat; } .natural { background:url(/NR/rdonlyres/7EB12850-833A-4FA0-95A4-1A8D2DD29755/0/kfs_ca_heronatural.jpg) no-repeat; } .cheeseFR { background:url(/NR/rdonlyres/080190C1-0418-4C84-803F-5A12A1A4912A/0/kfs_ca_heroFR_cheese.jpg) no-repeat; } .processedFR { background:url(/NR/rdonlyres/23A93242-A895-4BC9-A196-2C83E5C8A6F7/0/kfs_ca_heroFR_processed.jpg) no-repeat; } .naturalFR { background:url(/NR/rdonlyres/3E7EC8B8-870D-4D67-BDA7-2B0C032AE55F/0/kfs_ca_heroFR_natural.jpg) no-repeat; } /* BUILDING BLOCKS */ .chef1 { background:url(/NR/rdonlyres/C40455E9-5CA5-4A9A-A641-CE3B38D30F2A/0/kfs_ca_calloutBGa.gif) no-repeat 0 0; width:488px; height:135px; } .chef2 { background:url(/NR/rdonlyres/A024F5D6-5CE0-4530-BFF1-79FBAF0DC804/0/kfs_ca_calloutBGb.gif) no-repeat 0 0; width:488px; height:141px; } .chef3 { background:url(/NR/rdonlyres/4DE16D7A-53AF-4F59-9A53-F413814DEBF6/0/kfs_ca_calloutBGc.gif) no-repeat 0 0; width:488px; height:148px; } .chef4 { background:url(/NR/rdonlyres/22A9E896-95CB-4F66-8FE4-C85315F673AE/0/kfs_ca_calloutBGd.gif) no-repeat 0 0; width:488px; height:165px; } .bgCheese { background:url(/NR/rdonlyres/57F51CDC-BDF7-4FA3-A21A-16709006FB3B/0/kfs_ca_crnrbg_squares.gif) no-repeat bottom right; padding-bottom:40px; margin-bottom:10px } .bgCheese2 { background:url(/NR/rdonlyres/57F51CDC-BDF7-4FA3-A21A-16709006FB3B/0/kfs_ca_crnrbg_squares.gif) no-repeat bottom right; padding-bottom:30px; margin-bottom:20px;width:570px !important; width:540px; padding-bottom:40px; height:430px; } .bgBread { background:url(/NR/rdonlyres/F15DA0C2-0CF8-456B-BBFC-2570C0C48F75/0/kfs_ca_crnrbg_bread.gif) no-repeat bottom right/*360px 520px*/; width:570px !important; width:540px; padding-bottom:40px; height:700px; } .bgSpread { background:url(/NR/rdonlyres/B89FCC1E-7F8B-4CFF-9C26-CA92B3E52677/0/kfs_ca_crnrbg_spreads.gif) no-repeat bottom right; width:570px !important; width:540px; padding-bottom:10px; height:410px; } .bgFilling { background:url(/NR/rdonlyres/CBE778D0-7C93-403C-8FA4-422B1B012656/0/kfs_ca_crnrbg_fillings.gif) no-repeat bottom right; width:520px !important; width:540px; padding-bottom:10px; height:1580px !important; height:940px } .bgGarnish { background:url(/NR/rdonlyres/CCE6C7DF-4B25-4BA6-89E2-876BA5C2A983/0/kfs_ca_crnrbg_garnishes.gif) no-repeat bottom right; width:570px !important; width:540px; padding-bottom:10px; height:672px; border:0px solid red; } .bgPortrait { background:url(/NR/rdonlyres/FC72BBE4-E8AC-4E4F-93E3-FF99E95F70C6/0/kfs_ca_crnrbg_profile.gif) no-repeat bottom right; margin-bottom:20px; } .bgCheesewheel { background:url(/NR/rdonlyres/B59BC882-B952-4392-8C25-D75CE9CB86CE/0/kfs_ca_crnrbg_cheesewheel.gif) no-repeat bottom 307px; margin-bottom:20px; padding-bottom:20px; } /* FRENCH BGS */ .bgSpreadFR { background:url(/NR/rdonlyres/B89FCC1E-7F8B-4CFF-9C26-CA92B3E52677/0/kfs_ca_crnrbg_spreads.gif) no-repeat bottom right; width:570px !important; width:540px; padding-bottom:10px; height:440px; } .bgFillingFR { background:url(/NR/rdonlyres/CBE778D0-7C93-403C-8FA4-422B1B012656/0/kfs_ca_crnrbg_fillings.gif) no-repeat bottom right; width:570px !important; width:540px; padding-bottom:10px; height:1650px !important; } .bgGarnishFR { background:url(/NR/rdonlyres/CCE6C7DF-4B25-4BA6-89E2-876BA5C2A983/0/kfs_ca_crnrbg_garnishes.gif) no-repeat bottom right; width:570px !important; width:540px; padding-bottom:10px; height:657px; border:0px solid red; } .bgCheesewheelFR { background:url(/NR/rdonlyres/B59BC882-B952-4392-8C25-D75CE9CB86CE/0/kfs_ca_crnrbg_cheesewheel.gif) no-repeat bottom right; width:550px !important; width:540px; padding-bottom:10px; height:390px; border:0px solid red;} /* COPY FORMATTING */ .bodheading { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:400; margin:15px 0 2px 0; padding:0; line-height:20px } .hubContain h1 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:900; text-align:left; margin:10px 0 4px 0; } .hubContain a { font-family:Arial, Helvetica, sans-serif; color:#669966; text-decoration:underline; } .contentCtn a { font-family:Arial, Helvetica, sans-serif; color:#669966; text-decoration:underline; } .hubTxt p { font-family:Arial, Helvetica, sans-serif; margin:4px 0 2px 0; } .hubTxt a { color:#000000; text-decoration:none } .hubTxt a:hover { color:#669966; text-decoration:underline } .contentCtn p { text-align:left; } .contentCtn ol { text-align:left; line-height:16px; position:relative; margin:0 0 0 18px; padding:0; } .contentCtn li { margin:7px 0 7px 0 } .contentCtn h1 { font-weight:900; font-size:16px; text-align:left; margin:10px 0 4px 0; } .contentCtn h2 { font-size:12px; text-align:left; font-weight:600 } p { font-family:Arial, Helvetica, sans-serif; } .lg { font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; line-height:20px; } .sm { font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; } sup { font-size:9px; font-weight:normal; margin:0; } .mastTitle a { text-decoration:none; color:#000000 } .mastTitle a:hover { text-decoration:underline; color:#669966 } p.lg { position:relative } p.sm { position:relative; } .callOutCtn h1 { font-size:14px; font-weight:bold; margin:4px 0 6px 0; } .callOutCtn p { font-size:12px; font-weight:normal; margin:0 0 5px 0; padding:0px 0 2px 0; line-height:13px} .callOutCtn .sm { font-size:10px; font-weight:normal; } .callOutCtn .contentA { float:left; width:362px; position:relative; top:30px } .callOutCtn .contentB { float:left; width:380px; position:relative; top:30px; padding-bottom:4px; } .callOutCtn .contentC { float:left; width:410px; position:relative; top:7px; padding-bottom:4px; } /* BULLETS AND NAV */ ul.bullet { list-style:none; text-align:left; margin:10px 0 0 0; padding:0px; display:block; font-size:12px; } ul.bullet li { padding: 0; margin:2px 0 0px 3px; } ul.bullet li a { color:#333333; font-weight:normal; text-decoration:none; } /* BULLET ROUND IMAGE */ ul.rBullet { list-style:none; text-align:left; margin:5px 0 10px 0; padding:0px; display:block; font-size:12px; } ul.rBullet li { list-style:url(/NR/rdonlyres/3E501316-49BB-4495-AB45-72804F386AAC/0/kfs_ca_rBullet.gif); padding: 0; margin:7px 0 0px 12px; } ul.rBullet li a { color:#333333; font-weight:normal; text-decoration:none; } /* No BULLET LIST */ ul.noBullet { list-style:none; text-align:left; margin:0px 0 10px 0; padding:0px; display:block; font-size:12px; position:relative } ul.noBullet li { padding: 0; margin:8px 0 0px 0px; } ul.noBullet li a { color:#333333; font-weight:normal; text-decoration:none; } /* Recipe BULLET LIST */ ul.recipe { list-style:none; text-align:center; margin:0px 0 10px 0; padding:0px; display:block; font-size:12px; position:relative } ul.recipe li { padding: 0; margin:10px 0 4px 0px; line-height:14px; border:0px solid red; } ul.recipe li a { color:#333333; font-weight:normal; text-decoration:none; } /* SUB NAV */ ul.subnav { list-style:none; text-align:center; margin:0px 0 0 0px; padding:0px; font-size:13px; letter-spacing:1px; font-weight:bold; } ul.subnav li { padding: 0; margin:2px 0px 0px 0px; display:inline; } ul.subnav li a { color:#333333; text-decoration:none; padding:0 4px 0 4px } ul.subnav li a:hover { color:#F49E1D; text-decoration:none; } ul.subnav li.on { color:#F49E1D; text-decoration:none; } ul.subnav li.on a { color:#F49E1D; text-decoration:none; } /* FOOTER SUB NAV */ ul.fsubnav { list-style:none; text-align:center; margin:0px 0 0 0px; padding:0px; font-size:11px; letter-spacing:1px; font-weight:bold; } ul.fsubnav li { padding: 0; margin:2px 0px 0px 0px; display:inline; } ul.fsubnav li a { color:#333333; text-decoration:none; padding:0 4px 0 4px } ul.fsubnav li a:hover { color:#F49E1D; text-decoration:none; } ul.fsubnav li.on a { color:#F49E1D; text-decoration:none; } /* HERO NAV */ ul.heronav { font-family:Arial, Helvetica, sans-serif; list-style:none; text-align:center; margin:0px 0 0 0px; padding:0px; font-size:20px; letter-spacing:1px; font-weight:700; } ul.heronav li { padding: 0; margin:2px 0px 0px 0px; display:inline; text-align:center;} ul.heronav li.fifteen { margin-right:15px } ul.heronav li.thirtysix { margin-right:36px } ul.heronav li.forty { margin-right:40px } ul.heronav li.sixty { margin-right:60px } ul.heronav li.hund { margin-right:100px } ul.heronav li.hund3 { margin-right:130px } ul.heronav li a { color:#000000; text-decoration:none; padding:0 4px 0 4px } ul.heronav li a:hover { color:#669966; text-decoration:underline; } /* LEFT NAVIGATION */ ul.navigation { font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-top:0; margin-bottom:0; padding-top:0 } ul.navigation ul { margin-top:2px; } .navigation li { margin-left: -30px; padding-left: 0px; border: none; list-style: none; width:140px; font-weight:normal; margin-top:0px; } .navigation li.on { background:url(/NR/rdonlyres/B7E7D9BC-1734-4506-935D-4450979FCD31/0/arrowOn.gif) 0 3px no-repeat; padding:0px 0 0 11px; color:#FFFFFF; } ul.navigation li a { font-weight:normal; color:#A0D19B; margin:0px; padding:0px 0 0 11px; text-decoration:none; list-style-type:none; background:url(/NR/rdonlyres/CD02F87C-FD0A-4FF3-BC74-DF8D856794BF/0/arrowOff.gif) 0 3px no-repeat; display:block } .navigation li.spaced { margin:5px 0px 0px -45px; font-weight:normal} /* :: BEGIN TABLE DATA :: */ table.charts { width:500px; border-top:1px solid #F49E1D; border-right:1px solid #F49E1D; border-left:1px solid #F49E1D;} table.charts td { width:100px; font-weight:normal; text-align:left; font-size:11px; padding:2px 3px 2px 5px; } table.charts td.head { font-weight: bold; text-align:left; font-size:12px; } div.norm { font-weight: normal; text-align:left; font-size:11px; } table.charts td.end { border-right:1px solid #F49E1D; } table.charts td.r { border-right:1px solid #F49E1D; } table.charts td.l { border-left:1px solid #F49E1D; } table.charts td.t { border-top:1px solid #F49E1D; } table.charts td.b { border-bottom:1px solid #F49E1D; } table.charts td.leftHead { border-right:1px solid #F49E1D; border-bottom:1px solid #F49E1D; font-weight: Bold; text-align:left; font-size:12px; } /* ::::::: END QML STYLES ::::::: */ /* ::::::: BEGIN QML STYLES TEST ::::::: */ .test_container { width:576px; text-align:center; background-color:#fff; } .test_pagetop { height:60px; } .test_header { } .test_taglinetop { height:55px; } .test_tagline { } .test_bodytop { height:20px; } .test_content { padding-left:61px; padding-right:61px; text-align:justify; line-height:20px; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12.5px; } .test_contentbtm { height:30px; } .test_footertext { height:35px; padding-left:61px; padding-right:61px; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12.5px; } .test.imgfooter { margin:0 0 0 0; padding-left:5px; padding-right:5px; } /* ::::::: END QML STYLES TEST ::::::: */ /* START QML CREAMCHEESE */ .cc-bBreak { background:url(/NR/rdonlyres/FBADA7FA-223A-47C7-8A7C-8ECA4B7DEAE8/0/000000dot.gif) repeat-x; height:1px; width:555px; overflow:hidden; clear:both; } ul.cc-heronav { list-style:none; text-align:center; margin:0px 0 0 0px; padding:0px; font-size:16px; letter-spacing:1px; font-weight:bold; } ul.cc-heronav li { padding: 0; margin:2px 0px 0px 0px; display:inline; text-align:center;} ul.cc-heronav li.cc-tab { margin-left:20px } ul.cc-heronav li a { color:#FFF; font-family:Arial, Helvetica, sans-serif; text-decoration:none; padding:0 4px 0 4px } ul.cc-heronav li a:hover { color:#FFF; text-decoration:underline; } .cc-callOutCtn h1 { font-size:14px; color:#0066a8; font-weight:bold; margin:4px 0 6px 0; } .cc-callOutCtn p { font-size:12px; color:#0066a8; font-weight:normal; margin:0 0 5px 0; padding:0px 0 2px 0; line-height:13px} .cc-callOutCtn .sm { font-size:10px; color:#0066a8; font-weight:normal; } .cc-callOutCtn .contentA { float:left; width:362px; position:relative; top:30px } .cc-callOutCtn .cc-contentB { float:left; width:380px; position:relative; top:52px; padding-bottom:4px; padding-left:8px; } .cc-callOutCtn .contentC { float:left; width:410px; position:relative; top:7px; padding-bottom:4px; } .cc-sm {text-align:left; font-size:9px; font-weight:normal; } .cc-sup { text-align:left; font-size:8px; font-weight:normal; margin:0; } .cc-fulltext p { text-align:left; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; line-height:15px; } .cc-fulltext h1 {text-align:left; font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#0066a8; font-weight:400; line-height:20px; margin:0; padding:0; } .cc-fulltext ol { text-align:left; font-family:Arial, Helvetica, sans-serif; color:#0066a8; font-size:13px; font-weight:bold; line-height:15px; } .cc-fulltext ol li p { text-align:left; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; line-height:15px; font-weight:normal } .cc-fulltext ol li a { color:#0066a8; } .cc-bodheading { font-size:18px; font-weight:400; line-height:20px; margin:0; padding:0; } .cc-hubContain h1 { font-size:16px; font-weight:900; text-align:left; margin:10px 0 4px 0; } .cc-hubContain a { color:#669966; text-decoration:underline; } .cc-contentCtn a { color:#669966; text-decoration:underline; } .cc-hubTxt p { margin:4px 0 2px 0; } .cc-hubTxt a { color:#000000; text-decoration:underline; } .cc-hubTxt a:hover { color:#0066a8; text-decoration:underline } .cc-fulltext a { color:#000000; text-decoration:underline; } .cc-fulltext a:hover { color:#0066a8; text-decoration:underline } .cc-contentCtn p { text-align:left; } .cc-contentCtn ol { text-align:left; line-height:16px; position:relative; margin:0 0 0 18px; padding:0; } .cc-contentCtn li { margin:7px 0 7px 0 } .cc-contentCtn h1 { font-weight:900; font-size:16px; text-align:left; margin:10px 0 4px 0; } .cc-contentCtn h2 { font-size:12px; text-align:left; font-weight:600 } .cc-chef1 { background:url(../../images/kfs_ca_calloutBGa.gif) no-repeat 0 0; width:488px; height:135px; } .cc-chef2 { background:url(/NR/rdonlyres/AFEDF799-5206-41B9-92AC-E5814E4699DB/0/kfs_ca_calloutBGb.gif) no-repeat 0 0; width:488px; height:141px; } .cc-chef3 { background:url(../../images/kfs_ca_calloutBGc.gif) no-repeat 0 0; width:488px; height:148px; } .cc-hero { width:576px; height:467px; overflow:auto; margin:0; padding:0; text-align:center;} .cc-heroNavCtn { border:0px solid #f04a24; width:574px; position:relative; top:85px; text-align:center;} .callOutCtn { width:467px; color:#F49E1D; padding:20px 10px 0px 10px; margin:-26px 0 10px 0; text-align:left; line-height:12px; overflow:hidden; float:left; height:auto; border:0px solid red } .cc-hubImg { float:left; width:144px; height:96px; overflow:hidden; margin:15px; } .cc-hubTxt { padding:15px 0 15px 0; text-align:left; font-family:Arial, Helvetica, sans-serif; color:#000000; font-size:12px; line-height:15px; float:left; width:385px; overflow:hidden; } .cc-contentCtn { width:492px !important; width:522px; border:0px solid red; overflow:visible; margin:0; padding:10px 20px 0 32px !important; padding:10px 0px 0 32px !important; font-size:12px; line-height:18px; text-align:left; float:left;} .cc-imageright { float:right; margin-bottom: 5px; margin-left: 5px; margin-top: 12px; } .cc-fulltext { padding:15px 15px 0px 15px; } /* END QML CREAMCHEESE *//* BUTTON STYLES */ .btn { border-right: #CC9102 thin solid; border-top: #FBEBC5 thin solid; font-size: 7pt; border-left: #C57B45 thin solid; color: #FFFFFF; cursor: HAND; border-bottom: #764A2B thin solid; font-family: Verdana; background-color: #F47B21; border-width: 1px 1px 1px 1px; border-color: #CC9102 #FBEBC5 #C57B45 #764A2B; } .cdark /* DARK STYLES */ { /*background-color: #3366CC;*/ /*background-color: #CC0033;*/ /*background-color: #39A039;*/ /*background-color: #CC99FF;*/ /*background-color: #E6CFFD;*/ /*background-color: #CFA0FE;*/ /*background-color: #66CC33;*/ /*background-color: #0033CC;*/ /*background-color: #67A58F;*/ /*background-color: #FF6D00;*/ /*background-color: #3A3A3A;*/ /*background-color: #A03A00;*/ /*background-color: #3A6ED1;*/ /*background-color: #639CCE;*/ /*background-color: #63A58C;*/ background-color: #F47B21; } .clight /* LIGHT COLORS STYLES for recipe search area */ { /*background-color: #6699FF;*/ /*background-color: #FF6699;*/ /*background-color: #6DD06D;*/ /*background-color: #CCFFCC;*/ /*background-color: #D0FECF;*/ /*background-color: #CCFF99;*/ /*background-color: #99ADEB;*/ /*background-color: #94E479;*/ /*background-color: #FFB500;*/ /*background-color: #FF6D00;*/ /*background-color: #D06E39;*/ /*background-color: #3ACFFF;*/ /*background-color: #84C6FF;*/ /*background-color: #CFE6C9;*/ /*background-color: #94E773;*/ background-color: #FFB500; } .clighter /* LIGHTER COLOR UNDER PUSH ASSETS STYLES */ { /*background-color: #c2d6ff;*/ /*background-color: #FFD9E5;*/ /*background-color: #6DD06D;*/ /*background-color: #CCFF99;*/ /*background-color: #CC0000;*/ background-color: #FFFFFF; } .clighter_areas /* MESSAGE BOARD OR DAILY DISH BACKGROUND STYLES */ { /*background-color: #cccccc;*/ /*background-color: #FFD9E5;*/ /*background-color: #cccccc;*/ /*background-color: #FFCCFF;*/ /*background-color: #FFCC99;*/ /*background-color: #CC0000;*/ /*background-color: #BFF189;*/ /*background-color: #FFE68C;*/ /*background-color: #FFD06D;*/ /*background-color: #FFD0A0;*/ /*background-color: #E2FFFE;*/ /*background-color: #D6D6D6;*/ background-color: #FFE68C; } .cfoot /* FOOTER STYLES */ { background-color: #cccccc; } .clines /* LINE STYLES */ { background-color: #cccccc; /*background-color: #CC0033;*/ } .line /* LINE SEPARATER STYLES */ { background-color: #99ADEB; } /* NAV TEXT */ .textlg { FONT-SIZE: 13pt; COLOR: #996D03; FONT-FAMILY: Verdana; } .textLink { FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLink { FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLink:link { FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLink:visited { FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none } A.textLink:active { FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } .textLinkBold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkBold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkBold:link { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkBold:visited { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkBold:active { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #996D03; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } /* RECIPE NAV LINK - SELECTED AND NON */ .textLinkLight { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLight { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLight:link { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLight:visited { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLight:active { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } .textLinkLightBold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLightBold { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLightBold:link { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLightBold:visited { FONT-WEIGHT: bold; FONT-SIZE: 8pt; /*COLOR: #efefef;*/ COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.textLinkLightBold:active { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } /* LEFT AREA TEXT - RECIPE SEARCH KEYWORD "ENTER KEYWORD..." */ A.text { FONT-SIZE: 7pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } A.text:link { FONT-SIZE: 7pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } A.text:visited { FONT-SIZE: 7pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } A.text:active { FONT-SIZE: 7pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } /* magazine offer text - PROMO ITEM TEXT */ .textMd { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana; } /* MESSAGE BOARD TITLES AND LINKS */ .ddlink { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #D5A700; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.ddlink { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #D5A700; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.ddlink:link { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #D5A700; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.ddlink:visited { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #D5A700; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } A.ddlink:active { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #D5A700; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } .ddtitle { FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #B68F01; FONT-FAMILY: Verdana; TEXT-DECORATION: none; } /* recipe box styles */ /* Recipe Box Styles */ .RecipeBoxControlTitle { font-size:xx-large; color:Lime; } .RecipeBoxRecipeTitleLink { font-size:12pt; font-weight:bold; color:#5c9239; } .RecipeBoxBody { font-family:arial; font-size:10pt; width:100%; } table#mainControlBody A, table#mainControlBody A:visited { color:#5c9239; } table#mainControlBody A:hover { color:#009900; } table#mainControlBody A.light { color:White; } table#mainControlBody A.light:visited { color:white; } table#mainControlBody A.light:hover { color:Silver; } .RecipeBoxRecipe_table { border: solid 1px #5c9239; } .RecipeBoxRecipeImage_td { border-right: #6fb940 1px solid; background-color: #cae5b9; border-bottom:#6fb940 1px dashed; } .RecipeBoxRecipeOptions_tr { border-top: #6fb940 2px; border-style:dashed; background-color: #deefd3; color:#6fff40; padding-bottom:5px; padding-top:5px; padding-left:10px; padding-right:10px; } .RecipeBoxRecipeDetails_td { padding-right: 5px; padding-left: 5px; padding-bottom: 10px; border-bottom:#6fb940 1px dashed; color: black; padding-top: 10px; background-color: white; } .RecipeBoxCategoryHeader_td { background-color:#6fb940; padding:5px; color:White; border: 1px #5c9239 solid; font-size:10pt; height:25px; } .RecipeBoxNavButtons_td { border-bottom: solid 2px #5c9239; border-top: solid 2px #5c9239; border-left:none; border-right: solid 2px #5c9239; } .RecipeBoxNavSearch_td { border-bottom: solid 2px #5c9239; border-top: solid 2px #5c9239; border-right:none; background-image:url(/images/recipebox/searchBackground.gif); background-repeat:no-repeat; } .RecipeBoxShoppingListRegion_td { border-right: #5c9239 1px solid; border-top: #5c9239 1px solid; border-left: #5c9239 1px solid; border-bottom: #5c9239 1px solid; background-color: #deefd3; padding:10px; } .RecipeBoxShoppingListTitle_tbl { background-color:#6fb940; color:#ffffff; } .RecipeBoxShoppingListTitle_td { font-size:8pt; height:25px; padding-left:10px; padding-right:10px; } .RecipeBoxShoppintListPrintTitle_td { color:black; font-size:12pt; } .RecipeBoxShoppingListAisleHeading_td { font-size: 10pt; color: #5c9239; } .RecipeBoxShoppingListHeading_td { font-size:10pt; color:Black; } .RecipeBoxRecipeCardSectionHeading_td { font-size:10pt; font-weight:bold; color:Black; } .RecipeBoxRecipeCardSection_td { font-size:8pt; color:Black; } .RecipeBoxRecipeCardTitle_td { font-size:12pt; font-weight:bold; color:#333333; } .RecipeBoxAdditionalControl_td { background-color:#DEEFD3; } .RecipeBoxAdditionalControlContainer_td { background-color:#DEEFD3; padding:10px; } RecipeBoxAdditionalControl_tbl { padding:5px; border:none; } .RecipeBoxListSeparator_tr { background-color:#ffffff; height:2px; } .RecipeBoxSubNav_td { background-color:#6fb940; padding-top:5px; padding-left:5px; padding-bottom:5px; color:White; border:none; } .RecipeBoxCardSectionHeading { FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #6f9b40 } .RecipeBoxCardSection_td { padding-right:10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; } .RecipeBoxCard_tbl { BORDER-RIGHT: gray thin solid; BORDER-TOP: gray thin solid; BORDER-LEFT: gray thin solid; BORDER-BOTTOM: gray thin solid; MARGIN: 10px; HEIGHT: 5in; WIDTH: 7in; } .RecipeBoxCardNutrition_td { BORDER-RIGHT: gray thin solid; PADDING-RIGHT: 5px; BORDER-TOP: gray thin solid; PADDING-LEFT: 5px; FONT-SIZE: 9pt; PADDING-BOTTOM: 5px; BORDER-LEFT: gray thin solid; PADDING-TOP: 5px; BORDER-BOTTOM: gray thin solid; FONT-STYLE: italic } .RecipeBoxCardSeparator_tr { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; HEIGHT: 2px; BACKGROUND-COLOR: gray } .RecipeBoxCardNoPad_td { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; padding_top: 0px; padding_bottom: 0px } .RecipeBoxShoppingListOptions_td { BORDER-TOP: #5c9239 2px solid; BORDER-BOTTOM: #5c9239 2px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-TOP: 5px; PADDING-RIGHT: 5px; } .RecipeBoxShoppingListOptionsInner_td { BORDER-RIGHT: #5c9239 2px solid; BORDER-LEFT: #5c9239 2px solid; BORDER-TOP: #5c9239 2px solid; BORDER-BOTTOM: #5c9239 2px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; PADDING-TOP: 5px; PADDING-RIGHT: 5px; } /* Wunderman Styles */ .midGreenBox { padding: 10px 20px 10px 20px; background-color: #669966; color: #FFFFFF; font-family: Arial,Verdana; font-size: 12px; font-weight: normal; } .bodyIndent { color: #000000; font-family: Arial,Verdana; font-size: 12px; font-weight: normal; margin-left:20px; } .olStyle { color: #000000; font-family: Arial,Verdana; font-size: 12px; font-weight: normal; margin-left: 10px; padding-left:10px; }