/*
 -----------------------------------------
| Author: Robin Melville                 |
| Version: 1                             |   
| Date: 21-11-2008                       |   
 -----------------------------------------
*/ /* 
border 0 permanently removes default appearances of form elements such as radio buttons and
can never be restored via css rules

will add these as we go; padding should be fine; margin only effects the blockquote which we can fix afterwards; border is the main problem with form elements
*/
* {
margin: 0;
padding: 0;
}

img,blockquote,acronym,abbr {
border: 0px;
}

/* this sets the pixel height to 10px throughout the document, to be moderated by using 'em'*/
/* the font size % allows us to easily control the typography throughout the site */
body {
background: #D3EDFA url("../images/whiteBlueGradBkgd.gif") repeat-x fixed left top;
font-size: 62.5%;
font-family: Arial;
}

/* RAM: replicating the NEBOSH site for some split testing */
body.altLayout
{
background-color: #D1D1D1;
background-image: none;
}

/* This technique is courteous of Richard Rutter  */
/* the change defaulted some browsers to 10px (IE) and others to 12 on headings (Gecko) */
/* the following standardises some mishaps caused by our font-sizing*/
/*
*
* TYPOGRAPHY
*
*/
h1
{
font-size: 2.4em;
}

/* RAM: for the altLayout */
h2.h1, h1.blue, span.blackH1, h1.green, #head a.h1
{
color: #ED9601;
background-color: transparent;
font-size: 1.4em;
margin-top: 10px;
margin-bottom: 0px;
display: block;
}

#head a.h1
{
margin-top: 27px;
font-size: 2.4em;
color: white; 
text-decoration: none;
}

span.blackH1
{
color: #000;
}

h1.blue
{
color: #086FA5;
font-size: 2em;
margin-top: 0px;
}

h1.blue span
{
color: #929292;
font-size: 0.6em;
font-weight: normal;
}

h2 {
font-size: 1.8em;
}

h2.whiteBlueBkgd
{
color: #fff;
background-color: #2F95C8;
font-size: 1.6em;
padding: 5px 10px;
margin-bottom: 20px;
}

#extraCol1 h2 {
color: #fff;
font-size: 1.4em;
line-height: 23px;
margin: 0 -8px;
padding-left: 10px;
padding-bottom: 3px;
background: transparent url("../images/gradientHorizBlueWhiteBorderWhiteGreyBkgd.gif") no-repeat left top;
}

body.altLayout #extraCol1 h2
{
color: #086FA5;
background-color: transparent;
background-image: none;
}

body.altLayout form h2
{
margin-top: 0px;
}

h3, span.h3, h2.h3, h2 
{
font-size: 1.2em;
margin-top: 10px;
color: #086FA5;
background-color: transparent;
}

span.h3
{
display: block;
font-weight: bold;
border-bottom: 2px solid #ccc;
padding-bottom: 5px;
}

#extraCol1 h3 {
color: #fff;
font-size: 1.1em;
line-height: 20px;
margin: 0 -8px;
padding-left: 10px;
padding-bottom: 2px;
background: transparent url("../images/gradientHorizBlueWhiteBorderWhiteGreyShortBkgd.gif") no-repeat left top;
}

#extraCol2 h3 {
margin-top: 0px;
color: #676767;
}

#footer h3 {
color: #fff;
}

p {
font-size: 1.1em;
margin-top: 10px;
}

/* equivalent of small html tag */
.smallText {
font-size: 0.9em;
}

.font11 {
font-size: 1.1em;
}

.font17
{
font-size: 1.7em;
}

div#site .topTag {
margin-top: 0px;
padding-top: 0px;
}

blockquote {
margin: 5px 0px 0px 15px;
padding: 0px 0px 5px 10px;
vertical-align: top;
font-size: 1.1em;
}

blockquote cite {
font-size: 0.8em;
color: #939393;
font-style: normal;
}

blockquote p {
font-size: 1em;
margin: 0px 0px 5px 0px;
}

#site .pushLeft {
margin-left: 0px;
padding-left: 0px;
}

.blueText
{
color: #086FA5;
background-color: transparent;
}

