﻿/* 
	Default
*/
body
{
	background-color: #FFF;
	margin: 0px;
	text-align: center;
	font-size: 85%;
	font-family: arial;
	line-height: 145%;
	color: #3D424A;
}

input, textarea, select
{
	font-family: arial;
	font-size: 100%;
}

form
{
	padding: 0px;
	margin: 0px;
}

img
{
	border: 0px;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.error
{
	color: #900;
}

.small
{
	font-size: 90%;
}

h2
{
	padding: 0px;
	margin: 0px;
	margin-top: 15px;
	font-size: 165%;
	line-height: 180%;
	color: #3D424A;
	font-family: arial;
	font-weight: normal;
}

h3
{
	font-weight: normal;
	color: #004b85;
	font-size: 130%;
}
h4
{
	padding: 5px;
	background-color: #eeeeee;
}
a
{
	color: #004b85;
}

a:hover
{
	color: #7d8a8e;
}

/*
	Header
*/
#divHeaderHolder
{
	width: 100%;
	border-top: 5px solid #004b85;
	overflow: hidden;
}

#divHeader
{
	height: 100px;
	overflow: hidden;
	width: 960px;
	margin: 0px auto 0px auto;
}

#divLogo
{
	margin-top: 20px;
	float: left;
	width: 660px;
	text-align: left;
}
#divHeaderContact
{
	margin-top: 20px;
	float: left;
	width: 300px;
	text-align: right;
	font-size: 170%;
	line-height: 130%;
}

.divResult
{
	padding:10px;
	border: red 1px solid;
	background-color: #eeeeee;
	font-weight: bold;
	margin-bottom: 10px; 
	
}

/* 
	Navigation
*/
#divNavigationHolder
{
	width: 100%;
	margin: 0px auto 0px auto;
	overflow: hidden;
	background-image: url(./images/bg_top.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#divNavigation
{
	width: 960px;
	margin: 0px auto 0px auto;
	text-align: left;
	overflow: hidden;
	background-image: url(./images/bg_navigation.gif);
	background-repeat: repeat-x;
}

#divNavigation ul
{
	float: left;
	padding: 0px;
	margin: 0px;
	color: #FFF;
}

#divNavigation ul li
{
	display: block;
	float: left;
}

#divNavigation ul li a
{
	display: block;
	padding: 7px 20px;
	margin: 0px;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
}

#divNavigation li a:hover
{
	background: url(              "/images/bg.navigation.hover.jpg" ) repeat-x #e18c16;
}

#divNavigation li a.active
{
	background: url(              "/images/bg.navigation.hover.jpg" ) repeat-x #e18c16;
}

#loginbutton a
{
	background-color: #004b00;
	
}

/*
	Error Page
*/
#erroroptions li
{
	margin: 5px;
}

/* 
	Contact us form
*/
#contactusformcontainer
{
}
#contactusform
{
	width: 665px;
}

#contactusform table
{
	background: #e7edf3;
	padding: 5px;
	border: 0px;
}
#contactusform table td
{
	vertical-align: top;
}
/*
	Footer
*/
#divInfoPanelHolder
{
	width: 960px;
	margin: 20px auto 20px auto;
	background-color: #ffffff;
	overflow: hidden;
}
.infopanel
{
	width: 297px;
	float: left;
	padding: 10px;
	height: 220px;
}

#divNextCourses
{
	border-right: 1px solid #eeeeee;
}

#divLatestNews
{
	border-left: 1px solid #cccccc;
	border-right: 1px solid #eeeeee;
}

#divTextimonials
{
	border-left: 1px solid #cccccc;
}

.infotitle
{
	text-align: left;
	font-size: 14pt;
	height: 40px;
	padding: 10px 0px 0px 50px;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
}

.infocourses
{
	background: url( ./images/icon_training.gif ) no-repeat;
}

.infonews
{
	background: url( ./images/icon_news_large.gif ) no-repeat;
}

.infotestimonials
{
	background: url( ./images/icon_testimonials.gif ) no-repeat;
}

/*
	Content
*/
.readmore
{
	font-size: 8pt;
	color: #bbbbbb;
	text-decoration: none;
	float: right;
}
.mandatoryfield
{
	color: #FF0000;
	font-size: 0.9em;
	vertical-align: top;
}
#divContentHolder
{
	width: 100%;
	border-top: 1px solid #cccccc;
	overflow: hidden;
	background: #dedede;
}

#divContent
{
	width: 960px;
	margin: 0px auto 0px auto;
	background-color: #e7edf3;
	overflow: hidden;
}
#divPageContent
{
	float: left;
	width: 700px;
	text-align: left;
	background-color: #ffffff;
}


#divBreadcrumbs
{
	padding: 0px;
	margin: 0px;
	padding-left: 0px;
	width: 100%;
	text-align: left;
	background-color: #fff;
	height: 39px;
	border-bottom: solid 1px #e7edf3;
	font-size: 90%;
}
#divBreadcrumbs ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#divBreadcrumbs li
{
	display: block;
	float: left;
}

#divBreadcrumbs li a
{
	background: transparent url(./images/breadcrumb.gif) no-repeat;
	background-position: right 14px;
	display: block;
	width: 100%;
	padding: 9px 0px 6px 0px;
	margin: 0px;
	text-decoration: none;
	padding-left: 15px;
	color: #7d8a8e;
}

#divBreadcrumbs li a:hover
{
	color: #004b85;
}
#divBreadcrumbs li a.active
{
	border-bottom: none;
	padding: 7px 0px 7px 0px;
	padding-left: 15px;
	color: #004b85;
}

#divInnerHolder
{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
	background-color: #ffffff;
}

#divInnerHolder a
{
	color: #004b85;
}
#divInnerHolder a:hover
{
	color: #7d8a8e;
}
.next
{
	outline: 1px outset #999;
	border: 1px solid #fff;
	background-color: #004b85;
	color: #fff;
	height: 24px;
	-moz-border-radius: 4px;
	-moz-outline-radius: 4px;
	cursor: pointer;
	font-size: 11px;
	margin: 10px;
}
#divQuickNavigation
{
	float: right;
	width: 260px;
	height: 295px;
	text-align: left;
	margin-top: 25px;
	padding-left: 10px;
	background: url( ./images/popular_links_bg.gif ) no-repeat 0px 0px;
}
#divQuickNavigation h3
{
	margin: 10px 0px;
}
#divQuickNavigation ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#divQuickNavigation li
{
	padding: 0px;
	margin: 0px;
}

#divQuickNavigation li a
{
	display: block;
	padding: 4px 0px 3px 0px;
	text-decoration: none;
	padding-left: 15px;
}

#divQuickNavigation li a:hover
{
	text-decoration: underline;
}

#divQuickNavigation .next
{
	height: 20px;
}
#divSubMenu
{
	float: right;
	width: 260px;
	text-align: left;
	background-color: #e7edf3;
}
.divSubMenuItem
{
	float: right;
	width: 260px;
	text-align: left;
	background-color: #e7edf3;
}
.divSectionHeader
{
	background-color: #004b85;
	color: #ffffff;
	margin-top: 20px;
	padding: 5px 15px;
	background-image: url(./images/bg_navigation.gif);
	background-repeat: repeat-x;
}

#divSearchSection
{
}

#divAdvertising
{
	text-align: center;
}

#divSubMenu ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border-bottom: solid 1px #FFF;
}
#divSubMenu li
{
}

#divSubMenu li a
{
	
	display: block;
	width: 100%;
	padding: 7px 0px 6px 0px;
	margin: 0px;
	border-bottom: solid 1px #CDDDE8;
	border-top: solid 1px #FFF;
	text-decoration: none;
	padding-left:15px;
}

#divSubMenu li a:hover
{
	color: #004b85;
}

#divSubMenu li a:active
{
	background: url(            "/images/bg.subnavigation.jpg" ) no-repeat top left;
	border-bottom: none;
	padding: 7px 0px 7px 0px;
	padding-left: 15px;
	color: #004b85;
}



#servicedescription ul
{
	margin: 0px 0px 30px 0px;
	padding: 0;
}
span.new
{
	background: #c00;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 4px;
	margin-right: 8px;
	text-decoration: none;
	text-transform: uppercase;
}

.new a
{
	text-decoration: none;
	color: #ffffff;
}

#servicedescription li
{
	list-style: none;
	background: url( ./images/bullet_tick.gif ) no-repeat 5px 8px;
	line-height: 15px;
	border-bottom: 1px #E2E2E2 solid;
	padding: 5px 0px 5px 25px;
	margin: 0px;
}

#servicedescription li.option
{
	background: transparent;
}



#servicedescription li a
{
	/*text-decoration:none; - aust*/
	border-bottom: 1px #FFF solid;
}



#servicedescription li a:hover
{
	/*border-bottom: 1px #376FAC solid; lightened*/
}

#servicedescription .notincluded
{
	background: none;
}

.optional
{
	display: block;
	float: right;
	color: #999;
	font-weight: normal;
	font-size: 11px;
	padding: 2px 10px 0px 10px;
}

/*
	Page Layout
*/
.divMapContainer
{
	height: 300px;
	width: 300px;
	padding: 4px;
	margin: 20px 20px 20px 0px;
	border: solid 1px #cccccc;
	text-align: center;
	float: left;
}

.divMapImage
{
	height: 300px;
	width: 300px;
	background-repeat: no-repeat;
	background-position: center bottom;
	display: block;
}
.divPageImageContainer
{
	height: 200px;
	width: 400px;
	padding: 4px;
	margin: 20px 0px 20px 20px;
	border: solid 1px #cccccc;
	text-align: center;
	float: right;
}

.divPageImage
{
	height: 200px;
	width: 400px;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}

.divLongPageImageContainer
{
	height: 200px;
	width: 650px;
	padding: 4px;
	margin: 20px 0px 20px 0px;
	border: solid 1px #cccccc;
	text-align: center;
}

.divLongPageImage
{
	height: 200px;
	width: 650px;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}
.divNewsPageImageContainer
{
	width: 650px;
	padding: 4px;
	margin: 20px 0px 20px 0px;
	border: solid 1px #cccccc;
	text-align: center;
}

.divNewsPageImage
{
	width: 650px;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}

.quote
{
	font-style: italic;
}

.thumbnail
{
	float: left;
	margin-right: 20px;
	padding-left: 20px;
	margin-bottom: 20px;
	width: 120px;
	text-align: center;
}

.thumbnailimagecontainer
{
	height: 70px;
	width: 100px;
	padding: 4px;
	margin: 5px 0px 3px 0px;
	border: solid 1px #cccccc;
	text-align: center;
	display: block;
	cursor: pointer;
}
.thumbnailimage
{
	height: 70px;
	width: 100px;
	background-image: url(images/icon_AFW.gif);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
}
.thumbnailtext
{
}
.submenurow
{
	overflow: hidden;
	margin-bottom: 20px;
}
.subrowmenuimagecontainer
{
	height: 60px;
	width: 80px;
	padding: 4px;
	margin: 5px 10px 3px 0px;
	float: left;
	text-align: center;
}

.submenurowimage
{
	height: 60px;
	width: 80px;
	background-image: url(images/icon_AFW.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.subrowtext
{
	text-align: justify;
	width: 570px;
	float: left;
}
.name
{
	font-weight: bold;
}
.jobtitle
{
	font-style: italic;
}

#divCaseStudies .subrowmenuimagecontainer
{
	border: 1px solid #cccccc;
}

#divLatestNews .subrowmenuimagecontainer
{
	border: 1px solid #cccccc;
}

#divCaseStudies .keywords
{
	display: none;
}
#divteamlist .submenurow
{
	margin-bottom: 4px;
}

#divteamlist .submenurowimage
{
	height: 140px;
	width: 140px;
}
#divteamlist .subrowmenuimagecontainer
{
	height: 140px;
	width: 140px;
	background-color: #e18c16;
	margin: 0px 4px 0px 0px;
}
#divteamlist .subrowtext
{
	background-color: #eeeeee;
	padding: 4px;
	overflow: hidden;
	height: 140px;
	width: 510px;
}
.clientsummary
{
	float:right;
	width: 420px;
	padding:0px;
	margin-bottom: 20px;
}
#clientlogolist
{
	padding-bottom: 20px;
}
.logo
{
	background-position: center center;
	background-repeat: no-repeat;
	border: solid 1px #cccccc;
	text-align: center;
	width: 200px;
	height: 100px;
	margin: 10px;
	float: left;
}
#divCaseStudies .date
{
	color: #bbbbbb;
	font-size: 80%;
}

#divCaseStudies p
{
	margin: 0px;
	padding: 0px;
}
.submenucode
{
	float: right;
	font-size: 90%;
	color: #aaaaaa;
}

.promo_words
{
	float: right;
	margin: 20px;
}

.divSubMenuItem
{
	margin-top: 40px;
	width: 240px;
	height: 580px;
	overflow: auto;
	padding: 10px;
	line-height: 140%;
}
.quotedetails
{
	padding: 0px;
	margin: 0px;
	margin-bottom: 50px;
	color: #004b85;
}

.allcaps
{
	text-transform: uppercase;
}
/*
	Course Brochure
*/
hr
{
	border: 1px dashed #eeeeee;
}
.courseactionbuttons
{
	margin-top: 20px;
}

.divbrochurebutton
{
	margin-bottom: 20px;
}

.divbrochurebuttonimage
{
}

.divbrochurebuttontext
{
}
#coursedetails
{
	width: 100%;
	display: inline-block;
}
#bookingsummary
{
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	font-size: 80%;
	padding: 10px;
	margin-bottom: 20px;
}
.details-box
{
	margin: 20px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.details-box ul li a
{
	text-decoration: none;
}

.details-box ul li a:hover
{
	text-decoration: underline;
}
.details-box .label
{
	min-height: 1px;
	width: 152px;
	height: auto;
	height: 1px;
	color: #004b85;
	font-weight: bold;
	left: 17px;
	text-transform: uppercase;
}

.details-box td
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	vertical-align: top;
	border-bottom: 1px solid #aaaaaa;
}
#details-box
{
	margin-right: 20px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 420px;
}

#details-box ul li a
{
	text-decoration: none;
}

#details-box ul li a:hover
{
	text-decoration: underline;
}
#details-box .label
{
	min-height: 1px;
	width: 152px;
	height: auto;
	height: 1px;
	color: #004b85;
	font-weight: bold;
	left: 17px;
	text-transform: uppercase;
}
.label
{
	min-height: 1px;
	width: 152px;
	height: auto;
	height: 1px;
	color: #004b85;
	font-weight: bold;
	left: 17px;
	text-transform: uppercase;
}
.intense
{
	font-weight: bold;
}
.wzdLabel
{
	min-height: 1px;
	height: auto;
	height: 1px;
	color: #004b85;
	font-weight: normal;
}
#details-box td
{
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
	vertical-align: top;
	border-bottom: 1px solid #aaaaaa;
}

ul.course-options li
{
	color: #004b85;
	margin: 0px 0px 2px 0px;
}

ul.course-options li a
{
	text-transform: uppercase;
	color: #004b85;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: bold;
}

ul.course-options li a:hover
{
	text-decoration: underline;
}

hr
{
}
/*
	Sliding Panels
*/

#divSlidingPanelHolder
{
	width: 700px;
	float: left;
}
#divSlidingPanels
{
	border: 3px solid #004b85;
	margin-bottom: 0px;
}
#divSlidingPanelHolder ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#divSlidingPanelHolder li
{
	display: inline;
	color: #004b85;
}
#divSlidingPanelHolder li a
{
	padding: 15px;
	display: inline-block;
	width: 142px;
	color: #004b85;
	background-color: #e7edf3;
	text-decoration: none;
	font-size: 110%;
}
/*
	Info Panels 
*/
.infolist
{
	text-align: left;
	padding-top: 0px;
}
.testimonial
{
	padding: 0px;
}
.infolist .date
{
	font-size: 90%;
	color: #aaaaaa;
	text-transform: uppercase;
}
.newsitem
{
	background-image: url(./images/icon_news.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: left 5px;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 2px;
}

.courseitem
{
	background-image: url(./images/icon_date.gif);
	background-repeat: no-repeat;
	padding-left: 30px;
	background-position: left 5px;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 2px;
}
.divitemheaderr
{
	color: #bbbbbb;
}
.coursedatesnotavailable
{
	background-image: url(./images/icon_training.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	border-top: dashed #004b85 1px;
	border-bottom: dashed #004b85 1px;
	background-color: #fffc95;
	padding: 7px 0px 1px 60px;
	height: 50px;
	font-weight: bold;
}
.coursedatesitem
{
	background-image: url(./images/icon_training.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 4px 50px;
	overflow: hidden;
	white-space: nowrap;
	margin-top: 10px;
	height: 40px;
}
.coursedatevenue
{
	width: 280px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}
.coursedatebook
{
	float: left;
}
.coursedateavailability_none
{
	background: url(./images/no_spaces_left.gif) no-repeat;
	float: left;
	width: 70px;
	height: 30px;
	margin-right: 10px;
	color: #777777;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	background-position: center;
}

.coursedateavailability
{
	background: url(./images/spaces_left_bg.gif) no-repeat;
	float: left;
	width: 70px;
	height: 30px;
	margin-right: 10px;
	color: #ffffff;
	padding: 10px 0px 0px 0px;
	font-weight: bold;
	text-align: center;
	background-position: center;
}

/*
	Footer
*/
#divFooterHolder
{
	width: 100%;
	border-top: 1px solid #6c6c6c;
	overflow: hidden;
	background-image: url(./images/bg_bottom.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#divFooter
{
	margin: 0px auto;
	text-align: left;
	margin: 0px auto 0px auto;
	width: 960px;
	overflow: hidden;
	background: url(           '/images/bg.footer-sep.jpg' ) no-repeat top right;
	color: #5F7280;
	font-size: 75%;
}

#divCopyright
{
	float: left;
	background: url(           '../images/bg.footer-sep.jpg' ) no-repeat left 10px;
	height: 100px;
	width: 770px;
}
#divContact
{
	float: left;
	background: url(           '../images/bg.footer-sep.jpg' ) no-repeat left 10px;
	height: 100px;
	width: 190px;
}
#divFooter .padding
{
	padding: 17px 20px;
}
#divFooter ul
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#divFooter li
{
	display: inline;
	border-right: 1px solid #bbbbbb;
	padding-right: 10px;
	margin-right: 10px;
}
#divFooter a
{
	color: #5F7280;
	text-decoration: none;
}

/*
	Wizard
*/


wizardProgress
{
	padding-right: 10px;
	font-family: Arial;
	color: #333333;
	font-size: 12px;
}
.wizardTitle
{
	font-family: Arial;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	vertical-align: middle;
}
.progress
{
	display: block;
	height: 42px;
	margin-top: 0px;
	padding: 8px 8px 0 8px;
	background-color: #d3d3d3;
	background-image: url(images/progress-bar-background-grad.gif);
	font-size: 10pt;
}
.progress li
{
	display: block;
	float: left;
}
.progress li .arrow
{
	height: 24px;
	padding: 9px 10px 0 10px;
	border: solid 1px #959595;
	border-right: none;
	float: left;
	_padding: 9px 5px 0 7px;
	_margin-right: -3px;
}
.progress li .arrowpoint
{
	height: 35px;
	width: 12px;
	margin-right: 10px;
	float: left;
	border: none;
	background-image: url(images/arrow_grey.gif);
	background-repeat: no-repeat;
	background-position: -1px;
	_margin-right: 5px;
}
.progress li .arrowpointfinal
{
	height: 33px;
	width: 12px;
	border: solid 1px #959595;
	border-left: 0;
	float: left;
}
.progress li .num
{
	font-size: 1.3em;
	margin-right: 10px;
	display: block;
	float: left;
	margin-top: -2px;
}
.progress li.selected
{
}
.progress li.selected .num
{
	font-weight: bold;
}
.progress li.selected .arrow
{
	background-image: url(images/slice_blue.gif);
	border: solid 1px #e08c26;
	border-right: none;
	color: #000;
	background-position: -1px -1px;
}
.progress li.selected .arrowpoint
{
	background-image: url(images/arrow_blue.gif);
}
.progress li.selected .arrowpointfinal
{
	border: solid 1px #009aca;
	border-left: 0;
	background-image: url(images/slice_blue.gif);
	background-position: -1px -1px;
}

.WizardControl h3
{
	font-size: 10pt;
	color: #888888;
	margin: 0px;
	font-weight: bold;
}

.WizardControl .highlighted
{
	color: #004b85;
	margin: 10px 0px 10px 0px;
}
.WizardControl .label
{
	color: #004b85;
	margin: 10px 0px 10px 0px;
}

.hr
{
	height: 1px;
	background-image: url(images/dotted-line.gif);
	font-size: 0px;
	margin: 4px 0px 5px 0px;
}

.WizardControl h2
{
	font-size: 13pt;
	color: #004b85;
	margin: 0px;
	font-weight: bold;
}
.WizardControl p
{
}

.wzd
{
}

/* 
	Fire Warden Calculator
*/

.fw_table td
{
	border: solid 1px #aaaaaa;
	padding: 4px;
}
.fw_table2 td
{
	border-bottom: solid 1px #aaaaaa;
	padding: 4px;
}

.fw_caption
{
	font-size: 12pt;
	padding: 5px 2px;
	background-color: #dddddd;
	font-weight: bold;
	vertical-align: middle;
	height: 30px;
}
.fw_header
{
	font-weight: bold;
	background-color: #eeeeee;
}