/* =Colours= 

- general -

light blue background colour : #EEF9FB;


-  links - 

blue link: #02A0C6;

- navigation -

nav home : #02A0C6;
nav about : #4EBCD7;
nav early years : #FF000F;
nav primary : #0D3996;
nav advanced : #FF9906;
nav elt : #67B721;
nav home learning : #7F268F;


subnav tints:


about: D3EEF5
early years: FFBFC3
primary: C2CDE5
advanced: FFE5C1
elt: D9EDC7
home learning: DFC9E3






*/

	






/* CSS Reset Reloaded - see http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ for details */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: arial, helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


strong {
	font-weight: bold;
}


/* =utilities */

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.clearThis {
	clear: both;
}

.hideMe {
	display: none;
}


/* =layout= */

.wrapper {
	width: 980px;
	margin: 0 auto;
	overflow: hidden;
}

#header {
	background-color: #fff;
	padding: 10px 0 0 0;
	overflow: display;

}

#utilities .module {
	background: #EEF9FB;
	width: 153px;

}

#utilities .module .pad {
	padding: 0;
	}
	
#utilities .module h4 {
padding: 0;
background: #EEF9FB;
}



#utilities {
	font-size: 80%;
	color: #666;
	overflow: auto;
	float: left;
	clear: both;
	margin-top: 10px;
}


#utilities #login,
#utilities #breadcrumb {
	float: left;
	clear: left;
}

#utilities #login {
	
	width: 153px;
	margin-bottom: 10px;

}

#utilities #login a {
	
	padding: 10px 0;
	text-align: center;
	font-size: 110%;
}

#utilities #languageCurrency {
	width: auto;
	border: none;
	background-color: transparent;
}

#languageCurrency label {
	width: 6em;
	float: left;
	clear: left;
	display: block;
	margin-top: 3px;
	width: 10em;
	font-size: 110%;
	text-align: right;
	margin-right: 10px;
}

#languageCurrency select {
	float: left;
	border: 1px solid #4EBCD7;
	color: #666;
	margin-bottom: 5px;
	margin-right: 5px;
}

#breadcrumb strong {
	color: #FF000F;
}

.module {
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 10px;
}

#contentWrap .module {
	background-color: #EEF9FB;
}



.module .pad {
	padding: 10px;
	
}

.module h4 {
	padding: 5px 10px 0 10px;
	color: #333;
	font-weight: bold;
}


/* coloured boxes */

#contentWrap .greenModule {
	background-color: #67B721;
	overflow: hidden;
	color: #fff;
	margin-bottom: 10px;
}

#contentWrap .greenModule  h4 {
	padding: 5px 10px 0 10px;
	color: #fff;
	background: #67B721;
	font-weight: bold;
}
#contentWrap .greenModule .pad {
	padding: 10px;
}


#contentWrap .greenModule img {
	border-top: 20px solid #B3DB90;
	margin-top: 10px;
	position: relative;
	top: 2px;
}

#contentWrap .blueModule {
	background-color: #02A0C6;
	overflow: hidden;
	color: #fff;
	margin-bottom: 10px;
}

#contentWrap .blueModule img {
	border-top: 20px solid #81CFE2;
	margin-top: 10px;
	position: relative;
	top: 2px;
}

#contentWrap .blueModule  h4 {
	padding: 5px 10px 0 10px;
	color: #fff;
	background: #02A0C6;
	font-weight: bold;
}

#contentWrap .blueModule .pad {
	padding: 10px;
}


#contentWrap .darkblueModule {
	background-color: #0D3996;
	overflow: hidden;
	color: #fff;
	margin-bottom: 10px;
}

#contentWrap .darkblueModule  h4 {
	padding: 5px 10px 0 10px;
	color: #fff;
	background: #0D3996;
	font-weight: bold;
}
#contentWrap .darkblueModule .pad {
	padding: 10px;
}

#contentWrap .darkblueModule img {
	border-top: 20px solid #869CCA;
	margin-top: 10px;
	position: relative;
	top: 2px;
}

.darkblueModule p strong {
	color: #FFFF33;
}

#contentWrap .purpleModule {
	background-color: #7F268F;
	overflow: hidden;
	color: #fff;
	margin-bottom: 10px;
}

#contentWrap .purpleModule  h4 {
	padding: 5px 10px 0 10px;
	color: #fff;
	background: #7F268F;
	font-weight: bold;
}
#contentWrap .purpleModule .pad {
	padding: 10px;
}


#contentWrap .purpleModule img {
	border-top: 20px solid #BF92C7;
	margin-top: 10px;
	position: relative;
	top: 2px;
}


.colourPad .roundCorners .pad {
	height: 8em;
	overflow: hidden;
	}

.floatWrap {
	overflow: hidden;
}

.floatWrap .floatLeft {
	margin-right: 10px;
}

.floatWrap .floatRight,
#utilities .floatRight {
	margin-left: 20px;
}


#contentWrap {
	width: 980px;
	background: #fff;
	margin-bottom: 10px;
	clear: both;
	padding: 10px 0;
	overflow: hidden;
	font-size: 80%;
}

#contentWrap .contentPad {
	padding: 0 10px;
	overflow: hidden;
}