.redText {
color: #F22;
background-color: transparent;
}

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

.orangeText {
color: #ED9601;
background-color: transparent;
}

input,select,tr,td,textarea {
font-size: 1em;
}

select
{
width: 130px;
font-weight: bold;
}

select option
{
padding: 1px 4px;
}

input.text,textarea.text {
font-size: 1.1em;
font-family: arial;
font-weight: normal;
border: 1px solid #898989;
padding-left: 2px;
width: 176px;
/* IE auto does this and cant be changed; im setting other browsers to the same */
margin: 1px 0px;
}

input.text {
height: 15px;
}

textarea.text {
width: 168px;
height: 120px;
padding: 5px;
}

label {
font-size: 1.1em;
font-weight: bold;
height: 15px;
/* padding to help align labels and input; see input styles */
padding: 2px 0px;
margin-right: 15px;
}

li label {
font-size: 1em;
}

.normalLabelFont label {
font-weight: normal;
}

acronym {
border: 0px;
}

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

a:link,a:visited {
background-color: transparent;
color: #076BA4;
}

a:hover {
background-color: transparent;
color: #ED9601;
}

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

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

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

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

#site a.woLink:hover
{
color: #ED9601;
}

#site a.bbLink:hover
{
color: #0099CD;
}

.forwardChevron a {
padding-right: 10px;
}

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

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

.reverseChevron a {
padding-left: 10px;
}

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

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

/**/ /*
*
* LISTS
*
*/

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

#site ul.orangeBlockList,#site .orangeBlockList {
list-style: square outside url("../images/orangeDot6px.gif");
}

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

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

#site #main ul.orangeBlockTick19x20 li p
{
margin-top: 0px;
}

ol {
list-style: decimal outside;
}

ol,ul,dl {
margin: 0px 0px 0px 15px;
padding: 10px 0px 0px 10px;
vertical-align: top;
font-size: 1.1em;
border: 0px;
}

dt {
margin-top: 5px;
}

dl.dtLeftddRight dt
{
margin-top: 0px;
float: left;
display: inline;
width: 150px;
}

#fmluShop dl {
border-bottom: 1px dotted #513776;
padding-bottom: 10px;
}

li ul,li ol {
font-size: 1em;
padding: 5px 0px 5px 10px;
}

/*IE6 specificity sucks*/
ol *,ul *,dl *,#site ol *,#site ul *,#site dl * {
font-size: 1em;
}

ol p,ul p,dl p {
font-size: 1em;
}

ul.plain,ol.plain,dl.plain {
list-style-type: none;
list-style-image: none;
margin-left: 0px;
padding-left: 0px;
}

ul.plainHorizontalList,ul.plainHorizontalList li,ol.plainHorizontalList,ol.plainHorizontalList li,dl.plainHorizontalList dd,dl.plainHorizontalList dt
{
display: inline;
vertical-align: bottom;
margin: 0px;
padding: 0px;
}

.plainHorizontalList.grey {
background-color: transparent;
color: #A6A6A5;
font-size: 1.1em;
font-weight: bold;
}

#site .plainHorizontalList.grey li {
border-right: 1px solid #A6A6A5;
padding: 0px 5px;
}

#site .plainHorizontalList.grey li.last {
border-right: 0px;
padding-right: 0px;
}

.plainHorizontalList.grey li.active {
background-color: transparent;
color: #513776;
}

ul.horizontalList {
list-style-type: none;
list-style-image: none;
}

.horizontalList li {
list-style-type: none;
float: left;
display: inline;
margin: 2px 0px 0px 0px;
padding: 0px;
white-space: nowrap;
}

.horizontalList.addGaps li {
margin-right: 20px;
}

.horizontalList li a,.horizontalList li span.a {
border-right: 1px solid #fff;
padding: 0px 8px 1px 8px;
font-weight: bold;
float: left;
display: inline;
text-decoration: none;
}

.horizontalList li.first
{
margin-left: 0px;
}

.horizontalList li.first a
{
border-left: 0px;
padding-left: 0px;
}

