/*#############################################################
Name: First Kitchen Cooks
Date: 2008-04-03
Author: Jon Osmond
URL: http://osmonddesign.com
#############################################################*/

html {overflow-y:scroll;}

			/* Global Layout */
			
			
#frontColOne a, #whatis a, #blog a {
	color: #252525;
	text-decoration: underline;
}
#frontColOne a:hover, #whatis a:hover, #blog a:hover  {
	color: #353535;
	text-decoration: none;
}
#frontColOne a:visited, #whatis a:visited, #blog a:visited{
	text-decoration: underline;
}

#recipe-list a, #recipe h5 a {
	color: #044D64;
	text-decoration: underline;
}

#recipe-list a:hover, #recipe h5 a:hover {
	text-decoration: none;
}

#watchleft a {
	color: #4B7724;
	text-decoration: underline;
}

#watchleft a:hover {
	text-decoration: none;
}


/*#itsthetable a {
	color: #555;
	text-decoration: underline;
}

#itsthetable a:hover {
	text-decoration: none;
}*/
body 
{
font-size: .75em;
margin: 0px;
text-align: center;
background: #ffffff url(img/woodbg.jpg) top left;
color: #101010;
font-family: Arial, Helvetica, sans-serif;
}

#wrap
{
position: relative;
width: 930px;
}



/* header */
#header
{
position: relative;
height: 62px;
padding: 4px 0 4px 5px;
background: url(img/navbg.png) top left no-repeat;
}

* html #header
{
background: #fff;
}

	/* logo */
	#logo
	{
	position: relative;
	float: left;
	height: 62px;
	width: 383px;
	background: url(img/logo.gif) top left no-repeat;
	}
/*	#logo:hover{

background-position: -99px;

}*/ 
	
	/* navigation */
	#nav
	{
	position: relative;
	float: left;
	height: 62px;
	padding-left: 2px;
	z-index: 1000;
	}
		
		#nav li, #nav li a
		{
		position: relative;
		float: left;
		height: 62px;
		padding-right: 1px;
		list-style-type:none; /*Jon added*/
		text-decoration:none; /*Jon added*/
		}
		
		#n1
		{
		position: relative;
		text-indent: -999em;
		width: 124px;
		background: url(img/n1.gif) top left no-repeat;	
		}
		
		#n2
		{
		position: relative;
		text-indent: -999em;
		width: 147px;
		background: url(img/n2.gif) top left no-repeat;	
		}
		
		#n3
		{
		position: relative;
		text-indent: -999em;
		width: 117px;
		background: url(img/n3.gif) top left no-repeat;	
		}
		
		#n4
		{
		position: relative;
		text-indent: -999em;
		width: 139px;
		background: url(img/n4.gif) top right no-repeat;	
		}
		
		#nav li a:hover
		{
		background-position: bottom left;
		}
		
		#nav li #n4:hover
		{
		background-position: bottom right;
		}
		
		/* hover nav */
		#nav li ul
		{
		position: absolute;
		width: 500px;
		left: -999em;
		top: 62px;
		font-size: .9em;
		font-weight: bold;
		padding: 3px;
		}
		
			#nav li:hover ul, #nav li.sfhover ul
			{
			position: absolute;
			float: left;
			left: 0px;
			}
			
			#nav li ul li
			{
			position: relative;
			/*width: 90px; Jon added*/
			padding: 3px 10px 3px 8px;
			float: left;
			height: 18px;
			background: #fff;
			list-style-type:none; /*Jon added*/
			}
			#nav li ul li a
			{
			position: relative;
			float: left;
			height: 18px;
			color: #898989;	
			}
			
			#nav li ul li a:hover
			{
			position: relative;
			color: #044D64;
			}

