/*		TODO: porsche should actually be a sub corvette.ZR1
* RAM: for microsites
* I'm making general style sheets for each completely new microsite design we have to be
* used with all micros of that type and only something like nebosh.css for styles unique
* to that site
*
* blueSteel is just a name of the layout, nothing to do with colour 
*
* I intend on also using: LeTigre, Ferrari, and Magnum for other layouts
* each complete layout stylesheet will also have several sub styles for colour changes etc.
*/

/*
 -----------------------------------------
| Author: Robin Melville                 |
| Version: 1                             |   
| Date: 24-09-2009                       |   
 -----------------------------------------
*/ 

/* reset styles for consistancy across browsers */
*
{
margin:0;
padding:0;
}

/* 
border 0 seperately to avoid permanently removing them from form elements which cannot
be restored via css again
*/

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

abbr,acronym
{
font-variant:normal;
cursor:help;
}

table
{
border-collapse:collapse;
border-spacing:0;

/* RAM: some browsers render tables in their own styles so we inherit our doc styles instead*/
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
}

/* RAM: next two are similar reason as above */

input,button,textarea,select,optgroup,option
{
font-family:inherit;
font-size:inherit;
font-style:inherit;
font-weight:inherit;
}

address,caption,cite,code,dfn,em,strong,th,var,optgroup
{
font-style:inherit;
font-weight:inherit;
}

del,ins
{
text-decoration:none;
}

li
{
list-style:none;
}

caption,th
{
text-align:left;
}

q:before,q:after
{
content:'';
}

sup
{
vertical-align:super;
/*vertical-align:baseline;*/
}

sub
{
vertical-align:sub;
/*vertical-align:baseline;*/
}

/* 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-color: #fff;
font-size: 62.5%;
font-family: arial,helvetica;
}

/* the change defaulted some browsers to 10px (IE) and others to 12 on headings (Gecko) */
/* set general fonts and watch out for nested ems */

/* we want our font size to be 12 px in general */
#site
{
font-size: 1.2em;
}

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

h1,h2,h3,h4,h5,h6,strong
{
font-weight: bold;
}

/* 26px */
h1
{
font-size:2.16em;
margin-bottom: 0.5em;
}

/* 15px */
h2
{
font-size:1.25em;
margin-bottom: 0.5em;
}

/* 14px */
h3, span.h3
{
font-size:1.16em;
margin-bottom: 0.71em;
}

/* 12px */
h4
{
font-size:1em;
margin-bottom: 0.83em;
}

/* 11px */
h5
{
font-size:0.91em;
margin-bottom: 0.91em;
}

/* 10px */
h6
{
font-size:0.83em;
margin-bottom: 1em;
}

optgroup
{
font-weight:normal;
}

em
{
font-style:italic;
}

del
{
text-decoration:line-through;
}

blockquote,ul,ol,dl
{
margin:1em;
/* fixed left margin to avoid miss aligned on left */
margin-left: 10px;
}

ol,ul,dl
{
/*margin-left:2em;*/
}

ol li
{
list-style:decimal outside;
}

ul li
{
list-style:square outside;
}

dl dd
{
/*margin-left:1em;*/
}

th,td
{
border:1px solid #000;
padding:.5em;
}

caption
{
margin-bottom:.5em;
text-align:center;
}

p,fieldset,table,pre
{
margin-bottom:1em;
}

button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]
{
padding:1px;
}

/* RAM: gives layout to IE elements */
#site .clear
{
_zoom:1;
}

#site .fixIEHeight
{
_height: 1px;
}

/* RAM: clears after floated elements  */
#site .clear:after
{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
line-height:0;
}

/* RAM: old method, still useful for forms and some other places */
#site div.ultraClear,div.ultraClear {
clear: both;
margin: 0px;
border: 0px;
width: 0px;
padding: 0px;
height: 0px;
line-height:0px;
font-size: 0px;
}

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

div#head {
width: 940px;
height: 80px;
padding: 40px 10px 0px 10px
}

div#body {
width: 938px;
padding: 10px 12px 10px 10px;
}

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

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

#extraCol1 {
width: 220px;
padding-bottom: 1px;
margin-right: 10px;
font-size:0.83em;
}

#extraCol1 ul
{
margin:0;
}

