/* GENERAL STYLES */
@charset "utf-8";
/* CSS Document */

/* START OF HOME */

li {
padding-bottom: 10px;
}

.homeTop{
	margin: 20px 0 20px 0;
}

*html .homeTop{
	margin: 20px 0 0 0;
}

.homeTopLeft{
	float: left;
}

.qouteImg1{
	float: left;
	margin: 0 8px 0 0;
}

.qouteImg2{
	padding: 50px 0 0 0;
}

h1.homeIntro{
	float: left;
	font-size: 185%;
	font-style: italic;
	width: 630px;
	margin: 0 0 0 0;
	padding: 5px 0 0 0;
}

.homeTopRight{
	float: right;
}

.homeRow{
	padding: 0 0 20px 0;
}

*html .homeRow{
	margin: 0;
}

.homeItem{
	float: left;
	width: 220px;
	background: url(/images/bg_home_1.jpg) no-repeat top left;
	margin: 0 6px 0 0;
	padding: 4px;
}

.homeItemLast{
	float: left;
	width: 220px;
	background: url(/images/bg_home_1.jpg) no-repeat top left;
	margin: 0;
	padding: 4px;
}

.homeItem .homeItemInnerWrapper { padding: 5px; background: #ffffff; }
.homeItem .homeItemInnerWrapper .homeItemInner { width: 210px; height: 465px; }
.homeItem .homeItemInnerWrapper .homeItemInner h1{ margin:0; padding:0;	text-indent: -5000px; height: 35px; }

.homeShort{
	width: 210px;
	height: 40px;
	text-align: center;
	vertical-align: middle;
	margin: 0 0 1px 0;
}

.homeShort p{
	line-height: 110%;
	margin: 0 6px;
	padding: 0 0 0 0;
}

.homeLong p { margin: 10px 10px 5px 10px; }
.homeLong ul{ margin: 13px 0 0 10px; padding: 0 0 0 0; list-style: none; font-size: 90%; line-height: 115%; }
.homeLong ul li{ background: url(/images/icon_arrow_2.gif) no-repeat 0 3px; padding: 0 0 0 10px; display: block; }

.homeJoinBtn{
	text-align: center;
}

.bgHomeHS{background: url(/images/bg_home_hs.jpg) repeat-x bottom left;}

.headerHomeHS{background: url(/images/home_hs.gif) no-repeat top left;}

.bgShortHS{background: #DBE2B1;}

.bgHomeRecipe{background: url(/images/bg_home_recipe.jpg) repeat-x bottom left;}

.headerHomeRecipe{background: url(/images/home_recipe.gif) no-repeat top left;}

.bgShortRecipe{background: #FFB7A2;}

.linkHomeRecipe a{color: #d14820;}

.bgHomeInspiration{background: url(/images/bg_home_inspiration.jpg) repeat-x bottom left;}

.headerHomeInspiration{background: url(/images/home_inspiration.gif) no-repeat top left;}

.bgShortInspiration{background: #B4CCF5;}

.linkHomeInspiration a{color: #174774;}

.bgHomeMotivation{background: url(/images/bg_home_motivation.jpg) repeat-x bottom left;}

.headerHomeMotivation{background: url(/images/home_motivation.gif) no-repeat top left;}

.bgShortMotivation{background: #EBE5C6;}

.linkHomeMotivation a{color: #7c3601;}

.txtHomeMotivation{color: #7c3601;}

.homeWide{
	float: left;
	width: 453px;
	background: url(/images/bg_home_2.jpg) no-repeat top left;
	margin: 0 6px 0 0;
	padding: 4px 4px 0 4px;
}

.homeWide .homeWideInnerWrapper{
	padding: 5px;
	background: #ffffff;
}

.homeWide .homeWideInnerWrapper .homeWideInner{
	width: 443px;
	height: 261px;
}

.homeWide .homeWideInnerWrapper .homeWideInner h1{
	margin:0 0 16px 0;
	padding:0;
	text-indent: -5000px;
	height: 49px;
}

.homeWide .homeWideInnerWrapper .homeWideInner p { margin: 10px 200px 5px 10px; }

.homeWide .homeWideInnerWrapper .homeWideInner ul{
	margin: 13px 220px 0 10px;
	padding: 0 0 0 0;
	list-style: none;
	font-size: 90%;
	line-height: 115%;
}

.homeWide .homeWideInnerWrapper .homeWideInner ul li{
	background: url(/images/icon_arrow_2.gif) no-repeat 0 3px;
	padding: 0 0 0 10px;
	display: block;	
}

.homeWideRight{
	float: right;
	margin-top: 4px;
}

.bgHomeTool{background: url(/images/bg_home_tool.jpg) no-repeat bottom left;}
.headerHomeTool{background: url(/images/home_tool.gif) no-repeat top left;}

.homeNarrow{
	width: 220px;
	background: url(/images/bg_home_1.jpg) no-repeat top left;
	margin: 0 6px 0 0;
	padding: 4px;
	float: left;
}

.homeNarrowLast{
	width: 220px;
	background: url(/images/bg_home_1.jpg) no-repeat top left;
	margin: 0;
	padding: 4px;
	float: left;
}

.homeNarrow .homeNarrowInnerWrapper{
	padding: 5px;
	background: #ffffff;
}

.homeNarrow .homeNarrowInnerWrapper .homeNarrowInner{
	width: 210px;
	height: 261px;
}

.homeNarrow .homeNarrowInnerWrapper .homeNarrowInner .homeNarrowInnerContent{
	padding: 10px;
}

.homeNarrow .homeNarrowInnerWrapper .homeNarrowInner h1{
	margin:0;
	padding:0;
	text-indent: -5000px;
	height: 49px;
}

.homeNarrow .homeNarrowInnerWrapper .homeNarrowInner .homeNarrowTxt{
	width: 179px;
	height: 131px;
	background: url(/images/bg_home_testimonials.jpg) repeat-x top left;
	padding: 15px 13px 14px 18px;
	margin: 0;
}

.homeNarrow .homeNarrowInnerWrapper .homeNarrowInner .homeNarrowTxt p { margin: 5px 0; }

.homeNarrow .homeNarrowInnerWrapper .homeNarrowInner .homeNarrowBottom{
	width: 170px;
	height: 34px;
	background: #97A85E;
	padding: 8px 20px;
}

.homeNarrow .homeNarrowInnerWrapper .homeNarrowInner .homeNarrowBottom .homeNarrowBottomSmall { font-size: 80%; }
.homeNarrow .homeNarrowInnerWrapper .homeNarrowInner .homeNarrowBottom .homeNarrowBottomSmall a { color: #ffffff; }
.bgHomeLounge { background: url(/images/bg_home_lounge.jpg) repeat-x bottom left; }
.headerHomeTestimonials { background: url(/images/home_testimonials.gif) no-repeat top left; }
.headerHomeLounge { background: url(/images/home_lounge.gif) no-repeat top left; }

/* END OF HOME */

/* START OF HS */

.intro p{
	font-family: "Times New Roman", Times, serif;
	font-size: 155%;
	font-style: italic;
}

p.intro{
	font-family: "Times New Roman", Times, serif;
	font-size: 155%;
	font-style: italic;
}
.message{
	color:#D04820;
}
.note{
	color:#666;
	font-size:80%;
	font-style:italic;
}

#hsLeft{
	float: left;
	width: 446px;
	padding-right: 10px;
}

#hsRight{
	float: left;
	width: 214px;
	padding: 16px 13px;
	background: #DFE9A0;
}

.innerDriver{ text-align: center; }
.innerDriverShadow{ width: 200px; height: 133px; background: url(/images/innerDriverShadow.jpg) no-repeat top left; margin-bottom: 8px; padding: 7px 7px 4px 7px; }

.driverImgSpace{ margin-bottom: 8px; }

.innerDriver p { padding: 8px 10px 0 10px; text-align: left; font-size: 83%; background: url(/images/line_1.gif) repeat-x top left; }
.innerDriver p a { color: #ff6600; }
.innerDriver p a:hover{ color: #ff6600; text-decoration: none; }

.itemHS { margin-bottom: 15px; }
.itemHS h2 { color: #467b00; background: url(/images/icon_tick.gif) no-repeat 0 2px; padding-left: 40px; margin: 0 0 0.1em; }
.itemHS p { padding-left: 40px; }

.backTop{
	margin-bottom: 20px;
	font-size: 85%
}

.backTop p a{
	color: #ff6600;
}

.backTop p a:hover{
	color: #ff6600;
	text-decoration: none;
}

.backTop1{
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 85%
}

.backTo1p p a{
	color: #ff6600;
}

.backTo1p p a:hover{
	color: #ff6600;
	text-decoration: none;
}

.backTopQuestion { margin: 300px 0 0 0; font-size: 85%; }
.backTopQuestion p a{ color: #ff6600; }
.backTopQuestion p a:hover { color: #ff6600; text-decoration: none; }

/* END OF HS */

/* START OF QUESTIONAIRE */

.questionaireTop{
	width: 500px;
}
.questionIntro{
	font-size: 120%;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 120%;
}

.whiteHeading{
	color: #ffffff;
	text-decoration: none;
}

.whiteHeading:hover{
	color: #ffffff;
	text-decoration: underline;
}

.ttrr{
	margin-bottom: 10px;
}

ol.radioQuestionGroup{
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	background: url(/images/bg_qa.jpg) repeat-y top left;
	color: #ffffff;
	
	
}

ol.radioQuestionGroup li{
	margin: 0 0 10px 20px;
	padding: 5px 5px 10px 5px;
	background: #D8D9CB;
	
}

ol.radioQuestionGroup p{
	color: #000000;
}


ol.radioQuestionGroup li label{
	color: #000000;
	margin: 0 0 0 4px;
}

ol.radioQuestionGroup li div p{
	color: #a42702;
}

.radioQuestion{
	display: inline;
	margin: 0 10px 0 0px;
	width: auto;
	
}

.radioQuestion input{
   margin: 0 5px 0 0px;

}

.radioQuestion label{
	color: #000000;
}

.questionQuestion{
	color: #a42702;
	font-weight: bold;
	
}

ul.mainNav {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 0 6px 0;
}

ul.mainNav li {
	margin: 0 0 7px 0;
	background: url(/images/bg_line_2.gif) repeat-x bottom left;
	padding: 0 0 8px 0;
	color: #477A01;
}

ul.mainNav li.selected {
	margin: 0 0 7px 0;
	padding: 0 0 0 0;
	background: none;
}

ul.mainNav li a {
	line-height: 110%;
	padding: 0 0 0 0;
	text-decoration: none;
}

ul.mainNav li a:hover{
	text-decoration: underline;
}

ul.subNav{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 10px 0 0px 2px;
	padding: 10px 0 0 0;
	background: url(/images/bg_line_2.gif) repeat-x top left;
}

ul.subNav li {
	margin: 0 0 7px 0;
	background: url(/images/icon_arrow.gif) no-repeat 0 4px;
	padding: 0 0 0 10px;
	font-size: 93%;
}

ul.subNav li a {
	line-height: 110%;
	padding: 0 2px 0 0;
	text-decoration: none;
}

ul.subNav li a:hover{
	text-decoration: underline;
}

h1.myHSQuestionaire{
	background: url(/images/header_questionaire.gif) no-repeat top left;
}

.questionaireTopLeft{
	float: left;
	width: 110px;
}

.questionCount{
	width: 84px;
	height: 40px;
	background: #E2E3D1;
	text-align: center;
	font-size: 80%;
	color: #404040;
	padding: 10px 12px;
}



.questionCount .redColor{
	color: #ba4320;
}

.questionCount .boldColor{
	color: #ba4320;
	font-size: 300%;
	line-height: 100%;
}

#progressBar{
	width: 86px;
	height: 3px;
	background: #BBBDA7;
	text-align: left;
}

.questionaireTopRight{
	float: left;
	padding: 10px 10px;
}

.questionaireTopRight p{
	width: 360px;
	font-size: 130%;
}

.questionItem{
	background: url(/images/bg_question.jpg) no-repeat;
	width: 490px;
	padding: 9px 8px;
	min-height: 125px;
	height: auto !important;
    height: 125px;
}

.questionLeft{
	float: left;
	width: 105px;
	margin-right: 5px;
}

.questionRight{
	margin-left: 110px;
	width: 380px;
}

*html .questionRight{
	float: left;
	margin: 0;
	width: auto;
	
}

.questionPanel{
	padding: 5px;
}

.questionPlainPanel{
	background: #ffffff;
}

.questionColorPanel{
	padding: 5px;
	background: #E7E8DB;
	margin: 0 0 10px 0;
}

.questionBtnStyle{
	margin: 12px 25px;
}

#myHS .questionItem h2{
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
        width: 365px;
	padding: 2px 8px;
	margin: 0 0 5px 0;
}

*html #myHS .questionItem h2{
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	padding: 2px 8px;
	margin: 0 0 5px 0;
}

#myHS .questionItem h2.amColor { 
	background: url(/images/bg_am.gif); 
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	padding: 2px 8px;
	margin: 0 0 5px 0;
	font-style: normal;
}
#myHS .questionItem h2.fnColor { 
	background: url(/images/bg_fn.gif);
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	padding: 2px 8px;
	margin: 0 0 5px 0;
	font-style: normal; 
}
#myHS .questionItem h2.paColor { 
	background: url(/images/bg_pa.gif);
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	padding: 2px 8px;
	margin: 0 0 5px 0;
	font-style: normal; 
}
#myHS .questionItem h2.hwColor { 
	background: url(/images/bg_hw.gif);
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	padding: 2px 8px;
	margin: 0 0 5px 0;
	font-style: normal; 
}
#myHS .questionItem h2.mpColor { 
	background: url(/images/bg_mp.gif);
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	padding: 2px 8px;
	margin: 0 0 5px 0;
	font-style: normal; 
}
#myHS .questionItem h2.wbColor { 
	background: url(/images/bg_wb.gif); 
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	padding: 2px 8px;
	margin: 0 0 5px 0;
	font-style: normal;
}

#myHS .questionItem h2.FoodColor { 
	background: url(/images/bg_fn.gif);
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	padding: 2px 8px;
	margin: 0 0 5px 0;
	font-style: normal; 
}
#myHS .questionItem h2.PhysicalColor { 
	background: url(/images/bg_pa.gif);
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	padding: 2px 8px;
	margin: 0 0 5px 0;
	font-style: normal; 
}
#myHS .questionItem h2.HealthyColor { 
	background: url(/images/bg_hw.gif);
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	padding: 2px 8px;
	margin: 0 0 5px 0;
	font-style: normal; 
}
#myHS .questionItem h2.MealPlanningColor { 
	background: url(/images/bg_mp.gif);
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	padding: 2px 8px;
	margin: 0 0 5px 0;
	font-style: normal; 
}
#myHS .questionItem h2.WellBeingColor { 
	background: url(/images/bg_wb.gif); 
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	padding: 2px 8px;
	margin: 0 0 5px 0;
	font-style: normal;
}

