/* Fine Cooking Header styles */ #topnav { background: #fff; clear: both; width: 1002px; height:255px; position: relative; top: 0; font-size: 11px; margin:0 0 15px; z-index: 5000000; border-top: 4px solid #5F3D24; } #topnav form { display: inline; } /*#topnav-toprow { height: 135px; }*/ #ctl00_header_lnkMobile { display: block; background-color: #744E33; font-weight: bold; margin-bottom: -14px; color: #fff; text-decoration: none; padding: 3px 0 3px 270px; } #menu-items { background:#fff; margin:10px 0 0 280px; float:left; padding:0 auto; z-index:2; position:relative; } #logo { position: absolute; left: 0px; top: 20px; width: 273px; height: 100px; } ul#subnav { float:left; margin:20px 0 0 40px; border:0 none; padding:0; width:auto; list-style:none; } /* ul#subnav li { height:26px; float:left; } */ ul#subnav li span { display: none; } ul#subnav li.border a { border-left: 1px solid #9c928b; } ul#subnav li#recipe-button { background:#fff url(/images/btn_recipes.jpg) 0 50% no-repeat; float:left; width:72px; height:74px; position:relative; margin:0 5px 0 0; } ul#subnav li#recipe-button a#rcp { background: url(/images/btn_recipes.jpg) 0 50% no-repeat; width:72px; height:74px; float:left; } ul#subnav li#recipe-button a#rcp:hover, ul#subnav li.hovering a#rcp, body.recipes ul#subnav #recipe-button a#rcp, body.recipe ul#subnav #recipe-button a#rcp, body.drink_recipes ul#subnav #recipe-button a#rcp { background-image: url(/images/btn_recipes_selected.jpg);} ul#subnav li#ingred-button { background:#fff url(/images/btn_ingredients.jpg) 0 50% no-repeat; float:left; width:108px; height:74px; position:relative; margin:0 5px 0 7px; } ul#subnav li#ingred-button a#ingred { background:transparent url(/images/btn_ingredients.jpg) 0 50% no-repeat; width:108px; height:74px; float:left; } ul#subnav li#ingred-button a#ingred:hover, ul#subnav li.hovering a#ingred, body.ingredients ul#subnav #ingred-button a#ingred { background:transparent url(/images/btn_ingredients_selected.jpg) 0 50% no-repeat; } ul#subnav li#howto-button { background:#fff url(/images/btn_howto.jpg) 0 50% no-repeat; float:left; width:73px; height:74px; position:relative; margin:0 10px 0 10px; } ul#subnav li#howto-button a#howto { background:transparent url(/images/btn_howto.jpg) 0 -50% no-repeat; width:73px; height:74px; float:left; } ul#subnav li#howto-button a#howto:hover, ul#subnav li.hovering a#howto, body.how_to ul#subnav #howto-button a#howto { background:transparent url(/images/btn_howto_selected.jpg) 0 -50% no-repeat; } ul#subnav li#cookstalk-button { background:#fff url(/images/btn_cookstalk.jpg) 0 50% no-repeat; float:left; width:103px; height:74px; position:relative; margin:0 0 0 5px; } ul#subnav li#cookstalk-button a#cookstalk { background:transparent url(/images/btn_cookstalk.jpg) 0 50% no-repeat; width:103px; height:74px; float:left; } ul#subnav li#cookstalk-button a#cookstalk:hover, ul#subnav li.hovering a#cookstalk, body.cookstalk ul#subnav #cookstalk-button a#cookstalk { background:transparent url(/images/btn_cookstalk_selected.jpg) 0 50% no-repeat;} ul#subnav li#videos-button { background:#fff url(/images/btn_videos.jpg) 0 50% no-repeat; float:left; width:73px; height:74px; position:relative; margin:0 10px 0 20px; } ul#subnav li#videos-button a#vid { background:transparent url(/images/btn_videos.jpg) 0 -50% no-repeat; width:73px; height:74px; float:left; } ul#subnav li#videos-button a#vid:hover, ul#subnav li.hovering a#vid, body.how_to ul#subnav #videos-button a#vid { background:transparent url(/images/btn_videos_selected.jpg) 0 50% no-repeat; } ul#subnav li#sub-buttons ul { float: left; margin: 0 0 0 20px; _margin: 0 0 0 8px; border: 0 none; padding: 0; width: auto; /*For KHTML*/ list-style: none; } ul#subnav li#sub-buttons ul li { float: none; margin-bottom: 2px; } ul#subnav li#video-button, ul#subnav li#video-button a { background: #fff url(/images/btn_videos.gif) top left no-repeat; width: 69px; height: 15px; position: relative; } ul#subnav li#video-button a { width: 69px; height: 15px; float: left; } ul#subnav li#magazine-button, ul#subnav li#magazine-button a { background: #fff url(/images/btn_magazine.gif) top left no-repeat; width: 88px; height: 15px; position: relative; } ul#subnav li#magazine-button a { width:88px; height:15px; float:left; } ul#subnav li#books-button { background: #fff url(/images/btn_books.gif) top left no-repeat; width: 113px; height: 15px; position: relative; } ul#subnav li#books-button a { width: 113px; height: 15px; float: left; } ul#subnav li#store-button, ul#subnav li#store-button a { background: #fff url(/images/btn_store.gif) top left no-repeat; width: 62px; height: 15px; position: relative; } ul#subnav li#store-button a { width:62px; height:15px; float:left; } #welcome-mat1 { float: right; width: 90%; margin-top:10px; z-index: 3; color: #6f6f6f; font-size: 11px; text-align: right; } #welcome-mat1 .welcome_links { margin-left: 10px; } #welcome-mat1 .welcome_links a { color: #833b01; text-decoration: none; } #welcome-mat1 .welcome_links a:hover { text-decoration: underline; } #cooksclub { float:right; margin:0; } /*#cooksclub a.linked-heading { float: left; width: 125px; height: 20px; } #cooksclub a.member-page-link { float: right; color: #fff; font: 10px arial; padding:0; margin:0; } #cooksclub .cooksclub_links { float:left; margin:3px 0 0; font:bold 14px verdana, arial; color:#4c3314; text-transform:none; letter-spacing:-1px; } #cooksclub .cooksclub_links a { background:url(/images/arrow-brown-in-cir.gif) no-repeat right center; color:#4c3314; text-decoration:none; padding-right:15px; }*/ #ctl00_header_hdrMainNav_CClogoLink { float:left; width: 100px; height: 20px; margin: 6px 0 0 10px; z-index: 50; } #CClogoLink, #CClogoLinkb { float:left; width: 100px; height: 20px; margin: -2px 0 0 10px; z-index: 50; } #search { float: left; z-index: 0; margin:8px 0 0 30px; width:280px; } #search input { width: 173px; vertical-align: middle; } #search input.go { border: none; background: 0; width: 24px; height: 24px; } #search input.search-btn { border:none; background:none; width:41px; height:34px; margin-top: -1px; } #search input.search-input { /*background:url(/images/bg-input-new-search.gif) no-repeat 0 3px !important; */ background-image: none !important; border: 1px solid #ccc; width:181px; height:20px !important; float:left; padding:2px; margin-top: 2px; margin-right: -5px; } /* search */ input#q { display:none; } /*#search input[type='radio'] {-webkit-appearance: radio; }*/ .search-type { float:left; margin:0; padding:2px 0;} .search-type input { left:-9999px; position:absolute; } .search-type label { background:url(/images/bg-radio-btn-sprites.gif) no-repeat 0 0; color:#603d26; cursor:pointer; font:400 12px arial, sans-serif; padding-left:18px; margin-right:10px; } .search-type label.checked { background:url(/images/bg-radio-btn-sprites.gif) no-repeat 0 -18px; } ul#store-links { float:left; margin:5px 0 0; list-style:none; padding:0; } ul#store-links li.ecom-item { color:#f07802; font:bold 13px verdana,arial; display:block; float:left; margin-left:10px; position:relative; } #store-links li.ecom-item:first-child { margin-left:0; } #store-links a { color:#f07802; text-transform:uppercase; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } #store-links a span { display:none; } #subscribe-renew { float: left; margin: 25px 0 0 10px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FF9806;} #subscribe-renew a { text-transform: uppercase; text-decoration: underline; font-weight: bold; color: #EE6F02; } /*to fix z-index issue with google search auto-complete box in FF*/ .gsc-completion-container { z-index: 5000010; } div.browse-menu { position:absolute; padding:0 20px; background-color:#fff; display:none; left:-50px; height:auto; width:auto; z-index:1000; } #recipe-menu { top:75px; border:2px solid #f07802; padding-bottom:10px; width:711px; } #ingred-menu { top:75px; border:2px solid #97ca48; width:483px; } #howto-menu { top:75px; left:-148px; border:2px solid #efa729; padding-bottom:10px; width:618px; } #cookstalk-menu { top:75px; border:2px solid #c4b91a; padding-bottom:10px; width:284px; } #videos-menu { top:75px; border:2px solid #efa729; padding-bottom:10px; width:172px; } #store-menu, #magazine-menu { background-color:#fff; top:47px; left:10px; border:1px solid #EFA729; border-radius:3px 3px 3px 3px; display:none; padding:5px 8px; position:absolute; height:auto; width:auto; z-index:1000; } div.browse-menu ul { float:left; margin:0; padding:10px 50px 10px 0; } #recipe-menu ul, #howto-menu ul, #cookstalk-menu ul, #videos-menu ul { padding: 10px 20px 0 0; } #magazine-menu ul, #store-menu ul { padding:8px; margin:0; float:left; } #recipe-menu li, #ingred-menu li, #howto-menu li, #cookstalk-menu li, #videos-menu li, #magazine-menu li, #store-menu li { padding:2px 0; list-style:none; font-size:12px; font-weight:normal; } #magazine-menu li, #store-menu li { white-space:nowrap; } #recipe-menu li { padding: 1px 0; } #recipe-menu a, #ingred-menu a, #howto-menu a, #cookstalk-menu a, #videos-menu a, #magazine-menu a, #store-menu a { display: block; text-decoration: none; font-size: 12px; } #recipe-menu a, #ingred-menu a, #howto-menu a, #videos a { color: #484848; } #cookstalk-menu a { color: #857c02; font-weight: bold; } #cookstalk-menu ul.blogs_link a { color: #484848; font-weight: normal; } #magazine-menu a { color: #a8530e; } #store-menu a { color: #a8530e; } #recipe-menu a:hover, #ingred-menu a:hover, #howto-menu a:hover, #cookstalk-menu a:hover, #videos-menu a:hover, #magazine-menu a:hover, #store-menu a:hover { text-decoration: underline; } #cookstalk-menu ul.blogs_link { margin: 0px 0px 0px 15px; width: 100%; padding: 0px; float: none; } #cookstalk-menu ul.blogs_link li { background-image: url(/images/arrow_a29607.gif); background-repeat: no-repeat; background-position: center left; padding-left:10px; } #recipe-menu .column1 { float: left; width: 122px; } #recipe-menu .column2 { float: left; width: 157px; } #recipe-menu .column3 { float: left; width: 129px; } #recipe-menu .column4 { float: left; width: 165px; } #recipe-menu .column5 { float: left; width: 138px; } #howto-menu .column1 { float: left; width: 140px; } #howto-menu .column2 { float: left; width: 145px; } #howto-menu .column3 { float: left; width: 148px; } #howto-menu .column4 { float: left; width: 185px; } #videos-menu .column1 { float: left; width: 140px; } #videos-menu .column2 { float: left; width: 145px; } #videos-menu .column3 { float: left; width: 148px; } #videos-menu .column4 { float: left; width: 185px; } #recipe-menu .heading { color: #f07802; font-size: 12px; } #howto-menu .heading { color: #efa729; font-size: 12px; font-weight: bold; } #videos-menu .heading { color: #efa729; font-size: 12px; font-weight: bold; } #cookstalk-menu .new { font-weight: bold; color: #47ac16; } #howto-menu .new { font-weight: bold; color: #526cb7; } #videos-menu .new { font-weight: bold; color: #526cb7; } .clear {clear:both;} #recipe-menu a.post-recipe { display: block; font-weight: bold; color: #fff; font-size: 13px; background-color: #f07802; padding: 2px 15px 2px 0; text-decoration: underline; margin: 0 -20px; text-align: right; } #recipe-menu a.all-recipes { display: block; color: #f07802; font-weight: bold; background: url(/images/arrow_f07802.gif) 0 3px no-repeat; padding-left: 10px; } /*#recipe-menu*/ .promo { float:left; width:269px; height:auto; margin:15px 0 0 0; } #recipe-menu .promo .content { float: left; width: 267px; } #recipe-menu .promo .content img { float: left; margin-right: 10px; } #recipe-menu .promo .content p { float: left; margin: 5px 0; font-size: 11px; width: 128px; } #recipe-menu .promo .content p a { display: block; background: url(/assets/images/arrow_636363.gif) 0 3px no-repeat; color: #484848; font-size: 11px; padding-left: 8px; } #recipe-menu .promo .content p .title { color: #9e1212; } #recipe-menu .promo .topic-guides { width: 258px; height: 148px; background: url(/images/header_promos/drop-down-specials.png) top left no-repeat; padding: 35px 30px 10px 20px; } #recipe-menu .promo .topic-guides a { background: url(/images/bullet-drop-ads.gif) left 4px no-repeat; padding-left: 10px; color: #464646; line-height: 15px; margin-bottom: 2px; } #recipe-menu .promo .topic-guides strong { color:#ff5d00; } /* DROPDOWN MENUS */ ul#subnav li.hovering div.browse-menu { display:block; } ul#store-links li.hovering div { display:block; } /* div#menu-items img.close, div.ecomContainer img.close { display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:-1; } div#topnav ul:hover + img, div.ecomContainer ul:hover + img { display:block; } */ /* new header 9-12-12 */ #pattern-bar { background-image: url('/images/pattern_bar.jpg'); height:71px; } #pattern-bar-wrapper { border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; margin: 10px 0 5px; padding: 5px 0; clear: both; } /* so that the google search is not on white bg */ .cse-branding-bottom { background-color: none !important; background: none !important; } #welcome-mat1 a { color: #252525; } /* HIDE MENU ITEMS ON PAGES THAT ONLY GET SIMPLE HEADER*/ #login #connect-row, #login #pattern-bar-wrapper, #login #cooksclub {display: none;} #error #connect-row, #error #pattern-bar-wrapper, #error #cooksclub, #error #store-links {display: none;} #registration-profile #connect-row, #registration-profile #pattern-bar-wrapper, #registration-profile #cooksclub, #registration-profile #store-links {display: none;} /* NOW SHORTEN THE HEIGHT */ #login #topnav, #error #topnav, #registration-profile #topnav { height: 135px;} #social-label, #social-icons { float: left; margin: 0;} #social-label { margin: 3px 10px 0 0; } ul#social-icons { list-style-type: none; margin: 0; padding: 0; } ul#social-icons li { float: left; margin-right: 10px; } #email-signup {float: right;}