/* specificity strong enough to beat default arrows but don't override a ul class :) */
body .extraCol1 ul li
{
list-style:none;
}

#sudo #extraCol1 .forwardChevrons li *
{
font-size: 1.1em;
}

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

#extraCol2 {
width: 130px;
padding: 0px 0px 10px 10px;
text-align: center;
font-size:0.83em;
}

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

div#footer {
height: 206px;
width: 940px;
padding: 20px 10px 10px 10px;
font-size:0.935em;
}

/* nebosh style */

.callForHelp
{
padding-left: 70px;
font-size: 2.2em;
margin-top: 14px;
}

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

#footerLinks div ul
{
padding-top:0;
margin-bottom: 0.5em;
}

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

#footerLinks div dl{
padding-top: 0;
}

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

#footer .ukMap {
width: 96px;
height: 168px;
margin: 7px 49px 0 0;
}

.copyright {
margin-top: 10px;
}

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

#contacts img.wplLogo {
width: 80px;
height: 80px;
border: 0px;
margin: 98px 0px 0px 20px;
}

#head a.h1
{
font-size: 2em;
color: #fff; 
text-decoration: none;
background-color: transparent;
margin-top: 10px;
margin-bottom: 0px;
display: block;
}

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

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

/* used on NEBOSH meet the tutors page */
span.blackH1
{
color: #000;
background-color: transparent;
font-size: 1.27em;
margin-top: 10px;
margin-bottom: 0px;
display: block;
}

#extraCol1 h2 {
font-size: 1.4em;
line-height: 23px;
margin: 0 -8px;
padding-left: 10px;
padding-bottom: 3px;
}

#extraCol1 h3 {
font-size: 1.1em;
line-height: 20px;
margin: 0 -8px;
padding-left: 10px;
padding-bottom: 2px;
}

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

#footer h3 {
color: #fff;
}

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

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;
}

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;
}

.forwardChevrons a {
background-color: transparent;
background-repeat: no-repeat;
background-position: center right;
padding-right: 10px;
}

.reverseChevrons a {
background-color: transparent;
background-repeat: no-repeat;
background-position: center left;
padding-left: 10px;
}

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

ul.blockTick2
{
margin-left: 0px;
}

body #site div ul.blockTick2 li
{
background-color: transparent;
background-repeat: no-repeat;
background-position: 0px 3px;
vertical-align: top;
padding: 5px 0px 5px 25px;
list-style: none;
}

ul.blockTick2 li *
{
margin-top: 0px;
}

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

/* 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;
}

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

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

dt {
margin-top: 5px;
}

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

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;
}

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

body ul.plain li,body ol.plain li,body dl.plain li
{
list-style-type: none;
list-style-image: none;
}

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;
}

#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;
}





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

.floatRight {
float: right;
display: inline; /*IE6 fix*/
}

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

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

/*.greenBoxBigTick*/
.lamborghini .successTickBox
{
background: transparent url("../images/bigSuccessTick.gif") no-repeat left top;
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;
}

#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: 160px;
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
*
*/

/*12px*/
div#nav {
font-size: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;
}

.porsche #nav li
{
padding-left: 10px;
padding-right: 5px;
}

.porsche #nav li.first
{
padding-left: 0px;
}

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

ul#navSecondary
{
clear: both;
position: absolute;
top: 30px;
left: -999em;
z-index: 200;
width: 187px;
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;
}

#nav 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
{
width: 95%;
display: inline-block;
}

#nav a:link, #nav a:visited
{
text-decoration: none;
}

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

#nav a:hover, #nav a.active, #site #nav .active
{
margin-left: -1px;
}

.porsche #nav a:hover, .porsche #nav a.active, .porsche #site #nav .active
{
margin-left: 0px;
}

/* third hierarchy nav  */