#myHS .questionItem h2 span{
	font-size: 50%;
}

.questionRight p{
	font-size: 95%;
	margin: 0 0 5px 0;
}

.questionLinkLeft{
	float: left;
	font-size: 95%;
}

.questionLinkRight{
	float: right;
	font-size: 95%;
}

/*.questionTitle{
	width: 503px;
	color: #ffffff;
	font-family: "Times New Roman", Times, serif;
	font-size: 200%;
	padding: 10px 8px;
	margin-bottom: 10px;
}

.questionTitle .sectionTitle{
	font-size: 50%;
}*/

.questionStatus{
	font-size: 95%;
}

.questionStatus td.icon{
	padding: 0 10px 0 5px;
}

.questionStatus td.value{
	width: 133px;
}

/* END OF QUESTIONAIRE */

/* START OF RECIPE */

.recipeTop{
	width: 696px;
	margin-bottom: 10px;
}

.recipeTopLeft{
	float: left;
	width: 192px;
	margin-right: 10px;
}

.imgHolder_1{
	width: 176px;
	height: 194px;
	background: url(/images/bg_recipeBig.jpg) no-repeat top left;
	padding: 8px 8px 0 8px; 
	margin-bottom: 5px;
}

.searchRecipe{
	width: 192px;
	height: 74px;
	background: url(/images/bg_searchRecipe.jpg) no-repeat top left;
}

