@charset "utf-8";
/* CSS Document */

body {
	padding:0px 0 20px 0;
	margin:0px 0 20px 0;
	background:url("../images/background.png") repeat-x scroll 0 0 #a9b7b9;
	font:12px arial;
}

body#comp {
	background:url("../images/background-comp.png") repeat-x scroll 0 0 #a9b7b9;
}

body#phonics {
	background:url("../images/background-phonics.png") repeat-x scroll 0 0 #a9b7b9;
}

body#grammar {
	background:url("../images/background-grammar.png") repeat-x scroll 0 0 #a9b7b9;
}

body#free-resources {
	background:url("../images/background-resources.png") repeat-x scroll 0 0 #a9b7b9;
}

body#resources {
	background:url("../images/background-resources.png") repeat-x scroll 0 0 #a9b7b9;
}

body#handwriting {
	background:url("../images/background-handwriting.png") repeat-x scroll 0 0 #a9b7b9;
}

body#spelling {
	background:url("../images/background-spelling.png") repeat-x scroll 0 0 #a9b7b9;
}

body#english {
	background:url("../images/background-english.png") repeat-x scroll 0 0 #a9b7b9;
}

a#logo {
	background:url("../images/logo.png") no-repeat scroll 100% 0 transparent;
	text-indent:-2000px;
	width:217px;
	height:90px;
	display:block;
	float:left;
	}

.container {
	margin:0 auto;
	padding:0 0px 40px 0px;
	text-align:left;
	width:960px;
}

.header {
	width:960px;
	height:99px;
	position: relative;
}

.footer {
	width:960px;
	padding:10px 0px;
	margin-top:10px;
	float:left;
	font-size:11px;
	float:left;
	color:#FFFFFF;
	border-top:1px dashed #ffffff;
}

.footer p {
	font-size:10px;
	float:left;
	color:#FFFFFF;
}

.footer span{
	float:right;
}

.nav {
	list-style:none outside none;
	margin:61px 0px 0px 0px;
	float:left;
	padding:0;
}

.nav li {
	float:left;
}

.nav li a {
	color:#687678;
	display:block;
	font-size:14px;
	padding:10px 13px 12px;
	text-align:center;
	text-decoration:none;
	-moz-border-radius:7px 7px 0px 0px;
	-webkit-border-top-left-radius:7px;
	-webkit-border-top-right-radius:7px;
	margin-right:1px;
}

.nav li a:hover {
	background:url("../images/nav-bg.png") repeat-x scroll 100% 0 transparent;
	color:#1c2122;
}

.nav li a.selected {
	background:url("../images/nav-bg.png") repeat-x scroll 100% 0 transparent;
	color:#1c2122;
}

.nav li a#nav-comp:hover, #nav-comp.selected {
	background:url("../images/nav-bg-comp.png") repeat-x scroll 100% 0 transparent;
	color:#ffffff;
}

.nav li a#nav-phonics:hover, #nav-phonics.selected {
	background:url("../images/nav-bg-phonics.png") repeat-x scroll 100% 0 transparent;
	color:#ffffff;
}

.nav li a#nav-grammar:hover, #nav-grammar.selected {
	background:url("../images/nav-bg-grammar.png") repeat-x scroll 100% 0 transparent;
	color:#ffffff;
}

.nav li a#nav-handwriting:hover, #nav-handwriting.selected {
	background:url("../images/nav-bg-handwriting.png") repeat-x scroll 100% 0 transparent;
	color:#ffffff;
}

.nav li a#nav-english:hover, #nav-english.selected {
	background:url("../images/nav-bg-english.png") repeat-x scroll 100% 0 transparent;
	color:#ffffff;
}

.nav li a#nav-spelling:hover, #nav-spelling.selected {
	background:url("../images/nav-bg-spelling.png") repeat-x scroll 100% 0 transparent;
	color:#ffffff;
}

/*Resources*/

.resourceNav {
	width:220px;
	float:left;
}

.resourceNav ul {
	padding:0;
	margin:0;
}

.resourceNav ul li {
	border-bottom:1px dashed #687678;
	font-size:14px;
	list-style:none outside none;
}

