/* All styles that appear in the main content area must be declared without
containers (e.g. p instead of #content p).  This is so dub3 can pick up the
styles in the editor (the editor can't see the master page, and thus the
parent div.  All conflicting styles (such as in the left column) should be
declared explicitly where their styles might conflict with the default. */

* { margin:0; padding: 0; } /* Reset all default margins and padding */

/* body.site is used to set a background/style where it will appear different
to the one in the content area.  Dub3 won't see the class on the body tag so
will pick up the default body style.  For this reason the body tag's background
should match the content area */

html,body,#wrap { min-height:100%; }
html {height:auto;}

body { font-family:Arial; font-size:0.8em;} 
body.siteHome { background:#FFF url(/cms/outertemplates/images/Home-bg.gif) top repeat-x; } 
body.site { background:#FFF url(/cms/outertemplates/images/page-bg.gif) top repeat-x; } 

/* Content styles */
/* Try to put padding on the parent div, rather than margins on the element */

p, h1, h2, h3 { margin-bottom:0.8em; }
ul, ol { margin: 15px 35px; }
h1 { font-size:1.1em; text-transform:uppercase; color:#82411b; }
h2 { font-size:1.1em; color:#f0a71e; text-transform:lowercase; }
h3 { font-size:1em; color:#82411b; padding-left:25px; background:url(/cms/outertemplates/images/icon-logo.gif) left no-repeat; }
a { color:#104E96; text-decoration:none; }
a:hover { text-decoration:underline; }
abbr, acronym { 
	border-bottom: 1px dotted #f00; 
	cursor: help; 
}
img { border:0; }

/* Page building styles */
.pageWidth { width:910px; margin:0 auto; position:relative;}
#wrap { width:100%; position:relative; padding-bottom:45px; }
#header { width:910px; height:143px; margin:0 auto; position:relative; z-index:2;}
	.logo { display:block; }
		
#middleWrap { width:910px; margin:10px auto 0; }
#leftCol { width: 190px; float:left; border: 1px dashed black; padding:5px;}
#content { width:880px; background:#fff; float:left; padding:0 15px; margin:0; }
#rightCol { width: 250px; float:right; padding-top:20px;}

.noleftcol { width: 620px !important; margin-left:0 !important; }
.norightcol { width: 620px !important; margin-right:0 !important; }

#fixedLinks li { display:inline; list-style:none; } 

#search { position:absolute; top:15px; right:10px; font-weight:bold; color:#82411b; }
	#search .button {color:#FFF; border:2px solid #82411b; padding:0 5px; }
	#search .textbox { border:2px solid #82411b; }
	
#contactInfo {position:absolute; bottom: 40px; right:10px; text-align:right; color:#82411b; font-weight:bold; }
	#contactInfo label { color:#f4bd56;}
	#contactInfo h3 { color:#104e96; margin-bottom:0.2em; padding-left:0; background:none; font-size:1.1em;}
	#contactInfo a { color:#82411b; }

#breadcrumb p { float:left; margin:5px; }
#breadcrumb ul { float:left; margin: 5px; }
#breadcrumb li { display:inline; padding-left:8px; background:url(/cms/outertemplates/images/breadcrumb.gif) left no-repeat; }

#footer { font-size:0.9em; position:absolute; bottom:0; left:0; font-weight:bold; background:#104e96; color:#FFF; width:100%; height:25px; padding:5px 0; margin-top:10px;}
	#footer a { color:#FFF; }
	#footer p { line-height:25px; margin-bottom:0; }
	#footerMenu { position:absolute; top:0px; right:0; }
		#footerMenu ul { margin:0; }
		#footerMenu ul li { display:inline; padding:0 5px; vertical-align:middle; }
		#footerMenu ul li img {vertical-align:middle; }
		
/* Home page styles */

#homesubnav { width:892px; border:2px solid #FFF; border-width:0 2px; height:302px; margin:0 auto; z-index:0; clear:both;}
	#homesubnav-col-1 {width:296px;height:302px;background:url(/cms/outertemplates/images/sub-col2-bg.jpg);float:left; position:relative; overflow:hidden;}
	#homesubnav-col-2 {width:296px;height:302px;background:url(/cms/outertemplates/images/sub-col1-bg.jpg);float:left; border:2px solid #FFF; border-width:0 2px; position:relative; overflow:hidden;}
	#homesubnav-col-3 {width:296px;height:302px;background:url(/cms/outertemplates/images/sub-col4-bg.jpg);float:left; position:relative; overflow:hidden;}
	.homeNav { position:absolute; bottom:0; left:0; width:100%; }
	.homeNav h2 { color:#FFF; height:127px; width:296px; text-indent:-999em; margin-bottom:0; cursor:pointer;}
		#homesubnav-col-1 .homeNav h2 { background:url(/cms/outertemplates/images/sub-col2-header.png) top no-repeat;}
		#homesubnav-col-2 .homeNav h2 { background:url(/cms/outertemplates/images/sub-col3-header.png) top no-repeat;}
		#homesubnav-col-3 .homeNav h2 { background:url(/cms/outertemplates/images/sub-col4-header.png) top no-repeat;}
	.homeNav .subnav { background:url(/cms/outertemplates/images/sub-col-bg.png); width:100%; height:auto;}
		.homeNav ul {margin:0 35px 10px; font-size:1em; }
		.homeNav ul li { color:#f0a71e; }
		.homeNav ul li a { color: #FFF; }
#login { margin-bottom:15px;}
	#login div.form-row label { width:60px; }
	#login div.form-row .textbox { width:150px; }
#news {}
	#news ul { margin: 5px 5px 5px 25px; }
	#news ul li { color:#f0a71e; }
	#news ul li span, #news ul li a { color:#104e96; }
	#news .date, span.title { font-weight:bold; color:#104e96; }
	#content span.date { font-weight:bold; color:#f0a71e; }
	#content div.centre3Col span.date { font-weight:bold; color:#104e96; }
#caseStudies {}
	#caseStudies ul { margin: 5px 5px 5px 25px; }
	#caseStudies ul li { color:#f0a71e; }
	#caseStudies ul li span, #caseStudies ul li a { color:#104e96; }
	#caseStudies .title { font-weight:bold; }

#customer-support { margin-top: 10px; }	
    #customer-support ul { margin: 5px 5px 5px 25px; }
    #customer-support ul li { color:#f0a71e; }
    #customer-support ul li a { color:#104e96; }
	
#rightCol #news, #rightCol #caseStudies {margin-bottom:15px; }

/* Content page styles */
.subHeader {color:#da8d1b; font-style:italic; font-weight:bold; font-size:1.2em; line-height:1.7em; padding:15px; background:#F7D38E url(/cms/outertemplates/images/subheader-right.jpg) right no-repeat; } 
	.subHeader span { font-style:normal; font-size:1.1em; color:#82411b; }
	.subHeader-footer {height:30px; width:892px; text-align:right; margin:3px auto 0; clear:both; line-height:30px; color:#FFF; font-weight:bold; font-size:1em; background:#F0A71E;position:relative;}
.sectionLinks a {width:250px; height:55px; text-indent:-999em; display:block; border-bottom:2px solid #FFF; background-position:top left; background-repeat:no-repeat; overflow:hidden;}
	.sectionLinks a:hover { background-position:bottom left; }
	.sectionLink1 a { background-image:url(/cms/outertemplates/images/rightcol-link-2.gif); }
	.sectionLink2 a { background-image:url(/cms/outertemplates/images/rightcol-link-3.gif); }
	.sectionLink3 a { background-image:url(/cms/outertemplates/images/rightcol-link-1.gif); }
.login-mini { position:absolute; right:5px; bottom:-20px; font-size:0.9em; border:1px solid #F0A71E; height:21px; color: #82411B; font-weight: normal;padding-bottom:3px;}
	.login-mini ul {margin:0; line-height:3ex; text-transform:lowercase; padding:0 5px;}
	.login-mini li {display:inline; padding:0 5px 0 6px; border-left:1px solid #104E96;}
	.login-mini li.first { border-left:none; }	
	.login-mini p {padding-left:7px;padding-right:7px;}

/* Box styles */
.box1 { padding:5px 0 25px; border-bottom:1px solid #f1ddb7; position:relative; width:100%; margin-bottom: 1em; }
	.box1 .topLink { position:absolute; bottom:-8px; left:15px; border: none; }
		.box1 .topLink a {display:block; background:url(/cms/outertemplates/images/back-to-top.gif) top left no-repeat; width:72px; height:13px; text-indent:-999em; }
	.box1 .readMore { position: absolute; bottom:5px; right: 15px; border: none; }
		.box1 .readMore a {
			font-size:0.9em; 
			color:#82411b; 
			padding-left: 15px; 
			background:url(/cms/outertemplates/images/icon-more.gif) left no-repeat;
		}

/* Table Links */
table.tableLinks { width: 100%; margin-bottom:15px; }
	table.tableLinks td { background:url(/cms/outertemplates/images/tableLinks-bg.gif) repeat-x; border:1px solid #f1ddb7; height:33px; }
		table.tableLinks td a {
			color:#82411b; 
			display:block; 
			width:100%; 
			text-indent:15px; 
			background:url(/cms/outertemplates/images/tableLinks-icon.gif) right no-repeat;
			font-weight:bold;
		}


/* Reusable classes */
p.left { text-align:left }
p.right { text-align:right; }
.red { color:#F00; }
div.left, input.left { float:left; }
div.right, input.right { float:right; }
img.left { float:left; margin: 5px 5px 5px 0; }
img.right { float:right; margin:5px 0 5px 5px; }
ul.inline li { display:inline; padding:0 4px; }
.left2Col { float:left; width:50%; }
.right2Col { float:right; width:50%; }
.left3Col { float:left; width:33%; }
.centre3Col { float:left; width:34%; }
.right3Col { float:left; width:33%; }
.padding { padding:0 15px; }
.highlight { color:#f0a71e; font-weight:bold; }

p.small, span.small, ul.small, li.small, div.small, a.small, td.small { font-size: 0.9em; }
p.large, span.large, ul.large, li.large, div.large, a.large, td.large { font-size: 1.1em; }
p.error, span.error, ul.error, li.error, div.error { color: #f00; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }
p.indent { margin-left: 25px; }
span.underline { text-decoration: underline; }

div.clear { clear:both; }

/* Clearfix for non ie browsers */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		visibility: hidden;
		line-height: 0;
		height: 0;
	}
	.clearfix { display: inline-block; }
	html[xmlns] .clearfix { display: block; }
/* End of Clearfix */