.horizontalList.purple {
background-color: transparent;
color: #513776;
}

.horizontalList.purple li a,.horizontalList.purple li span.a,.horizontalList.purple li.first a
{
border-color: #513776;
}

.horizontalList.purple li a.active {
color: #A6A6A5;
}

ul.chevronList li
{
margin-left: 50px;
}

ul.chevronList li a
{
border-left: 0px;
font-weight: normal;
text-decoration: underline;
}

/**/ /*
*
* TABLES
*
* #site used to stop the lightbox code from including borders in its table layout
*/
table {
font-size: 1.1em;
width: 100%;
border-collapse: collapse;
margin-top: 10px;
}

/* sf calendar aqua theme */
.calendar table
{
width: auto;
margin-top: 0px;
}

#site table * {
font-size: 1em;
}

#site table.boldLinks a
{
font-weight: bold;
}

#site table thead {
font-weight: bold;
text-align: center;
border-bottom: 2px solid #086FA5;
}

/* IE border */
#site table th {
padding: 10px 3px;
border-bottom: 2px solid #086FA5;
}

#site table tr {
border-bottom: 1px dotted #086FA5;
}

/* IE border */
#site table td {
padding: 10px 3px;
border-bottom: 1px dotted #086FA5;
vertical-align: top;
}

table td {
text-align: center;
}

table td.first,table th.first {
text-align: left;
}

#programme table {
border-collapse: collapse;
}

#programme table th,#programme table td,#programme table tr {
text-align: left;
border-bottom: 3px solid #fff;
}

#programme table div {
overflow: hidden;
}

/**/ /*
*
* ROUNDED CORNER BOXES
*
*/

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

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

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

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

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

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

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

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

/* these are for a rounded drop shadow border; the container div must have a white background*/

/* px for each part of border different width; 2px right and bottom; 6px left border; no top left needed at this stage or top*/

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

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

.dropsbRight
{
background: transparent url("../images/dropsbRight.gif") repeat-y right top;
}
/*
.brdropsbwhite
{
background: transparent url("../images/brdropsbwhite.gif") no-repeat right bottom;
}
*/
.brdropsbwhite
{
background: transparent url("../images/brlightblue.gif") no-repeat right bottom;
}
/*
.bldropsbwhite
{
background: transparent url("../images/bldropsbwhite.gif") no-repeat left bottom;
}
*/
.bldropsbwhite
{
background: transparent url("../images/bllightblue.gif") no-repeat left bottom;
}

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

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

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

/* these are for a rounded orange border; the container div must have a white background*/

/* 2px border */

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

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

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

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

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

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

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

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

/* plain white bottom round corners */

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

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

/**/ /*
*
* MAIN LAYOUT
*
*/
div#site {
margin: 0 auto;
/* will make 968 later when i put new drop shadow images in */
width: 980px;
}

body.altLayout div#site {
width: 820px;
}

.leftDrop {
background: transparent url("../images/outerDropshadowLeft.png") repeat-y left top;
}

.rightDrop {
background: transparent url("../images/outerDropshadowRight.png") repeat-y right top;
}

div#head {
width: 940px;
height: 110px;
background: #2F95C8 url("../images/ioshHeaderBkgd2.jpg") no-repeat left top;
padding: 10px 10px 0;
color: #fff;
}

#site #head a.h1 .h1style1
{
font-size: 2em;
font-family: "arial black";
font-weight: normal;
}

#site #head a.h1 .h1style2
{
font-size: 0.8em;
font-weight: normal;
padding-left: 5px;
font-family: Arial;
}

#main
{
font-size: 1.1em;
}

body.altLayout div#head
{
background-color: #2386BD;
background-image: none;
width: 800px;
height: 125px;
}

body.altLayout #head span.h1
{
display: block;
color: #fff;
background-color: transparent;
font-family: "arial black";
font-size: 3.3em;
margin: 50px 0px 0px 5px;
}

body.altLayout #head ul.horizontalList
{
float: right;
display: inline;
margin-right: 40px;
}

