@import url(_navigation.css);
@import url(sIFR-screen.css);
@import url(_per-page-css.css);
@import url(_truck-sales.css);
/* new to css? Feel free to pick the bones out of this document. questions? email jon@trinitydesign.co.uk */

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background:#FFFFFF;
	margin:0;
	padding:0;
}

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

#wrap {
	width: 876px;
	margin:0 auto;
	text-align:left;
}

#border {
	float:left;
	width:100%;
	border:1px solid #CCCCCC;
	margin-top:10px;
	position:relative;
	background:url(../images/background.gif) top left repeat-y;
}

/* ------------------------------------------------------------------------------------------ common items */

hr, .access-item {
	display:none;
}

/* ------------------------------------------------------------------------------------------ headers */
	
h1 {
	text-transform: uppercase;
	font-size:2.8em;
	padding-left:10px;
	margin-bottom:10px;
	display:block;
}

h2 {
	font-size:1.4em;
	font-weight:normal;
	margin-bottom:10px;	
}

h3 {
	font-weight:normal;
	text-transform: uppercase;
	font-size:1.6em;
	padding-left:10px;
	width:240px;
	display:block;
	margin-bottom:10px;
}

/* ------------------------------------------------------------------------------------------ content */

#content {
	width:276px;
	float:left;
}

/* ------------------------------------------------------------------------------------------ introduction */
	
	/* default css */

	#content #introduction {
		border-bottom:1px solid #ccc;
		height:264px;
		padding:10px;
	}
	
	#content #introduction-alt {
		border-bottom:1px solid #ccc;
		padding:10px;
	}
	
	#content #introduction #date {
		font-size:1.4em;
		color:#666666;
		margin-bottom:1em;
		padding-left:20px;
		margin-top:-1em;
	}
	
	#content #introduction #date strong {
		font-size:1.2em;
	}
	
	#content #introduction p,
	#content #introduction-alt p {
		font-size:1.2em;
		line-height:1.4em;
		margin-bottom:1em;
		color:#666666;
	}
	
/* ------------------------------------------------------------------------------------------ news-headlines & e-news */

	#content #news-headlines {
		height:110px;
		padding:10px;
		overflow:hidden;
	}
	
	#content #e-news {
		height:70px;
		background:#F4F4F4;
		padding:10px;
		border-top:1px solid #ccc;
	}
	
	#content #news-headlines dl {
		margin-left:20px;
		font-size:1.2em;
		color:#666666;
		
	}
	
	#content #news-headlines dl dd {
		margin-bottom:1em;
	}
	
	#content #news-headlines dl a {
		color:#000;
	}
	
	#news-headlines p {
		font-size:1.2em;
		margin-bottom:1em;
	}
	
	#news-headlines p a {
		color:#000;
		border-bottom:1px solid #ccc;
	}
	
	#content #e-news  p {
		font-size:1.2em;
		margin-left:20px;
	}
	
	#content #e-news p a {
		color:#000000;
	}

/* ------------------------------------------------------------------------------------------ policy */
	#content #loginform{width:300px; padding:15px; border:1px solid #E0DFE3; background:#F2F1F3; margin:50px 0 50px 300px;}
		#content #loginform:after{content:";-)"; display:block; visibility:hidden; height:0; clear:both;}
	#content #loginform p{font-size:1.3em; width:80%; border-bottom:1px solid #D3D0D7; padding:0 0 5px 0;}
	#content #loginform form.logmein input.pass{padding:5px; border:1px solid #D3D0D7; margin:15px; background:url(../images/formlogin.jpg) center left no-repeat #fff;}
	#content #loginform form.logmein input.sub{padding:3px; background:none; float:left; clear:both; border:1px solid #D3D0D7; margin-left:14px;}
/* ------------------------------------------------------------------------------------------ pdf-box */
	
#content #pdf-box {
	background:#F4F4F4;
	padding:10px;
	border-top:1px solid #ccc;
	height:70px;
}

