/* CSS Document */
body
{
	background: #dfdfdf;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* general style sheets */
#holder
{
	background: #ffffff;
	margin: 0px auto;
	width: 955px;
	border: solid 1px #004D55;
}
#header
{
	width: 955px;
	height: 109px;
	background-image:url(images/bg_header_big.gif);
	background-repeat:no-repeat;
	border-bottom: solid 1px #004D55;
	vertical-align: bottom;
	text-align: right;
}

#main
{
	padding: 20px;
}
#menuright
{
	width: 220px;
	padding: 8px 0px 0px 20px;
	float: left;
	text-align: center;
}
#menuright a {
	margin: 3px 0px 3px 0px;
}
#footer
{
	margin: 0px auto;
	width: 915px;
	color: #939598;
	font-size:9px;
	padding: 10px 20px 10px 20px;
}
a.linkpage, a.linkpage:link, a.linkpage:visited, a.linkpage:active, a.linkpage:hover { color: #939598; }
.clear
{
	clear: both;
}
.intext
{
	color:#000000;
	background-color: transparent;
}
a.intext
{
	color:#000000;
	text-decoration:underline;
	background-color: transparent;
	white-space: nowrap;
}
a.intext:hover
{
	color:#000000;
	text-decoration:none;
	background-color: transparent;
}
a.readmore 
{
	margin-right: 25px;
}
.boxoutBG a.intext
{
	white-space: normal;
}

a.red {
	text-decoration:none;
}

.pdflink {
	background-image: url(images/pdf.gif);
	background-repeat: no-repeat;
	padding-left: 16px;
}
.weblink {
	background-image: url(images/web.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
}
.rsslink  {
	background-image:url("images/rss.gif");
	background-repeat:no-repeat;
	padding-left:16px;
}
.morelink {
	background-image: url(images/moreArrow.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding-right: 16px;
}

.boxoutBG
{
	background-image: url(images/bg_boxout_bg.jpg);
	background-repeat: repeat-y;
	padding: 5px 10px 5px 10px;
	width: 223px;
	float: left;
	font-size: 11px;
}

.boxoutBG strong {
	font-size: 110%;
	color: #12474B;
}
.small-note {
	font-size : 80%;
	text-decoration : none;
	color : #777777;
}
a.small-note, a.small-note:link, a.small-note:visited, a.small-note:active,
.small-note a, .small-note a:link, .small-note a:visited, .small-note a:active {
	color : #777777;
	text-decoration : underline;
}

ul.redbullet {
	padding-left: 1.5em;
	list-style-image: url("/images/bullet.gif");
}
ul.redbullet li {
	padding-top: 3px;
	margin-left: 5px;
}


img.mainStockImage {
	text-align: left;
	padding-right: 20px;
	padding-bottom: 5px;
}


/* Homepage rollovers */

a#btn_Sol1 {
    display: block;
    width: 357px;
    height: 15px;
    background-image: url(images/btn_Sol1.gif);
    margin: 0 auto;
}
a#btn_Sol1:hover {
    background-image: url(images/btn_Sol1_over.gif);
}
a#btn_Sol2 {
    display: block;
    width: 357px;
    height: 15px;
    background-image: url(images/btn_Sol2.gif);
    margin: 0 auto;
}
a#btn_Sol2:hover {
    background-image: url(images/btn_Sol2_over.gif);
}
a#btn_Sol3 {
    display: block;
    width: 357px;
    height: 15px;
    background-image: url(images/btn_Sol3.gif);
    margin: 0 auto;
}
a#btn_Sol3:hover {
    background-image: url(images/btn_Sol3_over.gif);
}
a#btn_Sol4 {
    display: block;
    width: 357px;
    height: 15px;
    background-image: url(images/btn_Sol4.gif);
    margin: 0 auto;
}
a#btn_Sol4:hover {
    background-image: url(images/btn_Sol4_over.gif);
}
a#btn_Sol5 {
    display: block;
    width: 357px;
    height: 15px;
    background-image: url(images/btn_Sol5.gif);
    margin: 0 auto;
}
a#btn_Sol5:hover {
    background-image: url(images/btn_Sol5_over.gif);
}
a#btn_Sol6 {
    display: block;
    width: 357px;
    height: 15px;
    background-image: url(images/btn_Sol6.gif);
    margin: 0 auto;
}
a#btn_Sol6:hover {
    background-image: url(images/btn_Sol6_over.gif);
}
a#btn_Sol7 {
    display: block;
    width: 357px;
    height: 15px;
    background-image: url(images/btn_Sol7.gif);
    margin: 0 auto;
}
a#btn_Sol7:hover {
    background-image: url(images/btn_Sol7_over.gif);
}
a#btn_Sol8 {
    display: block;
    width: 357px;
    height: 15px;
    background-image: url(images/btn_Sol8.gif);
    margin: 0 auto;
}
a#btn_Sol8:hover {
    background-image: url(images/btn_Sol8_over.gif);
}
a#btn_Sol9 {
    display: block;
    width: 357px;
    height: 15px;
    background-image: url(images/btn_Sol9.gif);
    margin: 0 auto;
}
a#btn_Sol9:hover {
    background-image: url(images/btn_Sol9_over.gif);
}

