/* global definitions */

body{
	font-family:arial, sans-serif;
	font-size:13px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
  background-color:#eff6fc;
  background-image:url(../images3/bgBodyStrip2.gif);
  background-repeat:repeat-x;
}

a{
	text-decoration:none;
	color:rgb(143,29,81);
}

a img {
	border:none;
}


ul.standard{
	list-style-type:none; /* prevents temporary bullet appearing while image loads */
	list-style-image:url(../images3/chevron_bullet_sm.gif);
}

/* for ul or li */
.tinyChevron {
	list-style-type:none; /* prevents temporary bullet appearing while image loads */
	list-style-image:url(../images3/chevron_bullet_tiny_trans.gif);
}

.tinyChevron li {
  margin-bottom:5px;
}


/* Standard headings are italic bold */
h1,
h2,
h3,
h4,
h5 {
	font-family:arial, sans-serif;
	font-weight:bold;
	font-style:italic;
	margin:0;
}

h1 {
	font-size:24px;
}

h2 {
	font-size:20px;
}

h3 {
	font-size:17px;
}

h4 {
	font-size:14px;
}

h5 {
	font-size:13px;
}

table {
  margin:0;
  padding:0;
}

/* general stuff.. */

.borderedBox h1,
.widescreenLower h1 {
	font-size:20px;
}
.borderedBox h2,
.widescreenLower h2 {
	font-size:17px;
}
.borderedBox h3,
.widescreenLower h3 {
	font-size:15px;
}

.roundedBox {
  border-radius:18px;
  -moz-border-radius:18px;
  margin:18px;
  border:2px solid rgb(143,29,81);
}

.roundedBox.h1 {
	font-size:20px;
}

.roundedBox.h2 {
	font-size:17px;
}



/* make para follow headings closer */
.widescreenLower h2+p {
  margin-top:4px;
}
.widescreenLower h3+p {
  margin-top:1px;
}

.houseGreyBg,
.greymenu1,
.greymenu2,
.greymenu3 {
	background-color:rgb(165,167,173);
}

.roundedBox h1,
.roundedBox h2,
.roundedBox h3,
a.durationDetails,
.borderedBox h1,
.widescreenLower h1,
.widescreenLower h2,
.widescreenLower h3,
.generalPageHeading h1,
a.inlineMaroon,
.itHeadingBig,
.colorMaroon,
.newsItemHeading,
.newsArchiveItem h2{
  color:rgb(143,29,81);
}

a.inlineMaroon,
a.inlineText {
   text-decoration:underline;
}


/* specific stuff */

/* top div containing b/g image of logo */
.top {
	height:110px; 
  background-color:white;
	background-image:url('../images3/assist_new_logo1_h110_normal.gif');
	background-repeat:no-repeat;
  position:relative;
}

.schedlink1 {
  position:absolute;
  top:10px;
  left:540px;
  font-size:12px;
}

.schedlink2 {
  position:absolute;
  top:50px;
  left:540px;
  font-size:12px;
}
 
.searchb {
  position:absolute;
  top:0;
  left:700px;
}
.searchb {
	margin-top:0px;
}

.topRightSpace {
   height:72px;
   padding-top:15px;
   padding-left:15px;
}

.searchbox {
  margin:0;
  padding-top:2px;
  width:221px;
  height:17px;
  padding-left:8px;
  background-image:url(../images3/bgSearchb.gif);
  background-repeat:no-repeat; /* for ie6 */
  position:relative;
}

.searchbox input {
  border-style:none;
  border-color:white; /* extra needed as border-style:none not 100% for IE */
  border-width:0;
  vertical-align:top;
}

.searchGoButton {
  position:absolute;
  top:0px;
  left:164px;
  color:white;
  font-size:13px;
}

.searchFor {
  font-size:12px;
}

span.searchGoButton {
  margin-left:5px;
  margin-top:1px;
}


/* ------------ new stuff for AKD3 -------------- */

/* Overall framing defining the page width and position */
.frame {
  width:937px;
  height:auto;
  background-color:white; /* needed as the body bg color is used for outside the page */
  margin-left:auto;
  margin-right:auto;
  padding-bottom:6px;
  position:relative;
}

.smallBox {
  font-family: arial, sans-serif;
}

.smallBox td {
  background-color:white;
}

.smallBox .sb {
  height:148px; /* 163 minus any padding */
  width:185px;  /* 218 minus any padding */
  overflow:hidden;
  background-image:url(../images3/bgSmallBox.jpg);
  background-repeat:no-repeat;
  padding-top:20px;
  padding-left:20px;
  padding-right:13px;
  position:relative; /* for absolute positioning of descendant elements */
  font-family:arial, sans-serif;
  font-size:19px; /* for non-heading text */
  font-weight:bold;
}


