/* 		Reset */
html, body, div, ol, ul, li dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, th { 
	font-weight: normal; font-style: normal;  }

ul, ol { list-style: none; 	padding-left:1em; 	margin-left:0; }

sup { font-size: 70%; }

fieldset, img { border: none; }

caption, th { text-align: left; }

table { border-collapse: collapse; border-spacing: 0; }

br { line-height: 1em; }

/*** 	/end Reset ***/
/* 		Global */
body {
	color: #ffff;
	font: 75% Arial, Helvetica, sans-serif;
	/*background: #797979 url(../_images/body_background.jpg) repeat-x center top;*/
	margin: 0; padding: 0;
	text-align: center;
}

a{
	text-decoration: none;
	color: #266375;
}

a:focus, button:focus { outline: none; }

a:hover {
	text-decoration: underline;
	color: #3b9bb8;
}

p {
	line-height: 1.5em;
	margin-bottom: 1em;
}
/*** 	/end Global ***/
/*		Wireframe Elements	*/
/***	Wireframe Elements > id's */
#mainArea2Col {
	width: 700px;
	padding: 15px 0 0 10px;

	float:left;
	
}



/* Global Menu */
#navigation{
	margin:0;
	padding:30px 0 0 0;
	text-align:right;
	font-size:120%;
}

#navigation ul{
	margin:0;
	padding:0;
	width:auto;
	list-style-type:none;
	text-align:center;
	float:right;
}

#navigation ul ul{
	clear:left;	
	position:absolute;
	left:-999999px;
	font-size:80%;
	width:100%;
}

#navigation ul li:hover ul,#navigation ul li.hover ul{
	left:0;
	top:auto;
}

#navigation ul li ul li:hover{	background-color:#666;}

#navigation ul li ul li:hover a{	background-color:#CCC;	}

#navigation li{
	float:left;
	position:relative;
	height:1%;
}

#navigation li li{	width:inherit;}

#navigation .home{	width:100px;	}

#navigation .industry,#navigation .industry li{	width:200px;}
#navigation .suite,#navigation .suite li{	width:220px;}
#navigation .about{	width:160px;}
#navigation .contact{	width:110px;	
}
#navigation .contact a{	margin-right:0;}

#navigation a{
	display:block;
	color:#333;
	padding:6px;
	margin:0 4px;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	border:1px #fff solid;
}

#navigation ul ul a{
	margin:0 4px;	
	text-align:left;
	padding-left:10px;
}

#navigation  ul .selected,#navigation li:hover  a,#navigation li.hover  a{	background-color:#e7e7e7;}

#navigation  ul .selected ,#navigation  ul li:hover a,#navigation  ul li.hover a{
	-moz-border-radius: 4px;
		-webkit-border-radius: 4px;	
	border:1px #666666 solid;
}

#navigation ul li:hover ul a,#navigation ul li.hover ul a{	background-color:#f2f2f2;}


#navigation  ul .selected ul a,#navigation  ul li:hover ul a,#navigation  ul li.hover ul a{
	-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border:none;
		border-bottom:1px #999 solid;
}

/***	Wireframe Elements > Classes */
.oneFullWide, .twoColumn, .threeColumn { padding: 8px 0 0.5em 0; }

.twoColumn, .threeColumn{
	float:left;	
}

.twoColumn { width: 282px; }

.threeColumn { width: 184px; padding-top: 0.25em; }

.oneFullWide { width: 100%; }

.oneFullWide .cta {
 	background: #d7d7d7;
	padding: 10px;
	float: left;
	width: 560px;
 }
 
 

#mainArea2Col .ctaAlt {
	width: 554px;
	background: #e9e9e9;
	float: left;
	padding: 12px;
	border-style: solid;
	border-color: #ccc;
	border-width: 7px 1px 1px 1px;
	margin: 0 0 1em 0;
}

#mainArea2Col .ctaAlt .ctaAlt-right {
	float: right;
	width: 35%; 
	text-align: right;
	margin: 0; padding: 0;
}

#mainArea2Col .ctaAlt .ctaAlt-right span {	
	clear: both;
	display: block;
}

