body
{
	font-family: verdana, arial, sans-serif;
	text-align: center;
	background-color: #F8F3EB;
}

/* Common Elements - Zero Margin */

body, h1, ul, ol, li, form, label, #recipeDetailHeader h2, #nav p, #printRecipe h2, 
	#printRecipe h3, #recipeDetailHeader h2, #indexFeatureText1 p, 
	#indexFeatureText2 p, #indexFeatureText3 p, #videoSelectContain h3, #innerTopHeader img, 
	#innerTopHeader, #recipeListContain, #footer, #printRecipe { margin: 0em; }

/* Common Elements - Zero Padding */

ul, ol, li, #printRecipe h2, #printRecipe h3, #innerTopHeader img, 
	#innerContain, #innerTopHeader, #printRecipe { padding: 0em; }

/* Common Elements - Float Left */

#innerTopHeader, #nav, #mainContent, #recipeListContain, #contentFooter, 
	#videoContain, #videoSelectContain, #recipeDetailHeader img, 
	.left, .recipeContain, .pantryContain, .crustDetail, 
	img.wrap, p.floatLeft { float: left; }

/* Common Elements - Position: Relative */

#innerContain, #potmFlashContain, #mainContent, 
	#printRecipe, .crustDetail { position: relative; }

/* Common Elements - Text Align: Left */

#innerContain, #innerTopHeader, #footer { text-align: left; }

.clear {
	overflow: hidden;
	clear:both;
	height:0;
	margin:0;
	font-size: 1px;
	line-height: 0;
}


/* Frame structure */

#frame
{
	width: 995px;
	margin: 0 auto 0 auto;
	padding: 20px 0px 0px 0px;
	text-align: center;
	background-color: #F1E9DA;
}

#innerContain
{
	width: 955px;
	background-color: #FFF;
	margin: 0px auto 0px auto;
	border: 1px #000 solid;
	background-image: url(../images/innerContainBkgrd.gif);
	background-repeat: repeat-y;
	top: 0px;
}

#innerTopHeader
{
	width: 500px;
	height: 80px;
	background-color: #E92825;
}

#potmFlashContain
{
	width: 435px !important;
	width: 453px;
	width/**/:/**/435px;
	text-align: right;
	padding: 0px 20px 0px 0px;
	float: right;
	top: -21px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: 0px 21px;
	background-image: url(../images/innerHeaderBkgrd.jpg);
}

#nav
{
	width: 160px !important;
	width: 180px;
	width/**/:/**/160px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 10px 20px;
	background-color: #E4D5B9;
	min-height: 350px;
}

#mainContent
{
	width: 600px;
	top: -80px;
	margin: 0px 0px 0px 30px;
}

#recipeListContain
{
	width: 710px;
	background-color: #FFF;
	padding: 0px 0px 40px 0px;
	border-top: 2px #F1E9DA solid;
}

.recipeContain
{
	width: 190px;
/* 	Note: Height moved to small.css, as container had to get larger for increased text size */
	background-color: #FFF;
	margin: 20px 40px 0px 0px;
}

.pantryContain
{
	width: 700px;
	background-color: #FFF;
	margin: 20px 0px 0px 0px;
}

.pantryContain img {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

#contentFooter
{
	width: 720px;
	margin: 140px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 2px #F1E9DA solid;
}

#recipeDetailHeader
{
	width: 710px;
	height: 110px;
	margin: 20px 0px 20px 0px;
	background-repeat: no-repeat;
	background-position: 190px 0;
  overflow: hidden;
  position: relative;
}

.prod2913 {
  background-image: url(../images/bg_prod2913.jpg);
}

.prod861 {
  background-image: url(../images/bg_prod861.jpg);
}

.prod863 {
  background-image: url(../images/bg_prod863.jpg);
}

.prod867 {
  background-image: url(../images/bg_prod867.jpg);
}

.prod865 {
  background-image: url(../images/bg_prod865.jpg);
}

.prod2911 {
  background-image: url(../images/bg_prod2911.jpg);
}

#recipeLinks
{
	width: 710px;
	text-align: right;
}

.crustDetail
{
	width: 150px;
	top: 20px;
	left: 185px;
}

#enewsletter { 
  margin: 50px 0px 0px 0px; 
  width: 137px;
  height: 100px;
  position: relative;
}

#videoContain
{
	padding: 0px 30px 20px 0px;
}

#footer
{
/* 	Note: Top border added for the index display - see index.css */
	background-color: #F1E9DA;
	clear: both;
	height: 60px;
	padding: 10px 0px 0px 0px;
	margin: 0px 20px 0px 20px;
}

/* Text - Size */