#footer {
	overflow: hidden;
	font-size: 80%;
}

#copyright {
	overflow: hidden;
	margin-bottom: 10px;
	padding: 5px 0;
	font-size: 60%;
}



#subNav {
	float: left;
	width: 175px;
	margin-left: 10px;
	background: #fff;
}


#subNav ul {
	margin-bottom: 20px;
	font-size: 110%;
	font-weight: bold;
}


#subNav ul ul {
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 10px;
	}
	
	
#subNav ul ul ul {
	font-size: 85%;
	margin-top: 0px;
	margin-bottom: 5px;
	background: #EEF9FB;
	}
	
	
#subNav ul ul ul li a {
	padding: 2px 10px 2px 20px;
	}


#subNav li {
	margin-bottom: 3px;
	background-color:white;
}


#subNav li a,
#subNav li a:visited {
	display: block;
	padding: 5px 10px;
	background: #EEF9FB;
	text-decoration: none;
}

/*  widths for different numbers of columns */

.colSpan_1 {
	width: 155px;
}

.colSpan_2 {
	width: 320px;
}

.colSpan_3 {
	width: 485px;
}

.colSpan_4 {
	width: 650px;
}

.colSpan_6 {
	width: 980px;
}


/* =header= */


#search {
	float: right;
	text-align: right;
	width: 400px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 20px;
	font-size: 90%;
}

input#generalSearchTerm {
	
	margin-right: 10px;
	width: 180px;
	color: #999;
}

input:focus#generalSearchTerm {
	color: #333;
}

input#findProducts {
	padding: 3px 10px 3px 30px;
	text-align: center;
	background: #fff url(/img/magnifier.png) 10px 50% no-repeat;
	border: 1px solid #81D0E3;
	color: #02A0C6;
}

input:hover#findProducts {
	color: #fff;
	background-color: #02A0C6;
	cursor: pointer;
}


input#findProducts  {
	color: #fff;
	background: #02A0C6 url(/img/blueButton_bg.jpg) 0 50% repeat-x;
	padding: 2px 5px;
	text-align: center;
	font-size: 100%;
	border: 1px solid #81D0E3;
	text-decoration: none;
}

input:hover#findProducts  {
	cursor: pointer;
	color: #fff;
	background: #FF9906 url(/img/blueButtonHover_bg.jpg) 0 50% repeat-x;
	border-color: #FF9906;
}


#header h2 {
	width: 350px;
	height: 56px;
	overflow: hidden;
	text-indent: -9999px;
	background: #fff;
	margin-left: 20px;
}

#header h2 a {
	display: block;
	width: 350px;
	height: 56px;
	background: transparent url(/img/logo_big_new.jpg) 0 0 no-repeat;
	margin-bottom: 10px;
}


p#strapline {
	width: 280px;
	height: 36px;
	overflow: hidden;
	text-indent: -9999px;
	background: #fff url(/img/strapline.gif) 0 0 no-repeat;
	margin-left: 60px;
}



#header  p.floatRight {
	text-align: right;
	font-size: 90%;
	clear: right;
	margin-top: 20px;
	margin-right: 20px;
}


#utilities #miniBasket {
	clear: right;
	width: 115px;
	magin-right: 10px;
	display: inline;
}

#miniBasket p {
	overflow: hidden;
}

#miniBasket .pad {
	padding-top: 5px;
}




/* =navigation= */

ul#topnav li {
	float: left;
	width: 140px;
}

ul#topnav li a,
ul#topnav li a:visited {
	display: block;
	width: 140px;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	background: #E2E7F3;
	text-decoration: none;
}

ul#topnav li a:hover,
ul#topnav li a:visited:hover {
	text-decoration: underline;
}

ul#topnav li#homeLink a,
ul#topnav li#homeLink ul {
	background-color: #02A0C6;
}


ul#topnav li#aboutLink a,
ul#topnav li#aboutLink ul {
	background-color: #4EBCD7;
}

ul#topnav li#earlyLink a,
ul#topnav li#earlyLink ul {
	background-color: #FF000F;
}

ul#topnav li#primaryLink a,
ul#topnav li#primaryLink ul {
	background-color: #0D3996;
}

ul#topnav li#advancedLink a,
ul#topnav li#advancedLink ul {
	background-color: #FF9906;
}


ul#topnav li#eltLink a,
ul#topnav li#eltLink ul {
	background-color: #67B721;
}

ul#topnav li#homelearningLink a,
ul#topnav li#homelearningLink ul {
	background-color: #7F268F;
}


ul#topnav li#homeLink li a,
ul#topnav li#aboutLink li a,
ul#topnav li#earlyLink li a,
ul#topnav li#primaryLink li a,
ul#topnav li#advancedLink li a,
ul#topnav li#eltLink li a,
ul#topnav li#homelearningLink li a,
ul#topnav li#homeLink li a:visited,
ul#topnav li#aboutLink li a:visited,
ul#topnav li#earlyLink li a:visited,
ul#topnav li#primaryLink li a:visited,
ul#topnav li#advancedLink li a:visited,
ul#topnav li#eltLink li a:visited,
ul#topnav li#homelearningLink li a:visited {
	background-color: #E2E7F3;
	color: #02A0C6;
	text-align: left;
	font-size: 80%;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}


