/********************************************************************
This is the stylesheet for the recipes pages ofGEAppliances.com,
as of the 08/09 redesign. This sheet should be used as a supplement
to 'http://www.geappliances.com/styles/gea_main.css'.

********************************************************************/



.recipeSubInfoTable {
	width:auto;
	table-layout:auto;
	margin-top:35px;
}
	.recipeSubInfoTable .colA {}
	.recipeSubInfoTable .colB { padding-left:15px; }



/************** BEGIN RECIPE PAGE *************/
#recipePageHeading {}
	#recipePageHeading td {}
	#recipePageHeading .recipeImageCell {
		background:top left url('http://www.geappliances.com/images/common/corner_gradient_fade.gif') no-repeat;
		padding:15px 15px 0;
	}
	#recipePageHeading .recipeInfoCell {
		width:300px;
		padding:15px 0;
	}
.recipeEmailPrintBox {
	background:#fbf3e8;
	padding:15px;
}
.moreRecipesLink {
	color:#d77503;
	padding-top:45px;
}
/************** END RECIPE PAGE *************/



/************** BEGIN RECIPE RESULTS *************/
.infoBlock .recipeSubInfoTable {
	margin-top:10px !important;
}
/************** END RECIPE RESULTS *************/



/************** BEGIN PRINT RECIPES *************/
body#recipePrintPage {
	background:#fff;
	text-align:left;
}

table#printHeader {
	border: 1px solid #999999;
	width: 739px;
	margin-left: auto;
	margin-right: auto;	
	margin-top: 20px;
	margin-bottom: 30px;
}
	table#printHeader td { vertical-align:middle; }
	table#printHeader .col1 {
		width: 200px;
		padding:15px 0;
		text-align:center;
	}
	table#printHeader .col2 { padding: 10px 15px 5px 10px; }
		table#printHeader .col2 img {
			vertical-align: middle;
			padding-right: 2px;
		}

.recipeCard {
	border: 3px dashed #9b9790;
	border-top: 1px solid white;
	margin: 0 auto;
}

.cardBorderTop { border-top: 3px dashed #9b9790; }

.size3x5 {
	width: 478px;
	height: 284px;
}
.size4x6 {
	width: 574px;
	height: 382px;
}
.sizeFull {
	width: 580px;
	height: 596px;
}

.cardOpening {
	overflow: hidden;
	position: relative;
}
.size3x5 .cardOpening {
	width: 458px;
	height: 256px;
	margin: 14px 10px;
}
.size4x6 .cardOpening {
	width: 554px;
	height: 352px;
	margin: 15px 10px;
}
.sizeFull .cardOpening {
	width: 560px;
	height: 576px;
	margin: 10px 10px;
}

ol li {
	padding-bottom: 0!important;
}

.size3x5 .cardSlider1 { top: 0px; }
.size3x5 .cardSlider2 { top: -256px; }
.size3x5 .cardSlider3 { top: -512px; }
.size3x5 .cardSlider4 { top: -768px; }
.size3x5 .cardSlider5 { top: -1024px; }
.size3x5 .cardSlider6 { top: -1280px; }

.size4x6 .cardSlider1 { top: 0px; }
.size4x6 .cardSlider2 { top: -352px; }
.size4x6 .cardSlider3 { top: -704px; }
.size4x6 .cardSlider4 { top: -1056px; }

.sizeFull .cardSlider1 { top: 0px; }
.sizeFull .cardSlider2 { top: -576px; }

.cardSlider {
	position: relative;
	line-height: 16px;
}
	.cardSlider .ingredientsTable { width: 100%; }
		.cardSlider .ingredientsTable td {
			border: 0;
			padding: 0;
		}
		.cardSlider .ingredientsTable div {
			margin-left: 8px;
			text-indent: -8px;
		}
		.cardSlider .ingredientsTable .col1 {
			width: 50%;
			padding: 0 20px 0 0;
		}
		
		.cardSlider .ingredientsTable .col2 {
			width: 50%;
			padding: 0 15px 0 0;
		}
	.cardSlider .cardHeading {
		padding-top: 16px;
		text-transform:uppercase;
		font-weight:bold;
	}
	.cardSlider .cardLabel {
		text-transform:uppercase;
		font-weight:bold;
	}
.cardSlider h1 {
	font-size: 16px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

.nextPage { page-break-after: always; }

.cardSlider table.recipeCardHeader { width: 100%; }
.cardSlider table.recipeCardHeader .col2 { text-align: right; }

@media print {
	.recipeCard { font-size: 10.5px; }
	.screen { display: none; }
}
/************** END PRINT RECIPES *************/