@charset "UTF-8";

/* CSS Document */

@import url("/stylesheets/reset.css");
@import url("/stylesheets/font-reset.css");

/*Styles to appear at the top of editor list*/

span.pencil_rule {

	background-image:url(/Images/Clip_art/alphabet_border.gif);
	height:54px;
}



/*wdeCMS Style Overrides*/

.system-error-message {
background:transparent url(/CSSImages/error_slate.png) no-repeat scroll 26px 26px;

}

hr {
color:lightGrey;
}

.form label, .webform label {
font-size:1em;
}
.productItemNotFound {display:none;}

.shop-product-small {font-size:80%}

.shop-product-small .image {
height:160px;
margin:20px;
overflow:hidden;
text-align:center;
width:120px;
}

.shop-catalogue .image {
height:100px;
padding:20px 5px;
margin:5px;
}

.cityField {width: 160px;}

.stateField {width: 50px;}

.postcodeField {width: 70px;}

table.catalogueTable {
margin-left:6px;
}

.productTextInput {
	width:20px;
}

.imageSpace{
color:red;
float:left;
text-align:center;
width:40%;
}

.productPopletsItem {
	border:dashed #666666 thin;
	width:100px;
	height:100px;
	overflow:hidden;
	text-align:center;
}

.search-result{
	font-size:12px;
	padding-bottom:10px;
}
html {	background-image:url(../CSSImages/cloud_background.png);
}

body {
	margin: 0;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	color: #336699;
}

a {
	color:#666666;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

h1 {
	font-size:200%;
}

h2 {
	color:#339999;
	margin:1.5em 0 1em;
	font-size:150%;
}

h2 a {
	color:#339999;
	margin:1.5em 0 1em;
	font-size:150%;
	text-decoration: none;
}



h3 {
	font-size:1.2em;
	font-weight:bold;
}

p {
	font-size: 1em;
	padding-bottom: 1em;
}

blockquote {margin-left:3em; margin-bottom:2em;}

strong {font-weight:bold;}

#login {
	padding-right:6px;
	text-align:right;

}
#menubar-both{

}

li {
	list-style-type:circle;
	list-style-image:url(/CSSImages/apple_bullet.gif);
	list-style-position:outside;
	margin-bottom:0.3em;
	margin-top:0.7em;
}

#wrapper {
	font-family: Verdana, Helvetica, sans-serif;
	color: #336699;
	font-size: 100%;
	text-align:justify;
}

#header {
	width:960px;
	height:124px;
	margin: 0px auto -1px auto;
}

#logo {
	float:left;
	width: 735px;
	height: 123px;
}

#Logos {
	background-color:white;
	margin-top:48px;
}

* html #openSign {
	float:left;
}

#openSign {
	background-repeat:no-repeat;
	height:53px;
	width:70px;
	position:relative;
	float:left;
}

#logged-in {
	float:left;
	font-size:10px;
	height:50px;
	margin-left:30px;
}

#main {
	width:950px;
	height:100%;
	margin: 0px auto -1px auto;
}

#body-1 {
	float:left;
	width:30.7%;
	padding:1.1%;
	padding-left:15px;
}

#body-2 {
	float:left;
	width:30.7%;
	padding:1.1%;
	border-right:thin dashed lightBlue;
	border-left:thin dashed lightBlue;
}

#body-3 {
	float:left;
	width:30.7%;
	padding:1%;
}

#mainContentArea {
	float:left;
	width:90%;
	padding:1.1%;
	margin-left:30px;
}

#fullWidth {
	float:right;
	margin-left:5%;
	margin-right:5%;
	width:90%;
}

#online-shop-body-1 {
	float:left;
	width:31%;
	padding:1%;
}

#online-shop-body-2 {
	float:right;
	width:62%;
	margin-left:30px;
}

#teacherButton {
	display:block;
	margin:0 50px;
	background-image:url(/sc1cl30b.gif);
	height: 215px;
	width: 195px;
}

#teacherButton:hover {
	background-image:url(/sc1cl30b_down.gif);
}

#teacherButton span {
	display:none;
}


