/* -----------------------------------------------------------------------------
	PROJECT PLANNER
----------------------------------------------------------------------------- */
ol { list-style: decimal; color: #252525; font-size: 110%; line-height: 1.3; }
h2 { margin: 10px 0; color: #00529a; font-size: 16px; font-style: italic; font-weight: normal; }
	.feature_subheader { margin-left: 50px; }
	.summary-subheader {}

#nojs { float: left; margin-top: 20px; position: relative; padding-bottom: 20px; width: 455px; }
#nojs p { font-size: 12px; font-weight: bold; }
.planner-wrapper { float: left; margin-top: 20px; position: relative; padding-bottom: 20px; width: 455px; }
.planner-wrapper { display: none; }

/* ----- corner-cross, dashed-box outline; fixed width, flexible height. ----- */
.planner-edges { margin-left: 50px; width: 348px; background: url(../images/project-planner/proj-box-vertical.gif) repeat-y 0 0; }
.planner-outer { background: url(../images/project-planner/proj-box-horizontal.gif) no-repeat 0 1px; border-top: 1px solid #ffffff; }
.planner-inner { padding: 10px; background: url(../images/project-planner/proj-box-horizontal.gif) no-repeat left bottom; }

	.planner-inner p { margin-bottom: 5px; color: #252525; font-size: 11px; line-height: 1.3; }
	.planner-inner table { position: relative; }
	.planner-inner td { padding-bottom: 5px; color: #252525; font-size: 12px; line-height: 1.3; vertical-align: top; }
		/* TD class modifiers */
		.tbl-input { width: 15px; }
		.tbl-choice { width: 282px; }
		.tbl-info { display:inline-block; position: relative; width: 28px;}

	/* tooltip to display the image on rollover, see the .js script on the page. */
	.tooltip {  display: none; position: absolute; left: 44px; top: -14px; height: 44px; opacity: 0; padding: 0; width: 44px; }

/* The table containing the previous/next CTA's; class modifiers below. */
#navigator { margin-top: 15px; margin-left: 54px; width: 340px; }
#navigator a { font-size: 11px; font-weight: bold; line-height: 15px; text-decoration: none; }
#navigator a:hover { line-height: 15px; text-decoration: underline; }


/* ----- Summary on the right hand side ----- */
.summary-wrapper { margin-top: 20px; width: 222px; }
	.planning { float: left; }
	.shopping { float: right; margin-right: 15px; }

	.summary { margin: 0 0 15px 0; padding: 0 11px 11px 11px; background: #ffffff url(../images/project-planner/summary-background.gif) repeat-x left bottom; border: 1px solid #bcbcbc; }
	.summary a { font-size: 11px; font-weight: bold; line-height: 15px; text-decoration: none; }
	.summary a:hover { line-height: 15px; text-decoration: underline; }

	.summary ol { margin: 0 0 20px; padding: 0 0 0 2em; }
	.summary ol li { margin-bottom: 7px; color: #252525; font-size: 11px; line-height: 1.3; }
		.projplanner_question { margin-bottom: 20px; }
		.projplanner_answer { color: #00529a; font-weight: bold; }
/* ----- summary on the right hand side - used on planner and shopping list pages ----- */



/* -----------------------------------------------------------------------------
	SHOPPING LIST
----------------------------------------------------------------------------- */
#content_landing_left { float: left; width: 559px; padding-bottom: 2em; }

.find-items-wrapper { margin: 25px 0 15px 0; }

.listbody a { text-decoration: none; }
.listbody a:hover { text-decoration: underline; }

.shopping-list-item { margin-bottom: 20px; width: 559px; }
.shopping-list-item td { vertical-align: top; }
.shopping-list-item td.product-image { padding-right: 33px; }

.shopping-list-item-checker { margin-top: 5px; }

.product-name { margin: 0 0 5px; color: #3d3d3d; font-size: 12px; font-weight: bold; }
.product-name a { color: #3d3d3d; text-decoration: none; }
.product-name a:hover { text-decoration: underline; }

.label-for-action { padding-top: 3px; color: #00529a; font-weight: bold; }


/* ---------------------------------------------
	Old inline style rules; no longer reequired.

.listtop { width: 500px; }
.listbody { width: 500px; padding: 5px 15px 8px 15px; }
#sidebar_landing_right { width: 207px; }	
.sidebar_search {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:.85em;
	padding:0px;
	border-top:5px solid #ffffff;
	border-bottom:5px solid #ffffff;
	color:#FFFFFF;
	padding-top:8px;
	padding-left:10px;
	padding-bottom:8px;
	padding-right:6px;
}
--------------------------------------------- */












/* Call-to-action anchor class modifiers */
	.previous-question, .start-over { padding: 2px 0 2px 25px; background: url(../images/project-planner/previous-button.gif) no-repeat 0 0; }
	.next-question, .find-items { padding: 2px 25px 2px 0; background: url(../images/project-planner/next-button.gif) no-repeat 100% 0; }