/* MISC */
/* .clear { clear: both; } */
.error { color:Red; }
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors{  font-weight: bold; color: #ff0000; }

/* CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* End CSS RESET */

body {
	background: #fff url(/Assets/img/site/bg.png) 0 0 repeat-x;
	font-size: 62.5%;
	text-align: center;
}
a:link                       { color: #005f87; }
a:visited                    { color: #797979; }
a:hover                      { color: #598527; text-decoration: none; }
acronym                      { border-bottom: 1px dashed #f60; color: #f60; }
p                            { color: #464646; font: 1.4em/1.3em Helvetica, Arial; margin: 18px 0; }
blockquote p                 { margin-top: 0; }
li                           { color: #414141; }
sup                          { font-size: 0.5em; vertical-align: super; }

h1,h2,h3,h4,h5,h6,strong     {  }
h1                           {  }
h2                           {  }
h3                           { color: #598527; font: 2.4em/1.1em Helvetica, Arial; }
h4                           { color: #598527; font: 2.0em/1.1em Helvetica, Arial; }

.bold                        { font-weight: bold; }
.float_left                  { display: inline; float: left; }
.float_right                 { display: inline; float: right; }
img.float_left               { margin: 0 15px 5px 0; }
img.float_right              { margin: 0 0 5px 15px; }
.imgLink                     { display: block; }
.no_decor                    { font-style: normal; text-decoration: none; }
.no_decor:hover              { text-decoration: underline; }
h2.heading                   { font: bold 1.8em/1.3em Helvetica, Arial; letter-spacing:-0.5px; }
.boxForm                     {}
.formSubHead                 { background:#fff url('/Assets/img/formSubHead_bg.png') no-repeat top left; height:31px; padding:6px 0px 0px 6px; color:#998675; font: 1.6em/1.3em Helvetica, Arial; letter-spacing:-0.25px; }
.formLabel                   { color: #545454; font: 1.2em/1.1em Helvetica; padding:5px 0px 2px 2px; }
.formInput                   { color: #545454; font: 1.2em/1.1em Helvetica; padding: 3px 2px 1px; }
.formInput input,
.formInput textarea          { border: 1px solid #b9b9b9; height: 17px; padding:2px 2px 1px; color: #646464; font: 1.2em/1.1em Helvetica; }

li.last                      { border: 0 !important; margin-right: 0 !important; padding-right: 0 !important; }
p.first_para                 { margin-bottom: 0; }
img.center_align             { display: block; margin: 15px auto; }
hr.divider                   { background: transparent; border: 1px solid #d7d7d7; border-width: 0 0 1px; }

/* ==[ Button Styles ]==========================
***********************************************/
span.btn                     { font: 1.4em/1.1em Helvetica, Arial; letter-spacing: -1px; margin: 0; padding: 0; }
span.btn a, 
span.btn a:link, 
span.btn a:visited           { color: #104257; display: block; text-decoration: none; }
span.btn a:hover             { color: #555; text-decoration: underline; }
.btn {
	margin-right: 5px;
	vertical-align: middle;
}
/* ==[ Clearing Styles ]====== */
.cB:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden; }
.cL:after { clear: left; content: '.'; display: block; height: 0; visibility: hidden; }
.cB, .cL { display: inline-block; }
/* Hide from IE/Mac \*/
* html .cB, * html .cL { height: 1%; }
.cB, .cL { display: block; }
/* End Hide */

/* :: Form Styles ::::: */
span.required                { color: #ff9900; }
.half                        { display: inline; float:left; margin:1em 0 2em; width:49%; }
.full                        { float: none; margin: 18px 0 18px; width:100%; }
div.first                    { margin-right:2%; }
.half input                  { width:98%; }
.half label, 
.full label                  { display: block; font: 1.4em/1.1 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial; color: #636363; margin-bottom: 10px; text-transform: uppercase; }
.full textarea               { width:99%; height:100px; }
.full input                  { width:99%; }
.half input, 
.full textarea, 
.full input                  { background:#fff; border: 1px solid #c2c2c2; color: #696969; font: bold 1.3em/1.5 Helvetica; margin: 1px; padding: 3px 2px 1px; }
.full textarea               { height: 150px; }
.half input:focus,
.full input:focus,
.half textarea:focus,
.full textarea:focus         { background: #ffdc59; border: 2px solid #ffc012; color: #073264; margin: 0; }
.submit                      { clear:left; margin-top:2em; }
.submit input                { width:100px; }

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* Global Layout
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#container {
  margin: 0 auto;
	text-align: left;
	width: 986px;
}
#header {
	height: 85px;
	margin: 0 0 24px;
	padding: 4px 0 0;
}
#main {
	margin: 0 9px;
}
#footer {
	background: url(/Assets/img/site/bg_footer.png) 0 0 repeat-x;
	clear: both;
	height: 74px;
	width: 100%;
}
#footerWrapper {
	margin: 0 auto;
	padding: 24px 5px 0 20px;
	text-align: left;
	width: 961px;
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* Header
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#logo {
	display: inline;
	float: left;
	margin: 8px 0 0;
}
#nav {
	display: inline;
	float: right;
	margin: 25px 6px 0 0;
	width: auto;
}
#nav2 {
	border-left: 1px solid #acd373;
	display: inline;
	float: right;
	margin: 21px 0 0;
	padding: 4px 0 6px 6px;
}
#nav li, #nav2 li {
	float: left;
	font: 1.4em/1.1em Helvetica, Arial;
	margin: 0 3px;
	padding: 0 4px 0 0;
}
#nav li a, #nav2 li a {
	color: #598527;
	display:block;
	height: 20px;
	padding: 7px 2px 2px 6px;
	text-decoration: none;
}
#nav2 li a {
	color: #d7783e;
}

#nav li:hover, #nav li.selected, #nav2 li:hover, #nav2 li.selected {
	background: url(/Assets/img/site/bg_nav_right.png) 100% 0 no-repeat;
}
#nav li:hover a, #nav li.selected a, #nav2 li:hover a, #nav2 li.selected a {
	background: url(/Assets/img/site/bg_nav_left.png) 0 0 no-repeat;
	color: #fff;
	text-decoration: none;
}

/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* Main
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#main_content {
	display: inline;
	float: left;
	width: 508px;
}
#main_content h3 span { color: #fb8129; }

#blogPage #main_content {
	width: 606px;
}
#blogPage h2#page_heading {
	color: #fb8129;
	font: 5em/1.1em Helvetica, Arial;
	text-indent: 0;
}
#aboutSection #main_content {
	width: 606px;
}
#aboutSection h2#page_heading {
	color: #fb8129;
	font: 4em/1.1em Helvetica, Arial;
	text-indent: 0;
}



#flashContainer_728x90 {
  background: url(/Assets/img/flashContainer_728x90.png) 0 0 no-repeat;
  width: 849px; /* 969px; */
  height: 122px;   /* 142px; */
  padding: 25px 0px 0px 120px;
  /* text-align:center; */
  font: 1.5em/1.1em Helvetica, Arial;
  color: #999;
}

#flashContainer_160x600 {
  /* background: url(/Assets/img/flashContainer_160x600.png) 0 0 no-repeat; */
  width: 162px; /* 969px; */
  height: 602px;   /* 142px; */
  padding: 25px 0px 30px 0px;
  /* text-align:center; */
  font: 1.5em/1.1em Helvetica, Arial;
  color: #999;
}

