/* generic */
#primaryContent ul {margin-left:0; padding-left:0;}
#primaryContent ul li {background:url("/change4life/style library/Images/listbuttonbackground.gif") no-repeat scroll left .4em transparent; display:block; list-style-type:disc; margin-bottom:.5em; padding-left:16px;}
#primaryContent img {height:auto !important; max-width:100% !important;}
.floatRight {float:right;}
img.floatRight {padding-bottom:20px; padding-left:20px;}
.floatLeft {float:left;}
img.floatLeft {padding-bottom:20px; padding-right:20px;}
p.backToTopLink {border-bottom:1px solid #ccc; margin-bottom:10px; padding-right:5px; position:relative; text-align:right; width:100%; z-index:10;}
p.backToTopLink a {background:url("/change4life/style library/Images/listbuttonbackgroundsprite.gif") no-repeat scroll -3983px 1px transparent; padding-right:20px;}
a.pdf, a.wordDoc {background: url("/change4life/style library/Images/backgroundInterfaceImages.gif") -1656px 0 no-repeat; padding:0 0 2px 44px;}
a.pdf {background:url("/change4life/style library/Images/icon-pdf.gif") left top no-repeat; display:block; padding:0 0 2px 30px;}
/* #primaryContent a.pdf, a.wordDoc {width: 100%;} */
a.wordDoc {background-position: -1656px -160px;}

/* breakoutboxes */
.quote6:before, .quote6:after, 
.quote8:before, .quote8:after,
.breakoutBox3:before, .breakoutBox3:after,
.breakoutBox4:before, .breakoutBox4:after,
#adultPortionSizesBreakoutBox:before, #adultPortionSizesBreakoutBox:after {z-index:-1 !important;}
.quote6, .quote8, .breakoutBox3, .breakoutBox4, #adultPortionSizesBreakoutBox {z-index:0 !important;}

.contentHeaderBox, .breakoutBox, .breakoutBox2, .breakoutBox3, .breakoutBox4, .breakoutBox5, .breakoutBox6, .breakoutBox7, .breakoutBox8, .breakoutBox9, .breakoutBox10, .breakoutBox11, .breakoutBox12, .breakoutBox13, .breakoutBox14, .breakoutBox15, .breakoutBox16, .breakoutBox17, .breakoutBox18, .breakoutBox19, .breakoutBox20, .breakoutBox21, .breakoutBox22, .breakoutBox23, .breakoutBox24, .breakoutBox25, .breakoutBox30, .breakoutBox31, .breakoutBox32, .breakoutBox33, .breakoutBox34 #primaryContent blockquote {color:#000;}
.quote1 h2, .quote1 h3, .quote5 h2, .quote5 h3, .quote6 h2, .quote6 h3 {color: #ea7400 !important;}
.quote2 h2, .quote2 h3, .quote3 h2, .quote3 h3, .quote4 h2, .quote4 h3, .quote7 h2, .quote7 h3, .quote8 h2, .quote8 h3 {color: #109de8 !important;}
#primaryContent blockquote p {padding:5px 0;}

/* BreakoutBox */

.breakoutBox {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:20px;
}

.breakoutBox {
	position:relative; 
	z-index:0;
	padding:30px; 
	background:#fff; 
	border:2px solid #000; 
}

.breakoutBox:before {
	content:""; 
	display:block; 
	position:absolute; 
	z-index:-1;
	top:2px; 
	left:2px; 
	right:2px; 
	bottom:2px; 
	border:5px solid #36F; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.blue:before {
	border:5px solid #46BDEB;
}

.orange:before {
	border:5px solid #EE7500;
}


.breakoutBox .divBottom {display:block; position: absolute;
    bottom : 0;
    right: 0;
    width: 100px;
    height: 104px;
    background: url("/change4life/style library/Images/breakoutBoxImagesSprite.gif") no-repeat -9999px -9999px;}
body.activity #theBoxStepBreakoutBox .divBottom{
    background-position:-11644px 12px;
    bottom: 10px;
    height:180px;
    width:126px;
}
body.activity #theBoxStepBreakoutBox ol{
    width: 60%;
    margin-left: 20px;
    padding-left: 24px;
}
	
.breakoutBox3, .breakoutBox4, .breakoutBox.expandable, .quote6, .quote8 {
	background:#fff;
	border:2px solid #000;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	margin-bottom:1em;
	padding:30px;
	position:relative; 
	/* z-index:10; */
}


.breakoutBox3:before, .breakoutBox4:before, .breakoutBox.expandable:before, .quote6:before, .quote8:before {
	content:""; 
	display:block; 
	position:absolute; 
	/* z-index:-1; */
	top:2px; 
	left:2px; 
	right:2px; 
	bottom:2px; 
	border:5px solid #109DE8; 
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.breakoutBox.expandable:before, .quote6:before, .quote8:before {background:none;}
.breakoutBox3:before, .breakoutBox.expandable.blue:before, .quote8:before {
	border:5px solid #109DE8;
}
.breakoutBox4:before, .breakoutBox.expandable.orange:before, .quote6:before {
	border:5px solid #EE7500;
}
.breakoutBox3 h2, .breakoutBox.expandable.blue h2, .breakoutBox3 h3, .breakoutBox.expandable.blue h3 {color:#109DE8;}
.breakoutBox3 h3, .breakoutBox.expandable.blue h3 {font-weight:bold !important;  font-size:1.4em; margin-top:1em;}
.breakoutBox4 h2  {color:#EA7400;}
.breakoutBox.expandable.orange h3, .breakoutBox h3, .breakoutBox19 h3 {color:#ba4032; font-size:1.4em; margin-top:1em;}

.breakoutBox:before {border:0; background:#ffef00;-moz-box-shadow: 0 5px 5px #d6d6d6;
-webkit-box-shadow: 0 5px 5px #d6d6d6;
box-shadow: 0 5px 5px #d6d6d6;}
.breakoutBox {border:0;}
.breakoutBox h2, .contentHeaderBox h1 {color:#ba4032;}
.breakoutBox p {width:70%;}
.breakoutBox.expandable p {width:100%;}
.breakoutBox, .breakoutBox3, .breakoutBox4, .breakoutBox.expandable, .quote6, .quote8 {margin-bottom:1em; padding:20px;}
.breakoutBox h2, .breakoutBox3 h2, .breakoutBox4 h2 {font-size: 2em;  padding:5px 0; margin:0;}
.breakoutBox3 h2.large, .breakoutBox.expandable.blue h2.large {font-size:3em !important; padding-bottom:0;}
.breakoutBox p, .breakoutBox3 p, .breakoutBox4 p, .quote6 p, .quote8 p {padding-bottom:0;}
.breakoutBox19 {border:0; background:#ffef00;-moz-box-shadow:0 5px 5px #d6d6d6; -webkit-box-shadow: 0 5px 5px #d6d6d6; border-radius:10px; box-shadow:0 5px 5px #d6d6d6; padding:1.5em; position:relative;}
body.alcohol .breakoutBox19 h2 {color:#ba4032 !important}
body.alcohol .breakoutBox19 p {width:70%;}

body.alcohol .breakoutBox19 .divBottom {
    background-image:url("/change4life/style library/Images/breakoutBoxImagesSprite.gif");
    background-repeat:no-repeat;
    bottom: 0;
    display: block;
    height: 104px;
    position: absolute;
    right: 0;
    width: 100px;
}

body.alcohol .breakoutBox23 {border:3px solid #ffef00; border-radius:10px; padding:1.5em;}
body.alcohol .breakoutBox23 .mobiletracker {display:inline-block; vertical-align:top; width:48%;}
body.alcohol .breakoutBox23 .mobiletracker h2 {font-size:2.8em;}
body.alcohol .breakoutBox23 .mobiletrackerimage {display:inline-block; margin-left:2%; vertical-align:top; width:48%;}
body.alcohol .breakoutBox23 .mobiletracker a.btnGreen {
	background-color: #009729;
	-webkit-box-shadow: 5px 5px 0px rgba(238, 228, 81, 1);
	-moz-box-shadow:    5px 5px 0px rgba(238, 228, 81, 1);
	box-shadow:         5px 5px 0px rgba(238, 228, 81, 1);
	border-radius: 10px;
	width: 70%;
	background-image: url('/change4life/PublishingImages/drink-checker-arrow.jpg');
	background-repeat: no-repeat;
	background-position: 95% center;
	display: block;
	margin: .5em auto;
	padding: 10px 30px 10px 23px;
	margin-bottom: 10px;
	color: #fff !important;
	text-decoration: none;
	font-family: 'Change4LifeTextRegular',sans-serif;
	background-size: auto;
	font-size: 1.9em;
}

body.activity .events-breakoutBox {border:6px solid #ffef00; border-radius:10px; padding:1.5em; margin-bottom:2em; float:left;}
body.activity .events-breakoutBox  h2 {color:#ed1c24; font-size:2em; padding-bottom:0; line-height:1em;}
body.activity .events-breakoutBox a.btnGreen {
	background-color: #009729;
	-webkit-box-shadow: 5px 5px 0px rgba(238, 228, 81, 1);
	-moz-box-shadow:    5px 5px 0px rgba(238, 228, 81, 1);
	box-shadow:         5px 5px 0px rgba(238, 228, 81, 1);
	border-radius: 10px;
	width: 30%;
	background-image: url('/change4life/PublishingImages/drink-checker-arrow.jpg');
	background-repeat: no-repeat;
	background-position: 95% center;
	display: block;
	margin: .5em 0;
	padding: 10px 30px 10px 23px;
	margin-bottom: 10px;
	color: #fff !important;
	text-decoration: none;
	font-family: 'Change4LifeTextRegular',sans-serif;
	background-size: auto;
	font-size: 1.7em;
	text-align:center;
	float:right;
}

/* header boxes */
.contentHeaderBox {background-color:#fff200; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius: 10px; margin:0 26px 20px 20px; padding:20px; position:relative;}
.contentHeaderBox h1 {font-size:2em; padding-bottom:0;}
.contentHeaderBox p {width:80%;}
.contentHeaderBox .divBottom {background:url("/change4life/style library/Images/breakoutBoxImagesSprite.gif") no-repeat -9999px -9999px; bottom:0; height:104px; position:absolute; right:0; width:100px;}

/* about change4life */
body.whychange #whatIsChange4LifeBreakoutBox .divBottom {background-position: 12px -56px;}
body.whychange #whyJoinChange4LifeBreakoutBox .divBottom {background-position: -133px -54px;}
body.whychange .haveyoursay_none_none #footieFoodAndFamilyFunBreakoutBox .divBottom, body.whychange .haveyoursay_footyfoodandfamilyfun_none #gettingFitWithAFamilyGoalBreakoutBox .divBottom, body.whychange .haveyoursay_gettingfitwithafamilygoal_none #footyFoodAndFamilyFunBreakoutBox .divBottom {background-position:-290px -56px;}
body.whychange .ourpartners_nationalpartnerslist_none #primaryContent ul#alphabeticalIndex {margin: 10px 0;}
body.whychange .ourpartners_nationalpartnerslist_none #primaryContent ul#alphabeticalIndex li {background-image:none !important; border-right:1px solid #ccc; display:inline; padding-left:2px !important; padding-right:1px;}
body.whychange .ourpartners_nationalpartnerslist_none #primaryContent ul#alphabeticalIndex li a {display: inline-block;}
body.whychange #primaryContent div.partnerLogo {float: left; height:100px; width:100px;}
body.whychange #primaryContent div.partnerLogo a {display: block;}
.groupContainer #footyFoodAndFamilyFunBreakoutBox, .groupContainer #gettingFitWithAFamilyGoalBreakoutBox {display:inline-block; text-align:left; width:40%;}
body.whychange .haveyoursay_none_none #footyFoodAndFamilyFunBreakoutBox p, body.whychange .haveyoursay_none_none #gettingFitWithAFamilyGoalBreakoutBox p {color:#ba4032; font-size:1.2em;}
body.whychange  .haveyoursay_none_none #footyFoodAndFamilyFunBreakoutBox p a, body.whychange  .haveyoursay_none_none #gettingFitWithAFamilyGoalBreakoutBox p a {color:#ba4032; font-weight:bold;}
body.whychange .haveyoursay_none_none #footyFoodAndFamilyFunBreakoutBox .divBottom, body.whychange .haveyoursay_none_none #gettingFitWithAFamilyGoalBreakoutBox .divBottom {background:url("/change4life/style library/Images/breakoutBoxPhotoImagesSprite.jpg") no-repeat 0 0; bottom:5px; height:102px; right:5px; width:67px;}
body.whychange .haveyoursay_none_none #footyFoodAndFamilyFunBreakoutBox, body.whychange .haveyoursay_none_none #gettingFitWithAFamilyGoalBreakoutBox {min-height: 86px;}
body.whychange .haveyoursay_none_none #footyFoodAndFamilyFunBreakoutBox .divBottom {background-position:0 -102px;}
body.whychange .haveyoursay_none_none #gettingFitWithAFamilyGoalBreakoutBox .divBottom {background-position:-101px -102px;}
#ourNationalPartnersHeaderBox .divBottom {background-position:-7286px bottom; height:150px; width:204px;}


/* Column boxes on hub pages */
.columnBox1 {
	border-bottom:3px solid #fff200;
	float: left;
	width:45%;
	padding: 10px 0 10px 0;
	min-height:268px;
	margin-right:22px;
}

.columnBox1 div.illustration {background:url("/change4life/style library/Images/bods-whitebg-v2.gif") 0 0 no-repeat; height:130px; width:190px;}
body.activity #kidsfruitveg .illustration {background-position:-760px 0px;}
body.activity #whatsonlabel .illustration {background-position:-4800px -38px;}
body.activity #mesizemeals .illustration {background-position:-4980px -38px;}
body.activity #supersnackswaps .illustration {background-position:-5180px -38px;}
body.activity #cutbackonfat .illustration {background-position:-5366px -38px;}
body.activity #fantasticfibre .illustration {background-position:-5562px -38px;}
body.activity #recipefinder .illustration {background-position:-5760px -38px;}
body.activity #shoppingtips .illustration {background-position:-5966px -38px;}
body.activity #calories .illustration {background-position:-6155px -38px;}
body.activity #lunchbox .illustration {background-position:-6366px -38px;}
body.activity #cookingterms .illustration {background-position:-6583px -38px;}
body.activity #holidayplanner .illustration {background-position: -6816px -38px;}
body.activity #swimming .illustration {background-position:-7060px -38px;}
body.activity #walking .illustration {background-position:-7281px -38px;}
body.activity #dancing .illustration {background-position:-7492px -38px;}
body.activity #toptips .illustration {background-position: -9005px -36px;}
body.activity #minutepack .illustration {background-position: -9270px -36px;}
body.activity #minutezone .illustration {background-position: -9520px -36px;}
body.activity #eventsroadshows .illustration {background-position: -9800px -25px;}
body.healthierrecipes #kidsfruitveg .illustration {background-position:-760px 0px;}
body.healthierrecipes #whatsonlabel .illustration {background-position:-4800px -38px;}
body.healthierrecipes #mesizemeals .illustration {background-position:-4980px -38px;}
body.healthierrecipes #supersnackswaps .illustration {background-position:-5180px -38px;}
body.healthierrecipes #cutbackonfat .illustration {background-position:-5366px -38px;}
body.healthierrecipes #fantasticfibre .illustration {background-position:-5562px -38px;}
body.healthierrecipes #recipefinder .illustration {background-position:-5760px -38px;}
body.healthierrecipes #shoppingtips .illustration {background-position:-5966px -38px;}
body.healthierrecipes #calories .illustration {background-position:-6155px -38px;}
body.healthierrecipes #lunchbox .illustration {background-position:-6366px -38px;}
body.healthierrecipes #cookingterms .illustration {background-position:-6583px -38px;}
body.alcohol #trackerapp .illustration {background-position:-7733px -38px;}
body.alcohol #alternatives .illustration {background-position:-7956px -38px;}

a.arrow {
	background:url(../PublishingImages/linkArrowBlack.gif) 0 3px no-repeat;
	color:#000;
	font-weight:bold;
	padding-left:7px;
}
a.arrow:link {
	color:#000;
	text-decoration:none;
}
a.arrow:hover,
a.arrow:focus {
	color:#000;
	text-decoration:underline;
}
a.arrow:visited {
	color:#000;
}

#container2 div.sidePanelContainer{
    border-bottom:2px solid #FFF200;
    display: inline-block;
    padding-bottom: 1em; 
    padding-top: 1em;
	margin-left:1em;
	margin-right:1em;
	text-align:left;
}
#container2 div.sidePanelContainer ul {margin:0; padding:0;}
#container2 div.sidePanelContainer ul li {
    background:none;
    font-size:0.9em;
	padding-bottom:5px;
	padding-left:0;
	margin-left:0;
}
#container2 div.sidePanelContainer ul li a {
	display:block;
}
#container2 div.sidePanelContainer ul li a:hover {
	text-decoration:none;
}


/* Right column */
.right-col {text-align:center;}
.right-col img {height:auto !important; max-width:100% !important;}

/* Right hand promo boxes */

.promoBox{
    padding-left: 50px; /* to allow for image */
    padding-top: 1em;
    padding-bottom: 1em;
    background: url("/change4life/style library/Images/sprite-promoboxes.gif") no-repeat -9999px -9999px;
	margin-left:1em;
	margin-right:1em;
	text-align:left;
}

#joinChange4LifeAdultPromoBox {
    background-position: 0 -7974px;
}
#findFamilyMealsJoinChange4LifePromoBox {
    background-position: 0 10px;
}
#gotAQuestionPromoBox{
	background-position: 0 -893px;	
}
#partnerRegistrationPromoBox, #walk4LifePromoBox, #useYourFeetPromoBox, #nhscStartWalkingPromoBox {
	background-position: 0 -3548px;
}
#moveMore, #One50ActiveMinutesPromoBox {
	background-position: 0 -13801px;
}
#drinkLess {
	background-position: 0 -19189px;
}
#snackSwapsForAdultsPromoBox {
	background-position: 0 -10644px;
}
#healthyFamilyMealPortionedPlatePromoBox, #nhscHealthyBreakfastPromoBox{
	background-position: 0 -5742px;
}
#activityFinderPromoBox {
	background-position: 0 -14238px;
}
#snackSwapsQuickHealthyRecipesForKidsPromoBox{
	background-position: 0 -5302px;
}
#swapAwayPromoBox { background-position: 0 -3986px;}
#letsDancePromoBox, #nhscStartDancingPromoBox {
    background-position: 0 -440px;
}
#howMuchPromoBox, #disabledAdultsActivity {
	background-position: 0 -4426px;
}
#healthyEating {
	background-position: 0 -18761px;
}
#play4LifePromoBox,
#waysToHelpYourKidsGetActivePromoBox{ 
    background-position: 0 -3102px;
}
#bike4LifePromoBox, #nhscStartCyclingPromoBox { background-position: 0 -2671px;}
#disabledKidsActivityPromoBox, #swim4LifePromoBox, #nhscStartSwimmingPromoBox {
	background-position: 0 -2241px;	
}
#alcoholTrackerPromoBox {
	background-position: 0 -18303px;
}
#nhsHealthCheckPromoBox {
    background-position: 0 -9301px;
}
#alcoholMythbusterPromoBox {
    background-position: 0 -8859px;
}
#alcoholHelpPromoBox {
    background-position: 0 -11100px;
}
#start4lifePromoBox {
    background-position: 0 -1338px;
}
#picnicPromoBox {
	background-position: 0 -16944px;	
}

