/* -------------- T.O.C ------------------ */

/*
*		HTML STYLES
*		GENERAL STYLES
*		GENTEXT
*		HEADING STYLES
*		ABOVE SITE
*		TOP NAV
*		HEADER
*		PRIMARY NAV
*		CONTENT
*		RIGHTBAR
*		FOOTER
*		COPYRIGHT
*		PAGE SPECIFIC STYLES
*		SMALL FORM
*/

/* -------------- HTML STYLES ------------------ */

body {
		background-color: #ACBDCF; /* grey blue */
		margin: 0;
		}

img {
		border: 0;
		}

form {
		margin: 0;
		}

h3 {
		color: #BF4B26; /* red */
		font-size: 14px;
		margin: 0 0 5px 0;
		font-family: verdana, sans-serif;
		}

blockquote {
		margin: 10px 10px 10px 20px;
		}

/* -------------- COLOURS ------------------ */

.dark_blue_grey {
	color: #2B3F4A;
	}

.dark_turquoise {
	color: #2C616F;
	}

/* -------------- GENERAL STYLES ------------------ */

* div.hr_red_solid {
		display: block;
		border-top: 1px solid #E3411F; /* red */
		line-height: 1px;
		max-height: 1px;
		padding: 0;
		margin: 5px 0;
		clear: both;
		}

* div.hr_grey_dotted {
		display: block;
		border-top: 1px dotted #C1C2C1; /* grey by any chance? */
		line-height: 1px;
		max-height: 1px;
		padding: 0;
		margin: 5px 0;
		clear: both;
		}

* div.hr_black_double {
		display: block;
		border-top: 1px double #0E0E0E; /* nearly Black */
		border-bottom: 1px solid #0E0E0E; /* nearly Black */
		max-height: 3px;
		line-height: 3px;
		height: 3px;
		padding: 0;
		margin: 5px 0;
		clear: both;
		}

.pad_top_lef {
		padding: 15px 0 0 10px;
		}

.pad_10 {
		padding: 10px;
		}

/* -------------- GENTEXT ------------------ */

td.gentext {
		vertical-align: top;
		}

.gentext {
		font-size: 11px;
		font-family: verdana, sans-serif;
		color: #636363; /* dark grey */
		line-height: 15px;
		}

.gentext a:link,
.gentext a:visited,
.gentext a:active{
		font-size: 11px;
		font-family: verdana, sans-serif;
		color: #324395;
		font-weight: bold;
		text-decoration: none;
		}

.gentext a:hover{
		text-decoration: underline;
		}

.gentext .mainlink a:link,
.gentext .mainlink a:visited,
.gentext .mainlink a:active {
		color: #2D2E8B;
		text-decoration: none;
		}

.gentext .mainlink a:hover {
		color: #2D2E8B;
		text-decoration: underline;
		}

.gentext p {
		margin: 5px 0;
		}

/* -------------- HEADING STYLES ------------------ */

h1,
.gentext h1 {
		font-size: 18px;
		font-family: arial, verdana, sans-serif;
		font-weight: bold;
		color: #2C3E4A;
		margin: 0 0 8px 0;
		}

h1 a:link,
h1 a:visited,
h1 a:active,
.gentext h1 a:link,
.gentext h1 a:visited,
.gentext h1 a:active {
		color: #2C3E4A;
		font-family: arial, verdana, sans-serif;
		font-size: 18px;
		text-decoration: none;		
		}

.gentext h1 a:hover,
h1 a:hover {
		color: #2C3E4A;
		font-family: arial, verdana, sans-serif;
		font-size: 18px;
		text-decoration: underline;		
		}

h2,
.gentext h2 {
		color: #2C3E4A;
		font-family: arial, verdana, sans-serif;
		font-size: 16px;
		text-decoration: none;		
		}

h2 a:link,
h2 a:visited,
h2 a:active,
.gentext h2 a:link,
.gentext h2 a:visited,
.gentext h2 a:active {
		color: #2C3E4A;
		font-family: arial, verdana, sans-serif;
		font-size: 16px;
		text-decoration: none;		
		}

.gentext h2 a:hover,
h2 a:hover {
		color: #2C3E4A;
		font-family: arial, verdana, sans-serif;
		font-size: 16px;
		text-decoration: underline;		
		}

/* -------------- CONTAINER ------------------ */

#container {
		width: 780px;
		}

/* -------------- ABOVE SITE ------------------ */

#strapline {
		color: #4B4B4B; /* very dark grey */
		font-size: 11px;
		font-family: verdana, sans-serif;
		border: 0;
		padding: 5px;
		}