ul#topnav li#aboutLink li a,
ul#topnav li#aboutLink li a:visited {
	background-color: #D3EEF5;
	}
	
ul#topnav li#earlyLink li a,
ul#topnav li#earlyLink li a:visited {
	background-color: #FFBFC3;
	}
	
ul#topnav li#primaryLink li a,
ul#topnav li#primaryLink li a:visited {
	background-color: #C2CDE5;
	}
	
ul#topnav li#advancedLink li a,
ul#topnav li#advancedLink li a:visited {
	background-color: #FFE5C1;
	}
	
ul#topnav li#eltLink li a,
ul#topnav li#eltLink li a:visited {
	background-color: #D9EDC7;
	}
	
ul#topnav li#homelearningLink li a,
ul#topnav li#homelearningLink li a:visited {
	background-color: #DFC9E3;
	}




ul#topnav ul {
padding-bottom: 2px;
}


/* =links= */

a,
a:visited {
	color: #02A0C6;
}

a:hover,
a:visited:hover {
	color: #0D3996;
}

#miniBasket h4 a {
	display: block;
	padding: 2px 0;
	background:  #EEF9FB url(/img/basket.png) top right no-repeat;
}

a.editLink,
a.editLink:visited {
	padding-left: 20px;
	margin-left: 10px;
	background: #fff url(/img/pencil.png) 0 50% no-repeat;
}

a.whiteLink,
a.whiteLink:visited {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

a.whiteLink:hover,
a.whiteLink:visited:hover {
	color: #fff;
	text-decoration: none;
}

/* =typography= */

p {
	margin-bottom: 0.25em;
	
}

p#breadcrumb {
	color:#646464;
	font-size:80%;
	line-height:1.3;
	padding:5px 10px;
	
}

#contentWrap p {
	line-height: 1.4;
	margin-bottom: 0.5em;
}

#contentWrap p.tags {
	margin-top: 1em;
	}

h1 {
	font-size: 160%;
	margin-bottom: 1em;
}

h2 {
	font-size: 140%;
	margin-bottom: 0.5em;
}


h3 {
	font-size: 130%;
	margin-bottom: 0.5em;
}

h4 {
	font-size: 120%;
	margin-bottom: 0.25em;
}

h5 {
	font-size: 110%;
	margin: 0.5em 0 0.25em 0;
}

#footer h4 {
	font-size: 100%;
}

#productDetails .module h4 {
	color: #0D3996;
}
#productDetails  {
	background-color:white;
}

em {
	font-style: italic;
}


h5.sectionAbout {
	margin: 0 0 1em 0;
	padding: 10px;
	color: #fff;
	background: #4EBCD7;
	}
	
h5.sectionEarlyYears {
	margin: 0 0 1em 0;
	padding: 10px;
	color: #fff;
	background: #FF000F;
	}

h5.sectionPrimary {
	margin: 0 0 1em 0;
	padding: 10px;
	color: #fff;
	background: #0D3996;
	}

h5.sectionAdvanced {
	margin: 0 0 1em 0;
	padding: 10px;
	color: #fff;
	background: #FF9906;
	}

h5.sectionElt {
	margin: 0 0 1em 0;
	padding: 10px;
	color: #fff;
	background: #67B721;
	}
	
h5.sectionHomeLearning {
	margin: 0 0 1em 0;
	padding: 10px;
	color: #fff;
	background: #7F268F;
	}






/* =lists */

dl {
	margin: 10px 0;
	overflow: hidden;
	font-size: 95%;
}

#productDetails dl {
	clear: both;
}

dt {
	float: left;
	clear: left;
	width: 6em;
	margin-bottom: 5px;
	margin-right: 10px;
	font-weight: bold;
}

dd {
	float: right;
	margin-bottom: 5px;
	clear: right;
	text-align: left;
}

#productDetails dd {
	width: 200px;
}


.itemBlock dl {
	width: 500px;
	clear: none;
}

.itemBlock dl dd {
	width: 400px;
}

#contentWrap ol,
#contentWrap ul {
	line-height: 1.4;
}

#footer ul {
	line-height: 1.1;
}

ul.bullet,
#contentBlock ul {
	margin-left: 20px;
	margin-bottom: 20px;
}

ul.bullet li,
#contentBlock ul li {
	padding-left: 20px;
	background: #fff url(/img/bullet_blue.png) 0 0 no-repeat;
}


/* =home page= */


#leftBlock {
	float: left;
	width: 630px;
	overflow: hidden;
	margin-bottom: 10px;
}

#topBlock {
	width: 630px;
	background: #D9F1F7 url(/img/topBlock_bg.gif) 0 0 no-repeat;
	height: 24em;
	margin-bottom: 20px;
	overflow: hidden;
}

#topTextBlock {
	float: right;
	width: 300px;
	height: 305px;
	background: #EEF9FB url(/img/textBlock_bg2.gif) top right no-repeat;
	color: #fff;
}

#topBlock .pad,
#tagCloud .pad {
	padding: 10px;
}

#topTextBlock a.whiteLink {
	font-size: 120%;
}