.searchRecipe .searchPanel{
	padding: 31px 0 0 22px;
	margin: 0 0 12px 0;
}

.searchRecipe .browseAll a{
	font-size: 85%;
	padding: 0 0 0 10px;
}

.inputSearchRecipe{
	width: 108px;
	height: 26px;
	background: url(/images/bg_input_2.jpg) no-repeat 0 4px;
	border: 0;
	padding: 8px 10px 0 10px;
	font-size: 95%;
}

*html .inputSearchRecipe{
	background: url(/images/bg_input_2.jpg) no-repeat 0 3px;
}

.recipeTopRight{
	float: left;
	width: 494px;
}

.redTop{
	color: #ffffff;
	background: #BA4122;
	padding: 3px;
	width: 116px;
	font-size: 90%;
}

.recipeTopRight h1{
	color: #ba4320;
	margin: 0 0 10px 0;
	
}

.recipeTopRight .intro p{
	margin: 0 0 10px 0;
}

.recipeTopRight .intro p span{
	font-family: "Trebuchet MS", Times, serif;
	font-size: 60%;
	font-style: normal;
}

.recipeCook{
	padding-left: 30px;
}
.recipeCookMethod{
	font-size: 100%;
	text-align: center;
	width: 108px;
	height: 93px;
	background: url(/images/bg_cook_method.jpg) no-repeat top left;
	padding-top: 17px;
	float: left;
	margin-left: 16px;
}

