.noCSS {
	display: none;
}
/* Generic Styles */
body {
	margin: 0;
	padding: 12px 0 0;
	background: #ffffff url(/images/bgBody.gif) repeat-x 0 0;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td {
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6,p,form {
	margin: 0;
}
input,select,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
.hide {
	display: none;
}
#wrapper {
	width: 960px;
	margin: 0 auto;
}
#outer {
	position: relative;
	float: left;
	width: 952px;
	padding: 4px;
	background-color: #ffffff;
	color: #0b3b70;
	border: 1px solid #dddddd;
}
/* Top Styles */
#topbar {
	float: left;
	width: 936px;
	padding: 8px;
	background-color: #d1e5fd;
	color: #0b3b70;
}
#topbar .zone1 {
	float: left;
	width: 212px;
}
#topbar .contact {
	font-size: 80%;
	font-weight: bold;
	text-align: center;
}
#topbar .zone2 {
	float: right;
	width: 652px;
}
#logo {
	display: block;
	margin: 0 0 6px;
}
#skiplink {
	position: absolute;
	top: 0;
	left: -999em;
	padding: 6px;
	font-size: 70%;
}
#skiplink:focus,
#skiplink:active {
	left: 0;
	background-color: #fafaff;
	color: #0b3b70;
}
#formsearch {
	float: right;
	padding: 24px 2px 24px 0;
	font-size: 80%;
}
#formsearch input.text {
	width: 12em;
	border: 1px solid #0b3b70;
	margin: 0 0.4em 0 0;
	font-weight: normal;
}

#navbarh {
	clear: right;
	float: right;
	width: 100%;
	font-size: 75%;
	text-align: right;
}
#navbarh ul {
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
#navbarh li {
	float: left;
	padding: 0 8px;
}
#navbarh li.last {
	padding: 0 0 0 8px;
}
#navbarh li a {
	background-color: transparent;
	color: #0b3b70;
	text-decoration: none;
}
#navbarh li a:hover {
	background-color: transparent;
	color: #0b3b70;
	text-decoration: underline;
}
#navbarh li a:focus,
#navbarh li a:active {
	background-color: transparent;
	color: #0b3b70;
	text-decoration: underline;
}
/* Main Styles */
#mainbar {
	clear: left;
	float: left;
	width: 100%;
	padding: 4px 0 0;
}
#mainnav {
	float: left;
	width: 228px;
}
#mainnav ul {
	float: left;
	width: 208px;
	margin: 0 0 4px;
	padding: 10px;
	background-color: #7d0652;
	color: #ffffff;
	line-height: 1.1em;
	list-style: none;
}
#mainnav li {
	padding: 0.3em 0;
	border-top: 1px solid #ac6090;
	border-bottom: 1px solid #500434;
	font-size: 80%;
}
#mainnav li.dept {
	padding: 0 0 32px;
	font-size: 95%;
	font-weight: bold;
}
#mainnav a {
	display: block;
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
}
#mainnav a:hover {
	background-color: transparent;
	color: #ffffff;
	text-decoration: underline;
}
#mainnav a:focus,#mainnav a:active {
	background-color: transparent;
	color: #ffffff;
	text-decoration: underline;
}
#mainnav ul.maths {
	background: #12a906 url(/images/bgUlMaths.gif) no-repeat 0 0;
	color: #ffffff;
}
#mainnav ul.maths li {
	border-top: 1px solid #06cf5b;
	border-bottom: 1px solid #076a33;
}
#mainnav ul.literacy {
	background: #e40a00 url(/images/bgUlLiteracy.gif) no-repeat 0 0;
	color: #ffffff;
}
#mainnav ul.literacy li {
	border-top: 1px solid #f7565a;
	border-bottom: 1px solid #8e0300;
}
#mainnav ul.whiteboards {
	background: #0309b8 url(/images/bgUlWhiteboards.gif) no-repeat 0 0;
	color: #ffffff;
}
#mainnav ul.whiteboards li {
	border-top: 1px solid #0081d2;
	border-bottom: 1px solid #032958;
}
#mainnav ul li.dept {
	border: 0;
}
#basketsummary {
	clear: left;
	float: left;
	width: 208px;
	padding: 10px;
	background: #ece703 url(/images/bgBasketSummary.gif) repeat-x 0 0;
	color: #204a74;
	line-height: 1.1em;
}
#basketsummary h6 {
	margin: 0 0 1em;
	font-size: 95%;
}
#basketsummary .info,#basketsummary .productno,#basketsummary .totalcost,#basketsummary .checkout {
	font-size: 80%;
}
#basketsummary .info,#basketsummary .productno,#basketsummary .totalcost {
	margin: 0 0 0.8em;
}
#basketsummary .checkout {
	padding: 0.3em 0;
	border-top: 1px solid #fffb4b;
	border-bottom: 1px solid #a19e03;
}
#basketsummary .checkout a {
	display: block;
}
#basketsummary a {
	display: inline;
	background-color: transparent;
	color: #0678eb;
	text-decoration: none;
}
#basketsummary a:hover {
	background-color: transparent;
	color: #0678eb;
	text-decoration: underline;
}
#basketsummary a:focus,#basketsummary a:active {
	background-color: transparent;
	color: #0678eb;
	text-decoration: underline;
}
#content {
	float: right;
	width: 714px;
	padding: 6px 0 0;
}
#content a {
	background-color: #ffffff;
	color: #0b3b70;
}
#content a:hover {
	background-color: #fafafa;
	color: #cc2400;
}
#content a:focus,#content a:active {
	background-color: #fafafa;
	color: #cc2400;
}
#content h1,#content h2 {
	font-size: 100%;
	margin: 0 0 1em;
}
#content h5 {
	margin: 0 0 1.2em;
	font-size: 75%;
}
#content h6 {
	margin: 0;
	font-size: 75%;
	line-height: 1.4em;
}
#content p {
	margin: 0 0 1.2em;
	font-size: 75%;
	line-height: 1.4em;
}
#content p.note {
	background-color: #ffffff;
	color: #ee0000;
}
#content ul {
	font-size: 75%;
	line-height: 1.3em;
}
#content li {
	margin: 0 0 0.2em;
}
#content img.editorial {
	clear: left;
	float: right;
	margin: 0 0 12px 12px;
}
#content .home {
	margin: 0 0 12px;
	padding: 10px;
	background-color: #d1e5fd;
	color: #0b3b70;
}
#content .home img.editorial {
	display: block;
	clear: none;
	float: none;
	margin: 0 0 12px;
}

