@import url("reset.css");
@import url("fontstyles.css");
@import url("menu.css");

/* Main Layout */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../images/background.gif) repeat-x top #fff;
}

#wrapper {
	width:690px;
	margin:0 auto;
	padding:0px 30px 40px 40px;
}

#header {
	width:680px;
	padding:30px 0px 0px 0px;
	position:relative;
	z-index:2;
}

#breadcrumb {
	width:680px;
	margin-bottom:5px;
	padding:0px 0px 5px 0px;
	color:#333;
}

#breadcrumb_replace {
	width:680px;
	border-bottom:solid 1px #97999C;
	margin-bottom:5px;
	height:1px;
}

#banner {
	width:680px;
	height:248px;
	position:relative;
	z-index:0;
}

#content {
	width:680px;
	background:#fff;
}

* html #content {
	overflow:hidden;
}

#left_menu {
	width: 150px;
}

.left {
	float:left;
	position:relative;
}

.right {
	float:right;
}

.italic {
	font-style:italic;
	color:#777777;
}

#rightpage {
	float:left;
	padding-left:10px;
	width:505px;
	padding-top:0px;
	margin-bottom:10px;
	position:relative;
}

#footer {
	width:680px;
	padding:10px 0px 10px 0px;
}

#sub {
	width:690px;
	padding:10px 0px 10px 0px;
	font-size:0.8em;
}

#sub p {
	margin: 0px;
}

.download_link {
	color:#176B9E;
}

/* Twitter */
#twitter_update_list {
	background:url(../images/twitter.jpg) no-repeat;
	width:300px;
	padding:25px 0 0 55px;
	cursor:pointer;
}
#twitter_update_list li { list-style:none; text-decoration:none; color:#333; }


/* Color Scheme */
.blue {
	color:#176B9E;
}

/* Header */

#logo {
	background:url(../images/logo_new.jpg) no-repeat bottom left;
	width:188px;
	height:80px;
	cursor:pointer;
}
	#logo h1 {
		display:none;
	}
	
.main_link {
	font-size:1.1em;
	text-decoration:none;
	margin:0px 20px 0px 0px;
	color:#176B9E;
	padding-right:12px;
	background:url(../images/tri.gif) no-repeat right;
	display:block;
	font-weight:bold;
}

.dropholder {
	padding-top:55px;
	width:230px;
}

.dropdown {
	width:100px;
	position:absolute;
	left:-14px;
	background:#EFEFEE;
	z-index:10;
	padding:5px;
	display:none;
	opacity:0.8;
	filter:alpha(opacity=80);
}
	.dropdown ul {
		margin-left:15px;
	}
	.dropdown ul li {
		margin:5px 0px 5px 0px;
		list-style:url(../images/tri_grey.gif);
	}
	.dropdown ul li a {
		text-decoration:none;
	}
	.dropdown ul li a:hover {
		text-decoration:underline;
	}

.search {
	width:220px;
	border:solid 1px #97999C;
	padding:3px;
	color:#97999C;
	position:relative;
	right:-30px;
}
	.searchfix {
		height:50px;
	}
	.search input {
		border:solid 1px #F1F2F3; /* ie 6 does not accept border:none; */
		background:#F1F2F3;
	}
	.search .submit {
		background:#F1F2F3;
		border:none;
		color:#97999C;
		cursor:pointer;
		position:absolute;
		right:5px;
		text-align:right;
	}

#headlinks {
	padding:7px 0px 0px 0px;
	text-align:right;
	color:#97999C;
}
	#headlinks a {
		font-size:1.1em;
		text-decoration:none;
		margin-left:10px;
		margin-right:0px;
		color:#97999C;
	}
	#headlinks a:hover {
		text-decoration:underline;
	}
	#headlinks #tel {
		font-size:1.3em;
	}

/* Breadcrumb */
#breadcrumb a {
	font-weight:bold;
	text-decoration:none;
}

