/* ========================*/
/*         Layout          */
/* ========================*/

* {
	padding: 0;
	margin: 0;
	}

body {
	background: #dcedfd;
	text-align:center;
	font: normal 100%/120% Arial, Helvetica, sans-serif;
	color: #4d4d4d;
	}

#container {
	width: 980px;
	margin: 0 auto;
	text-align:left;
	position:relative;
	padding: 1px 0 0 0;
	font: normal 80%/120% Arial, Helvetica, sans-serif;
	}
	
#content {
	margin: 131px 0 0 0;
	background: #fff url(/graphics/content-bg.jpg) top left no-repeat;
	}

#header {
	position: absolute;
	top: 0;
	width: 980px;
	height: 102px;
	background: #fff url(/graphics/header-bg.jpg) bottom left no-repeat;
	}
	
#header p.logo {
	width: 195px;
	height: 100px;
	text-indent: -2000px;
	background: transparent url(/graphics/header-logo.gif) top left no-repeat;
	margin: 0 0 0 10px !important;
	margin: 0 0 0 5px;
	float: left;
	}
	
#show-alert {
	background: transparent url(/graphics/overlay.png) top left no-repeat;
	position: absolute;
	top: 245px;
	width: 600px;
	left: 260px;
	padding: 20px;
	border: none;
	height: 83px;
	color:#FFF;
	z-index: 50000;
	text-align: center;
	}
	
#show-alert {
	background /*\**/: transparent url(/graphics/overlay-ie.png) top left no-repeat \9;
	}
	
#account {
	background: transparent url(/graphics/header-bg-image.jpg) top right no-repeat;
	width: 765px;
	height: 92px;
	margin: 3px 0 0 210px;
	}

#account ul {
	float: right;
	margin: 9px 0 0 0;
	}
	
#account ul li {
	float: left;
	font: normal 95%/120% Arial, Helvetica, sans-serif;
	display: inline;
	}
	
#account ul li.login {
	margin: 0 5px 0 0;
	}
	
#account ul li a span {
	padding: 0;
	color: #fff;
	font: bold 90%/120% Arial, Helvetica, sans-serif;
	background: #6685a3;
	margin: 0 5px;
	padding: 0 2px;
	}
	
#account ul li a {
	padding: 0 13px;
	width: 100%;
	color: #f00;
	text-decoration: none;
	font-weight: bold;
	}
	
#account ul li a:hover {
	text-decoration: underline;
	}
	
#account ul li.basket {
	color: #036;
	font-weight: bold;
	margin: 0 174px 0 0;
	}
	
#account ul li.basket a {
	background: transparent url(/graphics/header-pipe.gif) 100% 50% no-repeat;
	}
	
#basket {
	float:right;
	height:52px;
	padding:5px;
	position:absolute;
	right:-20px !important;
	top:25px !important;
	width:381px;
	}
		
#account #positionMe { 
	background: transparent; 
	position: relative;
	}
			
#account #positionMe * {
	padding: 0;
	margin: 0;
	}

#account #positionMe ul {
	text-align: left;
	}

#account #positionMe ul li {
	width: 180px;
	height: 19px !important;
	height: 18px;
	padding: 2px;
	display: block !important;
	float: none;
	padding: 0;
	}

#account #positionMe ul li a {
	font: bold 90%/100% Arial, Helvetica, sans-serif;
	color: #f00;
	display: block;
	position: relative;
	}
	
#account #positionMe ul li a span {
	color: #036;
	float: right;
	background: transparent;
	margin: 0 0 0 0;
	}

#account #thy {
	width: 193px;
	height: 36px;
	overflow: hidden;
	float: left;
	position: relative;
	top: 12px;
	}
	
#account #arrows {
	margin: 7px 10px 0 10px;
	}
	
#account #arrows p {
	margin: 0 0 15px 0;
	}

#account #arrows,
#account #totals {
	float: left;
	}
	
#account #totals {
	font: bold 90%/100% Arial, Helvetica, sans-serif;
	color: #036;
	margin: 9px 0 0 0;
	}
	
#account #totals p {
	margin: 0 0 9px 0;
	}

