Better Grasp Control Activities for Babies and Toddlers

All about your baby’s ability to voluntarily put things in containers. The 12 controlled release development milestones and lots of fun easy activities.

/* ----------------------------------------- */ /* Content Template: Activity Box Expanded - start */ /* ----------------------------------------- */ .grid-item { width: 100%; box-sizing: border-box; margin-bottom: 20px; } .grid-sizer { width: 100%; } .gutter-sizer { width: 0%; }@media only screen and (min-width: 600px) { .grid-item { max-width: 48%; box-sizing: border-box; margin-bottom: 4%; } .grid-sizer { width: 48%; } .gutter-sizer { width: 4%; } }@media only screen and (min-width: 768px) { .grid-item { max-width: 32%; box-sizing: border-box; margin-bottom: 1%; } .grid-sizer { width: 32%; } .gutter-sizer { width: 1%; } }.activity-box { width: 100%; margin: 0; padding: 0px; overflow: auto; border: 3px solid #eeeeee; border-radius: 3px; background: #eeeeee; color: #000000; }.activity-box-link { position:relative; }.activity-box:hover{ background: #59a496; color: #FFFFFF; border: 3px solid #59a496; }.activity-box-image { border: none; padding: 0px; margin: 0px; }.activity-box-tittle { width: 100%; border: none; text-align: center; padding-top: 6px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; font-size: 16px; }.activity-box-professional { width: 100%; border: none; text-align: center; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; background: #222222; color: #FFFFFF; font-size: 12px; } .activity-box-exclusive { width: 100%; border: none; text-align: center; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; background: #E3723F ; color: #FFFFFF; font-size: 12px; }.activity-box-main { width: 100%; border: none; color: #222222; background: #ffffff; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; overflow: auto; font-size: 16px; } .activity-box-main p { margin: 0px; padding: 0px; }.activity-box-details { border: none; font-size: 12px; color: #888888; background: #ffffff; padding-top: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; }.activity-box-expand-wrapper { border-left: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; background: #ffffff; }.activity-box-open-wrapper { background: #ffffff; display: block; }.activity-box-expand { display: block; width: 100%; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; z-index: 2; position:relative; border-radius: 3px; }.activity-box-expand:hover { background: #59a496; color: #FFFFFF; }.activity-box .activity-box-expanded-info .activity-box-open { display: block; width: 100%; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; z-index: 2; position:relative; }.activity-box .activity-box-expanded-info { border-left: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF; }.activity-box .activity-box-expanded-info .activity-box-open:hover { background: #59a496; color: #FFFFFF; }.activity-box-like { display: block; width: 50%; border: 6px solid #FFFFFF; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; overflow: auto; float: left; z-index: 2; position:relative; }.activity-box-like:hover { background: #59a496; color: #FFFFFF; }.activity-box-dislike { display: block; width: 50%; border-top: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; overflow: auto; float: right; z-index: 2; position:relative; }.activity-box-dislike:hover { background: #59a496; color: #FFFFFF; }.activity-box a.activity-box-expand, .activity-box a.activity-box-like, .activity-box a.activity-box-dislike, .activity-box a.activity-box-open{ background: #EEEEEE; color: #000000; }.activity-box a.activity-box-expand:hover, .activity-box a.activity-box-like:hover, .activity-box a.activity-box-dislike:hover, .activity-box a.activity-box-open:hover{ background: #59a496; color: #FFFFFF; cursor: pointer; }.activity-box-like-dislike { display: block; width: 100%; border: 6px solid #FFFFFF; text-align: center; padding: 0; background-color: #FFFFFF; z-index: 2; position:relative; overflow: auto; }.link-spanner{ position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-color: white; /*workaround to make clickable in IE */ opacity: 0; /*workaround to make clickable in IE */ filter: alpha(opacity=0); /*workaround to make clickable in IE *//* edit: fixes overlap error in IE7/8, make sure you have an empty gif background-image: url('empty.gif');*/ }.activity-box-headline { display: block; width: 100%; border: none; text-align: center; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; background: #FFFFFF; color: #000000; font-size: 16px; }.activity-box-content { display: block; width: 100%; border: none; text-align: left; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #FFFFFF; color: #000000; font-size: 12px; } .activity-box-content-center { text-align: center; }.activity-box-expanded-info .activity-box-content-milestones { text-align:center; } .activity-box-expanded-info .activity-box-content-milestones a { display: inline-block; border: none; padding-top: 6px; padding-bottom: 6px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 12px; margin: 0 6px 6px 0; z-index: 20; border-radius: 3px; }.activity-box-expanded-info .activity-box-content-milestones a:hover { background: #59a496; color: #FFFFFF; }.activity-box-expanded-info { z-index: 2; position:relative; display: none; }/* ----------------------------------------- */ /* Content Template: Activity Box Expanded - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Article Post Box - start */ /* ----------------------------------------- */ .grid-item { width: 100%; box-sizing: border-box; margin-bottom: 20px; } .grid-sizer { width: 100%; } .gutter-sizer { width: 0%; }@media only screen and (min-width: 600px) { .grid-item { max-width: 48%; box-sizing: border-box; margin-bottom: 4%; } .grid-sizer { width: 48%; } .gutter-sizer { width: 4%; } }@media only screen and (min-width: 768px) { .grid-item { max-width: 32%; box-sizing: border-box; margin-bottom: 1%; } .grid-sizer { width: 32%; } .gutter-sizer { width: 1%; } }.post-box { width: 100%; margin: 0; padding: 0px; overflow: auto; border: 3px solid #eeeeee; border-radius: 3px; background: #eeeeee; color: #000000; }.post-box:hover{ background: #E3723F; color: #FFFFFF; border: 3px solid #E3723F; }.post-box-image { border: none; padding: 0px; margin: 0px; }.post-box-tittle { width: 100%; border: none; text-align: center; padding-top: 6px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; font-size: 16px; }.post-box-main { width: 100%; border: none; color: #222222; background: #ffffff; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; overflow: auto; font-size: 16px; }.post-box-main p { margin: 0px; padding: 0px; }.post-box-link { position:relative; }.post-box-expand-wrapper { position:relative; display: block; width: 100%; border-left: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; text-align: center; background: #FFFFFF; z-index: 2;}.post-box-expand { display: block; width: 100%; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; z-index: 2; position:relative; }.post-box-expand:hover { background: #59a496; color: #FFFFFF; }.post-box-like { display: block; width: 50%; border: 6px solid #FFFFFF; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; overflow: auto; float: left; z-index: 2; position:relative; }.post-box-like:hover { background: #E3723F; color: #FFFFFF; }.post-box-dislike { display: block; width: 50%; border-top: 6px solid #FFFFFF; border-bottom: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; text-align: center; padding-top: 12px; padding-bottom: 12px; padding-left: 12px; padding-right: 12px; background: #eeeeee; color: #000000; font-size: 16px; overflow: auto; float: right; z-index: 2; position:relative; }.post-box-dislike:hover { background: #E3723F; color: #FFFFFF; }.post-box a.post-box-expand, .post-box a.post-box-like, .post-box a.post-box-dislike, .post-box a.post-box-open{ background: #EEEEEE; color: #000000; }.post-box a.post-box-expand:hover, .post-box a.post-box-like:hover, .post-box a.post-box-dislike:hover, .post-box a.post-box-open:hover{ background: #59a496; color: #FFFFFF; cursor: pointer; }.post-box-like-dislike { display: block; width: 100%; border: 6px solid #FFFFFF; text-align: center; padding: 0; background-color: #FFFFFF; z-index: 2; position:relative; overflow: auto; }.link-spanner{ position:absolute; width:100%; height:100%; top:0; left: 0; z-index: 1; background-color: white; /*workaround to make clickable in IE */ opacity: 0; /*workaround to make clickable in IE */ filter: alpha(opacity=0); /*workaround to make clickable in IE *//* edit: fixes overlap error in IE7/8, make sure you have an empty gif background-image: url('empty.gif');*/ }/* ----------------------------------------- */ /* Content Template: Article Post Box - end */ /* ----------------------------------------- */