/**
 * EVERYTHING IN HERE IS OLD AND SHOULD REALLY BE CHECKED AND RETIRED
 */

/*layout styles for the header*/

#right .highlight {
	width: 100%;
	background-color: #C7E632;
	margin-bottom: 10px;
}

/* How to Cook the Best */
.green-line-box {
	background: url("../images/green_line_02.gif") bottom;
	margin-bottom: 10px
}

.green-line-box h2 {
	background: url("../images/green_line_01.gif") no-repeat left top;
	font-size: 1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #018240;
	padding: 8px 8px;/*different from variety box*/
	margin: 0;
	height: 1.5em;
}

.green-line-box ul {
	font-size: 1.2em;
	margin: 0;
	padding: 0 0 10px 0;
}

/* middle col best */
#middle .green-line-box {
	background: url("../images/wide_green_line_02.gif") bottom;
}

#middle .green-line-box h2 {
	background: url("../images/wide_green_line_01.gif") no-repeat left top;
}

#middle .green-line-box ul li {
	padding: 0 0 20px 15px;/*different from variety box*/
	height: 114px;/*different from variety box*/
}

.green-line-box p {
	margin: 5px 8px;
	font-weight: bold;
}

.green-line-box ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 20px 10px;/*different from variety box*/
	width: 91px;/*different from variety box*/
	height: 124px;/*different from variety box*/
	text-align: center;/*different from variety box*/
}

/*different from variety box*/
.green-line-box ul li img {
	border: 1px solid #018240;
}

.green-line-box a {
	font-weight: bold;/*different from variety box*/
	color: #000;
	font-size: 0.8em;/*different from variety box*/
}

/*used in conjunction with green-line-box when th ebox is in the left or right column*/
.side-box {
	text-align: center;
}

.side-box ul {
	padding-bottom: 0;
}

.side-box ul li {
	width: 200px;
	padding: 0 7px 8px 8px;
	float: none;
	clear: both;
	width: auto;/*different from variety box*/
	height: auto;/*different from variety box*/
}

.side-box ul li a {
	font-size: 0.9em;
	display: block;
	float: left;
	width: 100px;
	text-align: left;
	margin: 0 0 0 10px;
}

.side-box ul li div {
	height: 90px;
	width: 90px;
	overflow: hidden;
	margin-bottom: 10px;
	position: relative;
	border: 0;
	padding: 0;
	float: left;
}

.side-box ul li div a {
	margin: 0;
	border: 0;
	padding: 0;
	width: 90px;
}

.side-box ul li div img {
	border: 0;
	margin: 0;
	padding: 0;
}

.side-box p {
	width:180px;
	margin: 0 auto;
	padding-bottom: 10px;
	clear: both;
}

.side-box p a {
	color:#148140;
	font-size: 1.1em;
}

/*  Styles for the FAQ */
#right .highlight ul {
	margin: 0 17px;
	padding: 17px 0;
}

#right .highlight ul li {
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	line-height: 1.5em;
	list-style: none;
	margin: 0;
}

#right .highlight ul li a {
	color: Black;
}

/* end styles for faq*/
/* styles growing */
.growing {
	width: 100%;
	height: 418px;
	overflow: hidden;
	margin-bottom: 17px;
}

