.searchterm { font-size: 1.2em; }
.searchterm span { font-weight: bold; }
.message { color: #6D6E71; font-size: 1.0em; font-weight: bold; }
.rssimg { margin-bottom: -4px; }
.outer { margin: 0 auto; width: 960px; }
.main { width: 100%; padding: 0; background: #fff; }

ul.mainnav { font-family: Arial, Sans-Serif; font-size: 1.65em; font-weight: normal; color: #fff; margin: 0x; padding: 0 15px; width: 930px; height: 43px; background: url(../images/bg-topnav.png) no-repeat 0 0; list-style: none; }
.mainnav li { float: left; }
.mainnav li.first { }
.mainnav a { color: #fff; text-decoration: none; padding: 0 0.5em; line-height: 43px; }
.mainnav a:hover, .mainnav a:focus { color: #57b546; text-decoration: none; }
a.link { font-size: 1em; }

.header { width: 100%; height: 133px; padding: 0; }
.header .content { width: 960px; height: 133px; position: relative; font-size: 1.2em; }
.header p { padding-bottom: 0.5em; }

.header .search { position: absolute; right: 0; top: 20px; width: 360px; height: 84px; background: url(../images/bg-search.png) no-repeat 0 0; }
.header .search input.text { position: absolute; top: 46px; left: 115px; width: 150px; height: 20px; padding: 0; border: 0; line-height: 20px; font-size: 1em; }
.header .search input.search-button { position: absolute; top: 41px; left: 275px; cursor: pointer; width: 90px; height: 27px; border: 0; text-indent: -99999px; line-height: 1 !important; overflow: hidden; color: transparent; background: transparent; }

.main { position: relative; }
.home .maincontent { padding: 0; width: 960px; height: auto; background: #fff url(../images/bg-home.jpg) no-repeat 0 0; float: none; }
.home .features { float: left; width: 270px; position: relative; background: transparent; margin-top: 10px; }
.home .features .box { background-repeat: no-repeat; background-position: 0 0; overflow: hidden; margin: 0 0 2px 20px; overflow:hidden; }
.home .features .box p { padding: 5px 44px 0 10px; font-size: 1.1em; line-height:1.1em; color: #fff; width:166px; height:72px; overflow:hidden; }
.home .features .box h2 { text-indent: -999em; margin: 0; padding: 0; height: 30px; }
.home .features .cant { width: 243px; height: 114px; background-image: url(../images/home-canteens-header.png); }
.home .features .comm { width: 244px; height: 116px; background-image: url(../images/home-community-header.png); }
.home .features .prod { width: 244px; height: 114px; background-image: url(../images/home-products-header.png); }
.home .features .prod h2 { height: 50px; }
.home .slider { width: 690px; float: right; height: 345px; padding-top:33px; }
.home .slider .homeimagelnk { display:block;}
.home .homespotlight .pages { position:absolute; left:282px; top:310px; }
.home .homespotlight .pages li {background:none; float:left; padding:0 3px 0 0;}
.home .homespotlight .pages li a {display:block; margin-top:7px; text-indent:-999em;}
.home .homespotlight .pages li a.on, .home .homespotlight .pages li a:hover {display:block; margin-top:3px; }
.home .homespotlight .pages li.prev a {display:block; margin:0; background:url(../images/slnav_prev.png) no-repeat left top; height:38px; width:19px; }
.home .homespotlight .pages li.next a {display:block; margin:0; background:url(../images/slnav_next.png) no-repeat left top; height:38px; width:19px; }
.home .homespotlight .pages li.sl1 a {background:url(../images/slnav1.png) no-repeat left top; height:25px; width:25px;}
.home .homespotlight .pages li.sl2 a {background:url(../images/slnav2.png) no-repeat left top; height:25px; width:25px;}
.home .homespotlight .pages li.sl3 a {background:url(../images/slnav3.png) no-repeat left top; height:25px; width:25px;}
.home .homespotlight .pages li.sl4 a {background:url(../images/slnav4.png) no-repeat left top; height:25px; width:25px;}
.home .homespotlight .pages li.sl1 a.on {background:url(../images/slnav1_on.png) no-repeat left top; height:25px; width:25px;}
.home .homespotlight .pages li.sl2 a.on {background:url(../images/slnav2_on.png) no-repeat left top; height:25px; width:25px;}
.home .homespotlight .pages li.sl3 a.on {background:url(../images/slnav3_on.png) no-repeat left top; height:25px; width:25px;}
.home .homespotlight .pages li.sl4 a.on {background:url(../images/slnav4_on.png) no-repeat left top; height:25px; width:25px;}

.home .welcome { width: 424px; height: 255px; overflow: hidden; padding-top: 20px; margin-left: 10px; background: url(../images/bg-home-welcome.jpg) no-repeat 0 0; float: left; }
.home .welcome h2 { font-size:3.0em; margin-left:2px; width:220px; margin-bottom:20px;}
.home .welcome p { font-size: 1.2em; margin-left: 2px; color: #000; width: 220px; line-height: 1.5em; }
.home .nutrition { width: 300px; height: 235px; padding: 40px 0 0 215px; margin-right: 10px; background: url(../images/bg-home-nutrition.jpg) no-repeat 0 0; float: right; font-size: 1.2em; font-weight: bold; line-height: 1.5em; color: #fff; }
.home .nutrition h2 { font-size: 3.0em; width:240px; margin-bottom:15px;}
.home .nutrition ul li { list-style: none; background: url(../images/ico-arrow-white.png) no-repeat center left; padding: 0 0 0 35px; margin: 0 0 0 10px; line-height: 1.5em; font-size: 1.25em; }

.page h1 { margin-left: 164px; }
.page.main { padding-top: 20px; background: #fff url(../images/bg-page.jpg) no-repeat 0 0; }
.page .maincontent { float: right; width: 720px; }
.page .bodycontent { float: left; width: 490px; color: #090000; font-size: 1.2em; margin: 0; }
.page .bodyimage { float: left; margin-right: 20px; border: 1px solid #e7e7e7; margin-bottom: 13px; }
.page .subnav { float: left; width: 235px; margin: 0; padding: 0; font-size: 1.3em; }
.page .featurecontent { float: left; width: 100%; }
.page .bodycontent .pageindent { padding-left: 20px; }

.page .subcontent { margin: 0; width: 205px; float: right; margin: 10px 10px 0 0; position: relative; }
.page .subcontent .spot { margin-top: 18px; }
.subcontent .spot { font-size: 1.2em; float: left; background: url(../images/spotlight-narrow-bg.jpg) no-repeat bottom; padding: 0 15px 20px 15px; color: #6D6E71; margin: 0 0 10px 0; }
.subcontent .spot a { color: #5a5a5a; }
.subcontent .spot h2 { padding: 0 0 10px 0; font-family: Arial Narrow, Arial, Sans-Serif; font-size: 1.5em; }
.subcontent .topic h3 { text-indent: -999em; width: 155px; height: 24px; background: url(../images/topic-of-the-week.gif) no-repeat; padding: 0 0 10px 0; }
.subcontent img.btn { padding: 0 0 7px 0; }

.page .subcontent .spotlight {background:#eeeeee url(../images/spotlight-top.jpg) no-repeat left top; clear:both; width:198px; padding:0; margin-bottom:15px;}
.page .subcontent .spotlight .content {background: url(../images/spotlight-bot.jpg) no-repeat left bottom; padding:18px 12px; }
.page .subcontent .spotlight .content h3 {font-size:1.8em; font-weight:normal;}
.page .subcontent .spotlight .content p {font-size:1.2em; color:#090000;}
.page .subcontent .spotlight .content a img {border:1px solid #dbdbdb !important;}
.page .subcontent .spotlight .content object { height:300px; width:170px; }

.page .subnav img.logo { float: left; }
.page .subnav h2 { background: no-repeat; line-height: 24px; background: url(../images/bg-leftnav-top.png) no-repeat 0 0; font-size: 1.1em; font-weight: bold; color: #fff; padding: 0 0 0 20px; }
.page .subnav .subnav-menu { background: url(../images/bg-leftnav-mid.png) repeat-y 0 0; padding-left: 13px; width: 215px; }
.page .subnav ul { list-style: none; width: 215px; padding: 0; margin: 0; }
.page .subnav ul li { line-height: 25px; margin-top: 1px; }
.page .subnav ul li a { display: block; line-height: 24px; background: #eee url(../images/bg-leftnav-arrowright.png) no-repeat 10px .5em; padding: 0 0 0 31px; color: #444; }
.page .subnav ul li a.on { background: #fe9f10 url(../images/bg-leftnav-arrowright-white.png) no-repeat 10px .5em; color: #fff; font-weight: bold; }
.page .subnav ul li a.children { background: #d5d5d5 url(../images/bg-leftnav-arrowdown.png) no-repeat 10px .25em; color: #444; font-weight: bold; }
.page .subnav ul li a:hover, .page .subnav ul li a:focus { background-color: #d5d5d5; text-decoration: none; }
.page .subnav ul ul { border: none; padding: 0; }
.page .subnav ul ul li { border-top: 0; }
.page .subnav ul ul li a { width: auto; padding: auto; background: #f5f5f5 url(../images/bg-leftnav-arrowright.png) no-repeat 1.75em .5em; text-indent: 1em; }
.page .subnav ul ul li a.on { background: #fe9f10 url(../images/bg-leftnav-arrowright-white.png) no-repeat 1.75em .5em; color: #fff; font-weight: bold; }
.page .subnav ul ul li a.children { background: #d5d5d5 url(../images/bg-leftnav-arrowdown.png) no-repeat 1.75em .25em; color: #444; font-weight: bold; }
.page .subnav ul ul li a:hover, .page .subnav ul ul li a:focus { background-color: #d5d5d5; }
.page .subnav ul ul ul{ border: none; padding: 0; }
.page .subnav ul ul ul li { border-top: 0; }
.page .subnav ul ul ul li a { width: auto; padding: auto; background: #f5f5f5 url(../images/bg-leftnav-arrowright.png) no-repeat 2.5em .5em; text-indent: 2.0em; }
.page .subnav ul ul ul li a.on { background: #fe9f10 url(../images/bg-leftnav-arrowright-white.png) no-repeat 2.50em .5em; color: #fff; font-weight: bold; }
.page .subnav ul ul ul li a.children { background: #d5d5d5 url(../images/bg-leftnav-arrowdown.png) no-repeat 2.50em .25em; color: #444; font-weight: bold; }
.page .subnav ul ul ul li a:hover, .page .subnav ul ul li a:focus { background-color: #d5d5d5; }

.page .subnav .options { width: 156px; padding: 10px 0 0 28px; height: 65px; background: url(../images/tell-print-icons.gif) no-repeat; float: left; font-size: 0.75em; }
.page .subnav .options a { float: left; color: #fff; display: block; padding: 40px 0 0 0; }
.page .subnav .options a.print { margin-left: 23px; }

.page .bodycontent h2 { font-size: 1.75em; font-weight: normal; padding: 0 0 0.5em 0; color: #79a101; }
.page .bodycontent h2 span { font-weight: bold; }
.page .bodycontent h3 { font-size: 1.6em; font-weight: normal; padding: 10px 0 15px 0; color: #79a101; }
.page .bodycontent h4 { padding: 0 0 6px 0; color: #79a101; }
.page .bodycontent h4 a { color: #79a101; }
.page .bodycontent .sep { border-bottom: 1px solid #ccc; clear: both; }
.page .bodycontent .feature { clear: both; margin-bottom: 15px; display: block; }
.page .bodycontent .feature .feature-img { float: left; margin: 0 10px 10px 0; }
.page .bodycontent a.more { font-size: 1em; }
.page .bodycontent .hero { margin: 0 0 20px 0; }

.page .calc img.step { float: left; margin: 0 0 0 -21px; position: relative; }
.page .calc table { color: #000; width: 482px; clear: both; }
.page .calc table small { color: #8A8A8A; }
.page .calc th, .page .calc td { vertical-align: middle; padding: 10px; }
.page .calc th { background-color: #F5F5F5; vertical-align: top; padding: 5px 0 15px 39px; text-align: left; }
.page .calc .head { border-top: 2px solid #fff; }
.page .calc h4 { padding: 0; color: #000 !important; font-size: 1.2em; }
.page .calc a.more { display: block; font-size: 0.95em; width: 100%; }
.page .calc td.img { background-color: #F2FCFF; border-right: 1px solid #fff; width: 106px; }
.page .calc .img img { border: 1px solid #E8E8E8; }
.page .calc td.desc { background-color: #EAFAFF; }
.page .calc td.desc select { width: 50px; }
.page .calc .submitrow td { border-top: 1px solid #fff; }
.page .calc td.label { background-color: #F2FCFF; border-right: 1px solid #fff; width: 106px; font-size: 0.9em; vertical-align: top; }
.page .calc td.extrainfolabel { background-color: #f9f9f9; }
.page .calc td.extrainfotext { background-color: #f4f4f4; }
.page .calc ul { list-style-type: none; padding-top: 20px; }
.page .calc ul li { background: url(../images/double-arrow-blue-right.gif) no-repeat 19px 4px; padding-left: 34px; padding-bottom: 7px; }

.page .member img.step { float: left; margin: 0 0 0 -21px; position: relative; }
.member .member-table { color: #000; width: 482px; clear: both; font-size: 0.9em; }
.member .member-table small { color: #8A8A8A; }

.member th, .member td { vertical-align: middle; padding: 6px 10px; }
.member .member-table table td { padding: 0; }
.member th { background-color: #F5F5F5; vertical-align: top; padding: 5px 0 15px 39px; text-align: left; }
.member td.indent { vertical-align: top; padding: 5px 0 15px 39px; text-align: left; }
.member .head { border-top: 2px solid #fff; }
.member h4 { padding: 0; color: #000 !important; font-size: 1.2em; }
.member a.more { display: block; font-size: 0.95em; width: 100%; }
.member td.label { background-color: #F2FCFF; border-right: 1px solid #fff; width: 146px; vertical-align: top; }
.member td.desc { background-color: #EAFAFF; }
.member td.desc select { width: 140px; }
.member td.desc .submitbutton { margin-left: 18px; }

.member .submitrow td { border-top: 1px solid #fff; }
.member input.type { width: 224px; border: 1px solid #bebebe; height: 20px; }
.member input.type.small { width: 94px; }
.page .member input.type.medium { width: 174px; }
.page .member thead tr th.blank { background-color: #fff; vertical-align: bottom; font-weight: bold; padding: 10px 0 2px 10px; }

.page .member td.extrainfolabel { background-color: #f9f9f9; }
.page .member td.extrainfotext { background-color: #f4f4f4; }
.page .member ul { list-style-type: none; padding-top: 20px; }
.page .member ul li { background: url(../images/double-arrow-blue-right.gif) no-repeat 19px 4px; padding-left: 34px; padding-bottom: 7px; }
.page .member p.print { color: #000; font-size: 0.9em; width: 462px; padding: 10px; }
.page .member .paymentdetails { background-color: #f5f5f5; width: 452px; color: #000; padding: 12px 15px; }
.page .member .paymentdetails h3 { padding-bottom: 10px; font-size: 1.4em; color: #000 !important; font-weight: bold; }
.page .member .paymentdetails p { width: 442px; }
.page .member span.required { color: #01ACEE; float: left; font-size: 1.4em; font-weight: bold; margin: 5px 0 -10px -8px; }
.page .member span.reqinfo { color: #01ACEE; font-size: 1.4em; font-weight: bold; }

.sponsorlogos { float: right; margin: 0 30px 15px 0; }

.footer { color: #444; background: url(../images/bg-footer.png) no-repeat; clear: both; font-size: 1.1em; padding: 0; width: 100%; margin: 0 auto; height: 128px; }
.footer .address { float: left; padding: 20px 0 0 107px; line-height: 1.5em; }
.footer a { color: #02649d; }
.footer .coname { font-weight: bold; }
.footer a.willogo { margin: 32px 10px 0 0; color: #444; text-decoration: none; float: right; width: 209px; background: url(../images/ico-wiliam.png) no-repeat right center; display: block; line-height: 57px; }
.footer a.wiliogo:hover { text-decoration: underline !important; }

/* Canteens page specific */
.canteens .subnav h2 { background-image: url(../images/canteens-header.gif); }
/* Community page specific */
.community .subnav h2 { background-image: url(../images/community-header.gif); }
/* Products page specific */
.products .subnav h2 { background-image: url(../images/products-header.gif); }



.banner { margin-bottom: 20px; }

/* Blog page specific 
.page div.blog {}
.page div.blog div.blogitem {clear:both; width:482px; padding-bottom:22px; }
.page div.blog div.blogitem .blogimg {float:left; width:102px; margin-right:10px; border:1px solid #e7e7e7; }
.page div.blog div.blogitem .blogtext {float:left; width:368px;}
.page div.blog div.blogitem h4 {padding:0px;}*/

.page div.blog img.blog { float: left; width: 161px; margin-right: 20px; border: 1px solid #e7e7e7; margin-bottom: 18px; }
.page div.blog h4 { padding-top: 20px; }
.page div.blog .extrainfo { color: #919191; }


.page .blog table { color: #000; width: 482px; clear: both; font-size: 0.9em; margin-bottom: 20px; }
.page .blog th, .page .blog td { vertical-align: middle; padding: 6px 10px; }
.page .blog th { background-color: #F5F5F5; vertical-align: top; padding: 5px 0 15px 50px; text-align: left; }
.page .blog .head { border-top: 2px solid #fff; }
.page .blog h4 { padding: 0; font-size: 1.2em; }
.page .blog a.more { display: block; font-size: 0.95em; width: 100%; }
.page .blog td.title { background-color: #fef0ff; width: 482px; vertical-align: top; padding-left: 50px; }
.page .blog td.label { background-color: #fef0ff; border-right: 1px solid #fff; width: 146px; vertical-align: top; padding-left: 50px; }
.page .blog td.desc { background-color: #fde8fe; padding-left: 15px; }
.page .blog td.desc select { width: 140px; }
.page .blog .submitrow td { border-top: 1px solid #fff; }
.page .blog input.type { width: 224px; border: 1px solid #bebebe; height: 20px; }
.page .blog textarea { width: 218px; }
.page .blog ul { list-style-type: none; padding-top: 20px; }
.page .blog ul li { background: url(../images/double-arrow-purple.gif) no-repeat 19px 4px; padding-left: 34px; padding-bottom: 7px; }
.page .blog span.required { color: #AC41B7; float: left; font-size: 1.4em; font-weight: bold; margin: 5px 0 -10px -10px; }
.page .blog span.reqinfo { color: #AC41B7; font-size: 1.4em; font-weight: bold; }

.page .blog a.blog { color: #ac41b7; }
.page .blog .date { color: #ac41b7; padding: 15px 0px 10px 0px; }

.page .blog .addarticle { background: url(../images/add-article-bg.gif) no-repeat center bottom; height: 89px; padding: 10px 10px 17px 10px; width: 491px; position: relative; margin-left: -19px; margin-bottom: 20px; }
.page .blog .addarticle h4 { color: #7e7e7e !important; padding-left: 10px; }
.page .blog .addarticle img { padding: 0px 5px; }

.page .blog .item { padding: 5px; margin: 0 0 10px 0; }
.page .blog .item.firsttopic { background: #CCEEFC; }
* + html .page .blog .item { padding-bottom: 0; }

/* Case Studies specific 
.page div.case {}
.page div.caseitem {clear:both; width:482px; padding-bottom:22px; }
.page div.caseitem .caseimg {float:left; width:102px; margin-right:10px; border:1px solid #e7e7e7; }
.page div.caseitem .casetext {float:left; width:368px;}
.page div.caseitem h4 {padding-bottom:8px;}*/

.page div.case img.case { float: left; width: 161px; margin-right: 20px; border: 1px solid #e7e7e7; margin-bottom: 18px; }
.page div.case h4 { padding-top: 20px; }
.page div.case .extrainfo { color: #919191; }

.page .casestudiesheader .school { font-size: 1.4em; font-weight: normal; color: #5987aa; float: left; }
.page .casestudiesheader .view { float: right; }
.page .casestudiesheader .sep { margin-bottom: 30px; }


/* Faqs Studies specific */
.page div.faqs { }

.page div.faqs h4 { padding-top: 20px; }
.page div.faqs .extrainfo { color: #919191; }

.page .maincontent .bodycontent div.faqs ul { }
.page .maincontent .bodycontent div.faqs ul li { }
/*.page .maincontent .bodycontent div.faqs ul li a { color: #ac41b7; }*/


/* list pages */
.page div.item { }
.page div.item { clear: both; width: 482px; padding-bottom: 22px; }
.page div.item div.itemimg { float: left; width: 104px; margin-right: 10px; overflow: hidden; }
.page div.item img.itemimg { border: 1px solid #e7e7e7; }
.page div.item .itemtext { float: left; width: 368px; }
.page div.item h4 { padding: 0px; }
.page div.item p { padding-top: 10px; }

/* General */
div.searchresults a { clear: both; font-weight: bold; padding: 0px 0px 3px 0px; overflow: hidden; display: block; }
span.general { color: #01acee; }


/* Parents */
span.community { color: #ac41b7; }
.bodycontent .community .list { float: left; width: 300px; }
.bodycontent .community ul.fact { list-style-type: none; }
.bodycontent .community ul.fact li { line-height: 1.6em; }
.bodycontent .community ul.fact li a { color: #01acee; }


.bodycontent .community .list ul.bullets { list-style-type: none; }
.bodycontent .community .list ul.bullets li { background: url(../images/double-arrow-purple.gif) no-repeat 0px 6px; padding-left: 10px; padding-bottom: 7px; }
.bodycontent .community .list ul.bullets li a { color: #ac41b7; }


img.details { float: left; width: 161px; margin-right: 20px; border: 1px solid #e7e7e7; margin-bottom: 18px; }

.pdf { padding: 10px 40px; }

.colholder { width: 253px; background: url(../images/parents-bg.png) no-repeat bottom; position: relative; }
.colholder.first { margin-right: 2px; float: left; margin-left: -16px; }
.colholder.second { margin-right: 2px; float: right; margin-right: -16px; }
.colholder div { padding: 18px 10px 18px 18px; }


/* login table*/
.member table { color: #000; font-size: 0.9em; }
.member table.login tr td { padding: 60px 0px 40px 15px; }
.member table.login tr td.label { width: 126px; padding: 60px 0px 40px 50px; }
.member table.login tr td input.text { width: 222px; }

.button { margin-top: 8px; float: right; padding-right: 60px; }



/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */

.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 483px; background-color: #000; color: #333; padding: 12px; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

.jqmWindow .jqmClose { color: #fff; float: right; font-size: 1.8em; }
p.confirm { padding: 0 0 50px 20px; }
.jqmWindow p.confirm .jqmClose { color: #000; float: left; font-size: 1.0em; color: #01ACEE; text-decoration: none; }

.jqmWindow .popupcontent { clear: both; background-color: #fff; width: 483px; font-size: 1.1em; }
.jqmWindow .popupcontent h2 { font-size: 2.2em; color: #01acee; padding: 20px 0 20px 17px; }
.jqmWindow table { font-size: 1.0em; }
.jqmWindow table tr td input.type { margin-left: 16px; }
.jqmWindow table tr td textarea { margin-left: 16px; width: 218px; }

.jqmWindow .subtext { float: right; margin-right: 5px; color: #adadad; }
.jqmWindow .button { float: left; padding: 10px 0px 10px 16px; }
.jqmWindow .tablefoot { padding: 10px 5px 10px 200px; }

/* emdeded video player */
.video-player { margin: 0 auto; width: 434px; margin-bottom: 10px; background-color: #f4f4f4; padding: 8px 8px 19px 8px; }
.video-player h4 { margin: 8px 0 5px 5px !important; padding: 0 !important; }
.video-player p { margin: 10px 5px 0 5px !important; }

/* topnav */
ul.mainnav { position: relative; z-index: 10000; }
ul.mainnav li { float: left; zoom: 1; list-style: none; }
ul.mainnav li.on { background: url(../images/bg-topnav-activeleft.png) no-repeat left 8px; }
ul.mainnav li.on a { background: url(../images/bg-topnav-activeright.png) no-repeat right 8px; }
ul.mainnav a:hover { color: #fff; background: url(../images/bg-topnav-onright.png) no-repeat right 8px; }
ul.mainnav li a { display: block; }
ul.mainnav li:last-child a { border-right: none; }
ul.mainnav li.hover, ul.mainnav li:hover { background: url(../images/bg-topnav-onleft.png) no-repeat left 8px; color: #fff; position: relative; }
ul.mainnav li.hover a { color: #fff; background: url(../images/bg-topnav-onright.png) no-repeat right 8px; }

/* topnav - subnav */
ul.mainnav ul { width: 240px; visibility: hidden; position: absolute; z-index: 10000; top: 100%; margin: -5px 0 0 0; padding: 5px 0; left: 0; background: #06a2ff url(../images/bg-topnav-sub.jpg) repeat-x 0 0; }
ul.mainnav ul li { margin-left: 10px; font-weight: normal; background: transparent; float: none; line-height: 23px; height: auto; padding: 0; font-size: 12px; }
ul.mainnav ul li a { border-right: none; width: 100%; display: inline-block; height: auto; line-height: 23px; background: url(../images/bg-leftnav-arrowright-white.png) no-repeat 2px center; padding-left: 25px; }
ul.mainnav ul li.hover, ul.mainnav ul li:hover { background: url(../images/bg-topnav-subitem.png) no-repeat 0 0; }
ul.mainnav ul li.hover.expand, ul.mainnav ul li.expand:hover { background: url(../images/bg-topnav-subitem-expand.png) no-repeat 0 0; }
ul.mainnav ul a:hover, ul.mainnav ul a:active { background: url(../images/bg-leftnav-arrowright-white.png) no-repeat 2px center; }
ul.mainnav li.hover li a { background: url(../images/bg-leftnav-arrowright-white.png) no-repeat 2px center; }

/* topnav - tertiary nav */
ul.mainnav ul ul { left: 100%; top: 0; background: transparent url(../images/bg-topnav-subsubitem-top.png) no-repeat 0 0; width: 235px; }
ul.mainnav ul ul li { font-size: 1.0em; }
ul.mainnav li:hover > ul { visibility: visible; }
ul.mainnav ul ul li.hover, ul.mainnav ul ul li:hover { background: url(../images/bg-topnav-subsubitem.png) no-repeat 0 0; }
ul.mainnav ul ul li.hover.expand, ul.mainnav ul ul li.expand:hover { background: url(../images/bg-topnav-subsubitem-expand.png) no-repeat 0 0; }

/* topnav - sub tertiary nav */
ul.mainnav ul ul ul { left: 100%; top: 0; background: transparent url(../images/bg-topnav-subsubsubitem-top.png) no-repeat 0 0; width: 235px; }
ul.mainnav ul ul ul li { font-size: 1.0em; }
ul.mainnav ul li:hover > ul { visibility: visible; }
ul.mainnav ul ul ul li.hover, ul.mainnav ul ul ul li:hover { background: url(../images/bg-topnav-subitem.png) no-repeat 0 0; }

/* breadcrumbs */
ul#breadcrumbs { margin: 0 0 0.5em 0; padding: 0.5em 0 0 0.5em; display: block; background: url(../images/bg-breadcrumbs.png) no-repeat 0 0; width: 490px; height: 35px; }
ul#breadcrumbs li { margin: 0; padding: 0; list-style: none; display: inline; font-size: 11px; color: #1a1a1a; background-image: none; }
ul#breadcrumbs li a { color: #02649d; text-decoration: none; background: url(../images/bg-breadcrumbs-bullet.png) no-repeat right center; padding-right: 1em; }
ul#breadcrumbs li a:hover, ul#breadcrumbs li a:active { text-decoration: underline; }

/* search products */
#searchproducts { width: 182px; padding: 0 10px; height: 263px; background: url(../images/bg-searchproducts.png) no-repeat 0 0; }
#searchproducts h3 { text-indent: -99999px; margin: 0; padding: 0; height: 20px; }
#searchproducts h3.category { height: 55px; }
#searchproducts h3.company { height: 39px; }
#searchproducts h3.keyword { height: 36px; }
#searchproducts select { width: 147px; margin: 0 0 4px 0; height: 27px; line-height: 20px; padding: 0;  }
#searchproducts .textbox { width: 144px; height: 20px; line-height: 24px; padding: 0; margin: 0 0 4px 0; }
#searchproducts .btGo { padding: 0; vertical-align: top; }
#searchproducts .ddlcontain {overflow: hidden}

/* latestnews */
.subcontent div.spot.latestnews { width: 182px; padding-right: 20px; height: 262px; background: url(../images/bg-latestnews.png) no-repeat 0 0 !important; overflow: hidden; }
.subcontent div.spot.latestnews h2 { margin: 0; padding: 0; text-indent: -99999px; height: 50px; }
.subcontent div.spot.latestnews h3 { margin: 0; }

/* Ingredients Table */
.results { width: 100% }
.results .key { float: left; width: 100%; }
.results .key .tip { float: left; width: 115px; background: url(../images/menu-planning-key-bg.jpg) repeat-x; font-size: 0.95em; color: #727272; height: 71px; padding: 0 0 0 3px; }
.results .key h3 { color: #01ACEE !important; font-size: 1.05em; margin: 0; padding: 11px 0; font-weight: bold; }
.results .key img { float: left; margin: 0 0 0 1px; }
.results .productsearch { margin: 6px 0; padding: 5px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; float: left; width: 100%; }

.results .ingredient_table { width: 100%; clear:both; font-size: 0.95em; border-bottom: 2px solid #0e4c6a; margin: 0 0 20px 0; }
.ingredient_table th { text-align: left; vertical-align: bottom; background: #8DDEFD; color: #034D69; white-space: normal !important; padding: 10px 5px; }
.ingredient_table th.first { color: #fff; background: #0886b6 url(../images/blue-gradient-bg.jpg) repeat-x bottom; }
.ingredient_table td.first { background-color: #8DDEFD; vertical-align: top; padding: 6px 0; }
.ingredient_table td.first h4, .ingredient_table td.first, .ingredient_table td.first a { color: #034d69 !important; }
.ingredient_table td.first { border-top: 2px solid #0e4c6a; }
.ingredient_table td.first a { text-decoration: underline; }
.ingredient_table td.first h4 { font-size: 1.2em; padding: 0 0 10px 0; }
.ingredient_table td.table_header { background: #fff url(http://www.healthy-kids.com.au/images/table-head-bg.jpg) repeat-x bottom; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 2px solid #0e4c6a; padding: 5px; }
.ingredient_table td.table_header, .ingredient_table td.table_header h5 { color: #01acee; }
.ingredient_table td.table_header h5 { display: block; font-weight: bold; float: none; padding: 0; margin: 0; }
.ingredient_table td.data { padding: 8px 1px; border: 1px solid #ccc; }
.ingredient_table td.new { background: #fff url(http://www.healthy-kids.com.au/images/bg_new.gif) top right no-repeat; }
.ingredient_table td.last { background: #F9F7F7; text-align: center; padding: 10px 0; }


/* Form Styles */
.dlform {background:url(../images/form/form_body.jpg) repeat-y left top; width:424px; position:relative; padding:80px 19px 55px 27px; margin-left:10px;  color:#505050; }
.dlform .formtop {background:url(../images/form/form_top.jpg) no-repeat left top; width:470px; height:177px; position:absolute; top:0; left:0; z-index:100;}
.dlform .formbuttons {background:url(../images/form/form_bot.jpg) no-repeat left bottom; width:424px; height:66px; padding:0 19px 0 27px; position:absolute; bottom:0; left:0; z-index:100;}
.dlform .formtop h2.donation {text-indent:-999em; background:url(../images/form/header_donation.jpg) no-repeat right bottom; width:120px; height:41px; padding:31px 0 0 28px; float:left;}
.dlform .formtop h2.contactus {text-indent:-999em; background:url(../images/form/header_contactus.jpg) no-repeat right bottom; width:136px; height:41px; padding:31px 0 0 28px; float:left; margin-right:5px;}
.dlform .formtop h2.subscribe {text-indent:-999em; background:url(../images/form/header_subscribe.jpg) no-repeat right bottom; width:145px; height:41px; padding:31px 0 0 28px; float:left; margin-right:5px;}
.dlform .formtop h2.member {text-indent:-999em; background:url(../images/form/header_becomeamember.jpg) no-repeat right bottom; width:141px; height:41px; padding:31px 0 0 28px; float:left; margin-right:5px;}
.dlform .formtop .mandatory {float:left; display:block; padding-top:48px;}
.dlform dl {position:relative; z-index:1000;}
.dlform dl dd {font-weight:bold; height:18px; display:block;}
.dlform dl dt {padding-bottom:17px; display:block;}
.dlform .text {border:1px solid #cacaca; width:408px; height:25px; line-height:25px; padding:0 6px; color:#505050;}
.dlform .textarea {border:1px solid #cacaca; width:408px; padding:0 6px; color:#505050;}
.dlform .short {width:100px;}
.dlform .dropdown {color:#505050;}
.dlform .formbuttons .cancel {color:#ffffff; line-height:49px;}
.dlform .formbuttons .submit { float:right; }

/* Validation summary */	
.validation {background:#dfdfdf; width:470px; margin-left:10px; }
.validationsummary {background:url(../images/form/validation_top.jpg) no-repeat left top; width:470px; margin:0 0 15px 0; }
.validationsummary h2 {color:#000000 !important; padding:30px 0 0 120px  !important; font-size:1.2em !important; font-weight:bold !important; text-transform:uppercase;}
.validationsummary ul {background:url(../images/form/validation_bot.jpg) no-repeat left bottom; width:350px;  padding:28px 0 16px 120px; min-height:60px; height:auto !important; height:60px;}
.validationsummary ul li {background:none; padding:0 10px 10px 0; color:#000 !important; overflow:hidden;}
.validationsummary ul li span {display:block; float:left; width:220px;}
.validationsummary ul li span.err {width:110px !important; font-weight:bold;}


.sresults ul li {background:none; padding:0;}