/*
 * CSS style library for the Lifestyle section
 *
 * @author Shaun Lessman
 * @version $Id$$Revision$
 * @updated $Date$$Author$
 */

/***************************************************
 *
 * Category Table Elements
 *
 ***************************************************/

table.categoryTable {
	width: 620px;
}

table.categoryTable td.imageCell {
	padding: 0px 10px 20px 0px;
	text-align: right;
}

table.categoryTable td.textCell {
	padding: 0px 10px 20px 0px;
}


/***************************************************
 *
 * Recipe Section Index
 *
 ***************************************************/

table#chefBio {
	width: 620px;
	margin-top: 5px;
}

table#chefBio .chefImage {
	padding: 20px 10px 20px 0px;
}

table#chefBio .chefText {
	width: 100%;
	padding: 20px 0px;
}

table.recentMenusBar {
	height: 20px;
	width: 620px;
	margin-bottom: 15px;
	background-color: #f3f3f3;
}

table.recentMenusBar td.leftText {
	padding-left: 10px;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
}

table.recentMenusBar td.rightText {
	padding-right: 10px;
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
}


/***************************************************
 *
 * Recipe List Elements
 *
 ***************************************************/

table#recipeItemList {
	width: 620px;
}

table#recipeItemList td.imageCell {
	padding: 0px 10px 20px 0px;
	text-align: right;
}

table#recipeItemList td.textCell {
	width: 100%;
	padding: 0px 10px 20px 0px;
}


/***************************************************
 *
 * Recipe Elements
 *
 ***************************************************/

table.recipeContainer {
	width: 620px;
	margin-top: 5px;
}

table.recipeContainer img.recipeItem {
	padding-right: 10px;
	float: left;
}

table.recipeContainer td.recipeText {
	width: 412px;
	padding-bottom: 20px;
}

table.recipeContainer td.recipeRightBar {
	width: 200px;
	padding: 0px 0px 20px 20px;
}

td.recipeDemoContainer {
	vertical-align: top;
	text-align: left;
	padding-right: 20px;
}

table#browseAll {
	/* width calculation is: (parent container 620px) - (searchbox 188px) - (20px pad) */
	width: 412px;
	table-layout: fixed;
}

table#browseAll td {
	padding-right: 20px;
}

td#recipeSearchContainer {
	width: 188px;
	padding: 0px 0px 20px 20px;
	text-align: right;
}

table.recipeSearchBinContainer {	
	background-color: #f3f3f3;
	width: 188px;
	height: 120px;
}

table.recipeSearchBinContainer td {
	padding-left: 10px;
	padding-bottom: 5px;
	text-align: left;
}

table.recipeSearchBinContainer div.recipeSearchBoxText {
	padding-bottom: 3px;
	padding-top: 5px;
	font-weight: bold;	        
}

table.recipeSearchBinContainer input.recipeSearchBox {
	width: 148px;
	height: 14px;
	vertical-align: top;
	font-family: Arial;
	font-size: 10px;
	padding: 0px 0px 0px 1px;
	border: 1px solid #7f9db9;
}

table.recipeSearchBinContainer input.recipeSearchButton {
	height: 16px;
	width: 16px;
	vertical-align: middle;
}

table.recipeSearchBinContainer img.recipeSearchButton {
	vertical-align: middle;
}

table.recipeSearchBinContainer select {
	width: 148px;
	min-width: 151px;
	height: 14px;
	vertical-align: top;
	font-family: Arial;
	font-size: 10px;
	padding: 0px 0px 0px 1px;
	border: 1px solid #7f9db9;
}


/***************************************************
 *
 * Cooking Demos Elements
 *
 ***************************************************/

table#cookingDemoContainer {
	width: 620px;
	table-layout: fixed;
}

td.cookingDemoItem {
	padding: 20px;
	text-align: middle;
	vertical-align: bottom;
}

div.cookingDemoItem {
	width: 86px;
	height: 140px;
	padding: 5px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #000000;
}


/***************************************************
 *
 * Culinary Links Elements
 *
 ***************************************************/
 
table.culinaryLinksContainer {
	/* reserved for future use */
}

table.culinaryLinksContainer td.thumbnail {
	padding-bottom: 15px;
}

table.culinaryLinksContainer td.description {
	padding-bottom: 15px;
	padding-left: 10px;
	text-align: left;
}

table.culinaryLinksContainer td.description a{
	font-weight: bold;
}

div.formContainer {
	padding-left: 10px;
	padding-bottom: 5px;
}

div.formContainer table td {
	padding: 0px 10px 6px 0px;
}

table#brochureTypes td {
	padding-right: 75px;
}

table#brochureTypes td {
	padding-right: 75px;
}


/***************************************************
 *
 * Kitchen Gallery Elements
 *
 ***************************************************/
 
table.galleryContainer {
	margin-top: 30px;
	width: 143px;

}

table.galleryContainer td.inActive {
  	padding: 5px 5px 0px 0px;
}

table.galleryContainer td.active{
	padding: 5px 5px 0px 0px;
	opacity: .40;
	filter: alpha ( opacity = 40 );
	-moz-opacity: 0.4;
}
 
div.transOFF {
	background-color: white;
}

div.transON {
	background-color: white;
	opacity: .50;
	filter: alpha ( opacity = 50 );
	-moz-opacity: 0.5;
}

div.trans25 {
	background-color: white;
	opacity: .25;
	filter: alpha ( opacity = 25 );
	-moz-opacity: 0.25;
}

div.trans75 {
	background-color: white;
	opacity: .75;
	filter: alpha ( opacity = 75 );
	-moz-opacity: 0.75;
}

table.largeImageContainer {
	width: 464px;
	background-color: #f3f3f3;
	
}

table.largeImageContainer td {
	text-align: center;
	padding: 10px 0px 0px 0px;
}

table.largeImageContainer td.designer {
	padding: 3px 10px 3px 0px;
	text-align: right;
}

table.largeImageContainer td.photo {
	text-align: left;
	padding: 3px 0px 3px 10px;
}

table.largeImageNavigation {
	width: 464px;
}

table.largeImageNavigation td {
	text-align: center;
}
 
table.largeImageNavigation td.previous {
	text-align: left;
}

table.largeImageNavigation td.next {
	text-align: right;
}

div.bottom {
	padding-left: 10px;
	padding-right: 10px;
}

table.bottom {
	/* reserved for future use */
}

table.bottom td.image {
	padding-right: 5px;
	padding-left: 10px;
	padding-bottom: 20px;
}

table.bottom td.description {
	padding-right: 15px;
	padding-left: 10px;
	padding-bottom: 20px;
}


/***************************************************
 *
 * Designers of Distinction Elements
 *
 ***************************************************/
 
table.bioContainer {
	/* reserved for future use */
}

table.bioContainer td.description {
	padding-right: 15px;
}

table.bioContainer td.images {
	/* reserved for future use */
}

div.imageContainer {
	padding: 15px 0px 15px 0px;
	width: 250px;
	background-color: #f3f3f3;
	text-align: center;
}