@import url('/styles/section-css/paginator.css');
@import url('/styles/forms.css');
/*//////////////////////////////////////////////////////////
	Global Stuff
//////////////////////////////////////////////////////////*/

.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.hC {
    text-indent: -5999em;
    font: 1px/1px sans-serif;
    background-repeat:no-repeat;
    text-decoration:none;
    color:#fff;
}

.dotline {
    background-color: #DFDDD4;
    height: 1px;
    margin: 0 0 10px;
}

* {
    padding: 0;
    margin: 0;
}	

br.clear {
    height:0em;
    font: 1px/1px sans-serif; /* stop IE from revealing unnecessary bg */
    text-decoration:none;
    margin:0;
    padding:0;
    clear:both;
}

.btnGo {
    width: 59px; height: 31px;
    font: 1px/1px sans-serif; text-indent:-9999px;
    background-repeat: no-repeat;
    cursor:pointer;
    border:0;
    border: none;
    background-color: #FFF;
}
.btnGoGreen {
    /* background-image: url(../../img/static/buttons/btnGoGreen.gif); */
    background-image: url(../../img/static/buttons/new/purple/go.png);
}
.btnGoPurple {
    background-image: url(../../img/static/buttons/new/purple/go.png);
}


/* text-indent:-9999px; line-height: 0.001em; font-size: 0.001em; */

/*/////////////////////////////////////////////////////////////////////
	Fontage
/////////////////////////////////////////////////////////////////////*/

body, a, ul, li, p, h1, h2, h3, h4, input, select, textarea {
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
}

a {
    outline: 0;
    color: #A864A8;
}
a:hover {
    text-decoration: underline;
    color: #83CC98;
}
.alignL {
    text-align: left !important;
}
.alignC {
    text-align: center !important;
}
.alignR {
    text-align: right !important;
}
.noPadR {
    padding-right: 0 !important;
}

.brown {
    color: #8C6239;
}
.green {
    color: #7D9D11;
}
.headPurple {
    color: #A864A8;
}
.headBrown {
    color: #8C6239;
}
.headDarkBrown {
    color: #736357;
}
.headTeal {
    color: #16A2AF;
}



/*/////////////////////////////////////////////////////////////////////

	boxes

/////////////////////////////////////////////////////////////////////*/




.boxContent {
    width: 567px;
    background-color: #F2F3EB;
    background-repeat: repeat-y;
    color: #736357;
    margin: 0 0 5px 0;
}

.boxContent a {
    color: #8CAF16;
}

.boxHead, .boxFoot {
    height: 3px;
    text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
    background-repeat: no-repeat;
}
.boxHead {
    margin: 0 0 14px 0;
}
.boxCopy {
    text-align: justify;
    padding: 0 14px;
}
.boxCopy p {
    margin: 0 0 10px 0;
}
.boxFoot {
    margin: 18px 0 0 0;
}

/*/////////////////////////////////////////////////////////////////////
	Purple Box
/////////////////////////////////////////////////////////////////////*/

.boxPurple {
    background-image: url(../../img/static/layout/boxes/grow-purple.gif);
}
.boxPurple .boxHead {
    background-image: url(../../img/static/layout/boxes/head-purple.gif);
}
.boxPurple .boxFoot {
    background-image: url(../../img/static/layout/boxes/foot-purple.gif);
}

/*/////////////////////////////////////////////////////////////////////
	Green Box
/////////////////////////////////////////////////////////////////////*/

.boxGreen {
    background-image: url(../../img/static/layout/boxes/grow-green.gif);
}
.boxGreen .boxHead {
    background-image: url(../../img/static/layout/boxes/head-green.gif);
}
.boxGreen .boxFoot {
    background-image: url(../../img/static/layout/boxes/foot-green.gif);
}

/*/////////////////////////////////////////////////////////////////////
	Single Green Box
/////////////////////////////////////////////////////////////////////*/

.boxColGreen {
    background-image: url(../../img/static/layout/boxes/grow-col-green.gif);
}
.boxColGreen .boxHead {
    background-image: url(../../img/static/layout/boxes/head-col-green.gif);
}
.boxColGreen .boxFoot {
    background-image: url(../../img/static/layout/boxes/foot-col-green.gif);
}

/*/////////////////////////////////////////////////////////////////////
	Teal Box
/////////////////////////////////////////////////////////////////////*/

.boxTeal {
    background-image: url(../../img/static/layout/boxes/grow-teal.gif);
}
.boxTeal .boxHead {
    background-image: url(../../img/static/layout/boxes/head-teal.gif);
}
.boxTeal .boxFoot {
    background-image: url(../../img/static/layout/boxes/foot-teal.gif);
}