a#ContactUs {
    display: block;
    width: 143px;
    height: 25px;
    background-image: url(images/btn_ContactUs.gif);
}
a#ContactUs:hover {
    background-image: url(images/btn_ContactUs_over.gif);
}
a#KeepInformed {
    display: block;
    width: 143px;
    height: 25px;
    background-image: url(images/btn_KeepInformed.gif);
}
a#KeepInformed:hover {
    background-image: url(images/btn_KeepInformed_over.gif);
}
a#ClientZone {
    display: block;
    width: 143px;
    height: 25px;
    background-image: url(images/btn_ClientZone.gif);
}
a#ClientZone:hover {
    background-image: url(images/btn_ClientZone_over.gif);
}
a#Blog {
    display: block;
    width: 143px;
    height: 25px;
    background-image: url(images/btn_blog.gif);
}
a#Blog:hover {
    background-image: url(images/btn_blog_over.gif);
}
a .alt, .hide { display: none; }

/* index style sheets */
#welcomeHeader
{
	background-image: url(/images/header_welcome_small.jpg);
	background-repeat: no-repeat;
	width: 402px;
	height: 136px;
	padding: 50px 250px 20px 20px;	
	color: #FFFFFF;
	float: left;
	font-size:11px;	
}
#welcomeHeader a {
	color: #FFFFFF;
}
#welcomeHeader h1
{
	font-weight:normal;
	font-size:14px;
	vertical-align:top;
	padding:0;
	margin:0;		
}
#welcomeHeader p
{
	margin:4px 0 5px 0;		
}
#bottomcontentholder
{
	padding-top: 20px;
}
#solutions
{
	width: 357px;
	padding-right: 20px;
	float: left;
}
#solutions h2
{
	font-size:24px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	text-transform:uppercase;
	margin:0;	
	letter-spacing:2px;		
	border-bottom:solid 5px #008286; 
}
#solutions h2 a
{
	color:#008286;
	text-decoration:none;
}
#news
{
	width: 291px;
	padding-right: 20px;
	float: left;
}
#news h2
{
	font-size:24px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	text-transform:uppercase;
	margin:0;	
	letter-spacing:2px;		
	border-bottom:solid 5px #B12C1B; 
}
#news h2 a
{	
	color:#B12C1B;
	text-decoration:none;
}
#customers
{
	width: 221px;
	float: left;
}
#customers h2
{
	font-size:24px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	text-transform:uppercase;
	margin:0;	
	letter-spacing:2px;		
	border-bottom:solid 5px #00AAA2; 
}
#customers h2 a
{
	color:#00AAA2;	
	text-decoration:none;
}

/* solutions1 style sheets */
#solutionsHeader
{
	background-image: url(images/bg_header_solutions.jpg);
	background-repeat: no-repeat;
	width: 632px;
	height: 42px;
	padding: 20px 20px 10px 20px;
	color: #FFFFFF;
	float: left;
	font-size:14px;
}
#solutionsHeader h1
{
	font-size:14px;
	display:inline;	
}
#solutionsContent
{
	width: 619px;
	padding-right: 53px;
	float: left;
}
#solutionsContent h2
{
	padding-top:15px;
	font-size:14px;
	color:#008185;		
}
#solutionsContent h2 a
{
	color:#008185;
	text-decoration:none;
}
#solutionsContent h3
{
	font-size:12px;
	color:#008185;		
	margin-bottom:0;	
}
#solutionsContent li
{
	margin: 7px 0 7px 0;	
}
#solutionsContent p.image
{
	text-align:center;	
	font-size:.9em;
	color:#9B9B9B;
}
#solutionsContent p.image img
{
	border:1px solid #9B9B9B;	
}
.small
{
	font-size:11px;
	font-style:italic;
}
#solutionsMenu
{
	background-image: url(images/bg_menu_solutions.jpg);
	background-repeat: no-repeat;
	width: 223px;
	height: 193px;
	padding: 10px;
	margin:0;
	float: left;
	color: #FFFFFF;
	line-height:20px;
}

/* quick selector styles */
#quickSelectorContent
{
	width: 619px;
	padding-right: 53px;
	float: left;
}

