@charset "utf-8";
/* CSS Document */

/*				Reset CSS				*/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code,del, dfn, img, ins, kbd, q, s, samp, small, strike, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed ,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	outline: none;
	text-decoration: none;
}
*, *:before, *:after {
	webkit-box-sizing: border-box;
	moz-box-sizing: border-box;
	box-sizing: border-box;
}
address, caption, cite, code, dfn, th, var, h1, h2, h3 {
	font-style: normal;
	font-weight: normal;
}
body {
	line-height: 1.5;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #ffffff;
	min-height: 100%;
}
p {
	line-height: 1.5;
	font-size: 14px;
}
html {
	margin-top: 0 !important;
	height: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
caption, th {
	text-align: left;
}
small {
	font-size: 75%;
}
a img {
	border: none;
}
img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
/*		reset css		*/

/*		Clearfix		*/

.clearfix:before,
.clearfix:after {
    content: " "; 
    display: table;
}

.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
/*		clearfix		*/


/*		Document			*/

.content-wrapper {
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;	
	padding: 0 30px;
}
header {
	position: relative;
	padding-left: 23%;	
}
.logo {
	position: absolute;
	left: 0;
	width: 23%;	
}
.top-banner { 
	width: 98.5%;	
}
nav {
	padding-left: 3.1%;
	background-color: #1E4B9A;
	width: 98.5%;	
}
nav a {
	float: left;	
}
nav a img {
	min-height: 23px;	
}
nav > img {
	float: left;	
}
.centerdiv {
	padding-left: 23%;	
	position: relative;
}
.left-sidebar {
	position: absolute;
	left: 0;	
	top: 110px;
	width: 23%;
	text-align: center;
}
.center-content {
	width: 98.5%;	
	border: 1px solid #000000;
	margin-top: 3px;	
}
.content-text {
	float: left;
	width:75%;
	padding: 10px 30px 10px 15px;
}
.right-sidebar {
	float: right;
	max-width: 20%;	
	padding: 15px;
	background-color: #1E4B9A;
	position: absolute;
	top: 3px;
	bottom: 3px;
	right: 16px;
}
.right-sidebar img {
	margin-bottom: 15px;	
}
.left-sidebar-contact {
	margin-bottom: 15px;
}
.left-sidebar > p {
	margin-bottom: 15px;	
}
.content-text-banner {
	text-align: center;
	background-color: #08F413;
	border: 2px solid #777777;
	border-style: double;
	max-width: 655px;
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
}
.content-text > p {
	margin-bottom: 15px;	
}
footer {
	text-align: center;	
	margin-top: 10px;
}
footer > div {
	margin-bottom: 15px;
}
.content-text.wide {
	width: 100%;
	padding-right: 50px;	
}
.content-text ul {
	margin-left: 35px;	
}
.content-text.narrow {
	padding-right: 15px;
	width: 100%;	
}
.bordered-content {
	border: 3px ridge #777777;
	margin-bottom: 15px;
}
.bordered-content-left {
	float: left;
	border-right: 3px ridge rgb(119, 119, 119);	
}
.ben-shaw .bordered-content-left {
	width: 63%;	
	padding: 10px 5px;
}
.nlt .bordered-content-left {
	width: 53%;	
	padding: 10px 5px;
}
.full-content {
	clear: both;	
	border-top: 3px ridge rgb(119, 119, 119);
	padding: 10px 5px;
}
.bordered-content-right {
	float: right;
	padding: 30px 5px 45px;
	margin-bottom: -1px;
}
.ben-shaw ul {
	list-style: none;
	margin-bottom: 15px;	
}
.bordered-content p {
	margin-bottom: 15px;
}	
body.cpc-info .content-text.wide ul {
	margin-bottom: 20px;	
}
.downloads .center-content {
	min-height: 210px;	
}
body.contact .content-text table {
	margin-left: 100px;
}	
body.contact .content-text table td p {
	margin-bottom: 20px;	
}
body.course-booking .content-text table table {
	border: 2px ridge #777777;	
}
body.course-booking .content-text table td {
	padding: 10px;	
}
body.course-booking .content-text table td {
	border: 2px ridge #777777;	
}
.content-text-banner.dark {
	background-color: #339900;
	color: #ffffff;
	max-width: 80%;;
	margin: 0 auto;
	margin-bottom: 10px;
}
.order-form td {
	padding: 10px;
	border: 2px ridge #777777;
}
body.five-day-driver .center-content {
	min-height: 950px;	
}
.on-site-training .center-content {
	min-height: 1300px;	
}
.order-form input, .order-form textarea {
	width: 100%;	
}
.order-form input[type="submit"], .order-form input[type="checkbox"] {
	width: auto;
}

/*	media queries	*/


@media screen and (max-width: 1365px) {
	.bordered-content-left {
		float: none;
		width: 100% !important;
		border: none;
	}
	.bordered-content-right {
		float: none;
		width: 100% !important;
	}
	.downloads .center-content {
		overflow: hidden;
	}
}
@media screen and (max-width: 1023px) {
	body.course-booking .content-text table td {
		width: 100%;
		display: block;
		height: auto;	
	}
	body.course-booking .content-text > table > tbody > tr {
		display: block;
		margin-bottom: 20px;	
	}
	body.course-booking .content-text table tr.hidden {
		display: none;	
	}
	body.course-booking .content-text table table {
		width: 100% !important;	
	}
	.centerdiv {
		padding-left: 0;
		margin-top: 30px;	
	}
	.left-sidebar {
		position: static;	
		width: 100%;
	}
	.right-sidebar {
		position: static;
		float: none;
		max-width: 100%;
		text-align: center;
	}
	.content-text {
		float: none;
		width: 100%;
		padding: 10px;
	}
	.center-content {
		width: 100%;
	}
	footer {
		padding: 0 10px;	
	}
	.content-text.wide {
		padding-right: 10px;
	}
	body.contact .content-text table {
		margin-left: 10px;	
	}
}
@media screen and (max-width: 767px) {
	header {
		padding-left: 0;	
	}
	.content-wrapper {
		padding: 0 15px;
	}
	.logo {
		position: static;
		width: auto;
		text-align: center;	
	}
	.top-banner {
		width: auto;
		margin-bottom: 10px;
	}
	nav {
		width: 100%;
	}
}
@media screen and (max-width: 479px) {
	.order-form td {
		display: block;
		width: 100%;
	}
}