@charset "UTF-8";
/* Site Design by Match Point Pictures. http://matchpointpictures.com. All Rights Reserved. ©2007 Tiny Tots Diaper Service, Inc. */

/*

#nav { height: 30px; text-align: center; width: 900px; padding: 0px; font-size: 16px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }


#nav ul { margin: 0px; height: 24px; padding: 0px; }
#nav li { width: 300px; height: 24px; display: inline; font-family: Helvetica, Arial, Geneva, "Lucida Grande", sans-serif; font-size: 16px !important; text-transform: lowercase; padding: 0px; margin: 0px; float: right; }

#nav li a{ text-decoration: none; display: block; color: #FFFFFF; text-shadow: #333 2px 2px 2px; text-align: center; height: 24px; padding-top: 6px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: #006633; background-image: url(/asset/nav_grad2.jpg); background-repeat: no-repeat; background-position: 0px 0px; }

#nav li a:hover{ color: #FFFFFF; height: 24px; text-shadow: #111 2px 2px 2px; background-position: 0px -30px; background-repeat: no-repeat; }
#nav li a:active{ color: #FFFFFF; height: 24px; text-shadow: #111 2px 2px 2px; background-position: 0px -60px; background-repeat: no-repeat; }

#nav li a#selected { text-shadow: none; color: #000000; cursor: default; height: 24px; text-shadow: #fff 2px 2px 2px; background-position: 0px -90px; background-color: #FFFFFF; background-repeat: no-repeat; text-transform: lowercase; font-variant: normal; font-weight: bold; }

*/


/*#header { width: 900px; margin-right: auto; margin-left: auto; }
#header #header_content { width: 900px; margin-right: auto; margin-left: auto; }

*#global_nav { font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; width: 900px; z-index: -9999; font-size: 2px; height: 40px; }
#global_nav #globalnav { margin: 0; padding: 0; }
#global_nav #globalnav li { display: inline; text-indent: 0px; }
#global_nav #globalnav li a { width: 300px; height: 0px; overflow: hidden; float: left; background-image: url(http://tinytots.com/asset/navigation_map.png); _background-image: url(http://tinytots.com/asset/navigation_map.gif); background-repeat: no-repeat; padding-top: 40px; }

#global_nav #globalnav li#nav_store a { background-position: 0px 0px; }
#global_nav #globalnav li#nav_ds a { background-position: -300px 0px; }
#global_nav #globalnav li#nav_info a { background-position: -600px 0px; }

#global_nav #globalnav li#nav_store a:hover { background-position: 0px -40px; }
#global_nav #globalnav li#nav_ds a:hover { background-position: -300px -40px; }
#global_nav #globalnav li#nav_info a:hover { background-position: -600px -40px; }

#global_nav #globalnav li#nav_store a:active { background-position: 0px -80px; }
#global_nav #globalnav li#nav_ds a:active { background-position: -300px -80px; }
#global_nav #globalnav li#nav_info a:active {background-position: -600px -80px; }

#global_nav.store_select #globalnav li#nav_store a { background-position: 0px -120px !important; cursor: default; }
#global_nav.ds_select #globalnav li#nav_ds a    { background-position: -300px -120px !important; cursor: default; }
#global_nav.info_select #globalnav li#nav_info a {background-position: -600px -120px !important; cursor: default; }

#global_nav.store_select #globalnav li#nav_store a:hover { background-position: 0px -160px !important; cursor: default; }
#global_nav.ds_select #globalnav li#nav_ds a:hover { background-position: -300px -160px !important; cursor: default; }
#global_nav.info_select #globalnav li#nav_info a:hover {background-position: -600px -160px !important; cursor: default; }*/


/* 2009+ HEADER */
#header_quad { width: 900px; margin-right: auto; margin-left: auto; }
#header_quad #logo { width: 750px; height: 75px; float: left; }
#header_quad h1 { display: block; text-indent: -9999px; height: 60px; cursor: pointer; background-image: url(http://asset.tinytots.com/tinytots_logo_long.png); _background-image: url(http://asset.tinytots.com/tinytots_logo_long.gif); background-repeat: no-repeat; background-position: 0 0; width: 750px; margin-left: 0px; margin-top: 12px; }
#header_quad h1:hover { background-position: 0 -60px; }
#header_quad h1 a { display: block; width: 750px; height: 50px; }
#header_quad .join { width: 235px; padding: 15px 20px 0 0; float: right; text-align: right; display: none; }
#header_quad .join span { color: #0E562D; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 12px; font-weight: bold; }

#header_quad #header_content { width: 900px; margin-right: auto; margin-left: auto; }
#header_quad #global_nav #globalnav { margin: 0; padding: 0; }
#header_quad #global_nav #globalnav li { display: inline; text-indent: 0px; }
#header_quad #global_nav #globalnav li a { width: 225px; height: 0px; overflow: hidden; float: left; background-image: url(http://asset.tinytots.com/nav_map_quad.png); _background-image: url(http://asset.tinytots.com/nav_map_quad.gif); background-repeat: no-repeat; padding-top: 62px; }

