/* colors orange: F4AA00 green: A6CF77 gray 9F9F9F peach: fef5e2 */ html { height: 101%; margin-bottom: 1px; } body {margin: 0;padding-left:0px;text-align:center;min-width:980px; font-family: Arial, Helvetica, sans-serif; font-size:12px; line-height:1.67; font-weight:normal; color:#000000; background-color:#F4AA00; } img{border:0px;} #pageWrapper{text-align:left;width: 985px;margin-left: auto;margin-right: auto;padding-left:0px;padding-right:0px;margin-bottom:10px;margin-top:0px;z-index:1; } #headerPrint{display:none;} #header{position:relative;top:0px; left:0px; width:980px; height:126px; z-index:99;} #headerLogo{position:absolute; top:28px; left:50px; width:119px; height:141px;z-index:9999;} #headerNav{position:absolute; top:68px; left:0px; width:980px; height:59px; } #headerNav img{border:0px;} /*#headerNav a:link, #headerNav a:visited{ float:left; display:block; width:104px; height:27px; padding:9px 0px 0px 0px; text-decoration:none; color:#FFFFFF; font-size:12px; line-height:12px; font-weight:bold; text-align:center;} #headerNav a:hover, #headerNav a:active{ float:left; display:block; width:104px; height:27px; padding:9px 0px 0px 0px; text-decoration:none; color:#5C5C5C; font-size:12px; line-height:12px; font-weight:bold; text-align:center;} #headerNav a.navOn:link, #headerNav a.navOn:visited{ float:left; display:block; width:104px; height:27px; padding:9px 0px 0px 0px; text-decoration:none; color:#EA7125; font-size:12px; line-height:12px; font-weight:bold; text-align:center;} #headerNav a.navOn:hover, #headerNav a.navOn:active{ float:left; display:block; width:104px; height:27px; padding:9px 0px 0px 0px; text-decoration:none; color:#EA7125; font-size:12px; line-height:12px; font-weight:bold; text-align:center;} */ #headerSubNav{position:absolute; top:40px; left:191px; width:300px; height:15px;z-index:10; color:#FFFFFF; font-size:14px;} #headerSubNav a:link, #headerSubNav a:visited{ text-decoration:none; color:#FFFFFF;} #headerSubNav a:hover, #headerSubNav a:active{ text-decoration:underline; color:#FFFFFF;} #searchField{position:absolute; top:87px; left:760px; width:170px; border:1px solid #FFFFFF; padding:0px 0px 0px 3px; color:#9F9F9F; font-style:italic;} #searchSubmit{position:absolute; top:89px; left:938px; width:10px; height:16;} .searchOn{font-style:normal; border:1px solid red;} /* admin links */ #adminLinks{margin:10px 0px;} #adminLinks a:link, #adminLinks a:visited{ background-color:#FFF; margin:5px 0px;padding:3px 5px; border:1px solid #666; text-decoration:none; color:#000000;} #adminLinks a:hover, #adminLinks a:active{ background-color:#FFF; margin:5px 0px; padding:3px 5px; border:1px solid #666; text-decoration:underline; color:#666666;} /* home page */ #contentHome{ position:relative;top:0px; left:0px; width:985px; } #contentHomeLeft{float:left; width:728px;padding:0px 0px 0px 0px; xborder:1px solid red;} #contentHomeRight{margin:0px 0px 0px 728px;x border:1px solid blue;} #homeSlides{position:relative; top:0px; left:0px; width:728px; height:348px; background-image:url(images/bkg_slides.jpg); background-repeat:no-repeat; background-position:top; z-index:10;} #slideWrapper{position:relative; top:10px; left:10px;} #slides{position:absolute; top:3px; left:3px; width:705px; height:290px;} #slides p{padding:0px;margin:0px;} #slides img{border:0px; display:none;} #slideNav{position:absolute; top:295px; left:25px; xwidth:200px; height:20px; text-align:right;} #slideNav a { background-image:url(images/bkg_slide_num_off.jpg); background-position:center; text-align:center; background-repeat:no-repeat; width:25px; height:28px; margin:0px 0px 0px 0px; padding:3px 0px 0px 0px;font-size:12px; display:block; float:left; text-decoration:none; color:#FFFFFF; } #slideNav a.activeSlide { background-image:url(images/bkg_slide_num_on.jpg); background-position:center; text-align:center; background-repeat:no-repeat; width:28px; height:29px; margin:0px 0px 0px 0px; padding:2px 0px 0px 3px;font-size:14px; display:block; float:left; text-decoration:none; color:#FFFFFF;} #slideNav a:focus { background-image:url(images/bkg_slide_num_off.jpg); background-position:center; text-align:center; background-repeat:no-repeat;width:25px; height:28px; margin:0px 0px 0px 0px; padding:3px 0px 0px 0px;font-size:12px; display:block; float:left; text-decoration:none; color:#FFFFFF;} #slideText{position:absolute; top:330px; left:0px; width:480px; height:20px; text-align:left;} #homeItems{position:relative; top:0px; left:0px; width:728px; height:327px; background-image:url(images/bkg_3_panel2.jpg); background-repeat:no-repeat; background-position:top;} #item1{position:absolute; top:20px; left:30px; } #item2{position:absolute; top:20px; left:260px; } #item3{position:absolute; top:20px; left:500px; } .homeItem{width:205px; height:290px; overflow:hidden;} .homeItem h1{font-size:22px; padding:0px; margin:0px; font-weight:normal;} .homeItem p{padding:0px; margin:0px;} #homeRightSide{position:relative; top:0px; left:0px; width:252px; height:675px; background-image:url(images/bkg_home_side.jpg); background-position:top; background-repeat:no-repeat;} #homeText{position:absolute; top: 350px; left:30px; width:200px; height:300px; overflow-x:hidden; overflow-y:auto; } #homeText h1{ color: #F4AA00; font-size:22px; padding:0px; margin:0px; font-weight:bold;} /*internal pages */ #content{ position:relative;top:0px; left:0px; width:985px; margin:6px 0px 0px 0px; z-index:90;} /* left column */ #contentLeft{float:left; width:228px;padding:0px 0px 0px 0px; z-index:10;} a.nav:link, a.nav:visited{display:block;text-decoration:none; color:#000000; font-weight:normal; padding:5px 5px 5px 20px; display:block;} a.nav:hover, a.nav:active{display:block;text-decoration:underline; color:#000000; font-weight:normal; padding:5px 5px 5px 20px; display:block;} a.navOn:link, a.navOn:visited{text-decoration:none; width:201px; color:#FFFFFF; background-color:#F4AA00; padding:5px 0px 5px 12px; margin:0px 1px 0px 8px; display:block;} a.navOn:hover, a.navOn:active{text-decoration:none; width:201px; color:#FFFFFF; background-color:#F4AA00; padding:5px 0px 5px 12px; margin:0px 1px 0px 8px; display:block;} a.subNav:link, a.subNav:visited{text-decoration:none; color:#000000; padding:5px 0px 5px 20px; margin:0px 0px 0px 20px; background-image:url(images/left_nav_icon.jpg); background-position:1%; background-repeat:no-repeat; display:block;} a.subNav:hover, a.subNav:active{text-decoration:underline; color:#000000;padding:5px 0px 5px 20px; margin:0px 0px 0px 20px; background-image:url(images/left_nav_icon.jpg); background-position:1%; background-repeat:no-repeat; display:block;} a.subNavOn:link, a.subNavOn:visited{text-decoration:none; width:181px; color:#FFFFFF; background-color:#F4AA00; padding:5px 0px 5px 32px; margin:0px 1px 0px 8px; background-image:url(images/left_nav_icon_on.jpg); background-position:14px; background-repeat:no-repeat; display:block;} a.subNavOn:hover, a.subNavOn:active{text-decoration:none; width:181px; color:#FFFFFF; background-color:#F4AA00; padding:5px 0px 5px 32px; margin:0px 1px 0px 8px; background-image:url(images/left_nav_icon_on.jpg); background-position:14px; background-repeat:no-repeat; display:block;} /* #navLeftMiddle ul{margin:0px 0px 0px 48px; padding:0px;} #navLeftMiddle ul li{list-style-image:url(images/left_nav_icon.jpg); padding:0px; margin:0px; color:#fef5e2;} #navLeftMiddle ul li.subNavOn{list-style-image:url(images/left_nav_icon.jpg); padding:0px; margin:0px; color:#FFFFFF;background-color:#F4AA00;} */ #recipeSearchPath{position:absolute; top:50px; left:-29px; z-index:9; } #recipeSearchArrow{position:absolute; top:413px; left:-3px; z-index:24; } #leftNavWrapper{position:relative; top:0px; left:0px; z-index:20;} #eclubWrapper{position:relative; top:0px; left:0px; z-index:20;} #recipeFilterWrapper{position:relative; top:0px; left:0px; z-index:20;} #navLeftTop{position:relative; top:0px; left:0px; width:228px; height:47px; background-image:url(images/nav_left_top.jpg); background-position:top; background-repeat:no-repeat;} #navLeftMiddle{position:relative; top:0px; left:0px; width:228px; background-image:url(images/left_nav_middle.jpg); background-position:top; background-repeat:repeat-y;} #navLeftBottom{position:relative; top:0px; left:0px; width:228px; height:50px; background-image:url(images/nav_left_bottom.jpg); background-position:bottom; background-repeat:no-repeat;} .navLeftGoldTop{position:relative; top:0px; left:0px;margin:4px 0px 0px 0px; width:228px; height:33px; background-image:url(images/left_nav_gold_top.jpg); background-position:top; background-repeat:no-repeat;} .navLeftGoldMiddle{position:relative; top:0px; left:0px; width:188px; padding:1px 20px; background-image:url(images/left_nav_gold_middle.jpg); background-position:top; background-repeat:repeat-y;} .navLeftGoldMiddle h1{padding:0px; margin:0px 0px 7px 15px; color:#FFFFFF; font-size:20px; font-weight:normal;} .navLeftGoldMiddle p{padding:0px; margin:0px 20px 7px 15px;} .navLeftGoldBottom{position:relative; top:0px; left:0px; width:228px; height:30px; background-image:url(images/left_nav_gold_bottom.jpg); background-position:bottom; background-repeat:no-repeat;} .navDivider{width:217px; height:7px; padding:0px 5px; margin:0px 0px 0px 1px; background-image:url(images/left_nav_divider.jpg); background-position:top; background-repeat:no-repeat;} #navLeftBrand{margin:80px 0px 10px 0px;} /* middle column */ #contentMiddle{float:left; width:527px;padding:0px 0px 0px 4px;} .contentMainTop{position:relative; top:0px; left:0px; width:527px; height:29px; background-image:url(images/main_top.jpg); background-position:top; background-repeat:no-repeat; z-index:20;} .contentMainMiddle{position:relative; top:0px; left:0px; width:516px;padding:1px 6px 5px 5px; background-image:url(images/main_middle.jpg); background-position:top; background-repeat:repeat-y; z-index:20;} .contentMainMiddle h1{margin:0px 20px 7px 30px; font-size:28px; font-weight:bold;} .contentMainMiddle h2{margin:0px 20px 7px 30px; font-size:20px; font-weight:normal; line-height:24px;} .contentMainMiddle h4{margin:0px 20px 7px 30px; font-size:14px; font-weight:bold; line-height:18px;} .contentMainMiddle p{margin:0px 20px 7px 30px;} .contentMainMiddle ul li{margin:0px 20px 7px 10px;} .contentMainMiddle table{margin:0px 0px 0px 30px;} .contentMainBottom{position:relative; top:0px; left:0px; width:527px; height:32px; background-image:url(images/main_bottom.jpg); background-position:bottom; background-repeat:no-repeat; z-index:20;} #mainHighlightMiddle{background-color:#fef5e2; padding:1px 0px;} .mainHighlightMiddleFade{background-color:#fef5e2;background-image:url(images/bkg_callout_fade.jpg); background-position:top left; background-repeat:repeat-x; padding:1px 0px;} #maintMiddle{background-color:#FFFFFF; padding:1px 0px;} .mainMiddleFade{background-color:#FFFFFF;background-image:url(images/bkg_callout_fade.jpg); background-position:top left; background-repeat:repeat-x; padding:1px 0px;} .mainMiddleFade h2{margin:10px 0px 6px 30px;} .pageDivider{float:left;width:461px; height:6px; background-image:url(images/divider_line_green.jpg); background-position:left; background-repeat:no-repeat; margin:10px 20px;} .pageDividerNoFloat{width:461px; height:6px; background-image:url(images/divider_line_green.jpg); background-position:left; background-repeat:no-repeat; margin:10px 0px;} .pageDividerShortNoFloat{width:332px; height:6px; background-image:url(images/divider_line_green.jpg); background-position:left; background-repeat:no-repeat; margin:10px 0px;} .pageDividerYellow{float:left;width:498px; height:6px; background-image:url(images/divider_line_yellow.jpg); background-position:left; background-repeat:no-repeat; margin:10px 20px;} .pageDividerYellowNoFloat{width:498px; height:6px; background-image:url(images/divider_line_yellow.jpg); background-position:left; background-repeat:no-repeat; margin:10px 0px;} .pageDividerYellowShortNoFloat{width:165px; height:6px; background-image:url(images/divider_line_yellow.jpg); background-position:left; background-repeat:no-repeat; margin:10px 0px 0px 15px;} .pageDividerYellowLong{width:700px; height:6px; background-image:url(images/divider_line_yellow.jpg); background-position:left; background-repeat:repeat-x; margin:10px 10px;} /* middle wide column */ #contentMiddleWide{margin: 0px 0px 0px 233px;} .contentMainTopWide{position:relative; top:0px; left:0px; width:640px; height:29px; background-image:url(images/main_top_wide.jpg); background-position:top; background-repeat:no-repeat; z-index:20;} .contentMainMiddleWide{position:relative; top:0px; left:0px; width:629px;padding:1px 6px 5px 5px; background-image:url(images/main_middle_wide.jpg); background-position:top; background-repeat:repeat-y; z-index:20;} .contentMainMiddleWide h1{margin:0px 20px 7px 30px; font-size:28px; font-weight:bold;} .contentMainMiddleWide h2{margin:0px 20px 7px 30px; font-size:20px; font-weight:normal; line-height:24px;} .contentMainMiddleWide h4{margin:0px 20px 7px 30px; font-size:14px; font-weight:bold; line-height:18px;} .contentMainMiddleWide p{margin:0px 20px 7px 30px;} .contentMainMiddleWide ul li{margin:0px 20px 7px 10px;} .contentMainMiddleWide table{margin:0px 0px 0px 30px;} .contentMainBottomWide{position:relative; top:0px; left:0px; width:640px; height:32px; background-image:url(images/main_bottom_wide.jpg); background-position:bottom; background-repeat:no-repeat; z-index:20;} /* middle extra-wide column */ #contentMiddleExtraWide{margin: 0px 0px 0px 233px;} .contentMainTopExtraWide{position:relative; top:0px; left:0px; width:730px; height:29px; background-image:url(images/main_top_extra_wide.jpg); background-position:top; background-repeat:no-repeat; z-index:20;} .contentMainMiddleExtraWide{position:relative; top:0px; left:0px; width:719px;padding:1px 6px 0px 5px; background-image:url(images/main_middle_extra_wide.jpg); background-position:top; background-repeat:repeat-y; z-index:20; } .contentMainMiddleExtraWide h1{margin:0px 20px 7px 30px; font-size:28px; font-weight:bold;} .contentMainMiddleExtraWide h2{margin:0px 20px 7px 30px; font-size:20px; font-weight:normal; line-height:24px;} .contentMainMiddleExtraWide h4{margin:0px 20px 7px 30px; font-size:14px; font-weight:bold; line-height:18px;} .contentMainMiddleExtraWide p{margin:0px 20px 7px 30px;} .contentMainMiddleExtraWide ul li{margin:0px 20px 7px 10px;} .contentMainMiddleExtraWide table{margin:0px 0px 0px 30px;} .contentMainBottomExtraWide{position:relative; top:0px; left:0px; width:730px; height:32px; background-image:url(images/main_bottom_extra_wide.jpg); background-position:bottom; background-repeat:no-repeat; z-index:20;} /* goldn challenge */ #gccContestOverWrapper{position:relative;width:732px; height:270px;} #gccContestOver{position:absolute; top:-30px; left:-6px; width:732px; height:300px;} #gccChickensWrapper{position:relative; top:0px; left:0px; width:713px; height:203px; margin:0px 0px 7px 0px;} #gccLeftArrow{position:absolute; top:34px; left:0px; width:31px; height:36px; } #gccRightArrow{position:absolute; top:34px; right:0px; width:33px; height:36px; } #gccChickens{position:absolute; top:0px; left:36px; width:655px; height:103px; margin:100px 0px 0px 0px; } #gccChickens ul{margin:0px; padding:0px;} #gccChickens ul li{list-style:none; float:left;} #gccEntryWrapper{position:relative; top:0px; left:0px; width:733px; height:302px;} #gccEntryImg,#gccTickerImg{position:absolute; top:0px; left:-7px;} #gccCode{position:absolute; top:11px; left:475px; } #gccEntryText1{position:absolute; top:65px; left:95px; width:350px; } #gccEntryText1 p{margin:0px; padding:0px;} #gccEntryText2{position:absolute; top:85px; left:95px; width:270px; } #gccEntryText2 p{margin:0px; padding:0px;} #gccEntryText3{position:absolute; top:250px; left:95px; width:480px; } #gccEntryText3 p{margin:0px; padding:0px; color:#FFFFFF;} #gccEntry{position:absolute; top:115px; left:95px; width:530px; } table.gccEntryTable{border-collapse:collapse; margin:0px; width:530px; } table.gccEntryTable td{width:176px;} table.gccEntryTable td.last{width:156px;padding:0px 0px 0px 4px; } #gccEnterCodeText{font-size:18px; color:#F4AA00; font-weight:bold;} .gccEntryField{width:137px; height:15px; padding:2px 3px 2px 10px; border:1px solid #FFF; -moz-border-radius:12px; -webkit-border-radius:12px;border-radius: 12px;} .gccEntryField2{width:137px; height:15px; padding:2px 3px 2px 10px; border:1px solid #F4AA00; -moz-border-radius:12px; -webkit-border-radius:12px;border-radius: 12px;} #GCC_Hear{width:150px; height:19px; padding:0px 3px; border:1px solid #FFF; -moz-border-radius:12px; -webkit-border-radius:12px;border-radius: 12px;} #gccSubmit{position:absolute; top:111px; left:365px; width:170px; height:36px;} #gccInfo h1, #gccInfo h2{margin:0px; padding:0px;} #gccInfo td p {margin:0px 20px 7px 0px;} #gccRecipe{position:relative; top:0px; left:0px; width:533px; xheight:300px;} #gccRecipeTop{position:relative; top:0px; left:-8px; width:533px; height:74px;} #gccRecipeContent{position:relative; top:0px; left:0px; padding:0px 20px 0px 30px;} #gccRecipeImg{float:left; margin:0px 15px 60px 0px;} .gccChickenalityImg{float:left; margin:0px 10px 10px 0px;} .gccChickenalityDivider{display:block; height:1px; width:120px; margin:5px 0px 0px 0px; border:1px solid white;} #gccTickerWrapper{position:relative; top:0px; left:0px; width:715px; height:35px; margin:10px 0px 10px 10px;} #gccTickerWrapper2{position:absolute; top:1px; left:0px; width:700px; height:25px; } #gccEntryForm label.error{display:none;position:absolute; top:0px; left:-8000px;} #gccLoginWrapper{background-color:#FFFFFF; padding:10px;} #gccInvalidCode{position:relative; width:554px; height:240px; background-color:#FFFFFF; color:#000000;} #gccInvalidCodeBkg{position:absolute; top:0px; left:0px; width:554px; height:110px; background-image:url(images/gcc_bkg_invalid_code.png); background-position:top; background-repeat:no-repeat;} #gccTheCode{position:absolute; top:45px; left:205px; width:200px; height:40px; text-align:left; font-size:24px;} #gccInvalidCodeText{position:absolute; top:120px; left:0px; width:550px; height:75px; font-size:14px;} #invalidCodeLink{color:#F00; text-decoration:underline;} /* liScroll styles */ .tickercontainer { /* the outer div with the black border */ xbackground: #fff; width: 700px; height: 30px; margin: 0; padding: 0; overflow: hidden; } .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */ position: relative; left: 10px; top: 8px; width: 718px; overflow: hidden; } ul.newsticker { /* that's your list */ position: relative; left: 750px; font-size: 13px; list-style-type: none; margin: 0; padding: 0; } ul.newsticker li { float: left; /* important: display inline gives incorrect results when you check for elem's width */ margin: 0px 75px 0px 0px; padding: 0; background: #fff; } ul.newsticker a { white-space: nowrap; padding: 0; color: #ff0000; font-size: 13px; margin: 0 50px 0 0; } ul.newsticker span { margin: 0 10px 0 0; } /* right column */ #contentRight{margin:0px 0px 0px 765px;} #rightSide{position:relative; top:0px; left:0px; width:209px; height:287px; background-image:url(images/panel_more_help.jpg); background-position:top; background-repeat:no-repeat;} #rightSideText{position:absolute; top:20px; left:20px; width:170px; height:155px; xoverflow-y:auto; overflow:hidden; } #rightSideText h1{ font-weight:bold; font-size:12px; line-height:18px; margin:0px; padding:0px;} #rightSideFacebookLink{position:absolute; top:175px; left:0px; width:180px; height:60px;} .rtDivider{height:1px; border-top:1px solid #5C5C5C; margin:15px 0px 10px 0px;} .rightCalloutTop{position:relative; top:0px; left:0px; width:209px; height:29px;} .rightCalloutMiddle{position:relative; top:0px; left:0px; width:209px; padding:1px 0px 0px 0px; margin:0px 0px 0px 0px; background-image:url(images/rt_callout_bkg2.jpg); background-position:top; background-repeat:repeat-y; } .rightCalloutText{position:relative; top:0px; left:0px; width:200px; padding:1px 0px 0px 0px;margin:0px 5px 0px 5px; background-image:url(images/rt_callout_bkg.jpg); background-position:bottom left; background-repeat:repeat-x; } .rightCalloutText h1{margin:0px 0px 8px 15px; font-weight:normal; font-size:18px;} .rightCalloutText h3{margin:0px 0px 8px 15px; font-size:12px; text-transform:uppercase; color:#F4AA00; font-weight:bold;} .rightCalloutText p{margin:8px 10px 0px 15px;} .rightCalloutBottom{position:relative; top:0px; left:0px; width:209px; height:29px;margin:0px 0px 8px 0px; } .rightCalloutGoldTop{position:relative; top:0px; left:0px;margin:4px 0px 0px 0px; width:209px; height:33px; background-image:url(images/rt_callout_gold_top.jpg); background-position:top; background-repeat:no-repeat;} .rightCalloutGoldMiddle{position:relative; top:0px; left:0px; width:209px; padding:1px 0px 0px 0px; background-image:url(images/rt_callout_gold_middle.jpg); background-position:top; background-repeat:repeat-y;} .rightCalloutGoldMiddle h1{padding:0px; margin:0px 0px 7px 15px; color:#FFFFFF; font-size:20px; font-weight:normal;} .rightCalloutGoldMiddle h2{padding:0px; margin:0px 0px 7px 15px; color:#FFFFFF; font-size:20px; font-weight:normal;} .rightCalloutGoldMiddle p{padding:0px; margin:0px 20px 7px 15px;} .rightCalloutGoldBottom{position:relative; top:0px; left:0px; width:209px; height:30px; background-image:url(images/rt_callout_gold_bottom.jpg); background-position:bottom; background-repeat:no-repeat; padding:auto;} /* image-based callout */ .rightCalloutFeatureImage{position:relative; top:0px; left:-10px;} .rtSideAlt{padding:1px 10px 0px 0px;} .rtSideAlt h1{font-weight:normal;} .rtSideAlt ul{margin:0px 0px 0px 38px; padding:0px;} .rtSideAlt ul li{list-style-image:url(images/left_nav_icon.jpg); padding:0px; margin:0px;} .rtSideText{padding:0px 20px 0px 0px;} .xrtSpacer{height:1px;margin:0px 0px 8px 0px; display:block;} .featuredImg{margin:0px 0px 0px 10px;} #resHeader{font-size:14px; font-weight:bold; margin:18px 0px;} #contentRight a.navOn:link, #contentRight a.navOn:visited{ display:block; text-decoration:none; color:#EA7125;} #contentRight a.navOn:hover, #contentRight a.navOn:active{ display:block; text-decoration:none; color:#EA7125;} .clearOne{clear:both;} /*recipes */ #navLeftRecipeMiddle{position:relative; top:0px; left:0px; width:221px; padding:1px 0px 0px 7px; background-image:url(images/left_nav_gold_middle.jpg); background-position:top; background-repeat:repeat-y;} #navLeftRecipeHdr{position:relative; top:0px; left:0px; padding:0px; margin:0px 0px 5px 30px;; color:#000000; font-size:22px; font-weight:normal;} .recipeSubhead{font-weight:bold; margin:5px 0px 0px 0px;} /* .recipeFilterNav{position:relative; top:0px; left:17px;display:block; background-color:#FFFFFF; padding:0px 0px 28px 0px; width:183px;xborder:1px solid blue;} #recipeFilters ul{ list-style:none;margin:0px 0px 0px 0px; padding:0px;} #recipeFilters ul li{ list-style:none;padding:0px 0px 1px 0px; margin:0px; width:216px;} #recipeFilters ul li img{ cursor:pointer; padding:0px; margin:0px;height:35px; xborder:1px solid red;} #recipeFilters ul li ul{margin:0px 0px 0px 0px; padding:5px 0px;display:block; background-color:#FFFFFF; width:183px;} #recipeFilters ul li ul li{list-style-image:url(images/left_nav_icon.jpg); padding:0px; margin:0px 0px 0px 30px;} */ .recipeFilterNav{ background-color:#FFFFFF; width:185px; margin:0px 0px 0px 17px;} #recipeReset{position:relative; top:0px; left:0px;padding:0px; margin:0px 0px 4px 30px;} #recipeFilters img{ cursor:pointer; padding:0px; margin:0px;height:35px; xborder:1px solid red;} #recipeFilters ul {margin:0px 0px 0px 17px; padding:5px 0px;display:block; background-color:#FFFFFF; width:183px;} #recipeFilters ul li{list-style-image:url(images/left_nav_icon.jpg); padding:0px; margin:0px 0px 0px 30px;} a.filter:link, a.filter:visited{text-decoration:underline; color:#000000; padding:1px 0px 1px 20px; margin:0px 0px 0px 10px; background-image:url(images/left_nav_icon.jpg); background-position:1%; background-repeat:no-repeat; display:block;} a.filter:hover, a.filter:active{text-decoration:none; color:#000000;padding:1px 0px 1px 20px; margin:0px 0px 0px 10px; background-image:url(images/left_nav_icon.jpg); background-position:1%; background-repeat:no-repeat; display:block;} a.filterOn:link, a.filterOn:visited{text-decoration:none; width:152px; color:#000000; background-color:#A6CF77; padding:1px 0px 1px 27px; margin:0px 0px 0px 3px; background-image:url(images/left_nav_icon_green.jpg); background-position:8px; background-repeat:no-repeat; display:block;} a.filterOn:hover, a.filterOn:active{text-decoration:none; width:152px; color:#000000; background-color:#A6CF77; padding:1px 0px 1px 27px; margin:0px 0px 0px 3px; background-image:url(images/left_nav_icon_green.jpg); background-position:8px; background-repeat:no-repeat; display:block;} .onIndicator{display:none;} #recipeSlides{position:relative; top:-7px; left:-7px; width:527px; height:341px; z-index:52px} .recipeFeatureItem{float:left; width:220px; height:320px; margin:0px 10px 0px 20px; padding:0px; overflow:hidden; } .recipeFeatureItem h1{ font-size:16px; font-weight:normal; margin:0px; padding:0px 0px 0px 0px;} .recipeFeatureItem p{padding:0px; margin:0px;} .recipeFeatureItem ul{margin:10px 0px 0px 18px; padding:0px;} .recipeFeatureItem ul li{list-style-image:url(images/left_nav_icon.jpg); padding:0px; margin:0px;} .recipeDividerNoFloat{width:461px; height:6px; background-image:url(images/divider_line_green.jpg); background-position:left; background-repeat:no-repeat; margin:10px 0px;} #rotateWrapper{position:relative; top:0px; left:0px; width:527px; height:341px; margin:0px 0px 8px 0px; z-index:900;} #rotateImgWrapper{position:relative; top:0px; left:0px;} #recipeSearchWrapper{position:absolute; top:-2px; left:-3px; z-index:9999;} #recipeSearchTab{position:absolute; top:234px; left:67px; text-align:left; width:189px; background-color:#000000; color:#FFFFFF; padding:0px 0px 0px 30px; margin:0px; font-size:20px; font-weight:bold;-moz-border-radius-topleft:14px; -webkit-border-top-left-radius:14px;-moz-border-radius-topright:14px; -webkit-border-top-right-radius:14px; z-index:55} #recipeSearch{position:absolute; top:264px; left:12px; width:507px; height:69px; z-index:55;} #recipeSearchField{position:absolute; top:285px; left:90px; width:360px; height:30px; border:1px solid #FFFFFF; padding:0px 0px 0px 3px; color:#9F9F9F; font-style:italic;z-index:99;} #recipesearchBtn{position:absolute; top:284px; left:447px; x border:1px solid #FFFFFF; padding:0px 0px 0px 3px; color:#9F9F9F; font-style:italic;z-index:59;} /* auto-complete styling */ ul.ui-autocomplete li{list-style:none; text-align:left;} .ui-menu-item {} /* recipe detail page */ #recipeWrapper{margin:0px 0px 0px 30px;} #recipeWrapper h1{margin:0px 20px 7px 0px; font-size:28px; font-weight:bold;} #recipeImage{position:relative; top:0px; left:0px; margin:10px 0px;} #recipeActions{float:right; margin:0px 24px 0px 4px; width:118px; height:112px; } #recipeTips p{margin:0px 0px 7px 0px; padding:0px;} .recipeSubHead{font-size:16px; font-weight:normal; padding:0px; margin:0px;} .recipeDetailItem{padding:0px 10px 0px 0px;} .recipeDetailItem ul{ margin:0px; padding:0px;} .recipeDetailItem ul li{ list-style:none; margin:0px 0px 3px 0px; padding:0px;} .recipeDetailItem ul li.subHead{ list-style:none; margin:0px 0px 10px 0px; padding:0px; font-weight:bold;} .recipeDetailItem ol{ margin:0px; padding:0px;} .recipeDetailItem ol li{ margin:0px 0px 0px 18px; padding:0px;} .recipeDetailItem ol li.subHead{margin:0px 0px 10px 0px; padding:0px; font-weight:bold;} #recipeEmail{background-color:#FFFFFF; padding:10px; width:400px; height:300px;} #recipeProdCoupon{float:right; margin:10px 0px 10px 10px; width:152px; height:248px;padding:20px; background-image:url(images/bkg_recipe_product.jpg); background-position:top; background-repeat:no-repeat;} #recipeProdWrapper{float:right; margin:10px 0px 10px 10px; width:192px;} #recipeProdTop{position:relative; width:152px; height:48px;padding:10px 20px 0px 20px; background-image:url(images/bkg_recipe_product_top.jpg); background-position:top; background-repeat:no-repeat;} #recipeProdMiddle{position:relative; width:152px; padding:0px 20px 0px 20px; background-image:url(images/bkg_recipe_product_middle.jpg); background-position:bottom; background-repeat:no-repeat;} #recipeProdBottom{position:relative; width:192px; height:35px;padding:0px 0px 0px 0px; background-image:url(images/bkg_recipe_product_bottom.jpg); background-position:bottom; background-repeat:no-repeat;} #recipeRelProds{margin:10px 0px 0px 0px;} .relRecipeProdItem{margin:0px 0px 10px 0px;} #recipeProdCoupon h1{font-size:18px; font-weight:normal; margin:0px; padding:0px; line-height:20px;} #recipeProdCouponImg{margin:20px 0px;} #backToResults{margin:10px 0px;} /* recipe search */ #searchWrapper{padding:0px 10px 0px 30px;} #searchWrapper p{padding:0px 0px 10px 1px;} #searchResultsMessage{padding:4px 10px;margin:0px 0px 15px 0px;border:1px solid #CCCCCC; -moz-border-radius:14px; -webkit-border-radius:14px;} .recipeSearchItem{} .recipeSearchItem img{float:left; margin:0px 20px 10px 0px;} /* landing pages */ #landingWrapper{padding:0px 0px 0px 30px; xborder:1px solid blue;} .landingItem1{margin:0px 20px 10px 0px;text-align:left; xborder:1px solid red;} .landingItem1 img{float:left; margin:0px 20px 10px 0px;} .landingItem1 h1 {margin:0px; padding:0px; font-weight:normal; font-size:16px;} .landingItem1 p {margin:0px 0px 10px 0px; padding:0px;} .landingItem1 ul {margin:0px 0px 0px 237px; padding:5px 0px; } .landingItem1 ul li{list-style-image:url(images/left_nav_icon.jpg); padding:0px 0px 0px 0px; margin:0px 0px 0px 20px; } .landingItem2{float:left; margin:0px 20px 10px 0px; width:220px; height:330px; text-align:left; } .landingItem2 h1 {margin:0px; padding:0px; font-weight:normal; font-size:16px;} .landingItem2 p {margin:10px 0px 0px 0px; padding:0px;} .noFloat{float:none;} /* expandable pages */ #expandoArea{padding:0px 30px; overflow:hidden; } #expandoArea h1{ font-size:20px; font-weight:normal; padding:0px; margin:0px; } .backToTop{float:right; margin:0px 30px 10px 10px; height:32px;} .expandoBtn{margin:0px 0px 0px 0px;} /* coupons */ #couponWrapper{padding:0px 20px 0px 30px;} .couponItem{} .couponItem h1{font-size:22px; font-weight:normal; padding:0px; margin:0px;} .couponItem img{xfloat:left; xmargin:0px 20px 10px 0px;} .couponItemSide{padding:0px 10px 0px 20px;} .couponLeft{float:left; width:225px;} .couponDetail{margin:0px 0px 0px 230px; padding:0px 0px 0px 20px;} .couponDetail p{padding:0px; margin:0px;} #couponRequestLogin{display:none;} .couponDivider{ width:200px; height:5px;margin:0px 0px 10px 0px; background-image:url(images/video_divider.jpg); background-position:left; background-repeat:no-repeat;} .couponMailRequest{width:500px; height:400px; background-color:#FFFFFF; text-align:left; padding:20px;} /* press releases */ table.releaseTable{border-collapse:collapse;} table.releaseTable td.date{ width:100px; color:#F4AA00; padding:0px 0px 10px 0px; vertical-align:top;} table.releaseTable td{ padding:0px 0px 10px 0px; vertical-align:top;} /*faqs*/ #faqWrapper{margin:0px; padding:0px 0px 0px 30px;} #faqWrapper h1{font-size:18px; font-weight:normal;padding:0px; margin:0px;} #faqWrapper p{padding:0px; margin:0px;} #faqWrapper ul{margin:10px 0px 0px 18px; padding:0px;} #faqWrapper ul li{list-style-image:url(images/left_nav_icon.jpg); padding:0px; margin:0px 0px 0px 10px;} .faqSubCat{font-size:14px; font-weight:bold;} #faqWrapper dl {padding:0px 20px 0px 0px;} #faqWrapper dt { float: left; clear: left; width: 20px; text-align: right; font-weight: bold; color: #F4AA00; } #faqWrapper dd { margin: 0 0 0 30px; padding: 0 0 0.5em 0; } /*products */ #productWrapper{padding:0px 0px 0px 30px; margin:0px; background-color:#FFFFFF;} #productWrapper2{padding:0px; margin:0px; background-color:#FFFFFF; xborder:1px solid blue;} .prodItem{margin:0px 0px 20px 30px;} .prodItem img{ float:left; margin:0px 20px 10px 0px;} .prodSubHead{color:#F4AA00; font-size:14px; font-weight:bold;} .expandoProdBtn{xwidth:220px; display:block;} .expandoAreaProd{display:none; padding:0px; overflow:hidden;clear:both; xborder:1px solid red;} #expandoAreaProd h1{ font-size:20px; font-weight:normal; padding:0px; margin:0px; } .prodDetailItem{float:left; width:130px; height:210px; margin:0px 25px 20px 0px; } #productNutrition{width:100%; margin:10px 0px 0px 0px; padding:0px; text-align:left;} #productNutrition table{margin:0px 0px 0px 0px; padding:0px;text-align:left;} #productNutrition table td{text-align:left;} /* nutritional labels -- old styles but still active with facelift */ .nutrohead { font-size: 18px; margin-left:5px; font-weight: bold; } /*.nutrocopyleft { font-size: 11px; margin-left: 0px; margin-right:0px; margin-top: 0px; margin-bottom: 0px; } */ .nutrocopy { font-size: 11px; padding: 1px; margin-left:5px; margin-right:5px; text-align:left; /*margin-top:3px; margin-bottom:3px;*/ } .nutrocopy2 { font-size: 10px; padding: 0px; margin-left:4px; margin-right:4px; /*margin-top:3px; margin-bottom:3px;*/ } /*video */ #videoLeft{float:left; width:482px;padding:0px 0px 0px 4px;} #videoRight{margin:0px 0px 0px 720px;} #videoWrapper{margin:0px 0px 0px 30px} .videoMainTop{position:relative; top:0px; left:0px; width:482px; height:32px; background-image:url(images/videomain_top.jpg); background-position:top; background-repeat:no-repeat;} .videoMainMiddle{position:relative; top:0px; left:0px; width:471px;padding:1px 6px 5px 5px; background-image:url(images/videomain_middle.jpg); background-position:top; background-repeat:repeat-y;} .videoMainMiddle h1{margin:0px 20px 7px 30px; font-size:28px; font-weight:bold;} .videoMainMiddle h2{margin:0px 20px 7px 0px; font-size:20px; font-weight:normal; line-height:24px;} .videoMainMiddle h3{margin:20px 20px 0px 0px; font-size:14px; font-weight:bold; line-height:24px;} .videoMainMiddle p{margin:0px 20px 7px 0px;} .videoMainMiddle ul li{margin:0px 20px 7px 10px;} .videoMainBottom{position:relative; top:0px; left:0px; width:482px; height:32px; background-image:url(images/videomain_bottom.jpg); background-position:bottom; background-repeat:no-repeat;} #videoShareBtn{float:right; margin:0px 20px 10px 10px;} #videoBox{width:420px; height:315px; clear:both; background-color:#000000; margin:0px 0px 0px 0px;} .videoRightTop{position:relative; top:0px; left:0px; width:252px; height:32px; background-image:url(images/videoright_top.jpg); background-position:top; background-repeat:no-repeat;} .videoRightMiddle{position:relative; top:0px; left:0px; width:238px;padding:1px 6px 5px 8px; background-image:url(images/videoright_middle.jpg); background-position:top; background-repeat:repeat-y;} .videoRightMiddle h1{margin:0px 20px 7px 15px; font-size:20px; font-weight:normal;} .videoRightMiddle h2{margin:0px 20px 7px 30px; font-size:16px; font-weight:normal; line-height:24px;} .videoRightMiddle p{margin:0px 20px 7px 30px;} .videoRightMiddle ul li{margin:0px 20px 7px 10px;} .videoRightBottom{position:relative; top:0px; left:0px; width:252px; height:35px; background-image:url(images/videoright_bottom.jpg); background-position:bottom; background-repeat:no-repeat;} #videoRightWrapper{margin:0px 0px 0px 15px;} .videoDivider{margin:0px 0px 10px 0px;} .videoArchiveItem{padding:0px 10px 0px 0px; margin:0px 0px 10px 0px; font-size:11px; line-height:14px; font-weight:bold;} .videoArchiveItem img{float:left; margin:0px 12px 10px 0px;} #videoNowPlaying{font-size:11px; color:#A6CF77; text-transform:uppercase; margin:15px 0px 0px 0px;} /*offers */ #offerWrapper{ margin:0px 20px 0px 30px;} #offerWrapper p{ padding:0px; margin:0px;} #offerWrapper ol {margin:0px 0px 0px 20px; padding:0px;} #offerWrapper ol li{ font-size:11px;} #offerWrapper ol li p, #offerWrapper ol li table{ padding:0px; margin:0px;} #offerWrapper h1{font-size:20px; font-weight:normal; padding:0px; margin:0px;} #offerImage{float:left; width:220px;margin:10px 10px 10px 30px; text-align:center;} #offerText{margin:10px 20px 0px 230px;} #offerText h1{ font-size:20px; font-weight:normal; padding:0px; margin:0px;} #offerText p{ padding:0px; margin:0px;} .offerRules{font-size:11px;} /* forms */ label.error{color:#FF0000; margin-left:10px;xposition:absolute; left:-2000px; xdisplay:none; xvisibility:hidden;} input.error, select.error{border: 1px solid red;} .reqField{color:#F4AA00; font-style:italic;} #errorMessage{ visibility:visible; color:#F4AA00; font-weight:bold;margin:0px 0px 0px 0px;} #gccerrorMessage{position:absolute;top:105px; visibility:visible; color:#F00; font-weight:bold;margin:0px 0px 0px 0px;} .message{color:#F4AA00; font-weight:bold;} fieldset { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 20px; border:0px; } fieldset p{padding:0px; margin:0px;} legend { margin-left: 1em; color: #000000;font-weight: bold; } fieldset ol {margin:10px 0px 0px 0px; padding: 1em 1em 0 1em; list-style: none; } fieldset ol li { padding-bottom: 1em; float:left; margin:0px 10px 0px 0px; } fieldset.submit { border-style: none; } label { display: block; } .contactField{ border:1px solid #999999; padding:2px 10px; margin:0px; -moz-border-radius:10px; -webkit-border-radius:10px;} .contactFieldShort{ width:30px; border:1px solid #999999; padding:2px 10px; margin:0px; -moz-border-radius:10px; -webkit-border-radius:10px;} contactFieldLong{ width:250px; border:1px solid #999999; padding:2px 10px; margin:0px; -moz-border-radius:10px; -webkit-border-radius:10px;} .contactFieldTA{ border:1px solid #999999; padding:2px 10px; width:300px; height:100px; margin:0px; -moz-border-radius:10px; -webkit-border-radius:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px;} .counter{color:#666;} #contactWrapper{margin:0px 0px 0px 30px;} #contactWrapper p{padding:0px; margin:0px;} /* contact form */ #youAre{} #specificQuestion{width:460px;} #specificQuestionWrapper{display:none;} #contactFieldsWrapper{position:relative; top:0px; left:0px; width:460px; min-height:330px;} .contactItem{display:none;position:relative; top:0px; left:0px;} .btnSubmit{display:block;} .interimItem{margin:10px; padding:10px; border:1px solid #9F9F9F;} .condReq, .prodTypeItem{display:none;} xfieldset.contactForm ol {margin:10px 0px 0px 0px; padding: 1em 1em 0 1em; list-style: none; } xfieldset.contactForm ol li { padding-bottom: 1em; float:left; margin:0px 10px 0px 0px; width:200px; border:1px solid red; } .oneLine{width:400px;} /* site map */ #siteMapWrapper{ margin:0px 20px 0px 30px;} #siteMapWrapper ul{margin:0px; padding:0px 0px 0px 20px; } #siteMapWrapper ul li{margin:1px; padding:0px; list-style-image:url(images/left_nav_icon.jpg); } #siteMapWrapper ul li ul{margin:0px; padding:0px 0px 0px 20px; } #siteMapWrapper ul li ul li{margin:0px; padding:0px; list-style-image:url(images/left_nav_icon.jpg); } .fbWrapper{display:none;} /*jokes */ #rightJokeWrapper{margin:0px 10px 0px 5px; padding:1px 0px;} #chickenJokeImg{margin:0px 0px 0px 15px;} #rightJokeWrapper dl {padding:0px 20px 0px 0px; } #rightJokeWrapper dt { float: left; xclear: left; width: 20px; text-align: right; font-weight: bold; color: #F4AA00; } #rightJokeWrapper dd { margin: 0 0 0 30px; padding: 0 0 0.5em 0; } /*popups/panels */ .popup{background-color:#FFFFFF;} #popupWrapper{padding:20px; background-color:#FFFFFF; color:#000000; text-align:left; width:600px;} #popupWrapper h1{font-size:22px;} /* footer */ #footer{ position:relative;top:0px; left:0px; width:980px; height:101px; padding:0px; margin:5px 0px; background-image:url(images/bkg_footer.jpg); background-position:top; background-repeat:no-repeat; } #footer img{border:0px;} #facebookLink{position:absolute; top:20px; left:17px; width:230px; height:60px;border:0px;} #footerText{position:absolute; top:20px; left:265px; width:600px; height:60px;} #footerText h1{padding:0px;margin:0px; font-size:22px;} #footerText p{padding:0px; margin:0px;} #footerPrint{display:none;} h1{ color:#000000; padding-top:0px; margin-top:0px; font-size:14px;} h3{ color:#F4AA00; padding-top:0px; margin-top:0px; font-size:12px;} ul {} ul li{list-style-image:url(images/left_nav_icon.jpg); } ol{margin:0px 0px 0px 40px; padding:0px;} ol li{margin:0px; padding:0px;} ol li p{margin:0px; padding:0px;} .imageRight{float:right; margin:5px 0px 10px 10px;} .imageLeft{float:left; margin:5px 10px 10px 0px;} a:link, a:visited{text-decoration:underline; color:#000000;} a:hover, a:active{text-decoration:none; color:#000000;} /* colors orange: F4AA00 green: A6CF77 gray 9F9F9F peach: fef5e2 */