#menu {
	position: absolute;
	top: 108px !important;
	left: 40px !important;
	top: 111px;
	left: 42px;
	}

#menu ul li {
	display: inline;
	font: normal 80%/120% Arial, Helvetica, sans-serif;
	}

#menu ul li a {
	padding: 0 30px;
	color: #27527c;
	text-decoration:none;
	}
	
#menu ul li a:hover {
	text-decoration:underline;
	}

#mainbody {
	width: 755px;
	float: right;
	position: relative;
	padding: 90px 0 0 0;
	margin: 10px 10px 10px 0 !important;
	margin: 10px 5px 10px 0;
	}
	
.bodyProduct #mainbody {
	margin: 10px 0px 10px 0;
	}
	
#left {
	width: 195px;
	float: left;
	margin: 10px 10px !important;
	margin: 10px 5px;
	}
	
#content #mainbody p.newProduct {
	background: transparent url(/graphics/new.jpg) top left no-repeat;
	width: 116px;
	height: 59px;
	position: absolute;
	top: 83px;
	text-indent: -2000px;
	right: 0px;
	}
	
#cat-menu {
	padding: 0 0 12px 0;
	}
	
#cat-menu ul {
	padding: 0 0 0 0;
	width: 195px;
	overflow: visible;
	}
	
.review {
	position: relative;
	width: 460px;
	margin: 0 25px;
	border-bottom: 1px solid #f5f5f5;
	}
	
#cat-menu ul li {
	list-style-type: none;
	font: bold 100%/200% Arial, Helvetica, sans-serif !important;
	letter-spacing: -0.04em;
	margin: 0 0 3px 0;
	}
	
#cat-menu ul li li{	
	font: bold 90%/100% Arial, Helvetica, sans-serif !important;
	font: bold 80%/100% Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #dbe2e8;
	margin: 0;
	padding: 0;
	}
	
#cat-menu ul li ul {
	border-top: 1px dotted #dbe2e8;
	margin: 10px 0 10px 4px;
	}
	
#cat-menu ul li ul a {
	padding: 10px 0 10px 0;
	font: bold 100%/100% Arial, Helvetica, sans-serif;
	margin: 0;
	height: auto;
	}
	
#cat-menu ul li.item1 {
	background: transparent url(/graphics/menu/item1.gif) top left no-repeat;
	}
	
#cat-menu ul li.item1 li a {
	color: #ec008c;
	}
	
#cat-menu ul li.item1 li.highlight a {
	background: #bfccd9;
	color: #003366;
	}
	
#cat-menu ul li.item2 {
	background: transparent url(/graphics/menu/item2.gif) top left no-repeat;
	}
	
#cat-menu ul li.item2 li a {
	color: #e5065a;
	}
	
#cat-menu ul li.item2 li.highlight a {
	background: #bfccd9;
	color: #003366;
	}
	
#cat-menu ul li.item3 {
	background: transparent url(/graphics/menu/item3.gif) top left no-repeat;
	}
	
#cat-menu ul li.item3 li a {
	color: #ec3928;
	}

#cat-menu ul li.item3 li.highlight a {
	background: #bfccd9;
	color: #003366;
	}
	
#cat-menu ul li.item4 {
	background: transparent url(/graphics/menu/item4.gif) top left no-repeat;
	}
	
#cat-menu ul li.item4 li a {
	color: #f76c1e;
	}
	
#cat-menu ul li.item4 li.highlight a {
	background: #bfccd9;
	color: #003366;
	}
	
#cat-menu ul li.item5 {
	background: transparent url(/graphics/menu/item5.gif) top left no-repeat;
	}
	
#cat-menu ul li.item5 li a {
	color: #f4971e;
	}
	
#cat-menu ul li.item5 li.highlight a {
	background: #bfccd9;
	color: #003366;
	}
	
#cat-menu ul li.item6 {
	background: transparent url(/graphics/menu/item6.gif) top left no-repeat;
	}
	
#cat-menu ul li.item6 li a {
	color: #bdad38;
	}
	
#cat-menu ul li.item6 li.highlight a {
	background: #bfccd9;
	color: #003366;
	}
	
#cat-menu ul li.item7 {
	background: transparent url(/graphics/menu/item7.gif) top left no-repeat;
	}
	
