/*------------------------------------------------
Main Style Sheet

Version:	1.0
Author:		Michael Walsh
Website:	www.enov8.co.uk
Created:	23/10/07
------------------------------------------------*/

/*HTML TAGS*/

body {
  margin:0;
  padding:0;
  color:#000;
  font:70% Arial, Helvetica, sans-serif;
  text-align:center;
  background:#004fa3 url(../images/interface/bg.gif) repeat-x;
}

html {
     overflow: -moz-scrollbars-vertical;
}

#flash {
	width:922px;
	height:171px;
}

#header {
	width:922px;
	position:relative;
	height:156px;
}

h1 {
	position: absolute;
	top: 23px;
	margin: 0;
	font-size: 2px;
}

h1 a {
	display: block;
	text-indent: -700em;
	text-decoration: none;
	height:46px;
	width:220px;
	background-image:url(../images/interface/logo.gif);
}

p, h3, h4 {
	border:0;
	margin:0;
	padding-top:1em;
}

h3, h4 {
	text-align:left;
}

table {
	margin-top:1.4em;
	margin-bottom:0.4em;
}

h2 {
	margin:0;
	border:0;
	font-size:2em;
	color:#004fa3;
	font-weight:normal;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	padding:0;
	padding-left:65px;
	background:#FFF url(../images/interface/body-top.gif) top left no-repeat;
	display:block;
}

h3 {
	font-size:1.4em;
	color:#004fa3;
	font-weight:normal;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
}

h4 {
	color:#666;
	font-size:1.1em;
	font-family:Arial, Helvetica, sans-serif;
}

em {
	color:#FFF;
}

abbr, acronym {
  border-bottom: 1px dotted #004fa3;
  cursor: help;
}

blockquote {
	padding:20px;
	margin:0;
	border-top:1.4em solid #FFF;
	font-style:italic;
	overflow:visible;
	height:1%;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	color:#000;
	background-color:#e0e0e0;
	clear:both;
}

.jsenabled blockquote {
	background-color:transparent;
	padding:0;
}

blockquote span {
	display:block; 
	float:left;
	width:840px;
}

blockquote .curve-tl {
	width:796px;
}

blockquote p {
	padding-top:0.5em;
}

cite {
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	font-size:0.8em;
	margin-top:0.5em;
	/*color:#999;*/
	color:#004fa3;
	display:block;
}

img {
	border: 0px none; 
}

/* FORM */

#searchForm {
	width:288px;
	height:40px;
	background-image:url(../images/interface/search.gif);
	position:absolute;
	right:0;
	top:28px;
	padding:0;
}

#searchForm label {
	padding-left:20px;
	width:60px;
	display:block;
	float:left;
	color:#004fa3;
}

#searchForm input {
	width:180px;
	font-size:0.9em;
	border:0;
}

.form {
	margin-top:1.5em;
	padding:20px;
	padding-top:0px;
	background-color:#e0e0e0;
	float:right;
}

.formintro {
	width:211px;
	float:left;
}

.form p {clear:both; padding-top:0.5em;}

.form input.clearonfocus, .form textarea.clearonfocus {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	width:383px;
	padding:3px;
	color:#666;
	border:0;
	margin:4px;
}

.form select.text {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px;
	color:#666;
	border:0;
	margin:4px;
}

.form p.dob .input-tl {margin-right:5px;}

.form label {
	width:150px;
	display:block;
	float:left;
	text-align:left;
	padding-top:3px;
	vertical-align:middle;
}

.form input:focus, .form textarea:focus {
	color:#000;
}

.form p.buttonrow {
	padding-left:150px;
}

.form .invalidValue{border:1px solid #F00;}
.form .requiredValue{border:1px solid #F00;}

.form span {display:block; float:left;}
.curve-tl {background:url(../images/interface/curve-tl.gif) top left no-repeat;}
.curve-tr {background:url(../images/interface/curve-tr.gif) top right no-repeat;}
.curve-br {background:#e0e0e0 url(../images/interface/curve-br.gif) bottom right no-repeat;}
.curve-bl {background:url(../images/interface/curve-bl.gif) bottom left no-repeat;}
.input-tl {background:#FFF url(../images/interface/input-tl.gif) top left no-repeat;}
.input-tr {background:url(../images/interface/input-tr.gif) top right no-repeat;}
.input-br {background:url(../images/interface/input-br.gif) bottom right no-repeat;}
.input-bl {background:url(../images/interface/input-bl.gif) bottom left no-repeat;}

.jsenabled .form {
	padding:0;
	background-color:transparent;
}

.curve-tl {
	padding:20px;
	padding-top:10px;
}

fieldset {
	border:0;
	padding:0;
	margin:0;
}

* html fieldset {float:left;}

legend {
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	border:0;
	font-size:1.3em;
	color:#000;
	padding:1em 0 0.5em 0;
	font-weight:normal;
}

* html legend {margin-left:-0.5em;}
*+html legend {margin-left:-0.65em;}

.errors {
	padding:20px;
	margin:0;
	padding-top:10px;
	width:486px;
	margin-top:1em;
	background:url(../images/interface/validation-icon-wide.gif) top left no-repeat;
	padding-left:40px;
}

* html .errors {margin-top:1.5em;}
*+html .errors {margin-top:1.5em;}

#EmailForm.form input.clearonfocus, #EmailForm.form textarea.clearonfocus {
	width:225px;
}

#EmailForm.form label {
	width:87px;
}

#EmailForm.form p.buttonrow {
	padding-left:87px;
}

#EmailForm.form .errors {
	width:265px;
	background:url(../images/interface/validation-icon.gif) top left no-repeat;
}

