@charset "utf-8";
/* CSS Document */

/* PRELOAD IMAGES */
.hiddenPic
  {
  display:none;
  }
.difcursor
  {
  cursor:pointer;
  }  
body 
  {
  font-family: "verdana"; 
  font-size: small; 
  display:block;
  background:url(/CSSsite/images/gradient.png) repeat-x top;
  margin:0px auto;
  padding:0px;
  }
div.backgroundTL
  {
  background:url(/CSSsite/images/blue_topG.png) left top no-repeat;
  }
div.backgroundSR
  {
  background:url(/CSSsite/images/blue_sideG2.png) 100% 330px no-repeat;
  }
/* NOT IN USE */
div.backgroundHTML
  {
  background:url(http://www.w3.org/Icons/valid-xhtml10-blue) 100% 100% no-repeat;
  }
div.bodyPart
  {
  position: relative;
  top: 40px;  
  }
  
/* NAVIGATION AND HEADER */
  
div.navigation1a
  {
  position: relative;
  width:125px;
  height:25px;
  left: -170px;
  margin:0px auto;
  background:url(/CSSsite/images/NavSelect.png) no-repeat;
  }
div.navigation1
  {
  position: relative;
  width:125px;
  height:25px;
  left: -170px;
  margin:0px auto;
  background:url(/CSSsite/images/NavNotSelect.png) no-repeat;
  }
div.navigation2a
  {
  position: relative;
  width:125px;
  height:25px;
  left: -45px;
  top: -25px;
  margin:0px auto;
  background:url(/CSSsite/images/NavSelect.png) no-repeat;
  }
div.navigation2
  {
  position: relative;
  width:125px;
  height:25px;
  left: -45px;
  top: -25px;
  margin:0px auto;
  background:url(/CSSsite/images/NavNotSelect.png) no-repeat;
  }
div.navigation3a
  {
  position: relative;
  width:125px;
  height:25px;
  left: 80px;
  top: -50px;
  margin:0px auto;
  background:url(/CSSsite/images/NavSelect.png) no-repeat;
  }
div.navigation3
  {
  position: relative;
  width:125px;
  height:25px;
  left: 80px;
  top: -50px;
  margin:0px auto;
  background:url(/CSSsite/images/NavNotSelect.png) no-repeat;
  }
div.navigation4a
  {
  position: relative;
  width:125px;
  height:25px;
  left: 205px;
  top: -75px;
  margin:0px auto;
  background:url(/CSSsite/images/NavSelect.png) no-repeat;
  }
div.navigation4
  {
  position: relative;
  width:125px;
  height:25px;
  left: 205px;
  top: -75px;
  margin:0px auto;
  background:url(/CSSsite/images/NavNotSelect.png) no-repeat;
  }
div.navigation5a
  {
  position: relative;
  width:125px;
  height:25px;
  left: 330px;
  top: -100px;
  margin:0px auto -25px;
  background:url(/CSSsite/images/NavSelect.png) no-repeat;
  }
div.navigation5
  {
  position: relative;
  width:125px;
  height:25px;
  left: 330px;
  top: -100px;
  margin:0px auto -25px;
  background:url(/CSSsite/images/NavNotSelect.png) no-repeat;
  }
div.navigation p
  {
  font-family: "verdana"; 
  font-size: small; 
  color: white; 
  position: relative;
  height:25px;
  top: 6px;
  margin:0px auto;
  }
div.navigation A:hover 
  {
  font-weight:bold;
  color: #ffcc00;
  }
div.header
  {
  position: relative; 
  top: -75px;  
  width:785px;
  height:185px;
  margin:0px auto;
  background:url(/CSSsite/images/header_colour.png) no-repeat;
  }
div.headerSecure
  {
  position: relative; 
  top: -75px;  
  width:785px;
  height:185px;
  margin:0px auto;
  background:url(/CSSsite/images/header_greyscale.png) no-repeat;
  }
  
/* LEFT PANE PRODUCTS PAGE */
  
div.login
  { 
  position: absolute; 
  left: 60px; 
  top: 153px; 
  width: 49px;
  z-index: 4;
  }
div.loginText
  { 
  font-family: "verdana"; 
  font-size: x-small; 
  color: white; 
  position: absolute; 
  left: 68px; 
  top: 154px; 
  width: 37px;
  z-index: 5;
  }
div.Logo
  {
  position: absolute; 
  left: 10px; 
  top: 8px;
  width: 150px;
  z-index: 4;
  }
div.LogoText
  { 
  font-family: "verdana"; 
  font-size: x-small; 
  color: #000033; 
  position: absolute; 
  left: 28px; 
  width: 120px;
  top: 128px; 
  z-index: 5;
  }
div.loginX
  { 
  position: absolute; 
  left: 60px; 
  top: 100px; 
  width: 49px;
  z-index: 4;
  }
div.loginTextX
  { 
  font-family: "verdana"; 
  font-size: x-small; 
  color: white; 
  position: absolute; 
  left: 68px; 
  top: 101px; 
  width: 37px;
  z-index: 5;
  }
div.LogoX
  {
  position: absolute; 
  left: 10px; 
  top: -45px; 
  z-index: 4;
  }
div.LogoTextX
  { 
  font-family: "verdana"; 
  font-size: x-small; 
  color: #000033; 
  position: absolute; 
  left: 28px; 
  width: 120px;
  top: 75px; 
  z-index: 5;
  }
div.login2X
  { 
  position: absolute; 
  left: 60px; 
  top: -393px; 
  width: 49px;
  z-index: 4;
  }
div.loginText2X
  { 
  font-family: "verdana"; 
  font-size: x-small; 
  color: white; 
  position: absolute; 
  left: 68px; 
  top: -410px; 
  width: 37px;
  z-index: 5;
  }
div.Logo2X
  {
  position: absolute; 
  left: 10px; 
  top: -773px; 
  z-index: 4;
  }
div.LogoText2X
  { 
  font-family: "verdana"; 
  font-size: x-small; 
  color: #000033; 
  position: absolute; 
  left: 30px; 
  width: 120px;
  top: -783px; 
  z-index: 5;
  }
div.SysRequirements
  {
  font-family: "verdana"; 
  font-size: x-small; 
  position: absolute; 
  left: 26px; 
  color: #003;
  top: -120px; 
  width: 120px;
  z-index: 6;
  }
  
/* MIDDLE PANE PRODUCTS PAGE */

div.main
  {
  position: relative; 
  width:785px;
  height:185px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/green_bar.png) no-repeat;
  }