.newsBox {
  height:418px;
  width:270px;
  background-color:white;
  background-image:url(../images3/bgNewsBox418.jpg);
}

.leftBox {
  height:507px;
  width:270px;
  background-color:white;
  background-image:url(../images3/bgNewsBox507.jpg);
}

.skyBox {
  width:655px;
  height:180px;
}

.boxHeading {
  font-style:normal;
  font-size:19px;
}


.buttonLayer {
  display:block;
  position:absolute;
  color:rgb(240,220,220);
  font-size:11px;
  font-weight:normal;
}

.diploma .buttonLayer {
  top:25px;
  left:360px;
}

.smallBox .buttonLayer {
  top:125px;
  left:90px;
}

.skyBox .buttonLayer {
  top:147px;
  left:528px;
}

.elearningBuyLink .buttonLayer {
  top:50px;
  left:480px;
}

.whatIsE .buttonLayer {
  top:0px;
  left:300px;
}

.buttonLayer span {
  margin-left:15px;
}

.newsBoxHeading {
  padding-top:15px;
  padding-left:20px;
  padding-bottom:0px;
  padding-right:0;
  margin:0;
  color:white;
  font-size:22px;
  font-style:normal;
  font-weight:normal;
}

.newsItem {
  padding-top:10px;
  padding-left:20px;
  padding-right:17px;
}

.newsItemHeading,
.newsArchiveItem h2 {
  font-weight:bold;
  font-size:15px;
  font-style:normal;
  margin-top:20px;
}

.newsItemHeading {
  padding-bottom:0px;
}
.newsArchiveItem h2 {
  padding-bottom:3px;
}

a.more {
  display:block;
  margin-left:180px;
  text-decoration:underline;
}

.menuButton,
.courseMenuButtonSel {
  background-image:url(../images3/buttons/shadyRedTab103.gif);
}

.selectedMenuButton,
.courseMenuButton {
  background-image:url(../images3/buttons/shadynewgreytab103.gif);
}

.secondMenuButton {
  background-image:url(../images3/buttons/shadyDarkTab.gif);
}

.courseMenuButton,
.menuButton,
.selectedMenuButton,
.secondMenuButton,
.courseMenuButton,
.courseMenuButtonSel {
  width:103px;
  height:34px;
  text-align:center;
}

/* The anchor must use all the space in the div, so it can be clicked anywhere. */
.menuTriggerA {
	display:block;
	height:26px;     /* see below */
	width:100%;
  padding-top:8px; /* positions text. Must give height of menuButton when added to height. */
}

.menuTriggerA:link,
.menuTriggerA:visited,
.menuTriggerA:active,
.menuTriggerA:hover {
  color:white;
}

td.menuentry:hover {
   background-color:rgb(146,92,116);
}

.basketTopR {
  color:gray;
  font-size:12px;
  height:22px;
}

.bookNowTopR {
  color:rgb(143,29,81);
  font-size:16px;
  font-weight:bold;
}

a.shopLink {
  text-decoration:underline;
}

.shopLink:visited,
.shopLink:hover, 
.shopLink:active,
.shopLink:link {
  color:gray;
}


/* --------- grey menu bar (links / drop menu triggers) -------- */

.greyMenuItem
{
	height:100%;
  position:relative;
  float:left;
  font-size:12px;
}

/* font size definition is needed for IE6 */
.greymenu1,
.greymenu3 {
  font-size:1px;
}

/* The anchor must use all the space in the div, so it can be clicked anywhere. */

.greyMenuItem a,
.greyMenuItem > span {
  position:absolute;
	display:block;
	height:100%;
	width:100%;
  top:2px;
  left:6px;
	overflow:hidden;
  color:white;
}

.greyMenuItem a:visited,
.greyMenuItem a:active,
.greyMenuItem a:link {
  color:white;
}


/*  ---------   Drop menus  --------  */

div .vline{
  background-color:white;
  height:21px;
  width:1px;
  float:left;
}

.menu a{
	color: white;
	text-decoration: none;
}

.menu{
	font: 12px arial, sans-serif;
  color: white;
	background-color: rgb(143,29,81);
	position: absolute;
	border-collapse:collapse;
  z-index:2;
}

.menuentry {
	border:1px solid rgb(190,170,170);
	height:23px;
	padding:0;
}

.menuentry a{
	display:block;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:3px;
}


.headingrow {
	color:white;
	padding-top:2px;
	padding-top:2px;
	font-family:arial, sans-serif;
	font-size:13px;
  height:24px;
}

/* --------------------------------- Shopping basket table ---------------------------- */