.growing h2 {
	color: Black;
	font-size: 1.6em;
	line-height: 1.2em;
	margin: 0;
	padding: 17px 0 10px 17px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.growing ul {
	margin: 0 0 10px 17px;
	padding: 0;
}

.growing ul li {
	list-style: disc;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

.growing img {
	float: right;
	clear: right;
	margin-bottom: 5px;
}

.growing img.last {
	margin-bottom: 0;
}

.growing p {
	border-top: 2px dashed white;
	margin: 0 144px 0 17px;
	padding: 10px 0;
}

/* end growing */
/* content area list style */
ul {
	margin: 0 0 15px 0;
}

ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

ol {
	margin-left: 12px;
}

ol li {
	list-style-type: decimal;
	margin-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

/* end list styles*/
/* lunch box styles */
.lunchboxhead img {
	float: right;
	margin-left: 20px;
}

.lunchboxhead h2 {
	clear:both;
	float: left;
	background: url("../images/lunch_tab_right.gif") #e11a5f no-repeat right top;
	color: #fff;
	font-size: 1.4em;
	display: inline;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	line-height: 1.6em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	vertical-align: baseline;
}

.lunchboxhead h2 a {
	display: block;
	background: url("../images/lunch_tab_left.gif") no-repeat left top;
	color: #fff;
	float: left;
	height: 1em;
	padding:  0 10px 0 0;
}

.lunchboxhead:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.lunchbox td {
	border-left: 2px dotted white;
	border-bottom: 2px dotted white;
	padding: 20px;
	width:206px;
	vertical-align: top;
}

.lunchbox .first {
	border-left: 0;
	width: auto;
	padding: 5px;
}

.lunchbox .first {
	text-align: center;
}

.lunchbox .last td {
	border-bottom: 0;
}

.lunchbox thead {
	background-color: #F7AC10;
}

.lunchbox thead td {
	text-align: center;
	padding: 5px;
}

.lunchbox thead td p {
	font-weight: bold;
	margin: 0;
	padding: 0;	
}

.lunchbox td ul li {
	margin: 5px 0;
	list-style-position: inside;
}

.lunchbox {
	width: 100%;
	background-color: #C7E230;
	border-collapse: collapse;
	border: 0;
	border-top: 12px solid #e11a5f;
	margin: 0;
}

/* end lunch boxes */

/* styles for the boxes */
.box {
	width: 215px;
	height: 86px;
	margin-bottom: 10px
}

.box h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 19px;
	line-height: 21px;
	font-weight: normal;
	color: #fff;
	padding: 4px 8px 4px 8px;
	margin: 0; 
}

.box p {
	margin: 0;
	padding: 0 8px 8px 8px;
	width: 156px;
	font-size: 12px;
	line-height: 14px;
}

.box a {
	font-size: 0.9em;
	font-weight: normal;
	color: #fff;
}

.box a:hover {
	text-decoration: underline;
}

.purple_potato {
	background: url("../images/purple_potato_bkg.gif") #991369 no-repeat left top;
}

.blue_scales {
	background: url("../images/blue_scales_bkg.gif") #1d7aad no-repeat left top;
}

.green_scales {
	background: url("../images/green_scales_bkg.gif") #71a83b no-repeat left top;
}

.orange_lunchbox {
	background: url("../images/orange_lunchbox_bkg.gif") #f46215 no-repeat left top;
}

.pink_jacket {
	background: url("../images/pink_jacket_bkg.gif") #e21a5d no-repeat left top;
}

.green_pencil {
	background: url("../images/green_pencil_bkg.gif") #71a83b no-repeat left top;
}

.pink_meal {
	background: url("../images/pink_meal_bkg.gif") #e21a5d no-repeat left top;
}

.blue_env {
	background: url("../images/blue_env_bkg.gif") #1d7aad no-repeat left top;
}

.pink_i {
	background: url("../images/pink_i_bkg.gif") #e21a5d no-repeat left top;
}

.pink_mega {
	background: url("../images/pink_mega_bkg.gif") #e21a5d no-repeat left top;
}

.green_i {
	background: url("../images/green_i_bkg.gif") #71a83b no-repeat left top;
}

.blue_i {
	background: url("../images/blue_i_bkg.gif") #1d7aad no-repeat left top;
}

/*new boxes added by mark 13/06/2008*/
.orange_leftover {
	background: url("../images/orange_leftover_bkg.gif") #f96311 no-repeat left top;
}

.red_tent {
	background: url("../images/red_tent_bkg.gif") #e14735 no-repeat left top;
}

.green_potatoes {
	background: url("../images/green_potatoes_bkg.gif") #71a83b no-repeat left top;
}

.pink_potatoes {
	background: url("../images/pink_potatoes_bkg.gif") #e21a5d no-repeat left top;
}

.purple_potatoes {
	background: url("../images/purple_potatoes_bkg.gif") #991369 no-repeat left top;
}

.orange_clock {
	background: url("../images/orange_clock_bkg.gif") #f96311 no-repeat left top;
}

.pink_crayon {
	background: url("../images/pink_crayon_bkg.gif") #d93c73 no-repeat left top;
}

.pink_games {
	background: url("../images/pink_games_bkg.gif") #d93c73 no-repeat left top;
}

/*end boxes*/
/*green box */
.green-box {
	background: url("../images/green_box_bottom.gif") bottom;	
	width: 215px;
	height: auto;
}

.green-box h2 {
	background: url("../images/green_box_top.gif") no-repeat left top;	
	width: 199px;
	margin: 0;
	padding: 4px 8px 0 8px;
}

.green-box p {
	line-height: 1.4em;
}

.green-box a {
	font-weight: bold;
	font-size: 1em;
}

/*Recipe index styles*/
.recipe-box {
	float: left;
	width: 154px;
	height: 250px;
	margin: 0 0 5px 7px;
	padding: 0;
	position: relative;
	text-align: center;
}

.recipe-box div {
	border: 2px solid #F12631;
	padding: 2px;
	height: 180px;
	position: relative;
	text-align: left;	
	margin: 0 0 4px 0;
	background: #fff;
}

.recipe-box div div {
	height: 146px;
	width: 146px;
	overflow: hidden;
	margin-bottom: 13px;
	position: relative;
	border: 0;
	margin: 0;
	padding: 0;
}

.recipe-box p {
	font-size: 0.9em;
	font-weight: bold;
	color: #4D4D4D;
	margin: 0;
}

.recipe-box img.veg {
	position: absolute;
	bottom: 3px;
	right: 3px;
}

.recipe-box div a {
	text-align: center;
	line-height: 16px;
}

.recipe-box img.video{
	position:absolute;
	right:4px;
	top:4px;
}

.best-recipe-box {
	float: left;
	width: 146px;
	height: 195px;
	margin: 0 0 5px 8px;
	padding: 2px;
	text-align: center;	
}

.best-recipe-box img {
	border: 2px solid #148140;
	margin: 0 0 4px 0;	
}

.best-recipe-box a {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 18px;
	line-height: 20px;
}

/*end recipe index styles */
/*recipe detail page */
.recipe p.feature {
	font-size: 16px;
	color: #ef4042;
	font-weight: bold;
	margin-bottom: 5px;
}

/*.recipe h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #148140;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 0;
}*/
.recipe h2.more {
	padding-top: 5px;
	border-top: 2px solid #71A83B;
	margin: 15px 0 5px;
}

.recipe p {
	line-height: 20px
}

.recipe ol {
	margin: 0 0 15px 0;
	padding: 0;
}

.recipe li {
	list-style-position: inside;
	line-height: 20px;
	margin: 0;
}

.recipe ol li {
	margin-bottom: 10px
}	
/*end recipe detail*/
/* small feature - home page */
.smallfeature {
	height: 71px;
	width: 420px;
	background: url(../images/home_jack_bkg.jpg) no-repeat;
	margin-bottom: 7px;
	padding: 8px 10px;
}

.smallfeature h2 {
	padding: 0;
	margin: 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #148140;
	font-size: 16px;
}

.smallfeature span {
	color: Black;
}

.smallfeature p {
	width: 292px;
	padding: 0;
	margin: 0;
}

.smallfeature a {
	font-size: 12px;
	color: Black;
}

.smallfeature a:hover {
	text-decoration: underline;
}

/*Potato Nutrition styles */
#right .headline {
	margin: 0 17px;
	padding: 17px 0 10px 0;
	font-weight: bold;
	font-size:0.9em;
}

#right .headline strong {
	font-size:1.6em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-right:6px;
}

