body {
background: #EFC8E7 url("../images/whitePinkGradBkgd.gif") repeat-x fixed left top;
}

div#head {
width: 940px;
background: #8e1b77 url("../images/neboshHeaderBkgd2.jpg") no-repeat left top;
height: 120px;
padding: 0 10px 0 10px;
}

#main
{
font-size: 1.1em;
}

#site h1.green
{
color: #A0D922;
}

h2, h3.h2
{
color: #8e1b77;
background-color: transparent;
font-size: 1.4em;
margin-top: 10px;
margin-bottom: 0px;
display: block;
}

h3, span.h3, h2.h3
{
color: #000;
margin-top: 10px;
}

#extraCol1 h2 {
background: #94d600 url("../images/gradientGreenHorizBorderWhiteGreyBkgdTall.gif") no-repeat left top;
}

#extraCol1 h2.purple
{
background-image: none;
color: #7A015F;
background-color: transparent;
font-size: 1.6em;
}

#extraCol1 h3 {
background: #94d600 url("../images/gradientGreenHorizBorderWhiteGreyBkgd.gif") no-repeat left top;
}

div#nav {
background: #94d600 url("../images/gradientVerticalGreenDropS.gif") repeat-x left bottom;
}

ul#navSecondary
{
border: 2px solid #94d600;
}

#nav a:hover, #nav a.active, #site #nav .active
{
background-color: #CDEB8A;
background-image: none;
color: #8e1b77;
border-left: 1px solid #94d600;
border-right: 1px solid #94d600;
}

#site ul#navSecondary ul
{
border: 2px solid #94d600;
}

#site ul#navSecondary li a:hover, #site ul#navSecondary li a.active
{
background: #94d600 url("../images/gradientVerticalGreen.gif") repeat-x left top;
}

div#footer {
background: #8e1b77 url("../images/gradientBlackPurpleBkgd.gif") repeat-x left top;
}

#site .buttonPurpleGradientStriped167x35
{
width: 147px;
height: 25px;
padding: 8px 0px 0px 18px;
background: transparent url("../images/buttonPurpleGradientStriped167x35.png") no-repeat left top;
}

/********** LINKS ***********/

a:link,a:visited {
background-color: transparent;
color: #8e1b77;
}

a:hover {
background-color: transparent;
color: #94d600;
}

#footer a:link,#footer a:visited
{
background-color: transparent;
color: #fff;
}

a.active,li.active a, #footer a:hover
{
background-color: transparent;
color: #94d600;
}

.forwardChevron a:link,.forwardChevron a:visited {
background: transparent url("../images/chevronPurple.gif") no-repeat center right;
}

.forwardChevron a:hover {
background: transparent url("../images/chevronGreen.gif") no-repeat center right;
}

.reverseChevron a:link,.reverseChevron a:visited {
background: transparent url("../images/reverseChevronPurple.gif") no-repeat center left;
}

.reverseChevron a:hover {
background: transparent url("../images/reverseChevronGreen.gif") no-repeat center left;
}

/** RAM: I cant be bothered to change this to pyLink for the new colour scheme **/

#site a.bpLink:link, #site a.bpLink:visited
{
color: #000;
}

#site a.bpLink:hover
{
color: #8e1b77;
}

#site a.wgLink:link, #site a.wgLink:visited
{
color: #fff;
}

#site a.wgLink:hover
{
color: #94d600;
}

#site a.wpLink:link, #site a.wpLink:visited
{
color: #fff;
}

#site a.wpLink:hover
{
color: #8e1b77;
}

/***** RAM: LISTS *****/

ul
{
list-style: square outside url("../images/arrowPurple.gif");
}

ul.greenBlockList, li.greenBlockList
{
list-style: square outside url("../images/squareGreen7x7.gif");
}

/* RAM: used only in terms and conditions at the moment 
this is done to get the numbers coloured
*/
ol
{
color: #8e1b77;
font-weight: bold;
}

ol p 
{
color: #000;
font-weight: normal;
}

/***** RAM: TABLES *******/

#site table thead {
border-color: #8e1b77;
}

/* IE border */
#site table th {
border-color: #8e1b77;
}

#site table tr {
border-color: #8e1b77;
}

/* IE border */
#site table td {
border-color: #8e1b77;
}

/***** RAM: GENERAL ******/

/* blue text is now purple */
.blueText
{
color: #8e1b77;
}

.girlOnGrassZeroMargin
{
background: transparent url("../images/NEBOSH2girlOnGrass.jpg") no-repeat left top;
width: 219px;
height: 168px;
margin: 0;
margin-top: 4px;
}

.colPerson5
{
background: transparent url("../images/ELCstudent.jpg") no-repeat left top;
width: 219px;
height: 168px;
margin: 0;
margin-top: 4px;
}

/* RAM sprite buttons */

