.new-recipe:after { content: ""; display: block; position: absolute; right: 0; top: 0; width: 50px; height: 40px; background: transparent url("../images/icons/new-small.png") scroll no-repeat 0 0; } .new-recipe.big-recipe:after { width: 74px; height: 58px; background-image: url("../images/icons/new-large.png"); } /* Healthy Kids Website screen.css *//* Base Styles *//* Reset */* {margin: 0;padding: 0;} html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,blockquote, a, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form,label, legend, table, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;} ul {list-style: none;} body {background: #fff url(../images/bg/blue.jpg) 0 0 repeat-x;font: 0.80em/1.5em Arial, Geneva, Helvetica, sans-serif;color: #2e2e2e;} a:link, a:visited {color: #005a92;text-decoration: none;} a:hover, a:active {color: #005a92;text-decoration: underline;} /* For Safari */input[type=text]:focus,input[type=password]:focus { outline: 0 none;} /* Color Theme *//* Blue Theme */h1, h2, h3, h4, h5 {color: #003867;} #content h1, #content h2, #content h3, #content h4, #content h5 {color: #005a92;} #secondary-nav h3 {background: #cff1fb;} #secondary-nav dt {background-color: #096aae;} /* Green Theme #secondary-nav h3 {background: #e0f1cf;} */#container .kidsteens h2 {color: #cc0309;} #container .parentscarers h2 {color: #6f4295;} #container .teacherschildcare h2 {color: #4a7e29;} #container .schoolteachers h2 {color: #06625d;} /* Layout */#wrapper {text-align: center;} #container {width: 991px;margin: 0 auto;text-align: left;} #container .head {background: transparent url(../images/bg/module.png);background-position: -30px -221px;background-repeat: no-repeat;height: 14px;} #container .foot {clear: both;background: transparent url(../images/bg/module.png) -30px -189px no-repeat;height: 13px;} #container .body {background: transparent url(../images/bg/module.png) -1052px 0 repeat-y;position: relative;z-index: 1;} #container .b-outer, #container .body.outer, #container .body.full,#container .body.internal {overflow: hidden;min-height:700px;} /* Green#container .head {background: transparent url(../images/bg/module.png) -30px -33px no-repeat;height: 13px;} */.inner {width: 991px;position: relative;margin: 0 auto;text-align: left;} .nav li {display: block;float: left;padding: 0 10px;} /* Header */#header {background: #fff;width: 100%;min-width: 991px;height: 170px;margin: 0 auto 19px auto;text-align: center;background-color: transparent;background-image: url(../images/bg/header-home.png);background-position: 50% 0;background-repeat: repeat-x;position: relative;z-index: 3;} #logo {width: 246px;height: 90px;display: block;padding: 14px 0 20px 0;} #logo a {display: block;} #skip-to-content {position: absolute;top: 0;right: 5px;font-size: 0.85em;z-index: 10;} #special-nav {position: absolute;top: 45px;right: 0;background: transparent url(../images/common/common.gif) -16px -124px no-repeat;width: 290px;height: 40px;font-size: 0.87em;text-transform: lowercase;} #special-nav li {padding: 6px 0;} #special-nav li a {display: block;float: left;padding: 5px 12px 5px 12px;border-left: 1px dashed #ccc;} #special-nav li a:link, #special-nav li a:visited {color: #717171;} #special-nav li a:hover, #special-nav li a:active {color: #000;text-decoration: underline;} #special-nav li a.current {font-weight: bold;} #special-nav li.home a {border-left: none;} #primary-nav {font-family: Georgia, "Times New Roman", Serif;font-size: 1.35em;z-index: 2;position: relative;} #primary-nav li {position: relative;display: block;height: 45px;padding: 0 0 0 8px;} #primary-nav li a.toplevel {display: block;padding: 0 7px 0 0px;border-right: 1px solid #cecece;color: #5f5f5f;cursor: pointer;} #primary-nav li a.toplevel span {width: 57px;height: 27px;display: block;text-align: center;padding: 7px 0 0 0;line-height: 1.1em;} #primary-nav li a.toplevel:hover, #primary-nav li a.toplevel:active {text-decoration: none;} #primary-nav li a.toplevel:hover span, #primary-nav li.sfHover a.toplevel span {background-color: transparent;background-image: url(../images/common/common.gif);background-position: -20px -66px;background-repeat: no-repeat;text-decoration: none;color: #fff;} #primary-nav li.pn-1 a.toplevel:hover span, #primary-nav li.sfHover.pn-1 a.toplevel span {background-position: -20px -66px;} #primary-nav li.pn-1.current a.toplevel span {width: 52px;padding-right: 1px;background-position: -20px -66px;} #primary-nav li.pn-2 a.toplevel span { background-position: -102px -66px;width: 115px;} #primary-nav li.pn-2 a.toplevel:hover span, #primary-nav li.pn-2.sfHover a.toplevel span {background-position: -102px -66px;} #primary-nav li.pn-3 a.toplevel span { background-position: -246px -66px;width: 141px;} #primary-nav li.pn-3 a.toplevel:hover span, #primary-nav li.pn-3.sfHover a.toplevel span {background-position: -246px -66px;} #primary-nav li.pn-4 a.toplevel span {width: 175px;} #primary-nav li.pn-4 a.toplevel:hover span, #primary-nav li.pn-4.sfHover a.toplevel span {background-position: -414px -66px;} #primary-nav li.pn-5 a.toplevel span { background-position: -616px -66px;width: 140px;} #primary-nav li.pn-5 a.toplevel:hover span {background-position: -616px -66px;} #primary-nav li.pn-6 a.toplevel span { background-position: -782px -66px;width: 189px;} #primary-nav li.pn-6 a.toplevel:hover span {background-position: -782px -66px;} #primary-nav .pn-6.current a.toplevel span {width: 186px;padding-right: 0px;} #primary-nav li.pn-170 a.toplevel span { background-position: -997px -66px;width: 71px;} #primary-nav li.pn-170 a.toplevel:hover span {background-position: -997px -66px;} #primary-nav li.pn-170 a.toplevel {padding: 0;border-right: none;} #primary-nav li.pn-170 ul{left:-160px;} #primary-nav .pn-170.current a.toplevel span {width: 70px;} #primary-nav li.current a.toplevel {border-right: none;} #primary-nav li.current a.toplevel {color: #fff;} #primary-nav li.current a.toplevel:hover span, #primary-nav li.current.sfHover a.toplevel span {background-image: none;} /* dropdowns level 1*/#primary-nav li ul {background: transparent url(../images/bg/nav.png) 0 100% no-repeat;margin: 15px 0 0 0;position: absolute;top: 0px;left: 1px;z-index: 5;padding: 16px 0 0 0;font: 0.70em/1.2em Arial, Geneva, Helvetica, sans-serif;width: 245px;display: none; /* until js is applied */} #primary-nav li ul li {height: auto;padding: 0;margin: 0 0 0;} #primary-nav li ul li.title {font-weight: bold;padding: 20px 0 2px 0px;margin: 0 0 2px 20px;width: 190px;border-bottom: 1px solid #00436e;} #primary-nav li ul li.last {padding-bottom: 20px;} #primary-nav li ul li.first {padding-top: 0;} #primary-nav li ul li a {background-color: #fff;display: block;font-weight: normal;padding: 3px 0 2px 16px;margin: 0px 0 0 5px;width: 220px; /* 245 - 21 *//*height: 14px;overflow: hidden;*/} #primary-nav li ul li a sup{position:absolute;top:0px;font-size:1em;} #primary-nav li ul li a sub{position:absolute;bottom:0px;font-size:1em;} #primary-nav li ul li a.has-sub {} #primary-nav li.pn-1 ul li a:hover,#primary-nav li.pn-1 ul li.sfHover a,#primary-nav li.pn-1 ul li:hover a {color: #00436e;background: #cceffc url(../images/bg/homepage.png) -2774px -1px no-repeat;text-decoration: none;} #primary-nav li.pn-1 ul li a:link, #primary-nav li.pn-1 ul li a:visited {color: #00436e;} #primary-nav li.pn-1 ul li.title {color: #00436e;border-bottom: 1px solid #00436e;} #primary-nav li.pn-2 ul li a:hover,#primary-nav li.pn-2 ul li.sfHover a,#primary-nav li.pn-2 ul li:hover a {color: #ca040a;background: #ffdee2 url(../images/bg/homepage.png) -2774px -93px no-repeat;text-decoration: none;} #primary-nav li.pn-2 ul li a:link, #primary-nav li.pn-2 ul li a:visited {color: #ca040a;} #primary-nav li.pn-2 ul li.title {color: #ca040a;border-bottom: 1px solid #ca040a;} #primary-nav li.pn-3 ul li a:hover,#primary-nav li.pn-3 ul li.sfHover a,#primary-nav li.pn-3 ul li:hover a {color: #573476;background: #e5cefa url(../images/bg/homepage.png) -2774px -188px no-repeat;text-decoration: none;} #primary-nav li.pn-3 ul li a:link, #primary-nav li.pn-3 ul li a:visited {color: #573476;} #primary-nav li.pn-3 ul li.title {color: #573476;border-bottom: 1px solid #573476;} #primary-nav li.pn-4 ul li a:hover,#primary-nav li.pn-4 ul li.sfHover a,#primary-nav li.pn-4 ul li:hover a {color: #2c6f04;background: #ddf4bd url(../images/bg/homepage.png) -2774px -280px no-repeat;text-decoration: none;} #primary-nav li.pn-4 ul li a:link, #primary-nav li.pn-4 ul li a:visited {color: #2c6f04;} #primary-nav li.pn-4 ul li.title {color: #2c6f04;border-bottom: 1px solid #2c6f04;} /* */#primary-nav li.pn-5 ul li a:hover,#primary-nav li.pn-5 ul li.sfHover a,#primary-nav li.pn-5 ul li:hover a {color: #00436e;background: #cceffc url(../images/bg/homepage.png) -2774px -1px no-repeat;text-decoration: none;} #primary-nav li.pn-5 ul li a:link, #primary-nav li.pn-5 ul li a:visited {color: #00436e;} #primary-nav li.pn-5 ul li.title {color: #00436e;border-bottom: 1px solid #00436e;} #primary-nav li.pn-6 ul li a:hover,#primary-nav li.pn-6 ul li.sfHover a,#primary-nav li.pn-6 ul li:hover a {color: #00436e;background: #cceffc url(../images/bg/homepage.png) -2774px -1px no-repeat;text-decoration: none;} #primary-nav li.pn-6 ul li a:link, #primary-nav li.pn-6 ul li a:visited {color: #00436e;} #primary-nav li.pn-6 ul li.title {color: #00436e;border-bottom: 1px solid #00436e;} #primary-nav li.pn-170 ul li a:hover,#primary-nav li.pn-170 ul li.sfHover a,#primary-nav li.pn-170 ul li:hover a {color: #00436e;background: #cceffc url(../images/bg/homepage.png) -2774px -1px no-repeat;text-decoration: none;} #primary-nav li.pn-170 ul li a:link, #primary-nav li.pn-170 ul li a:visited {color: #00436e;} #primary-nav li.pn-170 ul li.title {color: #00436e;border-bottom: 1px solid #00436e;} /**/#primary-nav li ul li a.has-sub:hover,#primary-nav li ul li.sfHover a.has-sub,#primary-nav li ul li:hover a.has-sub {} /* dropdowns level 2*/#primary-nav li ul li ul {left: 178px;} #primary-nav li ul li.first ul {margin-top: 2px;} #primary-nav li ul li ul li {font-size: 1em;} #primary-nav li ul li ul li.first {border-top: 2px solid #c8e8c4;} #primary-nav li ul li.first ul li.first {border-top: none;} /*re-style links that inherited from their parent*/#primary-nav li ul li ul li a, #primary-nav li ul li:hover ul li a, #primary-nav li ul li.sfHover ul li a{background: #fff;color: #525252;} #primary-nav li ul li ul li a:hover, #primary-nav li ul li ul li:hover a, #primary-nav li ul li ul li.sfHover a {background: #c8e8c4;color: #fff;} /* make it all work nicely */#primary-nav li:hover ul,#primary-nav li.sfHover ul {top: 30px;} #primary-nav li:hover li ul,#primary-nav li.sfHover li ul {top: -999em;} #primary-nav li li:hover ul,#primary-nav li li.sfHover ul {top: -2px;} /* Footer */#footer {padding: 20px 0 0px 0;height: 160px;font-size: 0.9em;} #nsw-gov {display: block;float: left;} #heart-foundation {display: block;float: left;} #footer .text {width: 600px;float: left;padding: 35px 0 0 15px;color: #575757;height: 45px;} #copyright {color: #575757;position: absolute;top: 35px;right: 10px;} #footer .tools {position: absolute;top: 0;right: 10px;} #footer .nav {font-size: 0.96em;color: #005a92;} #gov-nav {padding: 20px 0 0 0;width: 185px;float: left;clear: left;} #footer-nav {width: 805px;float: right;display: block;} #footer-nav li {margin-top: 20px;} #gov-nav li, #footer-nav li {line-height: 1.1em;border-left: 1px solid #005a92;} #gov-nav li.first, #footer-nav li.first {border-left: none;padding-left: 0;} /* Left Sidebar */#secondary-nav {width: 186px;float: left;} #secondary-nav h3 {font-family: Georgia, "Times New Roman", Serif;font-size: 1.9em;line-height: 1.1em;font-weight: normal;margin: 0 0 0 5px;padding: 5px 16px 17px 14px;} #secondary-nav h3 a:hover,#secondary-nav h3 a:active{ text-decoration:none;} #secondary-nav dl {font-size: 0.9em;} #secondary-nav dt {margin: 0 0 0 4px;color: #fff;font-size: 1.2em;font-weight: bold;padding: 5px 16px 6px 16px;background-image: url(../images/common/h-dash.gif);background-repeat: repeat-x;background-position: 0 100%;clear: left;} #secondary-nav dd {clear: left;margin: 0 0 0 5px;} #secondary-nav li {clear: left;float: left;display: block;width: 100%;} #secondary-nav li a:link, #secondary-nav li a:visited, #secondary-nav li a:hover, #secondary-nav li a:active {color: #5b6469;text-decoration: none;} #secondary-nav li a {background: transparent url(../images/bg/module.png);background-position: -2333px 0;background-repeat: no-repeat;padding: 7px 18px 6px 14px;display: block;font-size:1.05em;line-height: 1.2em;border-bottom: 1px solid #fff;position: relative;width: auto;} #secondary-nav li a:hover {background-position: -2333px -94px;font-weight: bold;line-height: 1.2em;color: #005a8f;} #secondary-nav li li a {padding-left: 24px;background: transparent none;border-bottom: none;} #secondary-nav li li ul {padding: 4px 0 10px 0;} #secondary-nav li li li a {padding: 5px 0 4px 32px;background: transparent none;border-bottom: none;font-size: 0.95em;} #secondary-nav li.p-open a {color: #005a8f;font-weight: bold;} #secondary-nav li li.p-open a {font-weight: normal;} #secondary-nav li a.n-open {background: transparent url(../images/bg/module.png) -2333px -94px no-repeat !important;font-weight: bold;} #secondary-nav li a sup{font-size:1em;position:absolute;top:5px;} #secondary-nav li a sub{font-size:1em;position:absolute;bottom:4px;} #secondary-nav li li a.n-open, #secondary-nav li li a:hover {background: #f1f1f1;border-bottom: 1px solid #dfdfdf;color: #333;font-weight: bold;} #secondary-nav li li a:hover, #secondary-nav li a.selected {color: #005a8f;} #secondary-nav li a.selected {background-position: -2333px -45px;font-weight: bold;} #secondary-nav li li a, #secondary-nav li li li a {border-bottom: 1px solid #fff;} #secondary-nav li li li a.n-open, #secondary-nav li li li a:hover {margin-left: 15px;padding-left: 17px;color: #005a8f;font-weight: normal;} #secondary-nav li a .has-more {width: 20px;height: 16px;top: 25%;right: 2px;position: absolute;text-indent: -50000em;background-image: url(../images/common/icons.gif);background-repeat: no-repeat;background-position: -24px -1421px;} #secondary-nav li a.n-open .has-more {background-position: -24px -3320px;} #secondary-nav li li a .has-more {background-position: -29px -3395px;} #secondary-nav li li a.n-open .has-more {background-position: -28px -3475px;} /* Right Sidebar */#sidebar {width: 244px;float: left;font-size: 0.9em;} #sidebar a {font-weight: bold;} #sidebar h3 {font-size: 1.25em;font-weight: bold;color: #003867;} #sidebar h3 a, #sidebar h4 a {color: #003867;} #sidebar p {line-height: 1.5em;} #sidebar .module .head {position:relative;} #sidebar .module .body {padding: 10px 14px 10px 14px;position: relative;width: 209px;} #sidebar .head h3 {padding: 18px 14px 16px 14px;background-image: url(../images/common/h-dash-blue.gif);background-repeat: repeat-x;background-position: 0 100%;} #sidebar h4 {font-size: 1.1em;font-weight: bold;line-height: 1.5em;} #sidebar .head {/*height: 52px; */height: auto;background: transparent url(../images/bg/module.png) -2078px -345px no-repeat;} #sidebar .foot {height: 15px;position:relative;background: transparent url(../images/bg/module.png) -2078px -65px no-repeat;overflow: hidden;} #sidebar .body {background: #d6f2fd none;} #sidebar .module {margin: 0 0 10px 0;width: 237px;} #sidebar p {padding: 0 0 0.3em;} #sidebar a {font-size: 1.0em;} #sidebar #search.module {background: transparent;margin: 0 0 15px 0;} #sidebar #search.module fieldset {position: relative;} #sidebar #search.module label {position: absolute;top: 4px;left: 5px;font-size: 1.0em;line-height:20px;} #sidebar #search fieldset {background: transparent url(../images/common/common.gif) no-repeat scroll -416px -132px;width: 202px;height: 28px;position: relative;} #sidebar #search .btn {position: absolute;top: 0px;right: -25px;} #sidebar #search.module input.text {width: 135px;/*padding: 5px 7px 3px 58px;float: left; */position: absolute;top: 6px;left: 52px;color: #444;background: transparent none;} .safari #sidebar #search.module input.text {top: 4px;} #sidebar .image {margin: 0 5px 0 0;} #sidebar p.more {padding-top: 5px;} #gateway-to-sport {background-color:#D6F2FD;position:relative;} #gateway-to-sport .img img{position:absolute;left:136px;bottom:0;} #gateway-to-sport.module .body {padding-bottom: 15px;background: transparent url(../images/bg/module-gateway.png) 0 100% no-repeat;} #gateway-to-sport .body h4, #gateway-to-sport .body p {width: 110px;} #gateway-to-sport .body p.more {width: auto;} #gateway-to-sport .foot {background:none repeat scroll 0 0 #FFFFFF;height: 9px;} #sidebar #five-ways.module .head {border-bottom: 0;padding: 10px 10px;height: 15px;} #sidebar #five-ways.module .head h3 {font-size: 1.1em;padding: 0;background-image: none;} #sidebar #five-ways.module .body {padding: 0 5px; width:227px;} #sidebar #five-ways.module p.more {padding: 0 5px;} #five-ways-map {position: relative;width: 226px;height: 235px;background: url(../images/common/five-ways-diagram.png) no-repeat;} #five-ways-map ul {position: absolute;left: 0;top: 0;} #container.homepage #five-ways-map {margin: 0 -10px;} #container.homepage #five-ways #five-ways-map li {background: transparent none;} #five-ways-map li {position: absolute;display: block;padding: 1px 0 0 10px;} #five-ways-map li a {width: 80px;height: 60px;display: block;position: relative;} #five-ways-map .tooltip {position: absolute;visibility: hidden;width: 114px;height: 114px;display: block;text-indent: -50000em;background: transparent;background-repeat: no-repeat;background-image: url(../images/common/five-ways-tips.png);z-index: 5;} #five-ways-map #t1 {top: 0;left: 80px;} #five-ways-map #t1 .tooltip {top: -68px;left: 42px;background-position: -156px -43px;} #five-ways-map #t2 {top: 76px;left: 163px;} #five-ways-map #t2 .tooltip {top: -110px;left: -40px;background-position: -277px -42px;} #five-ways-map #t3 {top: 145px;left: 148px;} #five-ways-map #t3 .tooltip {top: 52px;left: -30px;background-position: -167px -178px;} #five-ways-map #t4 {top: 156px;left: 38px;} #five-ways-map #t4 .tooltip {top: -10px;left: -110px;background-position: -28px -185px;} #five-ways-map #t5 {top: 80px;left: 0px;} #five-ways-map #t5 .tooltip {top: -111px;left: -56px;background-position: -26px -35px;} #five-ways-map a:hover .tooltip {visibility: visible;} /* Content */#content {width: 517px;padding: 0px 20px;float: left;} #content h1 {font-size: 2.0em;font-weight: normal;margin: 9px 0 14px 0;padding: 0;clear: both;overflow:visible;} #content .page-heading {position:relative;float: left;width: 510px;line-height: 1.1em;} #content .page-heading sup{ vertical-align:top;} #content .page-heading sub{ vertical-align:bottom;} #content .content {clear: both;} #content h2 {padding: 1.3em 0 0.3em 0;font-size: 1.4em;} #content p {padding: 0.5em 0 0.4em 0;} #content a {color: #2f78ca;} #content h2 a {color: #005a92;} #content .more a {color: #00436e;} #content ul.tools {float: right;} #breadcrumbs {width: 335px; float: left;position:absolute;font-size: 0.9em;left:20px;} #breadcrumbs li {display: inline;padding: 0 0px 0 0;} #breadcrumbs li sup{position:absolute;top:0px;font-size:1em;} #breadcrumbs li sub{position:absolute;bottom:0px;font-size:1em;} #breadcrumbs li.current {font-weight: bold;color: #2f78ca;} #breadcrumbs li span {background: transparent url(../images/common/icons.gif) no-repeat;background-position: -26px -831px;padding: 0 0 0 11px;color: #fff;/*width: 13px;display: block;float: left;text-indent: -50000em;*/} /* Floating Sidebar. Full Page Width */.full #content {width: 765px;padding-right: 0;} .full #sidebar {position: absolute;top: 0;right:0;} .full #content .tools, .full #content .page-heading, .full.recipes .content-text {padding-right: 248px;} .full #content .page-heading { pointer-events: none; } .recipes #content .tools {padding-right: 0;} #content .content-text .method h3{ padding:1.3em 0 0;} #content .content-text .method p{ padding:0 0 0.4em;} .recipes #sidebar {position: absolute;top: 50px;right: 5px;width: 243px;} /* Related Links */#related-links {margin: 20px 0;border-bottom: 1px dashed #aaa;} #related-links h3 {color: #343434;padding: 10px 5px;margin: 0 0 5px 0;border-top: 1px dashed #aaa;border-bottom: 1px dashed #aaa;} #related-links h4 {color: #343434;} #related-links ul {padding: 8px 0;font-size: 0.9em;} #related-links li {background: transparent url(../images/common/icons.gif);background-position: -26px -709px;background-repeat: no-repeat;padding: 0 0 5px 22px;} #related-links li span {display: block;} /* Search Results */.result-info {background: transparent url(../images/common/common.gif) -18px -534px no-repeat;font-size: 1.1em;color: #686868;padding: 10px;width: 500px;height: 18px;margin: 0px 0 20px 0;} .result-info span {color: #3a3a3a;font-weight: bold;} .result-item {padding: 19px 0;border-bottom: 1px solid #dedede;} #content .result-item h2 {font-size: 1.0em;} #content .result-item p {padding: 5px 0 2px 0;} .result-item p.url {color: #2f78ca;} #content .search {padding: 27px 0 0 0;border-top: 1px solid #dedede;} #content .search-results{ padding: 0 0 15px 0;border: 0px;} #content .search label {display: none;} #content .search input.text {padding: 5px 5px 2px 7px;font-size: 0.9em;float: left;} /* Sitemap */#sitemap .module h2 {font-family: Georgia, "Times New Roman", Serif;font-size: 1.35em;font-weight: normal;border-bottom: 1px solid #aaaaaa;padding: 0 0 7px 0;margin: 0 0 10px 0;} #sitemap .module {padding: 15px 0 10px 0;clear: left;} #sitemap .module dt {font-size: 1.0em;font-weight: bold;color: #005a92;margin: 0 0 2px 0;} #sitemap .module li {font-size: 0.9em;font-weight: bold;background: transparent none;padding: 0;} #sitemap .module li li {font-size: 1.0em;font-weight: normal;padding-left: 7px;} #sitemap dl {float: left;width: 245px;padding: 0 10px 15px 0;} #sitemap a {color: #2e2e2e;} /* Form */#content .field {font-size: 0.9em;} #content .field.text {position: relative;background: transparent url(../images/common/common.gif) -779px -202px no-repeat;padding: 0px 0 0 0;line-height: 0.9em;height: 31px;width:242px;} #content .field.text label {border-right: 1px solid #424242;margin-right: 5px;} #content .field label {padding: 3px 3px 2px 7px;color: #424242;border-right: none;float: left;margin: 6px 0 0 0;} #content .field input.text {background-color: transparent !important;background-image: none;color: #2971b3;width: 145px;position:relative;top:4px;float: left;display: block;} #content .field.l-text {background: transparent url(../images/common/common.gif) -261px -336px no-repeat;width: 490px;} #content .field.m-text {background: transparent url(../images/common/common.gif) -598px -302px no-repeat;width: 148px;float: left;} #content .field.s-text {background: transparent url(../images/common/common.gif) -648px -269px no-repeat;width: 90px;float: left;} #content .field.l-text input.text {width: 340px;} #content .field.m-text input.text {width: 65px;} #content .field.s-text input.text {width: 35px;} #content .field select {color: #2971b3;padding: 2px 5px;font-weight: bold;} #content .field option {color: #2971b3;padding: 0 5px;font-weight: bold;} #content .field textarea {background: transparent url(../images/common/common.gif) -778px -249px no-repeat;border: none;width: 210px;height: 168px;max-height:168px;max-width:210px;padding: 10px;color: #2971b3;} #content div#order-form,#content div#contact-form, #content .module.highlight {width: 100%;padding: 10px 0 0 0;} #content div#order-form .head ,#content div#contact-form .head{background: transparent url(../images/common/common.gif) -491px -463px no-repeat;height: 15px;} #content div#order-form .body,#content div#contact-form .body {background: #e5f7fd none;padding: 5px 15px;} #content div#order-form .foot,#content div#contact-form .foot {background: transparent url(../images/common/common.gif) -491px -479px no-repeat;height: 10px;margin: 0 0 30px 0;} #content div#order-form .foot,#content div#contact-form .foot {font-size: 0.85em;font-weight: bold;text-align: right;padding: 10px 0 0 0;color: #575757;} #content div#order-form .foot p,#content div#contact-form .foot p {background: #fff;margin: 1px 0 0 0;} /* Contact Form */#content div#contact-form .textarea {position: relative;} #content div#contact-form .textarea label {position: absolute;top: 4px;left: 3px;margin-top: 0;padding-top: 0;} #content div#contact-form .textarea textarea {padding-top: 24px;} #content div#contact-form .field select {width: 143px;float: right;margin: 7px 0 0 3px;} #content div#order-form .checkbox,#content div#contact-form .checkbox {padding: 15px 0 0 0;clear: both;} #content div#order-form .checkbox input,#content div#contact-form .checkbox input {margin: 3px 0;float: right;} #content div#order-form .checkbox label,#content div#contact-form .checkbox label {width: 440px;font-weight: bold;float: right;padding-top: 0;margin-top: 0;} #content div#order-form .checkbox label span,#content div#contact-form .checkbox label span {font-weight: normal;display: block;} #content #order-form .submit,#content #contact-form .submit {clear: left;padding: 24px 0;} #content #order-form .btn-submit,#content #contact-form .btn-submit {background: transparent url(../images/common/common.gif) -649px -129px no-repeat;width: 80px;padding: 7px 0;height: 20px;display: block;float: left;font-weight: bold;text-align: center;} /* Form Input */#contact-form .firstname {width: 151px;} #contact-form .lastname {width: 152px;} #contact-form .email {width: 179px;} #contact-form .phone {width: 133px !important;} #content #contact-form .postcode {width: 153px !important;} /* Order Form */#order-form {position: relative;} #order-form legend {font-size: 1.1em;color: #00436e;display: block;font-weight: bold;height: 30px;} #order-form fieldset fieldset {padding: 10px 0 20px 0;} #order-form .head {margin: 40px 0 0 0;} #order-form .head h2 {position: absolute;background: transparent url(../images/common/common.gif) -780px -129px no-repeat;top: 20px;left: 0;width: 235px;height: 14px;padding: 8px 5px 12px 15px;font-size: 1.35em;color: #fff;} #content #order-form .submit {padding-top: 10px;} #order-form table {font-size: 0.9em;border-collapse: collapse;width: 100%;color: #575757;} #order-form table th {font-weight: normal;padding: 5px;vertical-align: middle;} #order-form table td {padding: 6px 8px;background: #fff;vertical-align: middle;} #order-form table .alternate td {background: #f3f3f3;} #order-form .item {font-weight: bold;color: #096eb2;width: 300px;} #order-form .quantity {width: 50px;} #order-form .quantity input {background: transparent url(../images/common/common.gif) -649px -241px no-repeat;width: 51px;height: 24px;border: none;color: #096eb2;text-align: center;} #order-form .body #address-info .s-text input{font-weight:bold;} /* Form Input */#order-form .column .field input.text{ padding:0;} #order-form #user-info .firstname {width: 151px;} #order-form #user-info .lastname {width: 152px;} #order-form #user-info .email {width: 179px;} #order-form #user-info .phone {width: 173px;} #order-form #user-info .school {width: 340px;} #order-form #address-info .address {width: 124px;} #order-form #address-info .address2 {width: 224px;margin-left: 5px;} #order-form #address-info .suburb {width: 175px;} #order-form #address-info .postcode {width: 67px;} /* Errors on Form */#content .errors h3 {font-size: 1.1em;} #content .error label.error {color:#D7252B;font-weight:normal;border: 0px none;} #content .error span {font-weight: bold;} #thankyou h2 {padding: 40px 0 20px 0;color: #086eb0;font-size: 1.8em;font-weight: normal;} /* Recipes */#categories {padding: 10px 0;} #categories li {width: 150px;background: transparent none;padding: 10px 25px 15px 0;display: block;float: left;font-size: 0.9em;font-weight: bold;} #categories li .image {border: 1px solid #ebebeb;padding: 5px;margin: 0 0 3px 0;display: block;height: 90px;width:139px;} #categories.recipes-list li .image {width: 125px; /*recipe thumb*/height: 75px;} #categories.recipes-list li .image .overflow{display:block; position:relative; width:125px; height:75px; overflow:hidden;} #categories li .image .overflow{width:139px;height:90px; overflow:hidden;} #categories li a {text-decoration: none;} #categories li a:hover .image, #categories li a:active .image {border: 1px solid #679dbf;cursor: pointer;} #categories li a {color: #545a5c;} #categories li a:hover{text-decoration: underline;} #sidebar #recipe-search {color: #00436e;} #sidebar #recipe-search .head {border-bottom: none;padding: 10px 9px 5px 9px;height: 15px;} #sidebar #recipe-search .head h3 { padding: 0;background-image: none;} #sidebar #recipe-search .body {padding: 10px 9px 3px 9px;width:219px;} #sidebar #recipe-search .field {background: transparent url(../images/common/common.gif) -411px -179px no-repeat;width: 215px;height: 26px;padding: 0px 3px 4px 3px;margin: 0 0 15px 0;} #sidebar #recipe-search input.text {background: transparent none;float: left;width: 135px;color: #333;padding: 6px 0 0 3px;} #sidebar #recipe-search .field label {float: left;line-height: 1.0em;padding: 2px 3px 0 3px;margin: 6px 0 0 0;} #sidebar #recipe-search .btn {float: right;margin: 17px 10px 0 0;} #sidebar #recipe-search .recipe-theme ul {background: #c6ecfa;padding: 10px 0 10px 5px;margin: 5px 0;} #sidebar #recipe-search .recipe-theme li {width: 103px;padding: 2px 0px;float: left;} #sidebar #recipe-search .recipe-theme label {border-right: none;} #sidebar #recipes-menu .head {padding: 0;height: 52px;background: transparent url(../images/bg/module-recipes-menu.gif) 100% 0 no-repeat;} #sidebar #recipes-menu .divider {background: transparent url(../images/bg/module-recipes-div.gif) 100% 0 no-repeat;padding:0;height:10px;} #sidebar #recipes-menu .foot {background: transparent url(../images/bg/module.png) no-repeat scroll -2079px -217px;} #sidebar #recipes-menu{ background-color:#e2e4e3;} #sidebar #recipes-menu .head h3 {padding: 16px 14px;background: transparent none;width:150px;} #sidebar #recipes-menu .body {padding: 5px 0 5px 7px;background-color: #e2e4e3;width:230px;} #sidebar #recipes-menu p {font-weight: bold;color: #00436e;padding: 2px 8px 8px;} #sidebar #recipes-menu li a {background: transparent url(../images/common/icons.gif) -24px -3891px no-repeat;padding: 1px 4px 3px 20px;display: block;color: #242424;font-weight: normal;} #sidebar #recipes-menu li.current a {background: #e4f3fa url(../images/common/icons.gif) -24px -3764px no-repeat;border-bottom: 1px solid #cbd8de;font-weight: bold;} .result-tip {padding: 10px 10px 10px 10px;color: #005991;font-size: 0.9em;} /* Recipe Detail */#content.recipe-detail h1 {font-size: 1.5em;line-height: 1.1em;padding-top:30px;} #content.recipe-detail #breadcrumbs { width: 100%;} #content.recipe-detail .tools {position: absolute;top: 0px;right: 15px;} #content.recipe-detail .ingredients li {background: transparent none;padding: 2px 0;font-weight: bold;} #content.recipe-detail .ingredients h3 {font-size: 1.0em;font-weight: bold;padding: 0.4em 0 0 0;} #content.recipe-detail .ingredients p{padding:0 0 0.4em;} #content.recipe-detail .method {clear: both;} #content.recipe-detail .method li {/* list-style-type: decimal;margin: 0 0 0 20px; */padding: 0 0 8px 0;background: none;color: #2E2E2E;font-weight: normal;} #content.recipe-detail .method li span {color: #2e2e2e;font-weight: normal;} #content.recipe-detail h2 {padding: 0 0 8px 0;color: #333;} #content.recipe-detail .ingredients, #content.recipe-detail .method, #content.recipe-detail .nutrients {padding: 20px 0;border-bottom: 1px solid #dedede;} #content.recipe-detail .nutrients {border-bottom: none;font-size: 0.9em;} #content.recipe-detail .nutrients h2 {font-size: 1.2em;} #content.recipe-detail .nutrients table {width: 240px;border-collapse: collapse;} #content.recipe-detail .nutrients td, #content.recipe-detail .nutrients th {padding: 5px 0;border-bottom: 1px solid #dedede;} #content.recipe-detail .nutrients td.value {text-align: right;width:70px;} #content.recipe-detail .serving-details {float: right;width: 231px;} #content.recipe-detail .serving-details .head {background: transparent url(../images/bg/module.png) -2644px 0px no-repeat;height: 13px;} #content.recipe-detail .serving-details .foot {clear: both;background: transparent url(../images/bg/module.png) -2644px -13px no-repeat;height: 13px;} #content.recipe-detail .serving-details .body {background: #f2f2f2;width: 200px;padding: 10px 15px 20px 15px;} #content.recipe-detail .serving-details table {width: 200px;} #content.recipe-detail .serving-details th {padding: 5px 0 5px 40px;text-align: left;} #content.recipe-detail .serving-details .serves {background: transparent url(../images/common/icons.gif) -5px -2px no-repeat;} #content.recipe-detail .serving-details .prep {background: transparent url(../images/common/icons.gif) -5px -98px no-repeat;} #content.recipe-detail .serving-details .cooking {background: transparent url(../images/common/icons.gif) -5px -190px no-repeat;} #content.recipe-detail .serving-details td {background: #f2f2f2 none;} #content.recipe-detail .credit {clear: both;float: right;width: 230px;padding: 12px 0;} #content #recipe-suggestions .head {background: transparent url(../images/common/common.gif) -492px -502px no-repeat;height: 10px;} #content #recipe-suggestions .body {background: #d6f2fd none;padding: 5px 15px 5px 37px;} #content #recipe-suggestions .foot {background: transparent url(../images/common/common.gif) -565px -541px no-repeat;height: 25px;font-size: 0.97em;} #content #recipe-suggestions.module {overflow: hidden;padding: 10px 0 20px 0;width: 517px;position: relative;} #content #recipe-suggestions.module a {color: #036;} #content #recipe-suggestions.module .pagination li.active a {color: #333;} #content #recipe-suggestions.module h3 {width: 190px;float: left;font-size: 1.2em;} #content #recipe-suggestions.module .tip {margin: 2px 0 0 0;background: transparent url(../images/common/icons.gif) -11px -292px no-repeat;float: right;padding: 0 5px 0 18px;font-size: 0.9em;color: #00436e;width: 238px;} #content #recipe-suggestions .container {padding: 5px 0 0 0;font-size: 0.9em;height:170px; overflow:hidden; position:relative; } #content #recipe-suggestions .slides {position:absolute; top: 30px; left:0;} #content #recipe-suggestions .slides span.title {display: block;width: 130px;font-weight: bold;padding: 2px 0 0 4px;cursor: pointer;} #content #recipe-suggestions .slides a:hover span.title {text-decoration: underline;} #content #recipe-suggestions .slides div { /*width: 150px; height: 140px; overflow: hidden; position:absolute; top:0; display:none; float: left;*/ } #content #recipe-suggestions .slides .image {width: 125px;height: 73px;display: block;background: #fff;padding: 5px;border: 1px solid #ebebeb;} #content #recipe-suggestions .slides .image div.overflow{ display:block; position:relative; width:125px; height:75px; overflow:hidden;} #content #recipe-suggestions .slides a:hover .image, #content #recipe-suggestions .slides a:active .image {border: 1px solid #679dbf;cursor: pointer;} #content #recipe-suggestions .slider-pagination .previous a {background: transparent url(../images/common/icons.gif) 0px -383px no-repeat;position: absolute;top: 66px;left: 0px;width: 28px;height: 57px;display: block;text-indent: -50000em;} #content #recipe-suggestions .slider-pagination .next a {background: transparent url(../images/common/icons.gif) -13px -484px no-repeat;position: absolute;top: 66px;right: 0px;width: 28px;height: 57px;display: block;text-indent: -50000em;} #content #recipe-suggestions .pages-info {width: 160px;font-weight: normal;font-size: 0.9em;float: left;color: #03426e;padding: 3px 0 0 10px;} #content #recipe-suggestions .pages-info span {font-weight: bold;} #content #recipe-suggestions .pagination {bottom: -21px;position: absolute;right: 20px;} #content #recipe-suggestions .pagination .pages li.first {border-left: 1px solid #005a92;} #content #recipe-suggestions .pagination .pages li.last {border-right: 1px solid #005a92;} #content #recipe-suggestions .list-pagination {color: #b4e7fc;} #content #recipe-suggestions .list-pagination li.previous, #content #recipe-suggestions .list-pagination li.next{padding: 0 4px 0 4px} #content #recipe-suggestions .pagination .pages ul, #content #recipe-suggestions .pagination .pages span {padding: 3px 0;} /* Events */#content .event-search {margin: 0 0 4px 0;height: 70px;border-top: 1px solid #dedede;} #content .event-search form {background: #e5f7fd;padding: 18px 16px 0 16px;margin: 10px 0 0 0;height: 42px;width: 485px;} #content .event-search label {color: #2e2e2e;border: none;padding: 3px 10px;} #content .event-search * {float: left;} #content .event-search select {padding: 4px 5px 3px 5px;margin-right: 20px;color: #00436e;} #content .event-search input.text {background: transparent url(../images/common/common.gif) -375px -371px no-repeat;height: 20px;padding: 6px 7px;width: 169px;} .safari #content .event-search input.text {padding-top: 3px;} #content .go-back {padding: 15px 0 24px 0;} #content .go-back a {padding: 0 0 0 18px;background: transparent url(../images/common/icons.gif) -27px -4304px no-repeat;/*color: #2f78ca; */} #content .event-search h4 {padding: 10px 0 0 0;font-size: 1.0em;} #content .event-dates {background: #f2f2f2;padding: 5px 10px;height: 20px;color: #535353;} #content .event-dates li {list-style: none;display: block;float: left;background: transparent none;padding: 0 7px;text-transform: uppercase;} #content .event-dates li a {color: #535353;} #content .event-dates li.prev, #content .event-dates li.next {padding: 0;} #content .event-dates li.prev a, #content .event-dates li.next a {width: 27px;height: 23px;text-indent: -50000em;display: block;background: transparent url(../images/common/icons.gif);background-repeat: no-repeat;background-position: -17px -4183px;} #content .event-dates li.next a {background-position: -17px -4077px;} #content .event-dates .today {font-size: 0.86em;} #content .book-now {font-weight: bold;text-transform: uppercase;color: #575757;background: #f2f2f2;height:27px;padding:3px 2px 3px 15px;margin: 0 0 20px 0;} #content .book-now .btn-book {background: transparent url(../images/common/common.gif) -780px -595px no-repeat;display:block;float:right;font-size:0.9em;height:20px;padding:3px 8px;width:80px;} #content .book-now span {display:block;float:left;padding:5px 0;width:390px;} /* Homepage */#container.homepage {overflow: hidden;} #container.homepage .head {background: transparent url(../images/bg/homepage.png) -18px -10px no-repeat;height: 11px;} #container.homepage .foot {clear: both;background: transparent url(../images/bg/homepage.png) -18px -254px no-repeat;height: 12px;} #container.homepage .body {background: transparent url(../images/bg/homepage.png) -1643px 0 repeat-y;padding: 1px 0px 1px 11px;font-size: 0.9em;} #container.homepage .content {background: transparent url(../images/bg/gradient-blue.jpg) 100% 0 repeat-y;margin-right: 8px;} #container.homepage .content .left {background: transparent url(../images/bg/gradient-gray.jpg) 0 0 repeat-x;width: 734px;float: left;position: relative;} #container.homepage #popular-links .image{ width:160px; height:100px; overflow:hidden;} #container.homepage .more {line-height: 0.9em;} #container.homepage .more a {font-size: 1.0em;} #popular-links h3 {font-weight: normal;color: #333;font-size: 1.2em;width: 300px;padding: 10px 10px 14px 10px;} #popular-links p{margin-top:10px;} #popular-links ul.tools {position: absolute;top: 3px;right: 20px;} #popular-links .item {width: 160px;min-height: 357px;float: left;padding:0 10px 0 12px;background: transparent url(../images/common/v-dash.gif) -1px 0 repeat-y;} #popular-links .item.first {padding:0 11px 0 9px;background-image: none;} #popular-links .item h2 {font-size: 1.4em;font-weight: normal;font-family: Georgia, "Times New Roman", Serif;width: 150px;padding: 8px 0 8px 10px;white-space:nowrap;} #popular-links .item span {font-style: italic;} #popular-links .kids-teens h2 {background: #ffc7cd;color: #a1000d;white-space:normal;} #popular-links .parents-carers h2 {background: #e5cefa;color: #573476;white-space:normal;} #popular-links .school-teachers h2 {background: #cceffc;white-space:normal;} #popular-links .teachers-childcare h2 {background: #d4f1ad;color: #1a542a;white-space:normal;} #popular-links .item dl {padding: 0px 6px;margin: 0;} #popular-links .item dt {padding: 10px 0 0 0;font-weight: bold;} #popular-links .item dd.sub-item {padding: 10px 0 0 0;} #popular-links .item li {background: transparent url(../images/common/icons.gif) -30px -711px no-repeat;padding: 0 0 2px 11px;} #popular-links a {color: #2f78ca;} #container.homepage .content .right {float: left;width: 210px;padding: 0 5px 5px 15px;} #container.homepage #five-ways img {margin: 0 -10px;} #container.homepage #five-ways ul {padding: 5px 0;} #container.homepage #five-ways li {background: transparent url(../images/common/icons.gif) -31px -925px no-repeat;padding: 1px 0 0px 10px;margin: 0;display: block;font-weight: bold;} #container.homepage #factsheets {padding-top: 15px;padding-right: 10px;width: 211px;overflow: hidden;background: transparent url(../images/bg/module-factsheets.gif) 100% 100% no-repeat;min-height: 205px;line-height: 1.34em;} #container.homepage #factsheets h2 {padding-bottom: 3px;color: #00436e;font-size: 1.5em;} #container.homepage #factsheets h3 {padding-top: 10px;font-size: 1.1em;} #container.homepage #factsheets .did-you-know span {font-weight: bold;padding-right: 50px;} #container.homepage #factsheets .did-you-know span span { background: url(../images/common/icons.gif) no-repeat -29px -927px;padding: 0 0 0 8px;/* width of the img */display: inline-block;/* IE correction to show the icon */cursor: pointer;/* IE correction to show hand instead of arrow */vertical-align: bottom;/* Opera correction to get the last word vertical aligned */color: #e1f6fd;} #container.homepage #factsheets .order-online h3 {padding-right: 120px;} #container.homepage #factsheets .order-online p {padding-right: 90px;} #container.homepage #ideas {color: #575757;} #container.homepage #ideas #featured-recipes .recipe .image{display:block; position:relative; width:245px; height:147px; overflow:hidden;} #container.homepage #ideas h2 {font-family: Georgia, "Times New Roman", Serif;color: #575757;font-size: 2.1em;line-height: 1.1em;font-weight: normal;} #container.homepage #ideas .intro {float: left;width: 128px;padding: 21px 12px;} #container.homepage #ideas .intro p {line-height: 1.2em;padding: 6px 0 0 0;} #container.homepage #ideas .intro .more a {background: transparent none;padding: 0;} #container.homepage #featured-recipes .recipe {display: none;} #container.homepage #featured-recipes div.current {display: block;float: left;background: transparent url(../images/bg/homepage.png) -1286px -8px no-repeat;width: 258px;height: 208px;margin: 7px 0 0 0;padding: 10px 0 0 12px;overflow: hidden;} #container.homepage #featured-recipes div.current .more {padding-top: 5px;font-weight: normal;position: relative;} #container.homepage #featured-recipes div.current .more a {font-weight: normal;} #container.homepage #featured-recipes ul {padding: 20px 0;} #container.homepage #featured-recipes li {float: left;background: transparent none;padding: 3px;} #container.homepage #featured-recipes li .image {padding: 5px;border: 1px solid #eee;background: #fff;float: left;height: 73px;width:126px;cursor: pointer;} #container.homepage #featured-recipes li.current .image {border-color: #88b8cf;} #container.homepage #featured-recipes li .image .overflow{position: relative; display:block; width:126px; height:73px; overflow:hidden;} #container.homepage #featured-recipes li a:hover .image, #container.homepage #featured-recipes li.current a .image {border: 1px solid #88b8cf;} #container.homepage #highlight {position: relative;float: left;width: 729px;height: 352px;overflow: hidden;margin: -7px 0 -10px -7px;} #container.homepage #highlight .items {z-index: 2;position: absolute;top: 0;left: 0;} #container.homepage #highlight .item {width: 162px;height: 20px;padding: 29px 0 29px 22px;background: #ddf6fd;/*border-top: 2px dashed #9fc9e1;*/cursor: pointer;} #container.homepage #highlight .item-images .image{ height:353px; overflow:hidden;} #container.homepage #highlight .item h3 {font-size: 1.9em;font-weight: normal;font-family: Georgia, "Times New Roman", Serif;padding: 10px 0 10px 0;line-height:1.1em;} #container.homepage #highlight #i1.item {background: transparent url(../images/bg/homepage.png) -1041px -235px no-repeat;border-top: none;} #container.homepage #highlight .item {background: transparent url(../images/bg/homepage.png) -1041px -313px no-repeat;overflow:hidden;} #container.homepage #highlight .item.first,#container.homepage #highlight .item.next{ background: transparent url(../images/bg/homepage.png) -1041px -315px no-repeat;overflow:hidden;} #container.homepage #highlight #i3.item {background: transparent url(../images/bg/homepage.png) -1042px -717px no-repeat;} #container.homepage #highlight .item.current {border-top: none;background-color: transparent;background-image: url(../images/bg/homepage.png);background-position: -1041px -18px;background-repeat:no-repeat;width: 158px;height: 160px;padding: 18px 32px 18px 22px;} #container.homepage #highlight #i1.current {background-position: -1041px -15px;} #container.homepage #highlight #i2.current {background-position: -24px -651px;} #container.homepage #highlight #i3.current {background-position: -264px -654px;} #container.homepage #highlight .item .title {font-weight: bold;color: #005993;background: transparent url(../images/common/icons.gif) -28px -712px no-repeat;padding: 0 0 5px 13px;} #container.homepage #highlight .item .more a {background: transparent url(../images/common/common.gif) -650px -213px no-repeat;width: 41px;height: 20px;padding: 0;text-align: center;color: #fff;display: block;padding: 3px 0;margin: 10px 0;} #container.homepage #highlight .item .desc {display: none;} #container.homepage #highlight .item.current .desc {display: block;} #container.homepage #highlight .item-images {position: absolute;top: 0;right: 0;z-index: 0;} #container.homepage #highlight .item-image {display: none;padding: 0;} #container.homepage #highlight .item-image.current {display: block;} #container.homepage #welcome {width: 249px;float: left;height: 337px;overflow: hidden;} #container.homepage #welcome h2 {font-size: 2.3em;font-weight: normal;font-family: Georgia, "Times New Roman", Serif;padding: 13px 0 10px 0;} #container.homepage #welcome .welcome {padding: 4px 27px 0;line-height: 1.2em;height:180px;overflow:hidden;} #container.homepage #welcome .welcome a {color: #2f78ca;} #container.homepage #welcome .welcome p {padding: 0 0 10px 0;line-height:1.2em;} #container.homepage #welcome .terms {clear: both;font-size: 0.94em;} #container.homepage #welcome .btn-register {width: 53px;padding-left: 3px;float: left;} #container.homepage #welcome .subscribe {padding: 13px 0 13px 14px;margin: 5px 0 0 13px;background: #e5f6fd;} #container.homepage #welcome .search {padding: 9px 0 9px 12px;} #container.homepage #welcome .field {background: transparent url(../images/common/common.gif) -417px -132px no-repeat;width: 200px;height: 26px;float: left;position:relative;margin: 0 2px 0 0;} #container.homepage #welcome label {float: left;margin: 6px 3px 0 3px;line-height: 1.2em;} #container.homepage #welcome input.text {float: left;width: 130px;background: transparent none; position:absolute; top:3px;color: #444;} #container.homepage #welcome .subscribe h3 {display: block;font-size: 1.2em;color: #01416f;font-weight: normal;padding: 0 0 10px 0;margin: 0;} #container.homepage #welcome .subscribe .field { background: transparent url(../images/common/common.gif) -592px -370px no-repeat;width: 156px;position:relative;} #container.homepage #welcome .subscribe input.text { width: 102px;} /* Common Elements *//* Tools */ul.tools {width: 180px;height: 30px;} ul.tools li.btn {padding: 0;width: 28px;float: left;background: transparent none;} ul.tools li:not(.tool-share) a {width: 28px;height: 30px;display: block;float: left;background-image: url(../images/bg/module.png);background-repeat: no-repeat;text-indent: -50000em;} ul.tools li.tool-email a {background-position: -3056px -7px;} ul.tools li.tool-print {width: 25px;} ul.tools li.tool-print a {width: 25px;background-position: -3085px -7px;} ul.tools li.tool-fontsmall a {background-position: -3110px -7px;} ul.tools li.tool-fontdefault a {background-position: -3137px -7px;} ul.tools li.tool-fontlarge a {background-position: -3164px -7px;} /* tools hover */ul.tools li.tool-email a:hover {background-position: -3056px -42px;} ul.tools li.tool-print a:hover {background-position: -3085px -42px;} ul.tools li.tool-fontsmall a:hover {background-position: -3110px -42px;} ul.tools li.tool-fontdefault a:hover {background-position: -3137px -42px;} ul.tools li.tool-fontlarge a:hover {background-position: -3164px -42px;} .pdf {padding: 3px 0 3px 0;} .pdf span {clear: left;display: block;float: left;width: 35px;height: 35px;background: url(../images/common/icons.gif) no-repeat;background-position: -6px -1010px ;} .pdf a:hover span {background-position: -6px -1137px; } #sidebar .pdf a {font-weight: normal;} .hidden {position: absolute;left: -50000em;} .more a {padding: 0 0 0 12px;background: url(../images/common/icons.gif) no-repeat;font-size: 0.9em;font-weight: bold;} .more a {background-position: -29px -927px;} .image-left {float: left;margin: 5px 5px 0 0;} .image-thumb {background: transparent url(../images/common/common.gif) -408px -215px no-repeat;width: 105px;height: 86px;padding: 8px;} .image-thumb2 {background: transparent url(../images/common/common.gif) -535px -216px no-repeat;width: 65px;padding: 7px;} .image-thumb2 div.overflow{ width:61px; height:61px; overflow:hidden;} .image-border {border: 1px solid #e3e3e5;padding: 5px;margin: 5px 10px 5px 0;} .content-text h3{ font-size: 1.1em;padding: 1.3em 0 0.3em 0;} .content-text h4, .content-text h5 {padding: 1.3em 0 0.3em 0;font-size: 1.1em;} .content-text table tr.thead td, .content-text table thead tr td, .content-text table tr.thead th, .content-text table thead tr th { border-top: solid 1px #c6c6c6; } .content-text table tr td,.content-text table tr th{ border-left:solid 1px #c6c6c6; border-bottom:solid 1px #c6c6c6; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px;} .content-text table { border-right:solid 1px #c6c6c6;} .content-text img{ max-width: 100%;} input.text {background: transparent url(../images/common/common.gif) -416px -132px no-repeat;border: none;height: 20px;width: 190px;padding: 0 5px;color: #00436e;} input.text, textarea, select {font-family: Arial, Geneva, Helvetica, sans-serif;font-size: 1.0em;} label {font-weight: bold;color: #003867;border-right: 1px solid #003867;padding: 0 4px;} legend {display: none;} .btn-submit, #content .search form .btn-submit, #content .event-search form .btn-submit {background: transparent url(../images/common/common.gif) -333px -132px no-repeat;height: 25px;display: block;float: left;font-weight: bold;position: relative;padding: 3px 0 0 10px;width: auto;} #container .btn:link, #container .btn:visited, #sidebar .btn:link, #sidebar .btn:visited {color: #fff;text-decoration: none;} #container .btn:hover, #container .btn:active, #sidebar .btn:hover, #sidebar .btn:active {text-decoration: none;color: #fff;} .btn-submit span {background: transparent url(../images/common/common.gif) -378px -132px no-repeat;height: 28px;width: 10px;top: 0;right: -10px;position: absolute;display: block;} .btn-prev, .btn-next {background: transparent url(../images/common/common.gif) -649px -129px no-repeat;width: 80px;padding: 7px 0;height: 20px;display: block;float: left;font-weight: bold;text-align: center;color: #fff;} .btn-prev.inactive, .btn-next.inactive {background: transparent url(../images/common/common.gif) -649px -165px no-repeat;} #content .pages .nav .prev p.inactive,#content .pages .nav .next p.inactive{padding:0;} .pagination {padding: 20px 0;color: #005a92;font-weight: bold;height: 40px;} .pagination .nav li {padding: 0 4px 0 0;} .pagination .pages, .list-pagination .pages {float: right;} .pagination .pages ul, .pagination .pages span, .list-pagination .pages ul {float: left;padding: 9px 8px 0 0;line-height: 1.0em;} #search-container .pagination .pages ul .prev p,#search-container .pagination .pages ul .next p{ padding:0px;} .list-pagination .pages li {font-size: 0.85em;font-weight: normal;border-left: 1px solid #005a92;padding:0 4px;background: transparent none;} .pagination .pages li {font-size: 0.85em;font-weight: normal;border-left: 1px solid #005a92;background: transparent none;padding-left:3px;} .pagination .pages li.first, .list-pagination .pages li {border-left: none;} #content .pagination .pages li.current a, #content .pagination .pages li.active a {color: #242424;font-size: 1.2em;font-weight: bold;} .column.left {width: 49%;float: left;} .column.right {width: 49%;float: right;} .featured-items {padding: 0 0 20px;} .featured-items p.more{margin-left:123px;} .featured-items.left {width: 365px;} .featured-items.right {width: 380px;} .featured-items.right .featured-item {background: transparent url(../images/common/v-dash.gif) 0 0 repeat-y;padding-left: 20px;} #content .featured-items.right h3 {padding-left: 20px;} #content .featured-items h3 {font-size: 1.35em;font-family: Georgia, "Times New Roman", Serif;color: #0595e2;margin: 0 0 0 0;} #content .featured-items h2 {padding: 1em 0 0.3em; font-size: 1.2em;} .featured-item {clear: both;padding: 0 0 15px 0;min-height:136px;} .featured-item.last {padding: 0 0 0px 0;} .column .featured-item {clear: none;} .content ul li {list-style: none;background: transparent url(../images/common/icons.gif) -21px -1475px no-repeat;padding: 0 0 10px 27px;} .content ol{ margin-left:25px;} .content ol li{ padding: 0 0 10px 0px;} .content-image {display:block; position: relative; width: 517px;height:255px;overflow: hidden;} .errors {padding: 10px 0 0 0;color: #d7252b;} .errors label.error{ color: #d7252b; font-weight:normal; border-right:0px none;} .errors label.error span.highlight{ font-weight:bold;} /* side image inside content */.side-image {float: right;width: 230px;margin: 0 0 0 20px;text-align: left;} #content .errors h2, #content .errors h3, #content .errors h4, #content input.error {color: #d7252b;} #content .errors a {color: #0a2846;} /* Color *//* Red */#kids-teens {background: #fff url(../images/bg/red.jpg) 0 0 repeat-x;} #kids-teens #header {background-image: url(../images/bg/header-kids-teens.png);} #kids-teens #primary-nav li.pn-1 a.toplevel { border-right: none;} #kids-teens #content a {color: #e61e22;} #kids-teens #content .more a {background-position: -30px -3108px;color: #ca040a;} #kids-teens #content h1 {color: #ca040a;} #kids-teens #secondary-nav h3 a,#kids-teens #content h2, #kids-teens #content h2 a, #kids-teens #content h3, #kids-teens #content h3 a, #kids-teens #content h4, #kids-teens #content h4 a, #kids-teens #content h5, #kids-teens #content h5 a, #kids-teens #secondary-nav h3, #kids-teens #breadcrumbs a, #kids-teens #breadcrumbs .current {color:#ca040a;} #kids-teens #content .featured-items h2 a {color: #ae000f;} #kids-teens #secondary-nav li.p-open a {color: #c8050b;} #kids-teens #secondary-nav dt {background-color: #e51a23;} #kids-teens #secondary-nav li a {background-position: -2616px -203px;} #kids-teens #secondary-nav li a:hover {background-position: -2333px -93px;} #kids-teens #secondary-nav li a .has-more {background-position: -24px -1924px;} #kids-teens #secondary-nav li a.n-open .has-more {background-position: -24px -2015px;} #kids-teens #secondary-nav li li a .has-more {background-position: -29px -3560px;} #kids-teens #secondary-nav li li a.n-open .has-more {background-position: -28px -3475px;} #kids-teens #secondary-nav li li a.n-open {color: #333;} #kids-teens #secondary-nav li li li a.n-open, #kids-teens #secondary-nav li li li a:hover, #kids-teens #secondary-nav li a:hover {color: #c8050b;} #kids-teens #container .head.outer {background-position: -30px -432px;} #kids-teens #secondary-nav h3 {background: #fdeaeb;} #kids-teens #related-links li {background-position: -26px -1716px;} #kids-teens #breadcrumbs li span {background-position: -27px -1813px;} #kids-teens #content .featured-items h3 {color: #e71b24} #kids-teens #content .featured-items h2 {color:#ae000f !important;} /* Green */#teachers-childcare {background: #fff url(../images/bg/green.jpg) 0 0 repeat-x;} #teachers-childcare #header {background-image: url(../images/bg/header-teachers-childcare.png);} #teachers-childcare #primary-nav li.pn-3 a.toplevel { border-right: none;} #teachers-childcare #content h1 {color: #498028;} #teachers-childcare #content a {color: #538329;} #teachers-childcare #content .more a {background-position: -30px -3228px;color: #447724;} #teachers-childcare #secondary-nav h3 a,#teachers-childcare #content h2, #teachers-childcare #content h2 a, #teachers-childcare #content h3, #teachers-childcare #content h3 a, #teachers-childcare #content h4, #teachers-childcare #content h4 a, #teachers-childcare #content h5, #teachers-childcare #content h5 a, #teachers-childcare #secondary-nav h3, #teachers-childcare #breadcrumbs a, #teachers-childcare #breadcrumbs .current {color: #498028;} #teachers-childcare #content .featured-items h2 a {color: #2e641f;} #teachers-childcare #secondary-nav li.p-open a, #teachers-childcare #secondary-nav li a:hover {color:#336633;} #teachers-childcare #secondary-nav dt {background-color: #467c27} #teachers-childcare #secondary-nav li a {background-position: -2060px -109px;} #teachers-childcare #secondary-nav li a:hover {background-position: -2333px -94px;} #teachers-childcare #secondary-nav li a .has-more {background-position: -24px -2728px;} #teachers-childcare #secondary-nav li a.n-open .has-more {background-position: -24px -2819px;} #teachers-childcare #secondary-nav li li a .has-more {background-position: -29px -2903px;} #teachers-childcare #secondary-nav li li a.n-open {color: #333;} #teachers-childcare #secondary-nav li li li a.n-open {color: #336633;} #teachers-childcare #secondary-nav li li a.n-open .has-more {background-position: -28px -3475px;} #teachers-childcare #container .head.outer {background-position: -30px -30px;} #teachers-childcare #secondary-nav h3 {background: #dff0cd;color: #336633;} #teachers-childcare #related-links li {background-position: -26px -2539px;} #teachers-childcare #breadcrumbs li span {background-position: -27px -2646px;} #teachers-childcare #content .featured-items h3 {color: #5d9628;} #teachers-childcare #content .featured-items h2 {color: #2e6522;} /* Purple */#parents-carers {background: #fff url(../images/bg/purple.jpg) 0 0 repeat-x;} #parents-carers #header {background-image: url(../images/bg/header-parents-carers.png);} #parents-carers #primary-nav li.pn-2 a.toplevel { border-right: none;} #parents-carers #content a {color: #9f40ff;} #parents-carers #content .more a {background-position: -30px -3159px;color: #6b4094;} #parents-carers #content h1 {color: #704297;} #parents-carers #secondary-nav h3 a,#parents-carers #content h2, #parents-carers #content h2 a, #parents-carers #content h3, #parents-carers #content h3 a, #parents-carers #content h4, #parents-carers #content h4 a, #parents-carers #content h5, #parents-carers #content h5 a, #parents-carers #secondary-nav h3, #parents-carers #breadcrumbs a, #parents-carers #breadcrumbs .current {color: #704297;} #parents-carers #content .featured-items h2 a {color: #6d4195;} #parents-carers #secondary-nav li.p-open a, #parents-carers #secondary-nav li a:hover {color: #6c4094;} #parents-carers #secondary-nav dt {background-color: #6a4093;} #parents-carers #secondary-nav li a {background-position: -2617px -95px;} #parents-carers #secondary-nav li a:hover {background-position: -2333px -94px;} #parents-carers #secondary-nav li a .has-more {background-position: -24px -2291px;} #parents-carers #secondary-nav li a.n-open .has-more {background-position: -24px -2358px;} #parents-carers #secondary-nav li li a .has-more {background-position: -28px -2465px;} #parents-carers #secondary-nav li li a.n-open .has-more {background-position: -28px -3475px;} #parents-carers #secondary-nav li li a.n-open {color: #333;} #parents-carers #secondary-nav li li li a.n-open {color: #6c4094;} #parents-carers #container .head.outer {background-position: -30px -361px;} #parents-carers #secondary-nav h3 {background: #efe2fc;} #parents-carers #related-links li {background-position: -27px -2107px;} #parents-carers #breadcrumbs li span {background-position: -27px -2210px;} #parents-carers #content .featured-items h3 {color: #954dd0;} #parents-carers #content .featured-items h2{color:#6d4294;} /* Stats & Research */#stats-research #header {background-image: url(../images/bg/header-stats-research.png);} #stats-research #primary-nav li.pn-4 a.toplevel { border-right: none;} /* Stats & Research */#campaigns-programs #header {background-image: url(../images/bg/header-campaigns-programs.png);} #campaigns-programs #primary-nav li.pn-5 a.toplevel { border-right: none;} /* Recipes */#recipes #header {background-image: url(../images/bg/header-recipes.png);} #recipes #primary-nav li.pn-6 a.toplevel { border-right: none;} /* Utilities */#utilities #primary-nav li.pn-1 a.toplevel{ border-right:none; color:#FFFFFF;} /* FAQs */#content #content {padding: 0;} #faqCategories {padding: 0 0 20px 0;} #faqCategories li {list-style: none;background: transparent none;padding: 0;} #faqCategories h2 {font-size: 1.2em;} #faqCategories h3 {font-size: 1.0em;} #faqCategories ol {padding: 0;margin: 0;} #faq-finder {padding: 10px 0 0 0;height: 50px;border-bottom:1px solid #DEDEDE;} #faq-finder input, #faq-finder textarea, #faq-finder select {font: 13px/16px Arial, Tahoma, Helvetica, sans-serif;border: 1px solid #8f8e8e;color: #505052;padding: 2px 2px;} #faq-finder .category-selector {width: 40%;float: left;border: 0;} #faq-finder .search {width: 55%;float: right;border: 0;padding: 0.5em 0 0 0;} /* Clearfix Method */.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} #munch-move { width: 515px; position: relative; } #munch-move .banner { margin: 0 0 25px; } #munch-move h1 { margin: 0 0 20px; font-size: 26px; line-height: 28px; } #munch-move p.intro { margin: 0 0 40px; } #munch-move p.warning { color: red; } #munch-move .form { position: relative; background: #def5fd; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 20px 28px; margin: 0 0 20px; } #munch-move .form.password-gate { width: 318px; } #munch-move .form.password-gate .btn-submit { position: absolute; right: 28px; top: 20px; } #munch-move .form h2 { padding: 0; margin: 0 0 19px; font-size: 18px; color: #00436e; } #munch-move .form p { padding: 0; margin: 0 0 17px; font-size: 13px; line-height: 18px; color: black; } #munch-move .form .row { position: relative; width: 284px; margin: 0 0 6px; background: url('/images/bg/input-bg.png') 0 0 repeat-x; border-left: solid 1px #f4f4f4; border-right: solid 1px #f4f4f4; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #munch-move .form .row.full-width { width: 100%; } #munch-move .form .row.full-width select { width: 75%; } #munch-move .form .row.no-bg { background: none; border: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; } #munch-move .form .row.btn-row { margin: 14px 0; height: 28px; } #munch-move .form.register-panel .row.btn-row { height: 31px; } #munch-move .form.password-gate .row { width: 244px; } #munch-move .form .row label { display:inline-block; color: #000; font-size: 13px; height: 26px; line-height: 26px; border: none; } #munch-move .form .row input { width: 198px; padding:0; border: none; background: none; color: white; height: 26px; line-height: 26px; color: #2971b3; font-size: 13px; } #munch-move .form .row .btn-submit { width: 45px; } #munch-move .form.password-gate .row input { width: 158px; } #munch-move .form.register-panel .row .btn-submit { background: url('/images/bg/register-btn-bg.png') 0 0 no-repeat; width: 67px; height: 26px; line-height: 26px; padding: 0; text-align: center; } #munch-move .form .row > span { position: absolute; top: 0; left: 301px; display: block; width: 185px; height: 26px; line-height: 26px; background: #fff; padding: 0 5px; z-index: 9999; box-shadow: 1px 1px 2px #000; } #munch-move .form .row > span:after { content: ''; position: absolute; top: 0; left: -13px; width: 0; height: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; border-right:13px solid #fff; } #munch-move .form .row > p.warn { position: absolute; top: 0; left: 291px; display: block; width: 185px; font-size:.9em; line-height: 14px; top: 2px; } #munch-move .form.forgotten-password-panel .btn-cancel{ float: left; display: block; background: url("/images/buttons/btn-cancel.png") 0 0 no-repeat; width: 66px; height: 26px; text-indent: -12345px; padding: 0; margin: 0; } #munch-move .form.forgotten-password-panel .btn-submit{ float: left; display: block; background: url("/images/buttons/btn-submit.png") 0 0 no-repeat; width: 66px; height: 26px; text-indent: -12345px; padding: 0; margin: 0 0 0 152px; } #munch-move .btn-start-elearning { position: relative; background: url("/images/buttons/btn-start-elearning.png") 0 0 no-repeat; width: 515px; height: 119px; display: block; margin-top: 25px; } #munch-move .btn-start-elearning span { font-size: 18px; font-weight: bold; text-align: center; line-height: 22px; display: block; height: 22px; padding-top: 33px; } #munch-move .btn-start-elearning:hover { text-decoration: none; } #munch-move .btn-download-certificate { display: block; background: url("/images/buttons/btn-download-certificate.png") 0 0 no-repeat; width: 186px; height: 26px; text-indent: -12345px; } .clearfix { display: inline-block;} html[xmlns] .clearfix { display: block;} * html .clearfix { height: 1%;} /* jQuery UI Overwrites */ .ui-widget-header { background: #ccf0f9; border: none; } .ui-datepicker .ui-datepicker-prev span { background: url('/images/buttons/calendar-prev.png') 0 0 no-repeat; width: 12px; height: 12px; } .ui-datepicker .ui-datepicker-next span { background: url('/images/buttons/calendar-next.png') 0 0 no-repeat; width: 12px; height: 12px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { margin-left: -6px; margin-top: -6px; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: solid 1px #ccf0f9; background: none; } .ui-datepicker table thead th { background: #def5fd; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: solid 1px #d3e4eb; background: #ebf3f6; color: black; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjNmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ViZjNmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2JlZDdlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ebf3f6 0%, #ebf3f6 50%, #bed7e1 51%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf3f6), color-stop(50%,#ebf3f6), color-stop(51%,#bed7e1), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #ebf3f6 0%,#ebf3f6 50%,#bed7e1 51%,#ffffff 100%); background: -o-linear-gradient(top, #ebf3f6 0%,#ebf3f6 50%,#bed7e1 51%,#ffffff 100%); background: -ms-linear-gradient(top, #ebf3f6 0%,#ebf3f6 50%,#bed7e1 51%,#ffffff 100%); background: linear-gradient(to bottom, #ebf3f6 0%,#ebf3f6 50%,#bed7e1 51%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf3f6', endColorstr='#ffffff',GradientType=0 ); } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: white; border: solid 1px black; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: solid 1px #132f4f; color: white; background: #3e6ca9; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNlNmNhOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIzNGE3YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzEzMmY0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODUxODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3e6ca9 0%, #234a7b 50%, #132f4f 51%, #285187 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e6ca9), color-stop(50%,#234a7b), color-stop(51%,#132f4f), color-stop(100%,#285187)); background: -webkit-linear-gradient(top, #3e6ca9 0%,#234a7b 50%,#132f4f 51%,#285187 100%); background: -o-linear-gradient(top, #3e6ca9 0%,#234a7b 50%,#132f4f 51%,#285187 100%); background: -ms-linear-gradient(top, #3e6ca9 0%,#234a7b 50%,#132f4f 51%,#285187 100%); background: linear-gradient(to bottom, #3e6ca9 0%,#234a7b 50%,#132f4f 51%,#285187 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e6ca9', endColorstr='#285187',GradientType=0 ); } /* share button */ .tools li .addthis_toolbox .aticon-compact { -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-topleft: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: inset 0 1px 5px #fff; width: 16px; margin-top: 4px; background:url('/images/common/share.png'); text-indent: -12345px; } div.addthis_toolbox.addthis_default_style { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; } div.addthis_toolbox.addthis_default_style a { width: auto; padding: 0 2px; line-height: 18px; color: #333; font-size: 1em; float: left; margin-bottom: 5px; cursor: pointer; } div.addthis_toolbox.addthis_default_style > span { display: inline-block; font-size: 11px; position: relative; left: 2px; line-height: 19px; vertical-align: top; margin-top: 3px; } ul.tools li.btn.tool-share { background: transparent none; width: 57px; padding:0px; float: left; } ul.tools li.btn.tool-share > div > span { color: black !important; } /* amends - suggested recipes */ #content #recipe-suggestions .slides .slide { position: relative !important; left: 0 !important; width: 150px !important; float: left; } #recipe-suggestions .slides .owl-nav { position: absolute; top: -5px; left: -37px; display: block; } #recipe-suggestions .slides .owl-prev { position: absolute; top: 0; left: 0; width: 28px; height: 57px; display: block; text-indent: -50000em; background: transparent url(../images/common/icons.gif) 0px -383px no-repeat; } #content #recipe-suggestions .slides .image, #content #recipe-suggestions .slides span.title { margin: auto; } #content #recipe-suggestions .container { left: -5px; } #container.homepage #popular-links .image img{ width: 100%; } /* amends - responsiveness - dsc-mike - 042716 */ .mobile-only { display: none; } #mobile-share-toolbox { display: none; } /*dsc-sean 05-17-16*/ .featured-item.left { width: 365px; float: left; padding-right: 20px; background: transparent url(../images/common/v-dash.gif) 0 0 repeat-y; background-position: right; } .featured-item.right { width: 365px; padding-left: 15px; float: left; } .featured-row { display: block; width: 100%; clear: both; } .featured-row .featured-item{ padding-bottom: 0px!important; } ul.glossary-index { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } @media only screen and (max-width: 992px) { body { background: none white !important; } .content-text{ word-wrap: break-word; } .content-text table.thinBorders{ width: 100%; } /* clearfix */ .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } /* box-sizing reset */ html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; } /* general classes */ .mobile-only { display: block; } .inner { width: 100%; min-width: 0; max-width: 100%; } ul.normal { padding-left: 16px; } .content ul.normal li { list-style-type: disc; background: none transparent; padding-left: 0; padding-bottom: 4px; } /* hide */ #skip-to-content, .search, #container.homepage .foot, #container.homepage .head, #container.homepage #highlight .item h3, #popular-links ul.tools, #five-ways p, #container.homepage #featured-recipes ul, #footer .tools, #secondary-nav, #container .head, ul.tools, #container .foot, #breadcrumbs li.first, #sidebar #recipes-menu, #content #recipe-suggestions.module .tip, .list-pagination .pages, #sidebar #search.module, .empty-p, #content-flash, .hide-mobile { display: none; } /* header */ #header { position: fixed; min-width: 0; width: 100%; height: 66px; border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; margin: auto; -webkit-transition: transform 0.3s ease; -o-transition: transform 0.3s ease; transition: transform 0.3s ease; } /*#header.menu-open:before { content: ''; position: fixed; top: 66px; left: 0; z-index: 2; width: 100%; height: calc(100% - 66px); background: rgba(0, 0, 0, 0.5); }*/ #header .menu-bg { display: none; } #header.menu-open .menu-bg { display: block; position: fixed; top: 66px; left: 0; z-index: 1; width: 100%; height: calc(100% - 66px); background: rgba(0, 0, 0, 0.5); } #header.hide { -webkit-transform: translate3d(0, -100%, 0); -ms-transform: translate3d(0, -100%, 0); -o-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } #header .inner { z-index: 2; height: 100%; } /* logo */ #logo { position: absolute; padding: 0; left: 50%; bottom: 5px; width: 110px; margin-left: -55px; height: auto; } #logo img { display: block; max-width: 100%; } /* nav */ .btn-menu { position: absolute; top: 19px; left: 0; width: 50px; height: 46px; background: url('images/mobile/menu-closed.jpg') center no-repeat; } .menu-open .btn-menu { background-image: url('images/mobile/menu-open.jpg'); } .menu-wrap { display: none; position: absolute; top: 65px; left: 0; width: 300px; height: calc(100vh - 65px); background: white; overflow-y: scroll; z-index: 6; -webkit-overflow-scrolling: touch; } .menu-open .menu-wrap { display: block; } #primary-nav { padding-top: 2px; width: 100%; margin-bottom: 17px; } .has-active #primary-nav { padding-top: 0; } #primary-nav li { float: none; padding-left: 0; height: auto; } .has-active #primary-nav > li { display: none; } .has-active #primary-nav > li.active { display: block; } #header #primary-nav > li > a { text-align: left; display: block; padding-left: 15px; padding-right: 15px; border-right: 0; } #header #primary-nav > li > a span { font-size: 18px; position: relative; text-align: left; display: block; line-height: 45px; width: auto; height: auto; padding-top: 0; border-bottom: 1px solid #cecece; background: none transparent; } #header #primary-nav > li > a span:after { content: '>'; position: absolute; top: 0; right: 0; font-size: 18px; line-height: 45px; color: #5f5f5f; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } #header #primary-nav > li > a:hover span:after { color: inherit; } #header #primary-nav > li > a > span > div { position: absolute; top: 0; right: -15px; z-index: 4; width: 50px; height: 100%; background: transparent; } /* nav colors */ #header #primary-nav > li > a span { color: #19498d; } #header #primary-nav > li + li > a span { color: #ec352b; } #header #primary-nav > li + li + li > a span { color: #612a94; } #header #primary-nav > li + li + li + li > a span { color: #2c6f04; } #header #primary-nav > li + li + li + li + li > a span { color: #26528f; } /* nav hover */ #header #primary-nav > li > a:hover { background: #cceffc; } #header #primary-nav > li + li > a:hover { background: #ffdee2; } #header #primary-nav > li + li + li > a:hover { background: #e5cefa; } #header #primary-nav > li + li + li + li > a:hover { background: #ddf4bd; } #header #primary-nav > li + li + li + li + li > a:hover { background: #cceffc; } #primary-nav li.active > a { background: #f0f1f1; } #header #primary-nav li.active > a span { color: #5f5f5f; border-bottom: 0; } #header #primary-nav li.active > a span:after { /*content: '';*/ right: 5px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } /*#header #primary-nav li.active > a span:before { content: '<'; font-size: 18px; color: #5f5f5f; line-height: 41px; display: inline-block; vertical-align: top; margin-right: 10px; }*/ #primary-nav li ul { display: none !important; position: relative; background: none transparent; padding-top: 16px; margin: auto; width: 100%; } #primary-nav li.active ul { display: block !important; visibility: visible !important; top: 0; left: 0; } #header #primary-nav li.title { font-size: 16px; line-height: 23px; color: #5f5f5f; font-weight: normal; width: auto; border-bottom: 1px solid #cecece; padding-bottom: 0; margin: 0 18px 5px 15px; } #primary-nav li ul li a { position: relative; font-size: 14px; line-height: 20px; display: block; width: auto; margin: auto; padding: 4px 36px 4px 15px; } #header #primary-nav li ul li a { background-image: none; } #header #primary-nav li ul li a:hover { font-weight: bold; } #primary-nav li ul li a:after { content: '>'; position: absolute; top: 7px; right: 18px; line-height: 20px; font-size: 16px; } #special-nav { position: relative; top: 0; background: white; padding-bottom: 20px; width: auto; height: auto; } #special-nav li { float: none; padding: 0; } #header #special-nav li a { color: #26528f; font-size: 14px; line-height: 29px; float: none; display: block; padding: 0 0 0 15px; } /* search */ .btn-search { position: absolute; top: 18px; right: 1px; width: 51px; height: 49px; background: url('images/mobile/search-closed.jpg') center no-repeat; } .search-open .btn-search { background-image: url('images/mobile/search-open.jpg'); } .search-wrap { display: none; position: absolute; top: 65px; left: 0; width: 100%; } .search-open .search-wrap { display: block; } .search-wrap input { font-size: 14px; color: #757575; float: left; width: calc(100% - 51px); border: 0; padding-left: 45px; padding-right: 15px; padding-top: 13px; border-radius: 0!important; padding-bottom: 15px; background: url('images/mobile/icon-search.jpg') 15px 14px no-repeat #e6e7e8; } .search-wrap .btn-submit { font-size: 16px; font-weight: bold; color: white; text-align: center; line-height: 46px; float: right; width: 51px; height: auto; display: block; padding: 0; border-radius: 0; background: #1c65a3; } /* container */ #wrapper #container { max-width: 100%; padding: 66px 0 20px; } #homepage #wrapper #container { padding: 81px 15px 20px 12px; } #container.homepage .body { padding: 0; background: none transparent; } /* highlight */ #container.homepage #highlight { float: none; width: 100%; height: auto; margin: 0 auto 20px; border-radius: 4px; padding: 65% 4px 0; box-shadow: 0 0 6px rgba(0, 67, 110, 0.5); background: white; } #container.homepage #highlight .items { position: relative; } #container.homepage #highlight .item-images { width: calc(100% - 8px); top: 4px; left: 4px; right: auto; } #container.homepage #highlight .item-images .image { height: auto; } #container.homepage #highlight .item-images img { display: block; width: 100%; height: auto; } #wrapper #container.homepage #highlight .item { display: none; width: 100%; height: auto; padding: 12px 10px 0; background: none transparent; } #wrapper #container.homepage #highlight .item.current { display: block; } #container.homepage #highlight .item .title { font-size: 14px; display: block; padding: 0 0 0 12px; margin-bottom: 8px; background-position: -32px -712px; } #container.homepage #highlight .item p { font-size: 14px; line-height: 20px; min-height: 60px; } #container.homepage #highlight .item p.more { font-size: 12.6px; line-height: 0.9em; min-height: 0; } .item-images-bullet { position: absolute; bottom: 12px; left: 0; width: 100%; text-align: center; font-size: 0; } .item-images-bullet span { display: inline-block; vertical-align: top; margin: 0 2.5px; width: 9px; height: 9px; border-radius: 50%; border: 1px solid white; background: rgba(255, 255, 255, 0.3); } .item-images-bullet span.active { background: white; } .item-nav { position: relative; text-align: center; height: 32px; border-top: 1px solid #e1e1e1; } .item-nav .item-prev, .item-nav .item-next { position: relative; z-index: 2; font-weight: bold; color: #005a92; font-size: 12px; line-height: 31px; } .item-nav .item-prev { float: left; margin-left: 15px; } .item-nav .item-next { float: right; margin-right: 15px; } .item-nav .item-page { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; text-align: center; font-size: 12px; line-height: 31px; color: #2e2e2e; } /* welcome */ #container.homepage #welcome { width: 100%; height: auto; margin-bottom: 20px; } #container.homepage #welcome .welcome { height: auto; padding: 0; } #container.homepage #welcome h2 { font-size: 30px; line-height: 30px; padding: 0; margin-bottom: 14px; } #container.homepage #welcome .welcome p { font-size: 14px; line-height: 20px; padding: 0; margin-bottom: 20px; } /* subscribe */ #container.homepage #welcome .subscribe { padding: 12px; margin: auto; border-radius: 4px; } #container.homepage #welcome .subscribe h3 { font-size: 16px; } #container.homepage #welcome label { text-transform: capitalize; } #container.homepage #welcome .subscribe .field { width: calc(100% - 75px); margin-right: 7px; margin-bottom: 10px; border-radius: 4px; box-shadow: inset 3px 3px 1px #a0e1f9; background: none #cceffc; } #container.homepage #welcome .btn-register { font-size: 12px; text-align: center; line-height: 25px; width: 68px; padding-left: 0; padding-top: 0; } #container.homepage #welcome .terms { display: block; font-size: 11px; } .btn-submit { border-radius: 4px; background: #1e5799; background: -moz-linear-gradient(top, #005992 0%, #002e4b 100%); background: -webkit-linear-gradient(top, #005992 0%,#002e4b 100%); background: linear-gradient(to bottom, #005992 0%,#002e4b 100%); } #container.homepage #welcome .subscribe input.text { width: calc(100% - 60px); } /* popular links */ #container.homepage .content { background: none transparent; } #container.homepage .content .left { float: none; width: 100%; background: none transparent; } #popular-links h3 { font-size: 15px; padding-left: 0; } #container #popular-links .item { float: none; display: inline-block; vertical-align: top; width: 45%; margin-right: 4%; padding: 0 0 20px; background: none transparent; } #popular-links .item h2 { font-size: 18px; width: 100%; padding-top: 10px; padding-bottom: 10px; } #container.homepage #popular-links .image { width: 100%; height: auto; margin-bottom: 20px; } #container.homepage #popular-links .image img { display: block; width: 100%; height: auto; } #popular-links p, #container #popular-links p.more { font-size: 14px; line-height: 20px; } #popular-links .item li { padding-bottom: 0; font-size: 14px; line-height: 20px; background-position: -30px -709px; } /* five ways */ #five-ways { display: none; } #container.homepage .content .right { width: 100%; float: none; border-radius: 4px; padding: 1px 20px 20px; margin-bottom: 20px; background: #e5f7fd; background: -moz-linear-gradient(left, #d6f1fb 0%, #e5f7fd 4%); background: -webkit-linear-gradient(left, #d6f1fb 0%,#e5f7fd 4%); background: linear-gradient(to right, #d6f1fb 0%,#e5f7fd 4%); } #container.homepage #five-ways-map { margin: 15px auto 15px; } #container.homepage #five-ways { display: block; } #container.homepage #five-ways li { font-size: 14px; line-height: 20px; background-position: -31px -923px; } /* ideas */ #container.homepage #ideas { border: 0; padding: 0; margin-bottom: 20px; box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); background: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #ffffff 20%); background: -webkit-linear-gradient(top, #eeeeee 0%,#ffffff 20%); background: linear-gradient(to bottom, #eeeeee 0%,#ffffff 20%); } #container.homepage #ideas .intro { width: 100%; float: none; margin-bottom: 18px; padding: 15px 12px 0; border: 4px solid white; } #container.homepage #ideas h2 { margin-bottom: 5px; } #container.homepage #ideas .intro p { font-size: 14px; line-height: 20px; } #container.homepage #featured-recipes div.current { float: none; width: 100%; padding: 0 15px; margin: auto; height: auto; background: none transparent; } #container.homepage #ideas #featured-recipes .recipe .image { width: 100%; height: auto; margin-bottom: 10px; } #container.homepage #ideas #featured-recipes .recipe .image img { display: block; width: 100%; height: auto; } .recipe-bullets { position: absolute; bottom: 12px; left: 0; width: 100%; text-align: center; font-size: 0; } .recipe-bullets span { display: inline-block; vertical-align: top; margin: 0 2.5px; width: 9px; height: 9px; border-radius: 50%; border: 1px solid white; background: rgba(255, 255, 255, 0.3); } .recipe-bullets span.active { background: white; } .recipe-nav { position: relative; text-align: center; height: 32px; border-top: 1px solid #e1e1e1; } .recipe-nav .recipe-prev, .recipe-nav .recipe-next { position: relative; z-index: 2; font-weight: bold; color: #005a92; font-size: 12px; line-height: 31px; } .recipe-nav .recipe-prev { float: left; margin-left: 15px; } .recipe-nav .recipe-next { float: right; margin-right: 15px; } .recipe-nav .recipe-page { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; text-align: center; font-size: 12px; line-height: 31px; color: #2e2e2e; } #container.homepage #featured-recipes div.current p { font-size: 14px; line-height: 20px; min-height: 40px; } #container.homepage #featured-recipes div.current .more { padding-top: 0; margin-bottom: 12px; min-height: 0; } /* factsheets */ #container.homepage #factsheets { width: 100%; padding: 15px; margin: 0 auto 20px; border-radius: 4px; background-color: #e5f7fd; } #container.homepage #factsheets h3, #container.homepage #factsheets p { font-size: 14px; line-height: 20px; } #container.homepage #factsheets .more { display: block; line-height: 20px; margin-top: 5px; } #container.homepage #factsheets .more a { background-position: -29px -924px; } /* recipe page */ #recipes #content .recipes .content { display: table; } #recipes #content .recipes .content .content-image { display: table-header-group; } #recipes #content .recipes .content .content-image img { display: block; width: 100%; height: auto; margin-bottom: 20px; } #recipes #content .recipes .content #categories { display: table-row-group; } #recipes #content .recipes .content .content-text { display: table-footer-group; padding: 0; } /*recipe inner*/ #recipes #content .content { display: inline-block; width: 100%; word-break: break-word; } #recipes #content .content .content-image { display: inline-block; width: 100%; } #recipes #content .content .content-text { display: inline-block; width: 100%; word-break: break-word; } .content-text ul { margin-bottom: 10px; } #recipes #content.recipe-detail .content, #recipes #content.recipe-detail .content .content-image, #recipes #content.recipe-detail .content #categories, #recipes #content.recipe-detail .content .content-text { display: block; position: relative; } #content.recipe-detail .content .content-image { margin-bottom: 16px; } #recipes #content.recipe-detail .content .content-text { padding-top: 170px; } #content.recipe-detail .serving-details { font-size: 14px; line-height: 20px; position: absolute; top: 0; left: 0; width: 100%; background: #f2f2f2; } #content.recipe-detail .serving-details table { width: 100%; } #content.recipe-detail .serving-details th, #content.recipe-detail .nutrients td { padding-top: 10px; padding-bottom: 10px; } #content.recipe-detail .nutrients .column, #content.recipe-detail .nutrients .column > table, #content.recipe-detail .nutrients .column > div { float: none; width: 100%; } /* ingredients */ .ingredients table, .ingredients tbody, .ingredients tr, .ingredients th, .ingredients td { display: block; width: 100%; } #content.recipe-detail .ingredients { font-size: 14px; line-height: 20px; } #content.recipe-detail .ingredients p { padding-bottom: 0; } #content.recipe-detail .ingredients h2 { padding-bottom: 0; margin-bottom: 15px; } #content.recipe-detail .ingredients h3 { padding-top: 0; } #content.recipe-detail .ingredients h3, #content.recipe-detail .ingredients p { font-size: 14px; line-height: 20px; } /* methods */ #content.recipe-detail h2 { padding-bottom: 0; margin-bottom: 18px; } #content .content-text .method p { margin-bottom: 10px; padding-bottom: 0; } #content.recipe-detail .credit { padding-bottom: 0; } /* suggestions */ #content #recipe-suggestions.module h3 { float: none; width: 100%; text-align: center; padding-left: 15px; padding-right: 15px; font-size: 16px; } #content #recipe-suggestions .container { /*height: 195px;*/ /*overflow: visible;*/ clear: both; margin: auto; } #content #recipe-suggestions .foot { display: block; background: none #bee4fd; } #content #recipe-suggestions.module { width: 100%; padding: 15px 0 0; border-radius: 4px; margin-bottom: 20px; background: #dcf1fe; } #content #recipe-suggestions .body { padding: 0; } #content #recipe-suggestions .slides { box-sizing: content-box; } /* nutrients */ #content.recipe-detail .nutrients h2 { font-size: 16px; } #content.recipe-detail .nutrients table { font-size: 14px; line-height: 20px; margin-bottom: 20px; } #content.recipe-detail .nutrients td.value { width: 80px; } /* content */ #content { width: 100%; max-width: 100%; float: none; padding: 0; } .full #content { float: none; width: 100%; padding-left: 0; padding-right: 0; } .full #content .content, .full #content .page-heading, #content .content, #content .page-heading { padding-left: 12px; padding-right: 12px; } .full #content .page-heading { padding-top: 12px; margin: 0 0 15px; width: 100%; } #wrapper #container .body { width: 100%; min-height: 0; background: none transparent; } .content-image { width: 100%; height: auto; margin-bottom: 20px; } .content-image img { display: block; width: 100%; height: auto; } #content h2 { /*padding: 0;*/ margin-bottom: 8px; } #content p { font-size: 14px; line-height: 20px; padding-top: 0; margin-bottom: 18px; } #content h3 { padding: 0; margin-bottom: 16px; } #related-links h3 { padding: 10px 0; } #content li p { margin-bottom: 0; } .content ul li { font-size: 14px; line-height: 20px; padding-bottom: 10px; } /* breadcrumbs */ #breadcrumbs { position: relative; float: none; width: 100%; left: 0; border-top: 4px solid #19498d; background: #e6e7e8; padding: 7px 14px; } #breadcrumbs a { display: inline-block; line-height: 21px; } #breadcrumbs li span { background-position: -26px -832px; } /* categories */ #categories h2 { padding-top: 0; } #categories ul { margin-bottom: 15px; } #categories ul:before, #categories ul:after { content: ''; display: table; } #categories ul:after { clear: both; } #categories li { width: 24%; padding: 5px; height: auto !important; float: none; display: inline-block; vertical-align: top; } #categories li .image { width: 100%; height: auto; } #categories li .image .overflow { width: 100%; height: auto; } #categories li .image .overflow img { display: block; width: 100%; height: auto; } #categories.recipes-list li .image { width: 100%; height: auto; } #categories.recipes-list li .image .overflow { width: 100%; height: auto; } #categories.recipes-list li .image .overflow img { display: block; width: 100%; height: auto; } #content .pagination .nav p, #content .pagination .nav a { padding-top: 0.4em; padding-bottom: 0.4em; height: auto; } .pagination .pages span { line-height: 20px; } .pagination ul.nav { float: left; } /* featured items */ .featured-item { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .featured-items { width: 100% !important; height: auto !important; } .featured-items.left, .featured-items.right { padding-top: 20px; width: 100% !important; height: auto !important; float: none; } .featured-items.right { background: url('images/mobile/border-dashed.png') top left repeat-x; } .featured-items.right .featured-item { background: none transparent; padding-left: 0; } .featured-items .image-thumb { background: none transparent; } #content .content-text p { padding-bottom: 0; padding-top: 0; } .featured-items .image { width: 115px; height: auto; border: 3px solid white; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); padding: 0; } .featured-items .image.image-left { margin: 0 10px 10px 0; } .featured-items .image img { display: block; width: 100%; height: auto; } #kids-teens #content .featured-items h2 { margin-bottom: 8px; } #kids-teens #content .featured-items h3 { padding-left: 0; } /* contact */ #content div#contact-form { margin-right: -12px; margin-left: -12px; width: auto; padding-top: 20px; padding-bottom: 20px; background: none #e5f7fd; } #content div#contact-form .body { width: 487px; margin: auto; box-sizing: content-box; } /* search results */ .result-info { width: 100%; height: auto; background: none #f7f3f7; } /* mobile five ways */ #mobile-five-ways { border-radius: 4px; margin-bottom: 20px; box-shadow: 0 0 6px rgba(0, 67, 110, 0.5); } #mobile-five-ways .fw-slide-bullets-wrap { position: relative; } #mobile-five-ways .fw-slides { position: relative; } #mobile-five-ways .fw-slide { display: none; padding: 5px 5px 0; } #mobile-five-ways .fw-slide.active { display: block; opacity: 0; } #mobile-five-ways .fw-slide.fade { opacity: 1; -webkit-transition: opacity 0.5s ease-in; -o-transition: opacity 0.5s ease-in; transition: opacity 0.5s ease-in; } #mobile-five-ways .fw-slide img { display: block; width: 100%; height: auto; } #mobile-five-ways .fw-bullets { position: absolute; bottom: 9px; left: 0; width: 100%; font-size: 0; text-align: center; } #mobile-five-ways .fw-bullets span { display: inline-block; width: 7px; height: 7px; border-radius: 50%; border: 1px solid #4383df; margin: 0 2px; background: #bad5f4; } #mobile-five-ways .fw-bullets span.active { background: #4383df; } #mobile-five-ways .fw-nav-wrap { position: relative; border-top: 1px solid #e1e1e1; } #mobile-five-ways .fw-nav { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; } #content #mobile-five-ways .fw-nav a { font: bold 12px/31px Arial, sans-serif; color: #005a92; text-decoration: none; display: inline-block; position: absolute; top: 0; } #mobile-five-ways .fw-nav a.fw-prev { left: 0; padding-left: 15px; } #mobile-five-ways .fw-nav a.fw-next { right: 0; padding-right: 15px; } #mobile-five-ways .fw-page { position: relative; z-index: 1; font: 12px/31px Arial, sans-serif; color: #2e2e2e; text-align: center; margin-bottom: 0; padding-bottom: 0; } /* munch move */ #munch-move { width: 100%; max-width: 100%; } #munch-move .banner { display: block; max-width: 100%; margin: 0 auto 18px; } /* sidebar */ #sidebar, .full #sidebar { position: relative; top: 0; left: 0; width: 100%; padding: 0 12px; } .recipes #sidebar { position: relative; top: 0; right: 0; width: 100%; padding: 0 12px; } #sidebar .module { display: none; margin-bottom: 20px; } #sidebar .module, #sidebar .module body { width: 100%; } #sidebar .head h3 { font-size: 16px; } /* recipe search */ #sidebar #recipe-search { display: block; clear: both; width: 100%; border-radius: 5px; padding-bottom: 16px; background: #dbf1fe; } #sidebar #recipe-search legend { display: block; font-weight: bold; font-size: 16px; margin-bottom: 10px; } #sidebar #recipe-search .btn { margin-top: 14px; margin-right: 0; padding-right: 10px; } #sidebar #recipe-search .btn span { display: none; } #sidebar #recipe-search .body { padding: 12px 20px 0; } #sidebar #recipe-search .recipe-theme li { width: 200px; } /* star ingredient */ #sidebar #star-ingredient { display: block; border-radius: 6px; padding: 0; margin-bottom: 20px; background: #dbf1fe; } #sidebar #star-ingredient .head { display: block; background: none transparent; } #sidebar #star-ingredient .body { font-size: 14px; line-height: 20px; } #sidebar #star-ingredient .body > * { box-sizing: content-box; } /* footer */ #footer { border-top: 1px solid #cecece; padding: 30px 10px; height: auto; margin-top: 20px; } #footer .text { max-width: 100%; float: none; padding: 0; height: auto; margin-bottom: 12px; clear: both; } #footer .inner > div:before, #footer .inner > div:after { content: " "; display: table; } #footer .inner > div:after { clear: both; } #footer img { height: 60px; width: auto; margin-bottom: 12px; } #footer .inner > div > ul { padding: 0; width: auto; display: inline-block; vertical-align: top; } #footer .inner > div > ul li { display: inline-block; width: 140px; border-left: 0; float: none; padding: 0; margin: auto; } #footer .inner > div > ul li a { display: block; font-size: 12px; line-height: 20px; } .full #content .tools, .full #content .page-heading, .full.recipes .content-text{ padding-right: 0; } .featured-item.left{ width: 47%; } .featured-item.right{ width: 48%; } #munch-move .form.password-gate{ margin: 0 auto; } ul.glossary-index { -moz-column-count: 3; -moz-column-gap: 20px; -webkit-column-count: 3; -webkit-column-gap: 20px; column-count: 3; column-gap: 20px; } } @media only screen and (max-width: 767px) { #content #recipe-suggestions .container { width: 150px !important; } .featured-items{ margin-top: 20px; } .featured-item.left{ width: 100%; background: none; padding-right: 0; } .featured-item.right{ width: 100%; padding-left: 0; } #munch-move div#_ctl1_pnlTraining.cmspreview { display: none; } #munch-move div.cmspreview a.btn-start-elearning { display: none; } #munch-move div#_ctl1_pnlCompleted.cmspreview { display: none; } #munch-move div.hide-mobile { display: none; } #munch-move div.mobile-only { display: block; } #munch-move #secureArea div.content-no-image { display: none; } #munch-move div.cmspreview { border: none !important; padding: 0 !important; } } @media only screen and (max-width: 544px) { #container #popular-links .item { width: 100%; margin-right: 0; display: block; } #categories li { width: 48%; } #sidebar #recipe-search .recipe-theme li { width: 120px; } #munch-move div#_ctl1_pnlTraining.cmspreview { display: none; } #munch-move div.cmspreview a.btn-start-elearning { display: none; } #munch-move div#_ctl1_pnlCompleted.cmspreview { display: none; } #munch-move div.hide-mobile { display: none; } #munch-move div.mobile-only { display: block; } #munch-move #secureArea div.content-no-image { display: none; } #munch-move div.cmspreview { border: none !important; padding: 0 !important; } ul.glossary-index { -moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px; } } @media only screen and (max-width: 517px) { #content .page-heading{ width: 100%; } #content div#contact-form .body { width: 240px; } #content div#contact-form .body .column { float: none; width: 100%; clear: both; } #content div#contact-form .body .column.left:after { content: ''; display: inline-block; width: 100%; clear: both; } #content .field input.text{ width: 70%!important; } #content div#contact-form fieldset { min-width: 0; } #content div#order-form .checkbox label, #content div#contact-form .checkbox label { max-width: 90%; } #content div#contact-form .textarea textarea { height: 100px; width: 95%; max-width: 100%; background-size: 1144px 636px; background-position: -816px -249px; } #content .field.text { width: 100%; -webkit-box-shadow: inset 3px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: inset 3px 3px 3px rgba(0,0,0,0.2); box-shadow: inset 3px 3px 3px rgba(0,0,0,0.2); margin-bottom: 5px; border-radius: 3px; background: #ffffff; } #content div#contact-form .body { width: 90%; } #content .field textarea { -webkit-box-shadow: inset 3px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: inset 3px 3px 3px rgba(0,0,0,0.2); box-shadow: inset 3px 3px 3px rgba(0,0,0,0.2); background: #ffffff; max-width: 100%; width: 95%!important; } ul.glossary-index { -moz-column-count: 1; -moz-column-gap: 20px; -webkit-column-count: 1; -webkit-column-gap: 20px; column-count: 1; column-gap: 20px; } } @media only screen and (max-width: 345px) { #content .field textarea { width: 94%!important; } #content .field input.text{ width: 65%!important; } #content .field input.text.phone{ width: 60%!important; } #special-nav{ padding-bottom: 80px; } #munch-move .form.password-gate{ width: 100%; } #munch-move .form.password-gate .row input{ width: 52%; } #munch-move .form.password-gate .row{ width: 77%; } #munch-move div#_ctl1_pnlTraining.cmspreview { display: none; } #munch-move div#_ctl1_pnlCompleted.cmspreview { display: none; } #munch-move div.cmspreview a.btn-start-elearning { display: none; } #munch-move div.hide-mobile { display: none; } #munch-move div.mobile-only { display: block; } #munch-move #secureArea div.content-no-image { display: none; } #munch-move div.cmspreview { border: none !important; padding: 0 !important; } } #munch-move div.cmspreview { border: solid 2px #c3c3c3; padding-top: 50px; padding-bottom: 50px; border-radius: 20px; margin-top: 50px; padding-left: 5px; padding-right: 5px; } #munch-move div.cmspreview a.btn-start-elearning{ width: 100%; } .hks-banner { position: relative; width: 770px; height: 304px; background: url('/images/bg.png') 0 0 no-repeat; font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; } .hks-banner * { -webkit-box-sizing: border-box; box-sizing: border-box; } .hks-banner__spinner { position: absolute; top: 20px; left: 80px; width: 253px; height: 246px; background: url('/images/spinner.png') 0 0 no-repeat; } .hks-banner__panel { position: absolute; top: 20px; right: 20px; width: 339px; height: 269px; background: url('/images/panel.png') 0 0 no-repeat; } .hks-banner__five-things { position: absolute; width: 80px; height: 51px; display: block; top: 113px; left: 163px; text-indent: -12345px; background: url('/images/five-ways.png') 0 0 no-repeat; } .hks-banner__image-holder { position: relative; width: 70px; height: 70px; } .hks-banner__image-holder img { -webkit-transform-origin: left top; transform-origin: left top; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transition: -webkit-transform .5s .5s; transition: -webkit-transform .5s .5s; transition: transform .5s .5s; transition: transform .5s .5s, -webkit-transform .5s .5s; } /************** Active Guy ***************/ .hks-banner__active-guy { position: absolute; cursor: pointer; top: -19px; left: 93px; } .hks-banner__active-guy img { display: block; position: relative; top: -10px; left: -26px; /*animation: pulse 3s linear infinite;*/ } .hks-banner__active-guy-text { position: absolute; top: 20px; left: 20px; color: #eb2227; font-size: 24px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; transform: translate3d(-20%, 0, 0); transition: opacity .3s, transform .3s; } .hks-banner.active-guy-selected .hks-banner__active-guy-text { opacity: 1; visibility: visible; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .hks-banner.active-guy-selected .hks-banner__spinner .hks-banner__active-guy-holder{ -webkit-animation: active-guy-jump 1s cubic-bezier(0.4, 0.0, 0.2, 1) forwards .5s; animation: active-guy-jump 1s cubic-bezier(0.4, 0.0, 0.2, 1) forwards .5s; } .hks-banner.active-guy-selected .hks-banner__spinner .hks-banner__active-guy-holder > img { -webkit-transform: scale(0.9); transform: scale(0.9); } /************** Water ***************/ .hks-banner__water { position: absolute; cursor: pointer; top: 70px; left: 205px; } .hks-banner__water img { display: block; position: relative; top: -63px; left: -17px; } .hks-banner__water-text { position: absolute; top: 20px; left: 20px; color: #652f8f; font-size: 24px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; } .hks-banner.water-selected .hks-banner__water-text { opacity: 1; visibility: visible; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .hks-banner.water-selected .hks-banner__spinner .hks-banner__water-holder{ -webkit-animation: water-jump 1s cubic-bezier(0.4, 0.0, 0.2, 1) forwards .5s; animation: water-jump 1s cubic-bezier(0.4, 0.0, 0.2, 1) forwards .5s; } .hks-banner.water-selected .hks-banner__spinner .hks-banner__water-holder > img { -webkit-transform: scale(0.9); transform: scale(0.9); } /************** Fruits ***************/ .hks-banner__fruits { position: absolute; cursor: pointer; top: 170px; left: 175px; } .hks-banner__fruits img { display: block; position: relative; top: -13px; left: -17px; } .hks-banner__fruits-text { position: absolute; top: 20px; left: 20px; color: #29abe2; font-size: 24px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; } .hks-banner.fruits-selected .hks-banner__fruits-text { opacity: 1; visibility: visible; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .hks-banner.fruits-selected .hks-banner__spinner .hks-banner__fruits-holder{ -webkit-animation: fruits-jump 1s cubic-bezier(0.4, 0.0, 0.2, 1) forwards .5s; animation: fruits-jump 1s cubic-bezier(0.4, 0.0, 0.2, 1) forwards .5s; } .hks-banner.fruits-selected .hks-banner__spinner .hks-banner__fruits-holder > img { -webkit-transform: scale(0.9); transform: scale(0.9); } /************** Activity ***************/ .hks-banner__activity { position: absolute; cursor: pointer; top: 193px; left: 50px; } .hks-banner__activity img { display: block; position: relative; top: -25px; left: -3px; } .hks-banner__activity-text { position: absolute; top: 20px; left: 20px; color: #f69321; font-size: 24px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; } .hks-banner.activity-selected .hks-banner__activity-text { opacity: 1; visibility: visible; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .hks-banner.activity-selected .hks-banner__spinner .hks-banner__activity-holder{ -webkit-animation: activity-jump 1s cubic-bezier(0.4, 0.0, 0.2, 1) forwards .5s; animation: activity-jump 1s cubic-bezier(0.4, 0.0, 0.2, 1) forwards .5s; } .hks-banner.activity-selected .hks-banner__spinner .hks-banner__activity-holder > img { -webkit-transform: scale(0.9); transform: scale(0.9); } /************** Healthy ***************/ .hks-banner__healthy { position: absolute; cursor: pointer; top: 70px; left: -5px; } .hks-banner__healthy img { display: block; position: relative; top: -30px; left: -10px; } .hks-banner__healthy-text { position: absolute; top: 20px; left: 20px; color: #8cc541; font-size: 24px; opacity: 0; visibility: hidden; -webkit-transform: translate3d(-20%, 0, 0); transform: translate3d(-20%, 0, 0); -webkit-transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, -webkit-transform .3s; transition: opacity .3s, transform .3s; transition: opacity .3s, transform .3s, -webkit-transform .3s; } .hks-banner.healthy-selected .hks-banner__healthy-text { opacity: 1; visibility: visible; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .hks-banner.healthy-selected .hks-banner__spinner .hks-banner__healthy-holder{ -webkit-animation: healthy-jump 1s cubic-bezier(0.4, 0.0, 0.2, 1) forwards .5s; animation: healthy-jump 1s cubic-bezier(0.4, 0.0, 0.2, 1) forwards .5s; } .hks-banner.healthy-selected .hks-banner__spinner .hks-banner__healthy-holder > img { -webkit-transform: scale(0.9); transform: scale(0.9); } /* ********** */ .hks-banner__intro { color: #2f78ca; font-size: 20px; line-height: 1.2; width: 300px; position: absolute; top: 50%; right: 20px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0 0 0 40px; background: url('/images/arrow.png') 0 50% no-repeat; opacity: 1; visibility: visible; } .hks-banner.active-guy-selected .hks-banner__intro, .hks-banner.water-selected .hks-banner__intro, .hks-banner.fruits-selected .hks-banner__intro, .hks-banner.activity-selected .hks-banner__intro, .hks-banner.healthy-selected .hks-banner__intro { opacity: 0; visibility: hidden; } .hks-banner__link { position: absolute; bottom: -15px; right: -15px; color: white !important; background: #2f78ca; border-radius: 100%; width: 100px; height: 100px; padding: 27px 15px 15px; text-align: center; font-size: 14px; font-weight: normal; text-decoration: none; -webkit-animation: double-pulse 2s infinite; animation: double-pulse 2s infinite; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s; transition: opacity .3s; z-index: 999; } .hks-banner__link:hover { color: white; text-decoration: none; } .hks-banner__link:after { content: ''; width: 23px; height: 23px; background: #2f78ca; display: block; position: absolute; top: 6px; left: 1px; border-radius: 100%; } .hks-banner__link--active-guy { background: #eb2227; opacity: 1; visibility: visible; } .hks-banner__link--active-guy:after { background: #eb2227; } .hks-banner__link--water { background: #652f8f; opacity: 1; visibility: visible; } .hks-banner__link--water:after { background: #652f8f; } .hks-banner__link--fruits { background: #29abe2; opacity: 1; visibility: visible; } .hks-banner__link--fruits:after { background: #29abe2; } .hks-banner__link--healthy { background: #8cc541; opacity: 1; visibility: visible; } .hks-banner__link--healthy:after { background: #8cc541; } .hks-banner__link--activity { background: #f69321; opacity: 1; visibility: visible; } .hks-banner__link--activity:after { background: #f69321; } @-webkit-keyframes double-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 7.5% { -webkit-transform: scale(1.1); transform: scale(1.1) } 15% { -webkit-transform: scale(1); transform: scale(1) } 22.5% { -webkit-transform: scale(1.1); transform: scale(1.1) } 30% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes double-pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 7.5% { -webkit-transform: scale(1.1); transform: scale(1.1) } 15% { -webkit-transform: scale(1); transform: scale(1) } 22.5% { -webkit-transform: scale(1.1); transform: scale(1.1) } 30% { -webkit-transform: scale(1); transform: scale(1) } } @-webkit-keyframes active-guy-jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(75px, -100px, 0); transform: translate3d(75px, -100px, 0); } 100% { -webkit-transform: translate3d(210px, 10px, 0); transform: translate3d(210px, 10px, 0); } } @keyframes active-guy-jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(75px, -100px, 0); transform: translate3d(75px, -100px, 0); } 100% { -webkit-transform: translate3d(210px, 10px, 0); transform: translate3d(210px, 10px, 0); } } @-webkit-keyframes water-jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(75px, -100px, 0); transform: translate3d(75px, -100px, 0); } 100% { -webkit-transform: translate3d(210px, -40px, 0); transform: translate3d(210px, -40px, 0); } } @keyframes water-jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(75px, -100px, 0); transform: translate3d(75px, -100px, 0); } 100% { -webkit-transform: translate3d(210px, -40px, 0); transform: translate3d(210px, -40px, 0); } } @-webkit-keyframes fruits-jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(75px, -100px, 0); transform: translate3d(75px, -100px, 0); } 100% { -webkit-transform: translate3d(210px, -20px, 0); transform: translate3d(210px, -20px, 0); } } @keyframes fruits-jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(75px, -100px, 0); transform: translate3d(75px, -100px, 0); } 100% { -webkit-transform: translate3d(210px, -20px, 0); transform: translate3d(210px, -20px, 0); } } @-webkit-keyframes activity-jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(75px, -100px, 0); transform: translate3d(75px, -100px, 0); } 100% { -webkit-transform: translate3d(220px, 10px, 0); transform: translate3d(220px, 10px, 0); } } @keyframes activity-jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(75px, -100px, 0); transform: translate3d(75px, -100px, 0); } 100% { -webkit-transform: translate3d(220px, 10px, 0); transform: translate3d(220px, 10px, 0); } } @-webkit-keyframes healthy-jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(75px, -100px, 0); transform: translate3d(75px, -100px, 0); } 100% { -webkit-transform: translate3d(230px, 40px, 0); transform: translate3d(230px, 40px, 0); } } @keyframes healthy-jump { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 50% { -webkit-transform: translate3d(75px, -100px, 0); transform: translate3d(75px, -100px, 0); } 100% { -webkit-transform: translate3d(230px, 40px, 0); transform: translate3d(230px, 40px, 0); } } @font-face { font-family: 'Arial Rounded MT'; src: url('/fonts/ArialRoundedMTBold.eot'); src: url('/fonts/ArialRoundedMTBold.eot?#iefix') format('embedded-opentype'), url('/fonts/ArialRoundedMTBold.woff') format('woff'), url('/fonts/ArialRoundedMTBold.ttf') format('truetype'); font-weight: bold; font-style: normal; }