#right .nutrition ul {
	margin: 0 0 17px 0;
	padding: 0;
}

#right .nutrition ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#right .nutrition ul li {
	float: left;
	margin: 0;
	padding: 0;
}

#right .nutrition ul li a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: url("../images/nutrition_bkg.gif") #E31A5C no-repeat left top;
	width: 182px;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;	
	margin: 0 17px 10px 17px;
}

/* end nutrition */
/* slider styles */
/* THE IMPORTANT STUFF STARTS HERE */
.slider-wrap {
	position: relative;
}

.stripViewer {
 /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	border: 10px solid #C7E632; /* this is the border. should have the same value for the links */
	margin: auto;
	width: 635px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: auto;
	clear: both;
	background: #fff;
}

.stripViewer .panelContainer {
 /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	-moz-user-select: none; /* Stops the panels from highlighting/selecting, which I found problematic in Firefox. Also stops the CSS from validating though. Oh well. */
}

.stripViewer .panelContainer .panel {
 /* Each panel is arranged end-to-end */
	float:left;
	width: 635px; /* Also specified in  .stripViewer  above */
	height: 100%;
}

.stripViewer .panelContainer .panel .wrapper div {
 /* Wrapper to give some padding in the panels, without messing with existing panel width */
	width:100%;
	background-color: #C7E632;
}