#strapline a:link,
#strapline a:visited,
#strapline a:active{
		color: #4B4B4B; /* very dark grey */
		font-size: 11px;
		font-family: verdana, sans-serif;
		text-decoration: none;
		font-weight: bold;
		}

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

/* -------------- TOP NAV ------------------ */

#top_nav {
		text-align: right;
		color: #453C3F; /* dark grey */
		font-size: 10px;
		font-family: verdana, sans-serif;
		padding: 5px;
		}

#top_nav a:link,
#top_nav a:visited,
#top_nav a:active{
		color: #453C3F; /* dark grey */
		font-size: 11px;
		font-family: verdana, sans-serif;
		text-decoration: none;
		}

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

/* -------------- HEADER ------------------ */

#header {
		background-image: url('../pics/header.jpg');
		height: 107px;
		background-repeat: no-repeat;
		vertical-align: top;
		position:relative;
		top:0;
		left:0;
		}
#header #header_banner {
		position:absolute;
		top:18px;
		left:20px;
		}
#header form {
		position:absolute;
		top:18px;
		left:326px;
		width:436px;
		height:44px;
		background-color:#7C8CA5;
		background-image:url(../pics/search_bg.gif);
		background-repeat:no-repeat;
		line-height:28px;
		}


	#search_ipt {
		margin:8px 0 0 200px;
		border:1px solid #A4A4A4;
		font-size:12px;
		height:24px;
		line-height:21px;
		padding-left:4px;
		width:135px;
		background-color:#ECECEC;
		}
	#search_btn {
		margin:8px 0 0 8px;
		border:0;
		background-color:transparent;
		background-image:url(../pics/search_button.gif);
		background-repeat:no-repeat;
		width:77px;
		height:28px;
		vertical-align:bottom;
		}
	#c2a {
		position:absolute;
		top:80px;
		left:341px;
		width:420px;
		text-align:right;
		}
	#c2a img {
		margin-left: 25px;
		}

/* -------------- PRIMARY NAV ------------------ */

#primary_nav {
		vertical-align: bottom;
		height: 28px;
		margin: 0;
		padding: 0;
		background-color: #4D4F4E; /* dark grey */
		text-align: center;
		}

/* -------------- LEFTCOL ------------------ */

#leftcol {
		vertical-align: top;
		width: 520px;
		}

#leftcol #contentcols {
		height: 445px;
		}

#leftcol #contentcols .contentcol_mid {
		height: 100%; 
		background-image: url('../pics/home_col_bg.jpg'); 
		vertical-align: top;
		padding: 5px 20px;
		}

#leftcol .title {
		font-size: 14px;
		font-family: verdana, sans-serif;
		font-weight: bold;
		color: #2B3F48;
		}

.newsitem {
		padding: 3px 0 0 0;
		border-top: 1px dotted #C1C2C1;
		margin: 3px 0 0 0;
		}

#leftcol #leftcol_main {
		margin-top: 2px;
		height: 666px;
		}

#leftcol #leftcol_main .leftcol_mid {
		height: 100%; 
		background-image: url('../pics/leftcol_bg.jpg'); 
		vertical-align: top;
		padding: 5px 20px;
		}

/* -------------- RIGHTCOL ------------------ */

#rightcol {
		width: 260px;
		vertical-align: top;
		}

#rightcol .rightcol_panelBottom a {
		color: #2A3E49;
		text-decoration: none;
		}

#rightcol .rightcol_panelBottom a:hover{
		text-decoration: underline;
		}

#rightcol .rightcol_panelBottom .title,
#rightcol .rightcol_panelBottom .title a {
		font-size: 16px;
		font-family: arial, verdana, sans-serif;
		font-weight: bold;
		color: #2A3E49;
		text-decoration: none;
		}

#rightcol .rightcol_panelBottom .title a:hover {
		text-decoration: underline;
		}

#rightcol .rightcol_panelBottom .pic {
		float: left; 
		margin: 5px 10px 10px 0;
		}

#rightcol .rightcol_panelBottom a {
		font-weight: normal;
		text-decoration: underline;
		}

#rightcol .rightcol_panelBottom a:hover {
		text-decoration: none;
		}

#rightcol .rightcol_panelBottom a.moreLink {
		font-weight:bold;
		}

/* -------------- FOOTER ------------------ */

#footer {
		margin-top: 5px;
		height: 44px;
		line-height: 15px;
		font-size: 11px;
		font-family: verdana, sans-serif;
		padding: 4px 3px;
		text-align: center;
		color: #ffffff;
		background-image: url('../pics/footer.gif');
		background-repeat: no-repeat;
		}

#footer a:link,
#footer a:visited,
#footer a:active {
		font-size: 11px;
		font-family: verdana, sans-serif;
		color: #ffffff;
		text-decoration: none;
		}

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

