body {
	background:#ddd;
}

/*********** LEVEL 1 NAVIGATION **********/
#banner {
	background:url(/credit2/styles/images/banner.gif) no-repeat;
	text-align:left;
	width:900px;
	height:95px;
}
#sysNav {
	display:block;
	height:71px;
	text-align:right;
	padding:0 20px 0 0;
}

#sysNav a {
	color:#fff;
}

#level1Nav {
	padding-left:166px;
}
#level1Nav a {
	display:block;
	background-position:0px 0px;
	background-repeat:no-repeat;
	height:24px;
	float:left;
}

#level1Nav a.contactSelected,
#level1Nav a.contact 					{	width:88px;	background-image:url(/credit2/styles/images/menuContact.gif); }
#level1Nav a.contactSelected,
#level1Nav a.contact:hover		{	background-position:-88px 0px; }
#level1Nav a.servicesSelected,
#level1Nav a.services 				{	width:88px;	background-image:url(/credit2/styles/images/menuServices.gif); }
#level1Nav a.servicesSelected,
#level1Nav a.services:hover		{	background-position:-88px 0px; }
#level1Nav a.partnersSelected,
#level1Nav a.partners 				{	width:69px;	background-image:url(/credit2/styles/images/menuPartners.gif); }
#level1Nav a.partnersSelected,
#level1Nav a.partners:hover		{	background-position:-69px 0px; }
#level1Nav a.homeSelected,
#level1Nav a.home		 					{	width:69px;	background-image:url(/credit2/styles/images/menuHome.gif); }
#level1Nav a.homeSelected,
#level1Nav a.home:hover				{	background-position:-69px 0px; }
#level1Nav a.faqsSelected,
#level1Nav a.faqs			 				{	width:69px;	background-image:url(/credit2/styles/images/menuFAQ.gif); }
#level1Nav a.faqsSelected,
#level1Nav a.faqs:hover				{	background-position:-69px 0px; }
#level1Nav a.CustomersSelected,
#level1Nav a.customers				{	width:88px;	background-image:url(/credit2/styles/images/menuCustomers.gif); }
#level1Nav a.customersSelected,
#level1Nav a.customers:hover	{	background-position:-88px 0px; }
#level1Nav a.productsSelected,
#level1Nav a.products 				{	width:88px;	background-image:url(/credit2/styles/images/menuProducts.gif); }
#level1Nav a.productsSelected,
#level1Nav a.products:hover		{	background-position:-88px 0px; }
#level1Nav a.news_and_eventsSelected,
#level1Nav a.news_and_events	{	width:103px; background-image:url(/credit2/styles/images/menuNews.gif); }
#level1Nav a.news_and_eventsSelected,
#level1Nav a.news_and_events:hover {	background-position:-103px 0px; }

#level1Nav a.analysisSelected,
#level1Nav a.analysis		 					{	width:69px;	background-image:url(/credit2/styles/images/menuAnalysis.gif); }
#level1Nav a.analysisSelected,
#level1Nav a.analysis:hover				{	background-position:-69px 0px; }

#level1Nav a.dataSelected,
#level1Nav a.data		 					{	width:69px;	background-image:url(/credit2/styles/images/menuData.gif); }
#level1Nav a.dataSelected,
#level1Nav a.data:hover				{	background-position:-69px 0px; }

#level1Nav a.actionsSelected,
#level1Nav a.actions		 					{	width:69px;	background-image:url(/credit2/styles/images/menuActions.gif); }
#level1Nav a.actionsSelected,
#level1Nav a.actions:hover				{	background-position:-69px 0px; }

#level1Nav a.adminSelected,
#level1Nav a.admin		 					{	width:69px;	background-image:url(/credit2/styles/images/menuAdmin.gif); }
#level1Nav a.adminSelected,
#level1Nav a.admin:hover				{	background-position:-69px 0px; }

#level1Nav a.csr_adminSelected,
#level1Nav a.csr_admin		 					{	width:69px;	background-image:url(/credit2/styles/images/menuAdmin.gif); }
#level1Nav a.csr_adminSelected,
#level1Nav a.csr_admin:hover				{	background-position:-69px 0px; }


/*********** LEVEL 2 NAVIGATION **********/

#level2Nav {
	background:url(/credit2/styles/images/menuLevel2Back.gif) repeat-x #A3CDCF;
	height:22px;
	width:900px;
	margin:0 auto 0 auto;
}

#level2Nav table {
	height:22px;
}