/* the page */
#pagewrap
{
position: relative;
margin-top: 34px;	
padding: 0 15px 15px 15px;
background: #fff;
}

	#topshim
	{
	position: absolute;
	top: -17px;
	left: 0px;
	width: 930px;
	height: 17px;
	background: url(img/ptop.png) top left no-repeat;
	}

	/* top set - Home*/
	#top-home
	{
	position: relative;
	height: 269px;
	background: url(img/home-mast.jpg) top left no-repeat;	
	}
	
		#home
		{
		position: relative;
		float: right;
		padding: 15px 20px 0 20px;	
		width: 358px;
		height: 254px;	
		text-align: left;
		background: url(img/homebg.jpg) top left no-repeat;
		}

	/* top set - What is FK*/
	#top
	{
	position: relative;
	height: 220px;
	background: url(img/whatis-mast.jpg) top left no-repeat;	
	}
	
		#whatis
		{
		position: relative;
		float: right;
		padding: 15px 20px 0 20px;	
		width: 358px;
		height: 205px;	
		text-align: left;
		background: url(img/whatisbg.gif) top left no-repeat;
		}
			
			#whatis h2, #home h2
			{
			position: relative;
			font-size: 1.35em;
			padding-bottom: 10px;
			color: #044D64;
			font-weight: bold;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: #D5D5D5;
			}

			#whatis h3, #home h3
			{
			position: relative;
			font-size: 1.25em;
			padding-bottom: 10px;
			color: #252525;
			font-weight: bold;
			}

			#whatis p, #home p
			{
			position: relative;
			line-height: 1.5em;
			padding: .75em 0 0 0;
			}
			
			#whatis strong, #home strong
			{
			font-size: 1.15em;
			}
	
	
	/* top set - FK Shop */
	#top.shop
	{
	position: relative;
	height: 220px;
	background: url(img/shop-mast.jpg) top left no-repeat;	
	}
	
		#top.shop #whatis
		{
		position: relative;
		float: right;
		padding: 15px 20px 0 20px;	
		width: 483px;
		height: 205px;	
		text-align: left;
		background: url(img/thegoodsbg.jpg) top left no-repeat;
		}
	
	/* top set - Recipes */
	#top.recipes
	{
	position: relative;
	height: 220px;
	background-image: url(img/recipes-mast.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#top.eatright
	{
	position: relative;
	height: 220px;
	background-image: url(img/eat-right-mast.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}	
	
	#top.party
	{
	position: relative;
	height: 220px;
	background-image: url(img/party-mast.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#top.about
	{
	position: relative;
	height: 220px;
	background-image: url(img/about-mast.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

	#top.blog
	{
	position: relative;
	height: 220px;
	background-image: url(img/blog-mast.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
	
	#top.news, #top.default
	{
	position: relative;
	height: 220px;
	background-image: url(img/news-mast.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

	#top.video
	{
	position: relative;
	height: 220px;
	background-image: url(img/video-mast.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

	/* front */
	#front
	{
	position: relative;
	padding-top: 7px;
	}
		
		/* front coloumn one */
		#frontColOne
		{
		position: relative;
		float: left;
		width: 743px;	
		}
		
		#blog
		{
		position: relative;
		float: left;
		width: 900px;	
		}
			
			/* watch fk */
			#watchset
			{
			position: relative;
			padding-bottom: 1px;
			min-height: 225px;
			border-bottom: 1px solid #D5D5D5;
			background: url(img/bioright.gif) top right no-repeat;
			}
				
				/* watch fk left */
				#watchleft, #watchleft-home
				{
				position: relative;
				float: left;
				width: 467px;
				padding: 10px 10px 10px 25px;
				text-align: left;
				min-height: 205px;
				background: url(img/frontdoublebg.gif) top right no-repeat;
				}
				
				#bio
				{
				position: relative;
				float: left;
				width: 467px;
				padding: 10px 10px 10px 25px;
				text-align: left;
				min-height: 205px;
				background-image: url(img/biorightbg.gif);
				background-repeat: no-repeat;
				background-position: right top;
				}
				
				#watchleft-sub
				{
				position: relative;
				float: left;
				text-align: left;
				min-height: 205px;
				padding-top: 10px;
				padding-right: 10px;
				padding-bottom: 10px;
				padding-left: 25px;
				}
				
				/* Recipes */
				#recipe
				{
				position: relative;
				float: left;
				padding: 10px;
				text-align: left;
				min-height: 205px;
				background: url(img/recipebg2.gif) top right no-repeat;
				}

				#watchleft-sub img
				{
				float:right;
				padding: 20px 50px 10px 50px;
				}
				
					#watchleft h2, #news h2, #default h2
					{
					position: relative;
					color: #23B9F4;
					font-weight: bold;
					font-size: 1.2em;
					padding:4px 0 4px 0;
					}
					
					#watchleft-sub h2, #recipe h2, #bio h2
					{
					position: relative;
					color: #4B7724;
					font-weight: bold;
					font-size: 1.2em;
					padding:4px 0 4px 0;
					}
					
					#watchleft-home h2
					{
					position: relative;
					color: #23B9F4;
					font-weight: bold;
					font-size: 1.4em;
					padding:4px 0 4px 0;
					}
					
					#bio h3
					{
					position: relative;
					color: #4B7724;
					font-size: 1em;
					}
					
					.intro
					{
					font-weight:bold;
					}

					#watchleft p, #watchleft-sub p, #recipe p, #bio p, #news p, #default p
					{
					position: relative;
					line-height: 1.5em;
					margin-bottom:10px;
					}
					#watchleft-home p
					{
					position: relative;
					line-height: 1.7em;
					margin-bottom:10px;
					font-size:1.2em;
					}
					
					
					#watchleft-sub ul
					{
					position: relative;
					line-height: 1.5em;
					margin-bottom:10px;
					}
				
					#watchleft strong, #watchleft-sub strong
					{
					font-size: 1.05em;
					}
				
					#watchleft ul, #watchleft-sub ul
					{
					position: relative;
					margin-left: 14px;
					list-style: disc outside;
					}
					
					#watchleft li, #watchleft-sub li
					{
	position: relative;
	padding: 3px 0 3px 0;
	list-style-type: square;
					}
				
				/* watch fk right */
				#watchright
				{
				position: relative;
				float: left;
				width: 191px;
				background: url(img/frontdoublebg.gif) top right no-repeat;
				padding: 10px 10px 0 40px;
				min-height: 205px;
				text-align: left;
				}
				
				#bioright
				{
				position: relative;
				float: left;
				width: 191px;
				padding: 10px 10px;
				text-align: left;
				}
				
				#bioright p
				{
				position: relative;
				float: left;
				width: 191px;
				padding: 10px 10px;
				text-align: left;
				font-size: 95%;
				color: #808080;
				}

				#watchright h2
				{
				position: relative;
				color: #4B7724;
				font-weight: bold;
				text-transform: uppercase;
				font-size: 1.2em;
				}	
				
				#watchright h3
				{
				position: relative;
				padding-bottom: 8px;
				color: #5D5D5D;
				font-weight: bold;
				font-size: 1.2em;
				}	

				#watchright-about
				{
				position: relative;
				float: left;
				width: 201px;
				background: url(img/frontdoublebg.gif) top right no-repeat;
				padding: 10px 10px 0 30px;
				min-height: 205px;
				text-align: left;
				font-size: 1.05em;

				}

				#watchright-about p
				{
				position: relative;
				padding: 10px 13px 8px 0;
				color: #5D5D5D;
				}
				
				#quoteright
				{
				position: relative;
				float: left;
				width: 191px;
				background: url(img/frontdoublebg.gif) top right no-repeat;
				padding: 10px 10px 0 40px;
				min-height: 205px;
				}
				
				#quoteright h3
				{
				position: relative;
				float: left;
				width: 191px;
				padding: 10px 10px;
				text-align: left;
				font-size: 1.2em;
				color: #808080;
				font-weight: bold;
				text-align: left;
				}

				/* Recipes */
				
				#recipe h5
				{
				position: relative;
				font-size: 0.95em;
				padding-bottom: 10px;
				color: #044D64;
				font-weight: bold;
				border-bottom-width: 1px;
				border-bottom-style: solid;
				border-bottom-color: #D5D5D5;
				margin-bottom:7px;
				}

				#recipe
				{
				position: relative;
				float: left;
				text-align: left;
				min-height: 205px;
				background-image: url(img/recipebg2.jpg);
				background-repeat: repeat-x;
				background-position: right top;
				padding-top: 10px;
				padding-right: 10px;
				padding-bottom: 10px;
				padding-left: 20px;
				}
				
				#recipe img
				{
				float:right;
				padding-top: 0px;
				padding-right: 14px;
				padding-bottom: 40px;
				padding-left: 40px;
				}

			/* stock up */
			#stockup
			{
			position: relative;
			height: 75px;
			padding: 10px;
			text-align: left;
			border-bottom: 1px solid #D5D5D5;
			background: url(img/stockup.gif) center left no-repeat;
			}
			
				.downloadlessons
				{
	position: relative;
	margin-right: 10px;
	float: right;
	padding: 10px;
	width: 252px;
	height: 55px;
	background-image: url(img/downloadlessons2.gif);
	background-repeat: no-repeat;
	background-position: left top;
				}
				
				.dvdcollection
				{
				position: relative;
				float: right;
				padding: 10px;	
				width: 252px;
				height: 55px;
				background: url(img/dvdcollection2.gif) top left no-repeat;	
				}
				
				#stockup h2
				{
				position: relative;
				padding: 11px 0 0 5px;
				width: 110px;
				font-weight: bold;
				font-size: 1em;
				color: #4B7724;
				text-decoration:none;
				}
				#stockup h2 a, #stockup h2 a:visited
				{
				color: #4B7724;
				text-decoration:none;
				}
				
			
			/* front page quotes */
			#quoted
			{
	position: relative;
	line-height: 1.3em;
	text-align: left;
	padding: 10px 0 10px 180px;
	background-image: url(img/strawberry.jpg);
	background-repeat: no-repeat;
	background-position: left center;
			}
			
				#quoted .thequoted
				{
				position: relative;
				font-weight: bold;
				padding-top: .5em;
				color: #34B3E8;	
				}
				
				#quoted p
				{
				position: relative;
				padding-right: 20px;
				}
					.thequoted span
					{
					display: block;
					}
					
			#quoted2
			{
			position: relative;
			line-height: 1.3em;
			text-align: left;
			padding: 10px 0 10px 180px;
			background-image: url(img/quote2.jpg);
			background-repeat: no-repeat;
			background-position: left center;
			}
			#quoted3
			{
			position: relative;
			line-height: 1.3em;
			text-align: left;
			padding: 10px 0 10px 180px;
			background-image: url(img/quote1.jpg);
			background-repeat: no-repeat;
			background-position: left center;
			}

				#quoted2 .thequoted, #quoted3 .thequoted
				{
				position: relative;
				font-weight: bold;
				padding-top: .5em;
				color: #34B3E8;	
				}
				
				#quoted2 p, #quoted3 p
				{
				position: relative;
				padding-right: 20px;
				}
					.thequoted span
					{
					display: block;
					}
					
		
				#news
				{
				position: relative;
				float: left;
				width: 708px;
				text-align: left;
				min-height: 205px;
				background: url(img/frontdoublebg.gif) top right no-repeat;
				padding-top: 10px;
				padding-right: 10px;
				padding-bottom: 10px;
				padding-left: 25px;
				}
		
				#video
				{
				position: relative;
				width: 901px;
				}

				#default
				{
				position: relative;
				float: left;
				text-align: left;
				min-height: 205px;
				background-color:#fff;
				padding-top: 10px;
				padding-right: 10px;
				padding-bottom: 10px;
				padding-left: 25px;
				}


		#frontColTwo
		{
		position: relative;
		float: right;
		width: 155px;	
		}
		
		* html #frontColTwo
		{
		width: 151px;
		}

		
			#checkthisout
			{
			position: relative;
			padding: 10px;
			height: 153px;
			background: #E2EFF6 url(img/linfade.gif) top right no-repeat;
			font-size: .95em;
			font-weight: bold;
			text-align: center;
			margin-bottom: 2px;
			background-color: #E2EFF6;
			}
			
			#recipe-list
			{
			position: relative;
			padding: 10px;
			background: #E2EFF6 url(img/linfade.gif) top right no-repeat;
			font-size: .95em;
			text-align: left;
			margin-bottom: 2px;
			background-color: #E2EFF6;
			}
			
			#recipe-list h4
			{
			font-weight: bold;
			padding-left: 7px;
			font-size: .95em;
			}
					#recipe-list ul
					{
					position: relative;
					list-style-type:none;
					text-align:left;
					padding-bottom: 10px;
					}
					
					#recipe-list li
					{
					position: relative;
					padding: 3px 0 3px 7px;
					list-style-type:none;
					}
			
			.showstyle
			{
			position: relative;
			display: block;
			padding: 6px;
			margin-bottom: 2px;
			font-size: .9em;
			color: #101010;
			font-weight: bold;
			background: #E2EFF6;
			text-align: left;
			}
			
			.stuffbox
			{
	position: relative;
	font-size: 0.95em;
	background: #E2EFF6;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
	font-weight: bold;
			}
			
			.stuffbox strong
			{
			display: block;
			}
	
	/* sub one */
	#subColOne
	{
	position: relative;
	margin-top: 6px;
	float: left;
	width: 375px;
	text-align: left;
	background: url(img/frontdoublebg.gif) top right no-repeat;
	}
	
		.convincer
		{
		position: relative;
		padding: 10px 10px 0 15px;
		}

			.convincer h2
			{
			position: relative;
			color: #23B9F4;
			font-weight: bold;
			font-size: 1.2em;
			}
		
			.convincer p
			{
			position: relative;
			line-height: 1.5em;
			padding: .75em 0 .75em 0;
			}
			
			.convincer .buynow
			{
			position: relative;
			display: block;
			padding: 10px 15px 0 15px;
			width: 318px;
			height: 24px;
			font-weight: bold;
			color: #121212;
			text-transform: uppercase;
			font-size: 1.1em;
			background: url(img/tallbar.gif) top left no-repeat;
			}
		
		.thecover
		{
		position: relative;
		padding: 15px 25px 15px 25px;
		text-align: right;
		border-bottom: 1px solid #D4D4D4;
		}
		.thecover img { padding-right:55px;}
		#subColOne .splits
		{
		position: relative;
		padding: 15px;
		font-size: .85em;
		color: #646464;	
		border-bottom: 1px solid #D4D4D4;
		}
		
			.splitOne
			{
	position: relative;
	float: right;
	width: 50%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #D5D5D5;
			}
	
			.splitOne img {padding-left:17px;}

			.splitTwo
			{
			position: relative;
			float: left;
			width: 49.5%;
			}
			
			.splitTwo img {padding-left:15px;}

			#subColOne .splits p
			{
			padding: 0 9px .75em 9px;
			}
		
		
		
		.smallsale
		{
		position: relative;	
		padding: 0 15px 0 5px;
		}
		
			.smallsale li
			{
			position: relative;
			padding: 15px 0 2px 0;
			font-size: .9em;
			color: #646464;	
			list-style-type: none;
			}
			
			.smallsale h2
			{
			position: relative;
			color: #23B9F4;
			font-weight: bold;
			font-size: 1.25em;
			}
		
			.smallsale img
			{
			position: relative;
			float: right;
			margin-left: 7px;
			}
			
			.smallsale .buynow
			{
			position: relative;
			font-weight: bold;
			clear: right;
			display: block;
			padding: 6px 15px 0 15px;
			height: 18px;
			color: #121212;
			background: url(img/buybar.gif) top left no-repeat;
			}
		
		
	
	
	#subColTwo
	{
	position: relative;
	margin-top: 6px;
	float: left;
	width: 522px;
	text-align: left;
	border-left: 3px solid #fff;
	background: url(img/frontdoublebg.gif) top left no-repeat;
	}
		
		#subColTwo h2
		{
		position: relative;
		color: #306618;
		font-weight: bold;
		font-size: 1.2em;
		}
		
		#subColTwo p
		{
		position: relative;
		line-height: 1.5em;
		padding: .75em 0 .75em 0;
		}
		
		.downloadchapters
		{
		position: relative;
		padding: 10px 15px 3px 15px;
		border-bottom: 1px solid #D4D4D4;
		}
		
		#thechapters
		{
		position: relative;
		color: #6F6F6F
		}
			
			#thechapters li
			{
			position: relative;
			padding: 12px 0 10px 9px;
			border-bottom: 1px solid #D4D4D4;
			list-style-type: none;
			}
				#subColTwo #thechapters li p
				{
				position: relative;
				line-height: 1.5em;
				padding: .4em 0 .4em 0;
				}
				
				#basics
				{
				position: relative;
				height: 29px;
				background: url(img/basics.jpg) top left no-repeat;
				text-indent: -999em;
				}
				
				#breakfast
				{
				position: relative;
				height: 29px;
				background: url(img/breakfast.jpg) top left no-repeat;
				text-indent: -999em;
				}
				
				#lunch
				{
				position: relative;
				height: 29px;
				background: url(img/lunch.jpg) top left no-repeat;
				text-indent: -999em;
				}
				
				#dinner
				{
				position: relative;
				height: 29px;
				background: url(img/dinner.jpg) top left no-repeat;
				text-indent: -999em;
				}
				
				#entiredvd
				{
				position: relative;
				height: 29px;
				background: url(img/dvd.jpg) top left no-repeat;
				text-indent: -999em;
				}
				
				#thechapters li img
				{
				position: relative;
				float: right;
				margin-left: 10px;
				}
				
				#thechapters .buynow
				{
				position: relative;
				text-transform: uppercase;
				font-weight: bold;
				clear: right;
				display: block;
				padding: 4px 15px 0 15px;
				height: 20px;
				color: #121212;
				background: url(img/downloadbar.gif) top left no-repeat;
				}


/* footer */

#footer
{
position: relative;
	font-weight: normal;
margin: 3px 0 15px 0;
height: 48px;
background: url(img/footer.gif) top left no-repeat;
color: #8da2aa;
}

#footer a, #footer a:hover 
{
position: relative;
float: right;
	font-weight: normal;
color: #8da2aa;
margin-right: 7px;
margin-top: 8px;
padding: 10px 12px 8px 12px;
text-decoration: none;
}

#footer a:hover 
{
	text-decoration: underline;
	font-weight: normal;
}



/* switcher */

#switcher
{
position: absolute;
right: -82px;
top: 0px;
width: 80px;
text-align: center;
background: url(img/changer.png) top left no-repeat;
padding-top: 32px;	
}

* html #switcher
{
background: url(img/changer.gif) top left no-repeat;
}

#tops
{
position: relative;
background: #fff;
padding: 2px 7px 8px 7px;
}


/*Blog*/
.blog-container h1 { /*overrides Module CSS*/
	font-size:0px;
	line-height:1px;
	margin:0pt 0pt 6px;
	color: #FFFFFF;
}

a span { /*overrides Module CSS*/
	display:block;
}

.secure-login, .newsletter-form { /*overrides Module CSS*/
	margin-bottom:18px;
	background: none;
	border:none;
}

.green{color: #4B7724}

.buynow2 {
	clear:right;
	color:#121212;
	display:block;
	font-weight:bold;
	height:46px;
	padding:6px 15px 0pt;
	position:relative;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(img/e-letter-bar.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

		#quotes
		{
	position: relative;
	float: left;
	width: 880px;
	padding-top: 20px;
		}


.phone{
	color: #23B9F4;
	font-weight: bold;
	font-size: 1.2em;
}
#photos {
	padding-top:15px;
	color:#808080;
	float: right;
	font-size: 95%;
	}
	
	#photos a, #photos a:hover  {
		color:#808080;
	}
	
	
.shop-product-large { /*overrides Module CSS*/
	min-width:840px;
	}
select.shippingDropDown {
width:170px;
}