#tagCloud {
	width: 300px;
	height: 280px;
	float: left;
	background: #D9F1F7 url(/img/tagCloud_bg.jpg) 50% 50% no-repeat;
	text-align: center;
}

.searchTags {
	background: #EEF9FB url(/img/tagCloud_bg.jpg) 50% 50% no-repeat;
	text-align: center;
	}


#tagCloud h4,
.searchTags h4 {
	color: #35B3D1;
	padding: 5px 10px 0 10px;
	font-weight: bold;
	}


#leftBlock .module {
	float: right;
	width: 300px;
	height: 280px;
	background: #D9F1F7 url(/img/magazine_bg.jpg) 0 0 no-repeat;
}

#leftBlock .module h4,
#leftBlock .module a,
#leftBlock .module a:visited {
	color: #7F268F;
}

#leftBlock .module p strong {
	color: #0D3996;
	font-size: 120%;
}


#rightBlock {
	float: right;
	width: 300px;
}

#contentWrap #bestSellers {
	height: 305px;
	overflow: hidden;
	background: #D9F1F7 url(/img/bestSellers_bg.jpg) 0 0 no-repeat;
	margin-bottom: 20px;
}

#bestSellers ul li {
	overflow: hidden;
	font-size: 90%;
	clear: left;
}

#bestSellers ul li a {
	display: block;
	margin-bottom: 2px;
	padding: 0 5px 0 20px;
	background: transparent url(/img/bullet_blue.png) 0 0 no-repeat;
	font-size: 120%;
	color: #333;
}

#bestSellers ul li div.best {
	float: left;
	background: #fff;
	padding: 5px;
	margin-right: 10px;
	width: 50px;
	display: inline;
}


#contentWrap #newsBlock {
	height: 280px;
	background: #D9F1F7 url(/img/newsblock_bg.jpg) 0 0 no-repeat;
}

#newsBlock  ul li a {
	display: block;
	padding: 0 5px 0 20px;
	background: transparent url(/img/bullet_purple.png) 0 0 no-repeat;
	color: #333;

}

#bestSellers ul li a:hover,
#newsBlock  ul li a:hover {
	text-decoration: none;
}

#newsBlock  ul li {
	margin-bottom: 0.25em;
}

#colourBlockWrap {
	background: #02A0C6;
	width: 950px;
	margin-bottom: 20px;
	clear: both;
	padding: 5px;
}

#colourBlockWrap .colourPad {

	background: #EEF9FB;
	overflow: hidden;
}

#colourBlockWrap .roundCorners {
	width: 175px;
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	display: inline;
	height: 275px;
}

#colourBlockWrap .roundCorners .img {
	margin-top: 20px;
}

#flagWrap {
	background: #0D3996;
	width: 950px;
	margin-bottom: 0;
	clear: both;
	padding: 5px;
}

.flagPad {
	background: #fff;
	overflow: hidden;
	padding: 10px 40px;
}

#flagWrap table {
	float: left;
}

#flagWrap table td {
	width: 100px;
	text-align: left;
	vertical align: top;
	font-size: 90%;
	padding-top: 10px;
}

#flagWrap table td a {
	display: block;
}

#flagWrap h3 {
	text-align: center;
	color: #0D3996;
	margin: 0;
}

#flagWrap p#nearestStockist {
	padding-top: 120px;
	background: #fff url(/img/globeReflect.jpg) 50% 0 no-repeat;
	float: right;
	text-align: center;
	width: 10em;
}

/* =product page= */

#productBlock {
	margin-left: 20px;
	width: 370px;
	float: left;
	overflow: hidden;
}

#productDetails {
	width: 300px;
	margin-right: 20px;
}

#productDetails .module {
	width: 300px;
	clear: both;
}

#productSelect {
	overflow: hidden;
	margin-bottom: 20px;
}

#productSelect strong.price {
	float: left;
	font-size: 160%;
	color: #FF000F;
}

#productSelect #quantity {
	
	margin-left: 10px;
	width: 30px;
}



#productSelect #addProduct {
	float: left;
	clear: left;
	margin-top: 10px;
	width: 155px;
	
}

.blueButton,
a.blueButton {
	color: #fff;
	background: #02A0C6 url(/img/blueButton_bg.jpg) 0 50% repeat-x;
	padding: 5px;
	text-align: center;
	font-size: 140%;
	border: 1px solid #81D0E3;
	text-decoration: none;
}

.blueButton:hover,
input:focus.blueButton {
	cursor: pointer;
	color: #fff;
	background: #FF9906 url(/img/blueButtonHover_bg.jpg) 0 50% repeat-x;
	border-color: #FF9906;
}


.similarProducts {
	background-color:white;
}

.similarProducts h3 {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.similarProducts p {
	overflow: hidden;
	text-align: center;
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid  #EEF9FB;
}

.similarProducts strong {
	color:#FF000F;
	font-size: 130%;
}

.similarProducts a {
	text-decoration: none;
}

.similarProducts .imgWrap {
	width: 175px;
	background: #EEF9FB url(/img/imgWrap_bg.jpg) 0 0 repeat-x;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.similarProducts .imgWrap img {
	margin-left: 10px;
	border: 1px solid #02A0C6;
}



#reviewBlock {
	margin-top: 1em;
	background-color: #fff;
}