.recipeCookMethod div{
	display: block;
	margin: 0;
	padding: 0;
}

.recipeCookMethod div.number{
	font-size: 320%;
	color: #ba4320;
	margin: 0;
	padding: 0;
	line-height: 90%;
}

.recipeMenu{
	border-top: 2px solid  #303030;
	border-bottom: 1px solid #303030;
	padding: 4px 12px;
	margin: 10px 0 8px 0;
}

.recipeMenuLeft{
	float: left;
	font-size: 120%;
	height: 15px;
}

.recipeMenuRight{
	float: right;
	font-size: 85%;
}

ul.recipeNav {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 2px 0 0 0;
	padding: 0;
}

ul.recipeNav li {
	margin: 0 0 0 5px;
	padding: 0;
	display: inline;
}

ul.recipeNav li a {
	line-height: 110%;
	padding: 0;
	text-decoration: underline;
}

ul.recipeNav li a:hover{
	text-decoration: underline;
}

ul.recipeNav li a.selected{
	background: #BD502F;
	color: #ffffff;
	text-decoration: none;
	padding: 0 4px;
}

ul.recipeNav li a.selected:hover{
	background: #BD502F;
	color: #ffffff;
	text-decoration: none;
}

.allRecipeContainer{
	
}

.recipeItemWrapper{
	width: 168px;
	background: url(/images/bg_recipeItem.jpg) no-repeat top left;
	padding: 3px 3px 0 3px;
	float: left;
	margin-bottom: 8px;
}



.recipeItem{
	width: 160px;
	padding: 4px 4px 12px 4px;
	background: #ffffff;
	min-height: 241px;
	height: auto !important;
        height: 241px;
}

.recipeItemTitle{
	font-size: 95%;
	padding: 5px 6px;
	line-height: 100%;
}

.recipeItem p{
	color: #9b9b9b;
	font-size: 85%;
	padding: 0 6px 0 6px;
	margin: 0;
}