/*/////////////////////////////////////////////////////////////////////
	Dark Teal Box
/////////////////////////////////////////////////////////////////////*/

.darkTeal {
    background-image: url(../../img/static/layout/boxes/grow-darkteal.gif);
}
.darkTeal .boxHead {
    background-image: url(../../img/static/layout/boxes/head-teal.gif);
}
.darkTeal .boxFoot {
    background-image: url(../../img/static/layout/boxes/foot-teal.gif);
}

/*/////////////////////////////////////////////////////////////////////
	Dark Teal 2col Box
/////////////////////////////////////////////////////////////////////*/

.dark2ColTeal {
    background-image: url(../../img/static/layout/boxes/grow-2col-darkteal.gif);
}
.dark2ColTeal .boxHead {
    background-image: url(../../img/static/layout/boxes/head-2col-teal.gif);
}
.dark2ColTeal .boxFoot {
    background-image: url(../../img/static/layout/boxes/foot-2col-teal.gif);
}

/*/////////////////////////////////////////////////////////////////////
	Shell
/////////////////////////////////////////////////////////////////////*/

body {
    font-size: 62.5%;
    text-align: center;
    background: #88B3A3 url(../../img/static/layout/shell/main-bg.jpg);
    margin: 0 0 35px 0; padding:0;
}
#container {
    width: 786px;
    text-align: left;
    margin: 0 auto 0 auto;
}
#wrapperTrans {
    background: url(../../img/static/layout/shell/white-bg.png);
    padding: 0 3px 10px 3px;
}
#wrapperWhite {
    background-color: #fff;
    padding: 0 10px 34px 10px;
}

/*/////////////////////////////////////////////////////////////////////
	Head
/////////////////////////////////////////////////////////////////////*/

#head {
    background: url(../../img/static/layout/shell/head-bg.gif) repeat-x;
}
#head h1 {
    width: 302px;
    height: 58px;
    background: url(../../img/static/layout/shell/the-wise-owl-logo-established-1986.gif) no-repeat scroll 0 0;
    float: left;
    margin: 0 72px 0 0;
}
#head h1 a {
    height: 54px;
    text-indent:-9999px; line-height: 0.001em; font-size: 0.001em;
    display: block;
}

/* 
		user menu
	*/

#userLinks {
    width: 376px; height: 37px;
    font-size: 1.1em;
    background: url(../../img/static/layout/shell/user-menu.jpg) no-repeat;
    list-style-type: none;
    float: left;
}
#userLinks li {
    background: url(../../img/static/layout/shell/user-menu-divid.gif) right top no-repeat;
    float: left;
    padding: 3px 9px 0 9px;
}
#userLinks li {
    line-height: 29px;
}
#userLinks li, #userLinks li a {
     color: #A864A8;
}
#userLinks li a:hover {
    text-decoration: underline;
}

/* user menu specifics */

#userLinks li#createAccount, #userLinks li#myAccount {
    padding-left: 20px;
}
#cartContains #cartContainLink {
    float: left;
    margin: 0 5px 0 0;
}
#cartContains #cartContainItems {
    height: 27px; width: 39px;
    background: url(../../img/static/layout/shell/user-menu-items.gif) 0 1px no-repeat;
    text-align: center;
    float: left;
}
#userLinks li#checkout {
    background-image: url(../../img/static/layout/shell/user-menu-cart.gif);
    padding-right: 19px;
}

/* 
		top nav 
	*/

#topNav {
    list-style-type: none;
    margin: 0 0 11px 0;
    display: block;
    list-style-image: url(../../img/static/layout/shell/list-arrow.gif);
}

#topNav li {
    float: left;
    margin: 24px 21px 0 0;
}
#topNav li, #topNav li a {
    background-repeat: no-repeat;
}
#topNav li a {
    height: 20px;
    /*    text-indent:-9999px; line-height: 0.001em; */
    font-size: 1.2em;
    color: #A864A8;
    display: block;
}
#topNav li a:hover {
    background-image: none;
}

/* top nav specifics */

#topNavAbout a {
  /*  background-image: url(../../img/static/nav/top/about-1.gif);*/
}
#topNavAbout {
    width: 53px;
  /*  background-image: url(../../img/static/nav/top/about-2.gif); */
}

#topNavLocation a {
  /*  background-image: url(../../img/static/nav/top/location-1.gif); */
}
#topNavLocation {
    width: 67px;
    /*    background-image: url(../../img/static/nav/top/location-2.gif);*/
    }

#topNavList a {
   /* background-image: url(../../img/static/nav/top/list-1.gif); */
}
#topNavList {
    width: 74px;
   /* background-image: url(../../img/static/nav/top/list-2.gif); */
}

