/*

** === COLOURS === **

Main text:   #247ddc (Blue)
Links:       #0455a4 (Dark Blue)
Bread Links: #33a4dc (Light Blue)
Heading 1:   #ec6925 (Orange)
Heading 2:   #089245 (Green)
Heading 3:   #0455a4 (Dark Blue)
Heading 4:   #ec6925 (Orange)
Emphasis:    #33a4dc (Light Blue)
Border, HR:  #79c144 (Light Green)

 */

body {
	font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif;
	font-size:100.1%; /*** Don't change this setting. Make all other font-sizes in % (preferred) or ems ***/
	color: #247ddc;
}

#aspnetForm {
	font-size: 90%;
}

p {
	line-height: 1.1em;
	margin-top: 1.0em;
	margin-bottom: 1.5em;
}
li {
	line-height: 1.1em;
	margin-top: 0.3em;
	margin-bottom: 0.2em;
}
ul {
	margin-top: 1.0em;
	margin-bottom: 1.0em;
}
hr {
	margin-top: 2.0em;
	margin-bottom: 2.0em;
}
img { border: 0; }
div { margin: 0; }

/*h1 { font-family: Impact, Arial, Verdana, Helvetica, sans-serif; font-weight: normal; }*/
h1, h2, h3, h4 { font-family: "Century Gothic", Arial, Verdana, Helvetica, sans-serif; font-weight: bold; }
h1 { color: #ec6925; font-size: 155%; margin: 0.5em 0; }
h2 { color: #ec6925; font-size: 125%; margin: 0.4em 0; }
h3 { color: #0455a4; font-size: 115%; margin: 0.3em 0; }
h4 { color: #ec6925; font-size: 110%; margin: 0.2em 0; }

h2 span.bord {
	border: solid 2px #089245;
	border-style: solid none;
}

em { color: #33a4dc; }

hr {
	color: #79c144;
	background-color: #79c144;
	border: none;
	height: 1px;
}

.clearleft { clear: left; }

a, a:link, a:visited, a:hover {
	color: #0455a4;
	background-color: transparent;
	text-decoration:none;
}
a:hover {
	color: #fff;
	background-color: #33a4dc;
}

.bread { color: #33a4dc; font-size: 75%; }
.bread a, .bread a:link, .bread a:visited, .bread a:hover {
	float: left;
	color: #33a4dc;
	background-color: transparent;
}
.bread a:hover {
	color: #fff;
	background-color: #33a4dc;
}
.bread span.arr {
	background: url(../images/breadarr.gif) no-repeat 0 50%;
	display: block;
	float: left;
	width: 8px;
	height: 1.5em;
	overflow: hidden;
	margin: 0 0.5em;
}


/* Informative message boxes */
.info {
	display: block;
	background: #e7f5dc url(../images/info.gif) no-repeat 7px 50%;
	border: solid 1px #79c144;
	color: #1b4000;
	padding: 5px 10px 5px 32px;
	min-height: 44px;
}
.info p {
	margin: 0.33em 0;
}
.error {
	display: block;
	background: #ffeee5 url(../images/error.gif) no-repeat 3px 50%;
	border: solid 1px #ec6925;
	color: #401d0a;
	padding: 5px 10px 5px 32px;
	min-height: 44px;
}
.error p {
	margin: 0.33em 0;
}


a img.dot {
	vertical-align: bottom;
	width: 16px;
	height: 16px;
}

a.dot, span.dot {
	background-image: url(../images/dot.gif);
	background-repeat: no-repeat;
	background-position: 2px 50%;
	min-height: 16px;
	padding: 1px 2px 1px 22px;
}
a.dot:hover {
	background-image: url(../images/dotb.gif);
}
span.dot {
	color: #0455a4;
}


.small {
	font-size: 85%;
}


/* Left navigation area */
#container-left {
	font-size: 90%;
}

/* Quick Search */
#quicksearch h1 {
	font-size:100%;
	font-weight:normal;
	margin:0 0 0.2em 0;
	padding:0;
	color:#fff;
}
#quicksearch p {
	margin: 0 0 0.2em 0;
	color: #fff;
}
#quicksearch a {
	color: #ffdc00;
	font-size: 85%;
}
#quicksearch p.go {
	text-align: right;
	color: #fff;
	margin: 0.5em 0 0.2em;
}
#quicksearch p.go a {
	text-decoration: none;
	color: #fff;
}
#quicksearch #qsbox {
	width: 99px;
	height: 18px;
	background: #fff url(../images/quicksearchbox.gif) no-repeat;
	padding: 1px 6px;
	overflow: hidden;
}
#quicksearch #qsbox input {
	width: 99px;
	height: 18px;
	border: none;
	margin: 0;
	padding: 0;
	background: #fff;
}