/* Healthier recipes section */
body.healthierrecipes .breakoutBox3 .bottomimage, body.healthierrecipes .breakoutBox .bottomimage, body.healthierrecipes #primaryContent blockquote .bottomimage {height:122px; display:block; background:url("/change4life/style library/Images/sprite-boxbottomimages.gif") bottom center no-repeat transparent; position:relative;}

body.healthierrecipes .breakoutBox3.fiveaday .bottomimage.fivefruitveg {
	background-position:120px 0px;
}
body.healthierrecipes .breakoutBox3.fiveaday .bottomimage.fiveveg {
	background-position:110px -383px;
}
body.healthierrecipes .breakoutBox3.fiveaday .bottomimage.fivedrinks {
	background-position:120px -782px;
}
body.healthierrecipes .breakoutBox3.fiveaday .bottomimage.fiveveggies {
	background-position:130px -1180px;
}
body.healthierrecipes .breakoutBox.expandable.blue.cooking .bottomimage.cuttlery {
	background-position:35px -1551px;
}
body.healthierrecipes .breakoutBox.expandable.blue.cooking .bottomimage.tins {
	background-position:150px -1934px;
}
body.healthierrecipes .breakoutBox3.fat .bottomimage.fats, body.healthierrecipes .breakoutBox.expandable.blue.fat .bottomimage.fats {
	background-position:25px -2310px;
}
body.healthierrecipes .breakoutBox3.salt .bottomimage.breakfast {
	background-position:120px -2702px;
}
body.healthierrecipes .breakoutBox.expandable.blue.salt .bottomimage.carrots {
	background-position:140px -3107px;
}
body.healthierrecipes .breakoutBox.expandable.blue.shopping .bottomimage.trolley {
	background-position:150px -3474px;
}
body.healthierrecipes .breakoutBox.expandable.blue.snacks .bottomimage.strawberries {
	background-position:140px -3896px;
}
body.healthierrecipes #primaryContent blockquote .bottomimage.fruit {
	background-position:90px -4274px;
}
body.healthierrecipes #primaryContent blockquote .bottomimage.snackbox {
	background-position:80px -4639px;
}
body.healthierrecipes .breakoutBox.expandable.orange.calories p {text-align:center; font-size:1.8em; color:#e81e2b; font-family:Change4LifeTextRegular,Helvetica,Arial,sans-serif;}
body.healthierrecipes .breakoutBox.expandable.orange.calories p img {height:auto !important; max-width:100% !important;}
.fun-gen-row1 {border-bottom:1px solid #fff200; margin:1em 0 2em 0; padding:1em 0; clear:both; float:left;} 
.fun-gen-row .fun-gen-col1 {float:left; width:65%; margin-right:20px;}
.fun-gen-row .fun-gen-col2 {float:left; width:30%;}
.groupContainer{
    overflow: hidden;
}
ul.glossaryList{
   width: 40%;
   float:left;
   text-align:left;
}
body.healthierrecipes #primaryContent p.page-image {text-align:center;}

/* Breakfast game */
body.healthierrecipes #fiveADayBreakoutBox .divBottom{
    /*background-position: -800px -54px;
    width:100px !important;*/
    background-position:-2476px -55px;
}
body.healthierrecipes #fibreSwapBreakoutBox .divBottom{
    background-position: -1036px -54px;
}
body.healthierrecipes #snackSwapBreakoutBox .divBottom{
    background-position: -727px -54px;
}
body.healthierrecipes #whatsForBreakfastMenu {
   height:240px;
   width:428px;
   background:url("/change4life/style library/Images/backgroundInterfaceImages.gif") no-repeat 0 0 transparent;
   background-position:-6098px 0;
}
body.healthierrecipes #whatsForBreakfastMenu.plate01 {background-position:-6098px 0;}
body.healthierrecipes #whatsForBreakfastMenu.plate02 {background-position:-6616px 0;}
body.healthierrecipes #whatsForBreakfastMenu.plate03 {background-position:-7132px 0;}
body.healthierrecipes #whatsForBreakfastMenu.plate04 {background-position:-7649px 0;}
body.healthierrecipes #whatsForBreakfastMenu.plate05 {background-position:-8166px 0;}
body.healthierrecipes #whatsForBreakfastMenu.plate06 {background-position:-8683px 0;}
body.healthierrecipes #whatsForBreakfastMenu ul {
    list-style:0; 
    padding-top:18px; 
    width:180px;
}
body.healthierrecipes #whatsForBreakfastMenu ul li {
    background:0; 
    float:left; 
    display:inline; 
    width:58px; 
    height:53px;
    padding-left:10px;
    
}
body.healthierrecipes #whatsForBreakfastMenu ul li a {
    background:url("/change4life/style library/Images/backgroundInterfaceImages.gif") no-repeat 0 0 transparent; 
    width:65px; 
    height:53px; 
    display:block; 
    text-indent:-9999px;
}
body.healthierrecipes #whatsForBreakfastMenu ul li.plate01Link a {background-position:-9200px 0;}
body.healthierrecipes #whatsForBreakfastMenu ul li.plate01Link a.selected {background-position:-9200px -63px;}
body.healthierrecipes #whatsForBreakfastMenu ul li.plate02Link a {background-position:-9279px 0;}
body.healthierrecipes #whatsForBreakfastMenu ul li.plate02Link a.selected {background-position:-9279px -63px;}
body.healthierrecipes #whatsForBreakfastMenu ul li.plate03Link a {background-position:-9359px 0;}
body.healthierrecipes #whatsForBreakfastMenu ul li.plate03Link a.selected {background-position:-9359px -63px;}
body.healthierrecipes #whatsForBreakfastMenu ul li.plate04Link a {background-position:-9439px 0;}
body.healthierrecipes #whatsForBreakfastMenu ul li.plate04Link a.selected {background-position:-9439px -63px;}
body.healthierrecipes #whatsForBreakfastMenu ul li.plate05Link a {background-position:-9519px 0;}
body.healthierrecipes #whatsForBreakfastMenu ul li.plate05Link a.selected {background-position:-9519px -63px;}
body.healthierrecipes #whatsForBreakfastMenu ul li.plate06Link a {background-position:-9599px 0;}
body.healthierrecipes #whatsForBreakfastMenu ul li.plate06Link a.selected {background-position:-9599px -63px;}

