@charset "UTF-8";
/* CSS Document */
	
	
/*****************************************************************************************************
/*  AMEND HISTORY
/*
/*  DATE        CODE   REASON
/*  02/02/2009  x20    Display list of functionality in a more clear fashion on free trial home page
/*                     New elements are :- #content-box-long-1, #content-box-long-2
/*  03/03/2009  x21    Improve list apearance for boxes on free trial pages (and throughout site)
/*  03/03/2009  x22    Addition of new ul element specially for free trial home page, with reduced LHS
/*                     padding
/*  03/03/2009  x23    Addition of new subscribe-box-freetrial element to contol position of box within
/*                     container
/*  03/03/2009  x24    A container, specilly for free trial getting started :- 
/*                     #content-box-short-1, #content-box-short-2
/*  26/06/2009  x25    New container boxes with text aligned centrally :-
/*                     #content-box-1-subscribe and #content-box-2-subscribe
/*  10/10/2009  x26    Set box width for 4 products (was for three products) product page
/*  11/10/2009  x27    Set box width for 4 products - middle row (was for three products) index page
/*  20/10/2009  x28    Set box width for 4 items - bottom row (was for three items) on index page
/*  27/10/2009  x29    Products page, bottom section, change form 2 boxes to 3 boxes
/*  09/03/2010  x30    Added text to front page. Made amendments to font for this
/*  13/04/2010  x31    Added content-box-1-white and content-box-2-white
/*  13/05/2010  x32    Added class for text in nav bar
/*  27/05/2010  x33    Revert back to 3 pannels at bottom of front page
*******************************************************************************************************/
	
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */
html{
	font-size:100%;
	
}
body {

	font-family:Arial, Helvetica, sans-serif;  

/*	font-family: Tahoma,Arial,sans-serif;  */
/*    font-family:Verdana, Arial, Helvetica, sans-serif; */
/*	font-size: 62.5%;*/
	font-size: 1em;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #989898;
	height:100%;
	
	
	}
	
	
ul
{
list-style:disc;
padding-left:2em;
margin: 0;
padding-bottom:0.925em;
}
ol{
padding-left:2em;
margin: 0;
padding-bottom:0.925em;
}
ul li{
	font-size: 0.756em;
	color:#575757;
	padding-bottom:0.6em;
    line-height:1.5em;  /* x21  improve appearance for free trial boxes */
}
ol li{
	font-size: 0.756em;
	color:#1198cf;
	padding-bottom:0.6em;
	font-weight:bold;
}
ol li span{
	color:#575757;
	font-weight:normal;
}

/* 009 list elements for in line code snippets */

ul.inline{
    list-style-type:none;
	font-size:1.2em;
	padding-bottom:0em;
	padding-top:0.5em;
}

ul.content-box-list  /* x22   */
{
list-style-image:url(../assets/gfx-small-bullet.jpg);
padding-left:1.0em;
margin: 0;
padding-bottom:0.925em;
}

a:link, h1 a:link, h2 a:link, h3 a:link, h4 a:link, li a:link, p a:link {

    color: #0e9bc4;
	text-decoration: underline;
	} 
	
a:visited, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, li a:visited, p a:visited {
    color: #0e9bc4;
	text-decoration: underline;
	}

a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, li a:hover, p a:hover {
    color: #43c8ef;
	text-decoration: underline;
	} 

a:active, h1 a:active, h2 a:active, h3 a:active, h4 a:active, li a:active, p a:active {
    color: #43c8ef;
	text-decoration: underline;
	}

img {
border: none;
}

h1, h2, h3, h4 {
		font-family:Arial, Helvetica, sans-serif;  

	/* font-family: Tahoma,Arial,sans-serif; */
/*    font-family:Verdana, Arial, Helvetica, sans-serif;  */
	margin: 0px;
	}

h1.level-2 {
	font-size: 2em;
	color: #FFFFFF;
	font-weight:normal;	
	position:absolute;	
	bottom:1.22em;
	}
h1.level-3 {
	font-size: 1.5em;
	color: #FFFFFF;
	font-weight:normal;	
	position:absolute;	
	bottom:1.5em;
	}
h2 {
	font-size: 1.26em;
	color: #1198cf;
	font-weight:normal;
	text-transform: uppercase;
	padding-bottom:0.8em;
	}
h2.products-home {
	padding-bottom:0em;
	}
/* h2.content-pages { text-transform: none; padding-bottom:0.8em;	}  old */
h2.content-pages { font-size:20px; color:#1198cf; display:block; padding-bottom:15px; text-transform:none; }


/*
h3 {
	font-size: 1em; 
	color: #1198cf;	
	font-weight:bold;
	padding-bottom:0.8em;
} */

h3 { color:#1198cf; font-size:1em; display:block; text-transform:none; padding-bottom:14px; font-weight:bold; }


h3 a:link, a:visited{
color: #1198cf;
	text-decoration:underline;
}
h3 a:hover, a:active{
 color:#7be1ff;
}

h4 {
	font-size: 0.882em;
	color: #1198cf;
	padding-bottom:0.8em;
}
h4.homepage {
padding-bottom:0em;	
}
table{
	margin-left:auto;
	margin-right:auto;
	width:32.4em;
	padding:0.925em;
	background-color:#f2f5f7;
}
td{
	font-size:0.819em;
	color:#575757;
}

p {
	font-family:Arial, Helvetica, sans-serif;  
	margin: 0px;
	text-indent: 0px;
	/*font-size:0.819em; */
	font-size:12px;
	color:#575757;
	line-height:1.5em;
	padding-bottom:0.6em;
}

p.centered { padding-left:1em; padding-right:1em; }


.hr, .hr-inner{
	border: 0px;
  	width: 100%;
  	height: 1em;
	background-image:url(../assets/hr-line.jpg);
	background-position:top;
	background-repeat:repeat-x;
	padding-bottom:0em;
	padding-top:0em;
	float:left;

}
.hr-inner{
	background-image:url(../assets/hr-line-inner.jpg);
	margin-top:0.75em;
}

.leading-text{
	font-size:1em;
	font-weight:bold;
	line-height:1.4em;
    color:#3a5d7c;
}

.leading-sub-text{
	font-size:0.9em;
	font-weight:bold;
	line-height:1.4em;
}

.form-text{
	font-size:0.85em;
	font-weight:bold;
	line-height:1.4em;
}
.leading-testimonial-text{
	font-size:1.2em;
	font-weight:bold;
	line-height:1.4em;
}

.main-link a{ 
    background-image: url(../assets/icon-link.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 1.2em; 
	padding-bottom:0.1em;
	position:absolute; 
	bottom:0;
	right:1.5em;
}
.main-link-free-trial a{ 
    background-image: url(../assets/icon-link.jpg);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 1.2em; 
	padding-bottom:0.1em;
	position:absolute;
	bottom:0;
	right:0;
}

/* 011  link at bottom of customer logos */
.customer-link a{
    background-image: url(../assets/gfx-more-bg.png);
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 1.2em; 
	padding-bottom:0.1em;
	bottom:0;
	text-align:right;
	float:right;
	margin-right:1.65em;
}


.main-link a:link, .main-link-free-trial a:link, .main-link a:visited, .main-link-free-trial a:visited{
	text-decoration:none;
	font-weight:bold;	
}

/*  010 added link to front page   */
.index-link  a:link, .customer-link a:link, .index-link a:visited, .customer-link a:visited{
    text-decoration:none;
	font-weight:bold;
}


/*-------------Top bar containing nav and logo - all pages----------------*/
#top-bar-container{
	width:100%;
	text-align:left;
	background-image:url(../assets/top-box-bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#f2f5f6;
	/*height:6.65em;*/
	height:105px; 
	
}
#primary-nav-area{
	width:60.48em;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	overflow:hidden;
	position:relative;
	border-color:#000000;
	}
#primary-nav-area img{
	float:left;
	bottom:0;	
	border-color:#000000;
}

#primary-nav{
 	width: 43em;
	position:absolute;
	bottom: 0;
	right:0;
    border-color:#000000;
		
}