#cat-menu ul li.item7 li a {
	color: #92bd4d;
	}
	
#cat-menu ul li.item7 li.highlight a {
	background: #bfccd9;
	color: #003366;
	}
	
#cat-menu ul li.item8 {
	background: transparent url(/graphics/menu/item8.gif) top left no-repeat;
	}
	
#cat-menu ul li.item8 li a {
	color: #74c06e;
	}
	
#cat-menu ul li.item8 li.highlight a {
	background: #bfccd9;
	color: #003366;
	}
	
#cat-menu ul li.item9 {
	background: transparent url(/graphics/menu/item9.gif) top left no-repeat;
	}
	
#cat-menu ul li.item9 li a {
	color: #78b396;
	}

#cat-menu ul li.item9 li.highlight a {
	background: #bfccd9;
	color: #003366;
	}
	
#cat-menu ul li.item10 {
	background: transparent url(/graphics/menu/item10.gif) top left no-repeat;
	}
	
#cat-menu ul li.item10 li a {
	color: #8ba0bc;
	}
	
#cat-menu ul li.item10 li.highlight a {
	background: #bfccd9;
	color: #003366;
	}
	
#cat-menu ul li.item11 {
	background: transparent url(/graphics/menu/item11.gif) top left no-repeat;
	}
	
#cat-menu ul li.item12 li a {
	color: #9398cc;
	}
	
#cat-menu ul li.item12 li.highlight a {
	background: #bfccd9;
	color: #003366;
	}
	
#cat-menu ul li a {
	padding: 1px 5px 0 10px;
	display: block;
	color: #fff;
	width: 180px !important;
	width: 170px;
	height: 27px;
	text-decoration: none;
	}
	
#cat-menu ul li ul,
#cat-menu ul li ul li {
	width: 180px;
	}
	
.pagecontent {
	clear: both;
	background: #fff url(/graphics/header-fade.jpg) top left no-repeat;
	}
	
.pagecontent.home,
.pagecontent.landing {
	background: #fff url(/graphics/main_bg.gif) top left no-repeat;
	}
	
.pagecontent.home div {
	margin: 10px 0 20px 15px;
	}
	
#mainbody .pagecontent.home ul li {
	font: bold 110%/150% Arial, Helvetica, sans-serif !important;
	background: transparent url(/graphics/list-tick.gif) 0 1px no-repeat;
	list-style-type: none;
	padding: 0 0 0 25px;
	margin-bottom: 8px;
	}

#mainbody p.red_2 { 
	color:#FF0000;
	}

.parentspic	{

	}
	
.teacherspic {

	}
	
.pagecontent.landing div div {
	width: 33%;
	float: left;
	text-align: center;
	min-height: 220px;
	}
	
* html .pagecontent.landing div div p {
	height: 45px;
	}
	
#mainbody .pagecontent.landing div div p {
	font: normal 120%/110% Arial, Helvetica, sans-serif !important;
	padding: 0 15px;
	min-height: 25px;
	margin: 25px 0 0 0;
	}
	
h1 {
	font: normal 180%/100% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	color: #036;
	padding: 10px 12px 0 12px;
	}
	
h2 {
	font: normal 110%/100% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	color: #036;
	padding: 10px 12px 0 12px;
	border-bottom: 1px solid #e5e9ff;
	}
	
h2 a {
	color: #036;
	}
	
h2 a:visited {
	color: #036;
	}
	
h3 {
	font: normal 100%/100% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	color: #036;
	padding: 10px 12px 0 12px;
	border-bottom: 1px solid #e5e9ff;
	}
	
.small {
	font: normal 70%/90% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	}
	
#mainbody p,
#mainbody address,
#mainbody label {
	margin: 10px 0 0 0;
	padding: 0 12px 0 12px;
	color: #4d4d4d;
	font: normal 95%/150% Arial, Helvetica, sans-serif !important;
	font: normal 90%/150% Arial, Helvetica, sans-serif;
	}
	
#mainbody label {
	margin: 4px 0 0 0;
	padding: 0 12px 0 0;
	}
	
