/*
	Fisher-Price Left Nav CSS
	For site-wide .NET template implementation
	By Eric Shepherd
	November, 2005
	Documented version located at \\fpacg03\fp4\Documents\coretemplate\coreleftnav-documented.css
*/

div#sidebar_top legend {
	display: none;
}

/*STYLES FOR TOP OF SIDEBAR*/

div#sidebar_top * {
	margin: 0;
	padding: 0;
	border: 0;
}

div#sidebar_top {
	background: #fff;
	font-size: small;
	width: 168px;
}

div#sidebar_top a {
	font-weight: bold;
	color: #523fa9;
	text-decoration: none;
}
div#sidebar_top a:hover {
	background: #e9eeff;
}

div#navigation_top {
	overflow: hidden;
}
body.images div#navigation_top a {
	height: 16px;
	display: block;
	float: left;
}
div#navigation_top #advertisement {
	width: 78px;
}
div#navigation_top #homelink {
	width: 36px;
}
body.images div#navigation_top #advertisement {
	background: url(/us/img/home/advertisement.gif) no-repeat;
}
body.images div#navigation_top #homelink {
	background: url(/us/img/home/home.gif) no-repeat;
	margin-left: 50px;
}
body.images div#navigation_top span, body.images div#foreign span {
	position: absolute;
	left: -4958px;
}
div#sidebar_top div#fp_logo {
	margin-bottom: 2px;
	/*border: 3px solid #c1cfff; depends on the image*/
	width: 162px;
}
div#sidebar_top div#plg {
	margin-bottom: 2px;
	/*border: 3px solid #c1cfff; depends on the image*/
	width: 162px;
}
div#sidebar_top div#fp_logo img {
	display: block;
}
div#sidebar_top div#plg img {
	display: block;
}
div#sidebar_top div#foreign {
	background: #c1cfff;
}
div#sidebar_top div#foreign ul { /*this rule is only for Mac IE5.2 on OS X */
	list-style-type: none;
}
body.images div#sidebar_top div#foreign {
	overflow: hidden;
	height: 26px; /*this is only necessary because of the below :after pseudo-class*/
	margin-bottom: 2px;
}
div#sidebar_top div#foreign:after { /*this is necessary for Netscape 7.1 to put the search box in the right place*/
	content: url(\/img\/spacer.gif); /*but it screws up the height of the international buttons, requiring a height on the div itself (see above ruleset)*/
}
body.images div#sidebar_top div#foreign li {
	float: left;
	border-bottom: 1px solid #fff; /* for mac ie 5.2 on os x */
}
body.images div#sidebar_top div#foreign a {
	display: block;
	height: 26px;
}
body.images div#sidebar_top div#foreign a#spanish {
	background: url(/us/img/fpnav_usp.gif) no-repeat;
	width: 71px;
}
body.images div#sidebar_top div#foreign a#spanish:hover {
	background: url(/us/img/fpnav_usp_on.gif) no-repeat;
}
body.images div#sidebar_top div#foreign a#international {
	background: url(/us/img/fpnav_int.gif) no-repeat;
	width: 97px;
}
body.images div#sidebar_top div#foreign a#international:hover {
	background: url(/us/img/fpnav_int_on.gif) no-repeat;
}
div#sidebar_top div#search {
	background: #c1cfff;
}
div#sidebar_top form label {
	position: absolute;
	left: -4958px;
}
div#sidebar_top #keyword_box {
	border: 1px solid #336;
	width: 110px;
	padding: 2px;
	margin-left: 8px;
}
div#sidebar_top #searchbutton {
	position: relative;
	top: 6px;
}
* html div#sidebar_top #searchbutton { /*ie hack*/
	top: 4px;
}

/* begin sidebar navigation*/