#primary-nav-text{
text-align:right;
margin-right:0.6em;
vertical-align:bottom;
margin-bottom:25px; /*----- NEW STYLE -----*/
font-size:0.8em;
color:#575757;
}	

	

	
 #primary-nav ul
{
list-style: none;
padding: 0;
margin: 0;
}

#primary-nav li
{
font-size:0.7em;
float: left;
margin: 0 0.25em;
height: 3em;
line-height: 3em;
background-color: #6c879d;
color:#FFFFFF;
width: 6.25em;
text-decoration: none;
text-align: center;
padding-bottom:0em;
border-color:#000000;
}

#primary-nav li a
{
background-color:#d8e5eb;
height: 3em;
line-height: 3em;
float: left;
display: block;
color: #575757;
text-decoration: none;
text-align: center;
border-color:#000000;
}
#primary-nav li a:hover
{
background-color:#bccad5;
text-decoration: underline;
}

/* Hide from IE5-Mac \*/
#primary-nav li a
{
float: none
}
/* End hide */

/*-------------Homepage header----------------*/
#home-header-container{
	width:100%;
	text-align:left;
	background-image:url(../assets/home-header-bg.jpg);
	background-color:#708a9f;
	background-repeat:repeat-x;
	background-position:top;
	/*height:13em;*/
	height:208px;
	
}
#home-header{
	width:60.48em;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	/*height:13em;*/
	height:208px;
	background-image:url(../assets/home-header.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	overflow:visible;
}
#home-header-shadow{
	width:100%;
	background-image:url(../assets/home-header-shadow.jpg);
	background-repeat:repeat-x;
	height:0.945em;

}
/*-------------Homepage content panels----------------*/
#home-content-container{
	width:100%;
	text-align:left;
	background-color:#d8e4eb;
	background-repeat:no-repeat;
	background-position:50% 75%;
	/*background-image:url(../assets/home-content-bg.jpg);*/
	
}
#home-content-panels{
	width:60.48em;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	height:auto;
		
	
}
#home-content-panel-1, #home-content-panel-2, #home-content-panel-3 {
	width:18.2em;
	float:left;
	padding-left: 0.945em;
	padding-right: 0.945em;
	padding-bottom: 0;
	padding-top:0;
	text-align:left;
	background-repeat:repeat-y;
	background-position:right;
	background-image:url(../assets/vertical-spacer.gif);
    height:19em;
/*	height:18em;  x27*/
	position:relative;
	}
#home-content-panel-1 p{
	font-size:0.882em;
}
/* x30 new font */
#home-content-panel-2 p{
	font-size:0.882em;
}

#home-content-panel-2 ul{  /* x30 new font */
	font-size:1.2em;
}

#home-content-panel-1 p.leading-text{
	font-size:1em;
	font-weight:bold;
	line-height:1.4em;
}

/* x30 new font */
#home-content-panel-2 p.leading-text{
	font-size:1em;
	font-weight:bold;
	line-height:1.4em;
}

#home-content-panel-3{

	background-image:none;
}
.customer-logo-left{
	width:9em;
	float:left;
	text-align:left;
	padding-bottom:0.5em;
	
}

.customer-logo-right{
	width:9em;
	float:left;
	text-align:right;
	padding-bottom:0.5em;
	
}
.customer-logo-left img, .customer-logo-right img{
	width:8.568em;
	height:3.465em;
	border:1px solid #c0cad3;
	
}
#home-content-bottom-spacer{
	width:60.48em;
	height:0.945em;
	position:relative;
	margin-left: auto;
	margin-right: auto;
}
#home-products-title{
	width:10em;
	position:absolute;
	bottom:-0.2em;
	background-color:#f2f5f6;
	height:1.5em;
	padding: 0.945em;
	padding-bottom:0;
	
}
/*-------------Homepage product panels----------------*/
#home-product-container{
	width:100%;
	text-align:left;
	background-color:#f2f5f6;
	float:left;
	
}
#home-product-panels{
	width:60.48em;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	
	padding-bottom:0.945em;
	
	
}
#home-product-panel-1, #home-product-panel-2, #home-product-panel-3, #home-product-panel-4 {
	width:14em;
/*    width:19.145em;   x27 - for three panels */
	float:left;
	margin-bottom:0.945em;
	padding-bottom:0;
	text-align:left;
	background-repeat:repeat-y;
	background-position:right;
	background-image:url(../assets/vertical-spacer.gif);
/*	height:7em;  *x27 - for three panels*/
    height:11em;  
	padding-left: 0.945em;
	margin-top: 0.945em;
	position:relative;
	
	
}

#home-product-panel-4{
	background-image:none;  
}  

.home-product-logo{
	width:13em; 
/*    width:18.2em;  x27 for 3 pannels */
	float:left;
	text-align:left;
	padding-bottom:0.5em;
}
.home-product-logo img{
	width:8.19em;
	height:3.024em;
}
.home-product-logo p{
	font-size:0.7em;
	line-height:1.2em;
	color:#8097aa;
}


