﻿/* <!-- */
/* General styles */


body {
    margin:0;
    padding:0;
    border:0;			/* This removes the border around the viewport in old versions of IE */
    width:100%;
    background:#f2f2f2;
    min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	font-size:75%;
	text-align:center;
	font-family:verdana,helvetica,arial,sans-serif;
}

a {
	color:#292175;
	border-width:0px;
}
a:hover {
	text-decoration:none;
}
h1, h2, h3
{
	margin: .8em 0 .2em 0;
	padding: 0; /*color: #d9251d;*/
	color: #292175;
}
h1
{
	font-size: 150%;
}
h2
{
	font-size: 125%;
}
h3
{
	font-size: 100%;
}
h4
{
	font-size: 100%;
	color:#d9251d;
}
p {
    margin:.4em 0 .8em 0;
    padding:0;
    /*color:#003366;*/
}
img
{
	margin: 10px 5px 5px 5px;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
}
#fixed
{
	margin: 0 auto;
	width: 974px; /* you can use px, em or % */
	text-align: left;
	
}

#headerlinks
{
	float: right;
	display: block;
	clear: both;
	margin-left: 0px;
	margin-right: 10px;
	padding: 5px 0px 5px 0px;
	text-align: right;
}

#headerlinks ul
{
	list-style: none;
	margin: 5px 0px 5px 5px;
	padding: 0;
	display: inline;
	clear: none;
}

#headerlinks ul li
{
	/*display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;*/ /*position:relative;
	right:30px;*/
	border-left: 1px solid grey;
	display: inline;
	height: 22px;
	clear: none;
}

#headerlinks li a
{
	margin:0 9px 0 9px;
	padding:0;
	color:#292175;
	text-decoration:none;
	display: inline;
	clear: none;
}

#headerlinks li a:hover
{
	font-weight:bold;
}

#headerlinks li p
{
	display: inline;
}


.greeting
{
	display: block;
	clear: none;
	margin: 0px !important;
	float: right;
}

#greeting ul
{
	list-style: none;
	margin: 5px 0px 5px 5px;
	padding: 0;
	display: inline;
	clear: none;
}
/*
.greeting ul
{
	clear: left;
	float: right;
	list-style: none;
	margin: 5px 0 5px 5px;
	padding: 0;
	display: inline;
}
.greeting ul li {
	border-left:1px solid grey;
	display:inline;
	height:22px;
}

.greeting li a
{
	margin:0 9px 0 9px;
	padding:0;
	color:#292175;
	text-decoration:none;
}
.greeting li a:hover
{
	font-weight:bold;
}

.greeting li p
{
	display: inline;
}
*/
.linkmenu
{
	clear: none;
	float: right;
	display: inline;
}
/*
.linkmenu ul
{
	clear: none;
	float: right;
	list-style: none;
	margin: 5px 0 5px 0px;
	padding: 0;
	position: relative;
}
.linkmenu ul li {

	border-right:1px solid grey;
	border-left:0px;
	display:inline;
	height:22px;
}

.linkmenu li a
{
	margin:0 9px 0 9px;
	padding:0;
	color:#292175;
	text-decoration:none;
}
.linkmenu li a:hover
{
	font-weight:bold;
}

.linkmenu li p
{
	display: inline;
}
*/
/* Header styles */
#header
{
	clear: both;
	width: 954px;
	background: #ffffff;
	border-left: 10px solid white;
	border-right: 10px solid white;
}

#logo
{
	float:left;
}
/*
#header p,
#header h1,
#header h2 {
    padding:.4em 15px 0 15px;
    margin:0;
}*/

.business_software
{
	float:right;
	margin-right:0px;
	padding-right:0px;
}
.business_software h1
{
	color:#d9251d;
	margin-right:0px;
	margin-right:0px;
}

.business_software ul
{
	float: right;
	list-style:none;
}

.business_software ul li 
{
	margin:0;
	padding:0;
	color:#292175;
	text-align:right;
	font-weight:bold;
}