.recipeItem a{
	margin: 0 0 0 6px;
	font-size: 85%;
}

.recipePage{
	border-top: 1px solid  #303030;
	border-bottom: 2px solid #303030;
	padding: 6px 12px;
	margin-bottom: 20px;
}

.recipePageLeft{
	float: left;
	font-size: 120%;
}

.recipePageRight{
	float: right;
	font-size: 85%;
}

.recipeTopRight h3{
	color: #ffffff;
	background: #BA4122;
	font-size: 100%;
	text-transform: uppercase;
	font-size: 110%;
	font-weight: bold;
	padding: 3px 10px;
}

.recipeDetails{
	 margin: 10px 0 15px 0;
}

.recipeCookNumber{
	font-size: 100%;
	text-align: center;
	width: 100px;
	height: 93px;
	float: left;
	margin-right: 16px;
}

.recipeCookNumber div{
	display: block;
	margin: 0;
	padding: 0;
}

.recipeCookNumber div.number{
	font-size: 320%;
	color: #ba4320;
	margin: 0;
	padding: 0;
	line-height: 90%;
}

.recipeCookDetails{
	float: left;
	font-size: 90%;
	width: 375px;
}

.recipeCookDetails ul{
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
}

.recipeCookDetails ol{
	margin: 0 0 0 10px;
	padding: 0 0 0 0;
}

*html .recipeCookDetails ol{
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
}

ul.arrow {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px 0 0 0;
	padding: 0;
}

ul.arrow li {
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	background: url(/images/icon_arrow_1.gif) no-repeat 0 2px;
	line-height: 120%;
	
}

ul.noArrow {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0px 0 0 0;
	padding: 0;
}

ul.noArrow li {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 120%;
	
}

.fullRecipe{
	background: url(/images/bg_fullRecipe.jpg) no-repeat top left;
	padding: 3px 1px 0 3px;
	margin-bottom: 5px;
}

.fullRecipeInner{
	background: #ffffff;
	padding: 7px;
}

.fullRecipeTitle{
	font-size: 80%;
	padding:  0 0 15px 9px;
}

.collectionRow{
	background: url(/images/bg_line_3.gif) repeat-x bottom left;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

*html .collectionRow{
	padding: 0 0 1px 0;
	margin: 0 0 10px 0;
}

.recipeCollectionTitle h2{
	color: #2c3708;
	background: #C8D295;
	padding: 3px 10px;
	text-transform: uppercase;
	font-size: 125%;
	margin: 0 0 15px 0;
}

.collectionItem{
	float: left;
	width: 174px;
}

.collectionItem h3{
	text-transform: uppercase;
	font-size: 120%;
	background: url(/images/icon_tick_1.gif) no-repeat 0 4px;
	padding: 0 0 0 25px;
	margin: 0 0 5px 0;
}

.collectionItem h3 a{
	color: #3e3e3d;
}

.collectionItem ul{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 0 0 0 5px;
	font-size: 80%;
}

.collectionItem ul li{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 40%;
	display: block;
}

.collectionItem ul li.last{
	margin: 15px 0 0 0;
	padding: 0 0 0 0;
	line-height: 40%;
	
}

.collectionItem ul li a{
	padding: 0 0 0 13px;
	background: url(/images/icon_arrow_1.gif) no-repeat 0 2px;
	line-height: 125%;
	display: block;
	width: 135px;
}



/* END OF RECIPE */


/* START OF INSPIRATION */

.greenTop{
	color: #ffffff;
	background: #467b00;
	padding: 3px;
	width: 108px;
	font-size: 90%;
	margin: 10px 0 10px 0;
}
.InspirationMenu {
	padding: 10px 0px 0px 0px;
}
ul.inspirationNav{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0 0 0 0;
	font-size: 95%;
}

ul.inspirationNav li{
	margin: 0 8px 0 0;
	padding: 0 0 0 0;
	line-height: 40%;
	display: inline;
}

ul.inspirationNav li a{
	background: url(/images/icon_dot.gif) no-repeat right 7px;
	padding: 0 13px 0 0;
}

ul.inspirationNav li a.last{
	background: none;
	padding: 0 13px 0 0;
}

#inspirationContainer{
	width: 696px;
	padding: 10px 10px 0 0;
	margin-top: 30px;
	background: url(/images/bg_line_4.gif) repeat-x top left;
}

.itemInspiration{
	margin-bottom: 20px;
	padding: 0 0 15px 20px;
	background: url(/images/bg_line_4.gif) repeat-x bottom left;
}

.itemInspirationLast{
	margin-bottom: 20px;
	padding: 0 0 0 20px;
	background: none;
}

.itemInspiration h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 160%;
	font-style: italic;
	color: #a52600;
	background: url(/images/icon_tick.gif) no-repeat 0 4px;
	padding-left: 40px;
	margin: 0 0 0.1em;
}

.itemInspiration p{
	padding: 0 0 0 40px;
	margin: 0 0 0 0;
}

.itemInspiration .moreLink{
	padding: 0 0 0 40px;
}