.oneFullWide.Dark {
	width: 566px;
	border-top: 12px solid #ffde39;
	border-bottom: 1px solid #ffde39;
	border-right: 1px solid #ffde39;
	border-left: 1px solid #ffde39;
	background-color: #e4e4e4;
	padding: 5px 0 8px 12px;
	margin: 10px 0;
}

.oneFullWide.Dark .Three {
	width: 155px;
	float: left;
	display: inline;
	padding: 7px 0 7px 0;
	margin-right: 30px;
}

#mainArea2Col .articleNav {
	position: relative;
	list-style: none;
	width: 100%;
	float: left;
	padding-left: 0;
}

.contact-highlight {
	width: 576px;
	float: left;
	margin: 0.5em 0; 
	border: 2px solid #ffde39;
}

.contact-highlight .main {
	width: 100%;
	float: left;
	background: #ffde39 url(../_images/contact-highlight_background.gif) repeat-y 2px top;	
}

#container .contact-highlight ul {
	position: relative;
	width: 500px;
	float: right;
	margin: 6px 0;
	padding: 0;
}	

.contact-highlight .cta-row {
	clear: left;
	text-align: right;
	background: #efefef;
	float: left;
	width: 100%;
}


/***	Wireframe > General Classes ***/
.topBorder { border-top: 6px solid #ffde39; } /* Yellow Boxes */
.topBorderSecondary{
	border-top: 2px solid #266375;
}

.greyBorder { border-top: 2px solid #ccc; }

.removePadding-Bottom { padding-bottom: 0 }

.removeMargin-Bottom { margin-bottom: 0 }

.spacer14 { margin-right: 14px }

.spacer60 { margin-right: 60px }

.spacer142 { margin-right: 142px; } /* used on home page */

#mainArea2Col .noBullet li { background: none; } /* remove bullets*/

/*** 	/end Wireframe Elements ***/ 
/* 		H1, H2, H3, H4 Tags */
#mainArea2Col h3, #mainArea2Col h4 {
	font-weight: bold;
}

#mainArea2Col h2, #mainArea2Col .ctaAlt h2 {
	font-size: 150%;
	line-height: 1.5em;
}

#mainArea2Col h2{
	color:#666;	
}

#mainArea2Col h3 {
	font-size: 110%;
	line-height: 1.5em;
}

#mainArea2Col h4 { font-size: 100%; }

#mainArea2Col .oneFullWide h3 span {
	display: block;
	font-size: 90%;
}

#mainArea2Col .threeColumn h2 { line-height: 1em; }

#mainArea2Col .twoColumn h3 { font-size: 100%; }

.oneFullWide.Dark .Three h3 { font-size: 106%; }

.oneFullWide.Dark h2 { font-size: 150%; }

#mainArea2Col .AlternateCTA h2 { font-size: 117%; margin-top: 10px; }

.contact-highlight h3 { text-align: right; display: inline; }

/*** 	H1, H2, H3, H4 > Achors */
#mainArea2Col .AlternateCTA h2 a {
	font-size: 95%;
	font-weight: normal;
}

.oneFullWide.Dark h3 a { font-weight: bold; }

/*		Typography */
.oneFullWide .cta em { font-size: 80%; }

.oneFullWide .threeColumn p, .oneFullWide .Three p { margin-top: 2px; }

div.AlternateCTA p { margin: 0 auto; }

.articleNav .right { float: right; }

.articleNav .index {
	display: block;
	margin: 2.5em 0 1em 0;
	float: none;
}

.oneFullWide blockquote p {
	margin-left: 20px;
	line-height: 1.75em;
	padding: 0.25em 0.75em;
	color: #333;
}

.oneFullWide .excerpt {	/* whitepapers excerpts*/
	border-bottom: 1px solid #333;
	margin-top: 10px;
	padding-bottom: 5px;
	color: #333;
}

#mainArea2Col h2.fontSmaller,#mainArea2Col p.fontSmaller { font-size: 1.35em}