#flashContainer_300x250 {
  /* background: url(/Assets/img/home_ad_box.png) 0 0 no-repeat; */
  width: 302px; /* 387px; */
  height: 252px; /* 341px; */
  padding: 25px 0px 30px 0px;
  /* text-align:center; */
  font: 1.5em/1.1em Helvetica, Arial;
  color: #999;
}
/* Page: Home Page Styles */



#basik_box_nutrition_facts {
  background: url(/Assets/img/basik_box_nutrition_facts.gif) no-repeat;
  width: 200px;
  margin: -60px 40px 0 0;
  float: right;
  font: bold 1.4em/2em Helvetica, Arial;
}
    #basik_box_nutrition_facts ul {
      margin: 250px 0 0 20px;
      list-style: outside url(/Assets/img/site/bullet.gif);
    }
    #basik_box_nutrition_facts li {
      color: #fb8937;
    }

#basik_box_order_cta {
	background: url(/Assets/img/site/bg_lightGreenBox.png) 0 0 no-repeat;
	height: 66px;
	margin: 0 0 14px;
	padding: 6px 6px 8px;
	position: relative;
	width: 905px;
	z-index: 10;
}
#basik_box_order_cta p {
	background: url(/Assets/img/basik_box_cutCalories.png) 0 0 no-repeat;
	display: inline;
	float: left;
	height: 31px;
	margin: 21px 0 0 21px;
	text-indent: -999em;
	width: 612px;
}
#basik_box_order_cta #order_btn {
	background: url(/Assets/img/btn_orderNow2.png) 0 0 no-repeat;
	display: inline;
	float: right;
	height: 37px;
	margin: 17px 17px 0 0;
	text-indent: -999em;
	width: 224px;
}
#basik_box_order_cta #order_btn:hover {
	background-position: 0 -37px;
}

