@charset "utf-8";
/* CSS Document */
html, body {
	height:100%;
}
a, img, object { outline:none; border:0;}
a {text-decoration:none; color:#4b237e}
a:link, a:visted {color:#000000}
a:hover { text-decoration:underline;}
a:active {color:#4b237e;}
body {
	background-color:#f7f4fa;
	color:#663399;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	text-align:center;
}
#container {
	clear:both;
	height:auto !important;
	margin:0 auto -60px auto;
	min-height:100%;
}
/* navigation */
#navBar {
	clear:both;
	text-align:center;
	width:100%; height:105px;
	background-image:url(../media/NavBar/1px_topBack.gif); background-repeat:repeat-x;
}
#navContent {
	width:976px;
	margin:0 auto;
	clear:both;
}
#topLogo {float:left; clear:left;}
#slogan { float:left; clear:right; margin:0 0 0 208px; width:520; height:64;}
a.navBut { 
	display:inline-block; width:104px; height:41px; float:left;
	background-repeat:no-repeat;
	border:0 none;
	margin:0; padding:0;
	overflow:hidden;
	text-indent:-999px;
}
a.navBut:hover {background-position: 0 -41px;}
a.navBut:active {background-position: 0 -82px;}
a.navBut.self {background-position: 0 -82px;}
#main { background-image:url(../media/NavBar/main.gif);}
#nutrition { background-image:url(../media/NavBar/nutritionalInfo.gif);}
#recipes { background-image:url(../media/NavBar/recipes.gif);}
#press { background-image:url(../media/NavBar/press.gif);}
#storeFinder { background-image:url(../media/NavBar/storeFinder.gif);}
#aboutUs { background-image:url(../media/NavBar/aboutUs.gif);}
#contact { background-image:url(../media/NavBar/contact.gif);}
/* footer */
#footer, .push {
	clear:both;
	font-size:10px;
	width:976px;height:60px;
	margin:0 auto;
	text-align:center;
}
#footer { z-index:1;}
#footer #rLinks { float:right; width:380px; margin:44px 28px 0 0; text-align:right;}
#footer a{ margin:0 8px;}
#footer img {float:left; position:relative; margin:-90px 0 0 0;}
/* main content area */
#bodyContent {
	margin:0 auto;
	width:976px; height:auto;
	text-align:left;
	z-index:100;
}
#bodyContent p {
	margin:0 0 8px 0;
	line-height:19px;
}
#bodyContent #title {
	float:left; clear:both;
	margin:42px 648px 12px 30px;
}
#leftCol {
	float:left; clear:left;
	width:304px;
	margin:12px 48px 0 72px;
	font-size:12px;
}
#leftCol.wide {
	width:534px;
	margin:12px 42px 0 30px;
}
#rightCol {
	float:left;
	width:428px;
	margin:12px 48px 48px 24px;
	font-size:12px;
	z-index:100;
}
/* home/intro */
#bodyContent.intro { margin-top:48px;}
#skipIntro {width:100%; float:left; clear:both; text-align:right;}
#mainImg {float:left; margin:0 0 0 6px;}
ul#homeInfo {
	display:block; float:left;
	margin:12px 12px 0 22px; padding:0;
	width:auto; height:auto;
	font-size:14px;
	line-height:21px;
}
#bodyContent .featuredBox { 
	display:inline-block; 
	width:340px; 
	margin:0 0 20px 0;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #f3e9f4;
}
#bodyContent .featuredBox img { float:left; clear:both; padding:12px 20px 20px 20px; width:300px; height:155px;}
#bodyContent #Tru_CMS {background-color:#999999;}
#bodyContent .featuredBox h2{ float:left; clear:both; font-size:12px; margin:20px 0 0 20px;}
 #bodyContent .featuredBox p { float:left; clear:both; margin:0 0 12px 20px;}