div.main p
  {
  font-family: "verdana"; 
  font-size: x-small; 
  color: white; 
  position: absolute; 
  margin:0px auto;
  left: 170px; 
  top: 22px; 
  width: 348px; 
  z-index:8;
  }
div.superscript
  {
  font-family: "verdana"; 
  font-size: xx-small;
  vertical-align:text-top;
  }
input.btnG { 
  color:#FFF;
  font-family: "verdana";
  text-decoration:underline;
  float:right;
  font-size: small;
  background-color:#9C0; 
  border:0px solid;
  } 
input.btnB { 
  color:#FFF;
  font-family: "verdana"; 
  text-decoration:underline;
  float:right;
  font-size: small;
  background-color:#09F; 
  border:0px solid;
  } 
div.mainXtop
  {
  position: relative; 
  width:785px;
  height:53px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/green_bar_top.png) no-repeat;
  }
div.mainX
  {
  position: relative; 
  width:785px;
  height:400px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/green_bar_middle.png) repeat-y;
  }
div.mainXbottom
  {
  position: relative; 
  width:785px;
  height:75px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/green_bar_bottom.png) no-repeat;
  }
div.mainX p
  {
  font-family: "verdana"; 
  font-size: x-small; 
  color: white; 
  position: absolute; 
  margin:0px auto;
  left: 170px; 
  top: -31px; 
  width: 348px; 
  z-index:8;
  }
div.main2
  {
  position: relative; 
  width:785px;
  height:185px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/blue_bar.png) no-repeat;
  }
div.main2 p
  {
  font-family: "verdana"; 
  font-size: x-small; 
  color: white; 
  position: absolute; 
  margin:0px auto;
  left: 170px; 
  top: 22px; 
  width: 348px; 
  z-index:8;
  }
div.main2Xtop
  {
  position: relative; 
  width:785px;
  height:53px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/blue_bar_top.png) no-repeat;
  }
div.main2X
  {
  position: relative; 
  width:785px;
  height:400px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/blue_bar_middle.png) repeat-y;
  }
div.main2Xbottom
  {
  position: relative; 
  width:785px;
  height:75px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/blue_bar_bottom.png) no-repeat;
  }
div.main2X p
  {
  font-family: "verdana"; 
  font-size: x-small; 
  color: white; 
  position: absolute; 
  margin:0px auto;
  left: 170px; 
  top: -31px; 
  width: 348px; 
  z-index:8;
  }
  