.product {
	margin: 10px 3px 0 4px;
	background: #fff url(/graphics/product-background.jpg) top left no-repeat;
	float: left;
	width: 755px;
	}
	
.product.cat {
	margin: 10px 15px 0 5px;
	background: #fff url(/graphics/product-background-small.jpg) top left no-repeat;
	float: left;
	width: 355px;
	min-height: 19.2em;
	}

.product img {
	margin: 10px;
	float: left;
	padding: 0 0 10px 0;
	}

.product .imgLeft {
	width: 320px;
	float: left;
	}
	
.product .smallImgLeft {
	width: 220px;
	float: left;
	}
	
.product.cat .smallImgLeft {
	width: 120px;
	float: left;
	}
	
.product.cat.home .smallImgLeft {
	width: 180px;
	float: left;
	}

.product .imgLeft div {
	float: left;
	margin: 10px 10px 5px;
	}

.product .imgLeft div a{
	display: block;
	float:left;
	background: none;
	padding: 0 2px;
	color: #fff;
	}

.product .imgLeft div a:hover{
	display: block;
	background: #fff;
	padding: 0 2px;
	}

.product h2 {
	float: left;
	width: 520px;
	position: relative;
	left: 0px;
	border-bottom: 1px solid #d2dbe4;
	padding: 10px 0 0 0;
	}
	
.product.main h2 {
	float: left;
	width: 420px;
	position: relative;
	left: 0px;
	border-bottom: 1px solid #d2dbe4;
	padding: 10px 0 0 0;
	}
	
.product.cat h2 {
	width: 225px;
	}
	
.product.cat.home {
	min-height: 1em;
	}
	
.product.cat.home h2 {
	width: 160px;
	font: normal 135%/100% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	}

.related {
	margin: 10px 0 0 0;
	}
	
#mainbody .related h2 {
	font: normal 100%/100% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	border: none;
	border-top: 1px dashed #BFCCD9;
	padding: 5px 0 0 0;
	float: none;
	}
	
.related h3 {
	font: normal 80%/100% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	border: none;
	}
	
#mainbody .product p {
	font: normal 90%/150% Arial, Helvetica, sans-serif !important;
	font: normal 85%/150% Arial, Helvetica, sans-serif;
	padding: 0 15px 0 120px;
	margin: 0;
	}
	
#mainbody .product.main  p,
#mainbody ul li,
#mainbody ol li {
	font: normal 90%/150% Arial, Helvetica, sans-serif !important;
	font: normal 85%/150% Arial, Helvetica, sans-serif;
	padding: 0 15px 0 0;
	}
	
#mainbody ul li,
#mainbody ol li {
	margin: 0 0 0 20px;
	}

#mainbody ol {
	margin: 5px 0 0 15px;
	}

#mainbody dl {
	margin: 0 0 0 12px;
	}

#mainbody dd {
	margin: 0 0 10px 12px;
	}
	
#mainbody .product p.pricelist {
	margin: 5px 0 0 0;
	padding-top: 2.6em;
	color: #036;
	font: bold 90%/150% Arial, Helvetica, sans-serif !important;
	font: bold 80%/150% Arial, Helvetica, sans-serif;
	}
	
#mainbody .product p.pricelist strong {
	color: #E5065A;
	font: bold 140%/150% Arial, Helvetica, sans-serif !important;
	font: bold 70%/150% Arial, Helvetica, sans-serif;
	}
	
#mainbody .product p.cash {
	color: #036;
	float: left;
	padding: 2px 0 0 0;
	}
	
#mainbody .product p.cash span {
	font: bold 70%/150% Arial, Helvetica, sans-serif !important;
	font: bold 70%/150% Arial, Helvetica, sans-serif;
	color: #006;
	padding: 0;
	}
	
#mainbody .product p.rrp {
	font: normal 100%/150% Arial, Helvetica, sans-serif !important;
	font: normal 100%/150% Arial, Helvetica, sans-serif;
	color: #8f8f8f;
	text-align: right;
	padding: 0;
	text-decoration:line-through;
	}
	
#mainbody .product p.xvat {
	font: normal 100%/150% Arial, Helvetica, sans-serif !important;
	font: normal 110%/150% Arial, Helvetica, sans-serif;
	color: #8f8f8f;
	text-align: right;
	padding: 0;
	}
	