h1 { font-size: 3.5em; }

h2 { font-size: 1.5em; }

h3, p, li, ul.bullets li, #indexFeatureText1 h2, #indexFeatureText2 h2, 
	#indexFeatureText3 h2 { font-size: 1.2em; }

#nav p { font-size: 1.1em; }

label, .recipeContain p, #contentFooter p, #footer p, 
	p.small, #indexFeatureText1 p, #indexFeatureText2 p, #indexFeatureText3 p,
	#printRecipe p, #printRecipe li { font-size: 1em; }

h2.fixed { font-size: 15px; }
p.fixed { font-size: 12px; }
.crustDetail p { font-size: 10px; }


/* Text - Line Height */

h1 { line-height: 1.4em; }

h2, h3, .recipeContain p { line-height: 1.3em; }

p, ul.bullets, li { line-height: 1.4em; }

label { line-height: 2em; }


/* Text - Margins/Padding */

h2 { margin: 1.5em 0em .5em 0em; }

h3 { margin: 1.5em 0em 0em 0em; }

p { margin: 0em 0em 1em 0em; }

#mainContent ul { margin: .5em 0em 1em 0em; }

#mainContent ol, #printRecipe ol { margin: .5em 0em 1em 2.5em; }

#mainContent ol li { margin: 0em 0em 1em 0em; }

.recipeContain p { margin: 0em 0em .5em 0em; }

.recipeContain h3, .pantryContain h3 { margin: .5em 0em 0em 0em; }

ul.bullets li { margin: 0em 0em 1em 0em; }

ul.bullets { padding: 0em 0em 0em 2em; }

#recipeDetailHeader h2 { margin: 1em 0em 0em 0em; }

h2.fixed { margin: 30px 0px 10px 0px; }

#videoSelectContain p { margin: 0em 0em 1.5em 0em; }


/* Text - Color */