#site ul#navSecondary ul
{
clear: both;
position: absolute;
top: -7px;
/*top: 30px;*/
left: -999em;
z-index: 200;
width: 187px;
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
{
border-width: 0px;
margin: 0px;
}

#site ul#navSecondary li a:hover, #site ul#navSecondary li a.active
{
border-width: 0px;
margin: 0px;
}

#site ul#navSecondary li a span.active
{
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;
}

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

.colGirl4
{
background: transparent url("../images/girlGreyBordered220x227.jpg") no-repeat left top;
width: 220px;
height: 227px;
margin: 0;
margin-top: 4px;
}

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
{
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;
}

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

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

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



/***** 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 ******/

/* 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.orange, div.bigDownloadButtonWrapper.orange a
{
background-image: url("../images/bigOrangeDownloadButton.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;
}

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

#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;
}

.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;
}

/* 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;
}

.telephoneIcon
{
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.2em;
}

.porsche .telephoneIcon
{
border-color: #FF4C0F;
}

.smallPurplePhoneBkgd a
{
text-decoration: none;
}

.hr
{
clear: both;
border-bottom: 2px solid #000;
margin: 10px 5px;
}




























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

/* RAM: basics for a round border box */

.bT, .bR, .bB, .bL, .bBR, .bBL, .bTR, .bTL
{
background-color: transparent;
}

.bT, .bB
{
background-repeat: repeat-x;
}

.bL, .bR
{
background-repeat: repeat-y;
}

.bBR, .bBL, .bTR, .bTL
{
background-repeat: no-repeat;
}

/* RAM: add this one last */
.bBR
{
background-position: right bottom;
padding: 10px;
}

.bB, .bBL
{
background-position: left bottom;
}

.bR, .bTR 
{
background-position: right top;
}

.bT, .bL, .bTL
{
background-position: left top;
}

/* RAM: should be the first of the set for rounded border box */
.bT
{
width: 100%;
}

/* */



/*
*
* RAM: set the colours, background images etc. (colour themes)
*
* will use sports car names since a scheme name should not be tied to it's styles; it limits
* future changes and will be meaningless and confusing
*
* corvette, lamborghini, porsche
* 
* sub themes can follow a naming convention for e.g. porsche.911 or lamborghini.diablo
* etc.; not attaching global or sub themes to #site as selector for more flexibility; 
* will allow partial themes
* 
*/

/*
* RAM: LAYOUT
*/

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

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

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

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

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

/* deafault */
#head
{
background-color: #2F95C8;
}

/* RAM: TODO: these image names need to change for something generic; colour maybe */
.corvette #head
{
color: #fff;
background: #2F95C8 url("../images/ioshHeaderBkgd.jpg") repeat-x left bottom;
}

.lamborghini #head
{
color: #fff;
background: #8e1b77 url("../images/NEBOSH2HeaderBkgd.jpg") repeat-x left bottom;
}

.porsche #head
{
color: #fff;
background: #074674 url("../images/consultancyHeaderBkgd.gif") repeat-x left bottom;
}

#body
{
background-color: #fff;
}

/*
* RAM: NAV
* TODO: border width and type should be declared in the layout area
*/

.corvette #nav
{
color: #fff;
background: #E66F1F url("../images/gradientVerticalOrangeDropS.gif") repeat-x left bottom;
}

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

.porsche #nav
{
color: #1383d6;
background: #fff url("../images/gradientVerticalGreyDropS.gif") repeat-x left bottom;
}

.porsche #nav li
{
background: transparent url("../images/bulletBlue5x5.gif") no-repeat left center;
}

.porsche #nav li.first
{
background-image: none;
}

/* wierd orange */
.corvette ul#navSecondary
{
border: 2px solid #FC9650;
background-color: #fff;
}

/* green */
.lamborghini ul#navSecondary
{
border: 2px solid #94d600;
background-color: #fff;
}

/* blue */
.porsche ul#navSecondary
{
border: 2px solid #1383d6;
background-color: #fff;
}

.porsche ul#navSecondary li
{
background-image: none;
}

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

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

.porsche #nav a:link, .porsche #nav a:visited
{
color: #1383d6;
border: none;
}

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

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

/* orange */
.porsche #nav a:hover, .porsche #nav a.active, .porsche div#nav .active
{
color: #ff6600;
}

/* third hierarchy nav  */

/* orange */
.corvette #nav ul#navSecondary ul
{
background-color: #fff;
border: 2px solid #FC9650;
}

/* green */
.lamborghini #nav ul#navSecondary ul
{
background-color: #fff;
border: 2px solid #94d600;
}

.porsche #nav ul#navSecondary ul
{
background-color: #fff;
border: 2px solid #1383d6;
}

#site ul#navSecondary li a:link, #site ul#navSecondary li a:visited
{
color: #000;
background-color: transparent;
}

/* orange */
.corvette #nav ul#navSecondary li a:hover, .corvette #nav ul#navSecondary li a.active
{
color: #fff;
background: #E66E1E url("../images/gradientVerticalOrange.gif") repeat-x left top;
}

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

/* blue */
.porsche #nav ul#navSecondary li a:hover, .lamborghini #nav ul#navSecondary li a.active
{
color: #fff;
background: #1383d6 url("../images/gradientHorizBlueWhiteBorderWhiteGreyBkgd.gif") repeat-x left center;
}

#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;
}