#container #mainArea2Col .contact-highlight span {
	position: absolute;
	width: 100px;
	left: -5px;
	text-align: right;
	font-weight: bold;
}

.contact-highlight .cta-row p { 
	margin: 0;
	padding: 10px 9px;
	font-weight: 900;
	font-size: 110%;
}

/*** 	Wireframe > Achor */
.twoColumn a  { font-weight: bold; }

/***	Wireframe > Lists */
#mainArea2Col ul { padding-left: 7px; }

#mainArea2Col ul li ul {
	list-style: none;
	padding-left: 14px;
}
/* up to three listsside-by-side, set on <div> */
.inline-list ul{
	float:left;
	width:30%;
	margin-right:20px;
}

.inline-list ul ul {
	float:none;
	width:auto;
}

.oneFullWide ul{
	font-size:110%;	
}

.oneFullWide ul ul{
	font-size:90%;	
}

.oneFullWide ul li, .twoColumn ul li, .bulletedList li {
	background: url(../_images/bullet-main.gif) no-repeat 0 8px;
	padding-left: 15px; 	
}

.twoColumn ul, .oneFullWide ul, .threeColumn ul { margin: 10px 0; }

.twoColumn li, .oneFullWide li, .threeColumn li { padding: 4px 0; }

.oneFullWide ul li li {
	background: url(../_images/bullet-secondary.gif) no-repeat 0 .5em;
	list-style: none;
	margin:0;
	padding:2px 0 0 15px;
}

.oneFullWide ul ul { margin:0; padding:0; }


.oneFullWide.Dark ul {
	margin-top: 5px;
	font-weight: bold;
	display:inline;
}

.oneFullWide.Dark li {
	list-style: square;
	color: #000;
	padding: 0 7px 0 0;
	list-style-position: inside;
}

.splitlist li {
	float: left;
	width: auto;
	margin-bottom: 8px;
}

.splitlist li.rhs {
	text-align: right;
	float: right;
}

#container .contact-highlight li {
	background: 0;	
	padding: 2px 2px 2px 100px;
}

/* 		Images */
.oneFullWide .cta img {
  	clear: both;
	float: right;
	margin-left: 10px;
 }
 
#mainArea2Col .ctaAlt img  { 
	clear: both;
	float: right;
	padding: 0 0 0 10px ;
}

.contact-highlight .main img {
	float: left;
	padding: 3px;
}

.contact-highlight .cta-row img {
	float: right;
	margin-left: 10px;
}

#mainArea2Col .ctaAlt .ctaAlt-right img { padding-bottom: 0.75em; }

#mainArea2Col span.required img { float:none; } 

#mainArea2Col .imgCenter { /* Use on div with image embedded to center image to column */
	clear: both;
	text-align: center;
}

.button { margin: 5px 2px; }

#chTagLine,p.chTagLine{display:none;} /* used to hide custom house links */

/* General Classes */
.leftHandside, .lhs { float: left; }

.leftHandside li img, .lhs li img {
	float: left;
	margin-top: 1px;
}

.rightHandside, .rhs { float: right; }

.separator { clear: both; }

.pointingDoubleQuote { font-size: 125%; }
#mainArea2Col .hr { 
	line-height: 1px;
	border-top: 2px solid #ffde39;
}

/*** 	General Classes > Table */
.exampleRates { /* Use on <table> in /fx101/*/
	border: 1px dashed #000;
	margin: 10px 0;
	padding: 5px;
	width: 450px;
}

table .fontColor1 { color: #CC6600; font-weight: bold; }

table .fontColor2 { color: #C33; font-weight: bold;  }

table .fontColor3 { color: #7030a0; font-weight: bold; }

/*** 	Specific Classes */
.loginBox { /* used on /login/ */
	background-color: #E4E4E4;
	padding: 8px;
	width: 564px;
	margin: 0 auto;
}

.articleNav li { /* used on /fx101/ */
	display: inline;
	float: left;
}

/* 		Header & Crumb */
#container {
	width: 900px;
	background:url(../_images/bg-body.gif) repeat-y top right;
	
	margin: 0 auto;
	text-align: left;

}
.homepage #container{
	background:none;
	
}

.homepage #mainArea2Col{
	width:100%;	
	padding:0;
}