.itemInspiration .moreLink a{
	text-transform: uppercase;
	font-size: 80%;
}

.inspirationPage{
	border-top: 1px solid  #303030;
	border-bottom: 2px solid #303030;
	padding: 6px 12px;
	margin-bottom: 20px;
}

.inspirationPageLeft{
	float: left;
	font-size: 120%;
}

.inspirationPageRight{
	float: right;
	font-size: 85%;
}

ul.inspirationPageNum {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 2px 0 0 0;
	padding: 0;
}

ul.inspirationPageNum li {
	margin: 0 0 0 5px;
	padding: 0;
	display: inline;
}

ul.inspirationPageNum li a {
	line-height: 110%;
	padding: 0;
	text-decoration: underline;
}

ul.inspirationPageNum li a:hover{
	text-decoration: underline;
}

ul.inspirationPageNum li a.selected{
	background: #BD502F;
	color: #ffffff;
	text-decoration: none;
	padding: 0 4px;
}

ul.inspirationPageNum li a.selected:hover{
	background: #BD502F;
	color: #ffffff;
	text-decoration: none;
}

.introSmall{
	margin: 0 0 10px 0;
}

.inspirationFull{
	margin: 0 0 20px 0;
}

.inspirationFull h2{
	color: #467b00;
}

.inspirationFull p{
	margin: 0 0 13px 0;
}

.inspirationFull ul{
	margin: 0 0 0 20px;
	padding: 0 0 0 0;
	font-size: 90%;
}

.inspirationImage{
	width: 200px;
	height: 137px;
	float: right;
	margin:  0 0 10px 10px;
	padding: 7px 7px 0 7px;
	background: url(/images/bg_inspirationImage.jpg) no-repeat top left;
}

/* START OF INSPIRATION DETAIL */
#contentLeft .inspirationDetailPanel { margin: 0; padding: 0 110px 0 0; }

.inspirationDetailPanel table { font-size: 90%; line-height: 120%; }

.inspirationDetailPanel ul { margin: 0 0 5px 30px ; font-size: 90%; line-height: 120%; }
.inspirationDetailPanel ul li { margin-bottom: 5px; }
.inspirationDetailPanel ul li ul { margin-bottom: 5px; }
.inspirationDetailPanel ul li ul li { margin-bottom: 5px; }


.inspirationDetailPanel ol { margin: 0 0 5px 30px ; font-size: 90%; line-height: 120%; }
.inspirationDetailPanel ol li { margin-bottom: 5px; }


/* END OF INSPIRATION DETAIL */

/* END OF INSPIRATION */

/* START OF MY STEPS */

#myStepsHeading { background: url(/images/header_mysteps.gif) no-repeat top left; height:69px;}

.greyTop{
	color: #ffffff;
	background: #80816b;
	padding: 3px;
	width: 106px;
	font-size: 90%;
}

ul.stepsNav{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 15px 0 20px 0;
	padding: 0 0 0 0;
	font-size: 80%;
}

*html ul.stepsNav{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 15px 0 30px 0;
	padding: 0 0 0 0;
	font-size: 80%;
}

ul.stepsNav li{
	margin: 0 2px 0 0;
	padding: 0 0 0 0;
	line-height: 40%;
	display: inline;
}

ul.stepsNav li a{
	background: url(/images/icon_dot.gif) no-repeat right 7px;
	padding: 0 13px 0 0;
}

ul.stepsNav li a.last{ background: none; padding: 0 13px 0 0; }

ul.numNav { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; height: 60px; }

*html ul.numNav { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; }

ul.numNav li{
	float: left;
	display: block;
	margin: 0 0 0 0;
	padding: 0 10px 0 0;
}

.smallNumSide { float: left; margin-right: 3px; }

/*#myHS .panel h1{
	font-size: 210%;
	margin: 0px 0 0px 0;
	padding: 0 0 0 0;
	background: none;
	text-indent: 0;
	height: auto;
}*/

#myHS .panel h2{
	font-family: "Times New Roman", Times, serif;
	font-size: 170%;
	margin: 0 0 10px 0;
	padding: 0 0 0 27px;
	font-style: italic;
	background: url(/images/icon_tick_1.gif) no-repeat 0 5px;
}

#myHS .panel p.intro{
	font-family: "Times New Roman", Times, serif;
	font-size: 155%;
	font-style: italic;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
	width: 490px;
}

.myStepsAll{
	margin: 20px 0 0 0;
}

.myStepItemWrapper{
	background: url(/images/bg_MHS.jpg) no-repeat left top;
	padding: 3px 3px 0 3px;
	margin: 0 4px 10px 0;
	width: 150px;
	float: left
}

.myStepItemWrapperLast{
	margin: 0;
}

.myStepItemInner{
	background: #ffffff;
	padding: 4px;
	width: 142px;
}

.myStepItem{
	width: 142px;
	height: 340px;
}

#myHS .panel .myStepItemWrapper .myStepItemInner .myStepItem h1{
	margin:0 0 1px 0;
	padding:0;
	text-indent: -5000px;
	height: 33px;
}