/* illustration images for breakout boxes */
#primaryContent .breakoutBox.expandable .illustration {height:80px; width:100px; display:block; background:url("/change4life/style library/Images/boxImagesOnTransparentSprite.gif") 0 0 no-repeat transparent; position:relative;}
#primaryContent .breakoutBox.expandable#dailyActivityTipsBreakoutBox .illustration,
#primaryContent .breakoutBox.expandable#activeHobbyIdeasBreakoutBox .illustration
{background:url("/change4life/style library/Images/promoBoxSprite.gif") 0 0 no-repeat transparent;}
#primaryContent .breakoutBox.expandable#dailyActivityTipsBreakoutBox .illustration {background-position:-1460px 0; float:right; bottom:-60px; right:0;}
#primaryContent .breakoutBox.expandable#activeHobbyIdeasBreakoutBox .illustration {background-position:-105px 0; float:right; bottom:-60px; right:0;}
#primaryContent .breakoutBox.expandable#adultFiveADayBreakoutBox .illustration.peas {background-position:-1059px -16px; float:right;}
#primaryContent .breakoutBox.expandable#fibreFactsBreakoutBox .illustration.kiwiFruit {background-position:-782px 10px; bottom:-45px; right:0; float:right; width:120px;}
#primaryContent .breakoutBox3 .illustration.sneakydrinks{height:62px; width:192px; display:block; background:url("/change4life/style library/Images/boxImagesOnTransparentSprite.gif") -2336px -9px no-repeat transparent; position:relative; float:right;}
#primaryContent .breakoutBox24 .illustration.alternatedrinking{height:37px; width:60px; display:block; background:url("/change4life/style library/Images/boxImagesOnTransparentSprite.gif") -2564px -22px no-repeat transparent; position:relative; float:right;}
#primaryContent .breakoutBox3.fiveaday .illustration.money{height:82px; width:200px; display:block; background:url("/change4life/style library/Images/boxImagesOnTransparentSprite.gif") -2610px -9px no-repeat transparent; position:relative; float:right;}
#primaryContent .breakoutBox3.fiveaday .illustration.dish{height:82px; width:200px; display:block; background:url("/change4life/style library/Images/boxImagesOnTransparentSprite.gif") -2814px 9px no-repeat transparent; position:relative; float:right;}
#primaryContent .breakoutBox.expandable.blue.fat .illustration.basket{height:112px; width:200px; display:block; background:url("/change4life/style library/Images/boxImagesOnTransparentSprite.gif") -3000px 9px no-repeat transparent; position:relative; float:right;}
#primaryContent .breakoutBox3.salt .illustration.spoon{height:36px; width:200px; display:block; background:url("/change4life/style library/Images/boxImagesOnTransparentSprite.gif") -3190px 9px no-repeat transparent; position:relative; float:right;}
#primaryContent .breakoutBox3.salt .illustration.sandwich{height:76px; width:200px; display:block; background:url("/change4life/style library/Images/boxImagesOnTransparentSprite.gif") -3364px 9px no-repeat transparent; position:relative; float:right;}
#primaryContent .breakoutBox.expandable.blue.salt .illustration.pizza{height:134px; width:200px; display:block; background:url("/change4life/style library/Images/boxImagesOnTransparentSprite.gif") -3550px 9px no-repeat transparent; position:relative; float:right;}
#primaryContent .breakoutBox3.sugar .illustration.drink{height:138px; width:200px; display:block; background:url("/change4life/style library/Images/boxImagesOnTransparentSprite.gif") -3720px 9px no-repeat transparent; position:relative; float:right;}
#primaryContent .breakoutBox.expandable.blue.sugar .illustration.bowl{height:95px; width:200px; display:block; background:url("/change4life/style library/Images/boxImagesOnTransparentSprite.gif") -3900px 9px no-repeat transparent; position:relative; float:right;}