/*-------------Homepage - bottom white content panels----------------*/
#home-bottom-shadow{
	width:100%;
	background-image:url(../assets/home-bottom-shadow.jpg);
	background-repeat:repeat-x;
	height:0.945em;
	float:left;
}
#home-bottom-content-container{
	width:100%;
	text-align:left;
	background-color:#FFFFFF;
}
#home-bottom-content-panels{
	width:60.48em;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	height:auto;	
	padding-bottom:0.945em;
}
/*#home-bottom-content-panel-1, #home-bottom-content-panel-2, #home-bottom-content-panel-3 {  x28 for three panels*/
/*#home-bottom-content-panel-1, #home-bottom-content-panel-2, #home-bottom-content-panel-3, #home-bottom-content-panel-4 { x33 back to 3 pannels */
#home-bottom-content-panel-1, #home-bottom-content-panel-2, #home-bottom-content-panel-3 {
	width:18.2em;
	float:left;
	padding-left: 0.945em;
	padding-right: 0.945em;
	margin-bottom: 0.945em;
	padding-bottom: 0;
	padding-top:0;
	text-align:left;
	background-repeat:repeat-y;
	background-position:right;
	background-image:url(../assets/vertical-spacer.gif);
	height:9em;
	position:relative;	
}

/*  #home-bottom-content-panel-3{   x28 change to 4 panels */
/*    #home-bottom-content-panel-4{   x33 back to 3 pannels */
#home-bottom-content-panel-3{
	background-image:none;
}

/* #home-bottom-content-panel-1 p, #home-bottom-content-panel-2 p, #home-bottom-content-panel-3 p {  x28 for three */ 
/*   #home-bottom-content-panel-1 p, #home-bottom-content-panel-2 p, #home-bottom-content-panel-3 p, #home-bottom-content-panel-4 p { x33 back to 3 pannels*/
#home-bottom-content-panel-1 p, #home-bottom-content-panel-2 p, #home-bottom-content-panel-3 p {
	font-size:0.693em;	
	color:#8097aa;	
}

#home-bottom-content-free-trial{
	background-color:#f2f5f7;
	height:4.5em;
	width:auto;
	padding: 0.945em;
	position:relative;	
}
#home-bottom-content-free-trial-img{
	float:left;
	width:45%;
	position:absolute;
	top:25%;
}
#home-bottom-content-free-trial-img img{
	width:8.19em;
	height:3.024em;

}
#home-bottom-content-free-trial-copy{
	float:right;
	width:55%;
	height:4.5em;
	position:relative;
	
}

/*-----------------Home footer------------------------*/

#home-footer{
	width:100%;
	background-image:url(../assets/home-footer-bg.jpg);
	background-repeat:no-repeat;
	background-position:50% 0%;
	height:10em;
	float:left;
	padding-top:0.945em;
	text-align:center;
}
#home-footer p{
	font-size:0.693em;	
	color:#8097aa;
	line-height:0.7em;
}

/*-------------Level 2 header----------------*/
#level-2-header-container{
	width:100%;
	text-align:left;
	background-image:url(../assets/level-2-header-bg.jpg);
	background-color:#708a9f;
	background-repeat:repeat-x;
	background-position:top;
	/*height:6.552em;*/
	height:104px;
	overflow:hidden;
	float:left;
}
#level-2-header{
	width:58.63em;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	/*height:6.552em;*/
	height:104px;
	padding:0.925em;
	position:relative;
	background-image:url(../assets/level-2-header.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	overflow:hidden;
}
#level-2-header-shadow{
	width:100%;
	background-image:url(../assets/home-header-shadow.jpg);
	background-repeat:repeat-x;
	height:0.945em;
}
#breadcrumb{
	width:100%;
	font-size:0.693em;
	color:#FFFFFF
}
#breadcrumb a:link, #breadcrumb a:visited{
	color:#0e9bc4;
	text-decoration:underline;
}
#breadcrumb a:hover, #breadcrumb a:active{
	color:#43c8ef
}
/*-------------Products page----------------*/
#products-intro-container{
	width:100%;
	text-align:left;
	background-color:#d9e5eb;
	float:left;
}
#products-intro{
	width:960px;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	padding:0.925em;
	position:relative;
	padding-bottom:0.925em;
}
#product-container{
	width:100%;
	text-align:center;
	background-color:#f2f5f6;
	float:left;
}

#product-panels{
	width:60.48em;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	height:auto;
	padding-bottom:0.945em;
	
}
#product-panel-1, #product-panel-2, #product-panel-3, #product-panel-4 {
	width:13.1em;    
/*    width:18.097em;  x27 */
	float:left;
	margin-bottom:0.945em;
	padding-bottom:0;
	text-align:left;
	background-repeat:repeat-y;
	background-position:right;
	background-image:url(../assets/vertical-spacer.gif);
	height:14em;
	padding-right: 0.945em;
	padding-left: 0.945em;
	margin-top: 0.945em;
	position:relative;
	
}
#product-panel-4{
	background-image:none;
}
#product-panel-1 p, #product-panel-2 p, #product-panel-3 p, #product-panel-4 p{
	/*font-size:0.693em;*/	
	color:#575757;	
}
#product-panel-1 img, #product-panel-2 img, #product-panel-3 img, #product-panel-4 img{
	width:11.97em;
	height:2.51em;
	padding-bottom:1em;
}
/*-----------------products bottom section-------------------*/
#products-bottom-shadow{
	width:100%;
	background-image:url(../assets/home-bottom-shadow.jpg);
	background-repeat:repeat-x;
	height:0.945em;
	float:left;
}
#products-bottom-content-container{
	width:100%;
	text-align:left;
	background-color:#FFFFFF;
	float:left;
}
#products-bottom-content-panels{
	width:60.48em;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	height:auto;	
	
	padding-bottom:0.945em;
	
}
/* #products-bottom-content-panel-1, #products-bottom-content-panel-2 {  x29  */
    #products-bottom-content-panel-1, #products-bottom-content-panel-2, #products-bottom-content-panel-3 {
/*	width:28em;  x29  */
    width:18.2em;
	float:left;
	padding-left: 0.945em;
	padding-right: 0.945em;
	margin-bottom: 0.945em;
	padding-bottom: 0;
	padding-top:0;
	text-align:left;
	background-repeat:repeat-y;
	background-position:right;
	background-image:url(../assets/vertical-spacer.gif);