*html #myHS .panel .myStepItemWrapper .myStepItemInner .myStepItem h1{
	margin:0;
	padding:0;
	text-indent: -5000px;
	height: 33px;
}

#myHS .panel .myStepItemWrapper .myStepItemInner .myStepItem h1.myStepAT{
	background: url(/images/myHS_at.jpg) no-repeat left top;
	color: green;
	width: 142px;
}

#myHS .panel .myStepItemWrapper .myStepItemInner .myStepItem h1.myStepMG{
	background: url(/images/myHS_mg.jpg) no-repeat left top;
	color: green;
	width: 142px;
}

#myHS .panel .myStepItemWrapper .myStepItemInner .myStepItem h1.myStepFN{
	background: url(/images/myHS_fn.jpg) no-repeat left top;
	color: green;
	width: 142px;
}

#myHS .panel .myStepItemWrapper .myStepItemInner .myStepItem h1.myStepHW{
	background: url(/images/myHS_hw.jpg) no-repeat left top;
	color: green;
	width: 142px;
}

#myHS .panel .myStepItemWrapper .myStepItemInner .myStepItem h1.myStepMP{
	background: url(/images/myHS_mp.jpg) no-repeat left top;
	color: green;
	width: 142px;
}

#myHS .panel .myStepItemWrapper .myStepItemInner .myStepItem h1.myStepWB{
	background: url(/images/myHS_wb.jpg) no-repeat left top;
	color: green;
	width: 142px;
}

.myStepItemText{
	padding: 9px;
	height: 168px;
}

.myStepItemText p{
	margin: 0 0 4px 0;
	height: 135px;
}

.atInner{
	background: #D2E2AD;
}

.mgInner{
	background: #A3E5FA;
}

.fnInner{
	background: #FFD994;
}

.hwInner{
	background: #F3987D;
}

.mpInner{
	background: #C8E077;
}

.wbInner{
	background: #C2E1DB;
}

.myStepItemBtn{
	text-align: center;
}

#myHS .contentList{
	width: 460px;
	margin: 0 0 15px 0;
	padding: 0 0 10px 25px;
}



#myHS .contentList h3{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

/*#myHS .contentList div.hr {
	height: 1px;
	border: none;
	background: url(/images/bg_line_2.gif) repeat-x left bottom;
	margin: 15px 0 15px 0;

}

#myHS .contentList div.hr hr{
	display: none;
}*/

/*#myHS .contentList a{
	font-size: 85%;
}*/

.jumpBtn{
	margin: 25px 0 0 0;
	padding: 25px 135px 0 135px;
	text-align: center;
	text-transform: uppercase;
	background: url(/images/bg_line_2.gif) repeat-x left top;
	font-size: 90%;
}

.jumpBtn a{
	text-decoration: none;
}

.jumpBtn a:hover{
	text-decoration: underline;
}

.jumpBtnNoLine{
	margin: 25px 0 0 0;
	padding: 0 125px 0 125px;
	text-align: center;
	text-transform: uppercase;
	font-size: 90%;
}

.jumpBtnNoLine a{
	text-decoration: none;
}

.jumpBtnNoLine a:hover{
	text-decoration: underline;
}


.activateText{
	float: left;
	width: 131px;
	margin-right: 10px;
}

.activateVideo{
	float: left;
	width: 341px;
	height: 292px;
}

#myHS ul.activateHome{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

#myHS ul.activateHome li{
	margin: 0 0 0 0;
	padding: 10px 0 10px 0;
}

#myHS table.activateHome{
	background: url(/images/bg_line_2.gif) repeat-x left top;
}

#myHS table.activateHome td.last{
	background: url(/images/bg_line_2.gif) repeat-x left bottom;
}

#myHS table.activateHome td{
	padding: 10px 0;
}
#myHS table.activateHome td.stepName{
	font-family: "Times New Roman", Times, serif;
	color: #76853b;
	font-size: 160%;
	font-style: italic;
	padding-right: 15px;
}

#myHS table.activateHome td a {	text-decoration: none; }

#myHS td a:hover { text-decoration: underline; }

.PDFtxt{
	font-size: 90%;
}

/* END OF MY STEPS */

/* GRID TABLE*/
.grid1 { margin: 0 0 10px 0; padding: 5px 0; border-collapse: collapse; }
.grid1 td { padding: 0 30px 5px 0; }