#basik_box_multi-step_program {
	background: url(/Assets/img/basik_box_multi-step_box.png) 0 0 no-repeat;
	height: 311px;
	margin: 0 0 30px 7px;
	padding: 15px 23px 19px 19px;
	width: 865px;
}
    #basik_box_multi-step_program h3 {
	    background: url(/Assets/img/basik_box_multi-stepProgram.png) 0 0 no-repeat;
	    height: 60px;
	    margin: 24px 0 17px 30px;
	    text-indent: -999em;
	    width: 253px;
    }
    #basik_box_multi-step_program ol#steps1-3, #multi-step_program ol#steps4-5 {
	    display: inline;
	    float: left;
	    width: 265px;
    }
    #basik_box_multi-step_program ol#steps1-3 {
	    margin: 0 0 0 20px;
    }
    #basik_box_multi-step_program ol li {
	    font: 1.1em/1.8em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial;
	    margin: 0 0 22px;
	    padding: 4px 0 0 75px;
	    height: 46px;
    }
    #basik_box_multi-step_program ol li#step1 {
	    background: url(/Assets/img/icn_planner2.png) 0 0 no-repeat;
    }
    #basik_box_multi-step_program ol li#step2 {
	    background: url(/Assets/img/icn_cart2.png) 0 0 no-repeat;
    }
    #basik_box_multi-step_program ol li#step3 {
	    background: url(/Assets/img/icn_basikbox.png) 0 0 no-repeat;
	    height: 60px;
    }
    #basik_box_multi-step_program ol li h4 {
	    color: #75764a;
	    font: bold 1em/1em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial;
	    margin: 0;
	    text-transform: uppercase;
    }
    #basik_box_multi-step_program ol li h4 span {
	    color: #d7783e;
    }
    #basik_box_multi-step_program ol li p {
	    font-size: 1em;
	    margin: 0;
    }

#basik_box_recipe_planner {
	display: inline;
	float: right;
	margin: 22px 24px 0 0;
	width: 218px;
}
    #basik_box_recipe_planner img {
	    display: inline;
	    float: right;
    }
    #basik_box_recipe_planner h3 {
	    background: url(/Assets/img/basik_box_recipePlanner.png) 0 0 no-repeat;
	    height: 56px;
	    float: left;
	    margin: 16px 0 0;
	    text-indent: -999em;
	    width: 104px;
    }
    #basik_box_recipe_planner p {
	    clear: both;
    }