.stripViewer .panelContainer .panel .wrapper p {
	padding: 10px
}

.stripNavL, .stripNavR {
 /* The left and right arrows */
	position: absolute;
	top: 0;
}

.stripNavL a {
	display: block;
	height: 28px;
	width: 112px;
	color: White;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.stripNavR a {
	display: block;
	height: 28px;
	width: 79px;
	color: White;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.stripNavL {
	top:100px;
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("../images/previous.gif") no-repeat center;
}

.stripNavR {
	background: url("../images/next.gif") no-repeat center;
}

.stripViewer .panelContainer .panel .wrapper div h2 {
	float: left;
	background: url("../images/nutri_tab_left.gif") #fff no-repeat left top;
	color: #018240;
	font-size: 1.3em;
	display: inline;
	margin: 0 0 0 130px;
	padding: 0  0 3px 5px;
}

.stripViewer .panelContainer .panel .wrapper div h2 a {
	display: block;
	background: url("../images/nutri_tab_right.gif") no-repeat right top;
	color: #018240;
	padding: 5px 8px 0 5px;
	line-height: 1em;	
}

/* end slider styles */
#right .nutrition div {
	padding: 10px
}

#right .nutrition div div {
	background-color: White;
	padding: 10px;
	clear: both;
}

#right .nutrition div ul {
	margin: 0 0 0 9px;
	padding: 0;
}

#right .nutrition div  ul li {
	float: left;
	background: url("../images/nut_item_left_tab.gif") no-repeat left top;
	margin: 0 3px 0 0;
	padding: 0 0 0 6px;
	line-height: 0;
	list-style: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
}

#right .nutrition div ul li a {
	display: block;
	background: url("../images/nut_item_right_tab.gif") no-repeat right top;
	padding:3px 10px 0 3px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	width: auto;
	line-height: 25px;
	height: 25px
}

#right .nutrition div ul li.tabon {
	background: url("../images/nut_item_left_tab_on.gif") no-repeat left top;
}

#right .nutrition div ul li.tabon a {
	background: url("../images/nut_item_right_tab_on.gif") no-repeat right top;
	color: #018240;
}

p.leader {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 1em; 
}

img.variety {
	float: right;
}

.required {
	color: #BB0000 
}

span.bad,
span.message{
    color:#bb0000;
    display:block;
    clear:both;
    float:none;
}

#CFEntryCommentInterface_Form_PostCommentForm span.message{
    margin-left:120px;
}

.grass {
	background: url('../images/grass.gif') #148140 repeat-x top;
	height: 100px;
	width: 100%;
	clear: both;
	position: relative;
}

.grass ul {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('../images/flouryscale.gif') no-repeat left bottom;
	height: 100px;
	width: 419px;
	padding-left: 20px;
	list-style: none;
	margin: 0;
}

.grass ul li {
	float: left;
	background: url('../images/flourytab.gif');
	width: 40px;
	height: 40px;
	font-size: 2em;
	line-height: 1.5em;
	margin: 35px 3px 0 0;
	text-align: center;
	list-style: none;
}

.grass ul li.raised {
	margin-top: 20px;
	height: 55px;
	background: url('../images/flourytabon.gif');
}

.grass .floury-key {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 210px;
}

.grass .floury-key p {
	margin: 0;
	color: #fff;
	font-size: 11px;
}

.best {
	width: 100%;
	clear: both;
	margin: 20px 0;
}

.best ul {
	border-width: 10px 2px 2px 2px;
	border-style: solid;
	border-color: #018240;
	clear: both;
	margin: 0;
	padding: 0;
	min-height: 100px;
	height: auto;
}

.best ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.best ul li {
	float: left;
	width: 150px;
	height: 150px;
	margin: 10px;
	list-style: none;
	font-size: 1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
}

.best h2 {
	float: left;
	background: url("../images/besttab_left.gif") #018240 no-repeat left top;
	color: #fff;
	font-size: 1.5em;
	margin: 0 0 0 15px;
	padding: 0 0 0 5px;
}

.best h2 a {
	display: block;
	background: url("../images/besttab_right.gif") no-repeat right top;
	color: #fff;
	padding: 5px 8px 0 5px;
	line-height: 1em;
	font-weight: normal;
}

.best-footer {
	margin: 0;
	background: #018240;
	font-size: 1.5em;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 3px 0 7px 0;
}

.best-footer a {
	color: #fff;
}