/* Quick Links */
#quicklinks a {
	display: block;
	height: 0px;
	padding-top: 40px;
	overflow: hidden;
	background: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#quicklinks a:hover {
	background-position: 0 -40px;
}
#quicklinks .nllogin {
	background-image: url(../images/nl-login.gif);
}
#quicklinks .nlonlinepreview {
	background-image: url(../images/nl-onlinepreview.gif);
}
#quicklinks .nlteachernotes {
	background-image: url(../images/nl-teachernotes.gif);
}
#quicklinks .nljoineclub {
	background-image: url(../images/nl-joineclub.gif);
}
#quicklinks .nlspecials {
	background-image: url(../images/nl-specials.gif);
}
#quicklinks .nlcatalogs {
	background-image: url(../images/nl-catalogs.gif);
}
#quicklinks .nladmin {
	background-image: url(../images/nl-admin.gif);
}
#quicklinks .nlsurveys {
	background-image: url(../images/nl-surveys.gif);
}

/* Top Links */
#subheader2 a {
	display: block;
	float: left;
	height: 0px;
	padding: 36px 0 0 0;
	overflow: hidden;
	background: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#subheader2 a:hover {
	background-position: 0 -36px;
}
#subheader2 .ntaboutus {
	width: 95px;
	background-image: url(../images/nt-aboutus.gif);
}
#subheader2 .ntfaqs {
	width: 66px;
	background-image: url(../images/nt-faqs.gif);
}
#subheader2 .ntcontactus {
	width: 103px;
	background-image: url(../images/nt-contactus.gif);
}
#subheader2 .ntlinks {
	width: 64px;
	background-image: url(../images/nt-links.gif);
}
#subheader2 .ntconsultants {
	width: 107px;
	background-image: url(../images/nt-consultants.gif);
}
#subheader2 .ntlogin {
	width: 68px;
	background-image: url(../images/nt-login.gif);
}
#subheader2 .ntlogout {
	width: 77px;
	background-image: url(../images/nt-logout.gif);
}
#subheader2 .ntcart {
	width: 125px;
	background-image: url(../images/nt-cart.gif);
}
#subheader2 .ntmydetails {
	width: 99px;
	background-image: url(../images/nt-mydetails.gif);
}

/* Quick Subjects */
#quicksubjects a {
	display: block;
	font-size: 85%;
	margin: 0.5em 0;
	color: #0455a4;
}
#quicksubjects a:hover {
	color: #fff;
}
#quicksubjects a.heading {
	margin: 0 0 0.2em 0;
	font-size: 100%;
	color: #e95d0f;
}
#quicksubjects a.heading:hover {
	color: #fff;
}
#quicksubjects a.dot {
	background-image: url(../images/dot.gif);
}
#quicksubjects a.dot:hover {
	background-image: url(../images/dotb.gif);
}


/* Best Sellers */
#bestsellers h2 {
	margin-top: 0.75em;
	float: none;
	text-align: center;
	color: #ffd633;
	font-size: 105%;
}
#bestsellers a {
	display: block;
	font-size: 85%;
	margin: 0.5em 0;
}