/*
#planMeals_createLists {
	margin: 0 0 -9px 15px;
	position: relative;
	z-index: 0;
}
*/
/*
#online_tools {
	background: url(/Assets/img/online_tools_multi_step_planner_bg.png) 0 0 no-repeat;
	height: 311px;
	margin: 0 0 30px 7px;
	padding: 15px 23px 19px 19px;
	width: 865px;
} 
#online_tools h3 {
	background: url(/Assets/img/text_onlineTools.png) 0 0 no-repeat;
	height: 27px;
	margin: 24px 0 17px 30px;
	text-indent: -999em;
	width: 446px;
}
#online_tools ul li {
	display: inline;
	float: left;
	margin: 0 0 13px 28px;
	padding: 0 0 0 63px;
	width: 197px;
}
#online_tools li h4 {
	color:#898989;
	font: normal 2.6em/1.1em Helvetica, Arial;
	margin: 0 0 5px;
}
#online_tools li p {
	color: #707070;
	font: 1.1em/1.1em 'Lucida Grande', 'Lucida Sans Unicod', Helvetica, Arial;
	margin: 0;
}
*/
/*
#basik_boxx {
	display: inline;
	float: right;
	margin: 22px 18px 0 0;
	width: 224px;
} 
#basik_boxx img {
	display: inline;
	float: right;
}
#basik_boxx h3 {
	background: url(/Assets/img/text_basikBox.png) 0 0 no-repeat;
	height: 56px;
	float: left;
	margin: 16px 0 0;
	text-indent: -999em;
	width: 66px;
}
#basik_boxx p {
	clear: both;
}
*/

/* Blog post styles */
.last_post {
	border: 0;
}
.post {
	border-bottom: 1px solid #d7d7d7;
	margin: 0 0 27px;
	padding: 0 0 34px;
}
.post h3 {
	margin: 0 0 5px;
}
.post p.author {
	color: #b7b7b7;
	font: 1.8em/1.1em Helvetica, Arial;
	margin: 0 0 20px;
}
.post p.comments-date {
	color: #a1a1a1;
	font: 1.4em/1.1em Helvetica, Arial;
	margin: 0;
}
.post p.comments-date a:link, .post p.comment-date a:visited {
	color: #598527;
	text-decoration: none;
}
.post p.comments-date a:hover {
	text-decoration: underline;
}




/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
/* Footer
/* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */
#footerWrapper ul {
	float: right;
}
#footerWrapper li {
	display: inline;
	float: left;
	font: 1.1em/1.1em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial;
	margin: 0 12px 0 0;
}
#footerWrapper li a/*:link*/ {
	color: #598527;
	text-decoration: none;
}
#footerWrapper li a:visited {
	/*color: #959595;*/
	text-decoration: none;
}
#footerWrapper li a:hover {
	text-decoration: underline;
}
#copyright {
	color: #959595;
	float: left;
	font: 1.1em/1.1em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial;
	margin: 0;
}







.compact {
  display: block;
  margin: -40px 0 0 -250px;
  font-size: 1em;
  color: #acd373;
}

li#tools_shoppingList {
	background: url(/Assets/img/icn_cart1.png) 0 0 no-repeat;
}
li#tools_recipes {
	background: url(/Assets/img/icn_recipes1.png) 0 0 no-repeat;
}
li#tools_account {
	background: url(/Assets/img/icn_account1.png) 0 0 no-repeat;
}
li#tools_mealPlanner {
	background: url(/Assets/img/icn_planner1.png) 0 0 no-repeat;
}

/* ==[ Sidebar ]== */
#sidebar {
	border-left: 1px solid #d7d7d7;
	float: right;
	padding: 30px 0 100px 30px;
}
	.support #sidebar {
		width: 375px;
	}
	.blog #sidebar {
		width: 240px;
	}

