/* CSS Document for datacapture.co.uk */
/* put no font size in the body definition - so users can scale it as they wish */
BODY, P, TD, TABLE {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
BODY {
	background:#ffffff;
	color:#000000;
	margin:0;
	padding:0;
}

#fluidpage {max-width:1500px; }
p {
	background:#ffffff;
	color:#000000;
	font-size:100%;
}
table, tr, td {
	font-size:100%;
}
/* the following 3 are used in javascript to sort out IE min-width */ 
.minwidth {
	width: 700px;
}
.maxwidth {
	width: 1200px;
}
.fluid {
	width: 100%;
}
.black {
	color:#000000;
}
.white {
	color:#ffffff;
}
.small {
	font-size:85%;
}
.link {
	font-size:100%;
}
.left {
	float:left;
}
.leftimage {
	float:left;
	margin-top:4px;
}
.leftspace {
	float:left;
	margin:2px;
	margin-bottom:6px;
	vertical-align:top;
}
.leftspacetall {
	float:left;
	margin:2px;
	margin-bottom:4px;
	vertical-align:top;
}
.right {
	float:right;
}
.rightindent {
	float:right;
	margin-right:30px;
}
.rightimage {
	float:right;
	margin:10px;
	margin-top:0px;
	margin-right:12px;
}
.middle {
	vertical-align:middle;
	margin-right:3px;
}
.middle2 {
	vertical-align:middle;
	margin-right:0px;
}
.indent {
	margin-left:35px;
}
.thumbnail {
	margin:0px;
	margin-right:5px;
}
img.thumbnail, img.thumbnaillong {
	height: 60px;
	margin-right:10px;
	margin-left:1px;
	margin-top:2px;
	margin-bottom:10px;
}
div.frontimage {
	background:#0A6CCE;
	color:#ffffff;
	border-top: 1px solid #333366;
	border-bottom: 1px solid #333366;
	height:139px;
	overflow:hidden;
	font-size:90%;
	padding:0;
	padding-right:15px;
}
.body {
	font-size:100%;
}
.bottomborder {
	background:#D7DCEF;
	color:#000000;
	border-top: 1px solid #333366;
	padding:10px;
	padding-left:85px;
	padding-top:5px;
	font-size: 85%;
}
.bottomcompany {
	background:#D7DCEF;
	color:#000000;
	padding:10px;
	padding-left:85px;
	padding-bottom:15px;
	font-size: 95%;
}
.bottombar {
	background:#333366;
	color:#8A94BE;
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	font-weight:normal;
	padding:10px;
}
.bluebox {
	background:#D7DCEF;
	width:98%;
	text-align:center;
	border: 1px solid #000000;
	padding:3px;
}
.whitebox {
	background:#ffffff;
	width:98%;
	text-align:center;
	border: 1px solid #000000;
	padding:3px;
}
div.imagebox {
	text-align:center;
	border:none;
	padding:5px;
	width:320px;
}
div.imagebox400 {
	text-align:center;
	border:none;
	padding:5px;
	width:400px;
}
div.contactboxhead {
	width:643px;
	text-align:left;
	background:#8A94BE;
	color:#ffffff;
	border:2px solid #8A94BE;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
}
div.contactbox {
	width:647px;
	text-align:left;
	border:2px solid #8A94BE;
	padding:8px;
	padding-top:5px;
	font-size:90%;
}
div.newsboxhead {
	width:163px;
	background:#8A94BE;
	color:#ffffff;
	border:2px solid #8A94BE;
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
}
div.newsbox {
	width:167px;
	border:2px solid #8A94BE;
	padding:8px;
	padding-top:5px;
	font-size:90%;
}
hr.blue {
	color: #8A94BE;
	height:4px;
	border-top: 1px solid #8A94BE;
	border-top: 1px solid #8A94BE;
	background: #8A94BE;
}
div.rightnobox {
	width:163px;
	border:none;
	padding:10px;
	padding-top:5px;
	font-size:90%;
}
div.backline {
	margin-right:80px;
	background:#ffffff url("../images/computerbanner_02.gif") repeat-x;
}
div.headlinecontent {
	margin:10px;
}
div.page {
	margin-top:10px;
}
div.pagecontent {
	background:#ffffff;
	margin:10px;
	padding-left:130px;
}
div.pagecontentindex {
	background:#ffffff;
	margin:10px;
	padding-left:10px;
	font-size:100%;
}
div.pagecontent-old {
	background:#ffffff;
	margin:10px;
	padding-left:130px;
	font-size:100%;
}
div.breadcrumb {
	font-size:80%;
	margin-left:140px;
	margin-top:0px;
	background: #E1E4F8;
}
div.rightcontent {
	float:right;
	width:163px;
	margin:5px;
}
div.topaccess {
	background:#ffffff;
	color:#1F1F3F;
	margin:0;
	padding:0;
	font-size:70%;
	text-align:right;
}
div.toplogo {
	background:#8B94BF;
	color:#000000;
	height:63px;
	margin:0px;
	padding:0px;
	padding-right:42px;
	border-bottom:2px solid #333366;
}
div.width {
	width:600px;
}
div.right {
	float:right;
}
.tight {
	padding:0;
	margin:0;
}
div.otherlinks {
	float:right;
	width:163px;
	margin:0px;
}
li {
	font-size:100%;
	list-style-image: url("../images/news-bullet2.gif");
}
li.sq {
	font-size:100%;
	list-style-image: url("../images/bullet3.gif");
}
.small {
	font-size:80%;
}
.smallitalic {
	font-size:90%;
	font-style:italic;
}
img.dcs {
	margin:5px;
}
a {
	font-size:100%;
}
A:hover {
	color : #CC3300
}
a img {
	border:none;
}
a:hover img {
	border:solid;
}
.palegrey {
	background:#F1F1F1;
	font-size:85%;
}
.white {
	color:#ffffff
}
.red {
	color:#FF0000
}
.mediumtext {
	font-size:110%
}
.largetext {
	font-size:120%
}
div.map {
	width:390px;
	border: solid 2px #AEB2C4;
	border-bottom: solid 1px #515D90;
	border-right: solid 1px #515D90;
	padding:2px;
	padding-top:2px;
	background:#D2D7ED;
	margin-top:5px;
}
div.mapindent {
	width:360px;
	margin-left:30px;
	border: solid 2px #AEB2C4;
	border-bottom: solid 1px #515D90;
	border-right: solid 1px #515D90;
	padding:2px;
	padding-top:2px;
	background:#D2D7ED;
	margin-top:5px;
}
div.mapindentindent {
	width:330px;
	margin-left:60px;
	border: solid 2px #AEB2C4;
	border-bottom: solid 1px #515D90;
	border-right: solid 1px #515D90;
	padding:2px;
	padding-top:2px;
	background:#D2D7ED;
	margin-top:5px;
}
a.map {
	margin:0;
	padding:0;
	margin-bottom:5px;
}
img.map {
	margin:0px;
	vertical-align:bottom;
}
span.blue-back {
	height:23px;
	background:#D2D7ED url("../images/button-back.gif");
}
a.question {
	color:#000000;
	font-style:normal;
	text-decoration:none;
}
a.question:hover {
	color:#000000;
	font-style:normal;
	text-decoration:none;
}
a.bottom {
	color:#8A94BE;
	font-style:normal;
	text-decoration:none;
}
a.bottom:hover {
	color:#8A94BE;
	font-style:normal;
	text-decoration:none;
}
h1.head {
	font: bold 120% Helvetica, Arial, sans-serif;
	color:#8A94BE;
}
h1 {
	font-family:helvetica;
	font-size:150%;
	color:#8A94BE;
	margin-bottom:0;
}
h2 {
	font-size:100%;
	font-weight:bold;
	margin-bottom:0;
	padding-bottom:0;
	margin-top:0;
	padding-top:0;
}
h2.leftmenu {
	font-size:70%;
	font-weight:bold;
	padding-bottom:0;
	margin:5px 5px 5px 7px;
}
.des {
	font-size: 10px;
	color: #cccccc;
	font-family: Arial, Helvetica, sans-serif;
}
.button a:hover {
	text-decoration: underline;
}
.topdes {
	font-size: 10px;
	color: #8A94BE;
	font-family: Arial, Helvetica, sans-serif;
}
td.button {
	font-size:90%;
}
td.nobutton a {
	background:#F1F1F1;
	text-decoration: none;
}
input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
th {
	text-align:left;
}