/* User Info */
.headuser {
	color: #79c144;
	font-weight: bold;
	font-size: 85%;
}
.headuser a { margin-right: 0; margin-left: 0; color: #79c144; }


/* Footer Links */
#subfooter5 {
	text-align: center;
	color: #fff;
}
#subfooter5 a {
	background-color: #79c144;
	color: #fff;
	margin-right: 2em;
}
#subfooter5 a:hover {
	background-color: #fff;
	color: #79c144;
}


.padbox{
	padding: 3px 10px 7px 6px;
}

.padbox h1, .padbox h2, .padbox h3, .padbox h4 {
	margin: 0;
}
.padbox p {
	margin: 0.2em 0 0.5em 0;
}

/* Green Box - Filled */
.gbox1{
	background: #79c144 url(../images/gboxt.gif) repeat-x top;
}
.gbox2{
	background: transparent url(../images/gboxr.gif) repeat-y right;
}
.gbox3{
	background: transparent url(../images/gboxb.gif) repeat-x bottom;
}
.gbox4{
	background: transparent url(../images/gboxl.gif) repeat-y left;
}
.gbox5{
	background: transparent url(../images/gboxtl.gif) no-repeat top left;
}
.gbox6{
	background: transparent url(../images/gboxtr.gif) no-repeat top right;
}
.gbox7{
	background: transparent url(../images/gboxbr.gif) no-repeat bottom right;
}
.gbox8{
	background: transparent url(../images/gboxbl.gif) no-repeat bottom left;
}

.gbox1 .dot {
	background-image: url(../images/dotg.gif);
}

.gbox1, .gbox1 a, .gbox1 h1, .gbox1 h2, .gbox1 h3, .gbox1 h4, .gbox1 em {
	color: #fff;
}