body.altLayout #head ul.horizontalList li a:link, body.altLayout #head ul.horizontalList li a:visited
{
color: #fff;
background-color: transparent;
border-left-color: #fff;
text-decoration: underline;
}

body.altLayout #head ul.horizontalList li a:hover
{
color: #ED9601;
}

body.altLayout #site #body ul.orangeBlockTick19x20.font17 li
{
padding-top: 0px;
}

div#body {
background-color: #fff;
width: 938px;
padding: 10px 12px 10px 10px;
}

body.altLayout div#body {
width: 800px;
background: #D3EDFA url("../images/whiteBlueGradBkgd.gif") repeat-x fixed left top;
padding: 0px 0px 20px 0px;
}

#main {
width: 538px;
margin-right: 20px;
}

body.altLayout div#main {
background: transparent url("../images/largeAudioIconOrange.gif") no-repeat left 190px;
width: 552px;
margin-right: 0px;
padding: 15px 0px 0px 14px;
}

#main.twoColLayout {
width: 728px;
}

div#main > *:first-child {
margin-top: 0px;
}

#extraCol1 {
width: 220px;
padding-bottom: 1px;
margin-top: 18px;
margin-right: 10px;
}

body.altLayout #extraCol1 {
background: transparent url("../images/smileyFaceOrange.gif") no-repeat -50px 201px;
width: 226px;
padding: 20px 0px 0px 8px;
margin-right: 0px;
float: right;
display: inline;
}

/* TODO: there is a problem making the smiley dissapear for some reason on the chooseCourse page!! */

body.altLayout div#extraCol1.nosmiley
{
background-image: none;
}



.smileyFace
{
background: transparent url("../images/smileyFaceOrange.gif") no-repeat 502px 186px;
}

#extraCol1 img {
margin-top: 10px;
}

#extraCol2 {
width: 130px;
padding: 0px 0px 10px 10px;
margin-top: 23px;
text-align: center;
}

#extraCol2 img {
display: block;
margin: 15px auto 0 auto;
}

div#footer {
background: #3399CC url("../images/gradientBlueBkgd.gif") repeat-x left top;
color: #fff;
height: 206px;
width: 940px;
padding: 20px 10px 10px 10px;
}

body.altLayout div#footer {
clear: both;
width: 800px;
height: 92px;
border-top: 1px solid #6F6F6F;
background-color: white;
background-image: none;
padding: 0px;
color: #000;
} 

body.altLayout div#footer.addPromotion
{
height: 115px;
}

.callForHelp
{
background: transparent url("../images/bluePhone.gif") no-repeat left top;
padding-left: 70px;
font-size: 2.2em;
margin-top: 14px;
}

#footerLinks div {
width: 190px;
margin-right: 10px;
height: 190px;
}

#footerLinks div ul li{
margin-bottom: 0.5em;
}


#footer .logoWrapper {
background-color: #fff;
width: 100px;
height: 100px;
padding: 2px;
margin-top: 68px;
}

#footer .ukMap {
width: 96px;
height: 168px;
margin: 7px 49px 0 0;
background: transparent url("../images/ukMapPNGwhite.png") no-repeat left top;
}

.copyright {
margin-top: 2px;
}

#site div.ultraClear,div.ultraClear {
clear: both;
margin: 0px;
border: 0px;
width: 0px;
padding: 0px;
height: 0px;
}

#contacts img,#speakers img {
border: 1px solid #665E79;
margin-right: 17px;
}

#contacts img.wplLogo {
width: 80px;
height: 80px;
border: 0px;
padding: 8px 3px 2px 0;
}

/**/ /*
*
* GENERAL STYLES
*
*/
.floatLeft {
float: left;
display: inline;
}

.floatRight {
float: right;
display: inline;
}

.downloadBkgd {
background: transparent url("../images/downloadBkgd.gif") no-repeat right top;
min-height: 305px;
}

.bigTickBox
{
background: transparent url("../images/blueSuccessTick.gif") no-repeat left top;
width: 235px;
padding-top: 223px;
}

body.altLayout .bigTickBox
{
width: 230px;
padding-top: 215px;
}

.soldOut
{
color: #ff0000;
font-weight: bold;
font-size: 1.6em;
}