#topNavLinks a {
   /* background-image: url(../../img/static/nav/top/links-1.gif);*/
}
#topNavLinks {
    width: 34px;
  /* background-image: url(../../img/static/nav/top/links-2.gif); */
}

#topNavContact a {
/*    background-image: url(../../img/static/nav/top/contact-1.gif);*/
}
#topNavContact {
    width: 61px;
/*    background-image: url(../../img/static/nav/top/contact-2.gif);*/
}

#topNavCart a {
/*    background-image: url(../../img/static/nav/top/cart-1.gif);*/
}
#topNavCart {
    width: 29px;
/*    background-image: url(../../img/static/nav/top/cart-2.gif);*/
}

#topNavCompetitions a {
/*    background-image: url(../../img/static/nav/top/competitions-1.gif);*/
}
#topNavCompetitions {
    width: 71px;
/*    background-image: url(../../img/static/nav/top/competitions-2.gif);*/
}

#topNavDownloads a {
/*    background-image: url(../../img/static/nav/top/downloads-1.gif);*/
}
#topNavDownloads {
    width: 62px;
/*    background-image: url(../../img/static/nav/top/downloads-2.gif);*/
}

#topNavNews a {
/*    background-image: url(../../img/static/nav/top/news-1.gif);*/
}
#topNavNews {
    width: 37px;
/*    background-image: url(../../img/static/nav/top/news-2.gif);*/
}

#topNavHome a {
/*    background-image: url(../../img/static/nav/top/home-1.gif);*/
}
#topNavHome {
    width: 37px;
/*    background-image: url(../../img/static/nav/top/home-2.gif);*/
    margin-left: 19px !important;
    /*display: inline;*/
}

/*
		Top Search
	*/

#frmTopSearch {
    float: left;
    margin-top: 5px;
}


#frmTopSearch #sSearch {
    float: 1.2em;
    color: #818181;
    float: left;
    width: 280px;
    margin: 0px 6px;
    position: relative;
    z-index: 1000;
    border: solid 1px #818181;
}


#frmTopSearch #selSearchType {
    color: #818181;
    float: left;
    width: 100px;
    margin: 0px 6px;
}

#frmTopSearch button {
    float: left;
    margin: -5px 6px;
}



/*/////////////////////////////////////////////////////////////////////

	main content

/////////////////////////////////////////////////////////////////////*/

#content {
    background-repeat: repeat-y;
}

.curveHead {
    height: 28px; line-height: 28px;
    background: url(../../img/static/layout/shell/heading-curve.png) no-repeat;
    font-size: 1.1em;
    margin: 0 0 7px 0; padding: 0 0 0 14px;
    width: 567px;
}

/*/////////////////////////////////////////////////////////////////////
	Left hand side content
/////////////////////////////////////////////////////////////////////*/

#leftContent {
    width: 165px;
    margin: 0 5px 0 0; padding: 0 5px;
    float: left;
    border-top: 4px solid #84CD99;
}	

#hdrSections {
    height: 28px;
    background-image: url(../../img/static/layout/shell/hdr-sections.gif);
    margin: 12px 0 6px 0;
}

#hdrSecureShop {
    height: 71px;
    background-image: url(../../img/static/layout/shell/secure-shopping.gif);
    margin: 14px 0 6px 0;
}

/* 
		left nav 
	*/

#leftNav {
    width: 164px;
    font-size: 1.1em;
    background-color:#F2F3EB;
}
#leftNav, #leftNav ul {
    list-style-type: none;
}

#leftNav ul {
    /*display: none;*/
}

#leftNav li {
    border:none;
    margin: 0 0 3px 0;
}

#leftNav li a {
    width:129px;
    color: #F2F3EB;
    display: block;
    padding: 3px 10px 3px 20px;
    border:3px solid #E1E2DA;
    background-image:url(/img/static/layout/nav/arrow.gif);
    background-position:11px 7px;
    background-repeat:no-repeat;
}

#leftNav li a:hover{
    text-decoration: none;
    background-image:url(/img/static/layout/nav/arrow.gif);
    background-position:11px 7px;
    background-repeat:no-repeat;
}

#leftNav li ul {
    border:2px solid #E1E2DA;
    margin: 3px 0 0 0;
}
#leftNav li li {
    background-color:#F2F3EB;
    border:none;
    margin: 0;
}
#leftNav li li a {
    width:121px;
    color: #fff;
    padding: 3px 10px 3px 28px;
    background-position:19px 7px;
    border:1px solid  #E1E2DA;
}
#leftNav li li a:hover {
    background-position:19px 7px;
}
#leftNav li li ul {
    border:none;
    margin: 0;
}
#leftNav li li li a {
    width:111px;
    border-top: 1px solid #E1E2DA;
    padding: 3px 10px 3px 38px;
    background-position:29px 7px;
}