#level2Nav table a {
	color:#000;
	text-decoration:none;
	font-size:12px;
	padding-left:8px;
	padding-right:8px;
}
#level2Nav table a:hover {
	text-decoration:underline;
}
#level2Nav table a.notFirst {
	background:url(/credit2/styles/images/menuLevel2Sep.gif) no-repeat 0 4px;
}
#level2Nav td.sel {
	background:url(/credit2/styles/images/menuLevel2BackSelected.gif);
	font-weight:bold;
}
#level2NavShadow {
	background:url(/credit2/styles/images/topShadow.gif) repeat-x;
	height:9px;
	width:900px;
	font-size:1px;
}


/*********** LEVEL 3 NAVIGATION **********/
#level3Nav {
	background:#D3E7F9;
	margin-bottom:2em;
	height:20px;
	padding-left:10px;
	position:relative;
}

#level3Nav a {
	display:block;
	float:left;
	padding:1px .6em 0 .6em;
	height:19px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#069;
}

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

#level3Nav a.sel {
	display:block;
	height:19px;
	background:#8cb0d6;
	color:#fff;
}	

#level3Nav a.sel:hover {
	text-decoration:none;
}
#level3Nav div.left {
	width:15px;
	height:20px;
	background:url(/credit2/styles/images/menuLevel3Left.gif) no-repeat;
	position:absolute;
	left:0;
	top:0;
}

#level3Nav div.right {
	width:15px;
	height:20px;
	background:url(/credit2/styles/images/menuLevel3Right.gif) no-repeat;
	position:absolute;
	right:0;
	top:0;
}

/*********** SEARCH **********/
#search {
	text-align:right;
	height:28px;
}
#search input.phrase {
	font-size:12px;
	height:14px;
}

#search input.go {
	vertical-align:top;
	padding-left:4px;
}


/************ SIDE CHANNEL STUFF ***************/
#sideChannel {
	float:left;
	width:175px;
	margin-right:12px; /* odd - should be 15px but not in IE */
}

#sideChannel img.callToActionPanel {
	margin:0 0 18px 0;
}

/******** White link panel (Default colour) **********************/

#sideChannel div.linkPanel {
	position:relative;
	width:155px;
	padding:8px 10px 25px 10px;	
	margin:0 0 18px 0;
	background:url(/credit2/styles/images/boxWhiteBack.gif) repeat-y;	
	font-size:.9em;
	font-weight:normal;
	color:#036;
}

#sideChannel div.linkPanel ul {
	color:#069;
	list-style: disc url(/credit2/styles/images/rightArrowBlueOnWhite.gif);
	margin:.4em 0 .6em 16px;
	padding:0;
	line-height:120%;
}

#sideChannel div.linkPanel ul li {
	margin-bottom:.5em;
}

#sideChannel div.linkPanel h2 {
	position:absolute;
	bottom:0;
	margin:0 -10px 0 -10px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background:url(/credit2/styles/images/boxWhiteBottom.gif) no-repeat;	
	padding:1px 0 0 25px;
	height:20px;
	width:155px;	
}

#sideChannel div.linkPanel h2 a {
	color:#069;
	text-decoration:none;
}
#sideChannel div.linkPanel h2 a:hover {
	text-decoration:underline;
}

#sideChannel div.linkPanel div.linkPanelTop {
	background:url(/credit2/styles/images/boxWhiteTop.gif) no-repeat;
	width:175px;
	height:8px;									
	position:absolute;
	top:0;
	margin:0 0 0 -10px;
}

#linkPanel div.linkPanel a {
	color:#069;
	text-decoration:none;
}

#linkPanel h3 {margin-top:5px;}

/******** Blue link panel **********************/

#sideChannel div.linkPanelBlue {
	position:relative;
	width:155px;
	padding:8px 10px 25px 10px;	
	margin:0 0 18px 0;
	background:url(/credit2/styles/images/boxBlueBack.gif) repeat-y;	
	font-size:.9em;
	font-weight:bold;
	color:#036;
}

#sideChannel div.linkPanelBlue ul {
	color:#069;
	list-style: disc url(/credit2/styles/images/bulletWhiteOnBlue.gif);
	margin:.4em 0 .5em 16px;
	padding:0;
	line-height:120%;
}

#sideChannel div.linkPanelBlue ul li {
	margin-bottom:.5em;
}

#sideChannel div.linkPanelBlue h2 {
	position:absolute;
	bottom:0;
	margin:0 -10px 0 -10px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background:url(/credit2/styles/images/boxBlueBottom.gif) no-repeat;	
	padding:1px 0 0 25px;
	height:20px;
	width:155px;	
}

#sideChannel div.linkPanelBlue h2 a {
	color:#fff;
	text-decoration:none;
}
#sideChannel div.linkPanelBlue h2 a:hover {
	text-decoration:underline;
}

#sideChannel div.linkPanelBlue div.linkPanelTop {
	background:url(/credit2/styles/images/boxBlueTop.gif) no-repeat;
	width:175px;
	height:8px;									
	position:absolute;
	top:0;
	margin:0 0 0 -10px;
}