/* RAM: end of nav */

/* default */
#footer
{
background-color: #3399cc;
}

.corvette #footer
{
color: #fff;
background: #3399cc url("../images/gradientBlueBkgd.gif") repeat-x left top;
}

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

.porsche #footer
{
color: #fff;
background: #1b97f2 url("../images/gradientDarkBlueBkgd.gif") repeat-x left top;
}

#footer .logoWrapper {
background-color: #fff;
}

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

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

/* shade of blue */
.corvette h2, .corvette h3, .corvette span.h3,
.porsche h2
{
color: #086FA5;
}

.porsche h3, .porsche span.h3
{
color: #000;
}

/* purple */
.lamborghini h2, .lamborghini h3, .lamborghini span.h3
{
color: #8e1b77;
}

#extraCol1 h2
{
color: #000;
background-repeat: none;
background-position: left top;
}

/*
* RAM: this style of h2 only really gets used on boxes with lists of links with chevrons
*/

.lamborghini #extraCol1 .forwardChevrons h2
{
color: #fff;
background-color: #94d600;
background-image: url("../images/gradientGreenHorizBorderWhiteGreyBkgdTall.gif");
}

.corvette #extraCol1 .forwardChevrons h2
{
color: #fff;
background-color: #75badb;
background-image: url("../images/gradientHorizBlueWhiteBorderWhiteGreyBkgd.gif");
}

.porsche #extraCol1 .forwardChevrons h2
{
color: #fff;
background-color: #0099cc;
background-image: url("../images/gradBlueHoriz1x26.gif");
}

#extraCol1 h3
{
color: #000;
background-repeat: none;
background-position: left top;
}

.lamborghini #extraCol1 .forwardChevrons h3
{
color: #fff;
background-color: #94d600;
background-image: url("../images/gradientGreenHorizBorderWhiteGreyBkgd.gif");
}

.corvette #extraCol1 .forwardChevrons h3
{
color: #fff;
background-color: #75badb;
background-image: url("../images/gradientHorizBlueWhiteBorderWhiteGreyShortBkgd.gif");
}

.porsche #extraCol1 .forwardChevrons h3
{
color: #fff;
background-color: #0099cc;
background-image: url("../images/gradBlueHoriz1x22.gif");
}

/*
* RAM: LINKS
*/

/*
* RAM: div.lamborghini is an example of how a partial theme can be created
* for lamborghini styles within say corvette global theme declared on the body element, 
* and purpleToGreenChevrons would override the partial still for more specificity
*/

.lamborghini .forwardChevrons a:link,
.lamborghini .forwardChevrons a:visited,
div.lamborghini .forwardChevrons a:link,
div.lamborghini .forwardChevrons a:visited,
body .forwardChevrons.purpleToGreenChevrons a:link,
body .forwardChevrons.purpleToGreenChevrons a:visited
{
background-image: url("../images/chevronPurple.gif");
}

.lamborghini .forwardChevrons a:hover,
body .forwardChevrons.purpleToGreenChevrons a:hover
{
background-image: url("../images/chevronGreen.gif");
}

.corvette .forwardChevrons a:link,
.corvette .forwardChevrons a:visited,
.porsche .forwardChevrons a:link,
.porsche .forwardChevrons a:visited,
body .forwardChevrons.blueToOrangeChevrons a:link,
body .forwardChevrons.blueToOrangeChevrons a:visited
{
background-image: url("../images/chevronBlue.gif");
background-color: greem !important;
}

.corvette .forwardChevrons a:hover,
.porsche .forwardChevrons a:hover,
body .forwardChevrons.blueToOrangeChevrons a:hover
{
background-image: url("../images/chevronOrangeLight.gif");
}