#roundbar
{
	clear: left;
	float: left;
	width: 100%;
	height: 25px; /*background: url(images/roundbar-red.gif);*/
	background: url(globalnav_bg.gif);
	border-bottom: #ffffff 1px solid;
	overflow: hidden;
	margin-top: 10px;
	background-image: url(globalnav_bg.gif);
	/*background-attachment: scroll;*/
	background-repeat: repeat;
	/*background-position: 1.1em 50%;*/
}
#roundbar ul {
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:15px;
	text-align:center;
	border-left: silver 1px solid;
	border-right: silver 1px solid;
}
#roundbar ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	border-left:silver 1px solid;
	border-right:silver 1px solid;
	/*position:relative;
	right:30px;*/
}
#roundbar ul li.first
{
	border-left: silver 1px solid;
}
#roundbar ul li.last {
	border-right:silver 1px solid;
}
#roundbar ul li a {
	display:block;
	margin:0;
	padding:.4em .8em;
	color:#fff;
	text-decoration:none;
	
	line-height:1.3em;
}
#roundbar ul li a span {
	display:block;
}
#roundbar ul li.active a {
	/*background: url(images/roundbar-red.gif);*/
	font-weight:bold;
}
#roundbar ul li a:hover {
	/*background: url(images/roundbar-red.gif);
	color:#d9251d;*/
	font-weight:bold;
}

#roundbar li ul
{
    /* second-level lists */
    position: absolute;
    background: white;
    border: solid gray 1px;
    border-color: #d3d3d3 #b8b8b8 #b8b8b8 #d3d3d3;
    width: 130px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}


/* 'widths' sub menu */
#sitepath
{
	clear: both; /*border-top:4px solid #000;*/
	text-align: left;
	background-color: #f2f2f2;
	/*border-bottom: #ffffff 5px solid;*/
	padding-bottom: 5px;
	margin: 0px;
	padding-left: 15px !important;
	padding-right: 5px !important;
	padding-top: 5px;
	height:20px;
}


#breadcrumbs
{
	display: block;
	clear: none;
	float: left;
	background-color: #f2f2f2;
}

#cmsbiscuits
{
	display: inline;
	clear: none;
	
}
#cmsbiscuits .cmsbiscuit
{
	display: inline;
	clear: none;
}

#cmsbiscuits .cmsbiscuitseperator
{
	display: inline;
	clear: none;
	margin-left:3px;
	margin-right:3px;
}

#bookmark
{
	width: 140px;
	font-size: 1em;
	display: inline;
	position: static;
	top: 5px;
	float: right;
	clear: none;
	background-color: #f2f2f2;
}

#bookmark a
{
	display: inline;
	clear: none;
}

#bookmark img
{
	margin: 0px 15px 0px 0px;
	float: right;
	clear: none;
	display: inline;
}

#content
{
	clear: both;
	float: left;
	width: 954px;
	background: #ffffff;
	border-left: 10px solid white;
	border-right: 10px solid white;
	border-bottom:10px solid white;
}
/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    clear:both;
    float:left;
    width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* holy grail 3 column settings */