/************ MAIN CHANNEL STUFF ***************/
#mainChannel {
	position:relative;
	width:560px;
	margin-left:187px; /* odd - should be 190px but not in IE */
	color:#003;
}


#mainChannel h1 {
	background:url(/credit2/styles/images/titleBack.gif) repeat-x;
	height:64px;
	width:545px;
	margin:0 0 18px 0;
	color:#69c;
	font-weight:normal;
	font-size:25px;
	padding:6px 0 0 15px;
	position:relative;
}

#mainChannel h1 img.left {
	position:absolute;
	left:0px;
	top:0px;
}
#mainChannel h1 img.right {
	position:absolute;
	right:0px;
	top:0px;
}

#browse {
	position:absolute;
	right:0px;
	bottom:0px;
	height:21px;
	width:170px;
	background:url(/credit2/styles/images/browseBack.gif) repeat-x;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	padding:0;
	color:#8FB5DA;
}

#browse img.browseLeft {
	border:none;
	position:absolute;
	left:0px;
}
#browse img.browseRight {
	border:none;
	position:absolute;
	right:0px;
}


#mainChannel ul {
	list-style: disc url(/credit2/styles/images/bulletBlueOnWhite.gif);
	margin:.4em 0 .5em 16px;
	padding:0;
	line-height:120%;
}

#mainChannel ul li {
	margin-bottom:.5em;
}


/************** News PANEL *********/
#newsPanel {
	position:relative;
	width:155px;
	padding:8px 10px 25px 10px;	
	margin:0 0 18px 0;
	background:url(/credit2/styles/images/boxWhiteBack.gif) repeat-y;	
	font-size:.9em;	
	font-weight:bold;
	color:#000;
}

#newsPanel ul {
	color:#069;
	list-style: disc url(/credit2/styles/images/rightArrowBlueOnWhite.gif);
	margin:.4em 0 .6em 16px;
	padding:0;
	line-height:120%;
}

#newsPanel ul li {
	margin-bottom:.5em;
}

#newsPanel h2 {
	position:absolute;
	bottom:0;
	margin:0 -10px 0 -10px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	background:url(/credit2/styles/images/boxWhiteBottom.gif) no-repeat;	
	padding:1px 0 0 25px;
	height:20px;
	width:150px;	
}

#newsPanel h3 {margin-top:5px;}

#newsPanel a {
	color:#069;
	text-decoration:none;
}
#newsPanel a:hover {
	text-decoration:underline;
}

#newsPanel div.newsPanelTop {
	background:url(/credit2/styles/images/boxWhiteTop.gif) no-repeat;
	width:175px;
	height:8px;									
	position:absolute;
	top:0;
	margin:0 0 0 -10px;
}


/*********** OTHER PAGE FORMATTING *******/
#page {
	background:#fff;
	width:900px;
	text-align:left;
}

#dividerFileBottom {
	padding:0.8em 0.8em 0.2em 0em;
	border-top:1px solid #9CC;
}

#blueBox {
	padding:0.8em 0.8em 0.2em 0.8em;
	background:#DDE8F4;
	color:#;
}

#blueBox h3 {
	line-height:125%;
	color:#009999;
	margin:0 0 1em 0;

}

.related {
	background-image: url(/credit2/styles/images/icons/rightArrowBlueOnBlue.gif);
  background-repeat: no-repeat;
  padding-left:14px;
  font-weight:bold;
  /*background:url(/credit2/styles/images/icons/rightArrow.gif) left no-repeat;*/
  padding-left:14px;
  padding-right:40px;
  font-weight:bold;
  font-size:0.9em;
}

div.pageSummary {
	color:#099;
	font-weight:bold;
	padding-bottom:1em;
}

#blueBox a, 
#blueBox a.visited {color:#006699;text-decoration:none; }
#blueBox a.hover {color:#006699;text-decoration:underline; }

#copyright {
	text-align:right;
	color:#999;
	padding:2em 0 0 0;
	font-size:11px;
}

#bottomStrip1 {
	width:900px;
	background:url(/credit2/styles/images/stripBottom1.gif) repeat-x;
	color:#006699;
	font-size:11px;
	line-height:22px;
}

#bottomStrip1 a,
#bottomStrip1 a:visited { text-decoration:none; color:#006699; padding:0 10px 0 10px;}
#bottomStrip1 a:hover { text-decoration:underline; color:#006699; padding:0 10px 0 10px;}


#bottomStrip2 {
	width:900px;
	background:url(/credit2/styles/images/stripBottom2.gif) repeat-x;
	color:#fff;
	font-size:11px;
	padding:11px 0 5px 0;
}