.corvette .reverseChevrons a:link,
.corvette .reverseChevrons a:visited,
.porsche .reverseChevrons a:link,
.porsche .reverseChevrons a:visited,
body .reverseChevrons.blueToOrangeChevrons a:link,
body .reverseChevrons.blueToOrangeChevrons a:visited
{
background-image: url("../images/reverseChevronBlue.gif");
}

.corvette .reverseChevrons a:hover,
.porsche .reverseChevrons a:hover,
body .reverseChevrons.blueToOrangeChevrons a:hover
{
background-image: url("../images/reverseChevronOrangeLight.gif");
}

.lamborghini .reverseChevrons a:link,
.lamborghini .reverseChevrons a:visited,
body .reverseChevrons.purpleToGreenChevrons a:link,
body .reverseChevrons.purpleToGreenChevrons a:visited
{
background-image: url("../images/reverseChevronPurple.gif");
}

.lamborghini .reverseChevrons a:hover,
body .reverseChevrons.purpleToGreenChevrons a:hover
{
background-image: url("../images/reverseChevronGreen.gif");
}

/*
* RAM: LISTS
*/

/* 
* RAM: styles with body selector override global colour scheme set by car name scheme
* body div (more than likely #site) selector overrides for individual li element
*/

/*
* E.g.
* .corvette      = global or partial scheme
* body ul...     = specific ul
* body div ul... = specific li element (this helps a lot with nested lists like on sitemap)
*/

/* RAM: arrows are our default; if that fails the basic styles at the top of this file take affect */
/* RAM: TODO: all arrows 6x9 except purple which should be changed */
.lamborghini ul li,
body ul.purpleArrows li,
#sudo ul li.purpleArrow
{
/* 5x7 */
list-style-image: url("../images/arrowPurple.gif");
}

.corvette ul li,
body ul.blueArrows li,
#sudo ul li.blueArrow
{
list-style-image: url("../images/arrowBlue.gif");
}

.porsche ul li,
body ul.orangeArrows li,
#sudo ul li.orangeArrow
{
list-style-image: url("../images/arrowOrange.gif");
}

.carSchemeNameHere ul li,
body ul.whiteArrows li,
#sudo ul li.whiteArrow
{
list-style-image: url("../images/arrowWhite.gif");
}

.carSchemeNameHere ul li,
body ul.blackArrows li,
#sudo ul li.blackArrow
{
list-style-image: url("../images/arrowBlack.gif");
}

/* RAM: TODO: get consistancy in images sizes here once more */ 

.corvette ul.blockList1 li,
.porsche ul.blockList1 li,
body ul.blockList1.orangeBlocks li,
body div ul.blockList1 li.orangeBlock
{
list-style-image: url("../images/orangeDot6px.gif");
}

.lamborghini ul.blockList1 li,
body ul.blockList1.greenBlocks li,
body div ul.blockList1 li.greenBlock
{
list-style-image: url("../images/squareGreen7x7.gif");
}

/*
* RAM: no longer differentiating by size in class name; make it generic
* else if we change the image then boom; we'll use version number at the end
* if v2 is smaller than v1 and v3 is larger than v1 and v2 that's too bad
* image size is in image file name
*/

/* RAM: TODO: other versions not available and not in use yet */
.lamborghini ul.blockTick1 li,
body ul.blockTick1.greenTicks li,
body div ul.blockTick1 li.greenTick
{
list-style-image: url("../images/squareGreenTick13x13.gif");
}

.corvette ul.blockTick2 li,
body ul.blockTick2.orangeTicks li,
body div ul.blockTick2 li.orangeTick
{
background-image: url("../images/squareOrangeTick19x20.gif");
}

.lamborghini ul.blockTick2 li,
body ul.blockTick2.greenTicks li,
body div ul.blockTick2 li.greenTick
{
background-image: url("../images/squareGreenTick19x20.gif");
}

.porsche ul.blockTick2 li,
body ul.blockTick2.blueTicks li,
body div ul.blockTick2 li.blueTick
{
background-image: url("../images/squareBlueTick19x20.gif");
}

/*
* RAM: TABLES
*/

/* blue */
.corvette table.listComparisonTable th
{
background-color: transparent;
color: #086FA5;
}

/* purple */
.lamborghini table.listComparisonTable th
{
background-color: transparent;
color: #7A015F;
}

/* blue */
.porsche table.listComparisonTable th
{
background-color: transparent;
color: #086FA5;
}