/* MIDDLE PANE OTHER PAGES */

div.pagetop
  {
  position: relative; 
  width:785px;
  height:53px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/pink_bar_top.png) no-repeat;
  }
div.page
  {
  position: relative; 
  width:785px;
  height:370px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/pink_bar_middle.png) repeat-y;
  }
div.page2
  {
  position: relative; 
  width:785px;
  height:630px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/pink_bar_middle.png) repeat-y;
  }
div.page3
  {
  position: relative; 
  width:785px;
  height:500px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/pink_bar_middle.png) repeat-y;
  }
div.page3a
  {
  position: relative; 
  width:785px;
  height:500px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/pink_bar_middle.png) repeat-y;
  }
div.page4
  {
  position: relative; 
  width:785px;
  height:350px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/pink_bar_middle.png) repeat-y;
  }
div.page5
  {
  position: relative; 
  width:785px;
  margin:0px auto;
  top: -91px;
  }
div.pagebottom
  {
  position: relative; 
  width:785px;
  height:75px;
  margin:0px auto;
  top: -75px; 
  background:url(/CSSsite/images/pink_bar_bottom.png) no-repeat;
  }
div.pagebottom3
  {
  position: relative; 
  width:785px;
  height:75px;
  margin:0px auto;
  top: -75px; 
  background:url(/CSSsite/images/pink_bar_bottom.png) no-repeat;
  }
div.pagebottom5
  {
  position: relative; 
  width:785px;
  height:75px;
  margin:0px auto;
  top: -107px; 
  background:url(/CSSsite/images/pink_bar_bottom.png) no-repeat;
  }
div.pagebottom p
  {
  font-family: "verdana"; 
  font-size: x-small; 
  color: #003; 
  position: absolute; 
  margin:auto;
  left: 700px; 
  top: 0px; 
  width: 80px; 
  z-index:8;
  }
div.page p
  {
  font-family: "verdana"; 
  font-size: x-small; 
  color: #003; 
  position: absolute; 
  margin:auto;
  left: 44px; 
  top: -33px; 
  width: 700px; 
  z-index:8;
  }
div.page2 p
  {
  font-family: "verdana"; 
  font-size: x-small; 
  color: #003; 
  position: absolute; 
  margin:auto;
  left: 44px; 
  top: -33px; 
  width: 400px; 
  z-index:8;
  }
div.page3 p
  {
  font-family: "verdana"; 
  font-size: x-small; 
  color: #003; 
  position: absolute; 
  margin:auto;
  left: 44px; 
  top: -33px; 
  width: 700px; 
  z-index:8;
  }
div.page3a p
  {
  font-family: "verdana"; 
  font-size: x-small; 
  color: #003; 
  position: absolute; 
  margin:auto;
  left: 44px; 
  top: -33px; 
  width: 700px; 
  z-index:8;
  }
div.page4 p
  {
  font-family: "verdana"; 
  font-size: medium; 
  color: #003; 
  position: absolute; 
  margin:auto;
  left: 44px; 
  top: -33px; 
  width: 700px; 
  z-index:8;
  }
div.securetop
  {
  position: relative; 
  width:785px;
  height:53px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/grey_bar_top.png) no-repeat;
  }
div.secure
  {
  position: relative; 
  width:785px;
  height:400px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/grey_bar_middle.png) repeat-y;
  }
div.termsConditions
  {
  position: relative; 
  width:785px;
  height:1100px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/grey_bar_middle.png) repeat-y;
  }
div.securebottom
  {
  position: relative; 
  width:785px;
  height:75px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/grey_bar_bottom.png) no-repeat;
  }
div.secure p
  {
  font-family: "verdana"; 
  font-size: x-small; 
  color: #003; 
  position: absolute; 
  margin:auto;
  left: 44px; 
  top: -33px; 
  width: 700px; 
  z-index:8;
  }
div.termsConditions p
  {
  font-family: "verdana"; 
  font-size: x-small; 
  color: #003; 
  position: absolute; 
  margin:auto;
  left: 44px; 
  top: -33px; 
  width: 700px; 
  z-index:8;
  }
div.secure A:link
  {
  text-decoration: underline;
  color: #000033;
  }
div.secure A:visited 
  {
  text-decoration: underline;
  color: #000033;
  }
div.secure A:active 
  {
  text-decoration: underline;
  color: #000033;
  }