.review {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid  #EEF9FB;
	background: #EEF9FB;
	padding: 10px;
}

#reviewBlock p.author {
	font-weight: bold;
}

.reviewLink {
	font-size: 150%;
	margin: 0.5em 0;
}




/* =product listing page= */

#productListings {
	width: 765px;
	margin-left: 10px;
	float: left;
	overflow: hidden;
	background: #fff;
}

#productListings h1,
#productListings p#layoutChooser,
#productListings p#sortChooser {
	margin-left: 15px;
}

#productListings p#layoutChooser,
#productListings p#sortChooser {
	color: #999;
}

#productListings p#layoutChooser {
	float: left;
	width: 45%;
}

#productListings p#sortChooser {
	float: right;
	width: 45%;
	text-align: right;
}

#productListings p#sortChooser strong {
	font-weight: bold;
	color: #ff000f;
}

.itemBlock {
	width: 240px;
	float: left;
	margin-left: 15px;
	margin-bottom: 15px;
	display: inline;
}

.listLayout .itemBlock {
	width: 750px;
	clear: left;
	overflow: hidden;
	padding-bottom: 10px;
	border-bottom: 2px solid #EEF9FB;
	
}

.itemBlock p {
	overflow: hidden;
}

.itemBlock p.details {
	font-size: 120%;
	
}


.gridLayout .itemBlock {
	height: 25em;
}

.gridLayout .itemBlock p.details a {
	width: 180px;
}

.itemBlock p.details a {
	float: left;
}

.itemBlock p.details strong.price {
	float: right;
	color: #FF000F;
	width: 5em;
}

.gridLayout .itemBlock p.details strong.price  {
	width: auto;
	}

.itemBlock p.desc {
	font-size: 0.9em;
	color: #666;
	float: left;
	clear: both;
	padding-left: 2px;
}

.listLayout .itemBlock p.desc  {
	font-size: 100%;
	color: #333;
	clear: none;
	width: 530px;
}

.listLayout .itemBlock dl {
	float: left;
}

.imgWrap {
	width: 240px;
	background: #EEF9FB;
	padding-top: 25px;
	padding-bottom: 25px;
}

.listLayout .imgWrap {
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
	width: 200px;
}

.imgWrap .pad {
	margin-left: 25px;
	margin-right: 25px;
	padding: 20px;
	background: #fff;
	text-align: center;
}

.gridLayout .imgWrap .pad {
	background: #EEF9FB url(/img/imgPad_bg.jpg) bottom right no-repeat;
}

.listLayout .imgWrap .pad {
	margin-left: 5px;
	margin-right: 5px;
	padding: 10px;
}

.more_detail {
	display: none;
}

.listLayout .more_detail {
	display: block;
}



.listLayout .dots {
	display: none;
}

a.layoutOn {
	color: #ff000f;
	font-weight: bold;
	text-decoration: none;
}


/* =customers also bought page= */

p.actions {
	text-align: center;
	color: #E1E6F4;
}

a.addBasket {
	padding: 2px 20px 2px 0;
	background: #fff url(/img/basket_add.png) 100% 50% no-repeat;
	margin-left: 10px;
}

input.addBasket {
	padding: 2px 20px 2px 0;
	background: #fff url(/img/basket_add.png) 100% 50% no-repeat;
	margin-left: 10px;
	color: #02A0C6;
	border: 0px solid #fff;
	text-decoration: underline;
}

input:hover.addBasket {
	color: #0D3996;
	cursor: pointer;
}

a.moreLink {
	padding: 2px 20px 2px 0;
	background: #fff url(/img/arrow_right.png) 100% 50% no-repeat;
	margin-right: 10px;
	text-decoration: none;
}


/* =shopping basket page */

#basketWrapper .pad {
	padding-left: 10px;
	overflow: hidden;
}

#shoppingInfo .pad {
	padding-right: 10px;
	overflow: hidden;
}

#shoppingInfo .module {
	clear: both;
	width: 100%;
	margin-top: 10px;
}

#shoppingInfo .blueButton {
	width: 308px;
	padding: 5px 0;
	margin-bottom: 10px;
}

#paymentOptions ol {
	list-style: decimal;
	margin-left: 20px;
	font-size: 110%;
}

#paymentOptions li {
	
	margin-bottom: 0.5em;
}

#paymentOptions li img {
	display: block;
	clear: left;
	margin: 5px 0;
}

#basketTable {
	width: 100%;
	background: #fff;
	margin-bottom: 10px;
}

#basketTable th,
#basketTable td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #EEF9FB;
}

#basketTable th,
#basketTable td.sectionTitle {
	font-size: 120%;
	font-weight: bold;
	color: #0D3996;
}

#basketTable td.sectionTitle {
	border-top: 2px solid #EEF9FB;
}

#basketTable th.product {

}

#basketTable td.quantity,
#basketTable th.quantity,
#basketTable td.unitPrice,
#basketTable th.unitPrice,
#basketTable td.itemTotal,
#basketTable th.itemTotal,
#basketTable td.quantity form div
 {
	text-align: center;
}

#basketTable td.quantity,
#basketTable th.quantity,
#basketTable td.unitPrice,
#basketTable th.unitPrice,
#basketTable td.itemTotal,
#basketTable th.itemTotal {
	width: 5em;
}