#parentButton {
	display:block;
	margin:0 50px;
	background-image:url(/sc2cl30a.gif);
	height: 215px;
	width: 195px;
}

#parentButton:hover {
	background-image:url(/sc2cl30a_down.gif);
}

#parentButton span {
	display:none;
}



#webdesignexpertslink {
	float:right;
}

#search-button {
	float:right;
	margin-top:14px;
}

#search-sort-by {
	float:right;
}

#search-keywords {
	float:right;
}

#search-search-in {
	float:right;
	padding-right:10px;
}

.shop-product-large li.quantity input.productTextInput {
	width: 10px;
}

.browseImage {
	float:left;
}

.browseDesc {
float:none;
margin:20px 20px 10px;
}

.productName a {
	font-size:1em;
	font-weight:bold;
	color:#0066CC;
	margin-left:20px;
}

.purchaseOptions{
	background:#0099FF;
	color:#FFFFFF;
	padding:5px;
	text-align:right;
	clear:both;
}

.purchaseOptions a {
color:#FFFFFF;
}

.shopDetails {
      background-color:LightBlue;
      border:none;
      height:200px;
}

.shopDetailsInner{
height:174px;
margin:auto;
padding-top:10px;
width:446px;
}

.shopDetailsInnerTop {height:49%;
overflow:hidden;
}

.shopDetailsInnerBottom {border-top-width:0;
padding-top:25px;
text-align:right;}

#announcement {
	min-height:280px;
}

.faq-question table {
	width:100%;
}

.faq-question tr, .faq-question td {
	vertical-align:text-top;
	width:50%;
}

#content-body {
	float:left;
	width:62%;
	padding:1.1%;
	margin-left:315px;
}

#one-c-body {
	float:left;
	width:100%;
	padding:1.1%
}

#rhs_Image {
	float:right;
}

.secure-login, .newsletter-form {
border:none;
margin-bottom:0;
margin-top:0;
}

.username-field {
}

.password-field {
	
}

#shop_tr {
	float:right;
	width:58%;
	margin-top:0;
}

#shop_tl {
	float:left;
	width:20%;
	margin-top:-30px;
}

#shop_b {
	float:left;
	margin-top:25px;
	width:100%;
}

#top-body {
	background-image:url(../CSSImages/main_top.png);
	background-repeat:no-repeat;
	width:949px;
	height:22px;
}

#mid-body {
	background-image:url(../CSSImages/mid-body.png);
	background-repeat:repeat-y;
	width:949px;
	height:100%;
	z-index:300;
	overflow:hidden;
}

#bottom-body {
	background-image:url(../CSSImages/bottom-body.png);
	background-repeat:no-repeat;
	width:949px;
	z-index: 200;
	background-position:bottom;
	padding-right:0;
	height:32px;
}


/* Banners */

#bannerArea {
	background: url(/Images/Banners/bannerimages.png) no-repeat top left; 
	height: 200px;
	width: 290px;
	margin:0;
	padding:0;
	position:relative;
}

#bannerArea li span {display:none;}

#bannerArea li {float:left; list-style:none; position:relative; }

#bannerArea li, #bannerArea a {  
    height:79px;    /* Each button must have the same height, define it here */  
    display:block;  
    margin:0;  
    padding:0;  
}  

li#sprite-recommendations, li#sprite-topSellers{
	margin-bottom:17px;
	width:290px;
}

#sprite-recommendations a:hover {background: url(/Images/Banners/bannerimages.png) no-repeat -290px 0; } 
#sprite-topSellers a:hover {background: url(/Images/Banners/bannerimages.png) no-repeat -290px -96px; } 






/*Main Menu - Luke - read how I did it ;) */

#top-menu {
	height:50px;
	margin:0 auto -1px;
	padding-right:50px;
	text-align:right;
	width:950px;
}

#menubar {
	background-image:url(../CSSImages/menubar.png);
	background-repeat:repeat-x;
	height:55px;
}

#menubar li {
	list-style-type:none;
	list-style-image:none;
	margin:0;
}