div#sidebar_navigation {
	background: #c1cfff;
	font-family: arial, helvetica, sans-serif;
	font-size: small;
	width: 168px;
}
#skip_left_nav {
	text-align: center;
	font-weight: bold;
}
body.images #skip_left_nav {
	position: absolute;
	top: -9999px;
	font-size: 1px;
}
#skip_left_nav a {
	color: #fff;
	text-decoration: none;
	font-size: 80%;
}
body.images #skip_left_nav a:focus {
	display: block;
	position: absolute;
	top: 10000px;
	font-size: large;
	color: #000;
	background: #fff;
	border: solid 2px #523e95;
	padding: 10px;
	width: 15em;
	z-index: 1;
}

ul#left_nav * {
	margin: 0;
	padding: 0;
}

ul#left_nav sup {
	font-size: 80%;
}

ul#left_nav {
	margin: 0;
	padding: 6px;
	width: 156px;
	color: #fff;
	list-style-type: none;
	position: relative;
	padding-bottom: 30px;
}

ul#left_nav ul {
	list-style-type: none;
	padding-bottom: 15px;
}
ul#left_nav a.category_header, ul#left_nav span.category_header {
	display: block;
	font-size: 1.2em;
	background: #a4afff;
	color: #fff;
	padding: 2px 0 2px 2px;
}

body.images ul#left_nav a.category_header, body.images ul#left_nav span.category_header {
	height: 31px;
	background: transparent;
	padding: 0;
	font-size: 1em;
	display: block;
}
* html body.images ul#left_nav a.category_header, * html body.images ul#left_nav span.category_header {
	height: 28px;
	border-bottom: 3px solid #c1cfff;/*if no border, it shows the rest of the button image through despite height declaration in IE*/
}

/*\*//*/
	body.images ul#left_nav span.category_header {
		visibility: hidden;
	}
/**/

ul#left_nav a, ul#left_nav span {
	margin-top: .3em;
	text-decoration: none;
	font-weight: bold;
	font-size: 86%;
	color: #523fa9;
	display: block;
	width: 154px;
}
ul#left_nav a:hover {
	background: #e9eeff;
}
ul#left_nav a span {
	font-weight: normal;
	font-size: 100%;
	display: block;
}
ul#left_nav em {
	text-transform: uppercase;
	font-size: 100%;
}

ul#left_nav li ul {
	margin-top: 10px;
}
ul#left_nav span.special {
	font-weight: bold;
	color: #f00;
}

ul#left_nav span.louder {
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
}

* html ul#left_nav li {
	float: left;
	height: 1%;
}
* html ul#left_nav li a {
	height: 1%;
}
ul#left_nav li.heading {
	font-weight: bold;
}
/*this will have to be changed if headlines are used in 
other sections; right now the entire class is orange*/
body.images ul#left_nav li.heading {
	padding-left: 10px;
	padding-right: 10px;
	font-size: 1em; 
	color: #fc9600;
}

body.images li#li-toys {
	background: url(/content/v4/us/core/img/f-toys.gif) no-repeat;
}
body.images li#li-shopfisherprice {
	background:  url(/content/v4/us/core/img/f-shopfisherprice.gif) no-repeat;
}
body.images li#li-emailupdates {
	background: url(/content/v4/us/core/img/f-emailupdates.gif) no-repeat;
}
body.images li#li-pregnancy {
	background: url(/content/v4/us/core/img/f-pregnancy.gif) no-repeat;
}
body.images li#li-parenting {
	background: url(/content/v4/us/core/img/f-parenting.gif) no-repeat;
}
body.images li#li-grandparenting {
	background: url(/content/v4/us/core/img/f-grandparenting.gif) no-repeat;
}
body.images li#li-funfamilytime {
	background:  url(/content/v4/us/core/img/f-funfamilytime.gif) no-repeat;
}
body.images li#li-servicesinfo {
	background:  url(/content/v4/us/core/img/f-servicesinfo.gif) no-repeat;
}
body.images li#li-recallinformation {
	background:  url(/content/v4/us/core/img/f-recallinformation.gif) no-repeat;
}
body.images li#li-ourcompany {
	background:  url(/content/v4/us/core/img/f-ourcompany.gif) no-repeat;
}

body.images li#li-shoppershelper {
	background: url(/content/v4/us/core/img/f-shoppershelper.gif) no-repeat;
}