#DriverApplication label span {
	font-size:0.9em;
	color:#000;
	padding-right:20px;
}

.checkbox {
	width:80px !important;
}

span.chkrad {
	display: block;
	float: left;
	width: 390px;
}

span.chkrad label {
	width: 190px;
}

label.fullwidth {
	float: none;
	width: 100%;
}

label.fullwidth span {
	float: none;
}

.chk-fullwidth {
	clear: both;
	margin-left: 150px;
}

.terms {
	padding-left:150px !important;
	width:auto !important;
}

/*ACCESSIBILITY*/

.skipLink {
	position: absolute;
	left: -999px;
	width: 990px;
}

.hide {
	display:none;
	clear:both;
}

/* CLASSES */

.image {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:1.6em;
	position: relative;
	width:285px;
	height:214px;
}

.image span {
	width:285px;
	height:214px;
	display:block;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../images/interface/image-frame-secondary.png);
}

* html .image span {background-image:url(../images/interface/image-frame-secondary.gif)};

.center {
	text-align: center;
}

.clear {
	clear:both;
}

.datatable {
	width:100%;
	line-height:normal;
	border:1px solid #004fa3;
}

.datatable th {
	background:#2F77B2 url(../images/interface/tile-table-heading.gif) top repeat-x;
	font-size:1em;
	padding:0.4em 0.8em 0.5em 0.8em;
	vertical-align:top;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}

.datatable td {
	background-color:#cddbe8;
	font-size:0.9em;
	padding:0.5em 0.8em;
	vertical-align:top;
	text-align:center;
	color:#333;
}

.datatable th a {
	color:#FFF !important;
	text-decoration:none;
}

.datatable th a:hover{
	color:#B2D15B !important;
}

.datatable tr:hover td {
	background-color:#FFF !important;
}

.datatable tr:nth-child(2n+1) td, .datatable tr:nth-child(odd) td {
	background-color:#dee9f3;
}

.datatable tr.odd td {
  background-color:#dee9f3;
}

/*#terms ol {
	counter-reset:item;
}

#terms li {
	display:block;
}

#terms li:before {
	content: counters(item, ".") " "; 
	counter-increment:item;
}*/

.highlight {
	padding-top:1.5em;
}

.highlight a {
	display:block;
	width:250px;
	height:29px;
	background:url(../images/buttons/highlight.gif) no-repeat top;
	padding-top:9px;
	text-align:center;
}

.highlight a:hover {
	background-position:0 -100px;
	text-decoration:none !important;
}

.notice {
	color:#004fa3;
	font-weight:bold;
}

/* HEADER */

#header {
	font-size:1.1em;
}

#headerWrapper {
	width:922px;
	height:35px;
	background:url(../images/interface/primary-end.gif) right no-repeat;
	position:absolute;
	bottom:27px;
	left:0px;
}
 
#header ul {
	margin:0;
	padding:0;
	padding-right:10px;
	list-style:none;
	background:url(../images/interface/primary-divider-end.gif) right no-repeat;
	float:left;
}

html #header ul {margin-bottom:-1px;}

#header li {
	float: left;
	padding: 0;
	margin: 0;
}

#header ul a {
	float: left;
	display: block;
	height:35px;
	padding: 8px 15px 8px 15px;
	color: #fff;
	text-decoration: none;
	background:url(../images/buttons/primary.gif) top left no-repeat;
	voice-family: "\"}\""; voice-family:inherit;
	height:19px; /*box model hack for IE5*/
}

#header ul a:hover {
	background-position:left -100px;
}

#header ul .current a {
	background-position:left -100px;
}

#header li:first-child a {
	background-image:url(../images/buttons/primary-first.gif);
}

/*NAVIGATION*/

#navigation, #sidebar {
	width:220px;
	float:right;
	padding:0;
	background:url(../images/interface/secondary-top.gif) top no-repeat;
	padding-top:3.5em;
}

#sidebar {
	background:none;
}
 
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation li {
	padding: 0;
	margin: 0;
	margin-top:-14px;
	position:relative;
}