a.spriteButton.greenButtonSprite:link, a.spriteButton.greenButtonSprite:visited
{
background: #94D600 url("../images/greenButtonSprite.gif") no-repeat left top;
width: 161px;
height: 30px;
padding: 8px 5px 0px 18px;
text-decoration: none;
}

a.spriteButton.purpleButtonSprite:link, a.spriteButton.purpleButtonSprite:visited, a.spriteButton.yellowButtonSprite:link, a.spriteButton.yellowButtonSprite:visited
{
background: #8E1B77 url("../images/purpleButtonSprite.gif") no-repeat left top;
width: 206px;
height: 33px;
padding: 10px 5px 0px 18px;
text-decoration: none;
}

a.spriteButton.yellowButtonSprite:link, a.spriteButton.yellowButtonSprite:visited
{
background: #FCF065 url("../images/yellowButtonSprite.gif") no-repeat left top; 
}

a.spriteButton.purpleButtonSprite:active, a.spriteButton.yellowButtonSprite:active
{
background-position: -229px top;
}

a.spriteButton.greenButtonSprite:active
{
background-position: -184px top;
}

/* RAM: button used for submit on download and findmycourse page */

div.inputButtonYellow
{
width: 229px;
height: 43px;
margin: 41px 5px 0 5px;
background: transparent url("../images/yellowButtonSprite.gif") no-repeat -229px top;
}

a.inputButtonYellow
{
/* 
* RAM: inline-block fixes a double left margin bug in IE6 and IE7 (occurs even without floating)
* the extra margin gets applied to the input element inside
* this gets an extra 3px on the bottom of this element in IE8 (floating can resolve)
*/
display: inline-block;
text-decoration: none;
width: 229px;
}

a.inputButtonYellow input
{
display: block;
border: 0;
height: 43px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left top;
font-size: 1.6em;
font-weight: bold;
padding-bottom: 3px;
}

a.inputButtonYellow input
{
width: 229px;
}

a.inputButtonYellow input
{
background-image: url("../images/yellowButtonSprite.gif");
}

a.inputButtonYellow:hover input 
{
background-image: none;
}

/* RAM: big download buttons */

div.bigDownloadButtonWrapper, div.bigDownloadButtonWrapper a
{
width: 202px;
height: 202px;
background-repeat: no-repeat;
background-color: transparent;
}

div.bigDownloadButtonWrapper.green, div.bigDownloadButtonWrapper.green a
{
background-image: url("../images/bigGreenDownloadButton.gif");
}

div.bigDownloadButtonWrapper.yellow, div.bigDownloadButtonWrapper.yellow a
{
background-image: url("../images/bigYellowDownloadButton.gif");
}

div.bigDownloadButtonWrapper
{
background-position: -202px top;
}

div.bigDownloadButtonWrapper a
{
display: inline-block;
background-position: left top;
}

div.bigDownloadButtonWrapper a:hover
{
background-image: none;
}

.stackImageLeft
{
float: left;
display: inline;
margin-right: 10px;
}

#site .noTopMargin
{
margin-top: 0px;
}

#pscroller1{
height: 220px;
}

ol, .purpleDecimalList
{
list-style: decimal outside;
}

ol.purpleDecimalList
{
color: #7A015F;
background-color: transparent;
}

ol.purpleDecimalList li div
{
color: #000;
}

.bold, .bold p
{
font-weight: bold;
}

#site .orangeText
{
color: #FF4C0F;
background-color: transparent;
}

.greenText
{
color: #A0D922;
}

ul.greenBlockTick
{
list-style: square outside url("../images/squareGreenTick13x13.gif");
}

#site ul.greenBlockTick19x20
{
list-style: square outside url("../images/squareGreenTick19x20.gif");
list-style: none;
list-style-image: none;
margin-left: 0px;
}

#site #main ul.greenBlockTick19x20 li
{
background: transparent url("../images/squareGreenTick19x20.gif") no-repeat 0px 3px;
vertical-align: top;
padding: 5px 0px 5px 25px;
}

#site #main ul.greenBlockTick19x20 li *
{

}

#main a
{
text-decoration: none;
}

.greenAudio
{
background: transparent url("../images/greenAudio.gif") no-repeat left top;
padding-left: 80px;
}

.greenVideo
{
background: transparent url("../images/greenVideo.gif") no-repeat left top;
padding-left: 80px;
}

.WPLMagazine27
{
background: transparent url("../images/WPLMagazine27.jpg") no-repeat left top;
padding-left: 130px;
height: 130px;
}

#site .listComparisonTable td
{
text-align: left;
padding: 5px 3px 3px 0px;
vertical-align: top;
border: 0px;
}