body.images li.category_li {
	text-indent: -8989px;
}

body.images li#li-toys, 
body.images li#li-shoppershelper, 
body.images li#li-emailupdates, 
body.images li#li-parenting, 
body.images li#li-shopfisherprice, 
body.images li#li-funfamilytime, 
body.images li#li-servicesinfo, 
body.images li#li-recallinformation, 
body.images li#li-ourcompany,
body.images li#li-pregnancy,
body.images li#li-grandparenting {
	position: relative;
	background-position: 0 -31px;
}
/*hide from mac ie5 - only affects old versions on OS9, so can be dropped if that support isn't necessary and height put in the above instruction instead\*/
* html body.images li#li-toys, 
* html body.images li#li-shoppershelper, 
* html body.images li#li-emailupdates, 
* html body.images li#li-parenting, 
* html body.images li#li-shopfisherprice, 
* html body.images li#li-funfamilytime, 
* html body.images li#li-servicesinfo, 
* html body.images li#li-recallinformation, 
* html body.images li#li-ourcompany,
* html body.images li#li-pregnancy,
* html body.images li#li-grandparenting {
	height: 10px;
}
/* end hack*/
li#li-toys li, 
li#li-shoppershelper li, 
li#li-emailupdates li, 
li#li-parenting li, 
li#li-shopfisherprice li, 
li#li-funfamilytime li, 
li#li-servicesinfo li, 
li#li-recallinformation li, 
li#li-ourcompany li,
li#li-pregnancy li,
li#li-grandparenting li  {
	text-indent: 0;
}
* html li#li-toys li, 
* html li#li-shoppershelper li, 
* html li#li-emailupdates li, 
* html li#li-parenting li, 
* html li#li-shopfisherprice li, 
* html li#li-funfamilytime li, 
* html li#li-servicesinfo li, 
* html li#li-recallinformation li, 
* html li#li-ourcompany li,
* html li#li-pregnancy li,
* html li#li-grandparenting li  {
	float: none;
}

/* hide the following from Mac IE5 \*/
body.images li#li-toys.do_flyout a:hover span, 
body.images li#li-shoppershelper.do_flyout a:hover span, 
body.images li#li-emailupdates.do_flyout a:hover span, 
body.images li#li-parenting.do_flyout a:hover span, 
body.images li#li-shopfisherprice.do_flyout a:hover span, 
body.images li#li-funfamilytime.do_flyout a:hover span, 
body.images li#li-servicesinfo.do_flyout a:hover span, 
body.images li#li-recallinformation.do_flyout a:hover span, 
body.images li#li-ourcompany.do_flyout a:hover span,
body.images li#li-pregnancy.do_flyout a:hover span,
body.images li#li-grandparenting.do_flyout a:hover span {
	color: #fff;
}
li a:hover span {
	cursor: pointer;
}
body.images li#li-toys.do_flyout:hover ul, 
body.images li#li-shoppershelper.do_flyout:hover ul, 
body.images li#li-emailupdates.do_flyout:hover ul, 
body.images li#li-parenting.do_flyout:hover ul, 
body.images li#li-shopfisherprice.do_flyout:hover ul, 
body.images li#li-funfamilytime.do_flyout:hover ul, 
body.images li#li-servicesinfo.do_flyout:hover ul, 
body.images li#li-recallinformation.do_flyout:hover ul, 
body.images li#li-ourcompany.do_flyout:hover ul,
body.images li#li-pregnancy.do_flyout:hover ul,
body.images li#li-grandparenting.do_flyout:hover ul {
	visibility: visible;
	z-index: 10000;
}
body.images li#li-toys.do_flyout ul li a, 
body.images li#li-shoppershelper.do_flyout ul li a, 
body.images li#li-emailupdates.do_flyout ul li a, 
body.images li#li-parenting.do_flyout ul li a, 
body.images li#li-shopfisherprice.do_flyout ul li a,
body.images li#li-funfamilytime.do_flyout ul li a, 
body.images li#li-servicesinfo.do_flyout ul li a, 
body.images li#li-recallinformation.do_flyout ul li a, 
body.images li#li-ourcompany.do_flyout ul li a,
body.images li#li-pregnancy.do_flyout ul li a,
body.images li#li-grandparenting.do_flyout ul li a {
	position: relative;
	left: 10px;
	width: 170px;
}