.resourceNav ul li#bottom {
	border-bottom:none;
}

.resourceNav ul li a{
	color:#687678;
	text-decoration:none;
	padding:13px 0 16px 20px;
	display:block;
	margin:5px 0;
}

.resourceNav ul li a#resources-comp{
	color:#cf1e22;
}

.resourceNav ul li a#resources-phonics{
	color:#1d8768;
}

.resourceNav ul li a#resources-english{
	color:#edc021;
}

.resourceNav ul li a#resources-grammar{
	color:#840d67;
}

.resourceNav ul li a#resources-handwriting{
	color:#2f8dcf;
}

.resourceNav ul li a#resources-spelling{
	color:#ff6600;
}

.resourceNav ul li a:hover, .resourceNav ul li a.resource-selected {
	background:url("../images/resources-tab.png") no-repeat scroll 100% 0 transparent;
	color:#ffffff;
}

.resourceNav ul li a#resources-comp:hover, .resourceNav ul li a#resources-comp.resource-selected {
	background:url("../images/resources-tab-comp.png") no-repeat scroll 100% 0 transparent;
	color:#ffffff;
}

.resourceNav ul li a#resources-phonics:hover, .resourceNav ul li a#resources-phonics.resource-selected {
	background:url("../images/resources-tab-phonics.png") no-repeat scroll 100% 0 transparent;
	color:#ffffff;
}

.resourceNav ul li a#resources-english:hover, .resourceNav ul li a#resources-english.resource-selected {
	background:url("../images/resources-tab-english.png") no-repeat scroll 100% 0 transparent;
	color:#ffffff;
}

.resourceNav ul li a#resources-grammar:hover, .resourceNav ul li a#resources-grammar.resource-selected {
	background:url("../images/resources-tab-grammar.png") no-repeat scroll 100% 0 transparent;
	color:#ffffff;
}

.resourceNav ul li a#resources-handwriting:hover, .resourceNav ul li a#resources-handwriting.resource-selected {
	background:url("../images/resources-tab-handwriting.png") no-repeat scroll 100% 0 transparent;
	color:#ffffff;
}

.resourceNav ul li a#resources-spelling:hover, .resourceNav ul li a#resources-spelling.resource-selected {
	background:url("../images/resources-tab-spelling.png") no-repeat scroll 100% 0 transparent;
	color:#ffffff;
}

#free-resources .primary {
	width:330px;
}

#resources .primary {
	width:480px;
}

#resources .secondary {
	width:470px;
	padding:0px 0 0 10px
	border:#FF0000 solid 1px;
}

#free-resources .primary img {
	float:right;
	margin:10px 0;
}

.loginpanel {
	width:408px;
	border:#d7d7d7 solid 1px;
	background-color:#ebebeb;
	padding:10px 18px;
	float:left;
	margin-bottom:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

a {
	color:#687678;
}	

#resources H1, #free-resources H1 {
	background:url("../images/header-resources.png") no-repeat top left;
	height:76px;
	text-indent:-2000px;
	margin:0;
}


#free-resources .headerpanel p, #resources .headerpanel p {
	width:440px;
	padding-left:20px;
}

.resources-container {
	margin-left:10px;
	float:right;
	width:695px;
	border:#d7d7d7 solid 1px;
	background-color:#ebebeb;
	padding:15px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	height:360px;
	
}

.resources-container h2 {
	margin:0px;
	padding:0px;
	
}

.resources-container h3 {
	padding-top:5px;
	
}

.resources-container ul li {
	list-style:none outside none;
	margin:3px 0;
	
}

.resources-container ul li a{
	color:#687678;
	
}
	
#free-resources .secondary {
	width:330px;
	float:right;
	padding:10px 0;
}

.headerpanel#resourceshead {
	float:left;
	width:460px;
}

/*end of resources*/

.maincontent {
	width:960px;
	height:351px;
	padding-top:20px;
}

.maincontent#resourcesmain {
	height:185px;
}

.maincontent#resourceshome {
	padding-left:82px;
	height:80px;
	width:878px;
}


