/* this FamilyFun.css was taken from HandWashing.css and amended by Paul Smith for Code Computer Love */

body.family-fun .leftContentContainer {float:left; width:500px;  margin-top:20px;}
body.family-fun .leftContentContainer p{margin:10px 0 0 3px; color:#0375b9; font-size:1.2em; line-height:1.3em; padding:7px 0 0px 0; }
body.family-fun h1 {font-size: 3.5em; color: #0e3178;}
body.family-fun .leftContentContainer p.topDivider{background: transparent url(../Images/Global/divider.png) no-repeat top left; padding-top: 20px;}
body.family-fun .leftContentContainer p.bottomDivider{background: transparent url(../Images/Global/divider.png) no-repeat top left;}
body.family-fun .leftContentContainer h2{ margin-top:10px; font-size:1.5em; color:#0e3178; font-weight:bold;}
body.family-fun .leftContentContainer h3{ margin-top:10px; font-size:1.2em; color:#0e3178; font-weight:bold; font-style:italic;}
body.family-fun .leftContentContainer li {background: transparent url(../Images/Global/bullet.gif) no-repeat top left; font-size:1.2em; color:#0375b9;padding-left:15px; line-height:1.4em; margin-top:5px;}

body.family-fun .rightContentContainer {float:left; width:290px; margin-top:-10px; margin-left:30px;}
body.family-fun .rightContentContainer h2 {margin-left:-5000px;}

body.family-fun .rightContentContainer #rightContentThree {background: transparent url(../Images/Content/HandWashing/did_you_know.png) no-repeat top left; height:289px; margin-top:10px; }
body.family-fun .rightContentContainer #rightContentThree ul {margin:0 0 0 15px; width:210px; padding-top:65px;}
body.family-fun .rightContentContainer #rightContentThree li {background: transparent url(../Images/Content/HandWashing/tick_bullet.png) no-repeat top left; font-size:1.1em; color:#0375b9;padding-left:25px; line-height:1.4em; margin:5px 0 10px 0;}
body.family-fun .rightContentContainer div#AntibacterialHandGels { }
body.family-fun .rightContentContainer div#AntibacterialHandGels h2 { height: 220px; margin: 0; }
body.family-fun .rightContentContainer div#OurProductRange { margin: 9px 0 0 0; }
body.family-fun .rightContentContainer div#OurProductRange h2 { height: 210px; margin: 0; }
body.family-fun .rightContentContainer div#HandsUpForHygiene { margin: 5px 0 0 0; }
body.family-fun .rightContentContainer div#HandsUpForHygiene h2 { height: 220px; margin: 0; }

/* utils */
body.family-fun .fl{float:left;}
body.family-fun .fr{float:right;}
body.family-fun img.fl{display:block;margin:0 10px 10px 0;}
body.family-fun img.fr{margin:0 0 10px 10px;}
body.family-fun .cb{clear:both;}
body.family-fun .leftContentContainer h1{}
body.family-fun div.family-day-title{margin:15px 0 15px 0;clear:both;}
body.family-fun div.family-day-title h2,
body.family-fun div.family-day-title h3{margin:0;}
body.family-fun strong.hl{font-weight:bold;color:#0e3178;}
body.family-fun div.sml{font-size:0.9em;}
body.family-fun div.sml p{line-height:1.4em;}
body.family-fun .leftContentContainer p strong{font-weight:600;}
body.family-fun a.pzc25{color:#0375b9 !important;text-decoration:underline;}
body.family-fun .hands{padding:0px 20px 20px 35px;background:transparent url(../Images/Content/FamilyFun/hands.png) no-repeat 0 0;margin:20px 0;}
body.family-fun .hands p{margin:0 0 12px 0;padding:0;}