#site table.listComparisonTable th
{
color: #7A015F;
background-color: transparent;
text-align: left;
vertical-align: top;
white-space: nowrap;
font-size: 1.1em;
font-weight: bold;
padding: 5px 3px 2px 3px;
border: 0px;
}

#site table.listComparisonTable tr
{
border: 0px;
}

#site table.listComparisonTable thead
{
border: 0px;
}

#site .listComparisonTable ul
{
margin-left: 10px;
padding-top: 0px;
}

.lightGreenBkgd, table .lightGreenBkgd th
{
background-color: #E4F5C2;
}

.guyOnGrass
{
background: transparent url("../images/guyOnGrass175pxw.gif") no-repeat left bottom;
padding-bottom: 182px;
}

.buildingBlocks
{
background: transparent url("../images/buildingBlocks.gif") no-repeat right bottom;
padding-bottom: 148px;
}

/* green border box */

.greenbbBL
{
background: transparent url("../images/greenbbBL.gif") no-repeat left bottom;
}

.greenbbBR
{
background: transparent url("../images/greenbbBR.gif") no-repeat right bottom;
}

.greenbbTL
{
background: transparent url("../images/greenbbTL.gif") no-repeat left top;
}

.greenbbTR
{
background: transparent url("../images/greenbbTR.gif") no-repeat right top;
}

.greenbbTop
{
background: transparent url("../images/greenDot3px.gif") repeat-x left top;
}

.greenbbBottom
{
background: transparent url("../images/greenDot3px.gif") repeat-x left bottom;
}

.greenbbLeft
{
background: transparent url("../images/greenDot3px.gif") repeat-y left top;
}

.greenbbRight
{
background: transparent url("../images/greenDot3px.gif") repeat-y right top;
}

.purpleText
{
color: #7A015F;
background-color: transparent;
}

#site .col1, .col1
{
float: left;
display: inline; /*IE6 fix*/
}

/* BUTTONS */

#site .buttonYellowToOrangeStriped211x45, #site .buttonPurpleToTurquoiseStriped211x45, .buttonYellowToOrangeStriped211x45
{
width: 191px;
height: 31px;
padding: 14px 0px 0px 20px;
} 

#site .buttonYellowToOrangeStriped169x47
{
background: transparent url("../images/buttonYellowToOrangeStriped169x47.png") no-repeat left top;
}

#site input.buttonYellowToOrangeStriped169x47, 
#site .buttonYellowToOrangeStriped169x47, 
#site input.buttonYellowToOrangeStriped211x45, input.buttonYellowToOrangeStriped211x45
{
width: 169px;
height: 47px;
border: none;
display: block;
margin: 0 auto;
padding: 0 0 0 0;
font-size: 1.6em;
font-weight: bold;
cursor: hand;
}

#site input.buttonYellowToOrangeStriped211x45, input.buttonYellowToOrangeStriped211x45
{
width: 211px;
}

#site .buttonYellowToOrangeStriped169x47
{
width: 169px;
height: 37px;
padding: 14px 0px 0px 0px;
text-align: center;
}

#site .buttonYellowToOrangeStriped211x45, .buttonYellowToOrangeStriped211x45
{
background: transparent url("../images/buttonYellowToOrangeStriped211x45.png") no-repeat left top;
}

#site .buttonPurpleToTurquoiseStriped211x45
{
background: transparent url("../images/buttonPurpleToTurquoiseStriped211x45.png") no-repeat left top;
}

/**/

#loginComponent table td, #loginComponent table th
{
text-align: left;
padding: 0px;
}

#loginComponent table th, #loginComponent table tr, #loginComponent table td
{
border: 0px !important;
}

#site .col2, .col2
{
float: right;
display: inline; /*IE6 fix*/
}

.greenBoxBigTick
{
background: transparent url("../images/bigSuccessTick.gif") no-repeat left top;
width: 230px;
padding-top: 215px;
}

.smallPurplePhoneBkgd
{
background: transparent url("../images/callUs.gif") no-repeat 3px center;
text-align: left;
height: 48px;
border: 2px solid #7A015F;
padding: 3px 3px 3px 42px;
font-weight: bold;
font-size: 1.1em;
}

.smallPurplePhoneBkgd a
{
text-decoration: none;
}

/*
button differences
.button
{
padding: 17px 0px 0px 21px;
height: 26px;
width: 180px;
margin: 0px 0px 0px 5px;
}
*/

/*
*
* SITE UPDATES: LAYOUT CHANGES
* Date: 29-09-2011
*
*/

#head a.h1 {
margin-top: 37px;
}

#headLogo {
width: 340px;
margin-top: 19px;
margin-right: -15px;
}

.fromOnly629
{
background: transparent url("../images/fromOnly629.png") no-repeat left top;
width: 110px;
height: 110px;
}

#extraCol1 {
margin-top: 19px;
}

#extraCol2 {
margin-top: 26px;
}