#feature_2 { margin:0;}
/* recipie page */
#recipeCol { display:block; float:right; clear:right; width:587px;}
ul#recipeInfo {
	display:block; float:left;
	list-style:none;
	margin:12px 72px 72px 72px; padding:0;
	width:auto; height:auto;
	font-size:14px;
	line-height:21px;
}
#sendUsMOAR { 
	float:left; clear:left;
	margin:12px 72px 72px;
	width:202px; font-size:14px;
}
#sendUsMOAR a{ text-decoration:underline; }
.recipeBox { 
	display:inline-block; 
	width:587px; 
	margin:0 0 20px 0;
	float:left;
	background-color:#FFFFFF;
	border:1px solid #f3e9f4;
}
#recipeEdit h2 { float:left; clear:left;}
.recipeBox img { float:left; clear:left; margin:20px 16px 20px 24px; width:170px; height:170px; background-color:#999999;}
.r_recipeTxt { float:left; clear:right; margin:20px 14px 0 0; width:360px;}
.r_recipeTxt h2{ font-size:14px; margin:0 0 12px 0;}
.r_recipeTxt h3{ font-size:12px; margin:0 0 12px 0;}
a.back2Top { font-weight:bold; text-decoration:underline; color:#4b237e; padding:12px 0;}
/* press */
#pressContent { display:inline-block; width:906px; float:left; clear:left; margin:0 0 72px 0;}
.featuredPress { display:inline-block; width:366px; height:160px; margin:12px 0 24px 72px; float:left;}
.featuredPress img { 
	width:auto; height:auto; 
	padding:6px; float:left; clear:both; 
	background-color:#ffffff; border:1px solid #f3e9f4;
}
#bodyContent .featuredPress h2 {float:left; clear:left; width:auto; display:inline-block; font-size:14px; font-weight:bold; margin:6px 8px 0 0; color:#d50042;}
#bodyContent .featuredPress h3 {float:left; width:auto; display:inline-block; font-size:14px; font-weight:bold; margin:6px 8px 0 0;}
#bodyContent .featuredPress p { display:inline-block; width:366px; margin:6px 8px 0 0;}
#bodyContent .featuredPress a:hover p { text-decoration:underline;}
.featuredPress .defaultImg{height:50px; width:100%; background-color:#666666;}
/* depreciated press
#pressContent { display:inline-block; width:655px; float:left; clear:left; margin:0 0 72px 0;}
.featuredPress { display:inline-block; width:223px; margin:12px 0 0 72px; float:left;}
.featuredPress img { 
	width:211px; height:66px; 
	padding:6px; float:left; clear:both; 
	background-color:#ffffff; border:1px solid #f3e9f4;
}
#bodyContent .featuredPress p { float:left; clear:both; margin:12px 0 0 8px;}
#bodyContent .featuredPress a:hover p { text-decoration:underline;}*/
#aboutContent { display:inline-block; width:655px; float:left; clear:left; margin:0 0 72px 0;}

.additlPress { 
	float:left; clear:right; 
	display:block; width:264px; 
	margin:0 0 36px 24px;
	background-color:#FFFFFF; border:1px solid #f3e9f4;
}
.additlPress img { margin:22px 0 12px 18px; float:left; clear:both;}
#bodyContent .additlPress p { margin:0 18px 18px 18px; float:left; clear:both;}
#bodyContent .additlPress a { margin:0 0 12px 0; float:left; clear:both;}
/* nutritional Info */
ul#nutInfo {
	display:block; float:left;
	margin:12px 12px 0 72px; padding:0;
	width:auto; height:auto;
	font-size:14px;
	line-height:21px;
}
/* contact form */
#contactMap {	float:left; clear:left; margin:12px 48px 60px 72px;}
#contactForm { margin:12px 0 72px 0;}
#contactForm .input {width:288px; background-color:#f7f4ff;}
#contactForm p { margin:12px 0 4px 0;}
/* about us */
#aboutContent { margin:0 0 12px 30px;}
#pressContent p { margin:0 72px 12px 72px;}
#smallTub { margin:14px 0 12px 36px;}


/* popup */
/* black pop up window */
.fullScreen {display:none; height:100%; width:100%; position:absolute; top:0; left:0; cursor:pointer; }
#blackBack { background-color:#ffffff; z-index:100; opacity: 0.85;filter:alpha(opacity=85);}
#popContainer { z-index:101;}
#popCenter { 
	position:relative;
	top:0;
	margin:0 auto;
	display:block; width:200px; height:200px;
	border:10px solid #ffffff; background-color:#FFFFFF; 
	text-align:center;
	z-index:101; 
	cursor:pointer;
}
#closeX {
	position:absolute;
	right:-26px;
	top:-24px;
	z-index:100;
}
/* edit */
#recipeEdit { width:100%; float:left;}
#recipeEdit #recipeCol { clear:none;}