#basketTable td.quantity {
	width: 50px;
}

#basketTable td.quantity input.qty {
	width: 30px;
	text-align: center;
	position: relative;
}

#basketTable td.quantity input.updateQty,
#basketTable td.quantity input.removeItem {
	clear: both;
	display: block;
	margin-top: 5px;
	color: #02A0C6;
	background: #fff;
	border: 1px solid #fff;
	text-align: center;
	
}

#basketTable td.product img {
	float: left;
	margin-right: 10px;
}

#basketTable td.product p.title {
	font-size: 120%;
}

#basketTable td.product p.delivery {
	color: #999;
	padding: 2px 0 2px 20px;
	float: left;
	background: transparent url(/img/lorry.png) 0 0 no-repeat;
}

#basketTable td.product p.inStock {
	color: #67B721;
	font-weight: bold;
	padding: 2px 0 2px 20px;
	float: left;
	margin-right: 10px;
	background: transparent url(/img/tick.png) 0 0 no-repeat;
}

#basketTable td.product p.outOfStock {
	color: #ff000f;
	font-weight: bold;
	padding: 2px 0 2px 20px;
	float: left;
	margin-right: 10px;
	background: transparent url(/img/cross.png) 0 0 no-repeat;
}

#basketTable td.itemTotal {
	font-size: 110%;
	width: 5em;
}

#voucherInput {
	width: 100px;
	margin-right: 5px;
	color: #999;
}

input:focus#voucherInput {
	color: #000;
}

#voucherForm .blueButton {
	font-size: 100%;
}

#basketTable td.voucherDetails,
#basketTable td.textRight {
	text-align: right;
}

#basketTable tr.bigText td {
	font-size: 150%;
}

#basketTable tr.grandTotal td.itemTotal strong {
	color: #ff000f;
}

#basketTable tr.grandTotal td {
	background-color: #EEF9FB;
}


/* =checkout login= */

.loginBox {
	width: 420px;
}

.loginBox form {
	overflow: hidden;
	margin-top: 10px;
}

.loginBox label {
	float: left;
	clear: left;
	width: 8em;
	margin-bottom: 10px;
}


.loginBox .blueButton {
	float: left;
	clear: left;
	margin-top: 10px;
}

.loginBox #email {
	margin-bottom: 10px;
}

#registeredCustomer form p {
	margin-left: 9.5em;
}

#footer p#secure img {
	margin: 0 10px;
}


/* =checkout details= */

#deliveryDetails {
	width: 640px;
}




#deliveryInfo {
	width: 310px;
	float: right;
}

.checkoutFormBox table {
	margin-bottom: 20px;
}

.checkoutFormBox table td {
	padding: 5px;
}

.checkoutFormBox table td.label {
	width: 15em;
}

.checkoutFormBox .input_caption {
	margin: 5px 0;
	color: #666;
}

.checkoutFormBox .tiny_text_input {
	width: 3em;
}

.checkoutFormBox .small_text_input {
	width: 8em;
}

#saveDetails {
	margin-right: 10px;
	}
	
	
#deliveryDetails form table p {
	font-size: 90%;
	margin-top: 1em;
	color: #666;
	}


/* =checkout confirm details */

#confirmDetails {
	margin: 0 auto;
}





/* =content pages= */

.mContentRight {
	width: 760px;
	background: #fff;
	margin-right: 20px;
	display: inline;
}

.mContentLeft {
	width: 760px;
	background: #fff;
	float: left;
	display: inline;
	margin-right: 10px;
	margin-left: 10px;
}

.lContent {
	width: 960px;
	margin-left: 10px;
}

.sContent {
	width: 560px;
}

.colWrap {
	width: 760px;
	background: #fff;
	margin-right: 10px;
	float: right;
	overflow: hidden;
}

#rightColumn {
	float: right;
	width: 175px;
	background-color:white;

}

#contentBlock {
	overflow: hidden;
}

#contentBlock .pad {
	padding: 10px;
	overflow: hidden;
}

#contentBlock h1 {
	padding: 10px;
	background: #EEF9FB;
	margin: 0;
}

#contentBlock h2 {
	color: #02A0C6;
	margin-top: 1em;
}

#contentBlock .similarProducts {
	width: 175px;
	margin-left: 20px;
}


/* =search results= */

table.searchResults {
	margin-bottom: 1em;
	width: 100%;
	}
	
table.searchResults td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border-bottom: 2px solid #EEF9FB;

	}
	
table.searchResults td.productCell {
	width: 80%;
	}
	
table.searchResults td.moreCell {
	text-align: right;
	}
	
table.searchResults td img {
	float: left;
	margin-right: 10px;
	}
	
table.searchResults td h4 {
	margin-bottom: 0.5em;
	}
	
table.searchResults td p strong {
	color: #ff000f;
	}
	
table.searchResults .blueButton {
	display: block;
	}
	
#pageResults {
	margin-top: 2em;
	}
	
#pageResults h4 {
	margin-top: 2em;
}

#pageResults strong,
p.pagination strong {
	color: #ff000f;
	}

/* =forms= */

