@charset "utf-8";
/* Little Steps SCREEN CSS Document */

* {margin:0; padding:0;}

body {font-size:12px;font-family: Arial, Verdana, Helvetica, sans-serif;background:/*#f6f6f6*/#336699 url(../i/bg.gif) top center no-repeat;margin-top:10px;color:#444444;}

a, a:link, a:visited {color:#30a1d6; text-decoration:none;}
#footer a, #footer a:link, #footer a:visited {color:#fff;}
a:hover, a:active {text-decoration:underline;color:#e75021;}	

div.clear {clear: both;}
img {border:none;}
p#dayout {margin:0 0 0 15px;padding:0;text-indent:-9999px;}
p#dayout a {
	clear:both;
	background: url(../i/poweredby.gif) no-repeat;
	display:block;

	width:150px;
	height:44px;
	}
p#dayout a:hover {background: url(../i/poweredby.gif) 0 0 no-repeat;}
img.noshow {display:none;}
div.scroll {
	height:480px;
	overflow:auto;
	}
/*p a.selected {display:none;}	
 ---------------------------------------------------------------------------- HEADER
--------------------------------------------------------------------------------------*/
#header {width:808px;height:103px;margin:0 auto;background: #f6f6f6 url(../i/header-bg.gif) 0 0 no-repeat;}
h1.logo {margin:0;padding:0;text-indent:-9999px;}
h1.logo a {
	background: url(../i/logo.gif) no-repeat;
	display:block;
	float:left;
	width:445px;
	height:103px;
	}	
h1.logo a:hover {background: url(../i/logo.gif) 0 -103px no-repeat;}
#super-nav {float:right;padding:20px 10px 0 0;}
#super-nav p {font-size:10px;}
#super-nav form {margin-top:10px;}
/* Main top-navigation
------------------------------------------------------------------*/
div#top-nav {clear:both;background:transparent url(../i/main-nav.gif) top left no-repeat; position: relative;width: 808px;height: 27px;overflow: hidden;margin:0 auto;}
div#top-nav ul#main-nav {height: 27px;width: 808px;background: transparent url(../i/main-nav1.gif) top left no-repeat;position: relative;margin:0;padding:0;}
	
div#top-nav ul#main-nav li {list-style: none;position: absolute;top: 0;}
ul#main-nav li, ul#main-nav a {height: 27px;display: block;}

div#top-nav ul#main-nav li a {text-indent: -9999px;text-decoration: none;}
div#top-nav ul#main-nav li {text-indent: -9999px;text-decoration: none;}
	
#home {left: 0px; width: 77px;}
#little-steps	{left: 79px; width: 96px;}
#healthy-eating	{left: 179px; width: 119px;}
#keeping-active {left: 301px; width: 104px;}

#home a:hover	{background: transparent url(../i/main-nav.gif) 0px -27px no-repeat;}
#little-steps a:hover {background: transparent url(../i/main-nav.gif) -79px -27px no-repeat;}
#healthy-eating	 a:hover {background: transparent url(../i/main-nav.gif) -179px -27px no-repeat;}
#keeping-active a:hover	{background: transparent url(../i/main-nav.gif) -301px -27px no-repeat;}

/* Main top-navigation "active tabs"
------------------------------------------------------------------*/

body#home-page #home {background: transparent url(../i/main-nav.gif) 0px -27px no-repeat;}	
body#little-steps-page #little-steps,body#little-steps1-page #little-steps {background: transparent url(../i/main-nav.gif) -79px -27px no-repeat;}
body#healthy-eating-page #healthy-eating, body#lunch-page #healthy-eating  {background: transparent url(../i/main-nav.gif) -179px -27px no-repeat;}
body#keeping-active-page #keeping-active {background: transparent url(../i/main-nav.gif) -301px -27px no-repeat;}

/* Main sub-navigation
------------------------------------------------------------------*/
div#sub-nav {clear:both;width: 808px;height: 21px;margin:0 auto;padding:0;background: transparent url(../i/sub-nav-bg.gif) top left no-repeat;}
body#home-page div#sub-nav {clear:both;width: 808px;height: 21px;margin:0 auto;padding:0;}
div#sub-nav ul {height: 21px;padding-top:3px;margin:0;}	
body#little-steps-page div#sub-nav ul, body#little-steps1-page div#sub-nav ul {padding-left:70px;}
body#healthy-eating-page div#sub-nav ul, body#lunch-page div#sub-nav ul {padding-left:170px;}
body#keeping-active-page div#sub-nav ul {padding-left:225px;}

div#sub-nav ul li {list-style: none;display:inline;	padding: 0px 7px;margin:0;border-right:1px solid #fff;font-size:12px;}
div#sub-nav ul li a, div#sub-nav ul li a:link{height: 21px;text-decoration:none;color:#fff;}	
div#sub-nav ul li a:visited {color:#fefefe;}
div#sub-nav ul li a:hover {color:#fff;text-decoration:underline;}
div#sub-nav ul li a.current, div#sub-nav ul li a.current:link{color:#fff;text-decoration:underline;}

/* ---------------------------------------------------------------------------- MAIN WRAP
--------------------------------------------------------------------------------------*/
#enclose {clear:both;width:808px;margin:0 auto;padding:0;background:#f6f6f6;}

#wrap {width:643px;margin:0;float:right;background:#f6f6f6;}

#content {float:left;width:465px;padding-left:7px;background:#f6f6f6;}
body#little-steps-page #content {width:633px;}
#content .gutter {padding:10px 0px 10px 0px;}
#content2 {width:100%;}
#content2 .gutter {padding:10px;}

#sidebar {float:right; width:165px;margin:0;background:#f6f6f6;}
#sidebar .gutter {padding:10px 0;}

#left-bar {float:left; width:165px;background:#f6f6f6;}
#left-bar .gutter {padding:10px 0 20px 0;}

#footer {clear:both;width:808px;margin:0 auto;text-align:center;background:#f6f6f6 url(../i/footer.gif) top left no-repeat;/*height:31px;*/}
#footer p {padding:5px 0 0 0;}
#footer h6.hse, #footer h6.safefood, #footer h6.hpa {margin:0;padding:0;text-indent:-9999px;}
#footer h6.hse a {background: url(../i/hse.gif) no-repeat;display:block;width:201px;height:41px;margin:10px 5px 0px 10px;float:left;} 
#footer h6.safefood a {background: url(../i/safefood.gif) no-repeat;display:block;width:163px;height:41px;margin:10px 5px 0px 10px;float:left;}
#footer h6.hpa a {background: url(../i/hpa.gif) no-repeat;display:block;width:134px;height:41px;margin:10px 5px 0px 10px;float:left;}

/* ---------------------------------------------------------------------------- PAGES CENTER COLUMN
--------------------------------------------------------------------------------------*/
.center-box {
	width: 465px;
	background: #fff url(../i/content-box-large-bottom.gif) bottom left no-repeat;	
	height:100%;
	margin-bottom:6px;
	}

h2.title {color:#F7931E;font-size:20px; font-weight:normal;padding-left:20px;}

.center-box h2 {color:#F7931E;font-size:20px; font-weight:normal;}
/*body#home-page .center-box h2 {color:#e32219;}*/
.center-box h2, .center-box h3, .center-box p, .center-box span {padding:5px 10px 5px 10px;}	
.center-box h2.page-title {background:url(../i/content-box-large-top.gif) top left no-repeat;color:#F7931E;}
.center-box h2.home-title {background:url(../i/content-box-large-top.gif) top left no-repeat;color:#F7931E;font-size:16px;padding:15px 10px 5px 20px;}
.center-box h2.page-title, h2.recipe {padding:15px 10px 5px 20px;}
.center-box h2.lunch-title {background:url(../i/content-box-blue-top.gif) top left no-repeat;color:#fff;font-size:18px;padding:10px 10px 5px 20px;}
.center-box h2.active-games {background:url(../i/active-games-header2.jpg) top left no-repeat;height:140px;text-indent:-99999px;}
.center-box h2.active-games1 {background:url(../i/active-games-header3.jpg) top left no-repeat;height:140px;text-indent:-99999px;}
.center-box h2.active-games2 {background:url(../i/active-games-header1.jpg) top left no-repeat;height:140px;text-indent:-99999px;}
.center-box h2.active-games3 {background:url(../i/active-games-header.jpg) top left no-repeat;height:140px;text-indent:-99999px;}

.center-box2 {
 width: 545px;
 background: #fff url(../i/content-box-large-bottom2.gif) bottom left no-repeat; 
 height:100%;
 margin-bottom:6px;
 }

.center-box2 h2 {color:#F7931E;font-size:20px; font-weight:normal;}
/*body#home-page .center-box h2 {color:#e32219;}*/
.center-box2 h2, .center-box h3, .center-box p, .center-box span {padding:5px 10px 5px 10px;} 
.center-box2 h2.page-title {background:url(../i/content-box-large-top2.gif) top left no-repeat;color:#F7931E;text-align:left;}
.center-box2 h2.home-title {background:url(../i/content-box-large-top.gif) top left no-repeat;color:#F7931E;font-size:16px;padding:15px 10px 5px 20px;}
.center-box2 h2.page-title, h2.recipe {padding:15px 10px 5px 20px;}
.center-box2 h2.lunch-title {background:url(../i/content-box-blue-top.gif) top left no-repeat;color:#fff;font-size:18px;padding:10px 10px 5px 20px;}
.center-box2 h2.active-games {background:url(../i/active-games-header2.jpg) top left no-repeat;height:140px;text-indent:-99999px;}
.center-box2 h2.active-games1 {background:url(../i/active-games-header3.jpg) top left no-repeat;height:140px;text-indent:-99999px;}
.center-box2 h2.active-games2 {background:url(../i/active-games-header1.jpg) top left no-repeat;height:140px;text-indent:-99999px;}
.center-box2 h2.active-games3 {background:url(../i/active-games-header.jpg) top left no-repeat;height:140px;text-indent:-99999px;}


/*body#page .center-box, */body#lunch-page .center-box, body#little-steps-page .center-box, body#search-page .center-box, body#healthy-eating-page .center-box, body#keeping-active-page .center-box {
	width: 633px;
	background: #fff url(../i/content-box-633-bottom.gif) bottom left no-repeat;	
	padding-bottom:10px;
	}	



/*body#page .center-box h2.page-title,*/ h2.recipe, body#lunch-page .center-box h2.page-title, body#little-steps-page .center-box h2.page-title, body#search-page .center-box h2.page-title, body#healthy-eating-page .center-box h2.page-title, body#keeping-active-page .center-box h2.page-title {background:url(../i/content-box-633-top.gif) top left no-repeat;}

.mp-box {	width: 790px; background: #fff url(../i/mp-box-bottom.gif) bottom left no-repeat; padding-bottom:10px;}
h2.mp-title {background:url(../i/mp-box-top.gif) top left no-repeat;padding:20px 0 0 20px;color:#F7931E;font-size:20px; font-weight:normal;}

.center-box h3, h3 {color:#0071BB;font-size:14px; font-weight:normal;padding-bottom:5px;}
.center-box h3.screen-name {color:#0071BB;font-size:14px; font-weight:normal;padding-bottom:5px;}
.center-box h3.added {color:#0071BB;font-size:14px; font-weight:normal;padding-bottom:5px;}
.center-box h4 {color:#0071BB;font-size:12px; font-weight:normal;}
.center-box ul, .center-box ol {padding: 10px 0 10px 40px;}
.center-box p, .center-box li {font-size:12px; line-height:18px;}


h3.shop-list {color:#F7931E;font-size:16px; font-weight:normal; margin:10px 0 10px 0;}



body#home-page .center-box .gutter, body#lunch-page .center-box .gutter, body#step .center-box .gutter  {padding: 0 10px 10px 10px;}	
body#little-steps1-page .center-box .gutter, body#little-steps-page .center-box .gutter,body#little-steps-page .center-box .gutter, .center-box .gutter {padding:10px;}
body#page .center-box .gutter,body#page .center-box .gutter, body#healthy-eating-page .center-box .gutter, body#keeping-active-page .center-box .gutter, body#3-col-page .center-box .gutter {padding: 0 20px 10px 20px;}

#quiz {background: url(../i/quiz-holder.jpg) top left no-repeat;width:465px;height:248px;margin-bottom:9px;}

h5.games-activities, h5.feed-family {margin:0;padding:0;text-indent:-9999px;}
h5.games-activities a {background: url(../i/games-activities.gif) no-repeat;display:block;width:229px;height:157px;margin-bottom:10px;float:left;}
h5.games-activities a:hover {background: url(../i/games-activities.gif) 0 -157px no-repeat;}
h5.feed-family a {background: url(../i/feed-your-family.gif) no-repeat;display:block;width:229px;height:157px;margin-bottom:10px;float:right;}
h5.feed-family a:hover {background: url(../i/feed-your-family.gif) 0 -157px no-repeat;}

h5.activity, h5.special-occasions, h5.shopping, h5.mealtimes, h5.snacks, h5.screentime, h5.tv-ad, h5.healthy, h5.g-a, h5.pack-lunchbox {margin:0;padding:0;text-indent:-9999px;}
h5.pack-lunchbox a {display:block;width:465px;height:114px;margin:0px 0px 0px 0px;float:left;background: url(../i/pack-my-lunch-09.gif) no-repeat;}
h5.pack-lunchbox a:hover {background: url(../i/pack-my-lunch-09.gif) 0 -114px;}

h5.activity a, h5.special-occasions a, h5.shopping a, h5.mealtimes a, h5.snacks a, h5.screentime a {display:block;width:194px;height:188px;margin:10px 0px 0px 10px;float:left;}
h5.activity a {background: url(../i/activity.jpg) no-repeat;}
h5.activity a:hover {}
h5.special-occasions a {background: url(../i/special-occasions.jpg) no-repeat;}
h5.special-occasions a:hover {}
h5.shopping a {background: url(../i/shopping.jpg) no-repeat;}
h5.shopping a:hover {}
h5.mealtimes a {background: url(../i/meals.jpg) no-repeat;}
h5.mealtimes a:hover {}
h5.snacks a {background: url(../i/snacks.jpg) no-repeat;}
h5.snacks a:hover {}
h5.screentime a {background: url(../i/screen-time.jpg) no-repeat;}
h5.screentime a:hover {}

h5.tv-ad a, h5.healthy a, h5.g-a a {display:block;width:202px;height:48px;margin:10px 0px 0px 5px;float:left;}
h5.tv-ad a {background: url(../i/h5-tv-ad.gif) no-repeat;}
h5.tv-ad a:hover {background: url(../i/h5-tv-ad.gif) 0 -48px;}
h5.healthy a {background: url(../i/h5-healthy.gif) no-repeat;}
h5.healthy a:hover {background: url(../i/h5-healthy.gif) 0 -48px;}
h5.g-a a {background: url(../i/h5-ga.gif) no-repeat;}
h5.g-a a:hover {background: url(../i/h5-ga.gif) 0 -48px;}


h5.traditional,h5.adventurous {margin:0;padding:0;text-indent:-9999px;}
h5.traditional a {display:block;width:115px;height:21px;margin:10px 5px 0px 10px;float:left;background: url(../i/traditional-but.gif) no-repeat;}
h5.traditional a:hover {background: url(../i/traditional-but.gif) 0 -21px;}
h5.adventurous a {display:block;width:115px;height:21px;margin:10px 5px 0px 10px;float:left;background: url(../i/adventurous-but.gif) no-repeat;}
h5.adventurous a:hover {background: url(../i/adventurous-but.gif) 0 -21px;}

h5.shopping-list,h5.print, h5.back {margin:0;padding:0;text-indent:-9999px;}
h5.shopping-list a{display:block;width:105px;height:21px;margin:10px 5px 0px 10px;float:right;background: url(../i/shopping-list.gif) no-repeat;}
h5.shopping-list a:hover {background: url(../i/shopping-list.gif) 0 -21px;}
h5.print a{display:block;width:90px;height:21px;margin:10px 5px 0px 10px;float:right;background: url(../i/print.gif) no-repeat;}
h5.print a:hover {background: url(../i/print.gif) 0 -21px;}
h5.back a {display:block;width:71px;height:21px;margin:10px 5px 0px 10px;float:right;background: url(../i/back.gif) no-repeat;}
h5.back a:hover {background: url(../i/back.gif) 0 -21px;}

.game-box {width:592px; background:url(../i/game-box-bot.gif) bottom left no-repeat;margin:0 auto;}
.game-box h3 {background:url(../i/game-box-top.gif) top left no-repeat;color:#1a7fc5;padding:5px 0px 5px 20px;}
.game-box .gutter2 {padding:0 10px 10px 10px;}
.game-box span.blue {color:#1a7fc5;padding-left:0;}


/* Buttons */
p.get-started {margin:0;padding:0;text-indent:-9999px;}
p.get-started a {background: url(../i/get-started.gif) no-repeat;display:block;width:80px;height:22px;float:right;}
p.get-started a:hover {background: url(../i/get-started.gif) 0 -22px no-repeat;}  

p.about-campaign {margin:0 0 0 0;padding:0;text-indent:-9999px;}
p.about-campaign a {background: url(../i/about_campaign.gif) no-repeat;display:block;width:115px;height:21px;float:left;}
p.about-campaign a:hover {background: url(../i/about_campaign.gif) 0 -21px no-repeat;}  


div#my_chart, div#BalanceometerDiv {
	background:url(../i/chart_back1.gif) top center no-repeat;
	/*width: 300px;
	height:300px;*/
	float:right;
	/*margin-right:20px;*/}


/* ---------------------------------------------------------------------------- LITTLE STEPS + ACTIVE GAMES LEFT HAND COLUMN
--------------------------------------------------------------------------------------*/
#little-steps-box h2.ls {width:165px;height:75px;margin:0;padding:0;	background: #fff url(../i/little-steps-box-top.gif) top left no-repeat;text-indent:-99999px;}
#active-games-box h2.active-games-box {width:165px;height:75px;margin:0;padding:0;	background: #fff url(../i/active-games-box.gif) top left no-repeat;text-indent:-99999px;}
#active-games-box h2.whats-on-box {width:165px;height:75px;margin:0;padding:0;	background: #fff url(../i/whats-on-box.gif) top left no-repeat;text-indent:-99999px;}
#little-steps-box h2.swap-shop {width:165px;height:75px;margin:0;padding:0;	background: #fff url(../i/swap-shop-box-top.gif) top left no-repeat;text-indent:-99999px;}
#little-steps-box h2.recipes {width:165px;height:75px;margin:0;padding:0;	background: #fff url(../i/ls-recipes.gif) top left no-repeat;text-indent:-99999px;}
#little-steps-box, #active-games-box {width:165px;margin:0;padding-bottom:40px;	background: #fff url(../i/little-steps-box-bottom.gif) bottom left no-repeat;	}

p.paginate {text-align:center; font-size:10px;padding-bottom:5px;}

.cats { /*header of 1st demo*/
cursor: hand;
cursor: pointer;
padding: 5px;
margin-bottom:-10px;
border: none;
background: url(../i/LS-little-steps-box-h3-bg.gif) top left no-repeat;
text-align:center;
font-size:13px;
font-weight:normal;
color:#308fce;
height:30px;
}
.cats:hover {color:#fff;background: url(../i/cats2.gif) 0 0 no-repeat;}
.open-cats{ /*class added to contents of 1st demo when they are open*/
background: url(../i/cats3.gif) 0 0 no-repeat;color:#fff;
}


div.carousel div.scroller .entry {padding:5px 10px 0px 5px;text-align:center;font-size:11px;float: left;  width: 150px;background:url(../i/ls-entry-bg.gif) top center no-repeat;}
div.carousel div.scroller .entry h3 {padding: 0px 10px 10px 10px;border-bottom:1px dotted #30a1d6;;margin-bottom:10px;color:#30a1d6;font-weight:normal;font-size:17px;padding-top:5px;}
div.carousel div.scroller .entry p {padding: 5px 10px 5px 10px;}
div.carousel {overflow: hidden; width: 160px; position: relative;}
div.carousel div.scroller {width: 10000px; position: relative;}
div.carousel ul.carousel-controls {width: 150px;text-align: center; voice-family: inherit;margin:0 auto;}
div.carousel ul.carousel-controls li {display: inline;}


div.carousel1 div.scroller1 .entry1 {padding:5px 10px 0px 5px;text-align:center;font-size:11px;float: left;  width: 150px;background:url(../i/ls-entry-bg.gif) top center no-repeat;}
div.carousel1 div.scroller1 .entry1 h3 {padding: 0px 10px 10px 10px;border-bottom:1px dotted #30a1d6;;margin-bottom:10px;color:#30a1d6;font-weight:normal;font-size:17px;padding-top:5px;}
div.carousel1 div.scroller1 .entry1 p {padding: 5px 10px 5px 10px;}
div.carousel1 {overflow: hidden; width: 160px; position: relative;}
div.carousel1 div.scroller1 {width: 10000px; position: relative;}
div.carousel1 ul.carousel1-controls {width: 150px;text-align: center; voice-family: inherit;margin:0 auto;}
div.carousel1 ul.carousel1-controls li {display: inline;}


div.carousel2 div.scroller2 .entry2 {padding:5px 10px 0px 5px;text-align:center;font-size:11px;float: left;  width: 150px;background:url(../i/ls-entry-bg.gif) top center no-repeat;}
div.carousel2 div.scroller2 .entry2 h3 {padding: 0px 10px 10px 10px;border-bottom:1px dotted #30a1d6;;margin-bottom:10px;color:#30a1d6;font-weight:normal;font-size:17px;padding-top:5px;}
div.carousel2 div.scroller2 .entry2 p {padding: 5px 10px 5px 10px;}
div.carousel2 {overflow: hidden; width: 160px; position: relative;}
div.carousel2 div.scroller2 {width: 10000px; position: relative;}
div.carousel2 ul.carousel2-controls {width: 150px;text-align: center; voice-family: inherit;margin:0 auto;}
div.carousel2 ul.carousel2-controls li {display: inline;}


div.carousel3 div.scroller3 .entry3 {padding:5px 10px 0px 5px;text-align:center;font-size:11px;float: left;  width: 150px;background:url(../i/ls-entry-bg.gif) top center no-repeat;}
div.carousel3 div.scroller3 .entry3 h3 {padding: 0px 10px 10px 10px;border-bottom:1px dotted #30a1d6;;margin-bottom:10px;color:#30a1d6;font-weight:normal;font-size:17px;padding-top:5px;}
div.carousel3 div.scroller3 .entry3 p {padding: 5px 10px 5px 10px;}
div.carousel3 {overflow: hidden; width: 160px; position: relative;}
div.carousel3 div.scroller3 {width: 10000px; position: relative;}
div.carousel3 ul.carousel3-controls {width: 150px;text-align: center; voice-family: inherit;margin:0 auto;}
div.carousel3 ul.carousel3-controls li {display: inline;}


div.carousel4 div.scroller4 .entry4 {padding:5px 10px 0px 5px;text-align:center;font-size:11px;float: left;  width: 150px;background:url(../i/ls-entry-bg.gif) top center no-repeat;}
div.carousel4 div.scroller4 .entry4 h3 {padding: 0px 10px 10px 10px;border-bottom:1px dotted #30a1d6;;margin-bottom:10px;color:#30a1d6;font-weight:normal;font-size:17px;padding-top:5px;}
div.carousel4 div.scroller4 .entry4 p {padding: 5px 10px 5px 10px;}
div.carousel4 {overflow: hidden; width: 160px; position: relative;}
div.carousel4 div.scroller4 {width: 10000px; position: relative;}
div.carousel4 ul.carousel4-controls {width: 150px;text-align: center; voice-family: inherit;margin:0 auto;}
div.carousel4 ul.carousel4-controls li {display: inline;}


div.carousel5 div.scroller5 .entry5 {padding:5px 10px 0px 5px;text-align:center;font-size:11px;float: left;  width: 150px;background:url(../i/ls-entry-bg.gif) top center no-repeat;}
div.carousel5 div.scroller5 .entry5 h3 {padding: 0px 10px 10px 10px;border-bottom:1px dotted #30a1d6;;margin-bottom:10px;color:#30a1d6;font-weight:normal;font-size:17px;padding-top:5px;}
div.carousel5 div.scroller5 .entry5 p {padding: 5px 10px 5px 10px;}
div.carousel5 {overflow: hidden; width: 160px; position: relative;}
div.carousel5 div.scroller5 {width: 10000px; position: relative;}
div.carousel5 ul.carousel5-controls {width: 150px;text-align: center; voice-family: inherit;margin:0 auto;}
div.carousel5 ul.carousel5-controls li {display: inline;}


p.cats1 {margin-bottom:3px;
line-height:29px;}
p.cats1 a {display:block;}
p.cats1 a{ /*header of 1st demo*/
cursor: hand;
cursor: pointer;
border: none;
background: url(../i/cats1.gif) top left no-repeat;
text-align:center;
font-size:13px;
font-weight:normal;
color:#308fce;
height:29px;
}
p.cats1 a:hover {color:#fff;background: url(../i/cats1.gif) 0 -29px no-repeat; text-decoration:none;}

p.cats1 a.current, .cats1 a.current:link{color:#fff;background: url(../i/cats1.gif) 0 -29px no-repeat;}

ul.active{list-style-type:none;padding: 0 0 5px 10px;}
ul.active a.current {text-decoration:underline;color:#e75021;}
/* ---------------------------------------------------------------------------- RIGHT HAND COLUMN + Did You Know Fact Box 
--------------------------------------------------------------------------------------*/
#fact-box {width:165px;margin-bottom:6px;padding-bottom:10px; background: #fff url(../i/fact-box-bottom.gif) bottom left no-repeat;}
#fact-box .entry h3 {padding: 0px 10px 10px 10px;border-bottom:1px dotted #30a1d6;;margin-bottom:10px;color:#30a1d6;font-weight:normal;}
#fact-box .entry p {padding: 5px 10px 5px 10px;font-size:12px;line-height:16px;}
#fact-box .entry {padding:5px 10px 0px 5px;text-align:center;float: left;  width: 150px;}
#fact-box h2.facts {width:165px;height:41px;margin:0;padding:0;	background: #fff url(../i/fact-box-top.gif) bottom left no-repeat;text-indent:-99999px;}

div#fact-box div.pub-carousel {overflow: hidden; width: 160px; position: relative;}
div#fact-box div.pub-carousel div.pub-scroller {width: 10000px; position: relative;}
div#fact-box ul.pub-carousel-controls {width: 150px;text-align: center; voice-family: inherit;margin:0 auto;}
div#fact-box ul.pub-carousel-controls li {display: inline;}

#factbox {margin-bottom:4px;}

h6.tv-ad {margin:0;padding:0;text-indent:-9999px;}
h6.tv-ad a {background: url(../i/tv-ad.jpg) no-repeat;display:block;width:165px;height:154px;margin-bottom:6px;}
h6.tv-ad a:hover {background: url(../i/tv-ad.jpg) 0 -154px no-repeat;}

h6.pack-lunch {margin:0;padding:0;text-indent:-9999px;}
h6.pack-lunch a {background: url(../i/pack-lunch.jpg) no-repeat;display:block;width:165px;height:147px;margin-bottom:6px;}
h6.pack-lunch a:hover {background: url(../i/pack-lunch.jpg) 0 -147px no-repeat;}

h6.get-active1 {margin:0;padding:0;text-indent:-9999px;}
h6.get-active1 a {background: url(../i/get-active1.gif) no-repeat;display:block;width:165px;height:147px;margin-bottom:6px;}
h6.get-active1 a:hover {background: url(../i/get-active1.gif) 0 -147px no-repeat;}

h5.resources {margin:0;padding:0;text-indent:-9999px;}
h5.resources a {background: url(../i/h5-resources.gif) no-repeat;display:block;width:165px;height:147px;margin-bottom:6px;}
h5.resources a:hover {background: url(../i/h5-resources.gif) 0 -147px no-repeat;}

/* ---------------------------------------------------------------------------- SEARCH TEMPLATES
--------------------------------------------------------------------------------------*/

div.RowOne {width:580px;margin:0 auto 10px auto;padding:10px;background:/*#f5fbfe*/ #fae8cf;}
div.RowTwo {width:580px;margin:0 auto 10px auto;padding:10px;background:/*#def2fd*/ #f4c586;}

/* ---------------------------------------------------------------------------- General Typography
--------------------------------------------------------------------------------------*/

/* ---------------------------------------------------------------------------- FORM Stuff
------------------------------------------------------------------*/
.center-box form {padding:15px 10px 5px 20px;}
.center-box form.lunchbox {padding:10px;}
.center-box form.lunchbox1 {padding:10px 0 0px 0;}
.center-box form.lunchbox select.lunch {width:190px;}
form div {clear:both;text-align:right;/*border-bottom:1px solid #e7ecf2;*/width:85%; }
form div label {
  display: block;
  float: left;
  width: 50%;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: left;
  line-height:19px;
  font-weight:bold;
  text-transform:uppercase;
	}
form div input {
	display:block;
	maxlength:34;
	float:right;
	margin-top:5px;
	}
form div input.checkbox {
	float:right;
	margin:0;}
form div p.left{text-align:left;}	

select.menuplanner {width:220px;font-size:10px; }
select.menuplanner option {width:280px; font-size:10px;}
/*form div input.go {
	clear:both;
	float:left;
	margin-top:1em;
	}
		
input.go {
	background:url(../i/enter.gif) 0 0 no-repeat;

	border:none;
	width:131px;
	height:131px;
margin:0 50%;
	color:#fff;
	cursor:pointer;	
	}*/
/* Tables and Xtra Layout Stuff
------------------------------------------------------------------*/
td {vertical-align:top;}

div.mp-left {float:left;}
table.meal-planner {width:680px;margin:0 auto; border-collapse:collapse; }

table.meal-planner tr.odd {background:#f6fbff;}
table.meal-planner th {background:#fff;color:#61abda;height:30px;padding:5px;}
table.meal-planner td {vertical-align: middle; text-align:center;border:1px solid #c4c4c6;	height:50px; font-size:10px;padding:5px;}
table.meal-planner td {width:170px;}	
table.meal-planner th.scope {width:60px;}

table.meal-planner2 {width:610px;margin:0 auto; border-collapse:collapse; }

table.meal-planner2 tr.odd {background:#f6fbff;}
table.meal-planner2 th {background:#fff;color:#61abda;height:30px;padding:5px;}
table.meal-planner2 td {vertical-align:top;border:1px solid #c4c4c6;	height:50px; font-size:10px;padding:5px;}
table.meal-planner2 td {width:;}	


table.meal-planner3 {width:660px;margin:0 auto; border-collapse:collapse; }

table.meal-planner3 tr.odd {background:#f6fbff;}
table.meal-planner3 th {background:#fff;color:#61abda;height:30px;padding:5px;}
table.meal-planner3 td {vertical-align: middle; text-align:center;border:1px solid #c4c4c6;	height:50px; font-size:10px;padding:5px;}
table.meal-planner3 td {width:200px;}	
table.meal-planner3 th.scope {width:60px;}


table.lunchbox1 {width:95%;margin:0 auto; border-collapse:collapse; }
table.lunchbox1 th {background:#fff;color:#61abda;height:30px;padding:5px;border-bottom:1px solid #c4c4c6;}
table.lunchbox1 td {padding:5px;border-bottom:1px solid #c4c4c6;padding-left:35px;font-size:10px;}
table.lunchbox1 td img {margin:0 auto;}
table.lunchbox1 td.bread {background: url(../i/bread.gif) center left no-repeat;}
table.lunchbox1 td.meat {background: url(../i/meat.gif) center left no-repeat;}
table.lunchbox1 td.milk {background: url(../i/milk.gif) center left no-repeat;}
table.lunchbox1 td.fruit {background: url(../i/apple.gif) center left no-repeat;}
table.lunchbox1 td.treats {background: url(../i/treats.gif) center left no-repeat;}

table.lunchbox2 {width:95%;margin:0 auto; border-collapse:collapse; }
table.lunchbox2 th {background:#fff;color:#61abda;height:30px;padding:5px;border-bottom:1px solid #c4c4c6;}
table.lunchbox2 tr.odd {background:#f4f5f5;}
table.lunchbox2 td {padding:5px;border-bottom:1px solid #c4c4c6;padding-left:35px;font-size:10px;}
table.lunchbox2 td.bread {background: url(../i/bread.gif) center left no-repeat;}
table.lunchbox2 td.meat {background: url(../i/meat.gif) center left no-repeat;}
table.lunchbox2 td.milk {background: url(../i/milk.gif) center left no-repeat;}
table.lunchbox2 td.fruit {background: url(../i/apple.gif) center left no-repeat;}
table.lunchbox2 td.treats {background: url(../i/treats.gif) center left no-repeat;}

table.lunches {width:100%;margin:0 auto; border-collapse:collapse; }
table.lunches th {background:#fafbfb;color:#61abda;height:30px;padding:5px;border-bottom:1px solid #c4c4c6;border-top:1px solid #c4c4c6;}
table.lunches td {padding:5px;border-bottom:1px solid #c4c4c6;}
table.lunches tr.odd {background:#eef2f5;}
table.lunches tr.even {background:#f5f7f8;}


table#swapshop {width:600px; border-collapse:collapse; background:#fff url(../i/swapshop-tbl-bg.gif) top left no-repeat;margin:0 auto;}
table#recipes {width:600px; border-collapse:collapse; background:#fff;margin:0 auto;}
table#recipes a:hover {text-decoration:none;}


div.swap-bot {
	background:url(../i/swap-bot.gif) bottom left no-repeat;
	width:175px;
	height:175px;
	padding: 0;
	margin:0;
	text-align:center;}
div.swap-wrap {width:175px;height:175px;}	
div.swap-bot .spacer {	padding: 0px 4px 10px 4px;}	
table#swapshop td {padding:5px 5px 0 5px;border-right:15px solid #fff;text-align:center;background:url(../i/swap-wrap.gif) 5px 0px no-repeat;}
table#recipes td {padding:6px 5px 0 5px;border-right:15px solid #fff;text-align:center;background:url(../i/swap-wrap.gif) 5px 0px no-repeat;border-bottom:6px solid #fff;}
table#swapshop th {border-right:15px solid #fff;padding:0;margin:0;}
h5.leave-it {display:block;background: url(../i/leave-it.gif) no-repeat;width:185px;height:32px;text-indent:-99999px;}
h5.like-it {display:block;background: url(../i/like-it.gif) no-repeat;width:185px;height:32px;text-indent:-99999px;}
h5.love-it {display:block;background: url(../i/love-it.gif) no-repeat;width:185px;height:32px;text-indent:-99999px;}
/* LUNCHBOX STUFF
------------------------------------------------------------------*/
p.lunch-form1 {background:/*#0071bb*/ url(../i/blue-bar.gif) center left no-repeat;color:#fff;width:450px;height:35px;padding-bottom:5px;}

/*iframe#lunchbox {width:633px; border:none;overflow: hidden; }*/

body#lunch-page form {font-size:11px; font-family:Arial, Helvetica, sans-serif;}

body#lunch-page form select {width: 250px;font-size:11px; }


form#choose-mp {width:480px;}
input.search-go {padding-top:2px;} 
input.mp-submit {float: right; margin:10px; background:#ee3325; color:#fff;border:1px solid #ee3325; width:105px; padding:1px; cursor:pointer;}
input.mp-submit1 {float: right; margin:10px;}
input.mp-submit2 {float: right; margin:10px; background:#26b24b; color:#fff;border:1px solid #26b24b; width:105px; padding:1px; cursor:pointer;}

input.mp-submit:hover {border:1px solid #26b24b; }
input.mp-submit2:hover {border:1px solid #ee3325;}

#hidden-recipe-ids {display:none;}

p.mp-button, p.tabNavigation {float: right; margin:10px; background:transparent; color:#fff;  height:21px;padding:1px; cursor:pointer; text-align:center; padding-top:5px; border:none;}
p.mp-button a:link, p.tabNavigation a:link, p.mp-button a:visited, p.tabNavigation a:visited {color:#fff;border:none;}

p.mp-button2 {display:block;float: right; margin:10px; background:#26b24b; color:#fff;border:1px solid #26b24b; width:135px; height:21px;padding:1px; cursor:pointer; text-align:center; padding-top:5px;}
p.mp-button2 a:link, p.mp-button2 a:visited {color:#fff;}

p.mp-button3 img {text-align:right;}
/*input, select, submit {border: 1px solid #ee3224;padding:2px;}*/
/* FORM STYLES *

form {font:1em/1 Verdana,Geneva,Kalimati,sans-serif; color:#333;}
fieldset {border:1px solid #999;}
fieldset fieldset {border:none;}
fieldset fieldset legend {font:bold 1em/1 Verdana,Geneva,Kalimati,sans-serif; color:#000;}
legend {font:1.5em/1 "Trebuchet MS",Helvetica,Jamrul,sans-serif; color:#000;}
.textfield input, .file input, .dropdown select, .textarea textarea, div input.innertextfield {font:1em/1 Verdana,Geneva,Kalimati,sans-serif; color:#000; border:1px solid #999; background:#ececec;}
.textfield input:hover, .file input:hover, .dropdown select:hover, .textarea textarea:hover, div input.innertextfield:hover {border-color:orange;}
.textfield input:focus, .file input:focus, .dropdown select:focus, .textarea textarea:focus, div input.innertextfield:hover {border-color:#333;}
.textfield input:active, .file input:active, .dropdown select:active, .textarea textarea:active, div input.innertextfield:active {border-color:#333;}
.textfield input:focus:hover, .file input:focus:hover, .dropdown select:focus:hover, .textarea textarea:focus:hover, div input.innertextfield:focus:hover {border-color:orange;}
.checkbox input, .radio input {border:none; background:transparent;}
button {font:1.2em/1 Verdana,Geneva,Kalimati,sans-serif; border:1px solid #666; background:#666; color:#fff;}
button:hover {border-color:#000; color:orange;}
optgroup {font:bold 1em/1 Verdana,Geneva,Kalimati,sans-serif;}
option {font:1em/1 Verdana,Geneva,Kalimati,sans-serif;}


/* FORM LAYOUT *
form {}
fieldset {margin-bottom:3em; padding:10px;}
fieldset fieldset {padding:0;}
legend {margin-bottom:1em;}
.textfield, .textarea, .file, .dropdown, .radio, .checkbox, .buttons, fieldset fieldset {margin-bottom:1em;}
.textfield input, .file input, .dropdown select, .textarea textarea, input.innertextfield {padding:2px 5px;}
.textfield input, .file input, .dropdown select, .textarea textarea {width:250px;}
textarea {height:6em;}
.textfield input, .file input, .dropdown select, .textarea textarea {display:block; margin:0.1em 0 0 0;}
.checkbox input, .radio input {margin-right:5px;}
div input.innertextfield {display:inline; margin-right:0;}
.buttons {}
button {padding:4px;}
optgroup {}
option {padding:1px 3px;}

/* ---------------------------------------------------------------------------- LITTLE STEPS - PAGES CENTER COLUMN - Little Step Display
--------------------------------------------------------------------------------------*/
p.cat-description {margin-bottom:20px;}

table#ls-table {width:580px;margin:0 auto; border-collapse:collapse; }
tr.ls-entry {background:url(../i/step-icon.gif) 0 12px no-repeat; }
table#ls-table td.ls-cell {padding:5px 0px 5px 60px;border-bottom:1px dotted #f29322;}
td.ls-cell p.step-body {font-size:12px;padding-bottom:3px;}
td.ls-cell p.added-date{font-size:12px;padding-bottom:3px; text-align:right; font-style:italic;}
p.add-step1 {padding:0; background:url(../i/add-step.gif) top center no-repeat;margin:0px;float:right;display:block;width:140px;height:22px;}

table#r-table {width:580px;margin:0 auto; border-collapse:collapse; }
tr.r-entry {background:url() 0 12px no-repeat; }
table#r-table td.r-cell {padding:5px 0px 15px 0px;border-bottom:1px dotted #f29322;}
 
td.r-cell p.step-body {font-size:12px;padding-bottom:3px;}
td.r-cell p.added-date{font-size:12px;padding-bottom:3px; text-align:right; font-style:italic;}
p.add-step1 {padding:0; background:url(../i/add-step.gif) top center no-repeat;margin:0px;float:right;display:block;width:140px;height:22px;}

body#healthy-eating-page .add-step1 {margin-top:10px;}

.center-box table#ls-table h3.step-title {font-size:16px; color:#ee3224;padding-bottom:2px;}
p.addstep {margin:10px auto 0px auto;display:block;width:140px;height:22px;background:url(../i/add-step.gif) top center no-repeat;}
/*span.step-removed {display:block;width:140px;height:22px;background:url(../i/remove-step.gif) top center no-repeat;}*/


/* ---------------------------------------------------------------------------- LITTLE STEPS - Google Maps
--------------------------------------------------------------------------------------*/
div.map {width: 400px;height:300px;}

/* -----------------------------  Practice List - Image Map CSS */
/* ---------- hidden ONLY if CSS is enabled.  If disabled, image is rendered ---------- */

table.dayout {width:140px;float:right;margin:0;padding:0; border-collapse:collapse;}
table.layout tr {margin-bottom:10px;border-collapse:collapse;}
table.layout td {border-bottom:10px solid #fff;}

img.image{ display: none; }

dl#irlMap{
	margin: 0;
	padding: 0;
	background: transparent url(../i/map-css.gif) top left no-repeat;
	height: 500px;
	width: 450px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ margin: 0; padding: 0; position: absolute;  font-size: 85%; }

/* ---------- Hotspot Declarations ---------- */
dd#leinsterDef{ top: 160px; left: 225px; }
dd#leinsterDef a{ position: absolute; width: 150px; height: 255px; text-decoration: none; }
dd#leinsterDef a span{ display: none; }
dd#leinsterDef a:hover{ position: absolute; background: transparent url(../i/map-css.gif) -225px -1160px no-repeat;}

dd#ulsterDef{ top: 0px; left: 170px; }
dd#ulsterDef a{ position: absolute; width: 280px; height: 200px; text-decoration: none; }
dd#ulsterDef a span{ display: none; }
dd#ulsterDef a:hover{ background: transparent url(../i/map-css.gif) -170px -500px no-repeat; }

dd#munsterDef{ top: 280px; left: 0px; }
dd#munsterDef a{ position: absolute; width: 320px; height: 220px; text-decoration: none;	}
dd#munsterDef a span{ display: none; }
dd#munsterDef a:hover{ background: transparent url(../i/map-css.gif) 0px -1780px no-repeat; }

dd#connaughtDef{ top: 110px; left: 0px; }
dd#connaughtDef a{ position: absolute; width: 260px; height: 205px; text-decoration: none; }
dd#connaughtDef a span{ display: none; }
dd#connaughtDef a:hover{ background: transparent url(../i/map-css.gif) 0px -2110px no-repeat; }


/*Sub Navigation Page unique*/
.breadcrumb {padding: 0px 0px 5px 0px;}
.subnavitem { width: 185px; float: left; margin-right: 10px; display: inline; margin-bottom: 10px; height: 300px; background-color: #F0FBFF;}
.activitycount { color: #f17415; }
.subnavitem a:hover { color: #f17415;}

.subnavitem h3 { font-size: 1.3em; padding: 10px 0px 4px 5px; background: url(../i/bluetop-190.gif) top left no-repeat; 
color: #ffffff; height: 20px; }
.subnavitem ul { margin: 10px 0px 0px 3px; padding: 0px;}
.subnavitem li { list-style-type: none;}  
.snimg { width: 200px; height: 70px; margin: 0; padding: 0; }
.snimg2 { width: 200px; height: 90px; margin: 0; padding: 0; }
.acbrowse { padding: 10px 0px 0px 2px;}

.tdes { width: 100%; padding: 10px 0px 10px 0px; }
.subnavitem span { color: #f17415; }
.subnavitem span.acbrowse, span.acbrowse a {color: #f17415; }
.subnavitem span.acbrowse a:hover { text-decoration: underline; }

div#map_canvas {height:240px;width:590px;/*float:right;*/margin:0 auto 10px auto; border:1px solid #F7931E;}
div.profileList {width:590px; clear:both;margin:0 auto 10px auto;border-bottom: 1px dotted #cccccc;padding-bottom:10px;}
div.profileList img {float:left;margin:0 10px 10px 0;border: 1px solid #00ccff;}

img.profile {float:right;margin:0 0 10px 10px;border: 1px solid #00ccff;}

/* COUNTY JUMP FORM - #jump2 */
div#super-select-nav {float:right;}
form#jump2 {position:relative;margin-right:10px;margin-top:-25px; z-index:1;}
form#jump2 option {background:;}


div#food-alerts { 
clear:both;
width:200px;
float:right;
	color:#FFF;
	background: #ff0000 url(../i/alert-01.gif) top center no-repeat;
	text-align:center;
/*	text-transform:uppercase; */
	margin-right:20px;
	font-weight:bold;
	}
div#food-alerts p{
	background: transparent url(../i/alert-02.gif) bottom center no-repeat;
	color:#fff;
	padding:5px;
	font-size:10px;
} 
div#food-alerts {}
/* MP Display*/
ul.tabNavigation {float:right;margin-top:10px;}
ul.tabNavigation li {display:inline;padding:5px;background:#26b24b;margin:20px 10px 10px 10px;height:21px;}
ul.tabNavigation li a, ul.tabNavigation li a:link, ul.tabNavigation li a:visited {color:#fff;padding:10px;height:21px;background:#26b24b;}	

h5.shoplist {margin:0;padding:0;text-indent:-9999px;}
h5.shoplist a {}

ul.mp2 {margin-bottom:10px; list-style-type:none;}
ul.mp2 li {list-style-type:none;}
p.nowhow {clear:both;}

span.icons {padding:0;margin:0 0 0 20px;font-size:10px;color:#0071bb; font-weight:bold; text-align:left;}
span.icons img {margin:0;padding:0;}

form#entryform {width:50%;}