.waxyorfloury {
	float: right;
	width: 350px;
	background: #E31A5C;
	color: #fff;
	padding: 10px;
}

.waxyorfloury h2 {
	color: #fff;
	margin: 0 0 5px 0;
}

.waxyorfloury p {
	margin: 0 0 5px 0;
}

.waxyorfloury hr {
	border: none;
	border-top: 2px dashed #fff;
	height: 2px;
}

img.recipe {
	float: right;
	border: 2px solid #148140;
}

.results li {
	border-bottom: 1px dashed #71A83B;
	margin: 10px 0;
	list-style: none;
}

#nutrients {
	float: right;
	margin-left: 20px;
	text-align: left;
}

#nutrients table {
	border-collapse: collapse;
	width: 292px;
	border: 1px solid #148140;
}

#nutrients table caption {
	background: #F96311 url("../images/healthcook_table_title.jpg") no-repeat top center;
	color: #fff;
	font-size: 1.4em;
	font-weight: bold;
	text-align: left;
	padding: 94px 8px 6px 8px;	
}

#nutrients table td {
	font-size: 1.1em;
}

#nutrients table th {
	color: #F96311;
	font-size: 1.3em;
}

#nutrients table td, #nutrients table th {
	font-weight: bold;
	border-style: solid;
	border-color: #009d57;
	border-width: 1px;
	padding: 4px 8px;
	text-align: left;
}

#nutrients table td.rda {
	color: #f58020;
	font-weight: bold;
}

#nutrients p.key {
	font-size: 0.9em;
	margin: 0.5em 1em;
}

.widget.pressarchive ul li ul li a {
  background: none;
  text-align: left;
  color: #138241;
}

.widget.pressarchive ul li ul li a:hover {
  color: #fff;
}


.iyp {
	height: 269px;
}

.iyp img {
	float: right;
	margin: 17px;
}

.iyp p {
	margin:0pt;
	padding:8px 0 0 17px;
}

/*added by mark 13/06/2008 8/ to fix image align ment issue.*/
.right {
	float: right;
	margin: 0 0 10px 15px;
}

.left {
	float: left;
	margin: 0 15px 10px 0;
}

/*meal doctor styles*/
#mealdoctor {
	background-image: url(../images/meal_doctor_bkg.gif);
	padding: 60px 15px 20px 15px;
	margin-top: -50px;
	height: 687px;
	width: 625px;
	overflow: hidden;
}

#mealdoctor .question,
#mealdoctor-results-bot .question {
	clear: both;
	background-image: url(../images/question_bkg.gif);
	background-color: #fff2dd;
	width: 384px;
	height: 45px;
	padding: 12px 10px;
	float: left;
	margin-bottom: 20px;
}

#mealdoctor .dropdown,
#mealdoctor-results-bot .dropdown {
	width: 140px;
	height: 45px;
	float: left;
	text-align: center;
}

#mealdoctor .help,
#mealdoctor-results-bot .help {
	float: right;
}

#mealdoctor-results {
	background: url(../images/mealdoctor_results_mid.gif) repeat-y;
	width: 655px;
}

#mealdoctor-results:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#mealdoctor-results h2 {
	padding: 0 10px;
	margin-bottom: 0;
	color: #e14735;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
}

#mealdoctor-results p {
	padding: 0 10px;
}

#mealdoctor-results-top {
	background: url(../images/mealdoctor_results_top.gif) no-repeat;
	margin-top: -50px;
	width: 625px;
	height: 143px;
	padding: 60px 15px 20px 15px;
}

#mealdoctor-results-bot {
	background: url(../images/mealdoctor_results_bot.gif) no-repeat;
	width: 625px;
	height: 360px;
	padding: 20px 15px;
}
/* --- $recipe-holder meal-solutions ----------- */
#dinner-ideas-banner {
  clear: both;
}
#dinner-ideas-banner img {
  display: block;
}

#dinner-ideas-wrapper {
  background: #FFBA00;
  width: 442px;
  margin: 0 0 8px 0;
  padding: 0 0 0 6px;
}

.question {
	background: #FFBA00 url(../images/meal_sol_bg.gif) no-repeat center center;
	width: 129px;
	height: 180px;
	float: left;
	margin: 0;
	padding: 12px 8px;
	text-align: center;
}

.question p {
	color: #f96311;
	font-weight: bold;
	line-height: 16px;
}