#mainbody .product input.addtobasket {
	float: right;
	width: 99px;
	height: 23px;
	margin: 6px 12px 0 0;
	background: #fff url(/graphics/product-add.jpg) top left no-repeat;
	border: none;
	text-indent: -200000em;
	font: normal 1%/110% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
	}
	
.red {
	color: #00ADEF;
	}
	
a {
	color: #0279f1;
	text-decoration: none;
	}
	
a:hover {
	color: #f60;
	text-decoration: underline;
	}
	
a:visited {
	color: #f00;
	}
	
.product.main form {
	border-bottom: 1px solid #d2dbe4;
	width: 420px;
	float: left;
	padding-bottom: 10px;
	overflow: visible;
	}
	
#mainbody .product.main p.cash {
	font: bold 140%/100% Arial, Helvetica, sans-serif !important;
	color: #E5065A;
	float: none;
	padding: 2px 0 0 0;
	text-align: right;
	}
	
#mainbody .product.main p.del {	
	text-align: right;
	padding: 0;
	margin: 5px 0 5px 0;
	}
	
#quicksearch {
	position: absolute;
	top: 0px;
	width: 755px;
	background: #bfccd9 url(/graphics/search-top.gif) top left no-repeat;
	}

#quicksearch form {
	text-align: center;
	padding: 7px 0 2px 0 !important;
	padding: 7px 0; 
	position: relative;
	background: transparent url(/graphics/search-bottom.gif) bottom left no-repeat;
	}
	
#quicksearch form div {
	margin: 2px 110px 0 auto !important;
	margin: 0 auto;
	display: inline;
	}
	
#quicksearch form div * {
	display: inline;
	}

#quicksearch form div img {
	position: absolute;
	top: 5px !important;
	top: 10px;
	}
	
#quicksearch form div select {
	font: normal 90%/110% Arial, Helvetica, sans-serif;
	margin: 0 10px 0 0;
	}
	
#quicksearch form div select option{
	display: list-item;
	}
	
#quicksearch form div input {
	font: normal 90%/110% Arial, Helvetica, sans-serif;
	margin:0 0 0 10px;
	width:245px;
	}
	
#quicksearch form h2 {
	padding: 0;
	margin: 2px 0 0 0 !important;
	margin: 6px 0 0 0;
	width: 110px;
	border: none;
	}
	
#quicksearch form input.search {
	width: 70px;
	height: 24px;
	position: relative;
	top: -2px !important;
	top: 3px;
	background: #f00 url(/graphics/search.gif) top left;
	border: none;
	text-indent: -200000em;
	font: normal 1%/110% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
	}
	
	
#keystage {
	position: absolute;
	top: 43px;
	width: 755px;
	background: #bfccd9 url(/graphics/search-top.gif) top left no-repeat;
	}

#keystage div {
	text-align: center;
	padding: 0 0 5px 0 !important;
	position: relative;
	background: transparent url(/graphics/search-bottom.gif) bottom left no-repeat;
	}
	
* html #keystage p {
	background: transparent url(/graphics/keystage_help.gif) 25px 5px no-repeat;
	padding: 0;
	}
	
#keystage p {
	text-align: center;
	padding: 0 0 5px 0 !important;
	text-indent: -22222em;
	display: block;
	width: 755px;
	height: 25px;
	margin: 5px 0 0 10px;
	background: transparent url(/graphics/keystage_help.gif) 25px 50% no-repeat;
	}
	
#keystage p a {
	display: block;
	width: 515px;
	height: 30px;
	}
	
/*#keystages p,
#keystages p a {
	float: left;
	margin: 0;
	padding: 0;
	}
	
#keystages p {
	margin: 0 3px 0 0;
	}*/
	
	
#keystages {
	padding: 10px 0 0 0;
	}
	
#keystages li {
	list-style-type: none;
    width: 89px;
	height: 32px;
	text-decoration: none;
	text-indent: -22222em;
	color: #fff;
	margin: 0 3px 0 0;
	padding: 0;
	float: left;
	}
	