div.secure A:hover 
  {
  text-decoration: underline;
  font-weight: normal;
  color: #ff0066;
  }
div.analyse
  {
  font-family: "verdana"; 
  font-size: x-small; 
  color: #003; 
  position: absolute; 
  margin:auto;
  left: 44px; 
  top: -33px; 
  width: 700px; 
  z-index:8;  
  }
div.AdvertX2
  {
  position: relative; 
  left: 500px; 
  top: 0px; 
  width: 200px;
  z-index: 2;
  }
div.recommended-book2
  {
  border:1px solid #09f;
  padding: 0.6em;
  margin: 0.5em 0.5em 0.5em 0.5em;
  position: relative;
  top: 256px; 
  left: 69px; 
  z-index:7;
  }
div.map
  {
  position: absolute; 
  width:283px;
  height:375px;
  margin:0px auto;
  top: 60px; 
  left: 440px; 
  background:url(/CSSsite/images/ukmap011.png) no-repeat;
  z-index:7;
  }
div.graphicWordsquare
  {
  position: absolute;  
  width:300px;
  height:179px;
  margin:0px auto;
  top: 130px; 
  left: 360px; 
  background:url(/CSSsite/images/WordSquare.png) no-repeat;
  z-index:8;
  }
div.graphicWordcross
  {
  position: absolute; 
  width:300px;
  height:179px;
  margin:0px auto;
  top: 350px; 
  left: 360px; 
  background:url(/CSSsite/images/WordCross.png) no-repeat;
  z-index:8;
  }
div.page A:link
  {
  text-decoration: underline;
  color: #000033;
  }
div.page A:visited 
  {
  text-decoration: underline;
  color: #000033;
  }
div.page A:active 
  {
  text-decoration: underline;
  color: #000033;
  }
div.page A:hover 
  {
  text-decoration: underline;
  font-weight: normal;
  color: #ff0066;
  }
div.page2 A:link
  {
  text-decoration: underline;
  color: #000033;
  }
div.page2 A:visited 
  {
  text-decoration: underline;
  color: #000033;
  }
div.page2 A:active 
  {
  text-decoration: underline;
  color: #000033;
  }
div.page2 A:hover 
  {
  text-decoration: underline;
  color: #ff0066;
  }
div.page3 A:link
  {
  text-decoration: underline;
  color: #000033;
  }
div.page3 A:visited 
  {
  text-decoration: underline;
  color: #000033;
  }
div.page3 A:active 
  {
  text-decoration: underline;
  color: #000033;
  }
div.page3 A:hover 
  {
  text-decoration: underline;
  color: #ff0066;
  }
div.page3a A:link
  {
  color: #000033;
  }
div.page3a A:visited 
  {
  color: #000033;
  }
div.page3a A:active 
  {
  color: #000033;
  }
div.page3a A:hover 
  {
  color: #ff0066;
  }
div.page4 A:link
  {
  text-decoration: underline;
  color: #000033;
  }
div.page4 A:visited 
  {
  text-decoration: underline;
  color: #000033;
  }
div.page4 A:active 
  {
  text-decoration: underline;
  color: #000033;
  }
div.page4 A:hover 
  {
  text-decoration: underline;
  color: #ff0066;
  }
div.pagetop A:link
  {
  text-decoration: none;
  color: #000033;
  }
div.pagetop A:visited 
  {
  text-decoration: none;
  color: #000033;
  }
div.pagetop A:active 
  {
  text-decoration: none;
  color: #000033;
  }
div.pagetop A:hover 
  {
  text-decoration: none;
  font-weight:bold;
  color: #ffcc00;
  }
div.pagebottom A:link
  {
  text-decoration: underline;
  color: #000033;
  }
div.pagebottom A:visited 
  {
  text-decoration: underline;
  color: #000033;
  }
div.pagebottom A:active 
  {
  text-decoration: underline;
  color: #000033;
  }
div.pagebottom A:hover 
  {
  text-decoration: underline;
  color: #ff0066;
  }
div.infotop
  {
  position: relative; 
  width:785px;
  height:53px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/gradient_bar_top2.png) no-repeat;
  }
div.info
  {
  position: relative; 
  width:785px;
  height:400px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/gradient_bar_middle2.png) repeat-y;
  }
div.infobottom
  {
  position: relative; 
  width:785px;
  height:75px;
  margin:0px auto;
  top: -86px;  
  background:url(/CSSsite/images/gradient_bar_bottom2.png) no-repeat;
  }