#bottomStrip2 a,
#bottomStrip2 a:visited { text-decoration:none; color:#fff; padding:0 10px 0 10px;}
#bottomStrip2 a:hover { text-decoration:underline; color:#fff; padding:0 10px 0 10px;}

.clear {
	clear: both;
	position: relative;
	}

.clearleft {
	clear: left;
	}

/***************** FAQ list page ********************/

.FAQSummary { 
	padding:0.9em 0 1em 0.9em;
  font-weight:bold;
  background:url(/credit2/styles/images/icons/rightArrow.gif) left no-repeat;
}

/***************** Screenshot item page ********************/

.screenshotImage {
	float:left;
	width:430px;
	padding:0.9em 0.9em 0.9em 0;
}

.screenshotDescription {
	color:#009999;
	padding:0.9em 0 0 0;
	font-size:0.9em;
}

/***************** News list page ********************/

.newsSummary { 
	border-top:1px solid #9CC;
	padding:0.7em 0 0.9em 0;
}

.newsDateImage {
	float:left;
	width:120px;
	color:#009999;
}

img.newsSummaryImage { padding-top:0.5em; }

/***************** Demo list page ********************/

.demoSummary { 
	border-top:1px solid #9CC;
	padding:0.7em 0 0.9em 0;
}

.demoImage {
	float:left;
	width:120px;
	color:#009999;
}

img.demoSummaryImage { padding-top:0em; }


/***************** Case Study list page ********************/

.case-studiesSummary { 
	border-top:1px solid #99CCCC;
	padding:0.7em 0 0.9em 0;
}

.case-studiesImage {
	float:left;
	width:120px;
	color:#009999;
}

img.case-studiesSummaryImage { padding-top:0.5em; }

/***************** Eventlist page ********************/

.eventsSummary { 
	border-top:1px solid #99CCCC;
	padding:0.7em 0 0.9em 0;
}

.eventsImage {
	float:left;
	width:120px;
	color:#009999;
}

img.eventsSummaryImage { padding-top:0.5em; }

/***************** Enquiry form page ********************/

table.enquiryTable {
	border-top:1px solid #9CC;
	border-bottom:1px solid #9CC;
	background-color:#CAE2E3;
}

table.enquiryTable tr {
	padding-left:15px;
}

.enquiryTableFirstRow {
	color:#69c;
	font-weight:bold;
	font-size:1em;
}

table.enquiryTable tr th {
	color:#69c;
	font-weight:bold;
	font-size:1em;
}

.enquiryTableNote {
	color:#69c;
	font-size:0.8em;
	text-align:left;
}

/***************** Event form page ********************/

table.eventTable {
	border-top:1px solid #9CC;
	border-bottom:1px solid #9CC;
	background-color:#ECF6F6;
	margin-top:10px; 
}

table.eventTable tr.enquiryTableFirstRow th,
table.eventTable tr.enquiryTableFirstRow td {
	padding-top:10px;
}

table.eventTable tr th {
	padding-left:15px;
	color:#00437A;
	font-weight:bold;
	font-size:1em;
}

.eventTableNote {
	color:#00437A;
	font-size:0.9em;
	text-align:left;
}

/***************** Customer list page ********************/
table.summary {
	border-collapse:collapse;
}

table.summary thead tr td {
	border-top:1px solid #9CC;
	border-bottom:1px solid #9CC;
	background-color:#CAE2E3;
	font-weight:bold;
	padding:4px;
	padding-left: 3%;
	color:#099;
}

table.summary tbody tr td {
	padding:4px;
	border-top:1px solid #9cc;
	padding-left: 3%;
}

div.noListFooter {
	border-top:1px solid #99CCCC;
	margin-bottom:1em;
	width:100%;
}

img.customerList { padding:10px 0 10px 0; }

/* TODO: change this from id -> class (what if more than one on a page?? */
#listFooter {
	border-top:1px solid #99CCCC;
	border-bottom:1px solid #99CCCC;
	height:1.5em;
	font-size:0.9em;
	color:#009999;
	background-color:#CAE2E3;
	font-weight:bold;
	padding:0 0.5em 0 1em;
	margin-bottom:1em;
}

#listFooter .paging {
	text-align:right;
	float:right;
	width:200px;
}

a.nextBlue { 
	background:url(/credit2/styles/images/icons/page_next.gif) right no-repeat;
  padding-right:14px;
  font-weight:bold;
}

a.backBlue { 
	background:url(/credit2/styles/images/icons/page_back.gif) left no-repeat;
  padding-left:14px;
  font-weight:bold;
}

.altHeader {
	display:block;
	border-top:solid 1px #9CBDDE;
	border-bottom:solid 1px #9CBDDE;
	width:545px;
	margin:0 0 18px 0;
	color:#69c;
	font-weight:normal;
	font-size:25px;
	padding:6px 0 6px 15px;
}