#header_quad #global_nav #globalnav li#nav_store a { background-position: 0px 0px; /*-webkit-transition: background-position .2s ease-out;*/ }
#header_quad #global_nav #globalnav li#nav_ds a { background-position: -225px 0px; }
#header_quad #global_nav #globalnav li#nav_info a { background-position: -450px 0px; }
#header_quad #global_nav #globalnav li#nav_contact a { background-position: -675px 0px;  }

#header_quad #global_nav #globalnav li#nav_store a:hover { background-position: 0px -70px; }
#header_quad #global_nav #globalnav li#nav_ds a:hover { background-position: -225px -70px; }
#header_quad #global_nav #globalnav li#nav_info a:hover { background-position: -450px -70px; }
#header_quad #global_nav #globalnav li#nav_contact a:hover { background-position: -675px -70px; }

#header_quad #global_nav #globalnav li#nav_store a:active,
#header_quad #global_nav #globalnav li#nav_store a:focus { background-position: 0px -210px; }
#header_quad #global_nav #globalnav li#nav_ds a:active,
#header_quad #global_nav #globalnav li#nav_ds a:focus { background-position: -225px -210px; }
#header_quad #global_nav #globalnav li#nav_info a:active,
#header_quad #global_nav #globalnav li#nav_info a:focus { background-position: -450px -210px; }
#header_quad #global_nav #globalnav li#nav_contact a:active,
#header_quad #global_nav #globalnav li#nav_contact a:focus { background-position: -675px -210px; }

#header_quad #global_nav #globalnav li#nav_store a:focus { background-position: 0px -210px;  }
#header_quad #global_nav #globalnav li#nav_ds a:focus { background-position: -225px -210px; }
#header_quad #global_nav #globalnav li#nav_info a:focus { background-position: -450px -210px; }
#header_quad #global_nav #globalnav li#nav_contact a:focus { background-position: -675px -210px }

/*#global_nav #globalnav li#nav_store a:active { background-position: 0px -80px; }
#global_nav #globalnav li#nav_ds a:active { background-position: -300px -80px; }
#global_nav #globalnav li#nav_info a:active {background-position: -600px -80px; }*/

#header_quad #global_nav.boutique_select #globalnav li#nav_store a { background-position: 0px -140px; !important; cursor: default; }
#header_quad #global_nav.diapers_select #globalnav li#nav_ds a { background-position: -225px -140px; !important; cursor: default; }
#header_quad #global_nav.ifo_select #globalnav li#nav_info a { background-position: -450px -140px; !important; cursor: default; }
#header_quad #global_nav.contact_select #globalnav li#nav_contact a { background-position: -675px -140px; !important; cursor: default; }
/* END 2009+ HEADER */


#genre { width: 505px; height: 66px; background-image: url(http://asset.tinytots.com/sprytopbg1.jpg); background-repeat: repeat-x; padding-left: 25px; background-position: 0px 19px; display: block; margin-right: auto; margin-left: auto; }
#genre .main { font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-weight: bold; font-size: 20px; margin-top: 11px; margin-bottom: 0px; color: #060; }
#genre .sub { color: #666; font-size: 12px; margin-top: 1px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: normal; }


/*
#header { width: 920px; margin-right: auto; margin-left: auto; }
#header #header_content { width: 920px; margin-right: auto; margin-left: auto; height: 80px; }

#global_nav { font-family: Helvetica, Arial, Verdana, Geneva, sans-serif; width: 920px; z-index: -9999; font-size: 2px; height: 80px; margin-right: auto; margin-left: auto; background-image: url(/asset/header2_bg.png); background-repeat: no-repeat; background-position: center top; }
#global_nav #globalnav { margin-top: 20; margin-right: 0; margin-bottom: 0; margin-left: 0; padding: 0; }
#global_nav #globalnav li { display: inline; text-indent: 0px; }
#global_nav #globalnav li a { width: 170px; height: 0px; overflow: hidden; float: left; background-image: url(http://tinytots.com/asset/navigation_map.png); _background-image: url(http://tinytots.com/asset/navigation_map.gif); background-repeat: no-repeat; padding-top: 40px; }

#global_nav #globalnav li#nav_store a { background-position: 0px 0px; margin-left: 320px; }
#global_nav #globalnav li#nav_ds a { background-position: -300px 0px; margin-left: 10px; }
#global_nav #globalnav li#nav_info a { background-position: -600px 0px; margin-left: 10px; }

#global_nav #globalnav li#nav_store a:hover { background-position: 0px -40px; }
#global_nav #globalnav li#nav_ds a:hover { background-position: -300px -40px; }
#global_nav #globalnav li#nav_info a:hover { background-position: -600px -40px; }

#global_nav #globalnav li#nav_store a:active { background-position: 0px -80px; }
#global_nav #globalnav li#nav_ds a:active { background-position: -300px -80px; }
#global_nav #globalnav li#nav_info a:active {background-position: -600px -80px; }

#global_nav.store_select #globalnav li#nav_store a { background-position: 0px -120px !important; cursor: default; }
#global_nav.ds_select #globalnav li#nav_ds a { background-position: -300px -120px !important; cursor: default; }
#global_nav.info_select #globalnav li#nav_info a {background-position: -600px -120px !important; cursor: default; }

#global_nav.store_select #globalnav li#nav_store a:hover { background-position: 0px -160px !important; cursor: default; }
#global_nav.ds_select #globalnav li#nav_ds a:hover { background-position: -300px -160px !important; cursor: default; }
#global_nav.info_select #globalnav li#nav_info a:hover {background-position: -600px -160px !important; cursor: default; }
*/