.headerContainer { /* Width Limiter */
	width: 900px;
	font-size: 83%;
	margin: 0 auto;
}

#headerTop {
	width: 100%;
	background-color: #ffde39;
	background:url(../_images/bg-topnav.gif) top left repeat-x #000;
	text-align: right;
	padding: 8px 0;
}

#headerTop  div{
	padding-right:30px;	
}

#headerBottom {
	width: 100%;
	/*background-color: #000;*/
}

.custom-contact span {
	font-size: 50%;	
	display: block;
	padding: 0.25em 0 ;
}

	#crumbTitle .custom-contact img { padding: 5px 5px 0 0; float: left;  vertical-align: middle; }
	
	#crumbTitle .custom-contact h1 { padding-top: 10px;  }
	
	.custom-contact .twoColumn h2 {
		background: url(../_images/bullet-arrow.gif) no-repeat left 3px;
		padding-left: 16px;
	}
	
	#mainArea2Col .custom-contact .twoColumn h2 {
		font-size: 120%;
		padding-left: 17px;
		line-height: 1.25em;
	}
	
	#mainArea2Col .custom-contact .fullBorder {
		border: 2px solid #ffde39;	
		float: left;	
		width: 572px;
	}
	
	.custom-contact .fullBorder h2 {
		padding: 0 0 0 10px;	
	}
	
	.custom-contact .fullBorder .twoColumn {
		width: 48%;	
		padding: 0 0 0;
		margin-left: 2%;
	}
	
	#mainArea2Col .custom-contact .fullBorder .twoColumn h2 {
		padding-left: 17px;
		
	}

/***	Header & Crumb > achor tags */
#breadcrumb{
font-family:Georgia,Helvetica, Arial;
color: #666;
}

#breadcrumb a { color: #266375; }

#breadcrumb ul{
	margin:0 0 10px 0;	
	padding:0;
}

#headerTop a, #headerTop a:active, #headerTop a:visited {
	text-decoration: none; color:#CCC; 
}

#headerTop a:hover { text-decoration: underline; }

#breadcrumb, #breadcrumb li {
	display: inline;
	color: #696969;
	font-style:italic;

	

	margin: 0;
	padding: 0;
}

/***	Header & Crumb > Type */
h1 {
	font-size: 220%;
	display: block;
	text-transform: none;
	font-weight:100;
	margin:4px 0;
	
}
/*** 	Header & Crumb > lists */
#headerTop li {
	display: inline;
	font-size: 92%;
	font-weight: bold;
	line-height: 1.22em;
	padding: 0 5px;
	border-right: 1px solid #ccc;
}

#headerTop li.noborder { border-right: none; }

/*** 	Header & Crumb > image */
#keyVisuals {display:block;
	
}

#WULogo{
	margin:6px 0;
	float: left;
	display: inline-block;

}

/* 		Sidebar */
#sideBar {
	width: 180px;
	float: right;
	margin: 0;
	background:url(../_images/bg-rightcolumn-top.gif) top left no-repeat;
	padding-top:20px;


}

.homepage #sideBar{
	display:none;	
}

.secondaryBox, .secondaryBox#subNav {
	width: 156px;
	padding: 0 12px 1px;
	margin-bottom: 12px;
}

/*** 	Sidebar > Header */
#sideBar h3 {
	color:#333;
	font-size: 120%;
	padding: 0;
	font-weight:bold;
	margin:0;
}

#sideBar h2 {
	color: #000;
	font-size: 166%;
	padding: 10px 0 0 0;
}

/*** 	Sidebar > Achors */
.articleNav a {
	font-weight: bold;
	padding: 0; margin: 0;
}

.articleNav .index a { font-weight: normal }

.secondaryBox#subNav li a.selected { color: #000; }


/***	Sidebar > Lists */
.secondaryBox ul {
	padding: 2px 0 8px 1px;
	list-style-type: square;
	margin:5px 0 0 15px;
	list-style-position: outside;	
}