#keystages li.ks1 {
	background: #EC008C url(/graphics/age-3-5.gif) top left no-repeat;
	margin: 0 3px 0 0;
	}
	
#keystages li.ks2 {
	background: #73C167 url(/graphics/age-5-7.gif) top left no-repeat;
	margin: 0 3px 0 0;
	}

#keystages li.ks3 {
	background: #F8981D url(/graphics/age-7-11.gif) top left no-repeat;
	margin: 0 3px 0 0;
	}
	
#keystages li.ks4 {
	background: #9398CC url(/graphics/age-11-14.gif) top left no-repeat;
	margin: 0 3px 0 0;
	}
	
#keystages li.ks5 {
	background: #E31836 url(/graphics/age-14-16.gif) top left no-repeat;
	margin: 0 3px 0 0;
	}
	
#email {
	margin: 10px 0 0 0;
	background: #bfccd9 url(/graphics/reg-header.gif) top left no-repeat;
	}

#email form {
	padding: 7px;
	background: transparent url(/graphics/reg-footer.gif) bottom left no-repeat;
	}
	
#email form h2 {
	color: #f00;
	font: bold 110%/110% Arial, Helvetica, sans-serif;
	margin: 5px 0 0 0;
	padding: 0;
	border: none;
	}
	
#email form p {
	color: #036;
	font: normal 90%/110% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	}
	
#email form input {
	width: 174px;
	}
	
#email form input.reg {
	float: right;
	width: 70px;
	height: 24px;
	margin: 4px 0 0 0;
	background: #f00 url(/graphics/register.gif) top left;
	border: none;
	text-indent: -200000em;
	font: normal 10%/110% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
	}
	
#email form>#input.reg {
	height: 0px;
	}

#footer {
	font: normal 90%/110% Arial, Helvetica, sans-serif;
	text-align: center;
	height: 60px;
	clear: both;
	background: #fff url(/graphics/header-bg.jpg) bottom left no-repeat;
	margin: 0 0 40px, 0;
	}

#footer a {
	color: #666
	}

#footer a:hover {
	color: #f80;
	}
	
#footer p span {
	font: normal 160%/130% Arial, Helvetica, sans-serif;
	color: #f00;
	display: inline-block;
	}
	
#footer p img {
	margin: 0 0 -4px 0;
	}
	
img.left {
	float: left;
	margin: 0 0 0 12px;
	}
	
img.right {
	float: right;
	margin:  0 12px 0 0;
	}
	
#mainbody table {
	font: normal 90%/110% Arial, Helvetica, sans-serif !important;
	font: normal 85%/110% Arial, Helvetica, sans-serif;
	margin: 0 12px 0 12px;
	width: 730px
	}

#mainbody th {
	background: #eee;
	}

#mainbody td,
#mainbody th {
	padding:4px;
	}
	
	
#mainbody .pagecontent p.noreg {
	float: right;
	top: -1px;
	right: 12px;
	position: absolute;
	padding: 0;
	background: #fff url(/graphics/basket-no-reg.gif) top left no-repeat;
	width: 204px;
	height: 26px;
	text-indent: -20000em;
	}
	
table.basketTable {
	font: normal 90%/110% Arial, Helvetica, sans-serif !important;
	font: normal 85%/110% Arial, Helvetica, sans-serif;
	margin: 0 12px 0 12px;
	}
	

table.basketTable.wide {
	margin: 0 12px 0 12px;
	width: 520px;
	}
	
table.basketTable th {
	border-top: 1px solid #bfccd9;
	border-bottom: 1px solid #bfccd9;
	background: #DFE6EE;
	font: bold 100%/110% Arial, Helvetica, sans-serif;
	color: #036;
	padding: 4px 2px;
	}
	