#content #pdf-box p {
	padding-left:40px;
	background:url(../images/icon-pdf.gif) top left no-repeat;
	font-size:1.4em;
}

	#content #pdf-box p a {
		color:#666666;
		border-bottom:1px solid #ccc;
	}
	
	#content #pdf-box p a:hover {
		background:#EEEFF5;
	}
	
#content #pdf-box-flipzine {
	background:#F4F4F4;
	padding:10px;
	border-top:1px solid #ccc;
	height:120px;
}

#content #pdf-box-flipzine p {
	padding-left:48px;
	height:45px;
	background:url(../images/icon-pdf-flipzine.png) top left no-repeat;
	font-size:1.4em;
}

#content #pdf-box-flipzine p.other {
	padding-left:48px;
	height:45px;
	background:url(../images/icon-pdf-flipzine-2.png) top left no-repeat;
	font-size:1.4em;
}

	#content #pdf-box-flipzine p a {
		color:#666666;
		border-bottom:1px solid #ccc;
	}
	
	#content #pdf-box-flipzine p a:hover {
		background:#EEEFF5;
	}

/* ------------------------------------------------------------------------------------------ news page items */

#news-list h2 {
	padding:10px 0 0 10px;
}

	#news-list ul {
		font-size:1.4em;
		padding:10px;
	}
	
	#news-list ul li {
		margin-bottom:10px;
		border-left:4px solid;
		padding-left:10px;
		line-height:1.5em;
		color:#999999;
	}
	
	#news-list ul li a {
		color:#000;
		border-bottom:1px solid #ccc;
	}
	
	#news-list ul li a:hover {
		background:#EEEFF5;
	}
	
.download-word {
	display:block;
	width:224px;
	height:38px;
	background:url(../images/icon-word.gif) top left no-repeat;
	padding-left:38px;
	font-size:1.4em;
	margin-bottom:6px;
}

.download-pdf {
	display:block;
	width:224px;
	height:38px;
	background:url(../images/icon-pdf.gif) top left no-repeat;
	padding-left:38px;
	font-size:1.4em;
	margin-bottom:6px;
}

.contact {
	display:block;
	width:100%;
	border:1px solid #ccc;
	background:#E6E7E7;
	color:#666666;
}

.contact p {
	padding:5px;
}

	.contact .telephone {
		font-size:2.0em;
		line-height:1.5em;
	}


/* ------------------------------------------------------------------------------------------ main */

#main {
	width:599px;
	float:left;
}

#main #main-image {
	border-bottom:1px solid #ccc;
	height:284px;
	width:600px;
	margin-bottom:0px;
	padding-bottom:0;
	float:left;
}

#main #main-image img {
	display:block;
	vertical-align:bottom;
}

/* ------------------------------------------------------------------------------------------ image-switcher */	

	#main #image-switcher {
		float:left;
		width:100%;
		clear:left;
		background:#F4F4F4;
		border-bottom:1px solid #ccc;
		display:inline;
	}
	
	#main #image-switcher dl {
		height:130px;
		float:left;
		border-left:1px solid #ccc;
	}
	
	#main #image-switcher a dl:hover {
		background:#E1E1E1;
		cursor:crosshair;
	}

	
	#main #image-switcher dl dt {
		border-left:5px solid;
		margin:10px 5px 0 5px;
		padding-left:5px;
		font-size:1.2em;
		color:#666666;
		text-transform:uppercase;
		font-weight:bold;
		height:40px;
	}
	
	#main #image-switcher dl dt a {
		height:40px;
		display:block;
		font-size:1.2em;
		color:#666666;
		text-transform:uppercase;
		font-weight:bold;
	}
	
	#main #image-switcher dl dt a:hover {
		color:#000;
	}
	
	/*#main #image-switcher dl dt a span {
		display:none;
	} */
	
	#main #image-switcher dl dd {
		font-size:1.1em;
		color:#666666;
		margin:10px 5px 0 5px;
	}
	
	#main #image-switcher dl dd img {
		float:right;
		padding-right:5px;
	}
	
