body {
	font-family: Arial, Verdana, sans-serif; 
	font-size: 78%;
	background:#FFF url('../images/layout/bkgd.png') repeat-x 0 0;
	color:#6b6b6b;
}

* 					{ margin:0; padding:0;} 
img					{ border:none; margin:0; padding:0;} 

p, .list,
form label, td		{ color:#6b6b6b; line-height:1.5em; font-size:1em;  }
p					{ margin-bottom:1.4em;} 

.txt-small			{ font-size:.8em;}
.txt-medium			{ font-size:1.2em;}
.txt-large			{ font-size:1.4em;} 
.txt-xlarge			{ font-size:1.9em;}
.txt-italic			{ font-size:1.0em; line-height:2em; font-style:italic; color: #014b7c;}

.txt-green			{ color: #336600; }
.txt-blue			{ color: #014b7c; }
.txt-grey			{ color: #6b6b6b; }

.txt-uppercase		{ text-transform:uppercase}
 
.list				{ margin:0 0 1em 1.5em; }
.list li 			{ margin-bottom: .3em}

a,
a:visited			{ color:#25868a;}
a:hover				{ text-decoration:none; color: #014b7c; }

a.hide				{ position:absolute; left:-999em; }

a.button			{ padding: 5px 50px 5px 10px; text-decoration: none; border: 1px solid #bfc3c7; position: relative; background: url('../images/layout/btn-background.png') repeat-x 0 0; display: block; width: 115px;}
a.button:hover		{ background-color: #25868a; color: #FFF; border-color:#25868a; background-image: none;}
a.button img		{ position: absolute; top:-7px; margin-left: 10px; left: 130px; }


.searchfield			{ padding: 5px 50px 5px 10px; text-decoration: none; border: 1px solid #bfc3c7; position: relative; background: url('../images/layout/btn-background.png') repeat-x 0 0; display: block; width: 180px;}
.searchfield:hover		{ background-color: #ffffff; color: #6b6b6b; border-color:#bfc3c7; background-image: none;}
.searchbutton 			{ position: absolute; top:-10px; margin-left: 10px; left: 195px; }
div#search				{ float: right; height: 42px; margin-top: 20px; margin-right: 25px;}
div#search fieldset 	{ padding:0;}

h1,
span.h1				{ font-size: 1.9em; font-family: Georgia, times, serif; margin: 0 0 .5em 50px; color: #25868a; font-weight: normal;  }
h2					{ font-weight: bold; font-size: 1.1em; color: #25868a; margin: 0 0 15px 0;}
h3					{ color: #014b7c; font-weight: bold; margin: 0 0 .5em; font-size: 1.0em;}
h4					{ color: #6b6b6b; font-weight: bold; font-size: 0.8em;}
h5					{ font-weight: bold; font-size: 1em; color: #ffffff; padding-left:12px;}
h6					{ font-size: 1.3em; font-family: Georgia, times, serif; margin: 0 .8em .5em .8em; color: #014b7c; font-weight: bold;  }
span.error 			{ color:#FF0000}

/* ---------------------------- */
/* LAYOUT */
/* ---------------------------- */
#container,
#footer						{ width:980px; text-align:left; margin:0 auto; position:relative;}
#container					{ background-color: #FFF; /*padding: 15px 0;*/  }
#header						{ background: url('../images/layout/logo.png') no-repeat 40px bottom; position: relative;  height: 108px; }
#header a.logo-link			{ display: block; text-indent: -999em; width: 190px; height: 30px; position: absolute; bottom:16px; left:40px; text-decoration: none;}
#header a.button			{ position: absolute; right: 25px; top:20px;}
#breadcrumb					{ /*position: absolute; top: 115px;*/ padding: 16px 0; font-size: .8em; text-transform: capitalize; margin-left: 75px; }
img.large-pic				{ margin-left: 75px; margin-bottom: 15px}
#content					{ padding-left: 25px; padding-right: 25px;  }
.col						{ float: left; width: 283px; margin-left:15px; padding-bottom:8px; }
.col-1						{ margin-left: 50px; width: 265px; padding-right:18px;}
.col-2						{ margin-left:15px; width: 265px; padding-left:0;}
.col-3						{ margin-left:25px; width: 265px; padding-left:0;}


.team .col img				{display:block; float:left; padding-right:10px;}
.team .col h4				{padding-top:12px;}

/* Actions */
/* ---------------------------- */
#action-container				{ clear: both; margin-left: 50px; overflow: hidden; margin-bottom:5px;  }
#action-container .action		{ float: left; }
#action-container .action-1		{ width: 298px;}
#action-container .action-1 h3	{ margin-bottom: 12px;}
#action-container .action-2		{ width: 320px; }

#action-container-home				{ clear: both; margin-left: 50px; overflow: hidden; margin-bottom:5px;  }
#action-container-home .action		{ float: left; }
#action-container-home .action-1	{ width: 180px;}
#action-container-home .action-1 h3	{ margin-bottom: 12px;}
#action-container-home .action-2	{ width: 250px; margin-left:55px; }


/* Footer */
/* ---------------------------- */
#footer								{ clear: both; /*padding-top: 15px;*/}
#footer	p							{ font-size: .8em; margin: 0 0 0 0;}
#footer ul.logos					{ position: absolute; top:6px; right: 0; width: 300px; }
#footer ul.logos li					{ list-style: none; float: left; margin: 0 15px 10px 0; display: block; width: 76px; height: 50px; }
#footer ul.logos li.link			{ width: 158px; margin-top: 8px;}


/* ---------------------------- */
/* HOME */
/* ---------------------------- */
div.home					{ padding-top: 20px;}
div.home .col				{ width: 250px; /*padding-top: 15px;*/ }
div.home .col-1				{ margin-left: 50px;}
div.home .col-2				{ margin-left: 40px;}
div.home .col-3				{ margin-left: 35px;}

a.home-promo				{ float: left; margin-right: 15px; padding:80px 13px; width:263px; height: 70px; display: block; text-decoration: none; text-align: center; background-position: 0 0; background-repeat: no-repeat; position: relative;}
a.support					{ background-image: url('../images/home/pic-left.jpg'); margin-left:16px;}
a.project					{ background-image: url('../images/home/pic-middle.jpg');}
a.disposal					{ background-image: url('../images/home/pic-right.jpg') ;}
a.home-promo span			{ display: block;}
span.h1						{ margin: -26px 0 10px 0}
span.desc					{ color: #252525; }
span.more					{ position: absolute; right: 25px; bottom:15px; font-size: .9em; background: url('../images/layout/arrow-green.png') no-repeat right -19px; padding-right: 15px;}
a.home-promo:hover			{ background-position: 0 -242px; }
a.home-promo:hover span.h1	{ color: #FFF}
a.home-promo:hover span.desc,
a.home-promo:hover span.more{ display: none; background-image: none;}

#ticker						{ height: 50px; background: url('../images/home/bkgd-ticker.png') no-repeat top center; clear: both; top: -10px; position: relative; left:-25px; width: 980px;  }
#ticker	p					{ color: #FFF; line-height: 4.4em; font-size: .9em;}



/* ---------------------------- */
/* LOGOS */
/* ---------------------------- */
ul.partners-logos li				{ list-style: none; position:absolute;/* float: left; display: inline; margin-right: 25px; margin-bottom: 25px;*/ }
ul.partners-logos li a				{ display: block; background-position: 0 0; background-repeat: no-repeat; text-indent: -999em; text-decoration: none; }
/*ul.partners-logos li.alcatel		{ }
ul.partners-logos li.cisco			{ clear: both;}
ul.partners-logos li.hp				{ clear: both;}
ul.partners-logos li.hp				{ margin-right: 40px}
ul.partners-logos li.procurve		{ margin-right: 40px}
ul.partners-logos li.checkpoint,
ul.partners-logos li.f5,
ul.partners-logos li.ibm,
ul.partners-logos li.riverbed		{ margin-right: 0;}*/

ul.partners-logos li.alcatel		{ top:6px; left:0px }
ul.partners-logos li.cisco			{ top:4px; left:152px }
ul.partners-logos li.dell			{ top:2px; left:240px }
ul.partners-logos li.fujitsu		{ top:0px; left:0px }
ul.partners-logos li.hp				{ top:10px; left:88px }
ul.partners-logos li.ibm			{ top:70px; left:0px }
ul.partners-logos li.kyocera		{ top:70px; left:78px }
ul.partners-logos li.lenovo			{ top:70px; left:190px }
ul.partners-logos li.lexmark		{ top:70px; left:0px }
ul.partners-logos li.procurve		{ top:70px; left:110px }
ul.partners-logos li.ricoh			{ top:140px; left:0px }
ul.partners-logos li.sun			{ top:130px; left:106px }
ul.partners-logos li.toshiba		{ top:142px; left:188px }
ul.partners-logos li.wincor			{ top:137px; left:0px }
ul.partners-logos li.xerox			{ top:137px; left:115px }

ul.partners-logos li.alcatel a		{ background-image: url('../images/logos/alcatel.png'); width:126px; height:30px; }
ul.partners-logos li.cisco a		{ background-image: url('../images/logos/cisco.png'); width:55px; height:33px; }
ul.partners-logos li.dell a			{ background-image: url('../images/logos/dell.png'); width: 46px; height:42px;  }
ul.partners-logos li.fujitsu a		{ background-image: url('../images/logos/fujitsu.png'); width:70px; height:40px ;}
ul.partners-logos li.hp a			{ background-image: url('../images/logos/hp.png'); width: 40px; height:27px ;}
ul.partners-logos li.ibm a			{ background-image: url('../images/logos/ibm.png'); width:55px; height:22px; }
ul.partners-logos li.kyocera a		{ background-image: url('../images/logos/kyocera.png'); width:95px; height:23px; }
ul.partners-logos li.lenovo a		{ background-image: url('../images/logos/lenovo.png'); width:95px; height:23px; }
ul.partners-logos li.lexmark a		{ background-image: url('../images/logos/lexmark.png');width:90px; height:27px; }
ul.partners-logos li.procurve a		{ background-image: url('../images/logos/procurve.png'); width:101px; height:29px; }
ul.partners-logos li.ricoh a		{ background-image: url('../images/logos/ricoh.png'); width:90px; height:24px; }
ul.partners-logos li.sun a			{ background-image: url('../images/logos/sun.png'); width:70px; height:47px; }
ul.partners-logos li.toshiba a		{ background-image: url('../images/logos/toshiba.png'); width:95px; height:21px; }
ul.partners-logos li.wincor a		{ background-image: url('../images/logos/wincor.png'); width:88px; height:38px; }
ul.partners-logos li.xerox a		{ background-image: url('../images/logos/xerox.png'); width:90px; height:30px; }

ul.partners-logos li a:hover		{ opacity: 0.7;                    /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
filter: alpha(opacity=70);       /* IE 4-7 */
zoom: 1; }



ul.client-logos li					{ list-style: none; position:absolute;/* float: left; display: inline; margin-right: 25px; margin-bottom: 25px;*/ }
ul.client-logos li a				{ display: block; background-position: 0 0; background-repeat: no-repeat; text-indent: -999em; text-decoration: none; }
/*ul.client-logos li.decisionone	{ }
ul.client-logos li.fujitsu			{ clear: both;}
ul.client-logos li.genpact			{ clear: both;}
ul.client-logos li.hcl				{ margin-right: 40px}
ul.client-logos li.hp,
ul.client-logos li.ncr,
ul.client-logos li.wincor			{ margin-right: 0;}*/

ul.client-logos li.cds				{ top:0px; left:0px }
ul.client-logos li.decisionone		{ top:5px; left:94px }
ul.client-logos li.diebold			{ top:65px; left:0px }
ul.client-logos li.fujitsu			{ top:65px; left:151px }
ul.client-logos li.genpact			{ top:125px; left:0px }
ul.client-logos li.hcl				{ top:127px; left:128px }
ul.client-logos li.hp				{ top:175px; left:0px }
ul.client-logos li.ncr				{ top:175px; left:70px }
ul.client-logos li.wincor			{ top:225px; left:0px }
ul.client-logos li.xchanging		{ top:221px; left:118px }


ul.client-logos li.cds a			{ background-image: url('../images/logos/cds.png'); width:84px; height:45px; }
ul.client-logos li.decisionone a	{ background-image: url('../images/logos/decisionone.png'); width:141px; height:35px; }
ul.client-logos li.diebold a		{ background-image: url('../images/logos/diebold.png'); width:141px; height:35px; }
ul.client-logos li.fujitsu a		{ background-image: url('../images/logos/fujitsu.png'); width:70px; height:40px; }
ul.client-logos li.genpact a		{ background-image: url('../images/logos/genpact.png'); width:108px; height:24px;  }
ul.client-logos li.hcl a			{ background-image: url('../images/logos/hcl.png'); width:84px; height:22px ;}
ul.client-logos li.hp a				{ background-image: url('../images/logos/hp.png'); width:40px; height:27px ;}
ul.client-logos li.ncr a			{ background-image: url('../images/logos/ncr.png'); width:100px; height:30px; }
ul.client-logos li.wincor a			{ background-image: url('../images/logos/wincor.png'); width:88px; height:38px; }
ul.client-logos li.xchanging a		{ background-image: url('../images/logos/xchanging.png'); width:85px; height:45px; }

ul.client-logos li a:hover			{ opacity: 0.7;                    /* Firefox, Safari(WebKit), Opera */
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
filter: alpha(opacity=70);       /* IE 4-7 */
zoom: 1; }



/* ---------------------------- */
/* AWARDS PANEL */
/* ---------------------------- */
div.award					{ margin-left: 109px; padding-top: 3px;}
div.award .col				{ width: 250px; background-image: url('../images/home/award-grad.jpg');background-position: 0 0; background-repeat: no-repeat; position: relative;}
p.award-text				{ float: left; width:225px; text-align: left; color:#ffffff; font-size: 0.85em; padding: 5px 0 0 12px;}

/* ---------------------------- */
/* LINKS PANEL */
/* ---------------------------- */
.links-container{
	width:250px;
	float:left;
	margin-left:50px;
}
.links-container .header{
	background: url('/images/home/links-header.gif') no-repeat top center;
	padding:0;
	margin:0;
	height:13px;
}

.links-container .links-content{
	background: url('/images/home/links-bg.jpg') repeat-x top center;
	padding:0 15px;
	margin:0;
	border:1px solid #25868a;
	border-top:none;
	_margin-top:-2px;
}

.links-container .links-content h6{
	background: url('/images/home/links-bg.jpg') repeat-x top center;
	padding:0;
	margin:0;
	margin-bottom:10px;
}

.links-container .links-content br.clearfix{
	height:1px;
	margin:0;
	padding:0;
	clear:both:
	zoom:1;
	z-index:1;
}
	
.feed_link span{
	display:block;
	float:left;
	color:#6B6B6B;
	text-decoration:none;
}

.feed_link span.arrow{
	margin-top:4px;
	padding-left:4px; 
	display:block; 
	float:left; 
	width:11px; 
	height:11px;
	background:url('/images/layout/arrow-green.png') no-repeat top right;
}

.feed_link:hover span.arrow{
	background-position:bottom right;	
}

/* ---------------------------- */
/* CONTACT PAGE */
/* ---------------------------- */
ul.contact-list							{ border-top: 1px solid #bfc3c7;}
ul.contact-list	li						{ list-style: none; padding: 8px 0; border-bottom: 1px solid #bfc3c7;}



/* ---------------------------- */
/* FORM */
/* ---------------------------- */
form									{ position: relative;}
form fieldset							{ border:none; margin-bottom:5px; padding-top:10px; }
form fieldset legend					{ color:#f4eee3; font-size:1.2em; font-weight:bold; padding-right:10px; text-transform: uppercase; position:absolute; left:-999em; display: none; }
form fieldset ul li						{ list-style:none; clear:both; vertical-align:middle; margin-bottom:4px; overflow: hidden  }
form span.mandatory						{ font-size:1em; font-weight:bold; color:red}
form fieldset ul label					{ color: #25868a; display:block; padding-top: 5px; font-size:.9em; font-weight: bold }


form select,
form input,
form textarea							{ font-family: Arial, Helvetica, sans-serif; color:#817564; font-size:1em; padding:3px; border:1px solid #999; width:230px; }
form textarea							{ height:100px;}
form select								{ width:259px;}
form option								{ padding:0 4px;}
form li.salutation select				{ width:110px;}

form input.submit						{ border: none;}

form p									{ margin-bottom: .75em; font-size: .9em;}
form p.required-fields					{ position: absolute; bottom: 10px;}

/* Enquiry form */
/* ---------------------------- */
form#fm-enquiry							{ padding: 5px 20px 45px 20px; background:#FFF url('../images/layout/bkgd-form.png') no-repeat left top; border-bottom: 1px solid #bfc3c7}
form#fm-enquiry input.submit			{ width:74px; height:32px; position: absolute; right:20px; bottom:10px;}

/* Subscriber Form */
/* ---------------------------- */
form#subForm fieldset					{ padding: 0;}
form#subForm li							{ overflow: hidden; }
form#subForm label						{ display: block; width:45px; float: left; clear: both; font-size: .8em; }
form#subForm input						{ width: 150px; float: left; font-size: .8em; margin-bottom: 5px;}
form#subForm input.submit				{ width:42px; height:41px; left:208px; top:0; position: absolute;}

/* ---------------------------- */
/* NAVIGATION */
/* ---------------------------- */
/* Primary Nav */
/* ---------------------------- */
#header ul							{ position: absolute; bottom:16px; left: 265px; /*overflow: hidden*/}
#header ul li						{ float: left; list-style: none; }
#header ul li a,
#header ul li a:visited				{ text-decoration: none; color: #FFF; padding: 0 10px; line-height: 2.7em; text-transform: uppercase; font-size: .9em; letter-spacing: 1px; height: 30px;  display: block; }
#header ul li a:hover,
#header ul li.active a				{ background-color: #bcbec0; color: #25868a;}

#header ul ul						{ background: #FFF url('../images/layout/bkgd-subNav.png') repeat-x 0 0; border: #bfc3c7 solid 1px; border-top:none; padding: 5px 9px 5px 0 ; height: 19px;}
#header ul ul li					{ margin-left: 8px;}
#header ul ul li a,
#header ul li.active ul li a,
#header ul ul li a:visited			{ text-transform: none; height: auto; line-height: normal; color: #25868a; font-size: .8em; letter-spacing: normal; padding:0 0 0 13px; background:url('../images/layout/arrow-green.png') no-repeat  left -16px; line-height: 2.1em; }
#header ul ul li a:hover,
#header ul li.active ul li.active a,
#header ul li.active ul li a:hover	{ background-color: transparent; color: #014b7c; background-position: left 5px }

#header li ul						{ position: absolute; left: -999em; top:30px; }
#header li ul li					{ display:inline }
#header li:hover ul,
#header li.sfhover ul 				{ left:auto; /*position:fixed;*/ }



/* Sub Nav */
/* ---------------------------- */
ul.sub-nav							{ border-top:1px solid #bfc3c7; overflow: hidden; margin-bottom: 25px; }
ul.sub-nav li						{ list-style: none; float: left; padding: 9px 0; border-bottom:1px solid #bfc3c7; } 
ul.sub-nav li a						{ display: block; font-size: .8em; text-decoration: none; background: url('../images/layout/arrow-green.png') no-repeat left 1px; padding-left: 15px; color: #6b6b6b; width: 116px; }
ul.sub-nav li a:hover,
ul.sub-nav li.active a				{ background-position: 0 -20px; color: #25868a; }

.col-3 ul.sub-nav					{}

/* Footer Nav */
/* ---------------------------- */
#footer ul.links					{ background-color: #80878f; padding: 0 0 0 50px; overflow: hidden; width: 580px; position: relative; top:15px; }
#footer ul.second-row				{ padding-top: 0; padding-bottom: 5px;}
#footer ul.links li					{ list-style: none; font-size: .8em; float: left; margin-right: 10px; background:url('../images/layout/vert-bar.png') no-repeat center right; padding-right: 10px; margin-right: 10px; color: #FFF; line-height: 2em; display: block }
#footer ul.links li.no-border		{ background-image: none;}
#footer ul.links li.clear-both		{ clear: both;}
#footer ul.links li a,
#footer ul.links li a:visited		{ color: #FFF; text-decoration: none;   }
#footer ul.links li a:hover			{ text-decoration: underline;}


.accordian{
	width:275px;
	margin-bottom:30px;
}

.accordian .item{
	padding:5px 0px;
}

.accordian .head{
	height:22px;
	background: url('/images/library/accordian-header.jpg') no-repeat top left;
	padding: 4px 0 0 10px;
	font-size:1.2em;
	color:#FFF;
	margin-bottom:0px;
}

.accordian .head .header{
	display:block;
	float:left;
}

.accordian .head .arrow{
	display:block;
	float:right;
	background: url('/images/library/accordian-arrows.gif') no-repeat bottom left;
	width:23px;
	height:15px;
	margin:2px 10px 0 0;

}

.accordian .head:hover{
	cursor:pointer;
}

.accordian .head.active .arrow{
	background-position:top left;
}

.accordian .body{
	background: url('/images/library/accordian-bg.jpg') repeat-x top left #f6f6f7;
	margin-top:0px;
	border:solid 1px #b9bdc1;
	padding:10px 15px 0 15px;
}


.accordian .body .link{
	position:relative;
	z-index:5000;
}
.accordian .body .link a{
	text-decoration:none;
}

.accordian .body .link span.icon,
.accordian .body .link span.text{
	display:block;
	float:left;
}

.accordian .body .link a .icon{
	width:31px;
	height:37px;
	margin-right:15px;
}

.accordian .body .link span.text{
	width:190px;
}


.accordian .body .link .prev{
	position:absolute;
	left:50%;
	top:0;
	z-index:1000;
	width:237px;
	display:none;
}

.accordian .body .link .prev .header{
	background: url('/images/library/accordian-info-top.gif') no-repeat top left transparent;
	font-size:1px;
	height: 10px;
}

.accordian .body .link .prev .footer{
	background: url('/images/library/accordian-info-bottom.gif') no-repeat top left transparent;
	font-size:14px;
	height: 10px;
	text-align:right;
	position:relative;
}

.accordian .body .link .prev .footer a{
	display:block;
	position:absolute;
	right:10px;
	bottom:5px;
}

.accordian .body .link .prev .body{
	border:none;
	background:#FFF;
	padding:0px 15px 0 15px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
}

.accordian .body .link .prev .point{
	position:absolute;
	left:-38px;
	top:50%;
	margin-top:-19px;
}


html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}

#content {padding-bottom: 130px;}  /* must be same height as the footer */

#footer {position: relative;
    margin-top: -130px; /* negative value of footer height */
    height: 130px;
    clear:both;}


ul.sitemap ul.sitemap {margin-left:20px;}

* html .clearfix2{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clearfix2{
  min-height: 1%;
}

/* float clearing for everyone else */
.clearfix2:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