table.basketTable td.note {
	text-align:center;
	padding: 6px 12px;
	background: #E7ECF2;
	border-top: 3px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
table.basketTable th.none, 
table.basketTable td.none {
	border-top: none;
	border-bottom: 1px solid #bfccd9;
	background: #fff;
	}
	
table.basketTable th.total,
table.basketTable td.total {
	border-top: none;
	border-bottom: 1px solid #bfccd9;
	background: #fff;
	font: bold 130%/110% Arial, Helvetica, sans-serif;
	}
	
table.basketTable td.total2 {
	border-top: none;
	border-bottom: 1px solid #bfccd9;
	background: #fff;
	font: bold 110%/110% Arial, Helvetica, sans-serif;
	margin:0 0 0 50px;
	text-align: right;
	}
	
table.basketTable th.remove {
	width: 50px;
	}

table.basketTable th.cash, 
table.basketTable td.cash {
	width: 50px;
	text-align: right;
	}
	
table.basketTable td {
	padding: 4px 2px;
	}
	
table.basketTable td.aCenter, 
table.basketTable th.aCenter {
	text-align: center;
	}
	
table.basketTable td.cash select {
	font: bold 100%/110% Arial, Helvetica, sans-serif;
	}
	
form input.checkout,
form input.submit,
form input.reg,
form input.upd{
	float: right;
	width: 210px;
	height: 30px;
	margin: 4px 12px 0 0;
	background: #f00 url(/graphics/checkout-white.gif) top left;
	border: none;
	text-indent: -200000em;
	font: normal 1%/110% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
	}
	
form input.submit {
	background: #fff url(/graphics/submit.gif) top left;
	height:21px;
	width:123px;
	}
	
form input.reg {
	background: #fff url(/graphics/register2.gif) top left;
	width: 123px;
	height: 21px;
	}
	
form input.upd {
	background: #fff url(/graphics/update.gif) top left;
	width: 123px;
	height: 21px;
	}
	
form input.creditCheckout {
	float: right;
	width: 220px;
	height: 30px;
	margin: 4px 12px 0 0;
	background: #f00 url(/graphics/credit_checkout_button.gif) top left;
	border: none;
	text-indent: -200000em;
	font: normal 1%/110% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
	}



	
form input.credit {
	float: right;
	width: 210px;
	height: 30px;
	margin: 4px 12px 0 0;
	background: #f00 url(/graphics/pay-credit.gif) top left;
	border: none;
	text-indent: -200000em;
	font: normal 1%/110% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
	}

form input.proformaButton {
	float: left;
	width: 283px;
	height: 30px;
	margin: 4px 12px 0 8px;
	background: #f00 url(/graphics/proforma_button.gif) top left;
	border: none;
	text-indent: -200000em;
	font: normal 1%/110% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
	}
	
form input.proformacontinue {
	float: left;
	width: 283px;
	height: 30px;
	margin: 4px 12px 0 8px;
	background: #f00 url(/graphics/proforma_continue.gif) top left;
	border: none;
	text-indent: -200000em;
	font: normal 1%/110% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
	}

form input.proforma {
	float: left;
	width: 285px;
	height: 30px;
	margin: 4px 12px 0 0;
	background: #f00 url(/graphics/pay-proforma.gif) top left;
	border: none;
	text-indent: -200000em;
	font: normal 1%/110% Arial, Helvetica, sans-serif;
	cursor: pointer;
	cursor: hand;
	}

form.checkoutForm div.mand {
	background: #e1e8ef;
	margin: 4px;
	}

form.checkoutForm div.fLeft,
form.checkoutForm div.fRight {
	font: bold 80%/110% Arial, Helvetica, sans-serif;
	float: left;	
	width: 30%;
	padding: 5px;
	}
	
form.checkoutForm div.fLeft {
	padding: 7px 5px 5px 5px;
	text-align: right;
	}
	
form.checkoutForm div.fLeft span { 
	margin: 0 5px 0 0;
	}
	
form.checkoutForm div.error {
	background: #f8d6d8;
	margin: 4px;
	}
	
#content #mainbody form.checkoutForm div.mand.clearfix.error p {
	color: #f00;
	}
	
* html #cat-menu ul li.last {
	border: none !important;
	}
	
h2.h1point5 {
	font: normal 130%/100% 'Arial Rounded MT Bold', Arial, Helvetica, sans-serif;
	border: none
	}
	
#rightSide {
	margin: 10px 0 0 0;
	text-align: center;
	}

#rightSide p {
	text-align: left;
	font: normal 90%/100% Arial, Helvetica, sans-serif;
	margin: 6px 0 0 0;
	}