/* ------------------------------------------------------------------------------------------ dealer-finder */

	#main #dealer-finder {
		border-left:1px solid #ccc;
		padding:10px;
		float:left;
		clear:left;
		position:relative;
		height:70px;
	}
	
	#main #dealer-finder select {
		width:200px;
		border:1px solid #ccc;
		margin:10px;
		padding:5px;
	}
	
	#main #dealer-finder p {
		display:block;
		font-size:1.6em;
		color:#999999;
		position:absolute;
		top:30px;
		left:260px;
		width:300px;
	}
	
/* ------------------------------------------------------------------------------------------ introduction-extended */

#introduction-extended {
	float:left;
	clear:left;
	width:100%;
}

	#introduction-extended ul {
		font-size:1.2em;
		padding:10px;
	}
	
	#introduction-extended ul li {
		margin-left:20px;
		list-style:disc;
		padding-bottom:5px;
		margin-bottom:5px;
		border-bottom:1px solid #ccc;
	}
	
/* ------------------------------------------------------------------------------------------ content-subpage */

#main #content-subpage {
	padding:10px;
	float:left;
}

#main #content-subpage h2 {
	font-size:2.6em;
}

#main #content-subpage h5 {
	font-size:1.6em;
	line-height:1.5em;
	margin-bottom:0.6em;
	font-weight:normal;
}

#main #content-subpage p {
	font-size:1.2em;
	line-height:1.5em;
	margin-bottom:1em;
}	

#main #content-subpage ul,
#main #content-subpage ol {
	font-size:1.2em;
	margin-bottom:1em;
}

#main #content-subpage ul li {
	margin-left:2em;
	list-style:square;
	padding-left:1em;
	margin-bottom:1em;
}

#main #content-subpage ol li {
	margin-left:2em;
	list-style:decimal;
	padding-left:1em;
	margin-bottom:1em;
}

#main #content-subpage a {
	color:#365C80;
	border-bottom:1px solid #e0e0e0;
}

#main #content-subpage a:hover {
	background:#E9EFF5;
}

	#main #content-subpage #content-text {
		float:left;
		width:300px;
	}
		
	#main #content-subpage #content-pictures {
		width:260px;
		float:left;
		margin-left:15px;
	}
	
		#main #content-subpage #content-pictures img {
			margin-bottom:10px;
			border:1px solid #ccc;
		}
		
				#main #content-subpage #content-pictures #medical {	
					margin-left:10px; 
					margin-bottom:10px; 
					font-size:12px;
			}
		
	#main #content-subpage #content-extended {
		clear:left;
		float:left;
		width:100%;
	}
	
		#main #content-subpage #content-extended ul.places {
			display:block;
			width:50%;
			float:left;
		}
		
	#main #content-subpage form input,
	#main #content-subpage form textarea {
		border:1px solid #999999;
		padding:4px;
	}
	
/* ------------------------------------------------------------------------------------------ footer */	

#footer {
	clear:left;
	float:left;
	width:100%;
	background:url(../images/footer-background.jpg) top left repeat-x;
	position:relative;
}	

	#footer #footer-contact {
		width:50%;
		float:left;
		display:block;
		padding:5px;
		font-size:1.2em;
		color:#fff;
	}
	
	#footer #footer-copyright {
		position:absolute;
		top:5px;
		right:5px;
		font-size:1.2em;
		color:#fff;
	}
	
	#footer #footer-copyright a {
		color:#fff;
	}
	
/* ------------------------------------------------------------------- contract-hire*/

.flexfixcomm{
	padding:0; 
	margin:0 0 10px 7px;
	height:365px;
	width:190px;
	position:relative;
	float:left;
}
	.flexfixcomm p{font-size:1.1em; color:#666; display:block; padding:10px 10px 10px 10px;}
		.flexfixcomm  ul{font-size:1.1em; color:#666; display:block; margin:0 0 0 20px;}
			.flexfixcomm  ul li{list-style-type:disc;}