.maincontent#resourcereg {
	width:930px;
	border:#d7d7d7 solid 1px;
	background-color:#ebebeb;
	padding:15px;
	margin:0;
	float:left;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	height:335px;
}

.maincontent#resourcereg .secondary {
	width:450px;
	padding:0 0 0 15px;
}

h2#registerheader  {
	background:url("../images/resources-register.png") no-repeat top left;
	padding:0px;
	margin:5px 0 20px 5px;
	text-indent:-2000px;
	height:21px;
}

h2#loginheader {
	background:url("../images/resources-login.png") no-repeat top left;
	padding:0;
	margin:5px 0 0 0;
	text-indent:-2000px;
	height:21px;
}

.maincontent#resourcereg .primary {
	width:464px;
	border-right:1px dashed #687678;
}

#home.maincontent{
	background:url("../images/mainimage.png") no-repeat scroll 100% 0 transparent;
	margin-top:1px;
}

.maincontent H1 {
	text-indent:-2000px;
	background:url("../images/header-home.png") no-repeat top left;
	height:97px;
	margin:0px 0 15px 0;
	}	
	
#comp .maincontent H1 {
	background:url("../images/header-comp.png") no-repeat top left;
	height:51px;
}

#grammar .maincontent H1 {
	background:url("../images/header-grammar.png") no-repeat top left;
	height:51px;
}

#handwriting .maincontent H1 {
	background:url("../images/header-handwriting.png") no-repeat top left;
	height:51px;
}

#spelling .maincontent H1 {
	background:url("../images/header-spelling.png") no-repeat top left;
	height:51px;
}

#phonics .maincontent H1 {
	background:url("../images/header-phonics.png") no-repeat top left;
	height:74px;
	}
	
#english .maincontent H1 {
	background:url("../images/header-english.png") no-repeat top left;
	height:51px;
	}		

.primary img {
	float:left;
}

.headerpanel {
	float:right;
	width:350px;
	padding:0;
	height:200px;
}	

.headerpanel#resourcesheader {
	float:right;
	width:960px;
	padding:20px 0 0 0;
}	

.primary {
	width:480px;
	float:left;
}

.primary p {
	color:#FFFFFF;
	margin:0px;
}

.primary a {
	color:#FFFFFF;
	text-decoration:none;
}

#resources .primary p {
	color:#FFFFFF;
	padding:15px;
	margin:0px
}

#home .primary p, #resources .primary p, #free-resources .primary p {
	color:#262626;
}


p.homeintro {
	width:400px;
}

.secondary {
	width:460px;
	float:right;
	padding:0;
}


.product-promo {
	background:url("../images/product-promo-bg.png") no-repeat scroll right bottom transparent;
	height:80px;
	margin:0px 9px 0 0;
	padding:10px;
	overflow:hidden;
	width:201px;
	float:left;
}

.product-promo#resources-home {
	background:url("../images/resourceslink-home.png") no-repeat scroll bottom transparent;
	width:222px;
	padding:10px 160px 10px 10px;
	float:left;
	margin-top:20px;
}

.product-promo#resources-home span {
	text-decoration:underline;
}

.product-promo#resources-home h3 {
	background:none;
	border-bottom:none;
}

.product-promo#resources-home a {
	text-decoration:none;
}

.product-promo#demo {
	width:211px;
	padding-left:10px;
	float:left;
	border-left:1px dashed #ffffff;
}

.product-promo#demo h3 {
	background:url("../images/link-header-demo.png") no-repeat scroll left top transparent;
	margin-left:10px;
}

.in-school#demo h3 {
	background:url("../images/link-header-inschool-demo.png") no-repeat scroll left top transparent;
	margin-left:10px;
}

.product-promo#demo p {
	margin-left:10px;
}


.product-promo a {
	height:100px;
	text-decoration:none;
	width:221px;
	display:block;
}

.product-promo h3 {
	background:url("../images/link-header-resources.png") no-repeat scroll left top transparent;
	padding:0 0 6px 0;
	margin:0 0 5px 0;
	border-bottom:1px dashed #566365;
	text-indent:-2000px;
}

.product-promo p {
	color:#262626;
	padding:0;
}