/* -------------- COPYRIGHT ------------------ */

#copyright {
		line-height: 18px;
		text-align: center;
		font-size: 11px;
		font-family: verdana, sans-serif;
		padding: 10px 3px;
		text-align: center;
		color: #4B4B4B; /* very dark grey */
		}

#copyright a:link,
#copyright a:visited,
#copyright a:active {
		color: #4B4B4B; /* very dark grey */
		font-size: 11px;
		font-family: verdana, sans-serif;
		text-decoration: underline;
		font-weight: bold;
		}


#copyright a:hover{
		text-decoration: none;
		}

/* -------------- PAGE SPECIFIC STYLES ------------------ */

#intropanel {
		background-image: url('../pics/home_intropanel.jpg');
		background-repeat: no-repeat;
		height: 223px;
		vertical-align: top;
		}

#intropanel div.intropad {
		width: 310px;
		margin: 20px 0 0 15px;
		}

#intropanel h1 {
		font-size: 16px;
		font-family: arial, verdana, sans-serif;
		color: #2B3F4A;
		}

		
/* Gogole Search API */
#searchcontrol .gsc-control                           {width: 480px; }
#searchcontrol .gsc-clear-button,
#searchcontrol .gsc-branding,
#searchcontrol .gsc-resultsHeader,
#searchcontrol .gsc-trailing-more-results             {display: none; }
#searchcontrol .gsc-results                           {padding-top: 10px; }
#searchcontrol .gsc-result                            {padding-bottom: 10px; border-bottom: 1px dotted #ccc; font-size: 12px; line-height: 19px; }
#searchcontrol .gs-result .gs-title                   {height: 24px; }
#searchcontrol .gs-result .gs-title,
#searchcontrol .gs-result .gs-title *                 {color: #324395; }
#searchcontrol .gs-result .gs-title a:hover,
#searchcontrol .gs-result .gs-title a:hover *,
#searchcontrol .gsc-trailing-more-results a:hover     {color: #444; }
#searchcontrol .gs-result a.gs-visibleUrl,
#searchcontrol .gs-result .gs-visibleUrl              {color: #999; font-size: 10px; line-height: 24px; height: 24px; }
#searchcontrol .gs-webResult .gs-visibleUrl-short     {display:none; }
#searchcontrol .gs-webResult .gs-visibleUrl-long      {display:block; }
#searchcontrol .gsc-cursor-page                       {border: 1px solid #ccc; width: 20px; height: 20px; line-height: 20px; display: block; float: left; text-align: center; text-decoration: none; }
#searchcontrol .gsc-cursor-current-page               {color: #655B59; background-color: #eee; }
#searchcontrol .gsc-input                             {border-color:#ACBDCF;}

/* case study links */

.caseStudy {}
.caseStudy a:link,
.caseStudy a:visited,
.caseStudy a:active {color: #2A3E49;font-family:arial,verdana,sans-serif;font-size:14px;text-decoration:underline;}
.caseStudy a:hover {text-decoration:none;}

.moreCaseStudy h3,
.moreCaseStudy h3 a:link,
.moreCaseStudy h3 a:visited,
.moreCaseStudy h3 a:hover,
.moreCaseStudy h3 a:active {color: #2A3E49;font-family:arial,verdana,sans-serif;font-size:14px; font-weight: bold;}
.moreCaseStudy a:link,
.moreCaseStudy a:visited,
.moreCaseStudy a:active {color: #324395;text-decoration:underline; font-weight: normal;}
.moreCaseStudy a:hover {text-decoration:none;}

/* page snippets for cross promotion of case studies, products etc */
.snippetPanelTop                                      {background-image: url(../pics/snippetPanelTop.gif); background-repeat: no-repeat; }
.snippetPanel                                         {background-image: url(../pics/snippetPanelBg.gif); background-repeat: repeat-y; width: 480px; }
.snippetPanelBot                                      {background-image: url(../pics/snippetPanelBot.gif); background-repeat: no-repeat; background-position: bottom left; padding: 14px 22px 14px 19px;}
.snippetPanel p                                       {margin: 10px 0; }


/* -------------- EOF ------------------ */

.rightcol_panelTop {background-image:url(../pics/rightcol_panelTop.jpg);background-position:left top;background-repeat:no-repeat;}
.rightcol_panelMiddle {background-image:url(../pics/rightcol_panelMiddle.jpg);background-position:left top;background-repeat:repeat-y;width:260px;}
.rightcol_panelBottom {background-image:url(../pics/rightcol_panelBottom.jpg);background-position:left bottom;background-repeat:no-repeat;min-height:145px;height:auto !important;height:145px;padding:10px;color: #2D2E8B;}