/* Fisher Price Learning Styles */
body{margin:0; text-align:center; background:#bfb6dd url(../img/background.gif) top repeat-x;}
#main {
	border-left:18px solid #6732BA;
	border-right:18px solid #6732BA;
	width: 733px;
}
#resources {
	width: 733px;
	border-left:18px solid #6732BA; 
	border-right:18px solid #6732BA;
	border-bottom:18px solid #6732BA;
}
.bgwhite{background:#fff;}
.topborder{background:#6732BA;}
.pageborder{border-left:18px solid #6732BA; border-right:18px solid #6732BA;border-bottom:18px solid #6732BA;}
.topbg{height:243px; background:url(../img/html_top.jpg) no-repeat;}
.buttonarea1{font-family:arial,verdana; font-size:11px; font-weight:bold; color:#fff; text-align:left; background:#c9c1e8 url(../img/drop-box-purple.gif); padding:5px 15px;}
.buttonarea2{font-family:arial,verdana; font-size:11px; font-weight:bold; color:#fff; text-align:left; background:#f0abc0 url(../img/drop-box-red.gif); padding:5px 15px;}
.buttonarea3{font-family:arial,verdana; font-size:11px; font-weight:bold; color:#fff; text-align:left; background:#65C5C2 url(../img/drop-box-teal.gif); padding:5px 15px;}
.buttonarea4{font-family:arial,verdana; font-size:11px; font-weight:bold; color:#fff; text-align:left; background:#f8d8a7 url(../img/drop-box-orange.gif) repeat-y; padding:5px 15px;}
.buttonarea5{font-family:arial,verdana; font-size:11px; font-weight:bold; color:#fff; text-align:left; background:#8fc83e url(../img/drop-box-green.gif); padding:5px 15px;}
.gradient{background: url(../img/gradient-drop.gif) repeat-x;}
.scrollersection{background:#6732BA}
.expertsection{background:URL(../img/sectionheader3.gif) no-repeat; padding:50px 130px 20px 20px; text-align:left; color:#6732BA; font-size:14px; font-family:arial; font-weight:normal;}
.articlesection{
	padding:5px 20px;
	text-align:left;
	color:#fff;
	font-size:small;
	font-family:arial;
	font-weight:normal;
	background-color: #6732BA;
	background-image: url(../img/drop-resource.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.articlesection li {
	color:#fc3;
}

.articlesection a{color:#ff9; line-height:14pt;}
.articlesection a:hover{color:#fff; text-decoration:none; line-height:14pt; background: url(../img/link.gif) repeat-x 100% 100%;}
.tagline{font-family:arial; font-size:12px; font-weight:bold; color:#7661B8; text-align:left;}
.direction{font-family:arial; font-size:9px; font-weight:bold; color:#000000; text-align:left;}
td.legalfooter{font-size: 8pt; padding-bottom: 10px; width: 770px; color: #306; padding-top: 12px; font-style: normal; font-family: arial,helvetica; text-align:center}
p.legalfooter{font-size: 8.5pt; width: 700px; color: #306; font-style: normal; font-family: arial, helvetica; text-align: center;}
a.legalfooter:link{font-weight: bold; font-size: 8pt; color: #6732BA; text-decoration: none}
a.legalfooter:visited{font-weight: bold; font-size: 8pt; color: #6732BA; text-decoration: none}
a.legalfooter:hover{font-weight: bold; font-size: 8pt; color: #6732BA; text-decoration: underline}

/*new styles for CSS center section*/

* {
	border: 0;
	padding: 0;
	margin: 0;
}

body {
	font-family: arial, verdana, sans-serif;
	font-size: small;
}

#content {
	border:18px solid #6732ba;
	background: #fff;
	width: 733px;
	text-align: left;
	margin: 0 auto;
}

#content h1 {
	width: 733px;
	height: 167px;
	text-indent: -9999px;
	background: url(/uk/learning/img/header.gif) no-repeat;
}

/*nav*/

#nav {
	background: url(/uk/learning/img/gradient-drop.gif) repeat-x;
	float: left;
	width: 618px;
	padding-left: 115px;
	padding-bottom: 45px;
	position: relative;
	top: 25px;
	z-index: 5;
}

dl.nav {
	width: 134px;
	padding: 5px 15px;
	float: left;
}

dl.nav dt a {
	text-indent: -9999px;
	height: 96px;
	display: block;
}

dl#nav-laughandlearn dt a {
	background: url(/uk/learning/img/html_LnL_btn.gif) no-repeat;
}

dl#nav-learnthroughmusic dt a {
	background: url(/uk/learning/img/html_LTMP_btn.gif) no-repeat;
}

dl#nav-interactv dt a {
	background: url(/uk/learning/img/html_ITV_btn.gif) no-repeat;
}

dl#nav-laughandlearn {
	background: url(/uk/learning/img/cap-purple.gif) no-repeat bottom;
}

dl#nav-learnthroughmusic {
	background: url(/uk/learning/img/cap-red.gif) no-repeat bottom;
}

dl#nav-interactv {
	background: url(/uk/learning/img/cap-orange.gif) no-repeat bottom;
}

dl.nav dd {
	padding: 5px 15px;
	color: #fff;
	font-weight: bold;
	font-size: .85em;
	height: 7em;
	margin-bottom: 2px;
}

dl#nav-laughandlearn dd {
	background:#c9c1e8 url(/uk/learning/img/drop-box-purple.gif) repeat-y;
}

dl#nav-learnthroughmusic dd {
	background:#f0abc0 url(/uk/learning/img/drop-box-red.gif) repeat-y;
}

dl#nav-interactv dd {
	background:#f8d8a7 url(/uk/learning/img/drop-box-orange.gif) repeat-y;
}

/*copy*/

#copy {
	background: url(/uk/learning/img/sectionheader3.gif) no-repeat;
	width: 733px;
	height: 137px;
	color: #6732ba;
	z-index: 10;
	position: relative;
	float: left;
}

#copy h2 {
	text-indent: -9999px;
}

#copy p {
	margin: 15px 130px 0 20px;
}

/*learning resource*/

#learningresource h2 {
	text-indent: -9999px;
	background: url(/uk/learning/img/sectionheader2.gif) no-repeat;
	width: 733px;
	height: 37px;
}

#learningresource {
	background: #6732ba url(/uk/learning/img/drop-resource.gif) repeat-x bottom;
	float: left;
}

#learningresource ul {
	list-style: none;
	margin-left: 15px;
	padding-bottom: 10px;
	float: left;
}

#learningresource li {
	float: left;
	width: 320px;
	padding-left: 10px;
	background: url(/uk/learning/img/bullet.gif) no-repeat left center;
}

#learningresource a {
	color:#ff9; 
}

#learningresource a:hover {
	color:#fff; 
	text-decoration:none; 
	background: url(/uk/learning/img/link.gif) repeat-x 100% 100%;
}

/*footer*/

#footer {
	margin-top: 15px;
}


.clear {
	clear: both;
	height: 0;
	font-size: 1px;
}

* html .clear {
	line-height: 0;
}

#lnl {
	*margin-left: 2px;
}

#f2l {
	*margin-left: 4px;
}

body #legal_footer a {
	text-decoration: none;
}

body #legal_footer a:hover {
	text-decoration: underline;
}

body #legal_footer #fplegal a {
	text-decoration: none;
}

body #legal_footer #fplegal a:hover {
	text-decoration: underline;
}

body #globalnav #nav-content  {
	font-size: .85em;
}