body.images li#li-toys.do_flyout ul, 
body.images li#li-shoppershelper.do_flyout ul, 
body.images li#li-emailupdates.do_flyout ul, 
body.images li#li-parenting.do_flyout ul, 
body.images li#li-shopfisherprice.do_flyout ul, 
body.images li#li-funfamilytime.do_flyout ul, 
body.images li#li-servicesinfo.do_flyout ul, 
body.images li#li-recallinformation.do_flyout ul, 
body.images li#li-ourcompany.do_flyout ul,
body.images li#li-pregnancy.do_flyout ul,
body.images li#li-grandparenting.do_flyout ul {
	visibility: hidden;
	position: absolute;
	bottom: -14px;
	left: 148px;
	width: 194px;
	padding: 0 0 22px 0;
	z-index: 900;
}
/* ie hacks but without the * html, because one of them is for ie7 */
body.images li#li-toys.do_flyout ul, 
body.images li#li-shoppershelper.do_flyout ul, 
body.images li#li-emailupdates.do_flyout ul, 
body.images li#li-parenting.do_flyout ul, 
body.images li#li-shopfisherprice.do_flyout ul, 
body.images li#li-funfamilytime.do_flyout ul, 
body.images li#li-servicesinfo.do_flyout ul, 
body.images li#li-recallinformation.do_flyout ul, 
body.images li#li-ourcompany.do_flyout ul,
body.images li#li-pregnancy.do_flyout ul,
body.images li#li-grandparenting.do_flyout ul {
	_bottom: -11px;
	*left: 154px;
	/* ie fixed the positioning issues but not the z-index, so we need to still feed the left value to ie7 */
}

body.images li#li-toys.on ul, 
body.images li#li-shoppershelper.on ul, 
body.images li#li-emailupdates.on ul, 
body.images li#li-parenting.on ul, 
body.images li#li-shopfisherprice.on ul, 
body.images li#li-funfamilytime.on ul, 
body.images li#li-servicesinfo.on ul, 
body.images li#li-recallinformation.on ul, 
body.images li#li-ourcompany.on ul,
body.images li#li-pregnancy.on ul,
body.images li#li-grandparenting.on ul  {
	visibility: visible;
}

body.images li#li-toys.do_flyout ul, 
body.images li#li-shoppershelper.do_flyout ul, 
body.images li#li-emailupdates.do_flyout ul, 
body.images li#li-parenting.do_flyout ul, 
body.images li#li-shopfisherprice.do_flyout ul, 
body.images li#li-funfamilytime.do_flyout ul, 
body.images li#li-servicesinfo.do_flyout ul, 
body.images li#li-recallinformation.do_flyout ul, 
body.images li#li-ourcompany.do_flyout ul,
body.images li#li-pregnancy.do_flyout ul,
body.images li#li-grandparenting.do_flyout ul {
	background: url(/content/v4/img/core/f-backgrounds.gif) no-repeat;
}

body.images li#li-toys.do_flyout ul li.firstchild, body.images li#li-toys.do_flyout ul li:first-child,
body.images li#li-shoppershelper.do_flyout ul li.firstchild, body.images li#li-shoppershelper.do_flyout ul li:first-child,
body.images li#li-emailupdates.do_flyout ul li.firstchild, body.images li#li-emailupdates.do_flyout ul li:first-child,
body.images li#li-parenting.do_flyout ul li.firstchild, body.images li#li-parenting.do_flyout ul li:first-child,
body.images li#li-shopfisherprice.do_flyout ul li.firstchild, body.images li#li-shopfisherprice.do_flyout ul li:first-child,
body.images li#li-funfamilytime.do_flyout ul li.firstchild, body.images li#li-funfamilytime.do_flyout ul li:first-child,
body.images li#li-servicesinfo.do_flyout ul li.firstchild, body.images li#li-servicesinfo.do_flyout ul li:first-child,
body.images li#li-recallinformation.do_flyout ul li.firstchild, body.images li#li-recallinformation.do_flyout ul li:first-child,
body.images li#li-ourcompany.do_flyout ul li.firstchild, body.images li#li-ourcompany.do_flyout ul li:first-child,
body.images li#li-pregnancy.do_flyout ul li.firstchild, body.images li#li-pregnancy.do_flyout ul li:first-child,
body.images li#li-grandparenting.do_flyout ul li.firstchild, body.images li#li-grandparenting.do_flyout ul li:first-child {
	padding-top: 20px;
	background: url(/content/v4/img/core/f-backgrounds.gif) no-repeat;
}