/*	height:7em;  x29 */
/*    height:8em;  x27  for three pannels */
    height: 11em;
	position:relative;	
	
}
/*#products-bottom-content-panel-2{  x29  */
   #products-bottom-content-panel-3{ 
	background-image:none;
}
#products-bottom-content-free-trial{
	background-color:#f2f5f7;
	
	width:auto;
	padding: 0.945em;
		
}
#products-bottom-content-free-trial-copy{
	position:relative;
	
	
}
#products-bottom-content-free-trial-copy p{
	font-size:0.693em;
	color:#575757;
	
}

#products-bottom-content-free-trial-link{
	position:relative;
	width:20%;
	float:right;
	
}


/*----------------------products footer------------------*/
#products-footer{
	width:100%;
	background-image:url(../assets/home-footer-bg.jpg);
	background-repeat:no-repeat;
	background-position:50% 0%;
	height:10em;
	float:left;
	padding-top:0.945em;
	text-align:center;
}
#products-footer p, #level-3-footer p{
	font-size:0.693em;	
	color:#8097aa;
	line-height:0.7em;
}
/*--------------------level 3 header---------------------*/
#level-3-header-container{
	width:100%;
	text-align:left;
	background-image:url(../assets/level-3-header-bg.jpg);
	background-color:#708a9f;
	background-repeat:repeat-x;
	background-position:top;
	height:5.481em;
	overflow:hidden;
	float:left;

}
#level-3-header{
	width:960px;
	max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	height:5.481em;
	padding:0.925em;
	position:relative;
/*	background-image:url(../assets/level-3-header.jpg);*/
	background-position:top right;
	background-repeat:no-repeat;
}
#level-3-content-container{
	width:100%;
	background-image:url(../assets/home-header-shadow.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#d9e5eb;
	height:auto;
	float:left;
	text-align:left;
}
#level-3-inner-container{
width:60.48em;
max-width:1200px;
	margin-left: auto;
	margin-right: auto;
	height:auto;	
	text-align:left;	
}
/*--------------------level 3 second level nav---------------------*/

#secondary-nav-container{
	width:11.025em;
	float:left;
	
}




 #secondary-nav-container ul
{
list-style: none;
padding-left: 0em;
margin: 0;
position:relative; 
z-index:1;
}


/* CHANGED STYLES BY KOMODO ON 07.02.11 */

#secondary-nav-container li{
font-size:0.756em;
line-height: 16px;
padding:10px 15px 10px 25px;
text-align: left;
display:block;
margin:0;
}


/* NEW STYLES ADDED BY KOMODO ON 07.02.11 */

#secondary-nav-container li.primary-new {
font-weight:bold;
color:#1198CF;
background:url(../assets/gfx-arrow-across.png) no-repeat 8px 13px; 
}

#secondary-nav-container li.primary-new a {
text-decoration:none;
}

#secondary-nav-container li.primary-new a:hover {
text-decoration:underline;
color:#1198CF;
}

#secondary-nav-container li.secondary-new {
background-color: #f2f5f6;
text-decoration: none;
}

#secondary-nav-container li.primary-parent {
font-weight:bold;
background:url(../assets/gfx-arrow-down.png) no-repeat 7px 16px #f2f5f6;
}

#secondary-nav-container li.secondary-new a {
color: #0E9BC4;
text-decoration:none;
}

#secondary-nav-container li.secondary-new a:hover {
text-decoration:underline;	
}

#secondary-nav-container li.selected { 
background-color: #ffffff;
text-decoration: none;
color:#565656;
}

#secondary-nav-container li.selected a {
color:#565656;
}



/* END NEW STYLES ADDED BY KOMODO ON 07.02.11 */



#secondary-nav-container-free-trial{
width:7em;
background-color:#bfcbd5;
padding:0.925em;
margin-top:3em;
margin-left:auto;
margin-right:auto;
}
#secondary-nav-container-free-trial-container{
width:100%;
position:relative;
height:7.5em;
}
#secondary-nav-container-free-trial p{ 
font-size:0.693em;
	color:#FFFFFF;
	
}
/*----------------------------------------------*/
#secondary-nav-container li.primary-unselected{
	
	text-decoration: none;
	padding-left:2.2em;
	background-image: url(../assets/icon-nav-link-unselected.jpg);
	background-position:8% ;
	background-repeat: no-repeat;
}
#secondary-nav-container li.primary-unselected a{
	color:#0e9bc4;
	font-weight:bold;
	text-decoration:none;
}
#secondary-nav-container li.primary-unselected a:hover{
	text-decoration:underline;
}
#secondary-nav-container li.primary-selected 
{
	color:#575757;
	font-weight:bold;
	text-decoration:none;
	background-image: url(../assets/icon-nav-link-selected.jpg);
	background-position:8% ;
	background-repeat: no-repeat;
}

/*----------------------------------------------*/
#secondary-nav-container li.secondary-unselected{
	background-color: #f2f5f6;
	text-decoration: none;
}
#secondary-nav-container li.secondary-unselected a{
	color:#0e9bc4;
	font-weight:normal;
	text-decoration:none;
}
#secondary-nav-container li.secondary-unselected a:hover{
	text-decoration:underline;
}
/*----------------------------------------------*/
#secondary-nav-container li.secondary-selected{
	color:#575757;
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight:bold;
}

/* Hide from IE5-Mac \*/
#secondary-nav-container li a
{
float: none
}
/* End hide */

/*-------------------Level 3 page content panel----------------------*/

#level-3-content-panel{
	width:49.455em;
	max-width:800px;
	background-image:url(../assets/home-bottom-shadow.jpg);
	background-position:top;
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	float:left;
	
	padding-top:0.925em;
}
#level-3-2col-content-panel-left{
	width:34.5em;
	max-width:800px;
	float:left;
	
	 min-height:35em;
 	 height:auto !important;
 	 height:35em;
	
	background-repeat:repeat-y;
	background-position:right;
	background-image:url(../assets/vertical-spacer.gif);
	padding-left:0.925em;
	padding-right:0.925em;
	
}



#level-3-2col-content-panel-right{
	width:11.025em;
	float:left;
	height:100%;
	padding-left:0.925em;
}

/* 003 */
#level-3-2col-content-panel-across{
	width:45.525em;
	max-width:800px;
	float:left;
 	 height:auto !important;
 	 height:35em;	padding-left:0.925em;
}


#level-3-customer-logos-container{
	width:100%;
	text-align:center;
	background-color:#FFFFFF;
	float:left;
}
.level-3-customer-logos{
	padding-bottom: 0.945em;
	margin-left:auto;
	margin-right:auto;
}
.level-3-customer-logos img{
width:8.568em;
	height:3.465em;
	border:1px solid #c0cad3;
}