.secondaryBox li { padding:1px 0; }

#subNav ul {
	color: #266375;
	font-weight: bold;
}

.default #subNav ul { color:#000; } /* Overide non linked list color */

.secondaryBox .splitlist {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/***	Sidebar > General Classes */
.secondaryBox .cta {

	padding: 0 0 5px 0;
}

.info {
	border-top: 1px #999 dotted;
	padding: 2px;
	font-size: 90%;
	font-weight: 900;
	color: #666;
}



/*		Footer */
#businessFooter { color: #666; }

.AU #businessFooter { color: #000; }

#footer-wrapper{
	background:url(../_images/bg-footer.gif) repeat-x #dedcd0 top left;
	padding-bottom:20px;
	margin-top:20px;
}

#footer {
	width: 900px;
	margin: 1em auto;
	color:#666;
	text-align:left;
	
}

#footer a { font-size:90%;}

#footer p { 
 	margin:4px 0;
	padding:0;
	font-size:80%;
}

#footer h3{
	font-family:Georgia,Helvetica, Arial;
	font-style:italic;
	margin:0 0 4px 0;
	padding:0;
	font-size:120%;
	font-weight:bold;
}

#footer .logo,#footer .feature,#footer .links{
	float:left;	
	margin-top:20px;
}

#footer .logo{
	width:180px;	
	padding-top:10px;
}

#footer .feature{
	width:240px;	
	background-color:#e9e6dd;
	border:1px #d3d0c7 solid;
	padding:6px 4px 4px 8px;
	color:#000000;
}

#footer .feature img{
	margin-left:-2px;	
}

#footer .feature .whitepaper{
	float:right;	
	margin-left:4px;
	margin-top:-8px;
}

#footer .links{
	width:440px;	
}

#footer .links div{
	width:auto;
	float:left;
	padding-left:30px;
}

#footer .links ul{
	margin:4px 0 0 0;
	list-style-type:none;
	padding:0;
}

#footer .links li{
background:url(../_images/2.0/bullet-arrow.gif) 0 2px  no-repeat;
padding-left:16px;
}

#footer .hr {
	width: 100%;
	padding-top: 10px;
	border-top: 1px solid #999;	
	margin-top:10px;
	float: left;
}

/***	Footer > Lists */
#footer div ul {
	float: left;
	padding: 6px 20px 6px 10px;
	text-align: left;
	margin-right: 14px;	
}

#footer ul li { padding: 1px 0; }


/***	Homepage***/
#mainArea2Col .mainPage { padding-top: 0; }

#mainArea2Col .mainPage h2 {
	background: #FFDE39; 
	font-size: 120%;
	color: #666;	
	padding: 0 0.3em;
	margin: 0;
}

#mainArea2Col .mainPage h3 { /* used to make grey text SMALLER*/
	color: #666;
	font-size: 125%;
	margin: 12px 0 0 0;
	padding-bottom: 0.5em;
	line-height: 1.1em;
}

/***	Homepage > Achors, Lists, Images */
.mainPage h3 a {
	font-size: 140%;
	padding:0;
	margin:0;
	line-height: 1.3em;
}

.mainPage h3 span,.mainPage h3 a { display: block; }

#mainArea2Col .mainPage ul { 
	clear: left;
	position: relative;
	padding: 0;  margin: 0;
}

.mainPage img {
	float: left; 
	margin: 1em 0.5em 1em 0;
}

/***	Home page > Banner */
div.container_banner {
	position: relative;
	width: 880px;
	height: 200px;
	margin: 2px 0 0 10px;
	background: #fff;
	z-index: 96;
}
.container_banner #container_transparency {
	z-index: 104;
	opacity:.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7; 
	background-color: #fff;
}
#banner_content {
	z-index: 105;
	overflow: hidden;
}
#banner_content, #container_transparency {
	height: 145px;
	width: 290px;
	right: 0;
	top: 35px;
	position: absolute;
}
#banner_content h2 {
	font-size: 133.3%;
	font-weight: bold;
	margin: 10px 10px 0 10px;
	padding:0;
}
#banner_content h2 span {
	font-size: 144%;
}
#banner_content p {
	margin: 0 10px 5px 10px;
	padding: 2px 0;
}