.homepanel {
	background:url("../images/bg_homepage-panel.png") no-repeat scroll left bottom transparent;
	color:#FFFFFF;
	float:left;
	margin:0;
	padding:0;
	width:160px;
	height:180px;
}

.homepanel#comppanel {
	background:url("../images/panel-bg-comp.png") no-repeat scroll left bottom transparent;
}

.homepanel#phonicspanel {
	background:url("../images/panel-bg-phonics.png") no-repeat scroll left bottom transparent;
}

.homepanel#englishpanel {
	background:url("../images/panel-bg-english.png") no-repeat scroll left bottom transparent;
}

.homepanel#grammarpanel {
	background:url("../images/panel-bg-grammar.png") no-repeat scroll left bottom transparent;
}

.homepanel#handwritingpanel {
	background:url("../images/panel-bg-handwriting.png") no-repeat scroll left bottom transparent;
}

.homepanel#spellingpanel {
	background:url("../images/panel-bg-spelling.png") no-repeat scroll left bottom transparent;
}

.panels a {
	color:#FFFFFF;
	margin:0;
	text-decoration:none;
	/*padding:0 10px 0 10px;*/
}
.panels p {
	margin:0;
	padding:9px 5px 0 10px;
	font-size:11px;
	text-decoration:none;
}

.panels a:hover {
	color:#999999;
	background-color:#333333;
}

.panels a h3 {
	border-bottom:#FFFFFF dashed 1px;
	margin:17px 10px 0 10px;
	padding-bottom:10px;
	font-size:14px;
}

.panels a h3:hover {
	text-decoration:underline;
}

/*Tab Scroller*/

.innercontainer {
	border-bottom:#000 dashed 1px;
	padding-bottom:10px;
	margin-bottom:10px;
	height:135px;
}

.panelintro {
	width:880px;
	border:#d7d7d7 solid 1px;
	background-color:#f6f4f4;
	padding:15px 20px;
	margin:10px 0;
	float:left;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.panelintro p {
	width:450px;
	margin:0;
	float:left;
	padding-right:430px;
}

.panelintro ul {
	width:440px;
	padding:15px 0 0px 0px;
	margin:0;
	float:left;
	list-style-type:none;
}

.panelintro ul li {
	background:url("../images/tick-phonics.png") no-repeat scroll 0 -2px transparent;
	font-size:13px;
	font-weight:bold;
	letter-spacing:0;
	padding:0 20px 0 25px;
	margin-bottom:10px;
}

#comp .panelintro ul li {
	background:url("../images/tick-comp.png") no-repeat scroll 0 -2px transparent;
}

#grammar .panelintro ul li {
	background:url("../images/tick-grammar.png") no-repeat scroll 0 -2px transparent;
}

#spelling .panelintro ul li {
	background:url("../images/tick-spelling.png") no-repeat scroll 0 -2px transparent;
}

#english .panelintro ul li {
	background:url("../images/tick-english.png") no-repeat scroll 0 -2px transparent;
}

#handwriting .panelintro ul li {
	background:url("../images/tick-handwriting.png") no-repeat scroll 0 -2px transparent;
}

.panelinner {
	width:286px;
	/*background-color:#CCC;*/
	border-left:#c2c2c2 dashed 1px;
	padding:10px 10px 10px 15px;
	float:left;
}

.leftpanel {
	width:286px;
	border:none;
	padding:10px 10px 10px 0px;
}

.panelinner img {
	padding:5px;
	margin-right:10px;
	border:#d7d7d7 solid 1px;
	background-color:#ebebeb;
	float:left;
}

.panelinner .actions {
	margin-top:30px;
	height:35px;
}

.panelinner span.sample a {
	color:#687678;
	float:left;
	margin:10px 0 0 7px;
	text-decoration:underline;
}

.panelinner span.button a {
	float:right;
	background:url("../images/button-phonics.png") no-repeat scroll 100% 0 transparent;
	padding:8px 19px 9px;
	color:#FFFFFF;
	font-size:14px;
	text-decoration:none;
}