#leftNav li li li a:hover {
    background-position:29px 7px;
}

#leftNav li li.leftNavFirst a {
    padding-top: 3px;
}

/**
	* leftNav1 = primary
	* leftNav2 = secondary
	* leftNav3 = stationary
	* leftNav4 = exam papers
	* leftNav5 = revision guides
	* leftNav6 = children's educational guide
	*/

#leftNav1 a{
    background-color:#A864A8;
}

#leftNav1 ul li a{
    background-color:#A864A8;
}

#leftNav1 ul li ul li a{
    background-color:#A864A8;
}

#leftNav2 a{
    background-color:#A864A8;
}

#leftNav2 ul li a{
    background-color:#A864A8;
}

#leftNav2 ul li ul li a{
    background-color:#A864A8;
}

#leftNav3 a{
    background-color:#A864A8;
}

#leftNav3 ul li a{
    background-color:#A864A8;
}

#leftNav3 ul li ul li a{
    background-color:#A864A8;
}

#leftNav4 a{
    background-color:#A864A8;
}

#leftNav4 ul li a{
    background-color:#A864A8;
}

#leftNav4 ul li ul li a{
    background-color:#A864A8;
}

#leftNav5 a{
    background-color:#A864A8;
}

#leftNav5 ul li a{
    background-color:#A864A8;
}

#leftNav5 ul li ul li a{
    background-color:#A864A8;
}

#leftNav6 a{
    background-color:#A864A8;
}

#leftNav6 ul li a{
    background-color:#A864A8;
}

#leftNav6 ul li ul li a{
    background-color:#A864A8;
}

#leftNav7 a{
    background-color:#A864A8;
}

#leftNav7 ul li a{
    background-color:#A864A8;
}

#leftNav8 a{
    background-color:#A864A8;
}

#leftNav8 ul li a{
    background-color:#A864A8;
}

#leftNav9 a{
    background-color:#A864A8;
}

#leftNav9 ul li a{
    background-color:#A864A8;
}

#leftNav10 a{
    background-color:#A864A8;
}

#leftNav10 ul li a{
    background-color:#A864A8;
}

#leftNav10 ul li ul li a{
    background-color:#A864A8;
}

#leftNav11 a{
    background-color:#A864A8;
}

#leftNav11 ul li a{
    background-color:#A864A8;
}

#leftNav11 ul li ul li a {
    background-color:#A864A8;
}

/*/////////////////////////////////////////////////////////////////////
	Right hand side content
/////////////////////////////////////////////////////////////////////*/

#rightContent {
    width: 560px;
    font-size: 1.1em;
    float: left;
    padding: 16px 6px 0 7px;
    overflow: hidden;
}


#rightContent table {
    text-align: left;
    
}

/*/////////////////////////////////////////////////////////////////////
	footer
/////////////////////////////////////////////////////////////////////*/

#footer {
    font-size: 1.1em;
    margin: 5px 0 0 0;
    float: none;
    clear: both;
}
#footer, #footer a {
    color: #CFE8D8;
}
#footer a:hover {
    color: #fff;
}
#footer i { display: none; }


#systemMessage{
    margin-bottom: 10px;
    background-color: #F9F900;
    color: red;;
    padding: 6px 6px;
    border: solid 1px red;
}

span.countrySpan{
    margin-left:3px;
}

/**
	* general buttons
	*/
#btnContinueShopping {
    /*width: 106px;*/
    background: url(../../../img/static/buttons/continue-shopping.gif) right top no-repeat;
    float: right;
    margin: 0 0 0 12px;
}

/*
* mailer / downloads section
*/
div.mailerRow {
    float: none;
    clear:both;
    display: block;
}

div.mailerDate {
   /* width: 100px;;*/
    float: left;
    margin-right: 20px;
    font-weight: bold;
}

div.mailerTitle {
    width: 300px;
    float: left;
    margin:0px 20px 0px 0px;
}

div.mailerLink {
    float: left;
    width:96px;
}
div.mailerLink a {
    font-weight: bold;
}


div.schoolsLoginButton {
    float: right;
}

div#social {
    width: 162px;
    margin: 0px 0px;
    padding: 0px 0px;
}
div#social a  {
    margin: 0px 0px 0px 0px;
}

div#social img  {
    border: none;
    width: 162px;
    margin: 20px 0px 0px 0px;
}