.holygrail {
    background:#ff9;    	/* Right column background colour */
}
.holygrail .colmid {
    float:left;
    width:200%;
    margin-left:-200px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#fff;    	/* Centre column background colour */
}
.holygrail .colleft {
    float:left;
    width:100%;
    margin-left:-50%;
    position:relative;
    left:400px;         	/* Left column width + right column width */
    background:#FFD8B7;    	/* Left column background colour */
}
.holygrail .col1wrap {
    float:left;
    width:50%;
    position:relative;
    right:200px;        	/* Width of left column */
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.holygrail .col1 {
    margin:0 215px;     	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
    position:relative;
    left:200%;
    overflow:hidden;
}
.holygrail .col2 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:170px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:15px;         	/* Width of the left-had side padding on the left column */
}
.holygrail .col3 {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:170px;        	/* Width of right column content (right column width minus left and right padding) */
    margin-right:45px;  	/* Width of right column right-hand padding + left column left and right padding */
    position:relative;
    left:50%;
}
/* 3 column blog style settings */
.blogstyle {
    background:#ff9;    	/* Right column background colour */
}
.blogstyle .colmid {
    float:left;
    width:200%;
    margin-left:-200px; 	/* Width of right column */
    position:relative;
    right:100%;
    background:#FFD8B7;    	/* Centre column background colour */
}
.blogstyle .colleft {
    float:left;
    width:100%;
    margin-left:-200px; 	/* Width of centre column */
    background:#fff;    	/* Left column background colour */
}
.blogstyle .col1wrap {
    float:left;
    width:50%;
    padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.blogstyle .col1 {
    margin:0 15px 0 415px;	/* Centre column side padding:
                        	Left padding = left column width + centre column left padding width
                        	Right padding = right column width + centre column right padding width */
    position:relative;
    left:100%;
    overflow:hidden;
}
.blogstyle .col2 {
    float:right;
    width:170px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    left:185px;         	/* Width of the left-had side padding on the left column */
}
.blogstyle .col3 {
    float:right;
    width:170px;        	/* Width of right column content (right column width minus left and right padding) */
    position:relative;
    left:555px;
}
/* 2 column left menu settings */
.leftmenu {
    background:#FFD8B7;
}
.leftmenu .colright {
    float:left;
    width:200%;
	position:relative;
	left:200px;
    background:#fff;
}
.leftmenu .col1wrap {
    float:right;
    width:50%;
    position:relative;
    right:200px;
    padding-bottom:1em;
}
.leftmenu .col1 {
    margin:0 15px 0 215px;
    position:relative;
    right:100%;
    overflow:hidden;
}
.leftmenu .col2 {
    float:left;
    width:170px;
    position:relative;
    right:185px;
}
/* 2 column right menu settings */
.rightmenu
{
	background: #ffffff;
}
.rightmenu .colleft {
    float:left;
    width:200%;
    margin-left:-200px;
    position:relative;
    right:100%;
    background:#fff;
}
.rightmenu .col1wrap {
    float:left;
    width:50%;
    position:relative;
    left:50%;
    padding-bottom:1em;
}
.rightmenu .col1 {
    margin:0 15px 0 215px;
    overflow:hidden;
}
.rightmenu .col2 {
    float:right;
    width:160px;
    position:relative;
    left:180px;
    text-align:center;
}

.rightmenu .col2 a {
	font-weight: bold;
	color: #d9251d;
	text-decoration: none;
}

.rightmenu .col2 ul
{
	margin-left:0px;
	margin-right:0px;
	display: block;
	width:160px;
	padding:0;
}

.rightmenu .col2 li{
	list-style:none;
	padding-bottom:10px;
	margin-left:0px;
	margin-right:0px;
}


/* 1 column full page settings */
.fullpage {
    background:#fff;
}
.fullpage .col1 {
    margin:0 15px 25px 15px;
}
/* Footer styles */
#footer {

    float:left;
    width:954px;
	border-top:1px solid silver;
	border-left: 10px solid white;
	border-right: 10px solid white;
	background: #ffffff;
}
#footer p {
    padding:10px;
    margin:0;
}

.listmenu img {
	float:left;
	padding:0px 5px 0px 5px;
	margin-top:5px;
}

.listmenu li
{
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 15px 15px 15px 10px;
	padding: 5px 5px 5px 5px;
	width: 325px;
	height: 100px;
	text-align: left;
	background: url(listmenu-bg.gif) no-repeat 0px 5px; 
	-webkit-text-size-adjust:none
}

.listmenu ul
{
	padding: 0px;
	margin: 0px;
	display: inline;
	clear: left;
}

.listmenu a
{
	font-weight: bold;
	color: #d9251d;

}


/*
.listmenu li.left {
	clear:left;
	float:left;
	width:47%;
	position:relative;
	overflow:hidden;
}

.listmenu li.right {
	clear:right;
	float:right;
	width:47%;
	position:relative;
	overflow:hidden;
}*/