input[type=text],
input[type=password],
input.text_input,
textarea {
	padding: 4px;
	background: #fff url(/img/inputBg.jpg) 0 0 repeat-x;
	border: 1px solid #81D0E3;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
	border-color: #0D3996;
}





label {
	color: #4EBCD7;
	font-weight: bold;
	font-size: 120%;
}



fieldset {
	margin: 1em 0;
	padding: 10px 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

legend {
	background: #EEF9FB;
	padding: 0 5px;
	font-weight: bold;
	color: #0D3996;
}

fieldset input[type=radio] {
	margin-left: 10px;
}

#productBlock textarea {
	width: 330px;
	height: 100px;
	margin-bottom: 1em;
	margin-top: 5px;
}

#productBlock form {
	margin: 1em 0;
	background: #EEF9FB;
	padding: 10px;
	overflow: hidden;
}


#productBlock form h3 {
	color: #fff;
	background: #0D3996;
	padding: 5px 10px;
	margin-bottom: 10px;
}


form div {
	margin: 0;
	padding: 0;
	width: auto;
}

.checkoutFormBox  h3 {
	background-color: #0D3996;
	color:#FFFFFF;
	margin-bottom:10px;
	padding:5px 10px;
}

.checkoutFormBox form {
	background: #fff;
	padding: 10px;
	overflow: hidden;
}

span.mandatory_star {
	color: #ff000f;
	font-weight: bold;
	margin-right: 5px;
}

/* =error styles */

tr.error  input[type=text],
tr.error  input[type=password],
tr.error  input.text_input,
tr.error  textarea {
	border-color: #ff000f;
	border-width: 2px;
}

tr.error label {
	color: #ff000f;
}

tr.error td.label {
	background: #FFE6E8 url(/img/exclamation.png) 95% 50%  no-repeat;
}

tr.error td {
	background-color: #FFE6E8;
}



p.error {
	border: 1px solid #ff000f;
	color: #ff000f;
	background: #FFE6E8 url(/img/exclamation.png) 5px 5px no-repeat;
	padding: 5px 5px 5px 25px;
}


/* =misc. */

p.pagination img {
	 vertical-align: middle;
	 }
	 

/* =category block */	 


.catBlock {
	width: 375px;
	height: 279px;
	margin-bottom: 10px;
	margin-top: 10px;
	background: #eee;
	color: #fff;
	font-family: "Trebuchet MS", Arial, sans-serif;
}

.catBlock a,
.catBlock a:visited {
	text-decoration: none;
	color: #fff;
}

.catBlock a:hover,
.catBlock a:visited:hover {
	text-decoration: underline;
}

.catBlock  h4 {
	font-size: 120%;
	margin: 55px 15px 10px 213px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}


.catBlock p {
	font-size: 100%;
	margin: 10px 15px 0 213px;
	font-family: "Trebuchet MS", Arial, sans-serif;
}


    
    
#babyBlock {
	background: #72BF44 url(/img/category_box_baby.jpg) 0 0 no-repeat;
}

#preschoolBlock {
	background: #ED1C24 url(/img/category_box_preschool.jpg) 0 0 no-repeat;
}

#schoolBlock {
	background: #00AEEF url(/img/category_box_schoolage.jpg) 0 0 no-repeat;
}

#eslBlock {
	background: #FAA61A url(/img/category_box_esl.jpg) 0 0 no-repeat;
}



/* filter options */


div.filters h3  {
font-size:1.2em;
width:173px;
height:29px;
background-image:url('/img/filters/orange.png');
}

div.filters a {
display:block;
font-size:1em;
margin:4px 10px 0pt;
}


#subNav .filters  {
	padding-bottom: 10px;
}



#subNav .filters h4 span{
	display:block;
	padding:7px 10px;
	color:white;
	font-weight:bold;
}
#subNav .filters h3 span{
	display:block;
	padding:7px 10px;
}
#subNav .filters h4 {
	color: #646464;
	font-size: 100%;
	margin-top: 10px;
width:173px;
height:29px;
background-image:url('/img/filters/blue.png');
}

#subNav .filters a,
#subNav .filters a:visited {
	text-decoration: none;
	background-color:transparent;
	color:#4f4f4f;
}


#subNav .filters div.selected {
	overflow: auto;
	
}

#subNav .filters strong {
	display: inline;
	color: #ff000f;
	font-weight: bold;
}


#subNav .filters  a.selected,
#subNav .filters  a.selected:visited {
	display:inline;
}

#subNav .filters ul {
	background-color:#e5e7e8;
	border:1px solid #b3b3b3;
	font-weight:normal;
	margin:0px 5px 10px 5px;
	font-size:1.0em;
	padding-left:20px;
	list-style-type:disc;
}	
#subNav .filters li {
	background-color:#e5e7e8;
	list-style-type:disc;
	padding:0;
	margin:3px 0;
}	
#subNav .filters li a {
	padding:0;
	margin:0;
}	

/* Left nav new design */
#subNav #leftNav ul {
background-color:transparent;
}	
#subNav #leftNav ul li a {
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:top left;
	width:153px;
	height:19px;
	background-image:url('/img/filters/orange.png');
	padding:5px 10px;
	color:white;
	margin:0;
}	

