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


td.singleColumn div.longDescription {
	padding: 0 0 5px 0;
}

td.singleColumn div.pageHeader {
	padding: 0;
	margin: 0;
}

td.singleColumn div.pageHeaderByLine {
	padding: 0;
	margin: 0 0 0 0;
}

td.singleColumn div.pageHeaderByLine p {
	padding: 0;
	margin: 0;
}

td.singleColumn table#whatsNew {
	margin: 10px 0 0 0;
}

table.recipeContainer td.recipeText div.longDescription p {
	padding: 5px 0 0 0;
	margin: 0;
}

div#galleryPage table.galleryContainer {
	margin: 0;
	padding: 0;
}

div#galleryPage table.galleryContainer td {
	margin: 0;
	padding: 0 0 0 7px;
}

div#galleryPage table.galleryContainer td#first {
	margin: 0;
	padding: 0;
}

/***************************************************
 *
 * 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 table {
	width: 620px;
	margin-top: 15px;
}

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

table#chefBio .chefText {
	width: 100%;
	padding: 0 0px 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: 10px 0 0 0;
}

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;
}

table.recipeContainer td.recipeRightBar div.infoBlock ul {
	margin: 0 0 3px 13px;
}

table.recipeContainer td.recipeRightBar div.infoBlock ul li {
	margin-bottom: 1px;
}

table.recipeContainer td.recipeRightBar div.infoBlock ul li a {
	font-weight: normal;
	line-height: 13px;
}

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;
}

td#recipeSearchContainer a,
td#recipeSearchContainer p,
td#recipeSearchContainer li {
	text-align: left;
}

td#recipeSearchContainer img.promo {
	border: 1px solid #dedee0;
	padding: 5px;
	width: 213px;
	height: 100px;
}

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

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

div.utilityBarSubContainerLifestyle table.recipeSearchBinContainer  {
	background-color: #FFF;
}

div.utilityBarSubContainerLifestyle table.recipeSearchBinContainer td {
	padding: 0;
}

div.utilityBarSubContainerLifestyle table.recipeSearchBinContainer td a.subLink {
	display: block;
	margin: 5px 0 0px 0;
}

div.utilityBarSubContainerLifestyle table.recipeSearchBinContainer td p {
	margin-top: 5px;
}

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

table.recipeSearchBinContainer input.recipeSearchBox {
	width: 118px;
	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;
	vertical-align: top;
	font-family: Arial;
	font-size: 10px;
	padding: 0px 0px 0px 1px;
	border: 1px solid #7f9db9;
}

table.recipeSearchBinContainer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

table.recipeSearchBinContainer h4 {
	margin: 0;
	padding: 0;
}

table.recipeSearchBinContainer img.owner-promo {
	border: 1px solid #DEDEE0;
	padding: 5px;
	margin-top: 10px;
}


/***************************************************
 *
 * 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;
}

table#whatsNew td.thumbnail {
	padding-right: 13px;
	padding-bottom: 10px;
}

/***************************************************
 *
 * Video Table Elements
 *
 ***************************************************/

div#tvlVideos div.infoBlock a.exclusive img.exclusive-icon {
	float: none;
	margin-right: 0;
}