/* 	Index of css comment dividers 

	  GENERIC
	  TYPOGRAPHY
	  
[ LAYOUT ]
	  OUTERWRAPPER
	  INNERWRAPPER
	  
[ PAGE HEADERS ]
	  MASTHEAD1
	  MASTHEAD2
	  PRIMARYNAVIGATION
	  BREADCRUMBS
	  
[ PAGE MAIN CONTENT  ]
	  RIGHT panels
	  MAIN-CONTENT
	  MAIN-CONTENT VARIANTS
	  
[ PAGE BOTTOM ] 
	  BOOKMARKS
	  FOOTER
	  MISC

*/

/*
colours:
    #fff200 = yellow
    #008a39 = green



*/

/*  =GENERIC
    ----------------------------------------------------*/

/*  =TYPOGRAPHY
    ----------------------------------------------------*/
	
/*PANELS TYPOGRAPHY*/

/*Misc typography */

/*  --------------------[ PAGE HEADERS ] ------------------------*/

/* Primary Navigation */


body.home #primaryNavigation ul li.homeLink{
	background-position:-372px 0;
}
body.home #primaryNavigation ul li.whyChangeLink a{
    border-left-color: transparent;
}
body.home p {
	color:#333333;
}
body.home div#welcome h1,
body.home div#welcome h2,
body.home div#calltoaction h2,
body.home div#socialmedia h2,
body.home div#calltoaction h4,
body.home div#socialmedia h4,
body.home a.btnGreen {
font-family: 'Change4LifeTextRegular',sans-serif;
}


/* MAIN CONTENT MOVED DUE TO CMS NOT RECOGNISING JAVASCRIPT IN PRIMARYCONTENT BLOCK */
body.home #primaryContent {
	display:none;
}

/* secondary navigation */



/*  -------------------- [ PAGE MAIN CONTENT  ] -------------------*/

body.home #pageContentContainer {
	background:none;
	margin:0;
	padding:0;
	width:859px;
}
body.home #initialContent {
		background:url(Images/pageBackgroundTile.gif) 0 0 repeat-y;
    width: 859px;
    padding: 0;
}
body.home div#initialContent div.boxBottom {
	background:url(Images/footerBackground-alt.gif) 0 -185px no-repeat;
	width:859px;
	height:15px;
}
body.home div#contentBox {
	width:819px;
	margin:0;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}
body.home div.section {
	float:left;
}
body.home div#initialContent div.section {
	width:204px;
}
body.home div#initialContent div#welcome {
	width:400px;
}
body.home div#initialContent div#welcome h1,
body.home div#initialContent div#welcome p,
body.home div#initialContent div#welcome #videoAlt {
	
	padding-right:20px;
	padding-bottom:0;
	padding-left:15px;
}
body.home div#initialContent div#welcome h1 {
	font-size:5em;
	margin:0;
	padding-bottom:0;
	line-height:normal;
}
body.home div#initialContent div#welcome p.intro {
	font-family: 'Change4LifeTextRegular',sans-serif;
	color:#008A39;
	font-size: 1.7em;
	letter-spacing: -0.5px;
	line-height: 1em;
	padding-bottom:10px;
}
body.home div#initialContent div#welcome div#tv {
	background:url(../PublishingImages/hp-video-surround.gif) 0 0 no-repeat;
	height:268px;
	margin-left:15px;
	margin-top:-10px;
}
body.home div#initialContent div#welcome div#tv p {
	padding:32px 0px 0px 60px;
}
body.home div#initialContent div#welcome div#flash {
	width:305px;
	height:171px;
	padding:51px 0 0 21px;
}
body.home div#initialContent div#welcome #videoAlt {
	padding:40px 43px 0 38px;
	text-align:center;
}
body.home div#initialContent div#welcome #videoAlt p {
	padding:0;
}

body.home div#initialContent div#weather,
body.home div#initialContent div#recipe {
	padding-top:0;
}
body.home div#initialContent div#weather h2,
body.home div#initialContent div#weather h3,
body.home div#initialContent div#weather p {
	padding-left:10px;
	padding-right:5px;
}
body.home div#initialContent div#recipe h2,
body.home div#initialContent div#recipe h3,
body.home div#initialContent div#recipe p {
	padding-left:25px;
	padding-right:5px;
}

body.home div#initialContent div#weather h2 {
	padding-top:21px;
	padding-bottom: 0;
}
body.home div#initialContent div#recipe h2 {
	padding-top:21px;
	padding-bottom: 0;
}

body.home div#initialContent div#weather div#temp {
	font-weight:bold;
	font-size:4em;
	color:#ea7400;
	line-height:normal;
	letter-spacing:-0.06em;
}
body.home div#initialContent div#weather div#temp span {
	font-size:2em;
}