#healthy-ideas {
	margin-right: 0;
}

.question .dropdown {
	margin-bottom: 12px;
}

.question .dropdown p {
	text-indent: -30000px;
	width: 129px;
	height: 35px;
	background: url(../images/i_need_meal_solutions.gif) no-repeat left top;
}

#dinner-time .dropdown p {
 width: 124px;
 margin-left: 5px;
}

#fresh-ideas .dropdown p {
 width:119px; background-position:left -35px; margin-left:10px; }

#healthy-ideas .dropdown p {
 background-position:left -70px; }

#meal-results {
	overflow:hidden;
	padding:0 0 0 3px;
}

.mealsol-box {
	margin: 0 7px 8px 0;
	width: 138px;
	height: 280px;
	float: left;
	text-align: center;
}

.mealsol-box div {
	background-color:#fff;
	width:134px;
	border:2px solid #fff;
	height:180px;
	text-align:left;
	position:relative;
}

.mealsol-box div div {
	height:134px;
	width:134px;
	border:none;
	margin:0 0 5px;
}

.mealsol-box p {
	margin:0 0 0 2px;
	font-size:12px;
	line-height:14px;
	width:100px;
}

.mealsol-box a {
	color:#fff;
}

.mealsol-box .veg {
	position:absolute;
	top:136px;
	right:2px;
}

/* ----- $best-for-list - */
#best-for-list {
	font-size:14px;
	width:644px;
	background: url("../images/green_round_wide.gif") no-repeat left top;
	clear:both;
}

#best-for-list ul {
	background:#fbf8ee;
	padding:0 8px;
}

#best-for-list h3 {
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;
}

#best-for-list h3 a {
	color:#000;
}

#best-for-list ul li {
	padding-top:16px;
	overflow:hidden;
	border-bottom:1px solid #71a83b;
}

#best-for-list ul li li {
	padding-top:0;
	border:none;
}

#best-for-list .recipes {
	margin:-10px 0 0 18px;
	padding:0;
}

#best-for-list .recipes li {
	list-style:disc;
	overflow:visible;
	color:#018240;
}

#best-for-list .items {
	overflow:hidden;
	margin:0;
}

#best-for-list .items li {
	float:left;
	margin:0 0 0 10px;
	text-align:center;
}

#best-for-list .items li img {
	display:block;
	margin-bottom:2px;
}

#best-for-list .left {
	width:260px;
	margin:0 0 10px;
}

#best-for-list .right {
	margin:0 0 10px;
	width:360px;
}

#summercampaignhome img {
	margin-bottom: 10px
}

#summercampaignhome .image {
	margin: 0 9px 10px 11px;
}

#summercampaignhome .potassium div {
	float: right;
	margin: 0 9px 10px 11px;
	position: relative;
}

#summercampaignhome .potassium div .portionprice {
	position: absolute;
	top:50px;
	left: -60px;	
}

#summercampaignhome .visiting h3 {
	margin-left: 10px
}

#summercampaignhome .visiting p {
	margin-left: 10px;
	line-height: 1.15em;
}

/* Template classes */

.class-ChildrenHome #middle h1,
.class-PotatoHome #middle h1,
.class-RecipeHolder #middle h1 {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  border: none;
  text-align: center;
  margin: 0 0 15px;
}

.class-ChildrenHome #middle h2 {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 15px;  
}

.class-PressPage .date {
  margin-bottom: 16px;
  text-transform: uppercase;
  font-size: 12px;
}

/* Page classes */
/* template1 */
.template1 #right h2 {
	color: #e11a5f
}

/* template2 */
/* template3 */
/* template4 (contact page) */
.template4 #right p {
	float: left;
	margin-right: 80px
}

.template4 #right h2 {
	clear: both;
	background:#c7e230;
	color: #148140;
	padding: 4px 8px 0 8px;
	margin:0;
}

.template4 #Form_Form {
	border: 1px solid #c7e230;
	border-top: 4px solid #c7e230;
	padding: 20px 10px 10px 10px;
	position: relative;
}

/* template5 (about us > links) */
.template5 h1 {
	margin-bottom: 10px;
}

.template5 #right table {
	border: 0;
	width: 100%;
	margin: 0;
}

.template5 #right table td {
	border: 0;
	border-bottom: 1px dashed #71A83B;
	padding: 10px 1px;
	text-align: center;
}

.template5 #right table p {
	text-align: left;
	margin: 0;
	padding: 0;
}