#level-3-content-panel-bottom{
	width:49.455em;
	float:left;
	height:0.925em;
	background-color:#FFFFFF;
}
#level-3-content-bottom-strip{
	width:100%;
	float:left;
	height:0.925em;
	background-color:#d9e5eb;
}
#level-3-footer{
	width:100%;
	background-position:top;
	background-color:#f2f5f6;
	background-repeat:repeat-x;
	float:left;
	
	padding-top:0.4em;
	padding-bottom:0.2em;
}
#level-3-footer-shadow{
	width:100%;
	float:left;
	background-image:url(../assets/home-bottom-shadow.jpg);
	background-repeat:repeat-x;
	background-position:top;
	
	height:4em;
}
#content-box-1, #content-box-2, #content-box-short-1, #content-box-short-2, #content-box-medium-1, #content-box-medium-2, #content-box-1-long, #content-box-2-long {
	width:14.55em;
	height:13em;
	background-color:#f2f5f7;
	float:left;
	padding:0.945em;
	margin:0em;
	margin-bottom:0.925em;
    border:solid 1px #bfcbd5;
}

/* x24 new boxes for freetrial getting started page */
#content-box-short-1, #content-box-short-2{
    height:10em;
	text-align:center;
} 

#content-box-medium-1, #content-box-medium-2{
    height:230px;
	position:relative;
} 

/* x20 new boxes for freetrial home page */
#content-box-1-long, #content-box-2-long{
	height:16em;
	position:relative;
}


#content-box-1, #content-box-2, #content-box-short-1, #content-box-short-2, #content-box-medium-1, #content-box-medium-2, #content-box-1-long, #content-box-2-long ul  /* x22   */
{
list-style-image:url(../assets/gfx-small-bullet.jpg);
padding-bottom:0.925em;
}

#inner-content-box-medium { height:210px; }

#content-box-1-white{  /*   #31   */
	width:20.85em;
	height:12em;
	float:left;
	padding:0.945em;
	margin:0em;
}


#content-box-2-white{  /*   #31   */
	width:8em;
	height:12em;
	float:left;
	padding:0.945em;
	margin:0em;
	text-align:center;
}

.box-spacer{
	width:1em;
	height:5em;
	float:left;
	
}
.box{
	padding-bottom:0em;
}
.bluetext{
	color:#1198cf;
	font-weight:bold;
}
.navytext{
       color:#3a5d7c;
       font-weight:bold;
}
.bluebox, .blueboxsitemap {
	width:6.7em;
	float:left;
	background-color:#f2f5f7;
	height:auto;
	padding:0.945em;
	margin-bottom:0.925em;
}
.blueboxsitemap{
width:16em;
padding:0;
}
.subscribe-box{
	/*width:32.4em;*/
	margin-top:0.925em;
	margin-bottom:0.925em;
	padding:0.925em;
	background-color:#1198cf;
	font-size:1.008em;
	font-weight:bold;
	background-image:url(../assets/subscribebg.gif);
	background-position:55% 30%;
}
/* x23  */
.subscribe-box-freetrial{
	/*width:32.4em;*/
	margin-top:0.925em;
    margin-bottom:0.925em;
	margin-right:0.925em;  /*?? */
    padding:0.925em;
	background-color:#1198cf;
	font-size:1.008em;
	font-weight:bold;
	background-image:url(../assets/subscribebg.gif);
	position:absolute;  /* x23 */
    bottom:0;         /* x24 */
	background-position:55% 30%;
	width:12.96em;
}
.subscribe-box a:link, .subscribe-box-freetrial a:link, .subscribe-box a:visited, .subscribe-box-freetrial a:visited{
    color: #FFFFFF;
	text-decoration:underline;
}
.subscribe-box a:hover, .subscribe-box-freetrial a:hover, .subscribe-box a:active, .subscribe-box-freetrial a:active{
 color:#86dafc;
}
/*.step{
	font-size:1em;
	background-image:url(../assets/stepbg.jpg);
	padding:0.5em;
	padding-bottom:1em;
	padding-top:1em;
	margin-top:0.925em;
	background-repeat:repeat-x;
	background-position:top;
	}
.step:first-letter {
color:#1198cf;
font-size:3em;
float:left;
line-height:1em;
padding-top:0.15em;
padding-right:0.2em;
margin-bottom:0em;
padding-bottom:0em;
  }
*/
.step{
    color:#1198cf;
	font-size:1.2em;
	background-image:url(../assets/stepbg.jpg);
	padding:0.5em;
	padding-bottom:1em;
	padding-top:1em;
	margin-top:0.925em;
	background-repeat:repeat-x;
	background-position:top;
	}



.stepimg{
	padding:0.925em;
	float:none;
}

.code{
padding:0.925em;

	background-color:#f2f5f7;
	margin-bottom:0.925em;
	margin-top:0em;
	}
	
pre{
font-family: "Courier New", Courier, monospace;
	color:#666666;
	font-size:0.756em;
	font-weight:bold;
	padding:0em;
	margin:0em;
	
	white-space: pre; /* CSS2 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP printers */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
word-wrap: break-word; /* IE */

	}
	
/* .testimonials-box, .news-box, .form-box{   004 */
.testimonials-box, .news-box, .news-across-box, .form-box{ 
	width:32.4em;
	padding:0.925em 0.925em 0 0.925em;
	background-color:#f2f5f7;
	position:relative;
	float:left;
	margin-bottom:0.925em;
border:solid 1px #bfcbd5;
	}

.form-box{
	padding-bottom:0.925em;
}

/*  012  */
.form-box-1col{
    width:32.4em;
	padding:0.925em 0.925em 0em 0.925em;
	background-color:#f2f5f7;
	position:relative;
/*	float:left;  */
    margin-left:auto; margin-right:auto;
	margin-bottom:0.925em;
}

/*  004  */
.news-across-box{

    width:42em;
}

