@charset "iso-8859-1";

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CSS RESET
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

* {
	margin: 0; padding: 0; border: 0; text-decoration: none; list-style: none; outline: none;
}

div#iewarning {
padding: 20px 20px 20px 72px;
background: #ffffff url('../Images/warning.png') 20px center no-repeat;
margin: 0px 0 10px 0;
}

div#iewarning p {
font-size: 12px; line-height: 18px; margin: 0;
}

div#iewarning p a {
color: #333333; text-decoration: none; border-bottom: #333333 1px solid;
}

div#iewarning p a:hover {
color: #000000; border-bottom: #000000 1px solid;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TYPOGRAPHY
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

body, input, textarea, table { font-family: Arial, Helvetica, sans-serif; font-size: 62.5%/18px; font-size: 60%; color: #333333; }

div.Content h2 { font-size: 2.4em; margin-bottom: 18px; text-align: left; }
div.Content h3 { font-size: 1.6em; margin-bottom: 18px; margin-top: 36px; }
div.Content h4 { font-size: 1.4em; margin-bottom: 18px; }
div.Content h5 { font-size: 1.2em; margin-bottom: 18px; }
div.Content h6 { font-size: 1.2em; margin-bottom: 18px; }

div.Content p { font-size: 1.2em; margin-bottom: 10px; line-height: 18px; }
div.Content p strong { font-weight: bold; color: #000000; }
div.Content p.Intro { line-height: 18pxem; font-size: 1.4em; }

div.Content a { color: #A27A24; border-bottom: #A27A24 1px solid; }
div.Content a:hover { color: #0099cc; border-bottom: #0099cc 1px solid; }

div.Content a strong { color: #A27A24; border-bottom: #A27A24 1px solid; }
div.Content a:hover strong { color: #0099cc; border-bottom: #0099cc 1px solid; }


div.Content p.Crumbs { font-size: 1.1em; margin-bottom: 18px; }

div.Content p.Crumbs span.ContactLink { float: right; position: relative; z-index: 10; font-weight: bold; }
div.Content p.Crumbs span.ContactLink a { color: #A27A24; border-bottom: 0; }
div.Content p.Crumbs span.ContactLink a:hover { color: #000; }


h2.Title span {
	display: none;
}

h2.Title.WhatWeDo {
	margin-bottom: 36px; display: block; width: 219px; height: 27px; background: url('../Images/header_whatwedo.png');
}

h2.Title.Testimonials {
	margin-bottom: 36px; display: block; width: 221px; height: 27px; background: url('../Images/header_testimonials.png');
}

h2.Title.Products {
	margin-bottom: 36px; display: block; width: 162px; height: 27px; background: url('../Images/header_products.png');
}

h2.Title.Contact {
	margin-bottom: 36px; display: block; width: 197px; height: 28px; background: url('../Images/header_contactus.png');
}

h2.Title.Map{
	margin-bottom: 36px; display: block; width: 78px; height: 34px; background: url('../Images/header_map.png');
}

h2.Title.News {
	margin-bottom: 36px; display: block; width: 224px; height: 27px; background: url('../Images/header_latestnews.png');
}

h2.Title.Privacy {
	margin-bottom: 36px; display: block; width: 243px; height: 34px; background: url('../Images/header_privacy.png');
}

h2.Title.Terms {
	margin-bottom: 36px; display: block; width: 394px; height: 28px; background: url('../Images/header_terms.png');
}

h2.Title.FAQ {
	margin-bottom: 36px; display: block; width: 105px; height: 30px; background: url('../Images/header_faq.png');
}

h2.Title.Sitemap {
	margin-bottom: 36px; display: block; width: 148px; height: 35px; background: url('../Images/header_sitemap.png');
}

h2.Title.Login {
	margin-bottom: 36px; display: block; width: 95px; height: 34px; background: url('../Images/header_login.png');
}

h2.Title.NA {
	margin-bottom: 18px; display: block; width: 470px; height: 25px; background: url('../Images/header_na.png');
}

h2.Title.Wex {
	margin-bottom: 18px; display: block; width: 376px; height: 24px; background: url('../Images/header_wex.png');
}

h2.Title.Lms {
	margin-bottom: 18px; display: block; width: 369px; height: 24px; background: url('../Images/header_lms.png');
}

h2.Title.Bespoke {
	margin-bottom: 18px; display: block; width: 391px; height: 23px; background: url('../Images/header_bespoke.png');
}

h2.Title.Accessibility {
	margin-bottom: 18px; display: block; width: 218px; height: 34px; background: url('../Images/header_accessibility.png');
}



h2.Title.Overview {
	margin-bottom: 18px; display: block; width: 300px; height: 19px; background: url('../Images/header_14-19.png');
}

h2.Title.Cap {
	margin-bottom: 18px; display: block; width: 433px; height: 23px; background: url('../Images/header_cap.png');
}

h2.Title.Ilp {
	margin-bottom: 18px; display: block; width: 335px; height: 24px; background: url('../Images/header_ilp.png');
}

h2.Title.AreaProspectus {
	margin-bottom: 18px; display: block; width: 201px; height: 23px; background: url('../Images/header_area-prospectus.png');
}

h2.Title.ReportingSuite {
	margin-bottom: 18px; display: block; width: 182px; height: 24px; background: url('../Images/header_reporting-suite.png');
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* MISCELLANEOUS
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
	background: #323840 url('../Images/body.jpg') 0 0 repeat-x scroll; margin: 10px 0 10px 0;
}

div.Container {
	width: 980px; padding: 0; margin: 0px auto; background: url('../Images/ContainerMiddle.png') 0 0 repeat-y scroll; position: relative;
}

div.ContainerHeader {
	width: 980px; height: 20px; margin: 0 auto; background: #647484 url('../Images/ContainerHeader.png') 0 0 no-repeat scroll; position: absolute; top: 0px; left: 0; z-index: 5;
}

div.ContainerBottom {
	width: 980px; height: 20px; margin: 0 auto; background: #647484 url('../Images/ContainerBottom.png') 0 0 no-repeat scroll; position: absolute; bottom: 0px; left: 0; z-index: 10;
}

div.ContainerBottomDark {
	width: 980px; height: 20px; margin: auto; background: #323840 url('../Images/ContainerBottom.png') 0 0 no-repeat scroll; position: absolute; bottom: 0px; left: 0; z-index: 10;
}

div.MainBody {
	width: 960px; margin: 0px auto 0; background: transparent url('../Images/MainBody.jpg') center 20px no-repeat;
}

div.Padding {
	padding: 40px 55px 40px 55px;
}

div.Border {
	background: url('../Images/white50.png') 0 0 repeat scroll; padding: 5px;
}

.Clearfix { /* IE Fix */
	zoom: 1; display: block;
}

.Clearfix:after { 
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

hr {
	border-top: #999 1px solid; border-bottom: #fff 1px solid; margin: 20px 0;
}

div#FlashContent {
	width: 850px;
	height: 302px;
	margin: auto;
}

div.NoScript {
	background: red;
	padding: 10px;
}

div.NoScript {
	text-align: center;
	color: #ffffff;
	font-size: 1.4em;
}

del { text-decoration: line-through !important; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HEADER
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Header {
	width: 960px; margin: 0px auto;
}

div.HPadding {
	padding: 25px 55px;
}

div.Header h1.Logo span {
	display: none;
}

div.Header h1.Logo a {
	float:left; display: block; width: 158px; height: 32px; background: url('../Images/na-logo.png') 0 0 no-repeat;
}

div.Header ol.Nav {
	float: right; line-height: 32px;
}

div.Header ol.Nav li {
	float: left; margin: 0 0 0 32px; font-size: 1.4em;
}

div.Header ol.Nav li a {
	color: #666; padding: 0 0px;
}

div.Header ol.Nav li a:hover {
	color: #000000; border-bottom: #000000 0px solid;
}

div.Box {
	background: url('../Images/white50.png') 0 0 repeat scroll; padding: 20px 10px; position: relative;
}

div.Header ol.Nav li.Selected a {
	color: #000 !important; font-weight: bold;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* FOOTER
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Footer {
	margin-top: 20px; border-top: #ddd 0px solid; padding-top: 20px; padding-left: 15px; padding-right: 15px;
}

div.Footer p {
	font-size: 1.1em !important; margin: 0 !important;
}

div.Footer p.FloatLeft {
	float: left; font-weight: bold;
}

div.Footer p.FloatRight {
	float: right; margin-right: -5px !important;
}

div.Footer p a { margin: 0 5px; border-bottom:0; }

/*div.Footer p  a {
	color: #333333; border-bottom: 0;
}

div.Footer p a:hover {
	color: #000000;
}*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* HOME PAGE
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.IntroBox {
	float: left; width: 535px;
}

div.IntroBox h2 {
	font-size: 2.4em;
}

div.IntroBox p {
	font-size: 1.2em; line-height: 18px;
}

a.feed span {
	display: none;
}

a.feed {
	position: absolute; top: 8px; right: 10px; display: block; width: 20px; height: 20px; background: url('../Images/feed.png') 0 0 no-repeat;
}

a.feed:hover {
	background-position: 0 -20px;
}

div.HomeBox {
	width: 254px; height: 380px; margin: 0px 20px 0 0; position: relative; float: left;
}

div.HomeBoxPadding {
	padding: 10px 10px; height: 322px; background: url('../Images/SidebarMiddle.png') 0 0 repeat-y;
}

div.HomeBox h2 {
	font-size: 14px;  margin-bottom: 0px; background: url('../Images/SidebarHeader.png') 0 0 no-repeat; color: #fff; height: 36px; line-height: 36px; padding: 0 10px;
}

div.HomeBoxSubHeader {
	background: url('../Images/SidebarSubHeader.png') 0 0 no-repeat; width: 254px; height: 12px; position: relative;
}

div.HomeBoxFooter {
	background: url('../Images/SidebarFooter.png') 0 0 no-repeat; width: 254px; height: 12px; position: relative;
}

div.HomeBox ul { margin: 0 0 20px 20px; }
div.HomeBox ul li { margin: 0 0 5px 0; font-size: 1.2em; padding: 1px 0 2px 0; list-style: outside url(../Images/Icons/Custom/HelpTick.png); }
div.HomeBox textarea { height: 80px; }
div.HomeBox input#Submit { margin: 0; }

ul.Tick { margin: 0 0 20px 20px; }
ul.Tick li { margin: 0 0 5px 0; font-size: 1.2em; padding: 1px 0 2px 0; list-style: outside url('../Images/Icons/Custom/HelpTick.png'); }
ul.Go { margin: 0 0 20px 20px; }
ul.Go li { margin: 0 0 5px 0; font-size: 1.2em; padding: 1px 0 2px 0; list-style: disc; }

div.Lozenge a { display:block; width: 230px; height: 75px; padding: 15px 20px; margin: 0 0 10px 0; background: url('../Images/Lozenge.png') 0 0 no-repeat; border: 0; }
div.Lozenge a:hover { color: #fff; border: 0; }
div.Lozenge a span.LozengeTitle { margin: 0 0 5px 0; width: 200px; font-size: 1.3em; display:block; font-weight: bold; color: #fff; }
div.Lozenge a span.LozengeDescription { margin: 0; width: 200px; font-size: 1.2em; display:block; color: #ccc; }

div.Lozenge a:hover span.LozengeTitle,
div.Lozenge a:hover span.LozengeDescription {
	color: #fff !important;
}

ul.WorkedWith { margin: -20px 0 0 -20px; }

ul.WorkedWith li { float: left; margin: 20px 0px 0px 20px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* TESTIMONIALS PAGE
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* CONTACT PAGE
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

legend {
	display: block; display: none;
}

div.Placeholder {
	position: relative;
}

div.Placeholder label {
	position: absolute; top: 0px; left: 0px; display: block; color: #666; padding: 6px 6px 6px 32px; font-size: 1.2em; cursor: text;
}

input, textarea {
	border: #aaa 1px solid; padding: 5px; display: block; width: 450px; margin-bottom: 10px; font-size: 1.2em;
}

input:focus, textarea:focus {
	border: #666 1px solid;
}

input.Name {
	padding: 5px 5px 5px 30px; background: #fff url('../Images/Icons/Contact/user.gif') 5px center no-repeat;
}

input.Organisation {
	padding: 5px 5px 5px 30px; background: #fff url('../Images/Icons/Contact/building.gif') 5px center no-repeat;
}

input.Telephone {
	padding: 5px 5px 5px 30px; background: #fff url('../Images/Icons/Contact/phone.gif') 5px center no-repeat;
}

input.Email {
	padding: 5px 5px 5px 30px; background: #fff url('../Images/Icons/Contact/email.gif') 5px center no-repeat;
}

input.Password {
	padding: 5px 5px 5px 30px; background: #fff url('../Images/Icons/Contact/key.gif') 5px center no-repeat;
}

textarea.Comments {
	padding: 5px 5px 5px 30px; background: #fff url('../Images/Icons/Contact/comments.gif') 5px 5px no-repeat;
}

input#Submit {
	display: block; padding: 0; width: 104px !important; height: 36px; border: 0;
}

input#Submit:hover {
	background: #333; color: #fff;
}

div.ContactForm {
	float: left;
}

div.Information {
	float: right; width: 300px;
}

div.Information ul {
	font-size: 1.4em; line-height: 2em; text-align: center;
}

div.Map {
	margin-top: 50px;
}

div.Map iframe {
	margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* NEWS PAGE
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* PRODUCT PAGE
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



div.Box.Cham {
	background: url('../Images/white50.png') 0 0 repeat scroll; padding: 20px 10px; width: 560px; float: left;
}

div.Sidebar {
	padding: 0px; margin: 0 0 20px 0; width: 254px; float: right; clear:right;
}

div.SidebarPadding {
	padding: 10px 10px; background: url('../Images/SidebarMiddle.png') 0 0 repeat-y;
}

div.DevelopPic {
	padding: 5px 3px 0px 0px;
	float:left;	
}


div.Sidebar h2 {
	font-size: 14px;  margin-bottom: 0px; background: url('../Images/SidebarHeader.png') 0 0 no-repeat; color: #fff; height: 36px; line-height: 36px; padding: 0 10px;
}

div.SidebarSubHeader {
	background: url('../Images/SidebarSubHeader.png') 0 0 no-repeat; width: 254px; height: 12px; position: relative;
}

div.SidebarFooter {
	background: url('../Images/SidebarFooter.png') 0 0 no-repeat; width: 254px; height: 12px; position: relative;
}

/*div.Sidebar ul {
	margin: 0 0 20px 20px;
}

div.Sidebar ul li {
	margin: 0 0 5px 0; font-size: 1.2em; padding: 1px 0 2px 0; list-style: outside url(../Images/Icons/Custom/HelpTick.png) ;
}*/

div.Sidebar div.Clients {
	text-align: center; margin: 26px 0 -10px 0;
}

div.Sidebar div.Clients img {
	margin: 0px 0 36px 0;
}

div.Sidebar div.Clients p {
	display: none;
}

div.Sidebar div.Clients a {
	border: none;
}

div.Sidebar textarea {
	height: 150px;
}

div.ProductMasthead {
	margin: 0 0 10px 0; height: 250px; position: relative;
}

div.ProductMastheadOverlay {
	width: 850px; height: 200px; position: absolute; top: 0; left: 0; background: url('../Images/MastheadOverlay.png') 0 0 no-repeat scroll; z-index: 2;
}

div.ProductMastheadImage {
	width: 850px; height: 250px; position: absolute; top: 0; left: 0; z-index: 1; background: #ffffff;
}

div.ProductMasthead div.MastheadTestimonial {
	position: absolute; top: 20px; left: 20px; width: 420px; z-index: 3;
}

div.ProductMasthead p {
	line-height: normal !important;
}

div.ProductMasthead div.MastheadTestimonial p.Testimonial-Quote {
	color: #fff; font-size: 2.2em; line-height: 120% !important;
}

div.ProductMasthead div.MastheadTestimonial p.Testimonial-Quote:before {
	color: #00aeff; font-weight: bold; content: '"'; margin: 0 5px 0 0;
}

div.ProductMasthead div.MastheadTestimonial p.Testimonial-Quote:after {
	color: #00aeff; font-weight: bold; content: '"'; margin: 0 0 0 5px;
}

div.ProductMasthead div.MastheadTestimonial p.Testimonial-Name,
div.ProductMasthead div.MastheadTestimonial p.Testimonial-Organisation {
	color: #fff; font-size: 1.2em; margin: 0;
}

div.ProductMasthead ul {
	position: absolute; bottom: 20px; right: 20px; font-size: 1.2em; z-index: 3;
}

div.ProductMasthead ul li {
	float: left; margin: 0 0 0 20px;
}

div.ProductMasthead ul li a {
	color: #fff; border: 0;
}

div.ProductMasthead ul li a strong {
	color: #fff; border-bottom: #fff 2px solid;
}

div.ProductMasthead ul li a:hover {
	color: #fff; border: 0;
}



div.ProductMastheadLogo {
	position: absolute; top: 20px; right: 20px; z-index: 2;
}

body.WorkExperience div.ProductMastheadLogo {
top: -20px;
}

body.IndividualLearningPlan div.ProductMastheadLogo {
top: -20px;
}

body.WorkExperience div.ProductMasthead div.MastheadTestimonial p.Testimonial-Quote{
	color: #000000 !important;
}

body.WorkExperience div.ProductMasthead div.MastheadTestimonial p.Testimonial-Name,
body.WorkExperience div.ProductMasthead div.MastheadTestimonial p.Testimonial-Organisation,
body.WorkExperience div.ProductMasthead ul li a,
body.WorkExperience div.ProductMasthead ul li a strong {
	color: #000000 !important;
}

body.WorkExperience div.ProductMasthead ul li a strong {
	color: #000000 !important;
	border-bottom: #000000 2px solid;
}








ul.SubNav {
	font-size: 1.2em; z-index: 3; margin: 0 15px 20px 15px;
}

ul.SubNav li {
	float: left; margin: 0 20px 0 0px;
}

ul.SubNav li a {
	color: #A27A24; border: 0;
}

ul.SubNav li a strong {
	color: #000; border-bottom: #000 2px solid;
}

ul.SubNav li a:hover {
	color: #000; border-bottom: #000 1px solid;
}




div.Gallery ul {
	
}

div.Gallery ul li {
	width: 500px; padding: 20px; background: #eee; border: #dddddd 1px solid; margin: 0 0 20px 0;
}

div.Gallery ul li:hover {
	background: #ddd; border: #ccc 1px solid;
}

div.Gallery ul li h6 {
	font-size: 1.6em; margin: 5px 0 18px 0; text-align: left;
}

div.Gallery ul li p {
	text-align: left;
}

div.Gallery ul li div.Text {
	float: right;
	width: 220px;
}

div.Gallery ul li img {
	float: left;
}

div.Gallery ul li img {
	border: #A27A24 2px solid; padding: 3px;
}

div.Gallery ul li img:hover {
	border: #000000 2px solid;
}

body#Home input, body#Home textarea, body#Products input, body#Products textarea, body#WhatWeDo input, body#WhatWeDo textarea {
	width: 195px;
}

ul.Products {
	margin-top: 24px;
}

ul.Products li {
	float: left; width: 358px; height: 100%; background: #eee; border: #dddddd 1px solid; padding: 20px;
}

ul.Products li:hover {
	background: #ddd; border: #ccc 1px solid;
}

ul.Products li.ProductOne {
	margin: 0 20px 20px 0;
}

ul.Products li.ProductTwo {
	margin: 0 0px 20px 0;
}

ul.Products li.ProductThree {
	margin: 0 20px 0px 0;
}

ul.Products li.ProductFour {
	margin: 0 0px 0px 0;
}

ul.Products h3 {
	margin: 0 0 5px 0;
}

ul.Products h4 {
	margin: 0 0 18px 0; color: #666;
}

ul.Products li p {
	margin: 0;
}

ul.Products li img {
	width: 360px;
	height: 150px;
	margin: 0 0 18px 0;
}


ul.Products li a {
	display: block; border: 0; color: #333;
}

ul.Products li a h3 {
	color: #333; border: 0;
}

ul.Products a:hover { border: 0; }



table {
	font-size: 1.2em; margin: 0 0 20px 0; border: #333 2px solid; width: 100%;
}

table th {
	text-align: left; padding: 5px; text-transform: uppercase; background: #333; color: #fff;
}

table th a {
	color: #fff;
}

table tr {
	background: #fff;
}

table tr:hover {
	background: #ddd;
}

table tr td {
	padding: 5px;
}

ul.QuickLinks h4 {
	margin: 0 0 5px 0; font-size: 1.4em;
}

/* Homepage Quote */



blockquote p { font-size: 14px !important; line-height: 1.5 !important; }

blockquote p a { border-bottom: 0 !important; }

blockquote p cite {
	font-size: 12px;
}



div.Clients {
	text-align: center; margin: 26px 0 -10px 0;
}

div.Clients img {
	margin: 0px 0 36px 0;
}