/* get going homepage */
body.home .page-content {background:none; padding:0;}
body.home #primaryContent {display:none;}
body.home #subsidiaryContainer {width:100%;}
body.home #subsidiaryContainer .centre-content {margin:0; padding:0;}
body.home #subsidiaryContainer .centre-content .get-going, body.home #subsidiaryContainer .centre-content .smart-swaps {background:#fff url("/change4life/style library/Images/main-content-bg.gif") right top repeat-y; border-radius:0 0 15px 15px; -moz-box-shadow:0 6px 0 #ece25c; -webkit-box-shadow: 0 6px 0 #ece25c; box-shadow:0 6px 0 #ece25c; padding:20px;}
body.home .get-going .header {display:inline-block; vertical-align:top; width:94%; background:#fff200; border-radius:10px; margin-bottom:2em; padding:2em;}
body.home .get-going .header .leftpanel {width:40%; float:left;}
body.home .get-going .header .leftpanel .content {widht:100%; padding:1em; background:#fff; border-radius:10px;}
body.home .get-going .header .rightpanel {float:right; width:55%;}
body.home .get-going .header .rightpanel img {width:100%; height:auto;}
body.home .get-going #contentBox {text-align:left;}
body.home .get-going .widget {display:inline-block; margin-right:4%; vertical-align:top; width:42%; border:2px solid #00ace6; border-radius:10px; padding: 1em 2em;}
body.home .get-going .widget.last {margin-right:0;}
body.home .get-going .widget .image {float:right; margin:0 0 1em 1em;}
body.home .get-going #content-box {text-align:left;}
body.home .get-going .homerightsection {display:inline-block; margin-left:3%; vertical-align:top; width:26%;}
body.home .get-going img {height:auto; max-width:100%;}
body.home .getgoing-home {border:5px solid #ffef00; border-radius:10px;}
body.home .getgoing-home p {color:#000; font-size:12px; margin:20px 0; padding:0 20px; text-align:left;}
body.home .getgoing-home p.buttons {padding:0 20px; text-align:center;}
body.home .getgoing-home a.button {background:#009729 url(../PublishingImages/getgoing/white-arrow.gif) right center no-repeat; border-radius:10px; -moz-box-shadow:5px 5px 5px #eee351; -webkit-box-shadow:5px 5px 5px #eee351; box-shadow:5px 5px 5px #eee351; color:#fff !important; display:block; font-family:'Change4LifeTextRegular',sans-serif; font-size:22px; padding:9px 30px; text-decoration:none;}
body.home .get-going .homerightsection .widget {display:block; width:100%;}
body.home .get-going .widget h2 {font-size:2.6em; margin-top:0; text-align:left;}
body.home .get-going .widget p {text-align:left;}
body.home .get-going .widget a.recipArrow {background: url("/Change4Life/PublishingImages/supermeal/recipe-arrow.jpg") no-repeat scroll 0 2px transparent; font-family:'Change4LifeTextRegular',sans-serif; font-size:1.5em; padding-left:18px; text-decoration:none;}
body.home .get-going .widget a.recipArrow:hover, body.home .get-going .widget a.recipArrow:active, body.home .get-going .widget a.recipArrow:focus {text-decoration:underline;}
body.home #socialmedia {background:#fff url("/change4life/style library/Images/main-content-bg.gif") right top repeat-y; border-radius:15px; -moz-box-shadow:0 6px 0 #ece25c; -webkit-box-shadow:0 6px 0 #ece25c; box-shadow:0 6px 0 #ece25c; margin-bottom:6px; margin-top:2em; padding:20px 20px 30px 20px;}
body.home #socialmedia .boxContent {background:none; border-radius:0; padding:0;}
body.home #socialmedia .section {display:inline-block; margin-right:3%; vertical-align:top; width:45%;}
body.home #socialmedia #twitter a.logo {background:url("../PublishingImages/hp-logos-twitter-facebook.gif") no-repeat scroll 0 0 transparent; display:block; float:left; height:55px; text-indent:-9999px; width:53px;}
body.home #socialmedia #facebook a.logo {background:url("../PublishingImages/hp-logos-twitter-facebook.gif") no-repeat scroll -77px 0 transparent; display:block; float:left; height:55px; text-indent:-9999px; width:53px;}
body.home div#socialmedia h4 {font-family:'Change4LifeTextRegular', sans-serif; font-size:2em; line-height:normal; padding:0 0 .2em 0;}
body.home div#socialmedia a {font-family:'Change4LifeTextRegular', Helvetica, Arial, sans-serif; font-size:1.5em; font-weight:normal; padding-bottom:10px;}
body.home #footer {background:none; border-radius:0; box-shadow:none; margin-top:2em; min-height:0;}
body.home #footer .divTop, body.home #footer .divBottom {background:none; display:none;}
body.home #footer ul {top:0;}

/* Smart restart splash page */
body.smartrestart .page-content {background:none; padding:0;}
body.smartrestart #primaryContent {display:none;}
body.smartrestart #subsidiaryContainer {width:100%;}
body.smartrestart #subsidiaryContainer .centre-content {margin:0; padding:0;}
body.smartrestart #subsidiaryContainer .centre-content #initialContent {background:#fff url("/change4life/style library/Images/main-content-bg.gif") right top repeat-y; border-radius:0 0 15px 15px; -moz-box-shadow:0 6px 0 #ece25c; -webkit-box-shadow: 0 6px 0 #ece25c; box-shadow:0 6px 0 #ece25c; padding:20px;}
body.smartrestart div#contentBox {width:100%; margin-top: 2em;}
body.smartrestart #socialmedia {background:#fff url("/change4life/style library/Images/main-content-bg.gif") right top repeat-y; border-radius:15px; -moz-box-shadow:0 6px 0 #ece25c; -webkit-box-shadow:0 6px 0 #ece25c; box-shadow:0 6px 0 #ece25c; margin-bottom:6px; margin-top:2em; padding:20px 20px 30px 20px;}
body.smartrestart #socialmedia .boxContent {background:none; border-radius:0; padding:0;}
body.smartrestart #socialmedia .section {display:inline-block; margin-right:3%; vertical-align:top; width:45%;}
body.smartrestart #socialmedia #twitter a.logo {background:url("../PublishingImages/hp-logos-twitter-facebook.gif") no-repeat scroll 0 0 transparent; display:block; float:left; height:55px; text-indent:-9999px; width:53px;}
body.smartrestart #socialmedia #facebook a.logo {background:url("../PublishingImages/hp-logos-twitter-facebook.gif") no-repeat scroll -77px 0 transparent; display:block; float:left; height:55px; text-indent:-9999px; width:53px;}
body.smartrestart div#socialmedia h4 {font-family:'Change4LifeTextRegular', sans-serif; font-size:2em; line-height:normal; padding:0 0 .2em 0;}
body.smartrestart div#socialmedia a {font-family:'Change4LifeTextRegular', Helvetica, Arial, sans-serif; font-size:1.5em; font-weight:normal; padding-bottom:10px;}
body.smartrestart #footer {background:none; border-radius:0; box-shadow:none; margin-top:2em; min-height:0; padding-bottom:2em;}
body.smartrestart #footer .divTop, body.smartrestart #footer .divBottom {background:none; display:none;}
body.smartrestart #footer ul {top:0;}
body.smartrestart #contentBox > img {max-width:100%; width:auto;}
/* carousel */
body.smartrestart div#heroCarousel {margin:0;}
body.smartrestart div#heroCarousel .boxContent {background:none; border-radius:0; padding:0;}
body.smartrestart div#contentBox .left-content-top {position:relative;}
body.smartrestart div#contentBox .left-content-top .smartapp {background-color:#fff800; border-radius: 10px 10px 10px 10px; display:inline-block; padding:2em; max-width:336px; margin-bottom:2em;}
body.smartrestart div#contentBox .left-content-top .smartapp img{height:auto; max-width:100%;}
body.smartrestart div#contentBox .left-content-top .smartapp h2 {color:#009729; font-size:2em; text-align:center; padding-bottom:1em;}
body.smartrestart div#contentBox .left-content-top .smartapp h3 {font-family:'Change4LifeTextRegular', Helvetica, Arial, sans-serif; color:#d82828; font-size:2em; text-align:center; padding-top:1em; padding-bottom:0; font-weight:normal;}
body.smartrestart div#heroCarousel h2 {background-color:#fff200; border-radius:10px 10px 0 0; padding:1em 1em 0 1em; text-align:center;}
body.smartrestart #mySwipe {max-width:377px;}
body.smartrestart #mySwipe div img {height:auto !important; max-width:100% !important; width:auto !important;}
body.smartrestart div#contentBox div#heroCarousel #next {position:absolute; right:-24px; bottom:140px; z-index:1;}
body.smartrestart div#contentBox div#heroCarousel #previous {position:absolute; left:-24px; bottom:140px; z-index:1;}
/* healthy change starts here middle panel */
body.smartrestart div#contentBox .middlepanel > img {max-width:100%; padding:1em 0;}
body.smartrestart div#contentBox .middlepanel {padding:4em 0 0 0; width:100%; margin:0; text-align:center;}
body.smartrestart div#contentBox .middlepanel .content {width: 100%; margin:1em auto;}
body.smartrestart div#contentBox .middlepanel .content .image {display: inline-block; zoom: 1; *display: inline; margin-right:2em; width: 20%; vertical-align: top; overflow: hidden; min-width: 150px;}
body.smartrestart div#contentBox .middlepanel .content .text {display: inline-block; zoom: 1; *display: inline; margin-right:2em; width: 45%; vertical-align: top; overflow: hidden;}
body.smartrestart div#contentBox .middlepanel .content .text p {color:#1ca9e4; font-size:2.2em; line-height:1em; padding-bottom:.5em; text-align:left; font-family:'Change4LifeTextRegular',sans-serif;}

body.smartrestart div#contentBox .middlepanel ul li a:hover, body.smartrestart div#contentBox .middlepanel ul li a:focus, body.smartrestart div#contentBox .middlepanel ul li a:active {border-color:#000;}

body.smartrestart div#contentBox .right-content-top {/* margin-left:1em;margin-right:1em; */width:45%;margin-top:2em;}
body.smartrestart div#contentBox .right-content-top p, body.smartrestart div#contentBox .right-content-top li {font-family:'Change4LifeTextRegular',sans-serif;font-weight:normal;letter-spacing:-1px;line-height:1.2em;font-size:2em;color:#008a39;padding-bottom:.5em;}
body.smartrestart div#contentBox .right-content-top p {padding-bottom:0; padding-top:0;}
body.smartrestart div#contentBox .right-content-top ul {list-style-type:disc; list-style-position:outside; margin-bottom:0; margin-left:2em; margin-top:0;}
body.smartrestart div#contentBox .right-content-top ul li {background:none; display:list-item; padding-bottom:0;}
body.smartrestart div#contentBox .right-content-top li a {color:#008a39;}

body.smartrestart div#contentBox .panels {background:url(../PublishingImages/smartrestart/smart-restart-border.gif) top no-repeat; padding:3em 0 1em 0; margin:2em 0 0 0;}
body.smartrestart div#contentBox .panels h2 {text-align:center; font-size:3em; margin:0; line-height:.5em;}
body.smartrestart div#contentBox .panels p {color:#3c3c3c; font-size:2em; font-family:'Change4LifeTextRegular',sans-serif; text-align:center; line-height:1em;}
body.smartrestart div#contentBox .panels .content {padding:0}
body.smartrestart div#contentBox .panels .content .mobile {width: 20%; display: inline-block; zoom:1; *display: inline; vertical-align: middle;}

body.smartrestart div#contentBox .panels .content .mobile p {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; color:#e6348a; font-size:2em; padding:0; text-align:left;}
body.smartrestart div#contentBox .panels .content .middle {width: 50%; display: inline-block; zoom:1; *display: inline; margin:0 1em 0 1em; vertical-align: middle;}

body.smartrestart div#contentBox .panels .content .middle p {color:#1ca9e4; font-size:2.5em; position:relative; top:80px; padding:0; text-align:left; font-weight:bold;}
body.smartrestart div#contentBox .panels .content .middle img {max-width:100%;}
body.smartrestart div#contentBox .panels .content .desktop {width: 15%; display: inline-block; zoom:1; *display: inline; vertical-align: middle;}

body.smartrestart div#contentBox .panels .content .desktop p {display: inline-block; zoom: 1; *display: inline; vertical-align: middle; color:#1ca9e4; font-size:2em; padding:0; text-align:left;}

body.couch5k .page-content {background:none; padding:0;}
body.couch5k #primaryContent {display:none;}
body.couch5k #subsidiaryContainer {width:100%;}
body.couch5k #subsidiaryContainer .centre-content {margin:0; padding:0;}
body.couch5k #subsidiaryContainer .centre-content #initialContent {background:#fff url("/change4life/style library/Images/main-content-bg.gif") right top repeat-y; border-radius:0 0 15px 15px; -moz-box-shadow:0 6px 0 #ece25c; -webkit-box-shadow: 0 6px 0 #ece25c; box-shadow:0 6px 0 #ece25c; padding:20px;}
body.couch5k div#contentBox {width:100%; margin-top: 2em;}
body.couch5k #socialmedia {background:#fff url("/change4life/style library/Images/main-content-bg.gif") right top repeat-y; border-radius:15px; -moz-box-shadow:0 6px 0 #ece25c; -webkit-box-shadow:0 6px 0 #ece25c; box-shadow:0 6px 0 #ece25c; margin-bottom:6px; margin-top:2em; padding:20px 20px 30px 20px;}
body.couch5k #socialmedia .boxContent {background:none; border-radius:0; padding:0;}
body.couch5k #socialmedia .section {display:inline-block; margin-right:3%; vertical-align:top; width:45%;}
body.couch5k #socialmedia #twitter a.logo {background:url("../PublishingImages/hp-logos-twitter-facebook.gif") no-repeat scroll 0 0 transparent; display:block; float:left; height:55px; text-indent:-9999px; width:53px;}
body.couch5k #socialmedia #facebook a.logo {background:url("../PublishingImages/hp-logos-twitter-facebook.gif") no-repeat scroll -77px 0 transparent; display:block; float:left; height:55px; text-indent:-9999px; width:53px;}
body.couch5k div#socialmedia h4 {font-family:'Change4LifeTextRegular', sans-serif; font-size:2em; line-height:normal; padding:0 0 .2em 0;}
body.couch5k div#socialmedia a {font-family:'Change4LifeTextRegular', Helvetica, Arial, sans-serif; font-size:1.5em; font-weight:normal; padding-bottom:10px;}

.parents-kids_zone {
	margin-top: 1.5em;
}
.parents-kids_zone img {
	width: 35%;
	display: inline-block;
	zoom:1;
	*display: inline;
}

body.smartrestart div#contentBox .right-content-top {
	float: none;
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 48%;
	margin-top: 2em; 
	vertical-align:top;
}

body.smartrestart div#contentBox .right-content-top h2 {font-size:2.4em; color:#E6348A;}
body.smartrestart div#contentBox .right-content-top .changes {padding:0 0 20px 40px; float:left;}
body.smartrestart div#contentBox .right-content-top .changes .text {float:left; width:60%; clear:both; margin-right:2em;}
body.smartrestart div#contentBox .right-content-top .changes .text h2 {color:#008A39; font-size:2.2em; padding-bottom:0;}
body.smartrestart div#contentBox .right-content-top .changes .text p {color:#000; font-size:1.2em; font-family:"verdana",arial,helvetica,sans-serif;}

body.smartrestart div#contentBox .right-content-top .changes .link {float:left; margin-top:1.5em;}
body.smartrestart div#contentBox .right-content-top .changes .link a.greenbtn {
	background-color: #009729;
	border-radius: 10px;
	background-image: url('/change4life/PublishingImages/drink-checker-arrow.jpg');
	background-repeat: no-repeat;
	background-position: 85% center;
	display: inline;
	margin: .5em 0 .5em 0;
	padding: 10px 40px 10px 23px;
	margin-bottom: 10px;
	color: #fff !important;
	text-decoration: underline;
	font-family: 'Change4LifeTextRegular',sans-serif;
	background-size: auto;
	font-size: 1.9em;
}
body.smartrestart div#contentBox .right-content-top .changes .text a.greenbtn:hover, body.smartrestart div#contentBox .right-content-top .changes .text a.greenbtn:focus, body.smartrestart div#contentBox .right-content-top .changes .text a.greenbtn:active {text-decoration:none;}

body.smartrestart div#contentBox .middlepanel {
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 100%;
}


/* local supporters - GeneralPageLayout4 */
.layout-4 .centre-col {margin:0; width:73%;}
.layout-4 .centre-col .centre-content {padding:0;}
.layout-4 .centre-col .maincontent {display:inline-block; vertical-align:top; width:70%;}
.layout-4 .centre-col #container2 {display:inline-block; margin-left:3%; vertical-align:top; width:26%;}
.layout-4 .centre-col #container2 img {width: 100%;}
table.download-table {font-size:11px;}
#primaryContent table.download-table td.first-cell img {max-width:35px !important;}
table.download-table th {height:auto !important; padding:0 !important;}
table.download-table th .hidden {color:#008a39; display:block; font-family:'Change4LifeTextRegular',sans-serif; font-size:1.5em !important; font-weight:normal; padding:5px 5px 15px 5px;}
table.download-table tr.last-row td {border:0;}
fieldset.filter-downloads {border:0; margin:0; padding:0 0 10px 0; text-align:right;}
fieldset.filter-downloads label span.hidden {color:#008a39; font-family:'Change4LifeTextRegular',sans-serif; font-size:1.2em !important; height:auto !important; left:0 !important; line-height:normal !important; position:relative !important; width:auto !important;}
fieldset.filter-downloads input.submit-graphic {position:relative; top:6px;}
body.partners .centre-content .yellowboxLeft, .yellowboxRight {margin-left:2%; width:38%;}
.resources-socialmedia {text-align:center; width:100%;}
.resources-socialmedia .breakoutBox {display:inline-block; margin-left:2%; text-align:left; vertical-align:top; width:37%;}
.resources-socialmedia .breakoutBox h3 {color:#008a39 !important; margin-top:1em;}

/* choose less booze */
body.alcohol .drink-checker {background:#fff200; border:3px solid #000; border-radius:10px; margin-bottom:1em;}
body.alcohol .drink-checker .image {
    background: url("/change4life/style library/Images/drink-checker.gif") no-repeat scroll 38px 0 transparent;
    height: 168px;
    margin-bottom: 1em;
    margin-top: 1em;
    padding-left: 1em;
}

body.alcohol .drink-checker a.btnGreen {
    background: url("../PublishingImages/drink-checker-btn.gif") no-repeat scroll 0 0 transparent;
    /* background:#008a39;
    border-radius:10px; */
    color: #fff !important;
    display: block;
    font-family: 'Change4LifeTextRegular',sans-serif;
    font-size: 2.4em !important;
    margin: 10px 0 10px 50px;
    padding: 12px 0 13px 23px;
    text-decoration: none;
}

body.alcohol #drinkSwapBreakoutBox {margin-top:2em;}
body.alcohol #drinkSwapBreakoutBox h3 {margin-top:0;}
body.alcohol #drinkSwapBreakoutBox .divBottom {
    background-position: -13933px -54px;
}

body.alcohol .centre-content h2 {clear:left;}

/* find local activities */
body.mylocalarea ul#activityGroupsList li {background:none;}

/* move more */
body.activity ul.page-footer-nav li {padding-bottom:20px !important;}
body.activity .fun-gen {background:#fff200; border:4px solid #000; border-radius:8px; -moz-box-shadow:7px 7px 0 #dedede; -webkit-box-shadow:7px 7px 0 #dedede; box-shadow:7px 7px 0 #dedede; padding:20px; text-align:center; width:70%;}
body.activity .fun-gen .fun-gen-txt {text-align:left;}
body.activity .fun-gen-row {width:79%;}
body.activity #primaryContent .fun-gen-row img {max-width:none !important;}
body.activity .hobbiessports_disabledadults_none #primaryContent ul li {background-image:none;}
body.activity .hobbiessports_disabledadults_none #primaryContent  #exerciseActivityIdeasBreakoutBox ul li {background:url("/change4life/style library/Images/listbuttonbackground.gif") left .4em no-repeat;}
#pageContentContainer .breakoutBox h4 {color:#ba4032 !important; font-size:1.3em; font-weight:bold; margin:1em 0;}
.hobbiessports_dancing_dancestyles .breakoutBox h3 {margin-top:0;}
body.activity #cheerleadingMovesToTryBreakoutBox {margin-top:20px;}
body.activity #cheerleadingMovesToTryBreakoutBox .divBottom {background-position:-11036px 0; height:160px; top:-40px; width:160px;}
body.activity #cheerleadingMovesToTryBreakoutBox dl dd, body.activity #tapDancesToTryBreakoutBox dl dd {padding-left:0;}
body.activity #cheerleadingMovesToTryBreakoutBox dl dd.first {width:60%;}
body.activity .hobbiessports_dancing_dancestyles .breakoutBox p {width:auto;}
body.activity #giveTheFoxtrotAGoBreakoutBox {text-align:center;}
body.activity #giveTheFoxtrotAGoBreakoutBox .divTop, body.activity #giveTheFoxtrotAGoBreakoutBox h4, body.activity #giveTheFoxtrotAGoBreakoutBox ol, body.activity #giveTheFoxtrotAGoBreakoutBox p {text-align:left;}
body.activity #rockNRollMovesToTryBreakoutBox .divBottom {background-position:-11190px 0; bottom:90px; height: 160px;}
body.activity #rockNRollMovesToTryBreakoutBox ol {width:64%;}
body.activity #streetDancesToTryBreakoutBox {margin-top:85px;}
body.activity #streetDancesToTryBreakoutBox .divBottom {background-position:-11288px 0; height:160px; top:-80px; width:140px;}
body.activity #streetDancesToTryBreakoutBox p.first {width:70%;}
body.activity #tapDancesToTryBreakoutBox .divBottom {background-position:-11436px 0; bottom:-40px; height:180px; width:200px;}
body.activity #tapDancesToTryBreakoutBox {padding-bottom:30px;}
body.activity #tapDancesToTryBreakoutBox .last {width:55%;}

/* eat well */
body.healthierrecipes ul.page-footer-nav li {padding-bottom:20px !important;}

/*earlybird homepage*/
body.home .smart-swaps .header {display:inline-block; vertical-align:top; width:99%;}
body.home .smart-swaps .header .leftpanel {width:38%; float:left;}
body.home .smart-swaps .header .leftpanel .content {width:100%; padding:0 2em 2em 0;}
body.home .smart-swaps .header .leftpanel .content h1 {font-size:2.em; font-weight:normal;}
body.home .smart-swaps .header .leftpanel .content p {line-height:160%;}
body.home .smart-swaps .header .leftpanel .content .image {float:right; margin: 0 0 1em 1em;}
body.home .smart-swaps .header .leftpanel .content a.btnGreen {background-color: #009729; background-image: url("/change4life/PublishingImages/drink-checker-arrow.jpg"); background-position: 95% center;background-repeat: no-repeat; background-size: auto auto; border-radius: 10px; box-shadow:none; width:40%; font-size:2em; font-weight:bold; line-height:100%; float:left;}
body.home .smart-swaps .header .rightpanel {float:right; width:60%;}
body.home .smart-swaps .header .rightpanel img {width:100%; height:auto;}
body.home .smart-swaps #contentBox {text-align:left;}
body.home .secondary-content .home-widgets .widget {height: 220px; display:inline-block; margin-right:4%; vertical-align:top; width:42%; border:2px solid #00ace6; border-radius:10px; padding: 1em 2em;}
body.home .secondary-content .home-widgets .widget.last {margin-right:0;}
body.home .secondary-content .home-widgets .widget .image {float:right; margin:0 0 1em 1em;}
body.home .secondary-content .home-widgets .widget h2 {font-size:2.6em; margin-top:0; text-align:left;}
body.home .secondary-content .home-widgets .widget p {text-align:left;}
body.home .secondary-content .home-widgets .widget a.recipArrow {background: url("/Change4Life/PublishingImages/supermeal/recipe-arrow.jpg") no-repeat scroll 0 2px transparent; font-family:'Change4LifeTextRegular',sans-serif; font-size:1.5em; padding-left:18px; text-decoration:none;}
body.home .secondary-content .home-widgets .widget a.recipArrow:hover, body.home .secondary-content .home-widgets .widget a.recipArrow:active, body.home .smart-swaps .home-widgets .widget a.recipArrow:focus {text-decoration:underline;}

body.home .secondary-content {background:#fff url("/change4life/style library/Images/main-content-bg.gif") right top repeat-y; border-radius:15px; -moz-box-shadow:0 6px 0 #ece25c; -webkit-box-shadow:0 6px 0 #ece25c; box-shadow:0 6px 0 #ece25c; margin-bottom:6px; margin-top:2em; padding:20px;}

@media screen and (max-width: 915px) 
{
	body.home .secondary-content .home-widgets .widget {width:41%;}
}

@media screen and (max-width: 978px) 
{
	body.home .secondary-content .home-widgets .widget {width:93%; margin-bottom:1em; height:auto;}
}

@media screen and (max-width: 830px) 
{
    /* about change4life */
    #footyFoodAndFamilyFunBreakoutBox p, #gettingFitWithAFamilyGoalBreakoutBox p {width:60%;}
    
    /* smart restart splash page */
    body.smartrestart div#contentBox .left-content-top {display:inline-block; text-align:center;}
    body.smartrestart div#contentBox .right-content-top {margin:0; width:100%;}
    body.smartrestart div#contentBox .middlepanel ul li a span.panel {margin-top:5px;}
	body.smartrestart div#contentBox .right-content-top h2, body.smartrestart div#contentBox .right-content-top p {padding-left:0;}
	body.smartrestart div#contentBox .right-content-top .changes {padding-left:0;}
	body.smartrestart div#contentBox .right-content-top .changes .text {float:none;}
    
    .right-col img {width:100%;}
    body.partners .centre-content .yellowboxLeft, .yellowboxRight {width:37%;}
    .resources-socialmedia .breakoutBox {width:35%;}
    
    /* choose less booze */
    body.alcohol .centre-col {width:70%;}
    
    /* move more */
    body.activity #cheerleadingMovesToTryBreakoutBox dl dd.first {width:40%;}
    
}

@media screen and (max-width: 797px) {
	body.home .secondary-content .home-widgets .widget {width:93%; margin-bottom:1em;}
}

@media screen and (max-width: 768px) {

	body.home .smart-swaps .header .leftpanel {margin-bottom:1em;}
	body.home .smart-swaps .header .leftpanel, body.home .smart-swaps .header .rightpanel {width:100%;}
}

@media screen and (max-width: 707px) {
	
	body.home .secondary-content .home-widgets .widget {width:91%;}
    .nav-item-last a {background:none;}
    body.smartrestart li.smartRestartLink a {background-image:none;}
    #ourNationalPartnersHeaderBox p {width:60%;}
	
	/* about change4life */
	.groupContainer #footyFoodAndFamilyFunBreakoutBox .divBottom, .groupContainer #gettingFitWithAFamilyGoalBreakoutBox .divBottom {display:block !important;}
	
	/* get going homepage */
	body.home #subsidiaryContainer .centre-content .get-going, body.home #subsidiaryContainer .centre-content .smart-swaps {border-radius:15px;}
	body.home .getgoing-home p.buttons {padding:0 20px;}
	body.smartrestart div#contentBox .middlepanel ul li {display:block; width:auto;}
    body.smartrestart .smartrestart_image {margin-top:5px;}
    body.smartrestart div#contentBox .middlepanel ul li a span.panel {margin-top:10px;}
	body.smartrestart div#contentBox .right-content-top .changes {padding-left:0;}

    /* smart restart splash page */
    body.smartrestart div#contentBox {margin-top:0;}
    body.smartrestart #subsidiaryContainer .centre-content #initialContent {border-radius:15px;}
    body.smartrestart div#contentBox .panels h2 {line-height:.8em;}
    body.smartrestart div#contentBox .right-content-top ul {list-style-position:outside; margin-bottom:0; margin-left:2.5em; margin-top:0; padding:0;}
    body.smartrestart div#contentBox .right-content-top ul li {padding-left:0;}
    
    /* local supporters - GeneralPageLayout4 */
    .layout-4 .centre-col {width:100%;}
    .layout-4 .centre-col .centre-content {width:97%;}
    .layout-4 .centre-col .maincontent {margin-left:3%; width:67%;}
    .layout-4 .centre-col .secondary-content {margin-left:3%; width:93%;}
    .right-col img {width:auto;}

    /* choose less booze */
    body.alcohol .centre-col {width:98%;}

    /* move more */
    body.activity .fun-gen {width:100%;}
    body.activity .fun-gen-row {width:100%;}
	
	body.activity .events-breakoutBox, body.activity .events-breakoutBox a.btnGreen {float:none;}
    
}
    

@media screen and (max-width: 600px)
{

    /* get going homepage */
	body.home .secondary-content .home-widgets .widget {width:90%;}
    body.home .get-going .header {margin-bottom:20px; width:100%;}
    body.home .get-going .homerightsection {width:45%;}
	body.smartrestart div#contentBox .right-content-top .changes {padding-left:0;}

    
    /* about change4life */
    .groupContainer #footyFoodAndFamilyFunBreakoutBox, .groupContainer #gettingFitWithAFamilyGoalBreakoutBox {display:block; width:91%;}
    #footyFoodAndFamilyFunBreakoutBox p, #gettingFitWithAFamilyGoalBreakoutBox p {width:60%;}
    
    
}

@media screen and (max-width: 480px) 
{
    
    /* generic home page */
	body.home .secondary-content .home-widgets .widget {width:88%;}
	body.home .smart-swaps .header .leftpanel .content a.btnGreen {font-size:2em !important;}
    body.home #socialmedia, body.couch5k #socialmedia {padding-bottom:0;}
    body.home #socialmedia .section, body.couch5k #socialmedia .section {margin-bottom:20px; width:95%;}
    
    /* get going homepage */
    body.home .get-going .homerightsection {margin-left:0; width:85%;}
    body.home .smart-swaps .home-widgets .widget .image {float:left; width:100%; margin-left:0;}
    /* page content */
    .breakoutBox .divBottom, .contentHeaderBox .divBottom {display:none !important;}
    .breakoutBox p, .contentHeaderBox p {width:100% !important;}

    /* about change4life */
    #footyFoodAndFamilyFunBreakoutBox p, #gettingFitWithAFamilyGoalBreakoutBox p {width:50% !important;}
    
    /* find local activities */
    body.mylocalarea #myLocalAreaHeaderBox p {width:100%;}
    body.mylocalarea #myLocalAreaHeaderBox .divBottom {display:none;}
    
    /* smart restart splash page */
    body.smartrestart div#contentBox .left-content-top {display:block;}
    body.smartrestart div#contentBox .right-content-top p {padding:10px;}
    body.smartrestart div#contentBox .middlepanel ul li a span.panel span.heading {font-size:2em;}
    body.smartrestart div#contentBox .panels h2 {font-size:2.2em;}
	body.smartrestart div#contentBox .middlepanel ul li a {height:105px;}
	body.smartrestart div#contentBox .panels .content .desktop p, body.smartrestart div#contentBox .panels .content .mobile p {font-size:1.1em;}
    body.smartrestart div#contentBox .middlepanel ul li a span.panel {margin-top:5px;}
	body.smartrestart div#contentBox .right-content-top .changes {padding-left:0;}
	body.smartrestart div#contentBox .right-content-top .changes .link {margin-top:1em;}
	body.smartrestart div#contentBox .right-content-top h2, body.smartrestart div#contentBox .right-content-top p {padding-left:0;}
	
	/* body.smartrestart div#contentBox .middlepanel ul li a span.panel span.text {font-size:10px;} */
    body.smartrestart #socialmedia {padding-bottom:0;}
    body.smartrestart #socialmedia .section {margin-bottom:20px; width:95%;}
    body.smartrestart #footer {padding-bottom:0;}
    
    /* local supporters - GeneralPageLayout4 */
    .layout-4 .centre-col .maincontent {width:95%;}
    .layout-4 .centre-col .secondary-content {width:92%;}
    .layout-4 .centre-col #container2 {width:95%;}
    .layout-4 .centre-col #container2 img {width:auto;}
    .resources-socialmedia .breakoutBox {display:block; margin-left:0; width:auto;}
    
    /* footer pages */
    body.none #ContentHeaderWebPartZone .contentHeaderBox {margin-bottom:20px; min-height:0;}
    body.none #ContentHeaderWebPartZone .contentHeaderBox .divBottom {display:none;}
    body.none .centre-content {padding:0 20px;}
    body.none  #footer {min-height:80px;}
    body.none  #footer .divBottom {background-position:-236px -67px; height:80px;}
    body.none ol {margin:0; padding:0 0 0 33px;}
    body.none ol li {margin-bottom:10px;}
    body.none ol ol {padding:0 0 0 16px;}
    body.none #footer ul {top:100px;}
    
    /* choose less booze */
    body.alcohol .breakoutBox23 .mobiletracker {display:block; width:95%;}
    body.alcohol .breakoutBox23 .mobiletrackerimage {display:block; width:95%;}
    
    /* move more */
    body.activity #cheerleadingMovesToTryBreakoutBox dl dd.first {width:8l;5%;}
    
	body.activity .events-breakoutBox a.btnGreen {font-size:1.7em !important;}
}

@media screen and (max-width: 360px) 
{
	body.home .secondary-content .home-widgets .widget {width:80%; height:auto;}
}

@media screen and (max-width: 320px) 
{
    /* smart restart splash page */
    body.smartrestart div#heroCarousel {margin-left:-9px; margin-right:7px;}
	body.home .smart-swaps .home-widgets .widget {width:80%;}
    body.smartrestart div#contentBox .middlepanel ul li {margin-right:0; padding:0;}
    body.smartrestart div#contentBox .middlepanel ul li a span.panel span.heading {font-size:1.4em;}
    body.smartrestart div#contentBox .middlepanel ul li a span.panel span.text {font-size:10px;}
    body.smartrestart div#contentBox .panels .content .mobile, body.smartrestart div#contentBox .panels .content .middle, body.smartrestart div#contentBox .panels .content .desktop {display:block; width:95%;}
    body.smartrestart div#contentBox .panels .content .middle {margin:10px 0;}
	body.smartrestart div#contentBox .left-content-top .smartapp {margin-right:10px;}
	body.smartrestart div#contentBox .right-content-top .changes {padding-left:0;}
	body.smartrestart div#contentBox .right-content-top .changes .text h2 {line-height:.5em;}
}