#nav_396097, #nav_396097 ul {
	padding: 0;
	list-style: none;
	float:right;
	margin-bottom: 0px;
	margin-top: 1px;
	height:44px;
}

#nav_396097 a {
	background-position:0 -178px;
	color:#666666;
	display:block;
	font-size:100%;
	font-weight:normal;
	height:34px;
	padding-top:10px;
	text-align:center;
	text-decoration:none;
}

/*added the pointer to the sprite file to the main list-item id*/

#nav_396097 li {
	float: left;
	background: url(/CSSImages/CC_mainNavSprite.gif) no-repeat top left;
	background-position: 0 -178px;
	height:44px;
	width:80px;
}

/*.selected is applied by wdeCMS to denote an active menu item - styled here*/
#nav_396097 .selected a {
	color:#ffffff;
	display:block;
	background: url(/CSSImages/CC_mainNavSprite.gif);
	background-position: 0 -30px;
}

#nav_396097 li a:hover {
	display:block;
	height:34px;
	width:80px;
	background: url(/CSSImages/CC_mainNavSprite.gif);
	background-position: 0 -104px;
}

#nav_396097 .selected a:hover {
	color:#666666;
	height:34px;
	width:80px;
	background: url(/CSSImages/CC_mainNavSprite.gif);
	display:block;
	background-position: 0 -30px;	
}

/*This is the top level of the submenus - positioned absolute and given a left value of -999em this makes it disappear*/

#nav_396097 li ul {
	left:-999em;
	position:absolute;
	margin:0;
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
	z-index:900;
}

/*Hover effect when over sub-menus left auto cancels out the -999 and submenu appears*/
#nav_396097 li ul a:hover, #nav_396097 li.selected ul a:hover {
	left:auto;
	margin:0;
	position:relative;
	background:none #AEE0FE;
	padding-left:18px;
	width:200px;
	text-align:left;
}


#nav_396097 ul li a, #nav_396097 li.selected ul a {
	background: none #6699FF;
	padding-left:18px;
	width:200px;
	text-align:left;
	color:#FFFFFF;
}

#nav_396097 ul li, #nav_396097 ul li.selected {
	background:transparent none repeat scroll 0 0;
	display:block;
	float:none;
	margin:0;
	width:200px;
	height:auto;
}

/*sfhover calls the suckerfish ie hover javascript to make it work in IE*/
#nav_396097 li:hover ul, #nav_396097 li.sfhover ul {
	left:auto;
	height:auto;
}

#nav_396097 li ul li {
	background:none;
}


#footer {
	width:949px;
	margin: 0px auto -1px auto;
	background-image:url(../CSSImages/footerBkg.png);
	background-repeat:no-repeat;
	z-index: 200;
	background-position:bottom;
	padding-right:1px;
	height:200px;/* Height of the footer */
	
}



/*The 3 footer areas*/

.footerDivs {
	width:290px;
	height:168px;
	float:left;
	padding:.75em;
}

.footerContent {
	margin-top:0;
	font-size:80%;
}

html>body .footerContent {
	margin-top:-29px;
	padding-left:8px;
}
/*All 3 footer areas use the same images and formatting*/


#clearone {
	clear: both;
	height: 1px;
}

html>body #Terms-Privacy {
	margin-top:-29px;
	padding-left:8px;
}

#Terms-Privacy {
	margin-top:0;
}


#sub-footer {
	width:950px;
	margin: 0px auto -1px auto;
}


.catalogueItemNotFound {
	display:none;
}

#checkoutForm {
display:none;
}

#alreadySignedIn {
display:none;
}

#creditCardDetails {
display:none;
}

#checkoutForm td {padding:.5em;}


#ewayBlock {font-size:50%;text-align:right;}

#formCont {
	width:500px;
        text-align:left;
}
#billingInfo {
   float:left;
   margin-right:0px;
    width:460px;
}
#formCont fieldset {
	padding-top:30px;
	width:auto;
}
.lbl {
	text-align:right;
       width:130px;
}
#shippingInfo {
        width:380px;
       float:left;
}
#chkReg {
margin-bottom:8px;
}

.footerContent h2 {
margin-bottom: 0.5em;
}