﻿body {font: normal 76%/1.4 "Lucida Grande", Verdana, Sans Serif; margin: 0 0 2em; padding: 0; background-image:url(../images/body_home_bg.jpg); background-repeat: repeat-x; repeat-x top;}

/* CSS by LMStyle Open */
#introPage .navigators {top:110px;}
.navigators {height:42px;margin-left:57px;position:relative;top:110px;width:auto;}
.navigators ul li.last {border-right:1px solid #3E7CB9;}
#professionalLogo {display:none;}
.sub-navigator_lm {position: relative; top: -42px; float:right; margin-right:17px; height: 42px; margin-left: 0px;}
.sub-navigator_lm ul {margin:0; position: relative; list-style: none;}
.sub-navigator_lm ul li {border-left:1px solid #3E7CB9;display:block;float:left;height:42px;width:auto;}
.sub-navigator_lm ul li a {color:#D3AA2E;display:block;font-family:Verdana,Geneva,sans-serif;font-size:12px;font-weight:bold;padding:12px 10px 11px 7px;text-decoration:none;}
.sub-navigator_lm ul li:hover {background: url(../images/nav_on_bg.jpg) repeat-x scroll 0 0 transparent !important;}
.sub-navigator_lm .select_navigator_lm {background: url(../images/nav_on_bg.jpg) repeat-x scroll 0 0 transparent !important; color: #fff;}
.sub-navigator_lm ul li.select_navigator_lm  a { color: #fff;}
.navigators ul li img {bottom:2px;float:left;margin-right:5px;position:relative;}
#introPage .navigators ul li img {bottom:0;}
.navigator_lm {position: relative; top: 0; height: 42px;}
.navigator_lm ul {float: left; list-style: none; margin:0 0 0 40px; padding-left:0;}
.navigator_lm ul li {border-left:1px solid #3E7CB9;display:block;float:left;height:42px;margin:0;width:auto;}
.navigator_lm ul li a {color:#FFFFFF;display:block;font-family:Verdana,Geneva,sans-serif;font-size:14px;font-weight:bold;padding:13px 15px 9px 17px;text-decoration:none;}
.navigator_lm ul li:hover {background-image: url(../images/nav_on_bg.jpg); background-repeat:repeat-x;}
.select_navigator_lm {background:url("../images/nav_on_bg.jpg") repeat-x scroll 0 0 transparent !important;}
/* CSS by LMStyle Close */
img	{border: none;}
form {margin: 0; padding: 0;}
form label {float: left; width: 25%;}
a,h1,h2,h4 {color: #1a5793;}
h1,h2,h3,h4 {margin: 0;}
h3,h4 {font-weight: bold; font-size:1.0em;}
h1,h2 {font-weight: normal;}
h1 {font-size: 2.1em; padding: 0;}
h2 {font-size: 1.4em;}
h3 {color: #000; padding: 4px 6px 10px 6px;}
h4 {padding: 4px 0;}
table {width: 100%; margin: 0 0 2em 0; border-bottom: 1px solid #e5d9b5;}
th,td {padding: 1em; border-top: 1px solid #e5d9b5;}
th {border-right: 1px solid #e5d9b5; white-space: nowrap; text-align: left; background: url(../images/img-Marker-Arrow.gif) no-repeat left center;}
input.small	{width: 30px;}
.content2 textarea, 
#dialog-form textarea,
.content1 textarea {width: 99%; height: 10em; display:block;}
dl {padding: 0;}
dt {font: bold 1em verdana; color: #1a5793;}
dd ol,dd {margin:0 0 2em 0;}
dd {padding:0; line-height:1.5em; border-bottom:1px solid #e6d7a6;}
.blueb {color: #1a5793;}
.blueb {font-weight:  bold;}
.red {color: #c9271b;}
.clear:after {content: "."; display: block; height: 1px; visibility: hidden; clear: both;}
.clear {height: 1%; min-width: 1px;}
#mealPlanHomePage .wrapper {background:url(../images/home_bg.jpg) repeat-x;}
.wrapper {background:url("../images/bg-Header.gif") no-repeat scroll center top #B5D1EC;}
.clearBoth {clear: both;}
/* footer elements */
#tagline {height: 158px; background: url("../images/bg-Tagline.gif") no-repeat scroll center top #B5D1EC}
#tagline p {position: absolute; left: -9999px;}
#copyright {color:#FDFEFE;float:right;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:bold;margin-right:20px;margin-top:8px;}
#footer div#bar {background-image:url("../images/blue-bar.png");height:31px;width:100%;}
#footer div#bar div#links {width:61%;}
#footer	{padding:0;}
#footer ul li a {color:#FFFFFD;font-family:Arial,Helvetica,sans-serif;font-size:14px;text-decoration:none;}
#footer ul {float:right;list-style:none outside none;margin-top:6px; padding-left:0;}
#footer li {display: inline; padding: 0 8px 0 3px !important; margin: 0; color:#fff;}
#footer .last {border: none;}
#footer p {width: 790px; margin: 10px auto 0 !important;}
/* header elements */
#header	{height:191px;margin:0 auto;max-width:1020px;min-width:918px;position:relative;}
#logo {background:url("../images/logo_mealeasy_lm.png") no-repeat scroll 0 0 transparent;height:169px;position:absolute;left:0;}
#logo a	{display: block; width: 265px; height: 65px; margin: 35px 0 0 96px;}
#logo span {position: absolute; left: -9999px;}
#utility {position:relative; z-index:5; float:right;list-style:none outside none;margin:8px 17px 8px 0;padding:0;text-align:right;}
#utility li	{display: inline; margin: 0; padding: 0 8px 0 3px; border-right: 1px solid #039;}
#utility li.last {padding: 0 0 0 3px; border: none;}
#utility li.selected a	{text-decoration: none; color: #000;}
.searchForm	{display:none; float:right;}
.searchForm input.textbox {width:170px; height:18px; border:solid 1px #1a5793;}
.searchForm input.searchButton {vertical-align:top; margin:0 17px 0 7px;}
#mainNav {position: absolute; bottom: 41px; left: 96px; list-style: none; margin: 0; padding: 0; font-size:1.2em; font-weight:bold;}
#mainNav li {background: url(../images/bg-Nav-Right-Off.gif) no-repeat top right; display: inline; float: left; margin: 0 3px 0 0;}
#mainNav li div  {background: url(../images/bg-Nav-Left-Off.gif) no-repeat top left;}
#mainNav li.selected {background: url(../images/bg-Nav-Right-On.gif) no-repeat top right;}
#mainNav li.selected div {background: url(../images/bg-Nav-Left-On.gif) no-repeat top left;}
#mainNav li.selected a {color: #1a5793;}
#mainNav a {display: block; padding: .8em 12px .7em 0; text-decoration: none; color: #fff;}
#mainNav #home a,#mainNav #plan a,#mainNav #contact a,#mainNav #home.selected a,#mainNav #plan.selected a,#mainNav #contact.selected a {padding-left: 32px;}
#mainNav #buy a,#mainNav #buy.selected a {padding-left: 38px;}
#mainNav #prepare a,#mainNav #prepare.selected a {padding-left: 40px;}
#mainNav #home a {background: url(../images/bg-Nav-Home-Off.gif) center left no-repeat;}
#mainNav #plan a {background: url(../images/bg-Nav-Plan-Off.gif) center left no-repeat;}
#mainNav #buy a {background: url(../images/bg-Nav-Buy-Off.gif) center left no-repeat;}
#mainNav #prepare a	{background: url(../images/bg-Nav-Prepare-Off.gif) center left no-repeat; }
#mainNav #contact a {background: url(../images/bg-Nav-Contact-Off.gif) center left no-repeat;}
#mainNav #home.selected a {background: url(../images/bg-Nav-Home-On.gif) center left no-repeat;}
#mainNav #plan.selected a {background: url(../images/bg-Nav-Plan-On.gif) center left no-repeat;}
#mainNav #buy.selected a {background: url(../images/bg-Nav-Buy-On.gif) center left no-repeat;}
#mainNav #prepare.selected a {background: url(../images/bg-Nav-Prepare-On.gif) center left no-repeat;}
#mainNav #contact.selected a {background: url(../images/bg-Nav-Contact-On.gif) center left no-repeat;}
#actionsNav, .breadcrumbs {position: absolute; bottom: 14px; right: 96px; margin: 0; padding: 4px 0; list-style: none; text-align: right;}
#actionsNav li {display: inline;}
/* buttons */
.buttons {clear: left; height: 26px; list-style: none; padding: .7em 0 !important; margin: 0;}
.buttons * {padding:0 !important;}
.content2 .buttons {display: block;}
.buttons li	{background: url(../images/btn-Right.gif) no-repeat center right; float: left; margin: 0 6px 0 0 !important ;}
.buttons div {background: url(../images/btn-Left.gif) no-repeat center left;}
.buttons a {height: 26px; line-height: 26px; font-size: 12px; color: #fff; text-decoration: none; text-shadow: #1d2e40 1px 1px 0;}							
.buttons .back,.buttons .next {padding-left: 30px;}
.buttons .cancel,.buttons .edit,.buttons .find {padding-left: 27px;}
.buttons .save,.buttons .suggest {padding-left: 33px;}
.buttons .back {background: url(../images/btn-Back.gif) no-repeat 10px center;}							
.buttons .cancel {background: url(../images/btn-cancel.gif) no-repeat 10px center;}							
.buttons .edit {background: url(../images/btn-Edit.gif) no-repeat 10px center;}							
.buttons .find {background: url(../images/btn-Find.gif) no-repeat 10px center;}							
.buttons .metric {background: url(../images/btn-metric.gif) no-repeat 10px center; padding-left: 32px;}							
.buttons .next {background: url(../images/btn-Next.gif) no-repeat 10px center;}							
.buttons .print {background: url(../images/btn-Print.gif) no-repeat 10px center; padding-left: 34px;}							
.buttons .save {background: url(../images/btn-save.gif) no-repeat 10px center;}							
.buttons .select {background: url(../images/btn-Select.gif) no-repeat 10px center; padding-left: 26px;}							
.buttons .suggest {background: url(../images/btn-Suggest.gif) no-repeat 10px center;}
table.SurveyOptions {margin-bottom:0;}
#tblSurveyOptions label, .SurveyOptions label {float:none;}
#tblSurveyOptions td, table.SurveyOptions td {padding:.5em;}
ul.checkFirst {padding-left: 2em; position:relative; list-style-image: url(../images/img-Marker-Check.gif); width:95%; margin: 17em 0 0 0;}

/* intro graphic */
.intrographic				{width: 840px; height: 360px; font: normal 12px/1.5 verdana !important;}
.intrographic				{position: relative; background: url(../images/bg-homepage.png) center no-repeat;}
.intrographic p				{margin: 0;}
.intrographic dl			{margin: 0; padding: 0;}
.intrographic dl *			{margin: 0; padding: 0;}
.intrographic .step			{position: absolute; width: 130px; top: 75px; padding: 65px 0 10px 0; text-align: center; text-decoration: none; }
.intrographic .step dl		{margin: 0;}
.intrographic .step dt		{font-size: 13px; font-weight: bold;}
.intrographic .step:hover dt{text-decoration: underline;}
.intrographic .step dd		{font-size: 11px; color: #000;}
.intrographic .one			{left: 28px;}
.intrographic .two			{left: 200px;}
.intrographic .three		{left: 370px;}
.intrographic .nowfeat		{position: absolute; width: 170px; top: 50px; left: 558px;}
.intrographic .nowfeat dt	{text-align: center; font:12px/1.5 verdana; color: #8a690c; font-size: 16px; font-weight:normal !important;}
.intrographic .nowfeat ul	{padding: 10px 2em; line-height: 1.3;}
.intrographic .getstart,
.intrographic .videotut		{font-size: 14px; position: absolute; left: 30px;}
.intrographic .getstart a,
.intrographic .videotut a	{display: block; padding-left: 35px; line-height: 35px;}
.intrographic .getstart		{background: url(../images/icon-getstart.png) no-repeat;}
.intrographic .videotut		{background: url(../images/icon-videotut.png) no-repeat; top: 230px;}
.intrographic dd {border-bottom:none;}