/*
Homepage Stylesheet

@author: Nathaniel B
@copyright: Copyright 2008 Nathaniel B/interlastic.com
@date: 07/10/2008
@comments: This file contains new and over-riding style properties for the Homepage. Note:
Some properties have styling settings inherited from other stylesheets. If you require a change, it
is best to override them here rather than modifying the sheet it is inheriting the properties from.
*/
/**************************************************************************************************
**************************************** SPOTLIGHT ELEMENTS ***************************************
**************************************************************************************************/
#spotlight-box {
	background:url(/library/common/images/hp-specific/mr-spotlight-bg-picture.jpg) no-repeat center #fff;
	border-bottom:3px solid #d3d3d3;
	height:244px;
	float:left;
	width:100%;
	position:relative;
	margin:0px 0px 7px 0px;
	top:-7px;
}

#spotlight-box form{
	margin:0px;
	padding:0px;
}

#spotlight-blurb {
	background:url(/library/common/images/hp-specific/hp-spotlight-bg-content.png) no-repeat center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	height:242px;
	width:183px;
	float:left;
	position:absolute;
	left:0;
	top:1px;
font-size:15px !important;
}
#spotlight-blurb a {position:relative; color:#fff;}
#spotlight-blurb p {
	padding:0px 10px 10px 10px;
	font-size:15px !important;
}

#spotlight-blurb h1 {
	font-size:25px !important;
	line-height:25px;
	margin:0px 0px 0.3em 0px;
	padding:10px 10px 0px 10px;
}

/****************************************** FORM PEICES ******************************************/
.formbox {
	background:url(/library/common/images/hp-specific/hp-spotlight-formbox.png) no-repeat;
	color:#1b1b1b;
	width:218px; /*218px/16.69em, 236px total w/ padding*/
	height:105px; /*85px/6.5em, 105px total w/ padding*/
	float:right;
	clear:right;
	padding:0px 10px;/*.8em = 10px*/
	margin:0px !important;
}

.formbox h2 {
	color:#0e700e;
	font-size:15px !important;
	font-weight:bold;
	margin:10px 0px 0px 0px;
}

.formbox legend span {
}

.formbox p {
	font-size:11px !important;
	line-height:15px;
	margin:5px 0px 8px 0px;
}

.formbox select {
	width:12.3em; /*160px*/
	float:left;
}

.formbox optgroup {
	font-style:normal;
	color:#0E700E;
}

.formbox optgroup option {
	color:#1B1B1B;
	background:#fff;
}

#spotlight-box #controls {
	position:absolute;
	right:-2px;
}

.formbox input.go{
	display:block;
	float:left;
	width: 21px;
	height:15px;
	margin-left:2px;
	margin-top:3px;
	background: url(/library/english/images/buttons/go.png) top left no-repeat;
	cursor:pointer;
	border:0px;
	font-size:1px;
	color:#156c13;
}

#spotlight-box #controls {
	top:3px;
}

#food-facts.formbox {
	display:block;
	margin-bottom:3px !important;
}

#find-recipes.formbox {
	display:block;
}
.textsize{
	display:none;
}

/**************************************************************************************************
**************************************** FEATURED ELEMENTS ****************************************
**************************************************************************************************/
#w750 {
	padding-top:2px;
	overflow:hidden;
}

.controls {
	top:3px;
	right:0;
}

#featured-list {
	float:left;
	width:750px;
	clear:both;
	margin:0 0 0 0;
	padding:0 0px 0px 0px;
	overflow:hidden;
}

#hp-banner-ad {	
	width: 748px;
	height: 135px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2px;
	overflow: hidden;
	text-align: center;
}

#hp-banner-ad .hidden {
	display: none;
}

#featured-list li {
	margin:0;
	padding:0;
	list-style:none;
	width:216px;
	margin-right:35px;
	display:block;
	float:left;
	font-size:95%;
	overflow:hidden;
}

#featured-list h1 {
	color:#90331b;
	font-size:120%;
	font-weight:normal;
	margin:.3em 0 .6em 0;
}

#featured-list h2 {
	color:#1b1b1b;
	font-size:95%;
	margin:.3em 0 .1em 0;
}

#featured-list li#did-you-know {
	width:226px;
	margin-right:0;
}

#featured-list ul {
	margin:0;
	padding:0;
	width:236px;
}

#did-you-know ul li {
	min-height:57px;
	width:170px;
	background-position:center bottom;
	background-repeat:no-repeat;
	margin-right:0;
	padding:2px 6px 5px 50px;
}

#did-you-know ul li#box-1 {
	background-image:url(/library/common/images/hp-specific/dyk-first-index-app.gif);
	margin-bottom:17px;
}

#did-you-know ul li#box-2 {
	background-image:url(/library/common/images/hp-specific/dyk-second-index.gif);
}

#featured-list a {
	color:#90331b;
	font-weight:bold;
	/*background:url(/library/common/images/icon-link-doublearrow.gif) right center no-repeat;*/
	padding-right:14px;
}

/**************************************************************************************************
**************************************** HIGHLIGHT ELEMENTS ***************************************
**************************************************************************************************/
#highlight-box {
	margin:0 0 7px 0;
	padding:0 0 7px 0;
	float:left;
	clear:both;
	width:100%;
	border-bottom:3px solid #D3D3D3;
	background:#fff;
}

#highlight-box h3 {
	text-transform:uppercase;
	font-size:12px; /*120%*/
	margin:10px 0px 0px 47px;
}

#highlight-box li {
	display:block;
	float:left;
	list-style:none;
	height:127px; /*78px total*/ /*38px with the padding set to 25px 0px 15px 47px*/
	width:184px; /*184px total*/ /*137px with the padding set to 25px 0px 15px 47px*/
	margin-right:4px;
	padding:0;
	color:#57524e;
	font-size:10px /*80%*/;
	line-height:155%;
	position:relative;
	background-repeat:no-repeat;
	background-position:center;
}

.hlightbox {
}

#highlight-box li p {
	margin:0;
	padding:0;
	position:absolute;
	top:25px;
	left:47px;
}

#highlight-box li#tv-recipes {
	background-image:url(/library/common/images/hp-specific/hl-tv-recipes-index.gif);
}

#highlight-box li#tv-recipes h3 {
	color:#507395;
}

#highlight-box li#news-events {
	background-image:url(/library/common/images/hp-specific/hl-news-events-index.gif);
	margin-right:6px;
}

#highlight-box li#news-events h3 {
	color:#c69e1b;
}

#highlight-box li#good-things {
	background-image:url(/library/common/images/hp-specific/hl-good-things-grow-index.gif);
}

#highlight-box li#good-things h3 {
	color:#a24b36;
}

#highlight-box li#newsletter {
	background-image:url(/library/common/images/hp-specific/hl-newsletter-index.gif);
	margin-right:0;
}

#highlight-box li#newsletter h3 {
	color:#6f8c1e;
}

#highlight-box li#newsletter p, #highlight-box.fr li#good-things p {
	top:42px;
}

#highlight-box.fr li#newsletter p {
	top:25px;
}