.list {
	clear: left;
	float: left;
	width: 100%;
}
.list .item {
	float: left;
	width: 100%;
	padding: 14px 0;
	border-top: 1px solid #dedede;
}
.list .text {
	float: left;
	width: 504px;
}
.list img,.list .noimg {
	float: right;
	margin: 0 8px 6px 0;
	border: 1px solid #204a74;
	font-size: 70%;
}
.list img {
	display: block;
	width: 179px;
}
.list .moreinfo img {
	float: none;
	width: 86px;
	height: 18px;
	margin: 0;
	border: 0;
}
.list .noimg a {
	display: block;
	width: 155px;
	padding: 48px 12px;
	text-decoration: none;
	text-align: center;
}

.homelist {
	clear: left;
	float: left;
	width: 100%;
	background: #ffffff url(/images/bgHomeListRow.gif) repeat-y 0 0;
	color: #0b3b70;
}
#content .homelist a {
	background-color: #fef900;
	color: #0b3b70;
}
#content .homelist a:hover {
	background-color: #fef900;
	color: #cc2400;
}
#content .homelist a:focus,#content .homelist a:active {
	background-color: #fef900;
	color: #cc2400;
}
.homelist .row {
	clear: left;
	float: left;
	width: 100%;
	border-bottom: 12px solid #ffffff;
}
.homelist .item {
	float: left;
	width: 210px;
	margin: 0 0 0 5px;
	padding: 12px;
	background-color: #fef900;
	color: #204a74;
	text-align: center;
}
.homelist .item img,#content .homelist .item .noimg a {
	display: block;
	margin: 0 auto 6px;
	border: 1px solid #204a74;
}
#content .homelist .item .noimg a {
	width: 167px;
	padding: 40px 6px;
	background-color: #ffffff;
	color: #204a74;
	font-size: 75%;
}
#content .homelist .item .noimg a:hover {
	background-color: #ffffff;
	color: #cc2400;
}
.homelist .item.first {
	margin: 0;
}
.homelist .item .moreinfo {
	display: block;
	width: 86px;
	margin: 0 auto;
}
.homelist .item .moreinfo img {
	width: 86px;
	border: 0;
}
#allfocus {
	clear: left;
	float: left;
	width: 100%;
	font-size: 75%;
}