/*
*****
*/

/* BUTTONS */

/* RAM: note: some of these values are different from NEBOSH
because of the size of buttonBlueGradientStriped168x33
it helps align the text within the buttons
margin left on the alt layout to align with girlongrass img
*/

.button
{
display: block;
background-color: transparent;
font-weight: bold;
font-size: 1.2em;
padding: 6px 5px 0px 15px;
margin: 0px;
cursor: hand;
}

body.altLayout .button
{
margin: 0px 0px 0px 5px;
}

/* sf calendar aqua theme */
.calendar .button
{
display: table-cell;
font-size: 11px;
padding: 2px;          /* Make the buttons seem like they're pressing */
}

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

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

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

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

#site 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
{
width: 211px;
}

/**/


/*
* FORM ERROR AREA
*/

div.wplFormErrorArea {
clear: both;
}

div.wplFormErrorArea ul {
margin-left: 5px;
}

div.wplFormErrorArea ul li {
color: red;
list-style: none;
font-size: 1em;
margin: 2px 0px 2px 10px;
padding: 0px 0px 5px 18px;
background: transparent url("../images/validatedBad.gif") no-repeat left top;
}

.labelsLeftFieldsRight label
{
float: left;
display: inline;
}

.labelsLeftFieldsRight input, .labelsLeftFieldsRight textarea, .labelsLeftFieldsRight select
{
float: right;
display: inline;
}

/**/

/* for scroller */
#pscroller1{
width: 100%;
height: 155px;
margin-top: 5px;
}

/* FUNKY LANDING PAGE LINKS */

#site a.bigYellowBlockLink
{
display: block;
cursor: hand;
}

#site #body a.bigYellowBlockLink:link, #site a.bigYellowBlockLink:visited
{
color: #000;
background-color: #fff;
text-decoration: none;
}

#site #body a.bigYellowBlockLink:hover
{
color: #000;
background-color: #f6f933;
}

.progressBarLevel1
{
background: transparent url("../images/progressBarLevel1.png") no-repeat left top;
width: 155px;
height: 41px;
display: block;
margin: 5px 0px 0px -5px;
}

.progressBarLevel2
{
background: transparent url("../images/progressBarLevel2.png") no-repeat left top;
width: 155px;
height: 41px;
display: block;
margin: 5px 0px 0px -5px;
}

.progressBarLevel3
{
background: transparent url("../images/progressBarLevel3.png") no-repeat left top;
width: 155px;
height: 41px;
display: block;
margin: 5px 0px 0px -5px;
}

/**/

/*
*
* NAVIGATION
*
*/

div#nav {
background: #E66F1F url("../images/gradientVerticalOrangeDropS.gif") repeat-x left top;
color: #fff;
font-size: 1.1em;
font-weight: bold;
width: 910px;
height: 33px;
padding: 0 40px 0 10px;
}

ul#navPrimary
{
height: 33px;
padding:0px;
margin: 0px;
}

ul#navPrimary li
{
height: 30px;
line-height: 27px;
margin: 0px;
padding: 3px 0px 0px 0px;
position: relative;
}

ul#navPrimary li a
{
padding: 0px 5px;
margin: 0px;
}

ul#navSecondary
{
clear: both;
position: absolute;
top: 30px;
left: -999em;
z-index: 200;
width: 187px;
border: 2px solid #FC9650;
background-color: #fff;
padding: 5px 0px;
margin: 0px 0px 0px -1px;
}

#site ul#navPrimary li:hover ul#navSecondary,
#site ul#navPrimary li.sfhover ul#navSecondary
{
left: 0em;
}

#site ul#navPrimary li.sfhide ul#navSecondary
{
left: -999em;
}

ul#navSecondary li
{
width: 187px;
height: 17px;
padding: 0px;
margin: 0px;
/*
height: 30px;
line-height: 27px;
margin: 0px;
padding: 3px 0px 0px 0px;
*/
position: relative;
}

ul#navSecondary li a
{
width: 172px;
border-width: 0px;
padding: 0px 0px 0px 15px;
margin: 0px;
line-height: normal;
height: auto;

/*
padding: 0px 5px;
margin: 0px;
*/
}