* html #navigation li {margin-top:0;}

#navigation h3 {
	color:#bebebe;
	padding-left:20px;
	padding-bottom:13px;
}

#navigation ul a {
	display: block;
	padding: 21px 20px 7px 34px;
	color:#c9c9c9;
	text-decoration: none;
	background:url(../images/buttons/secondary.png) no-repeat;
	height:1%;
}

* html #navigation ul a {
	background:url(../images/buttons/secondary.gif) no-repeat;
	padding: 6px 20px 7px 34px;
}

#navigation ul .current a, #navigation ul .current a:hover{
	color:#7bbbff !important;
	font-weight:bold;
}

/*#navigation ul a:visited {
	background-position:0 -300px;
}*/

#navigation ul a:hover {
	background-position:0 -100px;
	
}

#navigation ul ul {
	padding:0;
}

#navigation ul ul li {
	
}

#navigation ul ul a {
	padding: 2px 20px 2px 20px;
	background:url(../images/buttons/tertiary.gif) top no-repeat !important;
}

/*#navigation ul ul a:visited {
	background:url(../images/interface/tick_sec.gif) right no-repeat !important;
	padding-right:23px;
}*/

#navigation ul ul a:hover  {
	background-position:0 -100px !important;
}

#navigation ul ul .current a, #navigation ul ul .current a:hover {
	font-weight:bold;
	background-position:top !important;
}

/* IDs */
	
#wrapper {
	width:922px;
	margin:0 auto;
	text-align:left;
	position:relative;
}

#bodywrapper {
	height:1%;
	width:922px;
	float:left;
	background:#FFF url(../images/interface/tile-bodywrapper.gif) repeat-y;
}

#home #bodywrapper, #wide #bodywrapper {
	background-image:none;
}

#mBody {
	font-family: Arial, Helvetica, sans-serif;
	float:left;
	padding-left:41px;
	padding-bottom:20px;
	padding-top:20px;
	height:1%;
	min-height:275px;
	width:660px;
	font-size:1.1em;
	line-height:1.6;
	text-align:justify;
	color:#666;
	voice-family: "\"}\""; voice-family:inherit;
	width:619px; /*box model hack for IE5*/
}

* html #mBody {height:275px;} 

#home #mBody {
	padding:0;
	width:922px;
	padding-bottom:18px;
	
}

#wide #mBody {
	padding-left:41px;
	padding-right:41px;
	width:922px;
	padding-bottom:18px;
	voice-family: "\"}\""; voice-family:inherit;
	width:840px; /*box model hack for IE5*/
}

#mBody ul {
	list-style-type:none;
	/*text-align:left;*/
	margin-bottom:0;
	margin-top:1em;
}

#mBody ul ul {margin-top:0;}

#mBody ul li {
	padding-left:15px;
	background:url(../images/interface/bullet.gif) no-repeat 0 0.6em;
	margin-left:-15px;
}

#mBody ol li {
	padding-left:0;
	margin-left:-15px;
}

#mBody a {
	color:#004fa3;
	text-decoration:none;
}

#mBody a:hover {
	text-decoration:underline;
}

/*#mBody a:visited {
	background:url(../images/interface/tick.gif) right no-repeat;
	padding-right:15px;
}*/

#breadcrumb {
	position:absolute;
	right:32px;
	top:340px;
	/*top:368px;*/
	color:#999;
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;
}

#breadcrumb a {
	color:#999;
	text-decoration:none;
}

#breadcrumb a:hover {
	color:#000;
	text-decoration:none;
}

/*FOOTER*/

#footer {
	padding:0 41px;
	background:url(../images/interface/footer-secondary.gif) no-repeat;
	width:922px;
	clear:both;
	voice-family: "\"}\""; voice-family:inherit;
	width:840px;
}

#home #footer, #wide #footer {
	background:url(../images/interface/footer.gif) no-repeat;
}

#footer a {
	text-decoration:none;
}

#footer h3 {
	position: absolute;
	left: -9999px;
	width: 990px;
	background:none;
}

#home #backtotop, #wide #backtotop {
	float:right;
	margin-top:20px;
	margin-right:14px;
	color:#666;
}

#home #backtotop:hover, #wide #backtotop:hover {
	color:#000;
	text-decoration:none;
}

#backtotop {
	float:right;
	margin-top:-10px;
	margin-right:107px;
	color:#666;
	position:relative;
	z-index:200;
}

#backtotop:hover {
	color:#FFF;
	text-decoration:none;
}

#footer ul {
	float:left;
	width: auto;
	margin:0;
	padding:0;
	border:0;
	list-style: none;
	padding-top:27px;
}

#footer li {
	float:left;	
}

#footer ul a {
	float: left;
	display: block;
	padding-right: 10px;
	color:#a1a1a1;
}