#product {
	float: left;
	width: 100%;
}
#product .img img {
	display: block;
	border: 1px solid #09020a;
}
#productdetail input.button {
	background-color: #ce0100;
	color: #ffffff;
	border: 1px solid #ce0100;
	font-size: 75%;
	font-weight: bold;
	cursor: pointer;
}

#formaddbasket {
	padding: 10px;
	background-color: #fafaff;
	color: #000000;
	border: 1px solid #cccccc;
	font-size: 75%;
}
#formaddbasket table {
	width: 100%;
	border-collapse: collapse;
}
#formaddbasket th,#formaddbasket td {
	padding: 6px;
}
#formaddbasket th {
	text-align: left;
	white-space: nowrap;
}
#formaddbasket td {
	border-top: 1px solid #cccccc;
}
#formaddbasket tr.headers td {
	border: 0;
}
#formaddbasket td.quantity {
	width: 60px;
}
#formaddbasket td.buynow {
	text-align: right;
}
#formaddbasket button {
	width: 2em;
}

#buttons {
	clear: left;
	float: left;
	width: 100%;
}

.prevprice {
	text-decoration: line-through;
}

form.customer {
	float: left;
	width: 692px;
	margin: 0 0 10px;
	padding: 10px;
	background-color: #fafaff;
	color: #000000;
	border: 1px solid #cccccc;
}
form.customer .zone1,form.customer .zone2 {
	width: 49%;
}
form.customer .zone1 {
	float: left;
}
form.customer .zone2 {
	float: right;
}
form.customer .forminputs {
	float: left;
	width: 100%;
}
form.customer .buttons {
	clear: left;
	float: left;
	width: 100%;
}
form.customer .buttons {
	font-size: 75%;
}
form.customer .input {
	margin: 0 0 1em;
	font-size: 80%;
}
form.customer label,form.customer input {
	display: block;
}
form.customer .input input {
	width: 90%;
}
form.customer label.required {
	font-weight: bold;
}
#content form.customer a {
	background-color: #fafaff;
	color: #0b3b70;
}
#content form.customer a:hover,
#content form.customer a:focus,
#content form.customer a:active {
	background-color: #fafaff;
	color: #cc2400;
}
#notice {
	padding: 6px;
	background-color: #dddddd;
	color: #000000;
	font-size: 75%;
	text-align: center;
}

#pagenav {
	clear: left;
	float: left;
	width: 100%;
	background-color: #fafaff;
	color: #cccccc;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 75%;
}
#pagenav td {
	width: 33%;
	padding: 3px;
}
#pagenav td.pages {
	background-color: #fafaff;
	color: #000000;
	text-align: center;
}
#pagenav td.next {
	text-align: right;
}
#pagenav a {
	background-color: #fafaff;
	color: #0b3b70;
}
#pagenav a:hover {
	background-color: #fafaff;
	color: #cc2400;
}
#pagenav a:focus,#pagenav a:active {
	background-color: #fafaff;
	color: #cc2400;
}
/* Footer Styles */
#footer {
	clear: left;
	float: left;
	width: 100%;
	padding: 12px 0;
	font-size: 55%;
	text-align: center;
}
#footer a {
	background-color: #ffffff;
	color: #666666;
}
#footer a:hover {
	background-color: #fafafa;
	color: #0b3b70;
}
#footer a:focus,#footer a:active {
	background-color: #fafafa;
	color: #0b3b70;
}