#industrysolutions{
	margin: 20px 0 10px 0;	
}

#industrysolutions a{
	background-image:url(../_images/sprite-industrysolutions.gif);
	background-position:top left;
	background-repeat:no-repeat;
	width:114px;
	height:98px;
	float:left;
	text-indent:-999999px;
	margin-right:2px;
	display:block;
}

#industrysolutions .auto-finance{}
#industrysolutions .auto-finance:hover{background-position:0 -98px;}
#industrysolutions .consumer-finance{background-position:-114px 0;}
#industrysolutions .consumer-finance:hover{background-position:-114px -98px;}
#industrysolutions .government{background-position:-228px 0;}
#industrysolutions .government:hover{background-position:-228px -98px;}
#industrysolutions .insurance{background-position:-342px 0;}
#industrysolutions .insurance:hover{background-position:-342px -98px;}
#industrysolutions .mortgage{background-position:-456px 0;}
#industrysolutions .mortgage:hover{background-position:-456px -98px;}
#industrysolutions .utilities{background-position:-570px 0;display:inline;}
#industrysolutions .utilities:hover{background-position:-570px -98px;}

#home-content{
	background:url(../_images/bghome2.jpg?v=1) top  left no-repeat;	
	padding-bottom:20px;
}
#home-content .lhs, #home-content .middle, #home-content .rhs{
	float:left;	
}

#home-content .lhs,#home-content .middle{
	width:330px;	
}

#home-content .lhs h2,#home-content .middle h2{
	background-image:url(../_images/homeheaders.gif);
	background-position:top left;
	background-repeat:no-repeat;
	height:52px;
	width:160px;
	margin:40px 0 10px 20px;
	text-indent:-999999px;
}

#home-content .middle h2{
	background-position:-160px 0;	
}

#home-content .lhs p,#home-content .middle p{
	
margin:4px 60px 4px 20px;
padding:2px 0;
}

#home-content .rhs{
	width:240px;
	padding-top:30px;
}

#home-content .rhs p{
	margin:10px 20px 10px 20px;	
}

#home-content .rhs img{
	margin-bottom:10px;	
}


.products{
	border-top:1px #cccccc solid;
	padding-top:10px;
	margin-right:10px;
}

.icons p,.icons h2{
	margin-left:60px;	
}

.icons img{
	position:absolute;
	top:4px;
}

.products .item{
	float:left;
	width:320px;
	position:relative;

	clear:left;
}

.products .last{
	clear:right;
	margin-left:20px;
}

.clear{
	clear:both;	
}

#mainArea2Col .products h2{
	font-size:120%;
	font-weight:bold;
	color:#666;
}


#mainArea2Col .cta p{
	padding:8px;	
}

#mainArea2Col .cta{
	border-left:#ccc 4px solid;
	font-size:120%;
	padding:1px;
	background-color:#e9e9e9;
	font-weight:bold;
	margin-right:20px;
	border-right:#ccc 1px solid;
}

.cta span{
	font-weight:100;	
}

.cta a{
	
}

.cta p{
	font-weight:bold;
}

.cta {
	border-bottom:1px #cccccc solid;	
}

.highlight{
	border-left:#ccc 4px solid;
	border-right:#ccc 1px solid;
	background-color:#e9e9e9;
	padding:1px 20px;
	margin-bottom:10px;
	margin-right:20px;
}

#mainArea2Col .highlight h2{
	margin-top:10px;
	font-size:120%;
	color:#666;
	font-weight:bold;
	border-bottom:1px #ccc  dashed;
}

.highlight ul ul{
	
}

.highlight li{
	font-weight:bold;	
}
.highlight li li{
	font-weight:normal;	
}

.twoLists {
	clear:both;	
}

.twoLists ul{
	float:left;	
	margin-right:20px;

}

.twoLists .half{
	width:320px;	
	
	
}

.larger{
font-size:120%;	
}