.template5 #right table p a {
	margin-left: 30px;
}

/* template6 (me for a day) */
.template6 .best ul li {
	width: 125px;
}

.template6 .best {
	margin-bottom: 0;
}

.template6 #middle hr {
	border: none;
	border-top: 2px dashed #71A83B;
	height: 2px;
}

.template6 #middle p {
	line-height: 1.4em;
}

.template6 #middle p.leader {
	font-size: 1.1em;
	font-weight: bold;
}

/* Updated */

/* Slideshow */

#slideshow-container {
  width: 448px;
  background: #e6e2d4;
  margin-bottom: 15px;
}

#slideshow {
	margin: 0;
	padding: 0;
	height: 235px;
	width: 448px;
}

#slideshow li {
	margin: 0;
	padding: 0;
  list-style: none;
}

#slidenav {
 height: 16px;
 overflow: hidden;
 position: relative;
 padding: 5px 10px;
}

#slidenav a {
	display: block;
	text-indent: -30000px;
	float: left;
	width: 15px; 
	height: 16px; 
	background: url(../images/slide_bullet.gif) no-repeat left top; 
	margin: 0 12px 0 0;
}

#slidenav a.activeSlide {
 background-position: -15px top;
}

#slidenav a:focus {
 outline: none;
}

/* Press Latest News */
.latest-news h2 {
	background: #e21a5d url("../images/pink_box_top.gif") no-repeat left top;	
	width: 215px;
	margin: 0;
	padding: 0;
	color: White;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
}

.latest-news p {
	margin: 0;
	padding: 0 8px 8px 8px;
	color: White;
	font-size: 0.9em;
	line-height: 1.2em;
	text-align: left;
}

.latest-news a {
	color: White;
}

.latest-news a:hover {
	text-decoration: underline;
}

.latest-news {
	background: url("../images/pink_box_bottom.gif") bottom;	
	width: 215px;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
}

/* News list */
.news-item h2,
.news-item h3 {
	color: #018240;
	font-size: 18px;
	margin-bottom: 5px;
}

.news-item p {
	margin: 5px 0;
  line-height: 1.4em;
}

.news-item {
	margin: 16px 0;
  padding-bottom: 16px;
	list-style: none;
	border-bottom: 2px dashed #71A83B;
	overflow: hidden;
}

.news-item .image-container {
	float: left;
	margin: 2px 10px 2px 1px;
  border: 1px solid #ccc;
  width: 125px;
  height: 125px;
  overflow: hidden;
  position: relative;
}

.news-item img.youtube-thumb {
  position: absolute;
  left: -20px;
  height: 125px;
  width: 166px;
}

.news-item .details-container {
  margin-left: 136px;
}

.news-item .responses {
  font-size: 14px;
}

.news-item .responses div {
  height: 20px;
  padding-left: 24px;
  margin: 3px 0;
  line-height: 20px;
}

.news-item .responses .likes {
  background: url(../images/like-icon.gif) no-repeat;  
}

.news-item .responses .comments {
  background: url(../images/comment-icon.gif) no-repeat;
}

.news-item .date {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.pager {
  margin: 8px 0;
}

.pager .pager-navigation {
  float: right;
}

.pager .pager-position {
  float: left;
}

/* Forms */
form p {
  font-size: 12px;
  line-height: 18px;  
}

form .field {
  margin: 8px 0;
}

#Form_Form .optionset ul li {
       list-style: none;
       margin-left: 0;
       clear: both;
}
#Form_Form .optionset .middleColumn {
       float: none;
       clear: both;
}
#Form_Form .optionset ul {
       padding: 5px 0;
}
#Form_Form .optionset label {
       width: auto;
}
#Form_Form .optionset input,
#Form_Form .optionset li label {
       float: left;
       width: auto;
}
#Form_Form .optionset input {
       height: 22px;
}
#Form_Form .optionset li label {
       padding-left: 10px;
       height: 18px;
}
/* JQuery "I like this" checkbox styling */
form #Like label {
  line-height: 24px;
}