ul#navSecondary li a span
{
background: transparent url("../images/arrowBlack.gif") no-repeat right 2px;
width: 95%;
display: inline-block;
}

#nav a:link, #nav a:visited
{
background-color: transparent;
color: #fff;
text-decoration: none;
border-right: 1px solid #fff;
}

/* RAM: 3rd one becuase IE6 sucks */

#nav a:hover, #nav a.active, #site #nav .active
{
background: transparent url("../images/gradientVertWhiteOrange27px.gif") repeat-x left top;
color: #0099CD;
border-left: 1px solid #EB9153;
border-right: 1px solid #EB9153;
margin-left: -1px;
}

/* third hierarchy nav  */

#site ul#navSecondary ul
{
clear: both;
position: absolute;
top: -7px;
/*top: 30px;*/
left: -999em;
z-index: 200;
width: 187px;
border: 2px solid #FC9650;
background-color: #fff;
padding: 5px 0px;
margin: 0px 0px 0px -2px;
}

#site ul#navSecondary li:hover ul,
#site ul#navSecondary li.sfhover ul
{
/*left: 0em;*/
left: 189px;
}

#site ul#navSecondary li.sfhide ul
{
left: -999em;
}

#site ul#navSecondary ul li
{
width: 187px;
height: 17px;
padding: 0px;
margin: 0px;
}

#site ul#navSecondary ul li a
{
width: 172px;
border-width: 0px;
padding: 0px 0px 0px 15px;
margin: 0px;
line-height: normal;
height: auto;
}

#site ul#navSecondary li a:link, #site ul#navSecondary li a:visited
{
color: #000;
background-color: transparent;
border-width: 0px;
margin: 0px;
}

#site ul#navSecondary li a:hover, #site ul#navSecondary li a.active
{
color: #fff;
background: #E66E1E url("../images/gradientVerticalOrange.gif") repeat-x left top;
border-width: 0px;
margin: 0px;
}

#site ul#navSecondary li a:hover span 
{
background: transparent url("../images/arrowWhite.gif") no-repeat right 2px;
}

#site ul#navSecondary li a span.active
{
color: #fff;
background: transparent url("../images/arrowWhite.gif") no-repeat right 2px;
border-width: 0px;
margin: 0px;
}

/* */

.girlOnGrass
{
background: transparent url("../images/girlOnGrassBlueBorder.png") no-repeat left top;
width: 204px;
height: 159px;
margin: 0px 0px 0px 7px;
}

.girlOnGrass2
{
background: transparent url("../images/girlOnGrass2.jpg") no-repeat left bottom;
padding-bottom: 190px;
}

div#extraCol1Bottom
{
height: 260px;
padding: 0px 17px 0px 13px;
}

div#extraCol1Bottom h2
{
margin: 0px;
padding: 0px;
border-bottom: 1px solid #ED9601;
}

.iconGroup
{
background: transparent url("../images/groupIconsOrange.gif") no-repeat left 16px;
}

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

#site table.listComparisonTable th
{
color: #086FA5;
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;
}

.lightBlueBkgd, #site table .lightBlueBkgd th
{
background-color: #D0E3F4;
}

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

.h1style1 {
line-height: 0.8em;
}
.h1style2 {
line-height: 1.9em;
}

#headLogo {
width: 340px;
margin-top: 9px;
}

#headLogo a {
display: block;
width: 250px;
height: 55px;
}

#headLogo p {
height: 25px;
background: transparent url("../images/telephone25x25.png") no-repeat left center;
margin: 7px 0 0 2px;
padding: 0 0 0 30px;
}

#headLogo strong {
font-size: 1.9em;
}

#headLogo span {
font-size: 1.3em;
}

#mainBottom {
margin-top: 15px;
}

#footerLogo {
width: 240px;
height: 168px;
background: transparent url("../images/ukMapPNGwhite.png") no-repeat left top;
padding: 2px;
margin-top: 15px;
}

#footerLogo img {
margin: 20px 0 0 74px;
}