#breadcrumb a:hover {
	text-decoration:underline;
}

#breadcrumb a, #breadcrumb span {
	margin:0px 1px 0px 1px;
}

/* Content */
#banner #banner_text {
	position:absolute;
	top:10px;
	right:30px;
	z-index:10;
	width:200px;
	color:#fff;
	font-size:1.6em;
	text-align:left;
}

.container {
	width:250px;
	margin-right:7px;
	margin-left:2px;
}

.menu_head {
	color:#176B9E;
	font-weight:bold;
	margin-top:10px;
}

.side_menu {
	padding-left:14px;
	margin-top:15px;
}
	.side_menu li {
		margin:3px;
		list-style-image:url(../images/tri.gif);
		color:#dd0000;
	}
	.side_menu li a {
		text-decoration:none;
	}
	.side_menu li a:hover {
		text-decoration:underline;
	}
	
.top {
	padding-top:10px;
}

.main {
	width:150px;
	padding:0px 0px 25px 0px;
}
	.main h1 {
		padding:15px 0px 5px 0px;
		font-size:1.2em;
		color:#176B9E;
		font-weight:bold;
	}
	.main ul {
		margin-left:15px;
	}
	.main ul li {
		margin:3px;
		list-style-image:url(../images/tri.gif);
	}
	.main ul li.moremargin {
		margin-bottom:15px;
	}
	.main ul li a {
		text-decoration:none;
	}
	.main ul li a:hover {
		text-decoration:underline;
	}

#rightpage p:last-child {
	margin-bottom:0px;
}

#rightpage ul li {
	list-style:disc;
	margin-left:15px;
	margin-bottom:8px;
}

#content strong {
	font-weight: bold;
}

/* Footer */

#footer .cont {
	width:150px;
	padding-left:20px;
	color:#97999C;
}
	#footer h2 {
		font-size:1.1em;
	}
	#footer h2 a {
		color:#97999C;
		text-decoration:none;
	}
	#footer ul {
		margin-top:10px;
		padding-left:17px;
	}
	#footer ul li {
		list-style-image:url(../images/tri_grey.png);
		behavior:url(iepngfix.htc);
	}
	#footer ul li a {
		text-decoration:none;
		color:#97999C;
	}
	#footer ul li a:hover {
		text-decoration:underline;
	}

	
/* Search Results */

p.search_title {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 3px;
}

p.search_title a {
	color:#176B9E;
}

p.search_more {
	text-align: right;
	font-size: 0.9em;
	font-weight: bold;
}

/* Blog */

.item {
	width:660px;
	position:relative;
	border-bottom:solid 1px #919191;
	padding:10px 10px 10px 10px;
	margin-bottom:30px;
	background:#eee;
}
#rightpage p {
	width:500px;
}
	.item .date {
		position:absolute;
		left:-40px;
		top:15px;
		width:40px;
		height:35px;
		border:solid 1px #919191;
		border-right:none;
		text-align:center;
		padding-top:5px;
		background:#eee;
	}
	.item .date p {
		line-height:15px;
		font-size:14px;
		margin:0px;
	}
	.item p.time {
		margin:10px 0 0 0;
		color:#88733A;
	}
	.item h1.blog_title, .item h1.blog_title a {
		color:#176b9e;
		font-weight:normal;
		text-decoration:none;
	}
	.item h1.blog_title a:hover {
		text-decoration: underline;
	}
	.item a.more {
		font-size: 0.9em;
		font-weight: bold;
		display:block;
		margin:10px 0 10px 0;
	}

a.backtop {
	background:url(../images/arrow.gif) no-repeat left;
	padding-left:18px;
	margin-top:20px;
	position:relative;
	right:0px;
}

li.share {
	padding-bottom:20px;
}

h1.blog_title {
	border-bottom:solid 1px #919191;
	font-size:1.9em;
}

.sub {
	font-size:0.8em;
	color:#88733A;
}

	
.mainitem {
	margin-top:10px;
}