#footer ul a:hover {
	color:#000;
}

#copyright {
	clear:both;
	padding-top:20px;
	padding-bottom:10px;
	color:#3876b7;
	height:1%;
	text-align:center;
	font-size:0.8em;
}

#copyright a {
	color:#3876b7;
	text-decoration:none;
}

#copyright a:hover {
	text-decoration:underline;
}

/* HOMEPAGE */

.panel {
	padding:8px 16px 13px 16px;
	background-color:#e0e0e0;
	text-align:left;
	float:left;
}

#contract-driver {
	margin-bottom:1.5em;
	margin-top:1.5em;
}

.panel span {display:block; float:left;}
.panel-tl {background:#e0e0e0 url(../images/interface/curve-tl.gif) top left no-repeat;}
.panel-tr {background:url(../images/interface/curve-tr.gif) top right no-repeat;}
.panel-br {background:url(../images/interface/curve-br.gif) bottom right no-repeat;}
.panel-bl {background:url(../images/interface/curve-bl.gif) bottom left no-repeat;}

.jsenabled .panel {
	padding:0;
}

.panel-br {
	padding:8px 16px 13px 16px;
}

.panel h3, .panel-br h3 {
	padding:0;
	margin:0;
	display:block;
	border-bottom:1px solid #b8c6d5;
	width:217px;
}

.panel p {
	padding-top:1em;
}

.panel img {
	float:right;
	margin-left:10px;
	margin-top:5px;
}

.column {
	width:252px;
	padding-left:41px;
	float:left;
	padding-top:16px;
}

.panelcolumn {
	width:247px;
	padding-right:41px;
	float:right;
	padding-top:16px;
}

#home h2 {
	padding-left:65px;
}

#home #mBody ul {
	text-align:left;
	padding-left:15px;
	margin-left:0;
}

#home #mBody ul li {
	padding-left:20px;
	background:url(../images/interface/home-tick.gif) no-repeat 0 0.4em;
}

/* GOOGLE MAP */

#map {
	margin-top:1.5em;
	width:618px;
	height:400px;
	border:1px solid #004fa3;
	zoom:1;
}

#map strong {
	display:block;
}

/* AJAX SEARCH */

#ajaxSearch {
	width:288px;
	height:40px;
	background-image:url(../images/interface/search.gif);
	position:absolute;
	right:0;
	top:28px;
	padding:0;
}

#ajaxSearch label {
	padding-left:20px;
	width:60px;
	display:block;
	float:left;
	color:#004fa3;
}

#searchForm input {
	width:180px;
	font-size:0.9em;
	border:0;
}

#ajaxSearch_input {
    width:150px;
	/*width:180px;*/
	font-size:0.9em;
	border:0;
}

#ajaxSearch_submit {
    width: 29px !important;
    height: 20px !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent  url(../images/interface/search-go.gif) no-repeat center top;
    padding: 29px 0 0 !important;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 12px;
}

#ajaxSearch_output {
    background: #000;
    color: white;
    -moz-opacity:0.85 !important;
    opacity:0.85 !important;
    filter: alpha(opacity=85) !important;
    position: absolute;
    top: 49px;
    right: 60px;
    width: 169px !important;
    z-index: 98;
    border: 0;
    padding: 0;
    margin: 0;
}
#ajaxSearch_output a {
	color: #fff;
	text-align: left;
	display: block;
	padding:3px 6px;
	text-decoration:none;
}
#ajaxSearch_output a:hover{ background-color: #699bc9;}
#ajaxSearch_output p {margin: 0;}
.ajaxSearch_paging { }

#searchClose {
	position:absolute;
	top:52px;
	right:63px;
	z-index:99;
}

#indicator {
	position: absolute;
    top: 28px;
    right: 235px;
}

.ajaxSearch_extract p {
	padding-top:0 !important;
	padding-bottom:1em !important;
}

.ajaxSearch_resultsInfo {
	padding-bottom:1em;
}

.ajaxSearch_highlight {
	font-weight:bold;
	color:#000;
}

/* PAGING CONTROLS */

.paging {
	background-color:#e0e0e0;
	margin-top:1em;
	height:28px;
	border:1px solid #004fa3;
}

.paging span a, .paging span.selectedpage {
	display:block;
	padding:4px 10px;
	color:#333;
	float:left;
	border-right:1px solid #FFF;
}

.paging span a:hover {
	background-color:#004fa3;
	color:#FFF !important;
	text-decoration:none !important;
}

.paging span.selectedpage {
	background:#004fa3 url(../images/interface/tile-table-heading.gif) top repeat-x;
	color:#FFF;
	font-weight:bold;
}

#ajaxSearch_resultListContainer li {
	padding-bottom:0.5em;
}

#ajaxSearch_resultListContainer {
	padding-bottom:1em;
}