#sidebar h2#contact_basik {
	background: url(/Assets/img/text_contactBasik.png) 0 0 no-repeat;
	height: 27px;
	margin-top: 40px;
	text-indent: -999em;
	width: 252px;
}
#sidebar h2 {
	border-bottom: 1px solid #c2c2c2;
	color: #598527;
	font: 2.4em/1.1em Helvetica, Arial;
	margin: 0 0 10px;
	padding: 0 0 3px;
}

#ad {
	border: 1px solid #ddd;
	margin: 0 0 25px;
}
#ad.ad_300 {
	height: 250px;
	width: 300px;
}
#ad.ad_160 {
	width: 157px;
}
#application #sidebar p {
	color: #797979;
	font: 1.1em/1.8em 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial;
}
#categories {
	margin: 0 0 25px 5px;
}
#categories li {
	background: url(/Assets/img/icn_arrows.gif) 0 6px no-repeat;
	font: 1.6em/1.1em 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, Arial;
	margin: 0 0 16px;
	padding: 0 0 0 11px;
}
#application #categories li {
	display: inline;
	float: left;
	width: 135px;
}
#categories li a:link {
	color: #fb8129;
	text-decoration: none;
}
#categories li a:hover {
	text-decoration: underline;
}

/* ==[ Tool Tip ]== */
.tool_tip_parent {
	position: relative;
}
	div.tool_tip {
		background: transparent url(/Assets/img/pop_up_box.png) 0 0 no-repeat;
		width: 238px;
		height: 158px;
		left: -999em;
		margin: 0 0 0 170px;
		padding: 15px 23px 24px 17px;
		position: absolute;
		top: -100px;
		z-index: 10;
	}
	div.tool_tip_large {
		background: transparent url(/Assets/img/pop_up_box_large.png) 0 0 no-repeat;
		width: 238px;
		height: 208px;
		left: -999em;
		margin: 0 0 0 170px;
		padding: 15px 23px 24px 17px;
		position: absolute;
		top: -100px;
		z-index: 10;
	}


	.tool_tip_parent:hover div.tool_tip, .tool_tip_parent:hover div.tool_tip_large {
		left: auto;
	}
	div.tool_tip h4, div.tool_tip_large h4 {
		color: #FB8937 !important;
		font-size: 1.4em !important;
		line-height: 1.1em !important;
		margin: 0 0 7px 0 !important;
	}
	div.tool_tip p, div.tool_tip_large p {
		font: 1.3em/1.3em Helvetica, Arial !important;
		margin: 0 !important;
		width: auto !important;
	}

#learnMore_btn {
	background: url(/Assets/img/btn_learnMore.png) 0 0 no-repeat;
	display: block;
	height: 38px;
	text-indent: -999em;
	width: 138px;
}
#learnMore_btn:hover {
	background-position: 0 -38px;
}

/* 
img#neat_little_box {
	margin: 0 0 0 -39px;
}
*/

/*
h3#slogan {
	font: 2.2em/1.1em Helvetica, Arial;
	margin: 0 0 10px 220px;
	width: auto;
}
*/

#page_head {
	border-bottom: 1px solid #d7d7d7;
	padding: 0px 0px 5px;
}
h2#page_heading {
	color: #fb8129;
	float: left;
	font: 3em/1.1em Helvetica, Arial;
	letter-spacing: -2px;
	text-indent: -999em;
}

.whatYouGetBullet{
    width:25px;
    vertical-align:top;
    padding:25px 0px 0px 0px;
}

.whatYouGetText{
    width:190px;
    color: #707070;
	font: 1.9em/1.2em 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial;
    padding:0px 0px 20px 0px;
}

.userMessage{
    border:solid 1px #666;
    padding:10px 5px;
    background-color:#ffc;
    font: 1.1em/1.2em 'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial;
    margin:0px 0px 10px 0px;
}