body.home div#socialmedia h4,
body.home div#socialmedia p {
	padding-left:68px;
}
body.home #initialContent h2,
body.home #calltoaction h2,
body.home #socialmedia h4 {
	color:#079630;
	font-size:2em;
	padding-bottom:5px;
}
body.home #initialContent h3 {
	color:#000;
}

/*------------ illustrations ------------*/

body.home div#weather div.illustration,
body.home div#recipe div.illustration {
	background:url(Images/bods-whitebg-v2.gif) -2693px 0 no-repeat;
	width:181px;
	height:176px;
}
body.home div#weather div.illustration {
	width:175px;
}

body.home div#weather .sun div.illustration {
	background-position: -2875px 0;
}
body.home div#weather .partlysun div.illustration {
	background-position: -3069px 0;
}
body.home div#weather .cloud div.illustration {
	background-position: -3260px 0;
}
body.home div#weather .rain div.illustration {
	background-position: -3449px 0;
}
body.home div#weather .snow div.illustration {
	background-position: -3651px 0;
}

body.home div#recipe .morning div.illustration {
	background-position: -2693px 0;
}
body.home div#recipe .night div.illustration {
	background-position: -2490px 0;
}
body.home div#recipe .noon div.illustration {
	background-position: -2300px 0;
}
body.home div#calltoaction div.illustration {
	background:url(Images/bods-yellowbg-v2.gif) 0 0 no-repeat;
	width:275px;
	height:145px;
}
body.home div#forMyFamily div.illustration {
	background-position:27px 0;
}
body.home div#justForMe div.illustration {
	background-position:-478px 0;
}
body.home div#partnersAndSupporters div.illustration {
	background-position:-243px 0;
}
body.home div#socialmedia div#twitter a.logo {
	background:url(../PublishingImages/hp-logos-twitter-facebook.gif) 0 0 no-repeat;
	float:left;
	display:block;
	width:53px;
	height:55px;
	text-indent:-9999px;
}
body.home div#socialmedia div#facebook a.logo {
	background:url(../PublishingImages/hp-logos-twitter-facebook.gif) -77px 0 no-repeat;
	float:left;
	display:block;
	width:53px;
	height:55px;
	text-indent:-9999px;
}
body.home div#socialmedia div#fbpromo a.logo {
	background:url(../PublishingImages/hp-logos-twitter-facebook.gif) -77px 0 no-repeat;
	float:left;
	display:block;
	width:53px;
	height:55px;
	text-indent:-9999px;
}

/*------------ calltoaction ------------*/
body.home div#calltoaction {
	margin:0;
	padding:10px 0 15px 15px;
	width:825px;
}
body.home div#calltoaction div.section {
	width:275px;
}
body.home div#calltoaction div.section h2,
body.home div#calltoaction div.section p {
	padding-right:20px;
	padding-left:20px;
}
body.home div#calltoaction div.section p.description{
	min-height:63px;
}
/*  =MAIN-CONTENT
    ----------------------------------------------------*/

/* PAGE ELEMENTS/MODULES */

/*------------ socialmedia ------------*/
body.home div#socialmedia div.section {
	width:390px;
}
body.home div#socialmedia div#twitter {
	margin-right:30px;
}
/*------------ box styles ------------*/
div.roundedWhite div.boxContent {
	background:url(Images/boxRounded859White.gif) 0 0 no-repeat;
}
div.roundedWhite div.boxBottom {
	background:url(Images/boxRounded859White.gif) 0 bottom no-repeat;
	width:859px;
	height:15px;
}

body.home div.roundedWhite {
	width:859px;
}
body.home div.roundedWhite div.boxContent {
	padding:20px 20px 8px 20px;
	width:819px;
	min-height:120px;
}


/* full width main content */

#sitemapContainer ul li{
	background: 0;
}

#sitemapContainer ul li a{
	color: #008a39;
	font-weight: bold;
}

#sitemapContainer ul li ul li a{
	color: #000;
}

#sitemapContainer ul li ul li ul li a{
	font-weight: normal;
}



/*  =--------------------[ PAGE BOTTOM ] -----------------------*/
	
body.home #subsidiaryContainer{
	position:relative;
	width:859px;
}    
    
/*  =FOOTER
    ----------------------------------------------------*/

.home #footer .divTop,
.home #footer .divBottom{
    background-image:none;
    display: none;
}

body.home #footer {
	background:none;
	min-height: 60px;
	width:859px;
}

/*  =MISCELLANEOUS CLASSES
    ----------------------------------------------------*/