#rightSide p span {
	font: normal 120%/100% Arial, Helvetica, sans-serif;
	color: #0280fd;
	}
	
.pagecontent form {
	width: 45%;
	float: left;
	position: relative;
	top: 6px;
	left: 6px;
	}

.pagecontent form input{
	border: 1px solid #849EAB;
	background: #E0E7EF;
	color: #036;
	font: normal 90%/100% Arial, Helvetica, sans-serif;
	padding: 2px 0 2px 0;
	position: relative;
	top: -1px;
	}
	
#mainbody p.parentspic {	
	text-indent: -22222em;
	width: 252px;
	height: 343px;
	margin: 5px 0 0 1px;
	padding: 0;
	background: transparent url(/graphics/parents.jpg) 0 50% no-repeat;
	float: left;
	}
	
#mainbody p.teacherspic {
	text-indent: -22222em;
	width: 252px;
	height: 343px;
	margin: 5px 0 0 0;
	padding: 0;
	background: transparent url(/graphics/new_teachers.jpg) 0 50% no-repeat;
	float: left;
	}
	
#mainbody p.parentspic a {
	width: 252px;
	height: 343px;
	display: block;
	outline: none;
	}
	
#mainbody p.teacherspic a {
	width: 252px;
	height: 343px;
	display: block;
	outline: none;
	}

/* ========================*/
/*         Styling         */
/* ========================*/

a {
	outline: none;
	}
	
a img {
	border: none;
	}	

html {
	overflow-y: scroll;
	}

/* ========================*/
/*          Hacks          */
/* ========================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

ul.autocomplete {
	list-style-type: none;
	padding: 10px;
	margin: 0;
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	height: 200px;
	overflow: scroll;
}

ul.autocomplete li {
	padding: 3px 0;
}

ul.autocomplete li:hover {
	color: #EC5401;
	text-decoration: underline;
	cursor: pointer;
}

.ac_results {
	padding: 0px;
	border: 1px solid #bfccd9;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* Enrique Edits */
#container form input.submit {
	background: #fff url(/graphics/submit.gif) top left;
	border: 0;
	height:21px;
	width:123px;
}
#commentform {width: 525px;}


.post h1 {font-size: 160%;}
.post h2 {font-size: 120% !important;}

	/* Sidebar */
	#sidebar {
		background: #fff;
		float: right;
		padding-top: 35px;
		width: 220px;
	}
	
	#sidebar ul {list-style: none; margin: 0;}
	#sidebar ul ul {list-style: outside disc; margin: 0 0 25px 5px;}
	
	#sidebar h2 {margin-bottom: 10px;}
	
	/* Main Content */
	#main-cont {float: left; width: 530px;} 
	#main-cont .pagecontent {
		background: #fff url("/graphics/header-fade-2.jpg") no-repeat top;
	}


/* Captions & aligment */
.aligncenter,
div.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

.alignleft {
        float: left;
}

.alignright {
        float: right;
}

.wp-caption {
        border: 1px solid #ddd;
        text-align: center;
        background-color: #f3f3f3;
        padding-top: 4px;
        margin: 10px;
        -moz-border-radius: 3px;
        -khtml-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
}

.wp-caption img {
        margin: 0;
        padding: 0;
        border: 0 none;
}

.wp-caption p.wp-caption-text {
        font-size: 11px;
        line-height: 17px;
        padding: 0 4px 5px;
        margin: 0;
}
/* End captions & aligment */

.friendcontent {
        clear: both;
        background: #fff;
	border-colour: #003366;
	border-style: ridge;
}

.friendcontent form {
        width: 45%;
        float: left;
        position: relative;
        top: 6px;
        left: 6px;
        }

.friendcontent form input{
        border: 1px solid #849EAB;
        background: #E0E7EF;
        color: #036;
	width: 180px;
        font: normal 90%/100% Arial, Helvetica, sans-serif;
        padding: 2px 0 2px 0;
        position: relative;
        top: -1px;
        }

.friendcontent form button{
        border: 1px solid #849EAB;
        background: #E0E7EF;
        color: #036;
        font: normal 90%/100% Arial, Helvetica, sans-serif;
        padding: 2px 0 2px 0;
        position: relative;
        top: -1px;
        }