table.intdip .headingrow td,
table.buyitem .headingrow td,
table.checkout .headingrow td,
table.basket .headingrow td {
	padding-top:0;
	padding-bottom:0;
}

.intdip td,
.buyitem td,
.checkout td,
.basket td {
	border:1px solid #a5a7ad;
  padding-top:7px;
  padding-bottom:7px;
}

/* remove borders from header row */
table.intdip tr.headingrow td,
table.buyitem tr.headingrow td,
table.checkout tr.headingrow td,
table.basket tr.headingrow td {
  border:none;
}

/* remove top borders from 2nd row (as = lower border of heading row) */
table.intdip tr.headingrow + tr td,
table.buyitem tr.headingrow + tr td,
table.checkout tr.headingrow + tr td,
table.basket tr.headingrow + tr td {
  border-top:none;
}

/* remove bottom borders */
table.intdip tr.totalrow td, 
table.buyitem tr.totalrow td,
table.checkout tr.totalrow td,
table.basket tr.totalrow td {
  border-bottom:none;
  padding-bottom:17px;
}

/* RH columns.. (intdip has a comment as first child) */
table.intdip tr.totalrow > *:first-child + td + td + td + td + td + td + td ,
table.checkout tr.totalrow > td:first-child + td + td,
table.basket tr.totalrow > td:first-child + td + td {
  border-right:none;
}

table.buyitem tr.totalrow > td:first-child + td + td {
  border-right:none;
}


/* left column */
table.intdip tr > *:first-child + td,
table.buyitem tr > td:first-child, 
table.checkout tr > td:first-child, 
table.basket tr > td:first-child {
  padding-left:18px;
  border-left:none;
}

/* rh column */
table.intdip tr > *:first-child + td + td + td + td + td + td + td,
table.basket tr > td:first-child + td {
  padding-right:10px;
}

/* second column */
table.checkout tr > td:first-child + td {
  padding-right:10px;
}

/* rh column */
table.checkout tr > td:first-child + td + td{
  padding-right:10px;
}

/* space the heading row from the first data row*/
table.buyitem tr.headingrow + tr td {
  padding-top:10px;
}

/* space the heading row from the first data row*/
table.excalend tr.headingrow + tr td {
  padding-top:10px;
}


/* --------------------------------- general pages ---------------------------- */

.borderedBox,
.fullBox {
  background-position:bottom left;
  background-repeat:no-repeat;
}

.borderedBox {
  position:relative;
  background-image:url(../images3/bgCourseBottom2c.jpg);
  padding-left:15px;
  padding-right:15px;
  padding-bottom:16px; 
  padding-top:0;
  min-height:456px;
}

.borderedTop {
  background-image:url(../images3/courseTop2c.jpg);
  background-repeat:no-repeat;
  height:16px;
}

.fullBox {
  background-image:url(../images3/bgBottomBorder901.jpg);
  padding-left:20px;
  padding-right:30px;
  padding-bottom:30px;
  width:851px; /* 901 minus padding */
  min-height:414px;
}

.fullTop {
  background-image:url(../images3/topBorder901.jpg);
  background-repeat:no-repeat;
  height:16px;
}

div.generalPageHeading {
  height:34px;
  padding-top:12px;
  padding-left:36px;
}

/* general style for pages */

.menuHolder {
  padding-left:5px;
  background-color:white;
}

.mainTable {
  background-color:white;
}

.greymenu1 {
  height:3px;
}
.greymenu2 {
  height:21px;
}
.greymenu3 {
  height:4px;
}


/* style for pages with news box on right */
.leftBlock {
  width:631px;
  padding-left:10px;
  padding-right:0px;
  padding-top:12px;
}

/* standard enclosure for newsbox in most pages with news box on RHS (not index) */
.newsBoxOuter {
  padding-left:8px;
  padding-top:6px;
}

/* standard for wide pages (no rh box) */
.widescreenLower {
  padding-left:16px;
}


/* Ts & Cs scrolling box */
div.terms {
   border:1px solid #ccc;
   background-color:transparent;
   padding:6px;
   overflow:auto;
}
div.terms p,
div.terms li {font:normal 11px/15px arial;color:#333;}
div.terms h3 {font:bold 14px/19px arial;color:#000;}
div.terms h4 {font:bold 12px/17px arial;color:#000;}
div.terms strong {color:#000;}

/* Course full (replaces "buy now" link) */

.courseFull {
  font-weight:bold;
}


/* superimposed box */
.superimp {
  position:absolute;
  background-color:rgb(245,250,255);
  border-radius:9px;
  -moz-border-radius:9px;
  padding:6px;
  border:2px solid rgb(143,29,81);
}