#subNav #leftNav ul ul {
background-color:transparent;
}	
#subNav #leftNav ul li {
background-color:white;
}	
#subNav #leftNav ul ul li a {
background-image:url('/img/filters/blue.png');
font-size:1em;
}	
#subNav #leftNav ul ul li {
font-size:0.90em;
}	
#subNav #leftNav ul ul ul li  {
margin:0;
line-height:1.2em;
}	
#subNav #leftNav ul ul ul  {
margin-top:10px;
}	
#subNav #leftNav ul ul ul li a {
background-image:url('');
text-decoration:underline;
color:#4f4f4f;
margin:0 10px;
padding:0 10px;
}	
#subNav #leftNav ul ul ul li a.highlight {
color:#02A0C6;
}	

/* =shopping information */


div#shoppingInformation  h3 {
	margin: 10px;
}


#subNav #shoppingInformation ul {
	font-weight: normal;
	font-size: 100%;
}
#subNav #shoppingInformation ul li {
	background-color:#EEF9FB;
}

/* = header and footer styles */


#header {
	padding: 15px 0 0 0;
	background:#3a9bde;
	
}

#left {
	background-color:white;
}

#toolbox {
	float: right;
	width: 400px;
	background: #e2f5fe;
	overflow: auto;
	font-size: 80%;
	color: #646464;
	margin-bottom: 10px;
}

#toolbox .pad {
	padding: 10px;
}


#toolbox #login {
	float: left;
	width: 180px;
}

#toolbox #login a,
#toolbox #login a:visited {
	color: #646464;
	text-decoration: underline;
}

#toolbox #login a:hover,
#toolbox #login a:visited:hover {
	text-decoration: none;
}

#toolbox #login p strong {
	font-size: 110%;
	color: #008CBE;
}


#header h2 {
	width: 408px;
	height: 58px;
	overflow: hidden;
	text-indent: -9999px;
	background: #fff;
	margin-left: 10px;
	
}

#header a#logolink {
	display: block;
	width: 354px;
	height: 49px;
	background: url(/img/logo_big_new.jpg) 0 0 no-repeat;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -9999px;
	left: -1px;
	position:relative;
}


p#strapline {
	background: url(/img/strapline_03.gif) 0 0 no-repeat;
	height:32px;
	margin-left:30px;
	overflow:hidden;
	text-indent:-9999px;
	width:292px;
	margin-top: 10px;
}


#minibasket {
	float: right;
	width: 165px;
	background: #f2fafd;
	padding: 5px;
	margin-bottom: 10px;
}

#minibasket a.basketlink {
	float: left;
	padding: 2px 0 2px 30px;
	background: #f2fafd url(/img/basket.png) 0 0 no-repeat;
	font-size: 110%;
	
}


#minibasket p {
	overflow: auto;
}

#minibasket p span {
	float: right;
	text-align: right;
	padding: 2px 0;
}


#minibasket p.total {
	text-align: right;
}

#countryChooser {
	margin-top: 0;
	overflow: auto;
	clear: both;
	width: 100%;
}


#countryChooser select {
	border:1px solid #4EBCD7;
	color:#666666;
	float:left;
	margin-left:5px;
	margin-right:5px;
	width: 175px;
}

#countryChooser label {
	float: left;
	font-size: 14px;
}


#countryChooser form div {
	overflow: auto;
}

#countryChooser .blueButton {
	float: right;
	font-size: 110%;
	padding: 2px 5px;
	width: 70px;
}

#topnavwrap  {
	background-color:  #99DFF9;
	background: #fff url(/img/nav_bg_new.jpg)  0% 50%  repeat-x;
	padding: 0;
	height: 2.25em;
}

ul#topnav {
	float: left;
	width: 650px;
	/* overflow: hidden; */
	font-family: "Trebuchet MS", arial, sans-serif;
}

ul#topnav li {
	float: left;
	width: 120px;
	border-right: 2px solid white;
}

ul#topnav li a,
ul#topnav li a:visited {
	display: block;
	width: 120px;
	padding: 10px 0;
	text-align: center;
	color: #646464;
	background: #fff url(/img/nav_bg_new.jpg)  0% 50%  repeat-x;
	text-decoration: none;
	font-family: "Trebuchet MS", arial, sans-serif;
}




ul#topnav li a:hover,
ul#topnav li a:visited:hover {
	text-decoration: underline;
}

ul#topnav ul li a,
ul#topnav ul li a:visited {
	background: #fff url(/img/nav_bg_new.jpg)  0% 50%  repeat-x;
}


#search {
	float: right;
	text-align: right;
	width: 290px;
	margin-bottom: 0x;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 0;
	font-size: 90%;
}


#footer p {
	text-align: center;
	clear: both;
	font-size: 80%
}

	
#footer p.footerlinks {
	font-size: 100%;
	text-align: left;
	margin-bottom: 20px;
	float: left;
	width: auto;
	font-size: 100%;
}
	
	
#footer  a,
#footer  a:visited {
	color: #02A0C6;
	padding: 5px 20px;
	font-weight: bold;
	text-decoration: none;
}

#footer  a:hover,
#footer  a:visited:hover {
	text-decoration: underline;
}


#footer ul,
#footer li {
	float: left;
}


#footer li,
#footer a {
	display: block;
}