/*
* RAM: TEXT
*/

.blueText, #sudo .corvette .color1, #sudo .porsche .color1
{
color: #086FA5;
background-color: transparent;
}

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

/* RAM: 2 shades of purple used for lamborghini */
/*
#7A015F
#8e1b77
*/
.purpleText, #sudo .lamborghini .color1
{
color: #7A015F;
background-color: transparent;
}

/* RAM: used on cipd for e.g. was called orangeText as well */
.orangeLightText
{
color: #ED9601;
background-color: transparent;
}

/* reddish orange used on fire-safety for e.g. */
.orangeText, #sudo .corvette .color2, #sudo .porsche .color2
{
color: #FF4C0F;
background-color: transparent;
}

.greenText, #sudo .lamborghini .color2
{
color: #A0D922;
background-color: transparent;
}

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

/* green border box */

.greenBorder1.bT,
.greenBorder1 .bR,
.greenBorder1 .bB,
.greenBorder1 .bL
{
background-image: url("../images/greenDot3px.gif");
}
.greenBorder1 .bBR
{
background-image: url("../images/greenbbBR.gif");
}
.greenBorder1 .bBL
{
background-image: url("../images/greenbbBL.gif");
}
.greenBorder1 .bTR
{
background-image: url("../images/greenbbTR.gif");
}
.greenBorder1 .bTL
{
background-image: url("../images/greenbbTL.gif");
}
/*
.greenbbBL
.greenbbBR
.greenbbTL
.greenbbTR
.greenbbTop
.greenbbBottom
.greenbbLeft
.greenbbRight
*/

/* blue border box */

.blueBorder1.bT,
.blueBorder1 .bR,
.blueBorder1 .bB,
.blueBorder1 .bL
{
background-image: url("../images/blueDot3px.gif");
}
.blueBorder1 .bBR
{
background-image: url("../images/bluebbBR.gif");
}
.blueBorder1 .bBL
{
background-image: url("../images/bluebbBL.gif");
}
.blueBorder1 .bTR
{
background-image: url("../images/bluebbTR.gif");
}
.blueBorder1 .bTL
{
background-image: url("../images/bluebbTL.gif");
}
/*
.bluebbBL
.bluebbBR
.bluebbTL
.bluebbTR
.bluebbTop
.bluebbBottom
.bluebbLeft
.bluebbRight
*/

/* grey border box 2px width */

.greyBorder1.bT,
.greyBorder1 .bR,
.greyBorder1 .bB,
.greyBorder1 .bL
{
background-image: url("../images/greyDot2px.gif");
}
.greyBorder1 .bBR
{
background-image: url("../images/greyBorderBoxBr.gif");
}
.greyBorder1 .bBL
{
background-image: url("../images/greyBorderBoxBl.gif");
}
.greyBorder1 .bTR
{
background-image: url("../images/greyBorderBoxTr.gif");
}
.greyBorder1 .bTL
{
background-image: url("../images/greyBorderBoxTl.gif");
}

/*
.greyDotX2pxTop
.greyDotX2pxBottom
.greyDotY2pxLeft
.greyDotY2pxRight
.greyBorderDsBoxBr
.greyBorderDsBoxBl
.greyBorderDsBoxTl
.greyBorderDsBoxTr
*/

/* white container background required because DS not png */

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

.whitedsBorder1.bT
{
background-image: url("../images/dropsbTop.gif");
}
.whitedsBorder1 .bR
{
background-image: url("../images/dropsbRight.gif");
}
.whitedsBorder1 .bB
{
background-image: url("../images/dropsbBottom.gif");
}
.whitedsBorder1 .bL
{
background-image: url("../images/dropsbLeft.gif");
}
.whitedsBorder1 .bBR
{
background-image: url("../images/brdropsbwhite.gif");
}
.whitedsBorder1 .bBL
{
background-image: url("../images/bldropsbwhite.gif");
}
.whitedsBorder1 .bTR
{
background-image: url("../images/trdropsbwhite.gif");
}
.whitedsBorder1 .bTL
{
background-image: url("../images/tldropsbwhite.gif");
}

/* 
* TODO: RAM: whole set not yet available
* overriding needed
* blue container background required because DS not png
*/

.bluedsBorder1 .bBL, body .bBL.bluedsBorder1
{
background-image: url("../images/bllightblue.gif");
}