body.images li#li-toys.do_flyout:hover, body.images li#li-toys.on {
	background: url(/content/v4/us/core/img/f-toys.gif) no-repeat;
}
body.images li#li-toys.do_flyout ul {
	background-color: #ffdfdf;
	background-position: -200px 100%;
}
body.images li#li-toys.do_flyout ul li a:hover {
	background: #f00;
	color: #fff;
}
body.images li#li-toys.do_flyout ul li.firstchild, body.images li#li-toys.do_flyout ul li:first-child {
	background-position: -200px 0%;
}

body.images li#li-shoppershelper.do_flyout:hover, body.images li#li-shoppershelper.on {
	background: url(/content/v4/us/core/img/f-shoppershelper.gif) no-repeat;
}
body.images li#li-shoppershelper.do_flyout ul {
	background-color: #cdecff;
	background-position: -400px 100%;
}
body.images li#li-shoppershelper.do_flyout ul li a:hover {
	background: #5ac0ff;
	color: #fff;
}
body.images li#li-shoppershelper.do_flyout ul li.firstchild, body.images li#li-shoppershelper.do_flyout ul li:first-child {
	background-position: -400px 0%;
}

body.images li#li-emailupdates.do_flyout:hover, body.images li#li-emailupdates.on {
	background: url(/content/v4/us/core/img/f-emailupdates.gif) no-repeat;
}
body.images li#li-emailupdates.do_flyout ul {
	background-color: #fedfb2;
	background-position: -600px 100%;
}
body.images li#li-emailupdates.do_flyout ul li a:hover {
	background: #fc9600;
	color: #fff;
}
body.images li#li-emailupdates.do_flyout ul li.firstchild, body.images li#li-emailupdates.do_flyout ul li:first-child {
	background-position: -600px 0%;
}

body.images li#li-parenting.do_flyout:hover, body.images li#li-parenting.on {
	background: url(/content/v4/us/core/img/f-parenting.gif) no-repeat;
}
body.images li#li-parenting.do_flyout ul {
	background-color: #d3e6c5;
	background-position: -800px 100%;
}
body.images li#li-parenting.do_flyout ul li a:hover {
	background: #6dad41;
	color: #fff;
}
body.images li#li-parenting.do_flyout ul li.firstchild, body.images li#li-parenting.do_flyout ul li:first-child {
	background-position: -800px 0%;
}

body.images li#li-shopfisherprice.do_flyout:hover, body.images li#li-shopfisherprice.on {
	background: url(/content/v4/us/core/img/f-shopfisherprice.gif) no-repeat;
}
body.images li#li-shopfisherprice.do_flyout ul {
	background-color: #e1d0f5;
	background-position: -1000px 100%;
}
body.images li#li-shopfisherprice.do_flyout ul li a:hover {
	background: #9c64dc;
	color: #fff;
}
body.images li#li-shopfisherprice.do_flyout ul li.firstchild, body.images li#li-shopfisherprice.do_flyout ul li:first-child {
	background-position: -1000px 0%;
}

