@charset "utf-8";
/* CSS Document */

/* main positional elements */
html { height: 100%; padding: 0; margin: 0; }
body { font-family: Trebuchet MS, Helvetica, Arial, sans-serif; font-size: 10pt; background-color: #B6C2DE; text-align: center; margin: 0; padding: 0; height: 100%; }
#wrap { background-image: url(/furniture/body_shadow.png); background-position: left; background-repeat: repeat-y; width: 979px; text-align: right; min-height: 100%; margin: 0 auto -135px auto; padding: 0; }
#header { background-image: url(/furniture/headerbar_background.png); background-position: top left; background-repeat: no-repeat; position: relative; }
#header a { padding-bottom: 0; border-bottom: none; }
#pagecontents { text-align: left; }

/* primary html elements */
h1, h2, h3, h4, h5, h6 { color: #2E5D97; font-weight: normal; line-height: 1.2em; margin-bottom: 0.1em; }
h1 {font-size: 216%;}
h2 {font-size: 136%}
h3 {font-size: 126%}
h4 {font-size: 116%}
h5 {font-size: 106%}
h6 {font-size: 96%}
p { margin-top: 0}

/* menus and information bars */
#infobar { background-color: #B6C2DE; padding: 6px 11px 6px 11px; }
#infobar div { display: inline; padding-left: 20px; margin-left: 10px; }
#infobar a { color: #000000; text-decoration: none; }
#myaccount { background-image: url(/furniture/user.png); background-position: left center; background-repeat: no-repeat; }
#cartinfobar { background-image: url(/furniture/cart.png); background-position: left center; background-repeat: no-repeat; }
#aboutusinfobar { background-image: url(/furniture/help.png); background-position: left center; background-repeat: no-repeat; }
#contactusinfobar { background-image: url(/furniture/email.png); background-position: left center; background-repeat: no-repeat; }
#m3telephonenumber { background-image: url(/furniture/telephone.png); background-position: left center; background-repeat: no-repeat; }
#mainmenu { border-right: 1px solid #B6C2DE; position: absolute; top: 0px; left: 90px; padding: 0; margin: 0; height: 100%; }
#mainmenu li { border-left: 1px solid #B6C2DE; list-style-type: none; margin: 0; padding: 0; float: left; height: 100%; }
#mainmenu a { color: #FFFFFF; text-decoration: none; font-size: 110%; border-bottom: none; padding-bottom: 0; display: block; padding: 0 10px 0 10px; height: 100%; }
#mainmenu a:hover { background-image: url(/furniture/headerbar_background_hover.png); background-position: top left; background-repeat: repeat-x; background-color: #587DAC; }
#mainmenu a span { display: block; padding-top: 15px; }
#contextmenu { font-size: 90%; width: 202px; padding: 28px; float: left; }
#contextmenu a { padding-bottom: 0; border-bottom: none; }
#newsbox, #relatedproducts { margin: 10px 0 60px 0; }
#iwantto, #contextmenu .tableofcontents { margin: 10px 0; }
#contextmenu .tableofcontents div { padding-bottom: 10px; }
#contextmenu ul { margin: 0; padding: 0; color: #2E5D97; }
ul#nav-secondary { margin: 0; }
ul#nav-secondary li { margin: 5px 0 5px 0; padding: 0; list-style-type: none; }
ul#nav-secondary li li { margin-left: 12px; }
ul#nav-secondary a.lockedlink { display: inline; padding-right: 20px; background-image: url(../furniture/lock.png); background-repeat: no-repeat; background-position: right center; }
.launchwebapp a { font-size: 140%; display: block; padding: 10px 0 0 30px; background-position: left center; background-repeat: no-repeat; min-height: 22px; }
#launchcheckmate a { background-image: url(/furniture/boxart_checkmate_launch.png); }
#launchhousecall a { background-image: url(/furniture/boxart_housecall_launch.png); }
#launchhousecare a { background-image: url(/furniture/boxart_housecare_launch.png); }
a#launchschedule { background-image: url(/furniture/boxart_schedule_launch.png); }
#iwantto div { margin-bottom: 10px; }
#iwantto img { vertical-align: middle; margin-right: 10px; }
#iwantto a { color: #000; font-size: 100%; }
#iwantto a:hover { color: #c00000; }
#iwantto a em { font-style: normal; color: #2E5D97; }
#iwantto a:hover em { color: #c00000; }
.news { margin-bottom: 10px; }
#relatedproducts li { list-style-type: none; }
#relatedproducts li a { padding-left: 30px; display: block; min-height: 32px; background-position: left center; background-repeat: no-repeat; }
.nhfscheduleofratesrelatedproduct a { background-image: url(/furniture/boxart_schedule_sm.png); }
.corporatescheduleproduct a { background-image: url(/furniture/boxart_corporate_sm.png); }
.locatorrelatedproduct a { background-image: url(/furniture/boxart_locator_sm.png); }
.housecallrelatedproduct a { background-image: url(/furniture/boxart_housecall_sm.png); }
.housecarerelatedproduct a { background-image: url(/furniture/boxart_housecare_sm.png); }
.repairguidesrelatedproduct a { background-image: url(/furniture/boxart_handbook_sm.png); }
.checkmaterelatedproduct a { background-image: url(/furniture/boxart_checkmate_sm.png); }
.pamwinrelatedproduct a {background-image: url(/furniture/boxart_pamwin_sm.png);}
.tendersaferelatedproduct a {background-image: url(/furniture/boxart_schedule_sm.png);}
.consultancyrelatedproduct a {background-image: url(/furniture/boxart_schedule_sm.png);}

/* search form */
#search {
	background-color: #FFFFFF;
	border: 1px solid #2E5D97;
	position: absolute;
	top: 15px;
	left: 830px;
	padding: 0px;
}
#search form {
	margin: 0;
	padding: 0;
}
#search label {
	color: #666666;
	font-style: italic;
	font-size: 90%;
	position: absolute;
	top: 2px;
	left: 2px;
	z-index: 2;
}
#criteria {
	height: 19px;
	width: 120px;
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 1px solid white;
	z-index: 1;
}
#searchsubmit {
	position: absolute;
	top: 1px;
	left: 101px;
	padding: 0;
	margin: 0;
}

