@import url('/css/cooks.css');

h1.productDetailHeader { text-transform: none; }

h4.ratingHeader { padding: 0 0 0 16px; color: #685142; background-color: #e7e5d5; line-height: 24px;}

h4.regPayHeader { padding: 0 0 0 16px; color: #ffffff; background-color: #685142; line-height: 24px;}

h4.detailHeader { margin: 20px 0 0 0; }

div.productDetail {font: 10px/17px verdana, arial, helvetica, sans-serif;}
	div.productDetail p { margin: 1px 0 19px 0; font: 10px/17px verdana, arial, helvetica, sans-serif;}

#navPage ul.browseTabbedList { margin: 4px 0 0 10px; padding: 0 0 0 10px; float: left; border-left: 1px dashed #ffffff; }


/* Page content */

.pageSection, .menuSection { overflow: auto; zoom: 1; }

.detailSection { border-top: 1px dashed #bbb4a3; padding-top: 8px; font-size: 12px;}
.pageSection #detailContent .detailSection p {margin-bottom:18px;}

	#detailContent, .detailContent { margin: 10px 0 0 19px; width: 466px; font-size: 11.5px; line-height: 19px; float: left; display: inline; }
		.menuSection .detailContent {  padding-bottom: 30px;}
			.menuSection .detailContent h1 { line-height: normal; text-transform: none; border-top: 1px dashed #bbb4a3; }	
		#detailContent .productDetail strong {line-height:19px;}
		
		.dek, .dek p { font-size: 12px; line-height: 19px; font-style:italic; margin:10px 0 0 0; }
		img.fakeout { margin: 17px 0 12px 0; z-index:1; position:relative; float:left; }

		#detailContent strong { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
			#detailContent p a.endSectionLink { margin-bottom: 20px; display: block; }

		.productsTestedList { line-height: 20px; margin: 14px 0; }
		.productsTestedList li { font-size: 10px; background-position: 0 3px; }
			.productsTestedList a { color: #222222; font-weight: bold; }

		ul.ArticlePageRecipeList { padding: 4px 0 14px 0; line-height: 19px;} 
			ul.ArticlePageRecipeList a { color: #222; font-weight: bold; font-size: 10px;} 
			span { font-size: 13px; font-style: italic; }

span#opmodule_main { font-style: normal; font-size: inherit; }

		.howToCook table th { padding-right: 8px; text-align: left; white-space: nowrap; }		
table.conversionchart { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 16px;}
table.conversionchart th { padding: 0 0 0 16px; color: #685142; background-color: #e7e5d5; line-height: 24px; min-width: 100px;}
table.conversionchart td { margin: 0; padding: 0 16px; line-height: 20px; border-top: 1px dashed #aaa878;}

.howToCook ul { list-style-type: normal; margin: 8px 0 0 17px; padding: 0;}
.howToCook ul li { margin: 0; padding: 0 0 0 12px; background: url('http://media.cooksillustrated.com/images/common/bullet_dot.gif') no-repeat scroll 0 6px; font-size: 11px; }

.recipe_ingredients { font: 10px/24px verdana, arial, helvetica, sans-serif !important;  }
    .recipe_ingredients li { padding: 0 0 0 5em; background-image: none; }
    .recipe_ingredients li.ingredientSectionTitle { padding-left: 0; font-weight: bold; }
         .recipe_ingredients li span { font-style: normal!important; font-size: 10px; }
            .recipe_ingredients li span.amount { margin: 0 1em 0 -5em; height: 24px; width: 6em;  float: left; text-align: right; font-weight: bold; left: 0; top: 0; }

		ol { list-style-type: none; margin: 15px 0; padding: 0; font-weight: bold; font-family: verdana, helvetica, sans-serif; font-size: 10px; }

			ol li, ol li p { font-weight: normal; font-family: Georgia, times, serif; font-size: 12px; margin:0;}
.bumpdown{padding-bottom: 15px;}			
span.sectionSubTitle {font: 14px/19px georgia, times, serif; text-transform: uppercase; font-weight:normal!important;}
div.recipeContent {padding-right:20px; width:436px!important;}
	ol.recipe_instructions {padding-bottom:1px; font-weight: normal;}
	    ol.recipe_instructions li { padding-bottom: 19px; }

.pageSection .stepSection {width:466px; border-top:1px dashed #bbb4a3; border-bottom:none; float:left; padding:0px 0 15px 0;}
	.pageSection .stepSection .sectionText, .pageSection .stepSection .sectionHeader, .pageSection .stepSection .sectionSubTitle, .menuSection .stepSection .sectionText, .menuSection .stepSection .sectionHeader, .menuSection .stepSection .sectionSubTitle  {margin-left:0; padding-left:0;} 
	.pageSection .stepSection h4.sectionHeader, .menuSection .stepSection h4.sectionHeader {margin: 0 0 15px 0px; padding:0px;}
	.pageSection .stepSection .sectionText, .detailContent .stepSection .sectionText {margin-bottom:15px;}
	div.sectionText p { margin-top:0; margin-bottom:15px;}
		.sectionText p strong {display:block; margin-bottom:-15px;}
	.stepSection .sectionSubTitle{ display:block;}
	.stepSection p.sbsText {margin-top:0; margin-bottom:15px; }

.menuSection .stepSection {border-top:1px dashed #bbb4a3; float:left; padding-top:20px; margin-top:20px;}

.noBorder {border-bottom:none;}		



	/* Sidebar with media, tools, and links */ 
	#detailToolsColumn { margin: 10px 0 0 0; width: 284px; float: right; clear: right; overflow-x:hidden; }

		/* Winning (recommended) products */ 
		
		div.winnersCircle { margin-bottom: 6px; border: 1px solid #e7e5d5; border-top: 0; padding: 0 15px 7px 15px; }
			.winnersCircle img.ratingTitle { padding-left: 8px; }
	
			.winnerProduct {  padding: 14px 0 12px 0; background-color: #ffffff; border-top: 1px dashed #bbb878; overflow: auto; zoom: 1;}	
			
			.winnerProductFirst { border: 0; }
	
	
				.winnerProduct img.sillo { margin: 2px 8px 0 0; float: left; }
	
				.winnerProduct a { font-weight: bold; font-size: 10px; line-height: 13px; }
	
				.winnerProduct p { margin: 6px 0 8px 108px; font-family: verdana, arial, helvetica, sans-serif; font-size: 10.5px; line-height: 17px; }
	
				.recipeImg, .productImage { border: 1px solid #e7e5d5; padding: 7px; margin-bottom: 6px; }

		#detailToolsColumn #flash_player { margin: 0 0 6px 0; padding: 0; background-color: #e7e5d5; float: none; }
		
	div.regCircle { margin-bottom: 6px; border: 8px solid #685142; border-top: 0; padding: 0 8px; text-align:center; }	
	div.regContainer {padding: 8px 12px; }
		.regContainer  span{ text-align:center; font-family: "Georgia"; font-size:16px; color:#d73a15; text-transform:uppercase; line-height:18px; font-style:normal; }
			.regContainer p{ padding-right:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:8px; padding-bottom:5px; font-weight:bold; text-align:center;}
			.regContainer img.btnStartNow {margin-top:5px;}

	div.ftCircle { margin-bottom: 6px; border: 6px solid #685142; padding: 0 8px; text-align:center; }	
	div.ftContainer {padding: 15px 0px; }
		.ftContainer  span{ text-align:center; font-family: "Georgia"; font-size:16px; color:#d73a15; text-transform:uppercase; line-height:18px; font-style:normal; }
			.ftContainer p{ padding-right:12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:8px; padding-bottom:5px; font-weight:bold; text-align:center;}



		/* Links for tools */ 		
		ul.tools { list-style-type: none; margin: 0 0 6px 0; padding: 9px 22px 12px 12px; background-color: #fff; clear: left; }
		
			ul.tools li { padding-left: 20px; font-size: 10px; line-height: 22px; background-position: 0 5px; }


		/* Marketing ads */ 
		.detailMarketing { margin: 0 0 6px 0; }

		/* Closely related content for recipes, printed in subcolumn */ 
		.relatedContent { margin: 0 0 10px 0; padding: 3px; font-family: verdana, helvetica, arial, sans-serif; font-size: 9.5px; background-color: #f5f4ec; }
			.relatedContent h4 { margin: 12px 0; }

			.relatedContent .boxOuter { margin: 0; padding-left: 12px; float: none; display: block; }

		p.sectionText { margin: 10px 0 10px 17px; }
		p.sectionText span { font-weight: bold; }

	/* mutli-use columns for detail pages; fits 4 across the full content area */ 
	div.detailColumn { margin: 25px 29px 0 17px; padding-bottom: 15px; width: 150px; float: left; }
		* html div.detailColumn { height: 180px; }
		/*.detailColumn+.detailColumn+.detailColumn+.detailColumn+.detailColumn { clear: left; }
		.detailColumn+.detailColumn+.detailColumn+.detailColumn+.detailColumn+.detailColumn { clear: none; } */
		div.detailColumn img { width: 142px; }
		.detailColumn strong { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9.5px;}

		.relatedContent ul, .detailColumn ul { margin: 7px 0 8px 0; line-height: 19px; }
		.relatedContent ul li, .detailColumn ul li { font-size: 10px; background-position: 0 3px; }
		.relatedContent a, .detailColumn ul li a { color: #222; }
		
		.howToCook div.detailColumn { margin: 25px 66px 15px 0; }
		
	/* multi-use stacked list with image */
	.stackList {width:100%;margin:0; float:left; font-size:12px; line-height:19px; list-style-type:none; }
		.stackList li {background:none; padding:12px 0; border-bottom:1px dashed #bbb4ac; display:inline-block; height:auto!important; height:100px; width:100%;}
			.stackList li p {margin:0;}
		.stackList img {float:right; margin-left:15px;}
		#detailContent .stackList strong, #detailContent .stackList b {font-size:11px; font-family: verdana,helvetica,arial,sans-serif;}

	

/* Email a Friend form */
	#emailFriend { background-color: #f5f4ec; margin-bottom: 6px; display: none; }

	
		#emailFriend form { padding: 12px 12px 17px 12px; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-align: right; overflow: auto; zoom: 1;}
			#emailFriend input { vertical-align: bottom;}
			#emailFriend label { float: left; }
			#emailFriend form .shadowedInput { margin: 3px 10px 12px 0; padding: 2px 4px; width: 240px; border: 1px solid #ffffff; }
	
			#emailFriend h2 { margin: 0; padding: 3px 0 3px 12px; text-align: left; background-color: #685142; font-size: 12px; font-family: "Century Gothic", verdana, arial, helvetica, sans-serif; font-weight: bold; color: #ffffff;}

			#emailFriend a img { margin-right: 10px; }
			#emailFriend input.button, #emailFriend img.button { float: left; margin-right: 6px; }
	
			#emailFriend #commentContents { margin: 3px 10px 16px 0; width: 240px; height: 120px; }

	
	/* Sample table and results table for review pages */
	.sampleTable { background: url(http://media.cooksillustrated.com/images/common/bg_equipSample.gif) repeat scroll 0 0; }

	#resultsTable { clear: both; }
		span.completeAccess { margin: 17px 0 17px 17px; font-size: 20px; font-style: normal; color: #d73a15; display: block; clear: left; }
		#resultsKey { margin-bottom: 6px; }

		.results { margin-bottom: 3px; width: 100%; font: 11px/17px verdana, arial, helvetica, sans-serif; border-bottom: 5px solid #bbb4a3; clear: both; }
		
			.results tr.tableHeader td { padding-bottom: 1px; min-width: 40px; font-size: 10px; line-height: 18px; font-weight: bold; letter-spacing: .05em; text-transform: uppercase; text-align: left; white-space: normal; background-color: #bbb4a3; color: #ffffff; }
		
			* html .results .tableHeader td { width: 40px; }		
				.results td { margin: 0; padding-bottom: 16px; padding-left: 17px; vertical-align: top; font-size: 10px; }
					.results td p {font-size:10px;}
				.equipmentResults td { white-space: nowrap; text-align: center; }
					.results .productTested { white-space: normal; text-align: left; }
						.results .productTested a { display: block; }
						.results .productTested p { font-size:11px;}
						.results td img { margin: 0 0 8px 0; }
						.results .productTested img { float: left; margin-right: 8px; }
				.results .rating td { padding: 16px 0 0 17px; border-top: 1px dashed #aaa878; font: bold 11px/17px "century gothic", "lucida grande", verdana, arial, helvetica, sans-serif; text-transform: uppercase; color: #887b5b; text-align: left; }
		
				.results .first td { border: 0; }
		
				.results a { font-weight: bold; font-size: 11px; line-height: 16px; }
				
				p.tableFootnote { text-align: center; }
				
				.stars {color: #604738; font-style:normal!important; font-size:12px!important;}
	/* Reader response form */
	#respondToCooks { background-color: #e7e5d5; margin-bottom: 6px; }
	
		#respondToCooks form { padding: 19px 0 21px 14px; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; }
	
			#respondToCooks form .shadowedInput { border: 1px solid #ffffff; }
	
			#respondToCooks #commentTitle { width: 250px; margin: 3px 0 22px 0; padding: 2px; }
	
			#respondToCooks #commentContents { margin: 3px 0 16px 0; width: 250px; height: 120px; padding: 2px; }
			
			
	
		
		/* Response content */
		.readerResponse { margin: 0 0 10px 0; padding: 11px 14px; background-color: #f5f4ec; font-family: verdana, arial, helvetica, sans-serif; }
	
			.readerResponse p { margin-bottom: 5px; font-size: 10px; line-height: 17px; }
			
			.cooksResponse { margin-top: 10px; padding: 0 40px; border-top: 1px dashed #aaa878; }
	
				span.readerSig, span.cooksSig { font-family: georgia, times, serif; font-style: italic; color: #444444; letter-spacing: .03em; }
	
		


/* Paywall Login/Signup overlay form */
	#paywallLoginSignupDiv { margin: 0; width: 412px; border: 4px solid #D73A15; background: #ffffff; font-size: 10px; text-align: center; position: absolute; left: 8%; z-index:10; margin-top:60px;}
		#paywallOverlayForm { margin: 4px; padding: 25px; background: #fff;}	
			.tryItFree { font: 18px Georgia, Times, serif; color: #685142; display: block; margin:4px 0 15px; text-transform: none;}
						
				
				#paywallLoginForm { margin: 0; padding: 0; width: 138px; float: left; text-align: left;}
				#paywallLoginForm label { margin: 0; padding: 0; font: 10px verdana, arial, helvetica, sans-serif; }				
				#paywallLoginForm input { margin: 0 0 4px 0; display: block; }
				#paywallLoginForm .shadowedInput { padding-left: 4px; width: 112px; border: 1px solid #ffffff; }
				#paywallLoginForm .loginButton { margin: 10px 0 8px 0; }
	
			
			#paywallSignupDiv { font-family: verdana, arial, helvetica, sans-serif; text-align: center; margin-left: 0; padding-left: 0; } 
				.memberTextHeader { display:block; font-family:verdana,arial,helvetica,sans-serif; font-size:11px; font-style:normal; font-weight:bold; }
				.StartYourFreeTrial { margin: 5px 0; font-family: "Century Gothic", verdana, arial, helvetica, sans-serif; font-weight: bold; text-transform: uppercase; color: #d73a15; font-size: 13px; display: block; font-style: normal; }
				#paywallSignupDiv ul { text-align: left; margin-left: 90px;}
				#paywallSignupDiv ul li { background-image:url(http://media.cooksillustrated.com/images/common/bullet_arrow.gif); background-repeat: no-repeat; background-position:0 3px; display: block; font-size:10px; margin:0; padding:0 0 0 10px; line-height: 14px;}	
	
				#paywallSignupForm { margin: 10px 0 0 5px; text-align: left; white-space: nowrap;}
				#paywallSignupForm .shadowedInput, #odpForm .shadowedInput { border: 1px solid #ffffff; width: 96px; margin-right: 3px; padding-left: 4px; }
				#paywallSignupForm input, #odpForm input { vertical-align: middle;}
#odpForm { margin: 10px 0 0 5px; text-align: left; }
p#odpInstructions { font-size: 10px; line-height: normal; font-weight: bold; white-space: nowrap; }
				#ftPaywallSignupForm { margin-top:4px; white-space: nowrap;}
				#ftPaywallSignupForm .shadowedInput { border: 1px solid #ffffff; width: 129px; margin:2px 3px 2px 0px; padding-left: 4px; }

		#zone40, #zone44 {left:50px; position:absolute;top:300px;width:600px;z-index:50;}
/* ArticlePromo Ad Specific CSS*/
#ftbenefits {margin-top:-6px;}
.cpkFTContainer {margin:30px 0; height:200px;}
#cpkFTForm {margin: -93px 0px 0px 35px;}
	#cpkFTForm .shadowedInput {padding-left:4px;}
#btnStartNow {margin-bottom:-4px;}

a#howWeUseEmailLink { font-size: 10px; }
a#howweuseyouremail {font-size:10px; width:100%; display:block; text-align:center; letter-spacing:.5px;}
			#paywallLongLetter { margin-top: 25px; text-align: left; }
				#paywallLongLetter p { margin: 0; padding: 0 0 7px 0; font: 10.5px/14px verdana, arial, helvetica, sans-serif; color: #000000; }
				#cpkPhoto { float: right; }
				#cpkSignature { padding-bottom: 10px; }