/* Green Box - Outlined */
.outline {
	background-color: #fff;
	color: #247ddc;
}
.outline a { color: #0455a4; }
.outline a:hover { color: #fff; }
.outline h1 { color: #ec6925; }
.outline h2 { color: #ec6925; }
.outline h3 { color: #0455a4; }
.outline h4 { color: #ec6925; }
.outline em { color: #33a4dc; }
.outline, .outline .gbox2, .outline .gbox3, .outline .gbox4 {
	background-image: url(../images/gboxbord.gif);
}
.outline .gbox5 {
	background-image: url(../images/gboxotl.gif);
}
.outline .gbox6 {
	background-image: url(../images/gboxotr.gif);
}
.outline .gbox7 {
	background-image: url(../images/gboxobr.gif);
}
.outline .gbox8 {
	background-image: url(../images/gboxobl.gif);
}


/* Blue Box - Filled */
.blue {
	background-color: #247ddc;
}
.blue .gbox5{
	background-image: url(../images/bboxtl.gif);
}
.blue .gbox6{
	background-image: url(../images/bboxtr.gif);
}
.blue .gbox7{
	background-image: url(../images/bboxbr.gif);
}
.blue .gbox8{
	background-image: url(../images/bboxbl.gif);
}

.blue .dot {
	background-image: url(../images/dotb.gif);
}

/* Red Box - Filled */
.red {
	background-color: #e95d0f;
}
.red .gbox5{
	background-image: url(../images/rboxtl.gif);
}
.red .gbox6{
	background-image: url(../images/rboxtr.gif);
}
.red .gbox7{
	background-image: url(../images/rboxbr.gif);
}
.red .gbox8{
	background-image: url(../images/rboxbl.gif);
}



/* round border styles */
.rb {
	border: 0 none;
	border-collapse: collapse;
	padding: 0;
	margin: .5em 0;
}
.rb td, .rb th {
	border: 0 none;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	vertical-align: baseline;
}
.rb { font-size: 85%; }

.rb p, .rb h1, .rb h2, .rb h3, .rb h4 { margin: 0; }

.rb th, .rb h1, .rb h2, .rb h3, .rb h4 {
	color: #79c144;
}

.rb .f1, .rb .c1, .rb .f2 {
	background: #fff url(../images/ptable.png) repeat-y;
	padding: 4px;
	padding-bottom: 0;
	text-align: left;
}
.rb .t {
	background: #fff url(../images/ptablet.png) repeat-y;
	height: 5px;
	font-size: 1px;
	overflow: hidden;
	padding: 0;
}
.rb .b {
	background: #fff url(../images/ptableb.png) repeat-y;
	height: 5px;
	font-size: 1px;
	overflow: hidden;
	padding: 0;
}
.rb .f1 {
	background-position: 0px 0px;
	width: 96px;
}
.rb .c1 {
	background-position: -104px 0px;
	width: 148px;
}
.rb .f2 {
	background-position: 100% 0px;
	width: 292px;
}


.lefted { text-align: left !important; }
.centered { text-align: center !important; }
.righted { text-align: right !important; }



/* Program Info styles */
.newprogram {
	width: 100%;
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
}
.newprogram td {
	border-spacing: 0;
	padding: 2px 0;
	margin: 0;
	vertical-align: top;
}
.newprogram td.label {
	color: #79c144;
	font-weight: bold;
}

.keys { display: none; }

.padtop { padding-top: 0.2em !important; }


/* Program Links */
.pbuttons {
	margin: .5em 0;
	padding: 0;
}
.pbuttons a, .pbuttons span {
	display: block;
	float: left;
	height: 0px;
	padding: 36px 0 0 0;
	overflow: hidden;
	background: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}
.pbuttons a:hover {
	background-position: 0 -36px;
}
.pbuttons .pbpreview {
	width: 89px;
	background-image: url(../images/pb-preview.gif);
}
.pbuttons .pbhighres {
	width: 96px;
	background-image: url(../images/pb-highres.gif);
}
.pbuttons .pblowres {
	width: 106px;
	background-image: url(../images/pb-lowres.gif);
}
.pbuttons .pbtn {
	width: 157px;
	background-image: url(../images/pb-tn.gif);
}


.priceGrid {
	width: auto;
	border: none;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
}
.priceGrid td {
	border: none;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	width: auto;
	padding-right: 10px;
}


a.addtocart, a.printcart, a.addtowishlist, a.continueshopping, a.checkout, a.save, a.delete, a.logintoaddtocart {
	display: block;
	width: 112px;
	height: 0;
	margin: 0;
	padding: 26px 0 0 0;
	overflow: hidden;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
}
a.addtocart:hover, a.printcart:hover, a.addtowishlist:hover, a.continueshopping:hover, a.checkout:hover, a.save:hover, a.delete:hover, a.logintoaddtocart:hover {
	background-position: 0 -26px;
}
a.addtocart {
	background-image: url(../images/addtocart.gif);
}
a.printcart {
	background-image: url(../images/printcart.gif);
}
a.addtowishlist {
	background-image: url(../images/addtowishlist.gif);
}
a.continueshopping {
	background-image: url(../images/continueshopping.gif);
}
a.checkout {
	background-image: url(../images/checkout.gif);
}
a.save {
	background-image: url(../images/save.gif);
}
a.delete {
	background-image: url(../images/delete.gif);
}
a.logintoaddtocart {
	background-image: url(../images/logintoaddtocart.gif);
}


/* More button styles */
a.but {
	display: block;
	width: 104px;
	height: 0;
	margin: 0;
	padding: 36px 0 0 0;
	overflow: hidden;
	background-color: #247ddc;
	background-repeat: no-repeat;
	background-position: 0 0;
}
a.but:hover {
	background-position: 0 -36px;
}
a.submit {
	background-image: url(../images/but-submit.gif);
}
a.confirm {
	background-image: url(../images/but-confirm.gif);
}
a.modify {
	background-image: url(../images/but-modify.gif);
}
a.search {
	background-image: url(../images/but-search.gif);
}
a.help {
	background-color: #fff;
	background-image: url(../images/but-help.gif);
}
a.butcheckout {
	background-color: #fff;
	background-image: url(../images/but-checkout.gif);
}
a.contactus {
	background-color: #fff;
	background-image: url(../images/but-contactus.gif);
}
a.expand, a.collapse {
	background-color: #fff;
	background-image: url(../images/but-expand.gif);
}
a.collapse {
	background-position: -104px 0;
}
a.collapse:hover {
	background-position: -104px -36px;
}
a.sendpass {
	width: 124px;
	background-color: #e95d0f;
	background-image: url(../images/but-sendpass.gif);
}


.pop {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	z-index: 1000;
	margin: 0;
	padding: 0;
	width: 400px;
}
.pop div {
	padding: 5px;
	color: #fff;
	background-color: #247ddc;
	border: 1px solid #0455a4;
	font-size: 80%;
	text-align: left;
}
.pop p, ul {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
.pop a, .pop a:link, .pop a:visited {
	color: #fff;
}
.pop .small {
	font-size: 85%;
}


#container-right img {
	border: none;
	margin-bottom: 1em;
}

#container-right a {
	margin-bottom: 1em;
}
#container-right a img {
	margin-bottom: 0;
}


table.full{
	width: 100%;
	border: none;
	border-collapse: collapse;
	font-size: 85%;
}

table.full td{
	margin: 0;
	padding: 0;
	border-spacing: 0;
}

table.form td, table.form th{
	vertical-align: top;
	padding: 0.15em 0.5em;
}
table.form th{
	text-align: right;
	font-weight: bold;
}
.gbox1 table.form th,
.gbox1 table.form h1,
.gbox1 table.form h2,
.gbox1 table.form h3,
.gbox1 table.form h4{
	color: #ffd633;
}


td.bord{
	border-left: 1px solid #79c144;
}


/* Shopping Cart */
table.cart th {
	background: #247ddc;
	color: #ffd633;
	font-weight: bold;
}
table.cart tr.prod td {
	border-bottom: 1px solid #247ddc;
}


/* Membership Benefits */
ul.benefits {
	margin: 0 10px 5px 0;
	padding: 0;
	list-style: none;
}
ul.benefits li {
	margin: 0.2em 0;
	padding: 0;
	padding-left: 1.4em;
	background: url(../images/breadarr.gif) no-repeat 0.4em 0.4em;
}


/* Join e-Club page */
.joineclub {
	background: url(../images/joineclubback.jpg) no-repeat left top;
	min-height: 337px;
	padding: 10px;
	color: #0455a4;
}
.joineclub p {
	margin: 1em 0;
}
.joineclub h2 {
	margin: 0.4em 0 1em 0;
}

.esubjects {
	margin-top:1em;
}
.esubjects td div {
	margin-left:2.2em;
	margin-bottom:0.75em;
	text-align:left;
}
.esubjects td div.check {
	margin-left:0;
	float:left;
	width:2.1em;
}
.esubjects td div a:hover {
	background-color:transparent;
}

.editdetails {
	background: url(../images/detailsback.jpg) no-repeat left top;
	min-height: 500px;
	padding: 10px;
	color: #0455a4;
}


/* Search Results */
.searchResults{
	font-size: 90%;
}
.searchResults td {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #ec6925;
	height: 100px;
	vertical-align: top;
}
.searchResults a, .searchResults a:link, .searchResults a:visited {
	text-decoration: none;
}
.searchResults .title {
	color: #ec6925;
}
.searchResults a.title:hover {
	color: #fff;
}

.blockLinks a { display: block; }


/* Featured Products */
table.featured{
	width: 100%;
	border: none;
	border-collapse: collapse;
	font-size: 85%;
}
table.featured td{
	margin: 0;
	padding: 10px 0;
	width: 280px;
	border-spacing: 0;
	vertical-align: top;
}
table.featured span{
	margin: 5px 0;
	display: block;
	text-decoration: none;
	color: #33a4dc;
}
table.featured span.h3{
	margin: 0;
	font-weight: bold;
	color: #e95d0f;
	text-decoration: none;
}
table.featured span.h3 a {
	color: #e95d0f;
	text-decoration: none;
}
table.featured span.h3 a:hover {
	color: #fff;
}
table.featured span.h4{
	margin: 5px 0;
	font-weight: bold;
	color: #79c144;
	text-decoration: none;
}
table.featured table {
	width: 100%;
	border: none;
	border-collapse: collapse;
	height: 100px;
}
table.featured table td {
	width: auto;
	padding: 0 0 0 5px;
}
table.featured table td.img {
	width: 100px;
	text-align: center;
	padding: 0;
}


.pager {
	margin: 1em 0;
}
.pager a, .pager a:link, .pager a:visited {
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	margin: 0;
	padding: 0 8px;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	border: solid 0px #247ddc;
	background: #fff;
	border-right-width: 1px;
	color: #247ddc;
}
.pager a:hover {
	background: #247ddc;
	color: #fff;
	text-decoration: none;
}
.pager a.next, .pager a.next:link, .pager a.next:visited, .pager a.next:hover,
.pager a.last, .pager a.last:link, .pager a.last:visited, .pager a.last:hover {
	border-right-width: 0;
}
.pager a.expand, .pager a.expand:link, .pager a.expand:visited, .pager a.expand:hover {
	border-right-width: 0;
}
.pager a.selected, .pager a.selected:link, .pager a.selected:visited {
	font-weight: bold;
}
.pager a.disabled, .pager a.disabled:link, .pager a.disabled:visited, .pager a.disabled:hover {
	background: #fff;
	font-weight: normal;
	color: #aaa;
}


a.plus, a.plus:link, a.plus:visited {
	width: 16px;
	height: 16px;
	background: #fff;
	border: solid 1px #247ddc;
	font-size: 14px;
	line-height: 16px;
	color: #247ddc;
	padding: 0 4px;
	text-decoration: none;
}

a.plus:hover {
	background: #247ddc;
	color: #fff;
	text-decoration: none;
}


/* Subject page */
table.subjects {
	width: 100%;
	border: none;
	border-collapse: collapse;
	margin: 1em 0;
	padding: 0;
}
table.subjects td {
	border: none;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	border-spacing: 0;
	vertical-align: top;
	text-align: left;
}
table.subjects a {
	text-decoration: none;
}


/* Specials page */
.specialsPanel {
	background: #247cdd url(../images/specialspaneltop.jpg) no-repeat 0 0;
	margin: 1em 0;
	padding: 0;
	color: #ffffff;
}
.specialsPanel .bl {
	background: transparent url(../images/specialspanelbl.gif) no-repeat 0 100%;
	margin: 0;
	padding: 0;
}
.specialsPanel .br {
	background: transparent url(../images/specialspanelbr.gif) no-repeat 100% 100%;
	margin: 0;
	padding: 150px 8px 8px 8px;
}
.specialsPanel .space {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 186px;
	height: 45px;
}
.specialsPanel h2 {
	color: #fff;
}
.specialsPanel a {
	color: #ffd633;
}
.specialsPanel a.dot {
	background-image: url(../images/dotb.gif);
}
.specialsPanel table.featured span.h3,
.specialsPanel table.featured span.h3 a {
	color: #ffd633;
}
.specialsPanel table.featured span.h4,
.specialsPanel table.featured span.h4 a {
	color: #9bdb6e;
}
.specialsPanel table.featured td{
	width: 272px;
}


.why {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	z-index: 1000;
	margin: 0;
	padding: 0;
	width: 320px;
	font-size: 90%;
}
.why div {
	padding: 5px 10px;
	background: #247ddc;
	border: 1px solid #0455a4;
	color: #ffffff;
	font-size: 75%;
	text-align: left;
}
.why p, ul {
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}
.why .small {
	font-size: 85%;
}
.why a, .why a:link, .why a:visited, .why a:hover {
	color: #ffffff;
}
.why a:hover {
	color: #33a4dc;
}