/* main body content */
#mainbody {
	letter-spacing: 0.03ex;
	font-size: 100%;
	padding: 18px 40px 0 260px;
	/*margin: 45px 12px 0 2px;*/
	margin: 0;
}
#breadcrumbs {
	padding-top: 20px;
	font-size: 85%;
}
#breadcrumbs a {
	vertical-align: text-bottom;
}
.introtext {
	color: #333;
	font-size: 160%;
	/*line-height: 135%;*/
}
.subintrotext {
	color: #333;
	font-size: 130%;
	/*line-height: 135%;*/
}
.introtext em, .subintrotext em {
	font-style: normal;
	color: #000000;
}

/* footer */
#sharethiscontent { float: right; margin: 20px 0; }
#sharethiscontent a { border: none; }
#clearfooter {
	clear: both;
	height: 135px;
}
#footer {
	text-align: left;
	background-color: #2E5D97;
	background-image: url(/furniture/footer_shadow.png);
	background-position: left;
	background-repeat: repeat-y;
	clear:both;
	margin: 0 auto 0 auto;
	width: 979px;
}
#footer ul {
	background-image: url(/furniture/mainlogo.gif);
	background-position: 830px 20px;
	background-repeat: no-repeat;
	padding: 15px 28px 15px 28px;
	margin: 0;
	min-height: 105px;
	display: block;
}
#footer a {
	color: #CCCCCC;
	text-decoration: none;
	font-size: 95%;
}
#footer a:hover {
	color: #FFFFFF;
	border: none;
}
#footer li {
	list-style-type: none;
	padding: 0 45px 0 0;
	margin: 0;
	display: inline;
}
.col1, .col2 {
	width: 204px;
	float: left;
	margin-right: 10px;
}
.col3 {
	width: 204px;
	float: left;
	margin-right: 10px;
}

/* box art for intro text */
.schedule .introtext, .corporate .introtext, .locator .introtext, .housecall .introtext, .housecare .introtext, .repairguides .introtext, .checkmate .introtext, .pamwin .introtext, .pamwinlite .introtext {
	padding-right: 90px;
	margin-right: 40px;
	background-position: right center;
	background-repeat: no-repeat;
	min-height: 113px;
}
.schedule .introtext {
	background-image: url(/furniture/boxart_schedule.png);
}
.corporate .introtext {
	background-image: url(/furniture/boxart_corporate.png);
}
.locator .introtext {
	background-image: url(/furniture/boxart_locator.png);
}
.housecall .introtext {
	background-image: url(/furniture/boxart_housecall.png);
}
.housecare .introtext {
	background-image: url(/furniture/boxart_housecare.png);
}
.repairguides .introtext {
	background-image: url(/furniture/boxart_handbook.png);
}
.checkmate .introtext {
	background-image: url(/furniture/boxart_checkmate.png);
}
.pamwin .introtext, .pamwinlite .introtext {
	background-image: url(/furniture/boxart_pamwin.png);
}