.border-box{ 	width:32.4em; padding:0.925em 0.925em 0 0.925em; background-color:#f2f5f7; position:relative;
	float:left;	margin-bottom:0.925em; border:solid 1px #bfcbd5; }

.border-box label { color:#476784; font-size:12px; display:block; padding-bottom:1px; }
.border-box .formbox2 { width:182px; height:15px; padding:3px; margin-bottom:12px; border:solid 1px #bfcbd5; 
display:block;  color:#666666;}

.border-splitter{	float:left;	width:16em;	}

.border-text, .border-text2, .border-text3{	color:#476784; font-size:12px; display:block; padding-bottom:1px; }
.border-text2{ padding-bottom:5px; font-weight:bold;}
.border-text3 {padding-bottom:5px;}
.border-button-new { width:190px; height:25px; display:block; background:url(../assets/gfx-form-button2.png) no-repeat; 
font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF; text-shadow: 1px 1px #2283C6; 
padding:1px 0 5px 14px; text-decoration:none; text-align:left; margin-bottom:10px; border: 0px }


/*-------------------------------------------------------------------------------------------------------*/


.testimonials-quote{
	width:20em;
	position:relative;
	float:left;
	
	}
.news-quote{
	width:30em;
	position:relative;
	float:left;
}

/*.testimonials-box p, .news-box p, .form-box p{  004  */
.testimonials-box p, .news-box p, .news-across-box p, .form-box p{
color:#698398;
padding-bottom:1.5em;
}
/* 006 */
.form-box a:link, .form-box a:visited{
color:#698398;
padding-bottom:1.5em;
}
.form-box p{
padding-bottom:0.5em;
}


.form-box label { color:#476784; font-size:12px; display:block; padding-bottom:1px; }
.form-box .formbox2 { width:182px; height:15px; padding:3px; margin-bottom:12px; border:solid 1px #bfcbd5; 
display:block;  color:#666666;}

.testimonials-box-logo{
	float:left;
	width:10em;
	
}
.testimonials-box-logo p{
font-size:0.65em;
text-align:right;
padding-right:2em;	
font-weight:bold;
}
.testimonials-box-logo img{
border:1px #bfcbd5 solid;
}	
.leftquote{
 border:0px;
 float:left;
 padding-bottom:0.925em;
 padding-right:0.925em;
 padding-left:0.5em;
}
.rightquote{
	border:0;
 padding-left:0.2em;
 position:absolute;
 bottom:0.5em;
 right:0.925em;
}
 

.newsimg{
 float:left;
 margin-right:0.925em;
 margin-bottom:0.925em;
 border:1px #698398 solid;
 
}

.newsimglogo{  /* 008 */
 float:left;
 margin-right:0.925em;
 margin-bottom:0.925em;

}

textarea {
	border:1px #698398 solid;
	width:43.6em;
	height:20em;
	padding:0.925em;
	color:#698398;
	background-color:#f2f5f7;
	margin-bottom:0.925em;
	font-family: Tahoma,Arial,sans-serif; 
/*    font-family:Verdana, Arial, Helvetica, sans-serif;  */
	font-size:0.75em;
}

formbox{
padding-top:0.2em;
}
.form-splitter{
	float:left;
	width:16em;
	}
.button-section{
	float:left;
	width:100%;

}
.form-text{
	font-size:0.7em;
	font-weight:bold;
	line-height:1.5em;
	padding-right:2em;
	
}
.formhelptext{
font-size:1.0em; 
font-weight:normal;

}

/*-------------------------------------------------------------------------------------------------------------*/
/* Some new stuff */


/*-------------------------------------------------------------------------------------------------------------*/
/*   Demo Forms
/* 005 included for demo forms  */

.rightfloat {
    float:right;
	font-size: 0.7em;
}

/* 007  include for demo forms  */

.errtxt{
	color:#CC0000;
}

/*  012  For the Feedback form  */
.feedbackerrtxt{
    padding-left:1em;
	color:#CC0000;
}


textarea.feedback{
     width: 41.45em;
	 background-color:#FFFFFF;
	 height:8em;
}

/*  008  use this for in line code snippets */
.codetext {
font-family: "Courier New", Courier, monospace;
	color:#666666;
	font-size:1.2em;
	font-weight:bold;
	padding:0em;
	margin:0em;
}

/* for the ISCD ordering system errors */
.ordererrtxt {
	COLOR: #cc0000; FONT-SIZE: 0.7em
}

/* for the ISCD ordering system disabled inputs*/
input[disabled] {
	border: 1px solid #999;
	background-color: #ddd;
}

/* for the ISCD ordering system disabled inputs*/
select[disabled] {
	border: 1px solid #999;
	background-color: #ddd;
}


/* used on developers home  */
.dev-box a, .dev-box a:link, .dev-box a:visited{
    color: #0e9bc4;
	text-decoration: underline;
    padding-left:1.1em;
	padding-right:1.6em;
}

.dev-box a:hover{
    color: #43c8ef;
	text-decoration: underline;
}


/*----- HEADER ELEMENTS -----*/
#header { width:960px; height:105px; position:relative; margin:0 auto; }
#header #header-container { width:651px; float:right; text-align:right; }
#header #logo { width:200px; float:left; display:block; height:80px; margin-top:10px; }
#header #header-container #login-container { width:100px; display:block; background-color:#6c879d; height:20px; margin-left:520px; }
#header #header-container #callto { width:410px; display:block; margin:0 0 0 220px; padding:37px 20px 15px 0; }
#header #header-container #callto .callto { font-size:12px; color:#575757; }
#header #header-container #nav { display:block; margin-left:5px; position:absolute; top:73px; right:20px;  }
#header #header-container #nav ul { list-style:none; }
#header #header-container #nav ul li { height:16px; line-height:31.6px; display:block; float:left; padding-bottom:0; font-size:16px;  }
#header #header-container #nav ul li a { background-color:#d8e5eb;  margin-left:3px; width:70px; display:block; text-align:center; font-size:11px; color:#575757; text-decoration:none;  }
#header #header-container #nav ul li a:hover { background-color:#6c879d; color:#FFF; } 
#header #header-container #nav ul li a.active { background-color:#6c879d; color:#FFF; }


.space { height:50px; width:600px; }
.clear { clear:both; }
img { border:none; }

.sep { width:100%; border-top:dotted 1px #6c879d; margin:10px 0 20px 0; }
.right-sep { width:100%; border-top:dotted 1px #6c879d; margin:20px 0; }
.sep-small { width:100%;  margin:30px 0 25px 0; }
.spacer { height:140px; border-left:dotted 1px #6c879d; float:left; display:block; margin:40px 30px 0 30px; }

/*----- BUTTONS -----*/
a { text-decoration:none; outline:none; }
a.more { font-weight:bold; width:45px; display:block; background:url(../assets/gfx-more-bg.png) right no-repeat; font-size:12px; color:#1198cf; float:right; text-decoration:none!important;  }
a.more-large { width:90px; display:block; background:url(../assets/gfx-more-bg.png) right no-repeat; font-size:12px; color:#1198cf; float:right; }
a.more:hover { text-decoration:underline!important; }
a.more-info { display:block; width:153px; height:25px; background:url(../assets/btn-more-info.png) no-repeat; }
a.read-more { display:block; width:153px; height:25px; background:url(../assets/btn-read-more.png) no-repeat; }
a.download-brochure { display:block; width:153px; height:25px; background:url(../assets/btn-download-brochure.png) no-repeat; }
a.free-trial { display:block; width:153px; height:25px; background:url(../assets/btn-free-trial.png) no-repeat; }
a.case-studies { display:block; width:153px; height:25px; background:url(../assets/btn-case-studies.png) no-repeat; }
a.demo { display:block; width:153px; height:25px; background:url(../assets/btn-demo.png) no-repeat; }
a.customers { display:block; width:153px; height:25px; background:url(../assets/btn-customers.png) no-repeat; }
a.validate { display:block; width:153px; height:25px; background:url(../assets/btn-validate.png) no-repeat; }

a.text-button { display:block; height:19px; width:144px; background:url(../assets/button-bg.png) no-repeat; padding:6px 0 0 10px; color:#FFF!important; font-size:12px; text-shadow: 1px 1px #2283C6; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none!important;   }
a.text-button:hover {color:#D3EDF4!important; text-decoration:none;}

a.ft-button { display:block; height:19px; width:144px; background:url(../assets/button-red-bg.png) no-repeat; padding:6px 0 0 10px; color:#FFF!important; font-size:12px; text-shadow: 1px 1px #2283C6; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-decoration:none!important;   }
a.ft-button:hover {color:#D3EDF4!important; text-decoration:none;}

a.download-button { background:url(../assets/button-download-bg.png) no-repeat!important; }

/*----- BUTTONS CONTAINER -----*/
#buttons { width:158px; border:solid 1px #ccd9e2; background-color:#fbfcfc; padding:10px; background-image:url(../assets/gfx-download-bg.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#F1F5F6; }
#buttons .sep { width:100%; height:10px; }

/*----- BROCHURE DOWNLOAD -----*/
#brochure { width:158px; border:solid 1px #ccd9e2; background-color:#fbfcfc; padding:10px; background-image:url(../assets/gfx-download-bg.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#F1F5F6; }
#brochure .title { display:block; border-bottom:solid 1px #CCC; padding-bottom:8px; color:#0072bc; font-size:20px; }
#brochure #image { width:160px; margin:10px 0; text-align:center; }

/*----- BUTTONS -----*/
#video { width:158px; border:solid 1px #ccd9e2; background-color:#fbfcfc; padding:10px; background-image:url(../assets/gfx-download-bg.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#F1F5F6; }
#video .title { display:block; border-bottom:solid 1px #CCC; padding-bottom:8px; color:#0072bc; font-size:16px; }
#video #image { width:160px; margin:10px 0; text-align:center; }

/*----- FREE TRIAL -----*/
#free-trial { width:158px; border:solid 1px #ccd9e2; background-color:#fbfcfc; padding:10px; background-image:url(../assets/gfx-download-bg.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#F1F5F6; }
#free-trial .title { display:block; border-bottom:solid 1px #CCC; padding-bottom:8px; color:#0072bc; font-size:20px; }
#free-trial #trial-text { display:block; margin:20px 0; font-size:12px; font-size:14px; color:#3a5d7c; font-weight:bold; text-align:center; line-height:20px; }
#free-trial .by { font-size:12px; color:#3a5d7c; font-weight:normal; } 

/*----- CASE STUDY -----*/
#case-study { width:158px; border:solid 1px #ccd9e2; background-color:#fbfcfc; padding:10px; background-image:url(../assets/gfx-download-bg.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#F1F5F6; } 
#case-study .title { display:block; border-bottom:solid 1px #CCC; padding-bottom:8px; color:#0072bc; font-size:20px; }
#case-study #image { width:100%; height:70px; border:solid 1px #CCC; margin:20px 0; background-color:#FFFFFF; text-align:center; }

 
 /*----- TESTIMONIAL -----*/
#testimonial { width:158px; border:solid 1px #ccd9e2; background-color:#fbfcfc; padding:10px; background-image:url(../assets/gfx-download-bg.jpg); background-position:bottom; background-repeat:repeat-x; background-color:#F1F5F6; }
#testimonial .title { display:block; border-bottom:solid 1px #CCC; padding-bottom:8px; color:#0072bc; font-size:20px; }
#testimonial #testimonial-container { width:100%; margin:0; text-align:center; background:url(../assets/gfx-testimonial-speech.png) no-repeat 0 10px; padding:20px 0 20px 0;}
#testimonial #testimonial-container .text { font-size:14px; color:#3a5d7c; font-weight:bold; line-height:20px; }
#testimonial #testimonial-container .by { font-size:12px; color:#3a5d7c; } 
 
 
 /*----- VALIDATION -----*/
#validation { width:158px; border:solid 1px #ccd9e2; background-color:#fbfcfc; padding:10px; background-image:url(../assets/gfx-validation-bg.png); background-repeat:repeat-x; height:326px;  }
#validation #val-sep { width:100%; border-bottom:solid 1px #CCC; margin:20px 0 10px 0; }
#validation .title { display:block; border-bottom:solid 1px #CCC; padding-bottom:8px; color:#0072bc; font-size:16px; margin-bottom:10px; }
#validation h6 { font-size:14px; color:#036; padding-bottom:8px; font-weight:normal; margin:0; }
#validation .sort-space { display:block; float:left; padding:0 5px; }
#validation .sort { display:block; float:left; height:12px; padding:3px; width:30px; margin-bottom:20px; }
#validation .account { height:12px; padding:3px; width:145px; margin-bottom:20px; }
#validation .space { width:100%; border-bottom:dotted 1px #036; margin:20px 0 8px 0; }
#validation .validate-check { width:100%; height:20px; margin-bottom:10px; }
#validation .validate-check .check { display:block; font-size:14px; color:#069; width:120px; float:left; margin-right:10px; }
#validation .validate-check .tick { display:block; width:20px; float:left; }

/*----- CUSTOMERS -----*/
#tabs-container { width:530px; margin-left:20px; }
#tabs-container #tab-menu { width:220px; float:left; display:block; }
#tabs-container #tab-menu ul.tabs { list-style:none; padding:0px; margin:0px; }
#tabs-container #tab-menu ul.tabs li { padding-bottom:0px; }
.custom-view { display:block; width:60px; float:left; text-align:right; margin-top:20px; background-image:url(../assets/gfx-bullet.jpg); padding-right:20px; background-repeat:no-repeat; background-position:right; }
#tabs-container #tab-menu ul.tabs li a { display:block; width:220px; height:52px; text-decoration:none; border-bottom:dotted 1px #CCC; }
#tabs-container #tab-menu ul.tabs li a:hover , ul.tabs li a.selected{ background-image:url(../assets/gfx-tab-hover.jpg); }
.tab-title { width:120px; margin-top:20px; float:left; display:block; font-size:14px; color:#002e56; }
#tabs-container #logo-container { width:310px; float:left; height:265px; display:block; }
#tabs-container #logo-container .logo-holder-left { width:133px; height:56px; float:left; margin:0 10px 15px 0; background-color:#FFF; border:solid 1px #bfcbd5; }
#tabs-container #logo-container .logo-holder-right { width:133px; height:56px; float:left; background-color:#FFF; border:solid 1px #bfcbd5; margin-bottom:15px; }
#tabs-container #logo-container #manufacturing { width:290px; height:245px; background-image:url(../assets/gfx-logo-bg.jpg); background-repeat:no-repeat; padding:20px; }
#tabs-container #logo-container #finance { width:290px; height:245px; background-image:url(../assets/gfx-logo-bg.jpg); background-repeat:no-repeat; padding:20px; }
#tabs-container #logo-container #higher { width:290px; height:245px; background-image:url(../assets/gfx-logo-bg.jpg); background-repeat:no-repeat; padding:20px; }
#tabs-container #logo-container #charity { width:290px; height:245px; background-image:url(../assets/gfx-logo-bg.jpg); background-repeat:no-repeat; padding:20px; }
#tabs-container #logo-container #other { width:290px; height:245px; background-image:url(../assets/gfx-logo-bg.jpg); background-repeat:no-repeat; padding:20px; }

/*----- FORM -----*/
.contact-container { width:490px; background-color:#f2f5f6; border:solid 1px #bfcbd5; -moz-border-radius: 5px; border-radius:5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; padding:20px; margin-bottom:20px; behavior: url(ie-css3.htc); position:relative; z-index:10; zoom: 1}

.contract-container .element-container { z-index:20; display:block; position:relative; zoom: 1} 
.contact-container .contact-left { width:190px; float:left; display:inline; margin-right:65px; }
.contact-container .contact-right { width:190px; float:left; display:block; }
.contact-container label { color:#476784; font-size:12px; display:block; padding-bottom:1px; }
.contact-container .contact { width:190px; height:15px; padding:3px; margin-bottom:12px; border:solid 1px #bfcbd5; float:left; display:block;}
.contact-container .side { float:left; display:block; font-size:12px; color:#476784; margin-left:10px;}
.contact-container .required { width:190px; text-align:right; margin:0 0 10px 0; font-size:12px; color:#476784; display:block;}
.subtitle { display:block; font-size:14px; color:#1198cf; margin-bottom:10px; }
a.submit { width:190px; height:25px; display:block; background:url(../assets/btn-submit.png) no-repeat;  z-index:20}
a.form-button { width:170px; height:19px; display:block; background:url(../assets/gfx-form-button.png) no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF; text-shadow: 1px 1px #2283C6; padding:6px 0 0 20px; text-decoration:none; }
a.form-button:hover {color:#D3EDF4; }




/*----- BANK PAY ELEMENTS -----*/
#bank-pay-container { width:100%; background-image:url(../assets/gfx-bank-pay-bg.jpg); background-position:top left; background-repeat:no-repeat; padding-bottom:20px; }
#bank-pay-container #logo { width:171px; height:36px; float:left; display:block; margin-bottom:10px; margin-top:5px; }
#bank-pay-container #second-logo { float:right; display:block; width:120px; height:46px; }
#bank-pay-container .bank-sep { width:100%; height:13px; border-bottom:dotted 1px #C4C4C4; margin-bottom:20px;  } 

#bank-pay-container a.bank-main { color:#1198cf; display:block; text-decoration:underline; font-size:12px; margin:15px 0 0 0; }
#bank-pay-container a { color:#1198cf; font-size:12px; }


/*------- BANKVAL ELEMENT --*/
#bankval-container { width:100%;  background-position:top left; background-repeat:no-repeat; padding-bottom:3px; }
#bankval-container #logo { width:250px; height:61px; float:left; display:block;  }
#bankval-container #second-logo { float:right; display:block; width:181px; height:53px; }
#bankval-container .bank-sep { width:100%; height:13px; border-bottom:dotted 1px #C4C4C4; margin-bottom:20px;  } 


/*---------SORT CODE DATA ELEMENT ------*/
.sortcode-logo {float:right; padding-left:30px; padding-top:30px; padding-bottom:50px;}


/*-------LISTS --------*/
#list-container { width:100%;}
#list-container ul#blue-list { display:block; }
#list-container ul#blue-list li { list-style-image:url(../assets/gfx-small-bullet.jpg); background-repeat:no-repeat; font-size:12px; line-height:1.5em; padding-bottom:0.9em;}





/*----- FOOTER -----*/
#outer-footer { width:100%; }
#outer-footer #inner-footer { width:960px; margin:0 auto; background:url(../assets/gfx-footer-shadow.jpg) no-repeat; padding:20px 0; }
#internal-outer-footer { width:100%; background:url(../assets/gfx-internal-outer-footer.jpg) repeat-x; background-position:top; float: left; }
#internal-outer-footer #internal-inner-footer { width:960px; margin:0 auto; background:url(../assets/gfx-internal-outer-footer.jpg) repeat-x; padding:30px 0 20px 0; background-position:top; }
#internal-inner-footer h4 { font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#95A7B3; padding-bottom:20px; text-align:left; }
.footer { font-size:16px; color:#91a5b5; font-weight:normal; padding-bottom:20px; text-align:left; }
#social-media { width:120px; float:left; display:block; }
#social-media .icon { width:35px; height:35px; float:left; display:block; margin-right:10px; padding-top:5px;}
#quicklinks { width:300px; float:left; display:block; text-align:left; }
#quicklinks ul.first { list-style:none; display:block; float:left; width:80px; margin-right:20px; padding:0; margin-top:0px; }
#quicklinks ul.first li { line-height:15px; padding-bottom:0!important; font-size:inherit; }
#quicklinks ul.first li a { font-size:10px; color:#8097aa; display:inline; margin-bottom:0px; padding:0; text-decoration:none; }
#quicklinks ul.first li a:hover { text-decoration:underline; }
#copyright { width:430px; float:right; display:block; text-align:right; }
#copyright p { font-size:9px; color:#8097aa; padding-top:10px; line-height:12px; }
#copyright .logo {margin-right:10px}
.foot-divide { width:2px; height:80px; margin:20px; border-left:dotted 1px #768da2; float:left; display:block; }

.button-sep { width:100%; height:2px; margin:5px 0; }