body.images li#li-funfamilytime.do_flyout:hover, body.images li#li-funfamilytime.on {
	background: url(/content/v4/us/core/img/f-funfamilytime.gif) no-repeat;
}
body.images li#li-funfamilytime.do_flyout ul {
	background-color: #C1EBEB; 
	background-position: -1800px 100%;
}
body.images li#li-funfamilytime.do_flyout ul li a:hover {
	background: #34BEBD;
	color: #fff;
}
body.images li#li-funfamilytime.do_flyout ul li.firstchild, body.images li#li-funfamilytime.do_flyout ul li:first-child {
	background-position: -1800px 0%;
}

body.images li#li-servicesinfo.do_flyout:hover, body.images li#li-servicesinfo.on {
	background: url(/content/v4/us/core/img/f-servicesinfo.gif) no-repeat;
}
body.images li#li-servicesinfo.do_flyout ul {
	background-color: #eeceee;
	background-position: -1400px 100%;
}
body.images li#li-servicesinfo.do_flyout ul li a:hover {
	background: #c75cc8;
	color: #fff;
}
body.images li#li-servicesinfo.do_flyout ul li.firstchild, body.images li#li-servicesinfo.do_flyout ul li:first-child {
	background-position: -1400px 0%;
}

body.images li#li-recallinformation:hover, body.images li#li-recallinformation.on {
	background: url(/content/v4/us/core/img/f-recallinformation.gif) no-repeat;
}
body.images li#li-recallinformation.do_flyout ul {
	background-color: #c1ebeb;
	background-position: -1600px 100%;
}
body.images li#li-recallinformation.do_flyout ul li a:hover {
	background: #34bebd;
	color: #fff;
}
body.images li#li-recallinformation.do_flyout ul li.firstchild, body.images li#li-recallinformation.do_flyout ul li:first-child {
	background-position: -1600px 0%;
}

body.images li#li-ourcompany.do_flyout:hover, body.images li#li-ourcompany.on {
	background: url(/content/v4/us/core/img/f-ourcompany.gif) no-repeat;
}
body.images li#li-ourcompany.do_flyout ul {
	background-color: #FFF1C2; 
	background-position: -2200px 100%;
}
body.images li#li-ourcompany.do_flyout ul li a:hover {
	background: #FFD33A;
	color: #fff;
}
body.images li#li-ourcompany.do_flyout ul li.firstchild, body.images li#li-ourcompany.do_flyout ul li:first-child {
	background-position: -2200px 0%;
}

body.images li#li-pregnancy:hover, body.images li#li-pregnancy.on {
	background: url(/content/v4/us/core/img/f-pregnancy.gif) no-repeat;
}
body.images li#li-pregnancy.do_flyout ul {
	background-color: #FCBEE1;
	background-position: -2000px 100%;
}
body.images li#li-pregnancy.do_flyout ul li a:hover {
	background: #E1479A;
	color: #fff;
}
body.images li#li-pregnancy.do_flyout ul li.firstchild, body.images li#li-pregnancy.do_flyout ul li:first-child {
	background-position: -2000px 0%;
}

body.images li#li-grandparenting:hover, body.images li#li-grandparenting.on {
	background: url(/content/v4/us/core/img/f-grandparenting.gif) no-repeat;
}
body.images li#li-grandparenting.do_flyout ul {
	background-color: #C9D5F1;
	background-position: -1200px 100%;
}
body.images li#li-grandparenting.do_flyout ul li a:hover {
	background: #4B73D1;
	color: #fff;
}
body.images li#li-grandparenting.do_flyout ul li.firstchild, body.images li#li-grandparenting.do_flyout ul li:first-child {
	background-position: -1200px 0%;
}
/* end IE5 hack */

/*if there are not any flyouts - write a border around the list*/

body.images #left_nav li.no_flyout ul {
	background: url(/content/v4/img/core/bk-ul-border.gif) no-repeat 0% 100%;
	margin-top: 0;
	padding-top: 2px;
}
* html body.images #left_nav li.no_flyout ul {
	margin-top: -5px;
	padding-top: 0; /*any other number, ie crashes and doesn't show the top item. so, we leave it at 0*/
}
body.images #left_nav li.no_flyout ul li {
	text-indent: 6px;
}

/*end no-flyout selectors*/