h1, h2, h3, p, li { color: #000; }

#indexFeatureText1 h2, #indexFeatureText2 h2, #indexFeatureText3 h2 { color: #E4D5B9; }

#indexFeatureText1 p, #indexFeatureText2 p, #indexFeatureText3 p, #indexPOTM p { color: #FFF; }


/* Text - Weight/Misc */

h1 { font-weight: normal; }

#nav p, label { font-weight: bold; }

ul { list-style-type: none; }

ul.bullets { list-style-type: disc; }


/* Link - Color */

a:link, a:visited
{
	color: #000;
	text-decoration: none;
}

a:hover, #mainContent a:link, #mainContent a:visited, #login a:link, #login a:visited
{
	color: #F00;
	text-decoration: underline;
}

#mainContent a:hover, #login a:hover { color: #000; }

h2 a:link, h2 a:visited
{
	color: #E4D5B9;
	text-decoration: underline;
}

h2 a:hover { color: #000; }


#indexPOTM a:link, #indexPOTM a:visited
{
	color: #FFF;
	text-decoration: none;
}

#indexPOTM a:hover { color: #000; }


/* Navigation */

#nav ul
{
	list-style-type: none;
	margin: 0em 0em 1em 0em;
	padding: 0px;
}

#nav li
{
	margin: .7em 0em 0em 0em;
	padding: 0em;
	font-size: 1.2em;
}

#recipe_main .navRecipes, #recipe_search .navRecipes, #recipe_detail .navRecipes, #recipe_all .navRecipes, 
	#recipe_all .navAll, #recipe_season .navRecipes, #recipe_season .navSeason,
	#recipe_kids .navRecipes, #recipe_kids .navKids, #recipe_fruity .navFruity,
	#box .navBox, #give .navGive, #video .navVideo, #tips .navTips, 
	#pantryHome .navPantry, #tips .navTips, #special_offers .navOffers { color: #F00; }

#nav ul ul { margin: .5em 0em 0em 1em; }

#nav li li
{
	margin: 0em 0em .5em 0em;
	padding: 0em;
	font-size: .8em;
}

#nav li li a.on
{
	padding: 0em;
	margin: 0em;
}

div#login { padding: 1em 0em 1em 0em; }

#loginbox {
  padding: 0 10px 10px 0;
}

#font-controls
{
	border-top: 1px solid #FFF;
	padding: .8em 0em 0em 0em;
}

div#search
{
	border-color: #FFF;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	padding: .5em 0em 1em 0em;
}


/* File Links image replacement */

h1.swap
{
	margin: 0px;
	position: relative;
	top: 0px;
}

h1 span { font-weight: normal; }
h1.swap { background-repeat: no-repeat; }
h1.swap span { display: none; }
h1.swap img { display: block; }


/* Swap out specific h1 images */

h1#recipesKids, h1#recipesSeason, h1#recipesAll, h1#pantry, 
	h1#give, h1#recipeBox { height: 85px; }

h1#tips { height: 75px; }
h1#recipesDetail { height: 80px; }

h1#enews { height: 90px; }

h1#recipesKids { background-image: url(../images/h1_recipesKids.gif); }
h1#recipesSeason { background-image: url(../images/h1_recipesSeason.gif); }
h1#recipesFnF { background-image: url(../images/fnf_logo2.gif); width: 228px; height: 100px; float: left; }
h1#recipesWCC { background-image: url(../images/wcc_logo2.gif); width: 228px; height: 100px; float: left; }
h1#recipesCSC { background-image: url(../images/logo_coldstone.gif); width: 328px; height: 136px; float: left; }
h1#recipesAll { background-image: url(../images/h1_recipesAll.gif); }
h1#pantry { background-image: url(../images/h1_pantry.gif); }
h1#give { background-image: url(../images/h1_give.gif); }
h1#recipeBox { background-image: url(../images/h1_recipeBox.gif); }

h1#enews { background-image: url(../images/h1_enewsletter.gif); }
h1#tips { background-image: url(../images/h1_tips.gif); }

h1#recipesDetail { background-image: url(../images/h1_recipesDetail.gif); }


/* Misc */

img { border-width: 0; }

#recipeDetailHeader img { margin: 0px 20px 0px 0px; }

.right { float: right; }

img.wrap, p.floatLeft { display: inline; }

p.floatLeft { margin: 0px 10px 0px 0px; }

.red { color: #E92825; }


/* Circle Background */

.circle
{
	color: #FFF;
	padding: 5px 5px 8px 3px;
	background-image: url(../images/circle_bkgrd.gif);
	background-repeat: no-repeat;
}


/* Recipe Cards */

#printRecipe h2 { font-size: 12px; }
#printRecipe p, #printRecipe li { font-size: 10px; }

#printRecipe h3
{
	font-size: 10px;
	margin: 8px 0px 0px 0px;
}

.card3x5
{
	width: 5in;
	text-align: left;
	margin: .125in;
}

.card4x6
{
	width: 6in;
	text-align: left;
	margin: .125in;
}

.cardFull
{
	width: 90%;
	text-align: left;
	margin: .125in;
}

#print-tools
{
	text-align: right;
}

#print-tools a { text-decoration: none; }

#printRecipe
{
	width: 100%;
	background: #FFF;
	top: 0;
}

.card3x5 #printRecipe, .card4x6 #printRecipe
{
	border: 1px dotted #000;
	width: 4.75in;
	min-height: 3in;
}

.card4x6 #printRecipe
{
	border: 1px dotted #000;
	width: 5.75in;
	min-height: 4in;
}

* html .card3x5 #printRecipe { height: 3in; }
* html .card4x6 #printRecipe { height: 4in; }

#printRecipe
{
	margin: .125in;
	padding: .125in;
}


/* Recipe Box Table */

table { margin: 20px 0px 20px 0px; }

#table-recipe-box tbody td
{
	border-bottom: 1px dotted #F1E9DA;
  padding: 5px;
  vertical-align: top;
}

th.header {
  cursor: pointer;
}

th.header span {
  background: url(../images/sort_arrows.gif) 0 50% no-repeat;
  display: block;
  text-indent: 10px;
}

th.ascending span {
  background: url(../images/sort_ascending.gif) 0 50% no-repeat;
}

th.descending span {
  background: url(../images/sort_descending.gif) 0 50% no-repeat;
}

#table-recipe-box .boxname {
  width: 40%;
}

#table-recipe-box .boxsource {
  width: 25%;
}

#table-recipe-box .boxadded {
  width: 15%;
}

#table-recipe-box .boxprint, #table-recipe-box .boxremove {
  width: 10%;
  text-align: center;
}

/* Star Rating */

#rating_widget
{
	height: 20px;
	margin: 0px 0px 20px 0px;
}

.star-rating
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(../images/star_rating.gif) top left repeat-x;
}

.star-rating li
{
	margin: 0px;
	float: left;
	padding: 0px;
}

.star-rating li a
{
	display: block;
	width: 20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}

.star-rating li a:hover
{
	background: url(../images/star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
	top: -1px;
}

.star-rating a.one-star { left: 0px; }
.star-rating a.one-star:hover { width: 20px; }
.star-rating a.two-stars { left: 20px; }
.star-rating a.two-stars:hover { width: 40px; }
.star-rating a.three-stars:hover { width: 60px; }
.star-rating a.three-stars { left: 40px; }
.star-rating a.four-stars { left: 60px; }
.star-rating a.four-stars:hover { width: 80px; }
.star-rating a.five-stars { left: 80px; }
.star-rating a.five-stars:hover { width: 100px; }



/* new stuff */

#potmFlashContain img {
  float: right;
  margin-bottom: 98px;
}