div.info p
  {
  font-family: "verdana"; 
  font-size: x-small; 
  color: #003; 
  position: absolute; 
  margin:auto;
  left: 49px; 
  top: -33px; 
  width: 700px; 
  z-index:8;
  }
  
/* RIGHT PANE PRODUCT PAGE */
  
div.Advert
  {
  position: absolute; 
  left: 560px; 
  top: 14px; 
  width: 200px;
  z-index: 3;
  }
div.try
  { 
  position: absolute; 
  left: 710px; 
  top: 128px; 
  width: 49px;
  z-index: 3;
  }
div.tryText
  { 
  font-family: "verdana"; 
  font-size: x-small; 
  color: white; 
  position: absolute; 
  left: 718px; 
  top: 129px; 
  width: 37px;
  z-index: 4;
  }
div.buy
  { 
  position: absolute; 
  left: 710px; 
  top: 153px; 
  width: 49px;
  z-index: 3;
  }
div.buyText
  { 
  font-family: "verdana"; 
  font-size: x-small; 
  color: white; 
  position: absolute; 
  left: 718px; 
  top: 154px; 
  width: 37px;
  z-index: 4;
  }
div.Features
  {
  font-family: "verdana"; 
  font-size: x-small; 
  position: absolute; 
  left: 560px; 
  color: #003;
  top: -432px; 
  width: 200px;
  z-index: 4;
  }
div.AdvertX
  {
  position: absolute; 
  left: 560px; 
  top: 297px; 
  width: 200px;
  z-index: 2;
  }
div.tryX
  { 
  position: absolute; 
  left: 710px; 
  top: 411px; 
  width: 49px;
  z-index: 2;
  }
div.tryTextX
  { 
  font-family: "verdana"; 
  font-size: x-small; 
  color: white; 
  position: absolute; 
  left: 718px; 
  top: 412px; 
  width: 37px;
  z-index: 3;
  }
div.buyX
  { 
  position: absolute; 
  left: 710px; 
  top: 436px; 
  width: 49px;
  z-index: 2;
  }
div.buyTextX
  { 
  font-family: "verdana"; 
  font-size: x-small; 
  color: white; 
  position: absolute; 
  left: 718px; 
  top: 437px; 
  width: 37px;
  z-index: 3;
  }
  
/* FOOTER */
  
div.footer
  {
  position: relative; 
  width:785px;
  height:45px;
  margin:0px auto;
  top: -75px;  
  background:url(/CSSsite/images/footer.png) no-repeat;
  }
div.footer5
  {
  position: relative; 
  width:785px;
  height:45px;
  margin:0px auto;
  top: -107px;  
  background:url(/CSSsite/images/footer.png) no-repeat;
  }
div.footerText p
  {
  font-family: "verdana"; 
  font-size: xx-small;
  color: #000033; 
  position: absolute; 
  margin:0px auto;
  top: 9px; 
  width: 785px; 
  height:35px;
  z-index:6;
  }
div.footer A:link
  {
  text-decoration: underline;
  color: #000033;
  }
div.footer A:visited 
  {
  text-decoration: underline;
  color: #000033;
  }
div.footer A:active 
  {
  text-decoration: underline;
  color: #000033;
  }
div.footer A:hover 
  {
  text-decoration: underline;
  font-weight: normal;
  color: #ff0066;
  }
div.footer5 A:link
  {
  text-decoration: underline;
  color: #000033;
  }
div.footer5 A:visited 
  {
  text-decoration: underline;
  color: #000033;
  }
div.footer5 A:active 
  {
  text-decoration: underline;
  color: #000033;
  }
div.footer5 A:hover 
  {
  text-decoration: underline;
  font-weight: normal;
  color: #ff0066;
  }
.buttonAsLink
  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	background-color: #ffffff;
	font-weight: bold;
	padding: 1px 0;
	border-width: 0;  
	cursor: pointer;
	}
.buttonAsLink2
  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	background-color: #ffffff;
	padding: 1px 0;
	border-width: 0;  
	cursor: pointer;
	}
  
/* LINKS */
  
A:link
  {
  text-decoration: none;
  color: #ffffff;
  }
A:visited 
  {
  text-decoration: none;
  color: #ffffff;
  }
A:active 
  {
  text-decoration: none;
  color: #ffffff;
  }
A:hover 
  {
  font-weight:normal;
  color: #ffffff;
  }