.blogimg {
	float:left;
	border:solid 2px #919191;
	margin:4px 4px 0 0;
}

#nfpimg_holder {
	min-height:550px;
}

.nfpimg {
	
}

.nfpimg2 {
	
}

#comments {
	margin-top:10px;
	padding-top:10px;
	position:relative;
}
	#comments h2 {
		border-bottom:solid 1px #919191;
		margin-bottom:10px;
	}
	
.comment {
	background:#fff;
	padding:8px;
	margin:10px 0px 10px 0px; 
}
	.comment .name {
		border-bottom:solid 1px #919191;
		font-weight:bold;
		font-size:1.2em;
		margin-bottom:0px;
	}
	.comment .name span {
		font-size:0.8em;
		font-weight:100;
	}

#leave_comment {
	margin-top:30px;
	padding:10px 10px 10px 10px;
}
	#leave_comment h1 {
		padding:0px;
		margin-bottom:10px;
		font-size:1.2em;
		text-align:center;
	}

table {
	width:auto;
	margin:10px auto;
}
	table tr td, table tr th {
		padding:10px;
		text-align:left;
	}
	table tr th {
		font-weight:bold;
	}

table.border tr td, table.border tr th {
	border-right:solid 1px #333;
	border-bottom:solid 1px #333;
}

td.center {
	text-align:center;
}

div.row {
  clear: both;
  padding-top: 5px;
  width: 180px;
  text-align: right;
  margin-bottom: 5px;
  }

.row label, .row span {
	float: left;
	width: 100px;
	font-weight: bold;
	text-align: left;
}

.fieldarea {
	width:365px;
	padding:3px;
	height:100px;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.field {
	width:314px;
	padding:3px;
}

.fieldarea, .field {
	border:solid 1px #333;
}

.fieldarea, .field {
	border:solid 1px #176b9e; 
}

#sitemap {
	font-size:1.1em;
	list-style:url(../images/tri.gif);
	margin-left:20px;
	margin-bottom:20px;
}

#sitemap ul {
	margin-left:20px;
	font-size:0.9em;
	list-style:url(../images/tri_grey.png);
}
#sitemap ul li ul {
	list-style:circle;
}
/*
 * FAQ
 */
a.question {
	font-size:1.4em;
	display:block;
	width:auto;
	cursor:pointer;
	text-decoration:none;
	color:#176B9E;
	margin:20px 0 20px 0;
	padding:5px 20px 5px 0;
	opacity:0.7;
	filter:alpha(opacity=70);
	background:none;
}

.answer {
	display:none;
	border-bottom:solid 1px #919191;
	padding-bottom:10px;
}

/*
 * Links
 */
.link, .study {
	border-bottom:solid 1px #176B9E;
	padding-bottom:10px;
	color:#176B9E;
	margin-bottom:10px;
}
.study {
	margin-top:40px;
	margin-bottom:40px;
	color:#000000;
}
	.study a {
		color:#176B9E;
	}
	.link p {
		display:inline;
	}
	.link a {
		display:block;
	}
	.link img, .study img {
		border:solid 1px #919191;
		margin-right:8px;
		margin-bottom:3px;
		margin-top:0px;
	}
	h2.linkh2 {
		margin:40px 0 40px 0;
	}
.case_study_link {
	margin-top:10px;
}

.rss {
	background:url(../images/rss.jpg) no-repeat bottom;
	padding-bottom:15px;
	text-align:center;
	font-size:0.9em;
	display:inline-block;
	width:80px;
	margin:5px 0 5px 0;
}

.rss a {
	text-decoration:none;
	width:100%;
	padding-bottom:30px;
	color:#176B9E;
}

#login-directdebit {
	background:url(../images/login-directdebit.jpg) no-repeat;
}

#login-artez {
	background:url(../images/login-artez.jpg) no-repeat;
}

#login-iats {
	background:url(../images/login-iats.jpg) no-repeat;
}