.like-checkbox {
  display: block;
  float: left;
  font-size: 20px;
  line-height: 24px;
  height: 24px;
  cursor: pointer;
  cursor: hand;
  margin: 0 0 0 264px
}
.like-checkbox .mark {
  display: inline;
}
.like-checkbox img {
  vertical-align: middle;
  width: 24px;
  height: 24px;
}
.like-checkbox img {
  background: transparent url(../images/like-checkbox.png) no-repeat;
}
.like-checkbox img {
	background-position: 0px 0px;
}
.like-checkbox-hover img {
	background-position: 0px -24px;
}
.like-checkbox-checked img {
	background-position: 0px -72px;
}
.like-checkbox-checked .like-checkbox-hover img {
	background-position: 0px -48px;
}
.like-checkbox-disabled img {
	background-position: 0px 0px;
}
.like-checkbox-checked .like-checkbox-disabled img{
	background-position: 0px 0px;
}

/* YouTube Block */
#right-block.youtube-block {
  width: 410px;
}

/* Right block */
#right-block {
  width: 280px;
  float: right;
  margin: 0 0 8px 20px;
}

#right-block .info {
  margin: 8px 0;
  background: #ece8dc;
  padding: 8px 12px;
  position:relative;
}

#right-block .info .hr {
  height: 2px;
  background: #fff;
  margin: 8px 0;
}  

#right-block .info .hr hr {
  display: none;
}
  
#right-block .info .response {
  height: 20px;
  padding-left: 24px;
  margin: 3px 0;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
  line-height: 20px;
}

#right-block .info .likes {
  background: url(../images/like-icon.gif) no-repeat;  
}

#right-block .info .comments {
  background: url(../images/comment-icon.gif) no-repeat;
}

#right-block .info .veg {
  background: url(../images/veg-icon.gif) no-repeat;
}

#right-block .info .quick {
  background: url(../images/quick-icon.gif) no-repeat;
}

#right-block .info .healthy {
  background: url(../images/healthy-icon.gif) no-repeat;
}

#right-block .info .gi {
  background: url(../images/gi-icon.gif) no-repeat;
}

/* Widget */
.widget {
  margin: 0 0 16px 0;
}

/* Social */
.widget.social li {
  list-style: none;
  background: url(../images/social-bg.png) repeat-x;
  height: 38px;
  line-height: 38px;
  margin: 8px 0;
  padding: 0 0 0 3px;
  color: #fff;
  font-size: 18px;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.widget.social li a {
  color: #fff;
  padding: 0 0 0 35px;
  display: block;
  font-weight: normal;
  background: no-repeat left center;
}

.widget.social li.youtube a {
  background-image: url(../images/youtube-icon.png);
}

.widget.social li.bounty a {
  background-image: url(../images/bounty-icon.png);
}

.widget.social li.facebook a {
  background-image: url(../images/facebook-icon.png);
}

/* Poll */

.widget.poll{
    overflow:hidden;
}
.widget.poll,
.widget.poll h3 {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
}

.widget.poll ul {
  margin: 8px 0;
}

.widget.poll ul li {
  margin: 8px 0;
  list-style: none;
}

.widget.poll div.field,
.widget.poll div.middleColumn,
.widget.poll div.clear,
.widget.poll div.Actions  {
  border: none;
  margin: 0;
  padding: 0;
  float: none;
}

.widget.poll input {
  width: auto;  
}

.widget.poll input.action {
  float: right;  
}

.widget.poll label.left {
  display: none;
}

.widget.poll label {
  color: #000;
  font-weight: normal;
  padding: 0;
}

.widget.potatolovers img {
  background: url(../images/meet-our-potato-lovers.jpg) no-repeat top;
  padding-top: 139px;
  display: block;
}

.widget.potatolovers p {
  background: #71a83b;
  color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 5px 8px;
  font-size: 18px;
  line-height: 24px;
}

.widget.potatolovers a {
  color: #fff;
  font-weight: normal;
}

/* GYOP */
#GYOP {
  background: url(../images/gyop-background.png) no-repeat;
  height: 283px;
  padding: 45px 10px 0 10px;
  margin: 10px 0;
}

table#budget-recipe td {
  text-align: center;
  vertical-align: top;
}

table#budget-do {
  border: 0;
}

table#budget-do td {
  vertical-align: top;
  background: #FAA627;
  border: 0;
  padding: 10px;
}

/* Me for a day */
body.class-MeDayPage p.youtube {
  text-align: center;
}

body.class-MeDayPage #slideshow-container {
  margin: 10px auto;
}

body.class-MeDayPage img.left {
  float: left;
}

body.class-MeDayPage img.right {
  float: right;
}

body.class-MeDayPage h2 {
  clear: both;
}

