/* Thickbox */ *{padding:auto;margin:float;}#TB_window{font:12px Arial,Helvetica,sans-serif;color:#333; margin: 0; padding: 0; width: 598px !important; }#TB_secondLine{font:10px Arial,Helvetica,sans-serif;color:#666;}#TB_window a{font-family:Verdana,Helvetica,Arial,sans-serif;font-size:10px;color:#D73A15;}#TB_window a:link,#TB_window a:visited{text-decoration:none;}#TB_window a:hover,#TB_window a:active{text-decoration:underline;}#TB_overlay{position:fixed;z-index:100;top:0;left:0;height:100%;width:100%;}.TB_overlayMacFFBGHack{background:url(/images/common/bg_overlayShadow.png) repeat;}.TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;}* html #TB_overlay{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');}#TB_window{position:fixed;background:#fff;z-index:102;color:#000;display:none;text-align:left;top:50%;left:50%;}* html #TB_window{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');}#TB_window img#TB_Image{display:block;margin:15px 0 0 15px;}#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;}#TB_closeWindow{height:25px;padding:11px 25px 10px 0;float:right;}#TB_closeAjaxWindow{display:none;}#TB_ajaxWindowTitle{font:12px/21px "Century Gothic","Lucida Grande",verdana,arial,helvetica,sans-serif;text-transform:uppercase;text-align:center;color:#fff;display:none;}#TB_title{background-color:#685142;margin:0;padding:0;}#TB_ajaxContent{clear:both;padding:2px 15px 15px 15px;overflow:auto;text-align:left;line-height:1.4em;}#TB_ajaxContent.TB_modal{padding:15px;}#TB_ajaxContent p{padding:5px 0 5px 0;}#TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;}* html #TB_load{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2)+(TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)+'px');}#TB_HideSelect{z-index:99;position:fixed;top:0;left:0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;height:100%;width:100%;}* html #TB_HideSelect{position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight+'px');}#TB_iframeContent{margin:0;padding:0;clear:both;border:none;} .mobile_message { padding: 20px 0; background: #ffffff; text-align: center; -webkit-box-shadow: 0 0 6px 0 rgb(0,0,0,.6); box-shadow: 0 0 6px 0 rgb(0,0,0,.6); font-size: 24px;} .mobile_message a { padding: 9px; } .mobile_message a span{ padding: 0 4px; background: #d73a15; color: #fff; border-radius: 6px; text-transform: uppercase; font: bold 18px Century Gothic, verdana, arial, helvetica, sans-serif; } .mobile_message a:hover { text-decoration: none; } /* Basic styles: Default font is Georgia, gray background, lists have red arrow bullets, links underline on hover */ body { background-color: #e7e5d5; color: #222222; font-family: Georgia, Times, serif; font-size: 12px; margin: 2px auto 150px; } img { border:0; } sup { font-size: 5px; } sup.note { font-size: 10px; font-weight: bold; } h1 { margin: 0 0 14px 0; padding: 12px 0 9px 0; font-size: 15.5px; line-height: 36px; font-weight: normal; font-style: normal; letter-spacing: 1.85px; word-spacing: 1px; text-align: center; text-transform: uppercase; color: #222; border-bottom: 1px dashed #bbb4a3; clear: left;} h1.noBorder { margin: 0 0 0 0; padding: 12px 0 9px 0; font-size: 15.5px; line-height: 36px; font-weight: normal; font-style: normal; letter-spacing: 1.85px; word-spacing: 1px; text-align: center; text-transform: uppercase; color: #222; border-bottom: none; clear: left;} h1.magIndex { margin: 0; border: 0; } #blankh1 {border:none;} h1 a { color: #222222; font-family: georgia; font-size: 15.5px } h2, h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { margin: 13px 0 4px 0; font-family: Georgia, Times, serif; font-size: 15px; line-height: 19px; font-weight: normal; letter-spacing: .25px; color: #222222; background-color: transparent; } h2 span.editorsChoice { padding: 0 0 0 38px; background: url('/images/common/icon_book.png') no-repeat scroll 6px 0; } h3 { margin: 0; font-size: 14px; font-weight: normal; display: inline; } h3.faq { margin: 12px 0 8px 0; font-family: georgia, times, serif; font-weight: normal; font-size: 15px; padding: 15px 0 0 0; display: block;} h4 { margin: 0; padding: 0; color: #9b8d6d; font-family: "Century Gothic", Arial, sans-serif; font-size: 11px; line-height: 11px; font-weight: bold; text-transform: uppercase; letter-spacing: 1.0px; } h4.sectionHeader { padding: 15px 0 0 17px; } h4.faqSectionHeader { color: #ffffff; background: #8c877a; clear: left; padding: 5px; font-family: verdana, sans serif; font-size: 10px; text-indent: 14px; letter-spacing: .2px; margin-top: 27px; } h5 { margin: 0; padding: 0; font-style: italic; font-weight: normal; font-size: 13px; } h6 { margin: 0 0 6px 0; padding: 0; font-size: 10px; } span.categoryTitle { margin: 0 0 10px 0; color: #887b5b; font-family: "Century Gothic", Arial, sans-serif; font-size: 10.5px; line-height: 11px; text-transform: uppercase; letter-spacing: 1.2px; } p { margin: 0 0 8px 0; padding: 0; font-size: 12px; line-height: 19px; font-style: normal; } .teaserText p, .teaserText { display: inline; } p.backToTop { font-family: verdana, arial, helvetica, sans- serif; font-size: 10px; color:#D73A15; margin-bottom: -10px;} p.cie { padding-left:20px; background-image: url('/images/common/bullet_book.png'); background-repeat: no-repeat; background-position: 0 2px;} p.attribution span {font-size:12px;} a { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: inherit; color: #D73A15; } a:link, a:visited { text-decoration: none; } a:hover, a:active { text-decoration: underline; } strong { font-family: Verdana, Helvetica, Arial, sans-serif; } ul { margin: 0; padding: 0; display: block; list-style-type: none; font-style: normal;} ul li { margin: 0; padding: 0 0 0 20px; background: url('/images/common/bullet_arrow.png') no-repeat 0 0px; display: block; } ul li.triangle { background-position: 0 3px; } ul li.video { background-image: url('/images/common/bullet_camera.png'); } ul li.add { background-image: url('/images/common/bullet_add.png'); } ul li.delete { background-image: url('/images/common/bullet_minus.png'); } ul li.collection { background-image: url('/images/common/bullet_folder.gif'); } ul li.print { background-image: url('/images/common/bullet_print.png'); } ul li.shopping { background-image: url('/images/common/bullet_list.png'); } ul li.email { background-image: url('/images/common/bullet_email.png'); } ul li.cie { background-image: url('/images/common/bullet_book.png'); background-repeat: no-repeat;} .shadowedInput { border: 1px solid #B4B4AA; background-color: #FFFFFF; color: #222222; background-image: url('/images/common/bg_shadowBox.gif'); background-repeat: no-repeat; font-size: 11px; } #howWeUseEmailLink {font-size:12px;} /* Sitewide header with America's Test Kitchen Badge on the left, above the white content box */ #navCorp { list-style-type: none; margin: 6px auto; padding: 0; width: 924px; height: 26px; overflow: hidden; text-align: right; display: block; background: url('/images/common/sprite_siteHeaderNew.png') no-repeat scroll 0 0; position: relative; } #navCorp li { margin: 0; padding: 0; background-image: none; height: 7px; overflow: hidden; position: absolute; } #navCorp li a { margin: 0; padding: 7px 0 0 0; height: 0px; display: block; overflow: hidden;} #navCorp #atkLogo { margin: 0; padding: 0; width: 74px; height: 26px; position: absolute; top: 0; left: 0;} #navCorp #atkLogo .americasTestKitchenBadge { margin: 0; padding: 26px 0 0 0; height: 0px; width: 74px; overflow: hidden; } #navCorp .cio { width: 123px; top: 12px; left: 98px;} #navCorp .cio a:hover { background: url('/images/common/sprite_siteHeaderNew.png') no-repeat scroll -98px -38px; } #navCorp .cco { width: 108px; top: 12px; left: 245px;} #navCorp .cco a:hover { background: url('/images/common/sprite_siteHeaderNew.png') no-repeat scroll -245px -38px; } #navCorp .atk { width: 164px; top: 12px; left: 377px;} #navCorp .atk a:hover { background: url('/images/common/sprite_siteHeaderNew.png') no-repeat scroll -377px -38px; } #navCorp .cctv { width: 125px; top: 12px; left: 565px;} #navCorp .cctv a:hover { background: url('/images/common/sprite_siteHeaderNew.png') no-repeat scroll -565px -38px; } #navCorp .bookstore { width: 73px; top: 12px; left: 710px; } #navCorp .bookstore a:hover { background: url('/images/common/sprite_siteHeaderNew.png') no-repeat scroll -710px -38px; } #navCorp .customerService { width: 117px; top: 12px; left: 807px; } #navCorp .customerService a:hover { background: url('/images/common/sprite_siteHeaderNew.png') no-repeat scroll -807px -38px; } /* Header within the white content box, featuring search field and Cook's Illustrated logo */ #cooksBanner { margin: 2px auto 0 auto; padding: 0 0 10px 0;width: 979px; background: url('/images/common/bg_content_corners.png') no-repeat; text-align: right; position: relative;height:89px; zoom: 1;} #cooksIllustratedMasthead { position: absolute; top: 20px; left: 363px; border: 0; } #marketingBannerLinks { margin: 28px 0 0 16px; float: left; } #marketingBannerLinks ul { margin-bottom: 6px; text-align: left; width: 200px; list-style-type: none; } #marketingBannerLinks ul li { padding: 0 0 0 10px; background-image: none; font-size: 10px; line-height: 12px; } #utilities {margin:20px 24px 0 0; list-style-type:none; float:right; } #utilities li {padding: 0 10px; background:#fff; display:inline; } #utilities li.login {border-right: 1px solid #000;} #utilities li.my_favorites {border: 1px solid #000; border-width: 0px 1px;} #utilities li.join {padding-right:0;} #utilities li a {font: bold 10px/18px verdana,arial,helvetica,sans-serif;} /* SEARCH form */ #searchBox {margin: 0; width: 300px; height: border:1px solid #555; position:relative;} #global_search { margin: 44px 0 0 0; height: 50px; width: 260px; text-align: left; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; position: absolute; left: 696px; z-index: 90;} #global_search_query { margin: 15px 0 0 0; padding: 4px; width: 153px; height: 14px; vertical-align: middle; float: left; display: inline; z-index: 5; color: #555; border-top:2px solid #d2d0cb; border-right:1px solid #e1ddd6; border-bottom: 1px solid #e1ddd6; border-left:none; } #btn_submit_global_search { margin: 20px 0 0 4px; vertical-align: middle; float: left; display: inline; z-index: 5; } #btn_slideshow { position: absolute; top: 28px; right: 28px; } /* SEARCH TYPE dropdown */ #btn_search_filter_select { margin: 13px 0 0 3px; width: 34px; height: 27px; display: block; float: left; background: #fff url('/images/common/btn_refineSearch.png') no-repeat 0 0; } #btn_search_filter_select_on { margin: 13px 0 0 3px; width:34px; height: 27px; z-index: 380; background: url('/images/common/btn_refineSearchUp.png') no-repeat; } #search_filter_select { padding-bottom: 10px;width: 204px; position: absolute; top:0; left:0px; z-index: 375; background: url('/images/common/bg_search_select_bottom.png') no-repeat bottom center; } #search_filter_select li { z-index: 370;} #search_filter_select li.search_filter_option { margin: 0 0 -1px 0; padding: 1px 0 1px 13px; width: 204px; height: 19px; background: url('/images/common/bg_search_select_middle.png') repeat-y 0 0 transparent;} #search_filter_select li.search_filter_option.hover {background:url('/images/common/bg_search_select_hover.png') repeat-y 0 0 transparent;} #search_filter_select li.search_filter_option a { padding: 0 0 0 0; color: #000; font: 11px/18px verdana,arial,helvetica; cursor: pointer; } #search_filter_select li.search_filter_option a:hover {text-decoration: none;} /* JOIN overlay*/ #join { margin-right: 26px; padding-bottom: 7px; width: 290px; position: absolute; top: 20px; right: 0px; display: none; z-index: 600; text-align: center; } #join .close {margin: -4px 0 0 175px; padding:0 7px 0 10px; width: 107px; height: 26px; display: block; background-color: #bbb4a3; border-radius: 5px 5px 0px 0px;-moz-border-radius: 5px 5px 0px 0px;-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px; border: 1px solid white; border-width: 1px 1px 0 0;-webkit-box-shadow: 1px 8px 0px 1px #a29e93;-moz-box-shadow: 1px 8px 0px 1px #a29e93 ;box-shadow: 1px 8px 0px 1px #a29e93;} #join .close a {color: #fff; cursor: pointer; font-weight: bold; line-height: 26px; text-align: right; text-decoration: none; hover: pointer; font-size:10px;} #join .joinWrapper {width: 298px;border: 1px solid white; border-width: 0px 1px 1px 1px;-webkit-box-shadow: 1px 2px 0px 1px #a29e93;-moz-box-shadow: 1px 2px 0px 1px #a29e93 ;box-shadow: 1px 2px 0px 1px #a29e93;} #join form { margin: 0 10px 0 0 ;padding: 20px; width:250px; background: #fff; border: 4px solid #bbb4a3; z-index: 601; text-align:left; } #join .email { margin: 0; padding: 0 4px; height: 17px; width: 160px; background-color: #fff; border: 1px solid #dadada; border-top:2px solid #dadada; } #join input.error {border: 2px solid #d73a15;} #join p { margin: 0 0 15px 0; text-align: left; font: 15.5px/18px georgia, 'times new roman', serif; font-weight:normal;} #join label.error {display:none!important;} #join .howWeUseEmail { font-weight:normal; font-size: 10px; } #join .button { margin: 0 0 -4px 0; } /* Main content box (middle of white box) */ #contentDiv { background-color: transparent; color: inherit; background: #ffffff url('/images/common/bg_content_middle.png') repeat-y; width: 929px; margin: 0 auto; padding: 0 25px; clear: both; } /* Left column with login box and lists */ #leftContentCol { float: left; width: 137px; clear: left; } #leftNavCol { background-color: #ffffff; } .magazineLinkMenu { padding: 6px 0; background-color: #ffffff;} .magazineLinkMenu li { padding-left: 10px; font-size: 10px; background-position: -10px 0px; } .magazineLinkMenu li a { color: #725A4E; white-space: nowrap;} #logout { margin-bottom: 10px; } #logout a { color: #725A4E; font-size: 10px; } #logout li { padding-left: 10px; background-position: -10px 0;} #logout > li:first-child { background: none; padding: 0; font: 10px verdana, arial, helvetica, sans-serif; color: #725A4E;} #loginSignupBox { margin: 14px 0 0 0; padding: 0; background: #f2f1e8 url('/images/common/bg_myCookbookBox.gif') no-repeat scroll bottom center; } #loginSignupBox h4 { line-height: 19px; font-size: 10px; text-align: center; border-bottom: 1px solid #ffffff; color: #ffffff; background: #8c877a url('/images/common/bg_mycookbook_header.gif') no-repeat scroll top left; } #loginSignupBox form { margin: 7px 0 0 12px; padding-bottom: 7px; font: 10px verdana, arial, helvetica, sans-serif; } #loginSignupBox a { font-weight: normal; } #loginSignupBox input.shadowedInput { margin: 0 0 4px 0; padding: 1px 4px; width: 102px; height: 13px; border-color: #ffffff; } #loginSignupBox input.loginButton { margin-top: 6px; } #myCookbookBox { margin: 0; padding: 0; width: 137px; height: 157px; background: transparent url('/images/common/bg_myCookbookBox.gif') no-repeat scroll bottom center; } #myCookbookBox h4 { line-height: 19px; text-align: center; border-bottom: 1px solid #ffffff; color: #ffffff; background: #8c877a url('/images/common/bg_mycookbook_header.gif') no-repeat scroll top left; } #myCookbookBox p { padding: 12px; font: 11px/16px verdana, arial, helvetica, sans-serif; } #myCookbookBox a { color: #d73a15; font-weight: bold; font-size: 10px; letter-spacing: -0.2pt; } #myCookbookBox ul { margin: 8px 3px 12px 9px; } #myCookbookBox ul li { padding: 3px 0 0 10px; margin-top: 2px; background-position: -10px 3px; } #myCookbookBox ul li a { color: #725A4E; } ul#manageMyCookbookLink { margin-left: 0px; padding: 2px 0 0 9px; border-top: 1px dashed #bbb4a3; } .leftContentBorderedCol { } #customerServiceLinks { margin: 6px 5px 12px 0; padding-bottom: 6px; border-bottom: 1px dashed #BBB4A3; font-family: Verdana, Helvetica, Arial, sans-serif; color: #D73A15; background-color: transparent; font-size: 10px; } #customerServiceLinks li { padding: 0; background-image: none; } #customerServiceLinks a { font-weight: bold; line-height: 18px; color: #D73A15; background-color: transparent; } #faqRelatedLinks { margin: 10px 5px 0 0; padding-bottom: 6px; border-bottom: 1px dashed #BBB4A3; font-family: Verdana, Helvetica, Arial, sans-serif; color: #D73A15; background-color: transparent; font-size: 9.5px; letter-spacing:normal; } #faqRelatedLinks span { font-weight: bold; font-size:9.5px line-height: 21px; color: #222222; background-color: transparent; } #faqRelatedLinks a { font-weight: normal; line-height: 16px; color: #D73A15; background-color: transparent; } #newBestRecipeBox { margin: 6px 5px 6px 0; padding-bottom: 6px; border-bottom: 1px dashed #BBB4A3; } #newBestRecipeBox a img { border: 0; margin: 6px 0; } .connectWithUs { margin-top: 4px; line-height: 10px; font-family: Verdana,Helvetica,Arial,sans-serif; font-weight: bold; font-size: 10px; font-style: normal; color: #D73A15; width: 60px; display: block; float:left; } .socialMediaImg { margin: 10px 5px 10px 0; } .leftContentBorderedCol #sectionLists { margin: 0 5px 5px 0;padding: 15px 10px 0 0; border-bottom: 1px dashed #bbb4a3;} .leftContentBorderedCol #sectionLists ul { margin: 4px 0 20px 0; } .leftContentBorderedCol #sectionLists ul li { font: 10px/20px Verdana, Helvetica, Arial, sans-serif; background-position: 0 3px; } .leftContentBorderedCol #sectionLists ul li a { color: #222222; background-color: transparent; } /* Right Column */ #rightCol { /* margin-left: 143px; */ float: right; width: 786px; position: relative; clear: right; } #navSite { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } #navSite li { margin: 0; padding: 0; float: left; background-image: none; } #navSite a { margin: 0; padding: 0; height: 27px; overflow: hidden; display: block; } /*#navSite li a:hover, #navSite li.current a { background-position: 0 -27px; } */ #headerLinkRecipes a { width: 120px; background: url('/images/common/bg_sprite_header.gif') no-repeat scroll 0 0; } #headerLinkRecipes a:hover, #headerLinkRecipes.current a { background-position: 0 -27px; } #headerLinkEquipmentReviews a { width: 221px; background: url('/images/common/bg_sprite_header.gif') no-repeat scroll -120px 0; } #headerLinkEquipmentReviews a:hover, #headerLinkEquipmentReviews.current a { background-position: -120px -27px; } #headerLinkTasteTests a { width: 152px; background: url('/images/common/bg_sprite_header.gif') no-repeat scroll -341px 0; } #headerLinkTasteTests a:hover, #headerLinkTasteTests.current a { background-position: -341px -27px; } #headerLinkHowToCook a { width: 162px; background: url('/images/common/bg_sprite_header.gif') no-repeat scroll -493px 0; } #headerLinkHowToCook a:hover, #headerLinkHowToCook.current a { background-position: -493px -27px; } #headerLinkVideo a { width: 131px; background: url('/images/common/bg_sprite_header.gif') no-repeat scroll -655px 0; } #headerLinkVideo a:hover, #headerLinkVideo.current a { background-position: -655px -27px; } /* Feature Right Column */ #featureStage { background-color: #E7E5D5; text-align: right; color: inherit; width: 786px; overflow: auto; zoom: 1; clear: left; position: relative; } #featureStage .featuredFlashPlayer { margin: 0; padding: 0; text-align: center; border: 0; float: left; z-index: 50; } #flash_player1, #flash_player2, #flash_player { margin: 0; padding: 0; float: left; } /* Feature Stage Flowplayer Videos*/ #featureStage .featuredFlow { margin: 8px;text-align: center; border: 1px solid #bcb3a2; float: left; z-index: 50; height:357px; width: 490px; background: #fff; position:relative; } #featureStage .featuredFlow #player1 {margin: 9px auto;} #featureStage .featuredFlow #videoBar {background: #cfc9b8; text-align:left; } #featureStage .featuredFlow #videoBar h3 {padding: 0 4px; width: 370px; height: 19px; font: 10px/20px verdana, arial, helvetica, sans-serif; color:#000; display:inline-block; overflow: hidden;} a.addFavorites {font: 10px/16px verdana, arial, helvetica, sans-serif; border-left:1px solid white; float:right; margin: 0; padding: 2px 4px;} .featuredFlow a.addFavorites {margin:0!important;} #featureStage .featuredFlowLanding {width:494px; background: #bcb3a2; padding: 3px; float:left;} .featuredFlowLanding #player1, #featureStage .featuredFlowLanding a.watchVideo {float:left;} #featureStage .featuredFlowLanding ul {width:156px; padding:9px; float:left; background: #d4cfbe; height: 222px; overflow:auto;} #featureStage .featuredFlowLanding h4.relatedHeader {font: 13px/18px georgia,times,serif; font-style:italic; text-transform: lowercase; text-align:left; letter-spacing: 0; color:#7f695a; padding: 3px 0 10px;} #featureStage .featuredFlowLanding li {border-top:1px dashed #ebe9e0; padding-top: 7px; padding-bottom: 7px; background-position: 0 7px; text-align: left;} #featureStage .featuredFlowLanding li a {float:none; font: 10px/13px verdana, arial, helvetica, sans-serif; color:#6a5041;} #paywallSignupDiv #howWeUseEmailLink {margin:0 0 0 5px; font-size:10px; text-align:left; float:left;} #featureStage .featuredFlowLanding #videoDescription {height:100px; width: 464px; float:left; padding: 15px; background: #fff; font: 11px/18px verdana,arial,helvetica,sans-serif; float:left;} a.player2Header:hover {text-decoration:underline;} h3.flowHeader {font: 15.5px/16px georgia, times, serif; color: #d73a15; border-bottom: 1px dashed #bdb3a2;display:block; text-align:center; padding-bottom:8px; margin-bottom: 10px; letter-spacing: .04em; font-weight:normal} #featureStage .featuredFlowLanding #videoDescription p {text-align:left;margin-top:10px; font-size:11px;} #featureStage .featuredFlowLanding #videoDescription p a {font-weight:bold; float:none; font-size: 11px;} /* Feautre Stage By Issue */ #featureStage.byIssue {} #featureStage.byIssue .featuredFlow {margin: 8px;} #featureStage.byIssue ul {overflow:auto;} #featureStage.byIssue #zone24 #boxInner {height:222px;} #featureStage.byIssue #boxInner ul li {padding-bottom:9px;} /* Feature Stage Video Paywall */ #videoPaywallLoginSignupDiv { margin: 30px; background: #ffffff; font-size: 10px; text-align: center; z-index:10; padding: 4px;} #videoPaywallOverlayForm { padding: 25px; background: #fff; border:3px solid #e8e7d6; height:236px; width: 368px;} #videoPaywallOverlayForm .tryItFree { font: 18px Georgia, Times, serif; color: #000; display: block; margin:0px 0 13px; text-transform: none; padding-bottom:15px; border-bottom: 1px solid #e8e6d7;} #videoPaywallOverlayForm #paywallLoginForm { margin: 0; padding: 0; width: 138px; float: left; text-align: left;} #videoPaywallOverlayForm #paywallLoginForm label { margin: 0; padding: 0; font: 10px verdana, arial, helvetica, sans-serif; } #videoPaywallOverlayForm #paywallLoginForm input { margin: 0 0 4px 0; display: block; } #videoPaywallOverlayForm #paywallLoginForm .shadowedInput { padding-left: 4px; width: 112px; border: 1px solid #ffffff; } #videoPaywallOverlayForm #paywallLoginForm .loginButton { margin: 10px 0 8px 0; } #videoPaywallOverlayForm #paywallSignupDiv { font-family: verdana, arial, helvetica, sans-serif; text-align: center; margin-left: 0; padding-left: 0; } #videoPaywallOverlayForm .memberTextHeader { display:block; font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-style:normal; font-weight:bold; } #videoPaywallOverlayForm .StartYourFreeTrial { margin: 0 0 9px 0; font-family: "Century Gothic", verdana, arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #d73a15; font-size: 16px; display: block; font-style: normal; letter-spacing: .02em;} #videoPaywallOverlayForm #paywallSignupDiv ul { text-align: left; list-style-type:disc;} #videoPaywallOverlayForm #paywallSignupDiv ul li { display: list-item; font-size:11px; margin:0 0 9px 20px; padding:0; line-height: 15px; background:none;} #videoPaywallOverlayForm #videoPaywallSignupForm, #videoPaywallOverlayForm #paywallSignupForm { margin: 10px 0 0 5px; text-align: left; white-space: nowrap;} #videoPaywallOverlayForm #videoPaywallSignupForm input[type='text'], #videoPaywallOverlayForm #paywallSignupForm input[type='text'], #odpForm .shadowedInput { border: 1px solid #b7b7b7; width: 233px; margin-right: 3px; padding-left: 4px; height:20px; line-height:20px; } #videoPaywallOverlayForm #videoPaywallSignupForm input, #videoPaywallOverlayForm #paywallSignupForm input,#odpForm input { vertical-align: middle;} #videoPaywallOverlayForm #videoPaywallSignupForm label.error, #videoPaywallOverlayForm #paywallSignupForm label.error{display:none!important;} #videoPaywallOverlayForm #videoPaywallSignupForm input.error, #videoPaywallOverlayForm #paywallSignupForm input.error{background: none repeat scroll 0 0 #FFFCDF !important; border: 2px solid #d73a15;} #zone58 {top: 0; left: 0; position:absolute;width: 492px; height:359px; background: url('/images/common/bg_overlayShadow.png');z-index:50;} /* Cook's Live and Detail Player Paywalls */ #zone60 {position:absolute; background: url('/images/common/bg_overlayShadow.png'); z-index: 50;} #zone60 #videoPaywallLoginSignupDiv {background: #faf8f1; margin: 18px 25px;} #zone60 #videoPaywallOverlayForm {width:228px; height:161px; padding: 15px; background:#faf8f1; background-image: -moz-linear-gradient(left bottom 45deg, #faf8f1, #fff); -webkit-gradient(linear, left bottom, right top, from(#faf8f1), to(#fff));} #zone60 #videoPaywallOverlayForm .tryItFree {font-size:14px; line-height:19.5px; padding-bottom:8px; margin-bottom:10px;} #zone60 #videoPaywallOverlayForm .StartYourFreeTrial {margin: 0 ; font-size:14px;} #zone60 p {font-size: 10px; line-height: 16px;} #zone60 #paywallSignupForm {margin: 0;} #zone60 #paywallSignupForm input[type='text'] {width:133px;height:15px; margin: 0;color:#000;} #zone60 #howWeUseEmailLink {font-size:9px;} #detailVideo #zone60 #videoPaywallLoginSignupDiv {margin: 15px 10px;} #detailVideo #zone60 #videoPaywallOverlayForm {height: 136px; width: 211px; padding: 10px;} #detailVideo #zone60 #videoPaywallOverlayForm .tryItFree {font-size:13px; line-height:17px; padding-bottom:5px; margin-bottom:5px;} #detailVideo #zone60 #videoPaywallOverlayForm .StartYourFreeTrial {margin: 0 ; color:#000; text-transform:none; font: bold 10px/14px verdana,arial,helvetica,sans-serif;} #detailVideo #zone60 p {line-height:12px;} #detailVideo #zone60 #paywallSignupForm input[type='text'] {width:115px;height:15px; font-size:9px;} #detailVideo #zone60 #paywallSignupForm #btnStartNow {padding-bottom:4px;} #flash_player1, #flash_player2, #flash_player { margin: 0; padding: 0; float: left; } #flash_player1 { width: 496px; height: 377px; z-index: 50; } #flash_player1 strong { display: block; margin-top: 155px; } #Video { margin: 0; padding: 0; float: left; } #featureTopicAd { margin: 8px 8px 0 0; } #featuredArticle { border: 3px solid #bbb4a3; border-top: 0; text-align: left; position: relative; background: #bbb4a3 url('/images/common/bg_magFeature.gif') repeat-x scroll ; float: left; z-index: 50; } #featuredArticle h1 { margin: 0 0 10px 0; padding: 0; font-size: 15.5px; line-height: 36px; font-weight: normal; letter-spacing: 1.5px; text-align: center; text-transform: none; color: #d73a15; height: 36px; border-bottom: 1px dashed #bbb4a3; } #featuredArticle h1 a {color: #d73a15;} #featuredArticle img { float: left; } .magFeatureCover { padding: 10px;} .featuredArticleList, .browseMagazine { padding: 0 6px; float: left; background: ; height: 240px; } .browseMagazine { padding-top: 10px; padding-right: 30px; } .featuredArticleList span, .browseMagazine span { padding: 12px 0 8px 4px; font-size: 13px; font-style: italic; width: 150px; color: #685142; border-bottom: 1px dashed #eae8e0; display: block; } .browseMagazine span { padding-right: 20px; margin-left: 4px; } .browseMagazine span.selectIssue { border: 0; margin: 0; padding: 0; font-size: 11.4px; font-style: normal; display: inline; } #selectIssue { margin: 0 0 0 4px; padding: 0; } .featuredArticleList ul { margin-left: 0; padding-left: 0; width: 160px; } .browseMagazine ul { margin-left: 4px; padding-left: 0; } .featuredArticleList ul li, .browseMagazine ul li { margin: 6px 6px 0 0; padding: 0 0 6px 20px; font: 10px verdana, arial, helvetica, sans-serif; color: #685142; border-bottom: 1px dashed #eae8e0; } .featuredArticleList ul li a:link, .featuredArticleList ul li a:visited, .featuredArticleList ul li a:active, .featuredArticleList ul li a:hover, .browseMagazine ul li a { color: #685142; } .browseMagazine ul li.current a { color: #cf442f; } #featuredArticle .articleIntro { margin: 0; padding: 0 16px; width: 461px; height: 134px; background: #fff; clear: left; } #featuredArticle .featureArticleIntro { margin: 0; padding: 0 16px; width: 257px; height: 240px; background: #faf9f6; float: left; } #featuredArticle .featureArticleIntro h1 { color: #222222; } #featuredArticle p { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 17px; color: #222; display: inline; } #featureBlurbs { position: absolute; right: 0; top: 0; z-index: 1; } .boxOuter { margin: 8px 8px 8px 0; border: 1px solid #FFFFFF; padding: 3px; float: right; } * html .boxOuter { display: inline; } #boxInner { padding: 0; height: 234px; width: 263px; background-color: #ffffff; } #boxInner ul { margin: 0 27px; } #boxInner ul li { padding-bottom: 10px; font-size: 10px; font-weight: bold; text-align: left; } #boxInner ul li a { color: #222222; } #browseCooks { background-color: #FFFFFF; color: #725A4E; width: 261px; height: 225px; } #browseCooks span, #boxInner span { padding: 17px 0 8px 0; font-size: 15px; letter-spacing: 1.4px; color: #725a4e; text-align: center; text-transform: uppercase; display: block; } #browseCooks ul { margin: 0 27px; padding: 0 0 4px 0; list-style-type: none; } #browseCooks ul li { margin: 8px 0; padding: 0; text-align: center; background-image: none; } #browseCooks ul li.cie {background-image: url('/images/common/bullet_book.png'); background-repeat: no-repeat; background-position: 24px 2px; margin-left: 13px; width: 180px; text-align: center;} #browseCooks ul li.cie {background-position: 20px 1px\9; width:auto\9;} #browseCooks ul li a:link, #browseCooks ul li a:hover, #browseCooks ul li a:visited, #browseCooks ul li a:active { margin: 0; font-family: "Century Gothic", Verdana, Arial, sans-serif; font-size: 12px; letter-spacing: 1px; color: #D73A15; font-weight: bold; text-transform: uppercase; } .buttonContainer { margin: 8px auto 0 auto; text-align: center; } .buttonContainer a img { display: inline; border: 0; } #browseCooks ul li.cie .cie2lines { color:#D73A15; font-style: bold; font-size: 12px; font-family: "Century Gothic",Verdana,Arial,sans-serif; letter-spacing:1px; margin:0; text-transform:uppercase; margin: 0; padding:1px 0 0 20px;} #sweeps2010 {display:block; margin:5px 7px 5px 0; outline:0;} /* END rotating feature slideshow */ /*New browse Box */ .boxOuter1 { margin: 8px; border: 1px solid #FFFFFF; padding: 3px; float: right; } * html .boxOuter1 { display: inline; } .boxOuter1 #boxInner { padding: 0; height: 248px; width: 257px; background: #ffffff } .boxOuter1 #boxInner ul { margin: 8px 27px; } .boxOuter1 #boxInner ul li { padding-bottom: 14px; font-weight: bold; text-align: left; background-position: 0 3px; } .boxOuter1 #boxInner ul li a { color: #222222; } #browseCooks1 { background-color: #FFFFFF; color: #725A4E; width: 261px; height: 225px;} #browseCooks1 span, #boxInner span { padding: 17px 0 8px 0; font-size: 15px; letter-spacing: 1.4px; color: #725a4e; text-align: center; text-transform: uppercase; display: block; } #browseCooks1 ul { margin: 0 27px; padding: 8px 0 2px 0; height: 146px; list-style-type: none; overflow-y:scroll; overflow-x: hidden; background: url('/images/common/bg_shadowBox.gif') no-repeat scroll -4px 0; border: 1px solid #e6e6e6; } #browseCooks1 ul li { margin: 0; padding: 0; line-height: 18px; text-align: left; background-image: none;} #browseCooks1 ul li a { text-transform: capitalize; } #browseCooks1 ul li a:link, #browseCooks1 ul li a:visited, #browseCooks1 ul li a:active { margin: 0; padding: 0 0 0 7px; font-family: "Lucida Sans", verdana, arial, helvetica, sans-serif; font-size: 11px; color: #333333; display: block;} #browseCooks1 ul li a:hover { background-color:#685142; text-decoration:none; color:#FFFFFF;} #browseCooks1 ul li a b { text-transform: uppercase; } #browseCooks1 ul li.level2Cat a { text-indent: -18px; padding-left: 22px; text-transform: none; } #browseCooks1 ul li.showAllCat a { text-transform: uppercase; } /*END NEW BROWSE BOX*/ #testKitchenPromise { margin: 8px 8px 8px 0; float: right; } #featurePromo { margin: 0 9px 0 0; clear: both; float: right; display: inline;} #videoPaywall { margin: 8px 8px 0 0; padding: 32px 32px 0 32px; width: 211px; height: 328px; background: url('/images/common/bg_videoPaywall.gif') no-repeat scroll 0 0; float: right; text-align: left;} * html #videoPaywall { display: inline; margin-right: 0; } #videoPaywall h2 { margin: 0 0 10px 0; padding: 0; font-size: 15.5px; font-weight: normal; letter-spacing: 1.5px; text-align: center; text-transform: uppercase; color: #d73a15; } #videoPaywall ul { paddding: 0 5px; } #videoPaywall ul li { margin: 0 0 10px 0; font-family: verdana, arial, helvetica, sans-serif; font-size: 10.5px;} #videoPaywall form { margin: 15px 0 0 0; padding: 15px 0 0 0; border-top: 1px dashed #bbb4a3; text-align: center;} #videoPaywall form .shadowedInput { width: 100%; margin: 10px 0 4px; padding: 0 0 0 4px; } #videoPaywall form span { font-family: "Century Gothic", verdana, arial, helvetica, sans-serif; font-size: 16px; color: #685142; font-weight: bold; text-transform: uppercase; } /* Rotating feature slideshow */ #featureSlideShow { width: 501px; height: 377px; float: left; } .featureSlide { width: 501px; height: 377px; background: #bbb4a3; overflow: auto; zoom: 1; display: none; } .featureSlide img { margin: 0 3px 0 3px; padding: 0; border-right: 2px solid #8c877a; display: block; } .slideFeaturedArticle { margin: 0 3px; padding: 0; height: 114px; background: #faf9f6; border-left: 2px solid #faf9f6; border-bottom: 2px solid #8c877a; border-right: 2px solid #8c877a; border-top: 0; overflow: auto; zoom: 1; } .slideFeaturedArticle h1 { margin: 0 11px 8px 9px; padding: 0; line-height: 38px; } .slideFeaturedArticle h1 a { margin: 0; padding: 0; color: #d73a15; } .slideFeaturedArticle .articleTeaser { margin: 0 0 0 15px; width: 316px; text-align: left; background: #faf9f6; float: left; } .slideFeaturedArticle .articleTeaser p { font: 11px verdana, arial, helvetica, sans-serif; display: inline; } .slideFeaturedArticle .relatedContent { width: 128px; height: 58px; text-align: left; border-left: 1px dashed #bbb4a3; float: right; } .slideFeaturedArticle .relatedContent .relatedContentHeadline { margin-left: 10px; font-style: italic; text-transform: lowercase; } .slideFeaturedArticle .relatedContent ul { } .slideFeaturedArticle .relatedContent ul li { margin-left: 10px; font-size: 10px; background-position: -10px 0; padding-left: 9px; } .featureSlide .slideFeaturedArticle .relatedContent ul li.cie { margin-left: 2px; padding-left: 23px;} .featureSlide .slideFeaturedArticle .relatedContent ul li.video { padding-left: 20px; background-position: 0 0; } #featureNav { margin: 0; padding: 0; width: 495px; display: block; clear: both; z-index: 99; position: absolute; top: 354px; left: 3px; text-align: center; } #featureNav li { margin: 0; padding: 0; float: left; width: 165px; height: 19px; background-image: none; } #featureNav li a { padding-top: 2px; font: bold 10px "Century Gothic", verdana, arial, helvetica, sans-serif; text-transform: uppercase; color: #f8f7f3; letter-spacing: .1em; display: block; cursor: pointer; } #featureNav li.activeSlide a { height: 21px; background-color: #FFFFFF !important;color: #DE4000;} #selectIssueForm { margin-top: 18px; position: absolute; right: 0; } /* Tabbed navigation styles */ #navPage { background-color: #bbb4a3; height: 20px; clear: left; padding-left: 17px; overflow: hidden; zoom: 1; } #navPage ul.tabbedList { height: 16px; padding: 4px 0 0 0; float: left; vertical-align: bottom; } #navPage ul.tabbedList li { padding: 0 2px 0 0; height: 16px; float: left; background: #e7e5d5 url('/images/common/bg_tabRight.gif') no-repeat top right; } #navPage ul.tabbedList li a { border-bottom: 1px solid #dcd9c9; line-height: 15px; padding: 0 14px 0 14px; font-family: "Century Gothic", verdana, arial, helvetica, sans-serif; text-transform: uppercase; font-weight: bold; color: #d73a15; letter-spacing: .12em; background: url('/images/common/bg_tabLeft.gif') no-repeat scroll top left; display: block; font-size: 10px;} #navPage ul.tabbedList a:hover { color: #222222; text-decoration: none; } #navPage ul.tabbedList li.current { background-color: #ffffff; } #navPage ul.tabbedList li.current a { color: #222222; text-decoration: none; border-bottom-color: #ffffff; } /* Two-column teaser lists */ div.teaser3Column {float:left; margin:17px 8px 15px 8px; width:374px; line-height:19px; display:inline;} div.teaser3Column ul li { font: 11px/19px Verdana, Helvetica, Arial, sans-serif; background: url("/images/common/bullet_arrow.png") no-repeat scroll 0 3px transparent;} h3.topBorder { border-top:1px dashed #BBB4A3;} /* Three-column teaser lists */ div.teaser2Column { float: left; margin: 17px 8px 15px 8px; width: 246px; line-height: 19px; display: inline;} div.teaser2Column ul li { font: 11px/19px Verdana, Helvetica, Arial, sans-serif;} h3.topBorder { border-top:1px dashed #BBB4A3;} /* Four-column teaser lists */ div.pageSection { border-bottom: 1px dashed #BBB4A3; overflow: auto; zoom: 1; clear: both; } div.cpkLetterSection { margin: 0 0 17px 17px; padding: 0 0 17px 0; border-bottom: 1px dashed #BBB4A3; overflow: auto; zoom: 1; clear: both; } div.cpkLetterSectionLast { border: 0; } .cpkLetterSection h2 { font-family: georgia, times, serif; font-size: 15px; font-weight: normal; color:#d73a15;} div.wideDivider { margin-left: 17px; height: 1px; border-bottom: 1px dashed #bbb4a3; clear: left; } div.teaserColumn { float: left; margin: 17px 8px 15px 17px; width: 171px; line-height: 19px; display: inline;} div.teaserColumn.faq {width:237px;} ul.columnLinks li { line-height: 130%; margin: 10px 0 0 0; } div.teaserColumn .recipeImg { margin: 12px 0 4px 0; padding: 2px; border: 1px solid #e7e5d5; } div.teaserColumn h2 { font-size: 15px; color: #222222; background-color: transparent; margin: 7px 0 4px 0; line-height: 19px; } div.teaserColumn h2 a:link, div.teaserColumn h2 a:visited { color: #222222; background-color: transparent; } div.teaserColumn h2 a:active, div.teaserColumn h2 a:hover { color: #222222; background-color: transparent; } div.teaserColumn .endTeaserLink { margin: 2px 0 12px 0; } div.teaserColumn p {display:inline;} div.teaserColumn .endTeaserLink a { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; color: #D73A15; background-color: transparent; } div.teaserColumn .endTeaserList { margin: 0; padding: 0; width: 170px; font-size: 13px; font-style: italic; } div.teaserColumn .endTeaserList ul { margin-top: 2px; } div.teaserColumn ul li { font-size: 10px; background-position: 0 3px; } div.teaserColumn .endTeaserList ul li a { font-style: normal; } div.teaserColumn .editorialList ul li a { color: #222222; } div.teaserColumn .editorialList span { margin-bottom: 6px; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 10px; display: block; } /* Next section, with video player and Inside the Test Kitchen */ #insideTheTestKitchen, #featureTop10Lists { margin: 2px 0 0 0; padding: 0 0 20px 0; width: 401px; float: left; border-right: 1px dashed #BBB4A3; } #insideTheTestKitchen #top10Lists { width: 100%; } #insideTheTestKitchen { min-height: 515px; } #featureTop10Lists { height: 510px; } .articleSection { margin: 0 25px 0 19px; padding: 13px 0 20px 0; border-top: 1px dashed #BBB4A3; font-size: 12px; line-height: 19px; clear: left; overflow: auto; zoom: 1;} .articleSectionFullWidth { margin: 0 0 0 -19px; } .articleSectionFirst { border-top: 0; } .articleSection h2 { margin-top: 8px; } .articleSection .articleSectionImage { margin: 12px 13px 0px 0; padding: 2px; border: 1px solid #e7e5d5; float: left; } .articleSection a { font-size: 10px; font-weight: bold; } .articleSection ul li { margin:0 0 0 100px; font-size:10px; line-height: 19px; background-position: 0 3px; display:block; } .endSectionLink { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; color: #D73A15; background-color: transparent; } .endSectionLinkBreak { margin: 5px 0 12px 5px; } /* Magazine index page sections */ .magSection { margin-left: 19px; border-bottom: 1px dashed #BBB4A3; overflow: auto; zoom: 1; clear: both; } .magTeaser { margin: 19px 0; padding: 0 35px 0 0; width: 446px; float: left; } .magTeaser img { margin: 0 15px 0 0; border: 1px solid #e7e5d5; padding: 2px; float: left; } .magTeaser h2 { margin-top: 0; color: #d73a15; } .magTeaser h2 a { color: #222; } .magTeaser p { margin-bottom: 18px; } .magTeaser span.listOfRecipes { font-size: 13px; font-family: georgia, times, serif; font-style: italic; font-color: #222222; display: block; } .magTeaser ul.recipeList, .magTeaser ul.reviewList { margin-top: 4px; font-weight: bold; font-size: 10px; line-height: 19px; float: left; } .magTeaser ul.reviewList { margin-top: -8px; } .magTeaser ul.recipeList li, .magTeaser ul.reviewList li { width: 317px; background-position: 0 3px; } .magTeaser ul a { color: #222222; } .magTeaserList { margin: 19px 0 19px 501px; padding: 0 0 20px 29px; width: 200px; } .magTeaserList li { padding-top: 3px; padding-bottom: 6px; font-size: 10px; background-position: 0 3px;} .magTeaser ul li.video a { font-size: 10px; font-weight: bold; } /* Cook's Live video player or subscription form on topic pages */ #featureSubscriptionForm { margin: 5px 0 5px 5px; height: 485px; width: 377px; color: inherit; float: left; } #cooksLiveVideo {margin: 15px 0 15px 15px; padding: 20px; border: 1px solid #e8e6d7; width: 322px; overflow:auto; float:left; } #player2 {} #player2 .player2_cover, #player1 .player1landing_cover {background: url('/images/common/img_player2cover.png'); overflow:hidden; height:240px; width:320px; z-index:5; position: absolute; border:0;} #player2Tabs {text-align:center;padding:20px 0;} div.player2Dek { border-bottom: 1px dashed #adadad; padding-bottom:20px; margin-bottom:15px; height:110px;} #player2Tabs p {font: 11px/18px verdana,arial,helvetica,sans-serif; margin: 0;} #player2Tabs a.addFavorites {display:block; color: #d73a15; text-align:center;float:none; width: 150px; margin: 10px auto 0;} #player2Tabs h3.flowHeader {border:none; padding: 0; margin: 0 0 15px 0;} h5.player2Feature {font: bold 10px/18px "century gothic otf","century gothic", verdana,arial,helvetica,sans-serif; text-transform:uppercase; letter-spacing: .04em; text-align:left;} .play2List {height:55px;} #player2Related {} #player2Related li {display:inline; background: none; padding: 0 11px 0 0;} #player2Related li a img {padding: 1px; border:1px solid #e5e1da;} #player2Related .player2_thumbCover {background: url('/images/common/img_flowplaythumb.png') no-repeat 0 0 transparent; overflow:hidden; height:51px; width:51px; z-index:5; position:absolute; border: 1px solid #d73a15;} #detailVideo {margin: 0; padding: 7px; width:265px; overflow:hidden; border:1px solid #e8e6d7; } #detailVideo.login {margin-bottom:10px;} #detailVideo.login #player2Tabs-0 {border:0;} #detailVideo.login #player2Tabs .player2Dek {height:110px;} #detailVideo .player2_cover {height: 200px; width: 265px; background: url('/images/common/img_detailPlayercover.png');} #detailVideo #player2Tabs {padding: 20px 13px;} #detailVideo #player2Tabs p {line-height:17px;} #detailVdieo #player2Tabs h3 {margin-bottom:10px;} #detailVideo #player2Tabs .player2Dek {height:135px;} #detailVideo #player2Related {padding: 0 0 13px 13px;} #detailVideo #player2Related li {padding-right:7px;} #detailVideo .play2List { height: 65px;} #detailVideo #player2Tabs a.addFavorites {} /* Top 10 Lists */ #top10Lists { margin: 5px 0 0 0; padding: 5px 0 10px 0; border-top: 1px dashed #BBB4a3; float: left; } .top10list { float: left; width: 190px; } .top10list a:link, .top10list a:active, .top10list a:hover, .top10list a:visited { font-size: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; color: #D73A15; background-color: transparent; } .top10list span.headerTitle { display: block; margin: 0 0 15px 19px; } .top10list img { margin: 0 0 15px 19px; } .top10list ol { font-weight: bold; color: #887B5B; background-color: transparent; font-size: 13.5px; font-family: "Century Gothic", Arial, sans-serif; margin: 10px 0 0 0px; padding: 0; border: 0; } .top10list ol li { margin: 0 0 6px 39px; } .top10list ol li.cie { margin-left: 39px; text-indent: 20px; background-image: url('/images/common/bullet_book.png'); background-repeat: no-repeat; background-position: 0 3px; } /* Free Issue */ #featureFreeIssue { padding-right: 21px; background-color: #ffffff; border: 3px solid #bbb4a3; border-top: 0; overflow: auto; zoom: 1; float: left;} #featureFreeIssue p { margin-left: 235px; width: 242px; text-align: left; } #featureFreeIssue p span { margin: 12px 0 20px 0; padding: 0; width: 160px; border: 0; font-size: 17.5px; line-height: 26px; display: block; } #featureFreeIssue p span em { white-space: nowrap; } #freeIssueCover { margin: 12px 19px 12px 12px; float: left; } .articleSection ul.recipeList { margin-left: 108px; } .articleSection ul.recipeList li, .articleSection ul.reviewList li { background-position: 0 3px; } /* About Us page sections */ #featureAboutUs { height: 300px; border: 3px solid #c7c1b0; background-color: #faf9f6; border-top: none; text-align: left; clear: left; overflow: auto; zoom: 1; } #featureAboutUs img { margin-right: 8px; float: left; } #featureAboutUs h1 { margin: 0 8px 0 386px; color: #d73a15; clear: none; } #featureAboutUs p { margin: 18px 30px 0 410px; font: 10px/14px verdana, arial, helvetica, sans-serif; } #aboutMagazines, #aboutTVShow { margin: 2px 0 0 0; padding: 30px 26px 25px 17px; width: 340px; float: left; border-right: 1px dashed #BBB4a3; } #aboutTVShow { height: 305px; } #aboutCookbooks, #aboutWebsites { margin: 2px 0 0 0; padding: 30px 26px 25px 28px; width: 342px; float: left; } div.aboutSection ul { line-height: 20px; } img.aboutUsImage { float: right; } /* Podcast Page sections */ #podForm { margin-top: -50px; position: absolute; right: 0; } #selectByTitle { width: 225px; } .podcastSection { margin: 0 0 17px 0; padding: 0 0 17px 19px; border-bottom: 1px dashed #BBB4A3; overflow: auto; zoom: 1; clear: both; } .podcastSection img { margin: 0 15px 0 0; border: 1px solid #e7e5d5; padding: 2px; float: left; } .podcastSection h2 { margin-top: 0; } .podcastSection p { margin: 0 0 18px 108px;} .podcastSection ul { margin-left: 107px; } .podcastSection ul li { background-position: 0 3px; } .podcastSection ul li a { font-weight: bold; color: #222222; } /* Bottom of white content box, with signup form */ .clearForFooter { clear: both; font-size: 0; overflow: hidden; height: 10px; } #contentFooter { background: transparent url('/images/common/bg_content_corners.png') no-repeat 0 -288px; width: 979px; padding-top: 20px; margin: 0 auto; font-size: 10px; } #contentFooter a img { float: left; margin-left: 10px;} #contentFooter a { color: #725a4e; } #contentFooter div { padding-right: 5px; } #contentFooter ul { list-style-type: none; text-align: center; margin-bottom: 1px; } #contentFooter ul li { display: inline; background-image: none; border-left: 1px solid #d73a15; padding: 0 1px 0 6px; line-height: 10px; } #contentFooter ul li.row2, #contentFooter ul li.row1 { border: 0; } .copyright { color: #725A4E; font-family: Verdana, Helvetica, Arial, sans-serif; background-color: transparent; } #sandbag { display: block; } /* Big free trial form at bottom of homepage */ #bigPromo { margin: 6px 0 0 3px; padding: 32px 25px 15px 25px; font-family: verdana, arial, helvetica, sans-serif; background-color: #f5f4ec; } p.bigPromoHeadline { margin: 0 0 20px 0; padding: 0; font-family: Georgia, times, serif; font-size: 28px; } p.bigPromoHeadline span { text-transform: uppercase; color: #d73a15; } p.bigPromoText { font-size: 11px; line-height: normal; } p.bigPromoText span { font-weight: bold; text-transform: uppercase; color: #d73a15; } p.bigPromoText strong { font-size: 11px; } p.bigPromoFooter { font-size: 10px; text-align: right; clear: both; } #bigPromo form { margin: 0; padding: 0; width: 276px; float: left; } #bigPromo .bigPromoLeftFieldset { float: left;} #bigPromo .bigPromoRightFieldset { float: right;} #bigPromo fieldset { margin: 0; padding: 0; } #bigPromo form label { display: block; font-size: 10px; clear: left; } #bigPromo form input { margin: 0; padding: 0; } #bigPromo form #Name, #bigPromo form #Address, #bigPromo form #City { float: left; clear: left; margin-bottom: 4px; width: 128px; padding-left: 4px;} #bigPromo form #Address2, #bigPromo form #Zip { clear: left; float: left; width: 128px; padding-left: 4px; margin-bottom: 4px;} #bigPromo form #State { width: 134px; margin-bottom: 4px; height: 16px; font-size: 11px; line-height: 15px; clear: left; float: left;} #bigPromo form #Email { width: 270px; margin: 0; padding-left: 4px; display: inline; } #bigPromoButtons { padding: 10px 0; text-align: center; vertical-align: middle; clear: left; } #btnFreeTrial, #btnFreeGift { vertical-align: middle; padding-bottom: 2px; } #bigPromoPremium { float: left; margin: 0 25px 0 0;} #bigPromoCover { margin: 0 0 0 18px; float: right; } /*CSS for adserver divs*/ #homepagePromo {clear:both; display:inline;float:right;margin:0;} #landingPromo {clear:both; display:inline; float:right;} #zone19 #landingPromo a img {margin-right:8px;} #detailPromo { margin-bottom:6px;} #byIssueVideoPromo {clear:both; display:inline; float:right; margin-top:-3px;} /* IE 7 hack for landing page not-logged-in zone 19 IE7 state*/ *+html #landingPromo span { margin-right:3px!important;} #oneColumn { padding: 0 140px 0 17px; } #oneColumn p a { font-size: 11px; } #detailContent, .detailContent { margin: 10px 0 0 19px; width: 466px; font-size: 11.5px; line-height: 19px; float: left; display: inline; } /* Why This Recipe Works */ #WTRW { padding-top: 4px; padding-bottom:20px; border-bottom:1px dashed #bbb4a3; margin-bottom:25px; background:url("/images/common/icon_cioApproved.png") no-repeat; } span.whyItWorks { margin-right: .25em; text-indent:17px; font-weight:bold!important; text-transform:uppercase; font:11px/18px verdana,arial,helvetica,sans-serif; float: left; } #WTRW p { font-weight:normal!important; font-style:normal; font:12px/18px georgia,times,serif!important; text-transform: none; display:block; text-indent:0px; } #WTRW p a { font-weight:normal; text-transform:none; font-size:10px; } /* Thanksgiving Page FAQs styles */ .FAQBlock { margin: 0 20px 0 7px; display: block; border:none;} .FAQBlock h2, .FAQBlock h2 a { margin: 0; letter-spacing:0; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000; line-height: 18px; padding-left:10px; display:block; margin-bottom:5px;} .FAQBlock .itemCollapsed h2, .thanks911 .teaser a.faq {background: url('/images/common/bullet_arrow.png') 0 3px no-repeat;} .FAQBlock .itemExpanded h2, .thanks911 .teaser a.faq.expanded {background: url('/images/common/bullet_arrow_down.png') 0 3px no-repeat;} .thanksfaq .itemCollapsed h2.faqTitle {background:url("/images/common/bullet_arrow_large.png") no-repeat scroll 17px 9px #E7E5D5;cursor:pointer;margin:0 0 3px;padding:0 0 0 27px;text-align:left;text-transform:uppercase; height:26px;} .thanksfaq .itemCollapsed h2.faqTitle a {color:#685142;font:bold 12px/26px "Century Gothic",verdana,arial,helvtetica,sans-serif;} .thanksfaq .itemExpanded h2.faqTitle {background:url("/images/common/bullet_arrow_white_down.png") no-repeat scroll 14px 11px #685142;color:#FFFFFF;cursor:pointer;margin:0 0 3px;padding:0 0 0 27px;text-align:left;text-transform:uppercase; height:26px;} .thanksfaq .itemExpanded h2.faqTitle a {font:bold 12px/26px "Century Gothic",verdana,arial,helvtetica,sans-serif; color:#fff;} .thanks911 a.faq {background-position: -10px 2px; font: bold 11px/18px verdana, arial, helvetica, sans-serif; color:#000; padding-left:20px; display:block; margin-bottom:10px;} .FAQBlock h2.faqTitle {font-size: 14px; line-height:18px; text-transform: uppercase; background: #e7e4d4 url('/images/common/bullet_arrow.png') no-repeat 409px 50%; padding:5px 18px; margin:10px 0; } h2.faqTitle a {padding-left:0; font-family:"century gothic", verdana, arial, helvetica, sans-serif; line-height:22px;} .FAQBlock .teaser {} .itemCollapsed { margin: 10px 0px; text-align: left; } .itemCollapsed h2 { line-height: 16px; } .itemExpanded { margin: 10px 0; } .itemExpanded h2 { margin-bottom: 8px; } .itemExpanded img { margin-bottom: 20px; } .itemExpanded p { font-family: georgia, times, serif; font-size: 12px; line-height: 19px; padding-left:20px; } .itemExpanded a { font: bold 11px/18px verdana,arial,helvetica,sans-serif; color: #de4000;} /* Thanksgiving styles */ /* Error and Login Error page styles */ h1.errorHeading { text-transform: none; font-size: 20px; font-family: Georgia, Times, Serif; letter-spacing: 1px; text-indent: 25px; } h2.errorHeading { font-family: Georgia, Times, Serif; font-size: 16px; margin: 25px auto 10px 24px; } p.errorPageTextHead { font-family: Verdana, arial, helvetica, sans-serif; font-size: 10px; font-weight: bold; margin: 0 0 1px 24px;} p.errorPageText { font-family: Verdana, arial, helvetica, sans-serif; line-height: 120%; font-size: 10px; margin: 3px 175px 10px 24px; } p.two { margin-top: 30px; } ul.helpfulLinkList { font-family: Verdana, sans-serif; font-size: 10px; font-weight: bold; margin: 0 0 1px 24px; line-height:180% } ul.helpfulLinkList li{ color: #d73a15; background: none; } div.faqSection {padding-right:17px; padding-left:17px;} div.faqSection p { font-size: 11px; line-height: 14px; font-family: verdana, arial, helvetica, sans-serif; } div.faqSection .wideDivider { margin: 0; padding: 12px 0 0 0; } ul.faqList, ol { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; } ul.faqList li { padding: 0 120px 4px 12px; font-size:11px; line-height:14px; background: url(/images/common/bullet_dot.gif) no-repeat scroll 0 3px; } p.backToTop { margin-bottom: 19px; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; font-size: 11px;} #faqRelatedLinks li { padding-left: 10px; line-height: 19px; background-position: -10px 3px; font-size: 10px;} #forgotPasswordPage { padding: 0 17px; } #forgotPasswordPage form { text-align: center; } #forgotPasswordPage form input { margin-left: 5px; vertical-align: middle; } /*HOLIDAY GUIDE 2010*/ .noBorder {border:none!important;} #holBanner {height:117px; width:785px; padding:0; background: url('/images/holiday/img_holiday10navbg.png') no-repeat scroll;} #tabNavPage {margin-top:-36px;} #tabNavPage ul {float:right; height:32px; padding:4px 0 0; vertical-align:bottom; margin-right:15px; margin-left:25px;} #tabNavPage ul li {-moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px;border-top-right-radius: 7px; float:left;height:32px;padding:0 2px 0 0; margin-right:6px;} #tabNavPage.holiday ul li {background:#074a07;} #tabNavPage ul li a {outline:0; color: #ffffff; display:block; font-family:"Century Gothic",verdana,arial,helvetica,sans-serif; font-size:13px; font-weight:bold; line-height:18px; padding:6px 11px 5px 14px; letter-spacing:1px; border:0;} #tabNavPage ul li a:hover, #thanksNavPage ul li a:active {text-decoration:none; color:#de4000;} #tabNavPage ul li.current {background:#fff; } #tabNavPage ul li.current a { color: #de4000; border:0;} #cycleFeatureStage {background:none repeat scroll 0 0 #FFFFFF;clear:left;color:inherit;overflow:auto;position:relative;text-align:left;width:786px; margin-top:40px;} #cycleFeatureStage.holRecipe {height:409px; width:786px;} #cycleFeatureStage.holidayBaking {height:295px;} #cycleFeatureStage a{outline:0;} #cycleFeatureStage #featureSlideShow {position:relative; float:left;} #cycleFeatureStage.holRecipe #featureSlideShow {width:509px; height:368px;} #cycleFeatureStage .featuredFlashPlayer {border:1px solid #f2f1ed !important; margin: 20px 0 0 15px; padding:8px 13px 0 7px; float: left; text-align:center; z-index: 50;} #cycleFeatureStage .featureSlide {background:#ffffff; height:auto; width:auto;} #cycleFeatureStage .featureSlide img { padding:3px; border: 1px solid #f2f1ed; position:relative; z-index:2;} #cycleFeatureStageCaption {font: 12px/20px georgia,times,serif; font-style:italic; color:#000; float:right; position:relative; width:475px; margin:-30px 25px 0 0; text-align:right; background: url('/images/common/bullet_arrow.png') no-repeat right; padding-right:10px; z-index:4;} a#cycleFeatureStageCaption:hover {text-decoration:none;} #cycleFeatureStagePaywall{float:right; padding: 20px; height:321px;width:193px; margin-top:19px; text-align:center;} #cycleFeatureStagePaywall.holiday {background: url('/images/holiday/bg_holidayAd.png') no-repeat; height:349px;} #cycleFeatureStagePaywall h2 {display:block; margin: 10px auto 25px; text-transform: uppercase; color: #fff; font: 22px/25px georgia, times, serif;} #cycleFeatureStagePaywall strong {text-transform: uppercase; font-size:11px; margin-bottom:10px; text-align: left;} #cycleFeatureStagePaywall ul {list-style-type:disc;} #cycleFeatureStage ul li { display:list-item; background-image:none; font: 11px/15px verdana, arial, helvetica, sans-serif; text-align: left; margin-top: 11px; margin-left:25px; padding:0;} #cycleFeatureStagePaywall #sCustomerEmail {height: 24px; width: 188px; padding-left:4px; border:1px solid #cacaca; margin-top:15px; line-height:24px;} #cycleFeatureStagePaywall #howWeUseEmailLink {font-size:10px; color: #000;} #cycleFeatureStagePaywall.holiday #sCustomerEmail{margin-top:25px;} h1.sectionHeader {font:28px/18px georgia,times,serif; color: #de4000; padding: 30px 0 13px 0; margin-top:35px; letter-spacing:0; text-transform:none;} h1.sectionHeader.recipeFinder {margin-top:0; margin-bottom:0;} h1.featureHeader, h1.featureHeader a {font-size: 21px; line-height:20px; color: #de4000; text-transform: none; text-align:left; letter-spacing:0px; } h2.sectionHeader {font-size: 20px; color:#de4000;} h2.holiday a {color:#552609;} /*{padding: 20px 15px 15px;}*/ h4.teaserHeader {font: 15px/19px georgia,times,serif; color: #552609; text-transform:none; margin-top:10px;} #featureStage.holiday {height:454px; margin:0 auto;} #featureStage.holiday .featuredFlashPlayer {margin:20px 0 0;padding:20px;} #featureStage.holiday #featureSlideShow {width:742px; height:390px; background:#ffffff;} #featureStage.holiday #featureSlideShow .featureSlide {background:#ffffff; width: 742px; height:374px; padding-top:20px;} #featureStage.holiday .featureSlide img {border:1px solid #E7E5D5;} #featureStage.holiday .featureSlide h1 {text-align:left; margin:0 0 10px 0; padding-bottom:10px; line-height:12px; font-family:georgia,times,serif; font-size:18px;} #featureSlideShow .featureSlide h3 {font-family:georgia,times,serif; font-size:14px; letter-spacing:1.85px; line-height: 12px;} #featureStage.holiday #featureSlideShow .featureSlide h1.featureHeader {line-height:21px; margin: 0 25px!important;font-size:21px;} #featureSlideShow .featureSlide .slideFeaturedArticle {border:none;} #featureNav.holiday { margin: 0; padding: 0; width: 730px; display: block; clear: both; z-index: 99; position: absolute; top: 18px; left: 20px; text-align: center; color:#fff; letter-spacing:.1em;} #featureNav.holiday li { float: left; width: auto; width:auto; margin-right:5px;} #featureNav.holiday li a {-moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px;border-top-right-radius: 7px; background: #48797C; font:bold 10px "Century Gothic", verdana, arial, helvetica, sans-serif; text-transform:uppercase; padding: 5px 14px 0; display: block; cursor: pointer; text-align:center; height:17px; letter-spacing:1px;} #featureNav.holiday li a:hover {text-decoration:none; color:#de4000;} #featureNav.holiday li a.activeSlide { -moz-border-radius-topleft: 7px; -webkit-border-top-left-radius: 7px; border-top-left-radius: 7px; -moz-border-radius-topright: 7px; -webkit-border-top-right-radius: 7px;border-top-right-radius: 7px;background: #fff!important;color: #de4000; background-image:none; } div.teaserColumn.holiday {height:160px; margin: 0 30px 0 25px; text-align:left; width:90px;} div.teaserColumn.holiday p a {color: #000; font-weight:bold;font-size:11px;line-height:14px;} #holidayad{float:right; margin-top:20px;} div.holidayBaking { padding-bottom:20px;} #bakingStage{ width:450px; margin-left: 20px; text-align:left; float:left;} h1.bakingHeader {text-align:left;} p.bakingIntro {font:17px/22px georgia, times, serif; float:left; width:} p.featureDek {font:12px/20px georgia, "times new roman", serif;} img.bakingFeature {border:1px solid #f2f1ed;margin-top:20px;float:right;} #cooksLiveVideo.holiday { background: #fff; float:right; width:290px; margin-top:30px; height:auto;} #cooksLiveVideo.holidayBaking {padding-top:27px; border:none;margin-top:0px;} #insideTheTestKitchen.holiday, #insideTheTestKitchen.doublefaq { border:none; width: 400px;} #insideTheTestKitchen.doublefaq {padding-left:15px; padding-top:17px;} #insideTheTestKitchen.holiday h2.sectionHeader, #insideTheTestKitchen.doublefaq h2.sectionHeader { margin: 30px 0 0 20px;} #insideTheTestKitchen.holiday ul li a, #insidetheTestKitchen.doublefaq ul li a {color: #000;} .doublefaq a.faq {background-position:-10px 2px;color:#000000;display:block;font:bold 11px/18px verdana,arial,helvetica,sans-serif;margin-bottom:10px;padding-left:20px;} .doublefaq .itemCollapsed h2.faqTitle {background:url("/images/common/bullet_arrow_large.png") no-repeat scroll 17px 9px #E7E5D5; cursor:pointer; height:26px;margin:0 0 3px;padding:0 0 0 27px;text-align:left;text-transform:uppercase;} .doublefaq .itemCollapsed h2.faqTitle a{color:#685142;font:bold 12px/26px "Century Gothic",verdana,arial,helvtetica,sans-serif;} .doublefaq .itemExpanded h2.faqTitle {background:url("/images/common/bullet_arrow_white_down.png") no-repeat scroll 14px 11px #685142; color:#FFFFFF; cursor:pointer; height:26px; margin:0 0 3px; padding:0 0 0 27px; text-align:left; text-transform:uppercase;} .doublefaq .itemExpanded h2.faqTitle a {color: #fff; font: bold 12px/26px "Century Gothic",verdana,arial,sans-serif;} div.articleSection.doublefaq {border:none; width:350px; margin-right:0;} .doublefaq .teaser a.faq {background:url("/images/common/bullet_arrow.png") no-repeat scroll 0 3px transparent; } .doublefaq .teaser a.faq.expanded {background:url("/images/common/bullet_arrow_down.png") no-repeat scroll 0 3px transparent; .doublefaq p.faqAnswers {padding-left:20px;}