#footer { width: 890px; margin-left: auto; margin-right: auto; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; display: block; padding: 0px; }
#footer #top { margin-bottom: 9px; clear: both; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #48956B; float: left; margin-top: 8px; width: 890px; margin-right: auto; margin-left: auto; }
#footer #top .social { text-align: left; display: inline-block; float: left; width: 60%; font-size: 5px; padding-bottom: 13px; padding-left: 8px; margin-top: 4px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { #footer #top .social li.facebook { position: relative; top: 6px; } }
#footer #top .site { text-align: right; display: inline-block; width: 450px; float: right; margin-top: 0px; padding-top: 0px; font-size: 5px; }
#footer #top ul { margin-top: 6px; margin-bottom: 10px; margin-left: 0px; text-align: left; }
#footer #top ul li { display: inline; margin-right: 7px; text-shadow: #FFF 0px 1px 1px; }
#footer #top ul li.space { padding-left: 180px; }
#footer #top ul li.first { margin-left: 5px; }
#footer #top ul li.last { margin: 0px; }
#footer #top a { text-decoration: none; color: #060; font-size: 11px; }
#footer #top a:hover { text-decoration: underline; }
#footer #breaker { background-color: #48956B; height: 2px; width: 900px; margin-right: auto; margin-left: auto; }
#footer #bottom { display: block; font-size: 10px; color: #666; line-height: 16px;  }
#footer #bottom b { color: #060; font-size: 1.1em; }
#footer #bottom #l1 { float: left; width: 30%; margin-right: 1%; margin-left: 1%; text-align: left; text-shadow: #FFF 0px 1px 1px; }
#footer #bottom #l2 { float: left; width: 17%; margin-right: 1%; margin-left: 1%; text-align: left; text-indent: 0px; text-shadow: #FFF 0px 1px 1px; }
#footer #bottom #l3 { float: left; width: 17%; margin-right: 1%; margin-left: 1%; text-align: left; text-indent: 0px; text-shadow: #FFF 0px 1px 1px; }
#footer #bottom #l4 { float: left; width: 28%; margin-right: 1%; margin-left: 1%; }

#gf-footer { width: 900px; margin-left: auto; margin-right: auto; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif; display: block; font-size: 11px !important; color: #999; margin-top: 20px; margin-bottom: 20px; text-align: left; clear: both; float: none; }
#gf-footer .gf-nav { float: left; width: 40%; text-align: left; margin-top: 5px; margin-bottom: 5px; padding-left: 5px; }
#gf-footer .gf-social { float: right; width: 47%; text-align: right; margin-top: 5px; margin-bottom: 5px; padding-right: 0px; }
#gf-footer .gf-social .facebook { position: relative; bottom: 3px; padding-left: 5px; }
#gf-footer .gf-order { clear: both; border-top-width: 1px; border-bottom-width: 1px; border-top-style: dotted; border-bottom-style: dotted; border-top-color: #CCC; border-bottom-color: #CCC; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; float: left; margin-top: 5px; margin-bottom: 15px; width: 99%; }
#gf-footer .gf-order .gf-orderds { float: left; width: 45%; }
#gf-footer .gf-order .gf-boutique { float: right; width: 45%; text-align: right; padding-right: 5px; }
#gf-footer .gf-final { clear: both; padding-bottom: 45px; padding-left: 5px; float: left; width: 99%; margin-right: auto; margin-left: auto; }
#gf-footer .gf-final .gf-copy { float: left; width: 45%; }
#gf-footer .gf-final .gf-customer { float: right; width: 45%; text-align: right; padding-right: 5px; }
#gf-footer .gf-logo { text-align: center; clear: both; float: left; display: block; padding-bottom: 50px; background-image: url(http://asset.tinytots.com/logo_grey.png); background-repeat: no-repeat; background-position: center top; width: 100%; height: 70px; }
#tt_index #gf-footer .gf-logo { text-align: center; clear: both; float: left; display: block; padding-bottom: 50px; background-image: none; width: 100%; height: 70px; }