#login-directdebit, #login-artez, #login-iats {
	width:154px;
	height:36px;
	float:left;
	margin:5px 5px 30px 0;
}

#login-directdebit a, #login-artez a, #login-iats a {
	display:block;
	text-decoration:none;
	width:154px;
	height:36px;
}

#more-btn {
	background:url(../images/more_btn.jpg) no-repeat;
}

#less-btn {
	background:url(../images/less_btn.jpg) no-repeat;
}

#less-btn, #more-btn {
	width:100px;
	height:28px;
	margin:10px auto 15px auto;
}

#less-btn a, #more-btn a {
	width:100px;
	height:28px;
	display:block;
	text-decoration:none;
}

.btn {
	background:url(image-url.gif)
	border:solid 1px #333;
	padding:10px;
	width:auto;
	margin:10px 20px 20px 0;
	display:inline-block;
}

.btn a {
	text-decoration:none;
	padding:10px;
}

/* Demos */
#demo-holder {
	width:685px;
	height:550px;
	background:none;
	border:solid 1px #919191;
	margin-bottom:10px;
	text-align:center;
	position:relative;
	left:-3px;
	padding-left:2px;
	overflow:hidden;
}

#demo-holder embed, #demo-holder object {
	border:none;
	position:absolute;
	top:0px;
	left:0px;
}

#demo-controls {
	width:690px;
	height:30px;
	margin:5px 0 5px 0;
	position:relative;
}

#boxes_holder {
	padding:10px;
	padding-top:0px;
	position:relative;
	left:-13px;
	top:-1px;
	width:700px;
}
span#large { position:absolute; right:0px; padding-top:10px; }

.demo-box {
	width:182px;
	height:150px;
	padding:70px 20px 0 20px;
	float:left;
	margin-right:9px;
	margin-bottom:20px;
	text-align:left;
	border:solid 1px #919191;
}
	.demo-box h1 { }
	.last { margin-right:0px; }
	#demo-controls { padding-top:10px; }
	
/* news - blog */
.newsblog { padding-left:10px; }
.newsblog h2 { color:#559E36; margin-top:60px; }
.newsblog ul { list-style:disc; margin-left:20px; }
.newsblog ul li { margin:5px 0 5px 0; }
.newsblog ul li a { text-decoration:none; } .newsblog ul li a:hover { text-decoration:underline; }
#tagCloud {
	width:170px;
	margin-bottom:50px;
	z-index:100;
	position:relative;
	left:-10px;
}

#tagCloud ul { display:none; }
#tagCloud a { text-decoration:none; font-weight:bold; color:#4F4F4F; }
#tagCloud h1 { display:inline; }

.newsblog_right { padding:0 0 0px 10px;  }
.newsblog_right .nb_item { border-bottom:solid 1px #559E36; padding-bottom:20px; margin:20px 0 20px 0; height:auto; position:relative;  }
.newsblog_right p { margin:5px 0 5px 0;}
.newsblog_right h1 { font-size:18px; color:#559E36; margin:5px 0 5px 0; }
.newsblog_right h1 a:hover { text-decoration:none; }
.newsblog_right a { color:#559E36; text-decoration:none; }
.newsblog_right a:hover { color:#559E36; text-decoration:underline; }

.nb_text { width:430px; }

#full_item { background:#fff; padding:10px 0 0 0; margin-top:10px; }
#full_item h1 { color:#559E36; }

.thumbnail {
	float:left;
	margin-right:10px;
}

.subtitle {
	font-weight:bold;
	padding-bottom:10px;
}

.readmore {
	position:absolute;
	bottom:20px;
}

a.back_link {
	text-decoration:none;
	font-size:1.3em;
	margin-top:10px;
}

.highlight_search {
	background:#176B9E;
}

a.green_arrow_link {
	background:url(../images/green_arrow.gif) no-repeat left;
	padding-left:15px;
}