/* colours */
.lightjade
{
	color: #00A9A1;
}
a.lightjade
{
	color: #00A9A1;
	text-decoration:none;
}
.jade
{
	color: #008185;
}
a.jade
{
	color: #008185;
	text-decoration:none;
}
a.jade:hover
{
	color: #008185;
	text-decoration:underline;
}
.jade a, .jade a:link, .jade a:visited, .jade a:active, .jade a:hover { color: #008185; text-decoration:underline; }
.jade a:hover { color: #008185; text-decoration:none; }

.darkjade
{
	color: #004D55;
}
.lightred
{
	color: #EE3424;
}
.red
{
	color: #B12C1B;
}
.darkred
{
	color: #8A1D03;
}
.grey
{
	color: #939598;
}
a.grey
{
	color: #939598;
	text-decoration:none;
}
a.grey:hover
{
	color: #939598;
	text-decoration:underline;
}
.purple
{
	color: #644764;
}
.orange
{
	color: #E06F1E;
}
.green
{
	color: #929309;
}
.blue
{
	color: #0078A9;
}
.white
{
	color: #FFFFFF;
}
a.white
{
	color: #FFFFFF;
	text-decoration:underline;
}
a.white:hover
{
	color: #FFFFFF;
	text-decoration:none;
}
a.whitemenu
{
	color: #FFFFFF;
	text-decoration:none;
}
a.whitemenu:hover
{
	color: #FFFFFF;
	text-decoration:underline;
}

table.quickproductselector {
	border: solid 1px #CCCCCC;
	width: 642px;
}
table.quickproductselector td {
	border: solid 1px #CCCCCC;
}

.newslettersignup input[type="text"] {
	font-size: 60%;
	background:#FFFFFF url(/images/form_bg.png) repeat-x scroll 0 0;
	border-color:#999999 #BBBBBB #BBBBBB #999999;
	border-style:solid;
	border-width:1px;
	padding:4px;
}
.newslettersignup input[type="text"]:focus {
	background: #fff none;
	border-color:#7F9DB9;
}

.quoteby {
	text-align:right;
	margin-bottom:25px;	
}

/*********************************************************/
/* menu css bits */
#info {position:relative; text-align:left;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:935px; height:33px; position:relative; z-index:100;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:936px; w\idth:935px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0px;margin:0;list-style-type:none;}
.menu ul ul {width:136px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:right;width:136px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none; font-size:14px; color:#fff; width:136px; height:33px; background-image:url(images/btn_BG.jpg); background-repeat:no-repeat; padding-left:0px; line-height:33px; text-align:center;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:136px; w\idth:136px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65;}
.menu ul ul :hover > a.drop {background:#c9ba65;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#00A9A1;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#008185;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:33px;left:3px; width:136px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:32px;t\op:33px;}

/* position the third level flyout menu */
/*.menu ul ul ul{left:136px; top:-1px; width:136px;}*/
.menu ul ul ul{left:136px; top:4px; width:136px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-136px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#00A9A1; color:#fff; height:auto; font-size:10px; text-align:left; line-height:1em; padding:5px 10px; width:113px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:125px;w\idth:113px;}

/* style the top level hover */
.menu a:hover, .menu ul a:hover{color:#000; background-image:url(images/btn_BG_over.jpg); background-repeat:no-repeat;}
.menu :hover > a, .menu ul :hover > a {color:#000; background-image:url(images/btn_BG_over.jpg); background-repeat:no-repeat;}
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#008185;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#008185;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

/* end menu bits */
/*********************************************************************************/

/* blog */
.boxoutBG ul {	
	padding:0 0 0 20px;	
	margin:0;
}

.boxoutBG ul li{	
	padding:3px 3px 3px 0;		
}

#bloglist h2:first-child
{
	padding-top:0;
	margin-top:0;
}

#blogmenuright
{
	width: 220px;
	padding: 0px 0px 0px 20px;
	float: left;
	text-align: center;
}

div.post { padding: 0 0 15px 0;}
p.postmetadata a:last-child{line-height:2.5em;}

#keyreasons li{
	font-size: 1.2em;
	font-weight: bold;
	color: #00AAA2;
}
#keyreasons span {
	font-size: .8em;
	font-weight: normal;
	color: black;	
}

/* home page changes */
#solutions a.sol {
	font-size:13px;
	font-family:Arial,Helvetica,sans-serif;
	letter-spacing:1px;
	text-decoration:none;
	color:#008286;
	text-transform:uppercase;
	font-weight:600;
	padding-left:38px;
	background-image: url(images/software_arrow.gif);
	background-repeat:no-repeat;
	line-height:30px;
}

.whyinovem > p {
	margin-left:30px;	
}
.casestudies > p {
	margin-left:20px;	
}