.rightmenu .contactus
{
	padding: 0px 5px 0px 5px;
	margin: 15px 0px 5px 0px;
	background: #ffffff;
	vertical-align:middle;
	height: 40px;
}

.rightmenu .contactus a
{
	/*color: #d9251d;*/
	color:#292175;
	font-size: 1.5em;
	display: block;
	margin-top:auto ;
	margin-bottom:auto;
	padding-top: 10px;
}

.rightmenu .contactus a:hover
{
	/*color:#d9251d;*/
	color:#292175;
	text-decoration: none;
}

.rightmenu .contactus img
{
	float: left;
	margin-right:5px;
	padding:0;
	margin-left:0;
}



.partnerlist
{
	float:right;
}

.partnerlist li
{
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 5px 5px 5px 5px;

	text-align: left;
	vertical-align:middle;
}

.partnerlist img
{
	clear: none;
	float: right;
	margin-left: 10px;
	margin-right: 10px;
	display: block;
}
.centre
{
	text-align: center;
	clear: none;
}
.centre p
{
	text-align:center;
}
.centre img
{
	text-align: center;
}

.floatleft
{
	display: inline;
	float: left;
}

.floatright
{
	display: inline;
	float: right;
}


.copyright
{
	float:right;	
}

.article
{
	margin: 10px 0px 10px 0px;
	clear: both;
	display: block; 
}
.article_title
{
	clear: both;
	display: block;
}

.article_title a
{
	font-weight: bold;
	color: #d9251d;
}


.article_date
{
	display: none;

}

.article_summary
{
	margin-top: 5px;
}

#entirearticle 
{
	margin: 20px 0px 10px 0px;

}

#entirearticle .article
{
	margin: 10px 0px 10px 0px;

}
#entirearticle .article_title
{
	font-weight: bold;
	clear: both;
	color: #292175;
	margin: 10px 0px 10px 0px;
	font-size: larger;
}

#entirearticle .article_date
{
	clear: both;
	display: block;
	margin:10px 0px 10px 0px;
}

#entirearticle .article_summary
{
	margin:10px 0px 10px 0px;
}

#viewbrochures .article
{
	margin:10px 5px 10px 5px;
}

#viewbrochures .article_title
{
	clear: both;
	display: block;
}

#viewbrochures .article_title a
{
	font-weight: bold;
	color: #d9251d;
}
#viewbrochures .article_date
{
	display: none;
}

#viewbrochures .article_summary
{
	display: none;
}

#CRMNewProblem textarea
{	
	width:700px;
	height:250px;
}

#CRMNewProblem .CRMNewProblemQ, .CRMNewProblemA
{	
	padding-top:5px;
	padding-bottom:2px;
	font-weight:bold;
}

#CRMProbs table
{
	width: 760px;
	margin-top: 20px;
}

#CRMProbs th
{
	width:125px;
}

#CRMProbs .CRMProb0F .CRMProbHeader 
{
	border-top: #003366 1px solid;
	height:15px;
}
#CRMProbs .CRMProb0F .CRMProbData 
{
	border-top: #003366 1px solid;
	height:15px;
}

#CRMProbs .CRMProb1F .CRMProbHeader 
{
	background-color: #f2f2f2;
	border-top: #003366 1px solid;
}
#CRMProbs .CRMProb1F .CRMProbData 
{
	background-color: #f2f2f2;
	border-top: #003366 1px solid;
}

#CRMProbs .CRMProb1
{
	background-color: #f2f2f2;
}

#footer p
{
	color: gray;
}

#footer a
{
	color: gray;
	text-decoration:none;
}

#footer a:hover
{
	color: #292175;
	text-decoration:underline;
}

.footerlinks
{
	float:left;	
}

#pegasusbanner
{

	padding-Top:15px;
	display: block;
	float:right;
}

#pegasusbanner img
{
	margin: 0px 0px 0px 0px;
	border-bottom-style: none;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
}


/* --> */
<!--[if lt IE 7]>
<style media="screen" type="text/css">
.col1 {
    width:100%;
}
</style>
<![endif]-->