#recipe_season #mainContent {
  width: 700px;
}

#recipe_fruity #mainContent, #special_offers #mainContent {
  top: -50px;
  width: 700px;
}

#seasonHeader {
  float: left;
  width: 560px;
}

#seasonNav {
  float: right;
  width: 133px;
}

#seasonNav img {
  display: block;
  margin-bottom: 7px;
}

#recipe_fruity #seasonNav img {
  margin-bottom: 1px;
}

#videoContain {
  width: 288px;
}

.recipe_submit div.section {
  border-top: 1px solid #e4d5b9;
  padding: 1px 0 0 0;
}

#tbl_ingredients {
  border-collapse: collapse;
  margin: 0 0 1em 0;
}

#tbl_ingredients td {
  background: #e4d5b9;
  padding: 3px;
  border: 1px solid #fff;
}

#tbl_ingredients p {
  margin: 0;
}

#tbl_ingredients tr.even td {
  background: #f8f3eb;
}

#tbl_ingredients tr.highlight td {
  background: yellow;
}

#tbl_ingredients td.delete {
  text-align: center;
  width: 50px;
}

.recipe_submit form textarea {
  width: 600px;
}

#dir-H, #notes-H {
  text-align: right;
  margin: -.8em 0 .8em 0;
}

.recipe_submit #quantity {
  width: 60px;
}

.recipe_submit #unit {
  width: 80px;
}

.recipe_submit #ingredient {
  width: 220px;
}

.alphaheader {
  padding-right: 7px;
  font-weight: bold;
}

label.alphaheader {
  font-weight: normal;
  color: #ccc;
}

#recipelist li {
  margin-bottom: .5em;
}


/* search pages */

#loading {
  display: none;
  position: absolute;
  left: 0;
  z-index: 99;
  width: 100%;
}

#loading img {
  display: block;
  padding: 60px;
  background: #fff;
  border: 1px solid #f00;
  margin: 60px auto;
}

.search-nav {
  padding: 1em 10px;
  border-top: 1px dotted #F1E9DA;
}

.search-nav span {
  margin-right: 1em;
}

.search-nav a {
  font-weight: bold;
  text-decoration: none;
  margin-right: 1em;
}

th .search-nav {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

table.search-results {
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0;
}

table.search-results th, table.search-results td {
  text-align: left;
  vertical-align: top;
  padding: 5px 10px;
  margin: 0;
  border: none;
}

table.search-results th {
  vertical-align: bottom;
  background: #F1E9DA;
  border-bottom: 2px solid #F1E9DA;
}

table.search-results tbody td {
  border-top: 1px dotted #F1E9DA;
}

#recipe-box-empty {
  padding: 10px;
  background: #F1E9DA;
  border: 1px solid #f00;
  display: none;
}

h4 {
  font-size: 1.2em;
}

table.search-results h4 {
  margin: 0;
}

tr.over td {
  background: #eee;
  cursor: pointer;
}

span.error {
  font-weight: bold;
  margin: 0;
  display: block;
  color: #c00;
}

.callout img {
  float: left;
  margin-right: 10px;
}

.callout {
  margin-bottom: 20px;
  padding: 10px 0;
  border-top: 1px dotted #f00;
  border-bottom: 1px dotted #f00;
}

span.error {
  font-weight: bold;
  margin: .4em 0 .4em 0;
  display: block;
  color: #f00;
}

p.float {
  float: left;
  margin-right: 10px;
}

#productimg {
  float: right;
  margin-left: 10px;
}

#pd_nutinfo {
  margin-top: .8em;
  padding: 8px 0;
  border-top: 1px dotted #cf000d;
  border-bottom: 1px dotted #cf000d;
}

#tbl_recipe_results {
  border-collapse: collapse;
}

#tbl_recipe_results td {
  border-bottom: 1px dotted #F1E9DA;
  margin: 0;
  padding: 5px;
  font-size: 1.2em;
}

#tbl_recipe_results tr.first td {
  font-weight: bold;
  background: #F1E9DA;
}

#give #rating_widget img {
  float: none;
  margin: 0;
}

td.recipe-image {
  width: 80px;
}

td.recipe-image img {
  width: 80px;
}

p.input label {
  float: left;
  width: 160px;
  margin-right: 10px;
  line-height: 1.2em;
  font-weight: normal;
}

p.input label.after {
  float: none;
  width: auto;
}