#comp .panelinner span.button a {
	background:url("../images/button-comp.png") no-repeat scroll 100% 0 transparent;
}

#grammar .panelinner span.button a {
	background:url("../images/button-grammar.png") no-repeat scroll 100% 0 transparent;
}

#spelling .panelinner span.button a {
	background:url("../images/button-spelling.png") no-repeat scroll 100% 0 transparent;
}

#english .panelinner span.button a {
	background:url("../images/button-english.png") no-repeat scroll 100% 0 transparent;
}

#handwriting .panelinner span.button a {
	background:url("../images/button-handwriting.png") no-repeat scroll 100% 0 transparent;
}



img.bookdivider {
	padding:10px 0;
}	

/*book links*/
.panelinner h3{
	padding-top:3px;
	margin:0px;
}

.panelinner span.isbn {
	color:#696969;
	display:block;
	font-size:10px;
	letter-spacing:0;
}

.panelinner span.price  {
	color:#696969;
	display:block;
	font-size:22px;
	font-weight:bold;
	margin:0;
}


/*Forms*/

form, submit {
	margin:0px;
	padding:0px;
	}
	
p.error {
	color:#CC0000;
	}
	
p.passwordreminder {
	padding-left:26px;
	}	

#login_container {
	background-image:url("../images/login_back.gif");
	background-repeat:no-repeat;
	float:left;
	height:273px;
	margin-bottom:5px;
	padding:12px 10px 0 20px;
	width:255px;
}

.textfield, .selectfield, .checkfield, .loginfield {
	clear:left;
	overflow:hidden;
	margin:0;
}

.checkfield {
	margin-top:10px;
	padding-left:82px;
}

.checkfield input {
	float:right;
}

.checkfield label {
	width:348px;
	margin-left:10px;
	float:left;
}

.textfield label, .selectfield label, .loginfield label {
	float:left;
	font-weight:bold;
	padding:7px;
	text-align:right;
	width:90px;
}

.loginfield label {
	width:55px;
}

.loginfield input {
	width:120px;
}

.button {
	float:right;
}

.resourcepanel label #right {
	float:right;
}

.textfield textarea {
	font-family:Arial,Helvetica,"Trebuchet MS","Lucida Grande";
	font-size:12px;
	height:50px;
	overflow:auto;
	width:250px;
}

.textfield input, .textfield textarea, .selectfield select, .checkfield input, .loginfield input {
	border:1px solid #CCCCCC;
	margin:2px;
	padding:4px;
	vertical-align:middle;
}

.checkfield input {
	float:left;
	height:15px;
	vertical-align:middle;
	width:auto;
	padding:0px;
	margin:0px;
	border:none;
}

.selectfield input {
	float:right;
	margin-left:5px;
}

.selectfield {
	padding-right:40px;
}

.buttonfield {
	padding:10px 0 0 105px;
}
	
.textfield input, .textfield textarea {
	width:320px;	
}

/*slider*/

.slider-container{
	/*background:url("../images/slider-border.png") no-repeat scroll left bottom transparent;*/
	width:460px;
	height:292px;
	padding-top:10px;
	}
	
#resources.slider-container{
	padding-top:30px;
	}	

.nivoSlider {
	position:relative;
    background:url("../images/slider-border.png") no-repeat scroll left top transparent;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav {
	bottom:-20px;
	left:44%;
	position:absolute;
}

.nivo-controlNav a {
	background:url("../images/bullets.png") no-repeat scroll 0 0 transparent;
	position:relative;
	z-index:99;
	cursor:pointer;
	display:block;
	float:left;
	height:10px;
	margin-right:5px;
	text-indent:-9999px;
	width:10px;
}

.nivo-controlNav a #phonics {
	background:url("../images/bullets-phonics.png") no-repeat scroll 0 0 transparent;
}

.nivo-controlNav a.active {
	font-weight:bold;
	background-position:-10px 0;
}

#slider {
	position:relative;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
}

/*Social Media*/

.social {
	padding:2px 2px 2px 15px;
	position:absolute;
	right:0px;
	top:7px;
	height:35px;
	background: url(../images/social-bg.png) bottom left no-repeat;
	width:100px;
}