.grid2 { margin:10px 0; border-collapse:collapse; }
.grid2 td { padding:3px; border-bottom:2px solid #FFF; background-color:#efefef; }
.grid2 td.grid5{background-color:#ffffff;}

.grid3 { margin:10px 0; border-collapse:collapse; }
.grid3 td { padding:3px; border:1px solid #efefef; }

.grid4 { margin: 0 0 10px 0; padding: 5px 0; border-collapse: collapse; }
.grid4 td { padding: 0 30px 5px 30px; }



/*START SEARCH STYLES*/

.xsltsearch_result{
	background: url(/images/bg_line_4.gif) repeat-x left bottom;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.xsltsearch_result_description {
	margin: 10px 0 0 0;
}

/*/////////////////////////
Registration Table
////////////////////////*/

.RegTableWrapper{
	width: 510px;
	padding: 3px;
	background: url(/images/bg_profile.jpg) no-repeat left top;
	margin:10px 0;
}

.RegTableInner{
	width: 480px;
	padding: 15px;
	background: #ffffff;
}

.RegTable {
	background: #ffffff;
	width: 480px;
}
.RegTable input, select {
	border: 1px solid #a4cd6d;
	font-size: 90%;
	padding: 3px 2px;
	background: #DEEDCB;
	color: #666666;
}

.RegId {
	padding: 10px 0px 5px 0px;
}
.RegIn {
	background: url(/images/bg_line_2.gif) repeat-x left bottom;
	padding: 0px 0px 15px 0px;
}
.RegDivide {
	padding: 0px 0px 15px 0px;
	border-bottom: 5px solid #f4fbc8;
	height: 10px;
}
.RegHilite {
	background-color: #a4cd6d;
	padding: 6px;
}

.required{
	color: #FF6600;
}


/*/////////////////////////
FAQ Styles
////////////////////////*/

#accordion {
	margin:20px 0px;
}

h3.toggler {
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-bottom-color: #ddd;
	font-size: 13px;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px 20px;
	font-weight: bold;
}

h3:hover {
	color: #000;
}


div.element p, div.element h4 {
	margin:0px;
	padding:4px;
}
.element {
	border-bottom-color: #ddd;
	margin-bottom: 5px;
	margin-left: 20px;

}

blockquote {
	padding:5px 20px;
}

/*/////////////////////////
Purchase Table
////////////////////////*/

.purchaseHeader{
	color: #427400;
}

.purchaseName{
	padding: 0 0 10px 0;
}

.purchasePrice{
	padding: 0 0 10px 0;
}

.purchaseQty{
	padding: 0 0 10px 0;
}
.purchaseSubmit td {
	padding: 10px 10px 10px 0;
	text-align:right;
	border-top:2px solid #427400;
}

/*/////////////////////////
Site Map
////////////////////////*/

ul.siteMapList{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
	font-size: 170%;
}

ul.siteMapList li{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

ul.siteMapList li a{
	color: #000000;
}

ul.siteMapList li a:hover{
	color: #000000;
}

ul.siteMapList li ul{
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
	list-style: none;
	font-size: 75%;
}

ul.siteMapList li ul li{
	background: url(/images/icon_tick_1.gif) no-repeat scroll 0 4px;
        
        margin:0 0 5px;
        padding:0 0 0 25px;
	
}

ul.siteMapList li ul li a{
	color: #FF6600;
}

ul.siteMapList li ul li a:hover{
	color: #477A01;
}

ul.siteMapList li ul li ul{
	margin: 0 0 0 25px;
	padding: 0 0 0 0;
	list-style: none;
	font-size: 80%;
}

ul.siteMapList li ul li ul li{
	background: url(/images/icon_arrow_1.gif) no-repeat 0 4px;
        margin:0 0 5px;
        padding:0 0 0 10px;
       
}

ul.siteMapList li ul li ul li a{
	color: #477A01;
}

ul.siteMapList li ul li ul li a:hover{
	color: #A9D37E;
}

.thankyouRight{
	float: left;
	width: 400px;
	margin: 10px 0 0 0;
}


/*/////////////////////////
Testimonial
////////////////////////*/

.testimonLink {
background: url(/images/icon_arrow_2.gif) no-repeat left 0 3px;
}



/* EDITOR PROPERTIES */
.intro {
font-family: "Times New Roman", Times, serif;
font-size: 155%;
font-style: italic;
padding: 0px;
}

.imgARight {
float: right;
margin: 0 0 10px 10px;
}

.imgALeft {
float: left;
margin: 0 10px 10px 0;
}

.sideDriver p.calculatorTxt {
padding: 0 30px;
}

h5 {
color: #467b00;
background: url(../images/icon_tick.gif) no-repeat 0 2px;
font-size: 15px;
font-weight: bold;
padding-left: 40px;
margin: 0 0 10px 0;
width: 300px;
}

h3 {
color: #467b00;
font-size: 120%;
font-style: normal; 
margin: 0 0 0 0;
padding: 0 0 0 0;
}

h4 {
margin: 20px 0 5px 0;
padding: 0 0 0 0;
font-size: 100%;
}

p.innerTxt {
padding-left: 40px;
}

.PdfDowload {
padding-left: 20px;
padding-top: 2px;
background: url(/images/pdf_icon.gif) no-repeat left bottom;
}

.imgLeft {
float: left;
margin: 0 10px 10px 0;
padding: 3px;
background-color: #FFF;
border: #CCC 1px solid;
}

.imgRight {
float: right;
margin: 0 0 10px 10px;
padding: 3px;
background-color: #FFF;
border: #CCC 1px solid;
}