.producttable img {
	float: left;
	margin: 1px 5px 5px 1px;
}

/* general html elements */
img {
	border: none;
}

table ul {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

/* LINKS */
a {
	color: #2E5D97;
	text-decoration: none;
	border-bottom: 1px dotted #2E5D97;
}
a:hover {
	color: #C00000;
	border-bottom: 1px solid #C00000;
}
/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {padding-left:21px}
a.morelink:hover {}
.morelink span {position:absolute;left:-9999px;width:900px}

a.pdf {	padding-left: 18px; background-image: url(../furniture/pdficon.gif); background-repeat: no-repeat; background-position: left center; }
a.msword {	padding-left: 18px; background-image: url(../furniture/msword.gif); background-repeat: no-repeat; background-position: left center; }
a.external { padding-right: 18px; background-image: url(../furniture/external.png); background-repeat: no-repeat; background-position: right center; }
a.noborder { border-bottom: 0; }
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.important {color:#f00}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.advice {border: 1px solid #000;margin: 5px 10px 5px 10px;padding: 10px 10px 10px 60px;background-color: #B6C2DE;;background-image: url(../furniture/exclamation_mark.png);background-repeat: no-repeat;background-position: left center;}

/* FORMS */
form {margin: 0 0 1.5em 0;}
input, textarea {
	font-family: "Lucida Grande", arial,tahoma,verdana,sans-serif;
	margin: 2px 0;
	background-color:#E7F2FA;
	border: 1px solid #B1C3D8;
}
fieldset {border: none; margin-bottom: 2em;}
legend { font-weight: bold;}
label {display:block;padding: 0; float: left; width: 12em;}
/*input[type=submit]{color: red; margin-left: 9em;}*/
form ol { margin: 0; padding: 0; }
form ol li {list-style-type: none; margin-left: 0px; padding: 5px 0 5px 0; overflow: auto;}

button.imagebutton { border: none; background: none; cursor: pointer; }
button.imagebutton img { vertical-align: middle; }
button.primaryaction { font-size: large; color: #4FB94A; }
button.secondaryaction { font-size: large; color: #FF6600; }
button.cancelaction { font-size: large; color: #FF0000; }

/* try a new style of form with the labels on the top */
.labelontop label { float: none; width: 100%; }
.labelontop li { margin: 15px 0px 15px 0px; }

/* labels could also be aligned to the right rather nicely */
.alignrightlabels label { text-align: right; padding-right: 5px; }
.alignrightlabels .labelontop label { text-align: left; }

.required { font-weight: bold; }

/* TABLES */
/* default styling */
table { border-collapse: collapse; }
td, th { padding: 3px; vertical-align: top; }
td > h4 { margin-top: 1px; }
/* product tables */
.producttable td { width: 33.33%; vertical-align: top; padding: 10px; }
/* blue headings and padding */
.table1 {border: 1px solid #fff;border-collapse:collapse;width:100%;}
.table1 td {border: 1px solid #B6C2DE; padding: 10px 5px 10px 5px; background-color: #fff;}
.table1 th {background-color: #D7DEED; color: #2E5D97; border: 1px solid #B6C2DE; padding: 10px 5px 10px 5px;}
/* gallery tables */
.gallery {border-collapse: collapse; width: 100%;}
.gallery a {border: none;}
.gallery a img {border: 10px solid #D7DEED;}
.gallery a:hover img {border-color: #fff;}
.gallery td {width: 33.3%; border: 1px dotted #333; text-align: center; background-color: #D7DEED;}
.gallery img {width: 190px;}
/* Pamwin tickets page */
table#pamwintickets { border-collapse: collapse; background-color: #FFFFFF; }
table#pamwintickets td, table#pamwintickets th { border: 1px solid #CCCCCC; text-align: left; vertical-align: top; padding: 3px; }
#pamwintickets th a { display: block; padding-right: 15px; background-position: right top; background-repeat: no-repeat; }
#pamwintickets th a:hover, #pamwintickets th a.sortedasc, #pamwintickets th a.sorteddesc:hover { background-image: url(../furniture/sort_asc.png); }
#pamwintickets th a.sortdesc:hover, #pamwintickets th a.sorteddesc, #pamwintickets th a.sortedasc:hover { background-image: url(../furniture/sort_desc.png); }
table#ticketdetails { width: 100%; border-collapse: collapse; }

.searchresult {
	margin-bottom: 20px;
}

.pagination {background-color: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
.pagination p {position:relative;text-align:right}
.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background-color:#fff;padding:2px 5px;border: 1px solid #ccc}
.pagination p a:hover {background-color:#c00;color:#fff}
.pagination p span {text-decoration:none;background-color:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
.pagination * {margin:0}
.pagination h4 {margin-top:-1.45em;padding:0;border:none}

/* HOME PAGE */
#maintenancebutton, #corporatebutton {
	background-image: url(/furniture/maintenance_box_middle.png);
	background-position: center;
	background-repeat: repeat-y;
}
#developmentbutton {
	background-image: url(/furniture/development_box_middle.png);
	background-position: center;
	background-repeat: repeat-y;
}
#contractorbutton { background-image: url(/furniture/contractor_box_bottom.png); background-position: bottom; background-repeat: no-repeat; margin-left: 428px; margin-right: 69px; }
#maintenancebutton a, #corporatebutton a, #developmentbutton a, #contractorbutton a { color: #fff; border: none; }
#maintenancebutton a:hover, #corporatebutton a:hover, #developmentbutton a:hover, #contractorbutton a:hover, #maintenancebutton a:hover h2, #corporatebutton a:hover h2, #developmentbutton a:hover h2, #contractorbutton a:hover h2 { text-decoration: underline; }
#maintenancebutton h2, #corporatebutton h2, #developmentbutton h2, #contractorbutton h2 { color: #fff; text-shadow: 1px 1px 2px #000; margin-top: 0; padding: 30px 5px 10px 5px; background-position: top; background-repeat: no-repeat; }
#contractorbutton h2 { padding: 10px 5px 0 5px; margin-bottom: 5px; }
#maintenancebutton h2, #corporatebutton h2 {
	background-image: url(/furniture/maintenance_box_top.png);
}
#developmentbutton h2 {
	background-image: url(/furniture/development_box_top.png);
}
#contractorbutton h2 {
	background-image: url(/furniture/contractor_box_top.png);
}
#maintenancebutton p, #corporatebutton p, #developmentbutton p, #contractorbutton p {
	background-position: bottom;
	background-repeat: no-repeat;
	margin-bottom: 0;
	padding: 0 5px 20px 5px;
	height: 10em;
	text-shadow: 1px 1px 1px #000;
}
#maintenancebutton p, #corporatebutton p {
	background-image: url(/furniture/maintenance_box_bottom.png);
}
#developmentbutton p {
	background-image: url(/furniture/development_box_bottom.png);
}
#contractorbutton p {
	background-image: url(/furniture/contractor_box_bottom.png);
}

/* styles for the training course list */
#trainingrightforme { border-collapse: collapse; font-size: small; }
#trainingrightforme td, #trainingrightforme th { border: 1px solid #D4E0EE; }
#roles { color: #4F76A3; background-color: #e6edf5; }
#roles th { padding-bottom: 10px; padding-top: 10px; }
#experienceheader { background-color: #B4D9FE; }
#experienceheader th { font-weight: normal; }
#experienceheader .jobexp { background-color: #C4E9FE; }
#trainingrightforme .course { background-color: #FFFFFF; padding: 5px; }
.jobexp { background-color: #FFFFFF; font-weight: normal; }
.pwexp { background-color: #FFFFFF; font-weight: normal; }
td.jobexp, td.pwexp { font-weight: bold; }
.noexp { color: #003300; background-color: #d6f2c3; }
.littleexp { color: #333300; background-color: #FFFF9D; }
.someexp { color: #331100; background-color: #ffe397; }
.lotsexp { color: #330000; background-color: #ffcccc; }

/* styles for the detailed training info and dates page */
#coursedetails table, #coursedates { border-collapse: collapse; }
#coursedetails th, #coursedates th { background-color: #B4D9FE; color: #4F76A3; border: 1px solid #D4E0EE; padding: 10px 5px 10px 5px; }
#coursedetails td, #coursedates td { border: 1px solid #D4E0EE; padding: 10px 5px 10px 5px; background-color: #F7F9FC; }
#coursedescription { padding: 20px; max-width: 30em; }
table#coursedates { width: 100%; text-align: center; }
#coursedates ul { padding: 0px; margin: 0px; }
#coursedates li { list-style-type: none; padding: 0px; margin: 0px; }
#booknow { text-align: right; }

/* course booking form */
table.coursebookingform { width: 100%; border-collapse: collapse; }
.coursebookingform th, #ticketdetails th { background-color: #B4D9FE; color: #4F76A3; border: 1px solid #D4E0EE; padding: 10px 5px 10px 5px; }
.coursebookingform td, #ticketdetails td { border: 1px solid #D4E0EE; padding: 10px 5px 10px 5px; background-color: #F7F9FC; }
#confirmbooking { border: none; background-image: url(../images/confirmtrainingbooking.png); background-repeat: no-repeat; background-position: right center; padding: 10px 50px 10px 10px; font-size: x-large; background-color: transparent; }
#confirmbooking:hover { color: #009900; cursor: pointer; }
#cancelbooking { border: none; background-image: url(../images/canceltrainingbooking.png); background-repeat: no-repeat; background-position: left center; padding: 10px 10px 10px 50px; font-size: x-large; background-color: transparent; }
#cancelbooking:hover { color: #990000; cursor: pointer; }
.trainingregistrantlist th { text-align: left; }
th.total { font-size: large; }
th.course { text-align: left; }
tr.availabledates { background-color: #F7F9FC; font-size: x-small; }
.availabledates td { padding-bottom: 10px; text-align: right; }
.availabledates > a, .availabledates strong { margin-right: 0.8em; }

/* Pamwin tickets page */
table#pamwintickets { border-collapse: collapse; background-color: #FFFFFF; }
table#pamwintickets td, table#pamwintickets th { border: 1px solid #CCCCCC; text-align: left; vertical-align: top; padding: 3px; }
#pamwintickets th a { display: block; padding-right: 15px; background-position: right top; background-repeat: no-repeat; }
#pamwintickets th a:hover, #pamwintickets th a.sortedasc, #pamwintickets th a.sorteddesc:hover { background-image: url(../furniture/sort_asc.png); }
#pamwintickets th a.sortdesc:hover, #pamwintickets th a.sorteddesc, #pamwintickets th a.sortedasc:hover { background-image: url(../furniture/sort_desc.png); }
table#ticketdetails { width: 100%; border-collapse: collapse; }

/* Change requests page */
#changerequests table { border-collapse: collapse; width: 100%; }
#changerequests td, #changerequests th { padding: 10px; border: 1px solid #4FB94A; }
#changerequests th { background-color: #DEF0D7; }
#changerequests td.changerequestdetail { background-color: #DEF0D7; }

/* ORDER FORM */
.orderformbutton { border-top: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; border-right: 1px solid #333333; border-bottom: 1px solid #333333; font-size: large; color: #069; margin: 0 7px 0 0; padding: 5px 10px 6px 7px; cursor: pointer; text-decoration: none; background-color: #fff; }
#orderform a.orderformbutton, a.orderformbutton { display: block; float: left; border-bottom: 1px solid #333333; background-color: #fff; min-height: 1.56em; margin: 0 0 10px 8px; }
button.orderformbutton { width: auto; overflow: visible; padding: 4px 10px 3px 7px; }
button[type].orderformbutton { padding: 5px 10px 5px 7px; line-height: 17px; }
*:first-child+html button[type] { padding: 3px 10px 2px 7px; }
.orderformbutton:hover { background-color: #FFFFFF; text-decoration: none; border-bottom-color: #333333; color: #c00000; }
.orderformbutton img { vertical-align: middle; }
.buttons { text-align: right; }


/* stuff */
#organisationsuggestions li { display: inline; }
#organisationsuggestions li a {  margin-right: 2.9em; }

table#jonnywork { border-collapse: collapse; }
#jonnywork td, #jonnywork th { padding: 5px; border: 1px dashed #999999; }