.bluedsBorder1 .bBR, body .bBR.bluedsBorder1
{
background-image: url("../images/brlightblue.gif");
}

/*
.dropsbBottom
.dropsbLeft
.dropsbRight
.brdropsbwhite
.bldropsbwhite
.trdropsbwhite
.tldropsbwhite
.dropsbTop
*/

/* 
* TODO: RAM: whole set not yet available
* overriding needed
*/
/* plain white bottom round corners */

.whiteBorder1.bT,
.whiteBorder1 .bR,
.whiteBorder1 .bB,
.whiteBorder1 .bL
{
/*background-image: url("../images/.gif");*/
}
.whiteBorder1 .bBR, body .bBR.whiteBorder1
{
background-image: url("../images/brwhite.gif");
}
.whiteBorder1 .bBL, body .bBL.whiteBorder1
{
background-image: url("../images/blwhite.gif");
}
.whiteBorder1 .bTR
{
/*background-image: url("../images/.gif");*/
}
.whiteBorder1 .bTL
{
/*background-image: url("../images/.gif");*/
}

/*
.brwhite
.blwhite
*/

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

/* 2px border */

.orangeBorder1.bT,
.orangeBorder1 .bR,
.orangeBorder1 .bB,
.orangeBorder1 .bL
{
background-image: url("../images/orangeDot2px.gif");
}
.orangeBorder1 .bBR
{
background-image: url("../images/brob2pxwhite.gif");
}
.orangeBorder1 .bBL
{
background-image: url("../images/blob2pxwhite.gif");
}
.orangeBorder1 .bTR
{
background-image: url("../images/trob2pxwhite.gif");
}
.orangeBorder1 .bTL
{
background-image: url("../images/tlob2pxwhite.gif");
}
/*
.orangeDotX2pxTop
.orangeDotX2pxBottom
.orangeDotY2pxLeft
.orangeDotY2pxRight
.brob2pxwhite
.blob2pxwhite
.tlob2pxwhite
.trob2pxwhite
*/

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

/* blue */
.corvette a:link,
.corvette a:visited,
.porsche a:link,
.porsche a:visited
{
background-color: transparent;
color: #076BA4;
}

/* purple */
.lamborghini a:link,
.lamborghini a:visited
{
background-color: transparent;
color: #8e1b77;
}

/* orange */
.corvette a:hover,
.porsche a:hover
{
background-color: transparent;
color: #ED9601;
}

/* green */
.lamborghini a:hover
{
background-color: transparent;
color: #94d600;
}

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

/* orange */
.corvette #footer a:hover,
.porsche #footer a:hover
{
background-color: transparent;
color: #FFE719;
}

/* purple */
.lamborghini #footer a:hover
{
background-color: transparent;
color: #94d600;
}
/*
TODO: not sure what the active stuff is doing here; think it was default stuff
a.active,li.active a, #footer a:hover
{
background-color: transparent;
color: #FFE719;
}

a.active,li.active a, #footer a:hover
{
background-color: transparent;
color: #94d600;
}
*/
body a.blackToBlueLink:link, body a.blackToBlueLink:visited
{
color: #000;
}

body a.whiteToOrangeLink:link, body a.whiteToOrangeLink:visited
{
color: #fff;
}

body a.whiteToOrangeLink:hover
{
color: #ED9601;
}

body a.blackToBlueLink:hover
{
color: #0099CD;
}

body a.blackToPurpleLink:link, body a.blackToPurpleLink:visited
{
color: #000;
}

body a.whiteToGreenLink:link, body a.whiteToGreenLink:visited
{
color: #fff;
}

body a.whiteToGreenLink:hover
{
color: #94d600;
}

body a.whiteToPurpleLink:link, body a.whiteToPurpleLink:visited
{
color: #fff;
}

body a.blackToPurpleLink:hover, body a.whiteToPurpleLink:hover
{
color: #8e1b77;
}

.porsche .hr
{
border-top-color: #FFB786;
border-bottom-color: #FFD4B7;
}

.corvette .hr
{
/* yet another blue */
border-top-color: #6CA4C3;
border-bottom-color: #6CA4C3;
}

.lamborghini .hr
{
/* green */
border-top-color: #94d600;
border-bottom-color: #94d600;
}