/* ~~~ Fire Brigades Stylesheet Created by Brighton Consulting 2007 ~~~ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* All associated graphics copyright 2007, Brighton Consulting */
/* Added: April 16th, 2007 */
/* Visit www.brightonconsulting.com.au */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without written permission. */

/* ~~~ SITE COLOURS ~~~ */
/*

	#d52b1e - corporate red 
	
	#000000 - corporate black
	
	#999999 - light grey
	
*/
	
/* ~~~~~ IE HACK GUIDELINES ~~~~~

   border:1px solid green; ~~~ works in all
  *border:1px solid red; ~~~ targets IE6 and 7 
  _border:1px solid blue; ~~~ targets IE6 only

*/



/* ~~~ GENERAL SITE-WIDE STYLES ~~~ */
/* ~~~ DO NOT MODIFY WITHOUT GOOD REASON ~~~ */


/* Set ALL image borders to zero */
* {
	padding:0;
	margin:0;
}
img {
	border:0;
	padding:0;
	margin:0;
}

/* Page Background color */
.darkbackground {
	background-color:#ffffff;
	text-align: -moz-center;
   *text-align:center;
	}

.hidden {
	display:none;
}

/* ~~~~~~ CLEARFIX HACK ~~~~~~ */
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
* html .clearfix {
	height:1%;
}
.clearfix {
	display:block;
}

.clear {
	clear:both;
}
html, body {
	height:100%;
}
body {
	font-size:85%;
	*font-size:85%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	line-height:150%;
}

/* Set font sizes for WYSIWYG to match document */

body.mainbody {
	font-size:85%;
	*font-size:85%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	line-height:150%;
}

/* Preset ALL fonts */

div,  span,  input,  select, p, th, dd, table, li, {
	font-size:1.0em;
}
.mainbody div, .mainbody span, .mainbody input, .mainbody select, .mainbody p, .mainbody th, .mainbody dd, .mainbody table, .mainbody li {
	font-size:1.0em;
}

h1, .mainbody h1 {font-size:1.6em; color:#000000;}
h2, .mainbody h2 {font-size:1.4em; color:#333333;}
h3, .mainbody h3 {font-size:1.3em; color:#333333;}
h4, .mainbody h4 {font-size:1.2em; color:#333333;}
h5, .mainbody h5 {font-size:1.0em; color:#333333;}

a:link, a:visited, .mainbody a:link, .mainbody a:visited {
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
a:hover, a:active, .mainbody a:hover, .mainbody a:active {
	color:#d52b1e;
	font-weight:bold;
	text-decoration:none;
}	


/* Body IDs */
#home {
	background: #ffffff url(/build/images/FCU_header_stripe_bground.gif) top center no-repeat;
}	
#category {
	background: #ffffff url(/build/images/FCU_header_stripe_bground.gif) top center no-repeat;
}	
#campaign {
	background: #ffffff url(/build/images/FCU_header_stripe_bground.gif) top center no-repeat;
}	
#printpage {
	background: #ffffff url(/build/images/FCU_header_stripe_bground.gif) top center no-repeat;
}	

/* Site Container */

#container {
	width:955px;
	text-align:left;
}

/* Site Headers */

/* Category Header */
.mainbody div#header {
	width:955px;
	height:180px;
	background:url(/build/images/menu_stripe_bground.jpg) bottom center no-repeat;
	position:relative;
	text-align:left;
}
.mainbody div#logo {
	width:220px;
	height:180px;
	position:absolute;
	bottom:0;
	right:0;
	_bottom:-2px;
}
.mainbody div#header h1 {
	width:433px;
	height:37px;
	position:absolute;
	right:185px;
	bottom:70px;
	background:url(/build/images/firecu_header_tagline_V2.gif) no-repeat;
}
.mainbody div#topNav {
	position:absolute;
	top:10px;
}
.mainbody div#topNav ul {
	list-style-type: none;
	height:12px;	
}	
.mainbody div#topNav ul li {
	float:left;
	padding:0 8px;
	font-size:;
}
.mainbody div#topNav ul li.lined {
	border-right: 1px solid #999999;
}
.mainbody div#topNav ul li a:link, .mainbody div#topNav ul li a:visited {
	font-weight:normal;
	color:#999999;
}
.mainbody div#topNav ul li a:hover, .mainbody div#topNav ul li a:active {
	font-weight:normal;
	color:#666666;
}

/* NGMenu */
#NGMenu {
	font-size:1.0em;
	height:34px;
	max-height:0px;
	width:955px;
}

/* Site Body */
#body {
	width:955px;
	padding:0;
	margin:0;
	position:relative;
	top:-33px;
	*top:0;
	_top:-33px;
}

/*Content Section */
#body div#content {
	width:705px;
	padding:0;
	margin:0;
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	text-align:left;
	overflow:hidden;
}
#printing div#content {
	width:550px;
	padding:0;
	margin:0;
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	text-align:left;
	overflow:hidden;
}

/* Home Page Section */
#content div#home_banner {
	width:705px;
	margin-bottom:16px;
}
	/*News Section*/
#content div#news {
	width:705px;
}
.mainbody #news div#news1 {
	width:348px;
	margin-right:9px;
	float:left;
}
.mainbody #news div#news2 {
	width:348px;
	float:left;
}
.mainbody #news img {
	width:174px;
	height:155px;
	float:left;
	display:table;
	margin:0;
}
.mainbody #news h2 {
	width:166px;
	height:22px;
	*height:21px;
	padding:5px 0 5px 8px;
	border-bottom:1px solid #333333;
	font-size:1.2em;
	color:#333333;
	display:table;
	margin:0;
}
.mainbody #news p {
	width:166px;
	height:80px;
	*height:81px;
	_height:79px;
	padding:10px 0 5px 8px;
	overflow:hidden;
	display:table;
	margin:0;
}
.mainbody #news a.newsbutton:link, .mainbody #news a.newsbutton:visited {
	width:136px;
	padding:5px 30px 5px 8px;
	background:url(/build/images/button_up_arrow.gif) right center no-repeat;
	display:table;
	*display:block;
	text-align:right;
}
.mainbody #news a.newsbutton:hover, .mainbody #news a.newsbutton:active {
	width:136px;
	padding:5px 30px 5px 8px;
	background:#d52b1e url(/build/images/button_over_arrow.gif) right center no-repeat;
	color:#ffffff;
	display:table;
	*display:block;
	text-align:right;
}

/* Breadcrumbs section */
#content div#breadcrumbs {
	width:705px;
	padding-bottom:10px;
	margin-bottom:5px;
	border-bottom:1px solid #d52b1e;
	height:1.9em;
}
#breadcrumbs div#printpage {
	float:right;
	padding-left:20px;
	position:relative;
	top:3px;
}	
#breadcrumbs div#pathway {
	float:right;
	padding-left:20px;
}
#breadcrumbs div#fontsize {
	float:right;
	padding-left:20px
}
#breadcrumbs a:link, #breadcrumbs a:visited {
	color:#333333;
}
#breadcrumbs a:hover, #breadcrumbs a:active {
	color:#d52b1e;
}

/* Page Header Section */
#content div#pageheader {
	width:705px;
	padding:15px 0;
}
#pageheader h1 {
	font-size:1.6em;
	font-weight:bold;
}

/* Mainbody Content Area Styles */
.mainbody p, .mainbody ul {
	margin-top:5px;
	padding-bottom:3px;
}
.mainbody ul {
	list-style-type:disc;
	margin-left:15px;
}
.mainbody ul li {
	padding:5px;
}
.mainbody table {
	margin:10px 0;
}
.mainbody table td {
	padding:5px;
}
.mainbody h4 {
	font-size:1.2em;
	margin-top:18px;
}
.mainbody ul.arrowlist, .mainbody ul.ticklist{
	list-style:none;	
}
.mainbody ul.alphalist {
	padding-left:16px;
	list-style-type:lower-alpha;	
}
.mainbody ul.romanlist {
	padding-left:16px;
	list-style-type:lower-roman;
}
.mainbody ul.arrowlist li {
	padding-left:16px;
	background:url(/build/images/arrow2.gif) left center no-repeat;
}
.mainbody ul.ticklist li {
	padding-left:20px;
	background:url(/build/images/tick.gif) top left no-repeat;
}
.mainbody ul li ul {
	list-style-type:circle;
}
.mainbody a.button:link, .mainbody a.button:visited {
	padding:5px 32px 5px 5px;
	background:#ffffff url(/build/images/button_up_arrow.gif) right center no-repeat;
	border:0;
	margin-bottom:3px;
}
.mainbody a.button:hover, .mainbody a.button:active {
	padding:5px 32px 5px 5px;
	color:#ffffff;
	background:#d52b1e url(/build/images/button_over_arrow.gif) right center no-repeat;
	border:0;
}
.mainbody div#featuredSections {
	margin:10px 0;
	padding:0;
}
.mainbody #featuredSections div.section {
	margin-bottom:30px;
	padding:5px;
	display:table;
}
.mainbody #featuredSections div.icon {
	width:130px;
	padding-right:15px;
	float:left;
	display:table;
}
.mainbody #featuredSections div.description {
	margin:0;
	width:540px;
	_height:70px;
	min-height:70px;
	/*border-left:1px solid #d52b1e;*/
	padding:0 0 5px 10px;
	float:left;
	display:table;
}
.mainbody #featuredSections div.description h3 {
	padding-bottom:5px;
	margin-bottom:10px;
	width:85%;
	color:#666666;
	font-size:1.3em;
	font-weight:bold;
	border-bottom:1px solid #d52b1e;
}
/* Sidebar Section */
#body div#sidebar {
	width:220px;
	margin:0;
	margin-bottom:30px;
	float:left;
}
#sidebar div#side_component {
	width:220px;
	margin-bottom:16px;
}	
	/* Sidebar IBlogin */
#sidebar div#IBlogin {
	width:220px;
	margin-bottom:16px;
	background:url(/build/images/firecu_ibanking_sidebar_bground.gif) top left repeat-y;
	color:#ffffff;
	display:table;
}
#IBlogin img {
	width:220px;
	height:38px;
	border-bottom:1px solid #ffffff;
}
#IBlogin a.leftbutton:link, #IBlogin a.leftbutton:visited {
	padding:6px 30px 5px 8px;
	color:#ffffff;
	font-weight:bold;
	width:71px;
	background:url(/build/images/button_up_IBarrow.gif) right center no-repeat;
	float:left;
	border-right:1px solid #ffffff;
	text-align:center;
	display:table;
}
#IBlogin a.leftbutton:hover, #IBlogin a.leftbutton:active {
	padding:6px 30px 5px 8px;
	color:#ffffff;
	font-weight:bold;
	width:71px;
	background:#999999 url(/build/images/button_over_IBarrow.gif) right center no-repeat;
	border-right:1px solid #ffffff;
	text-align:center;
	display:table;
}
#IBlogin a.button:link, #IBlogin a.button:visited {
	padding:6px 30px 5px 8px;
	color:#ffffff;
	font-weight:bold;
	width:72px;
	background:url(/build/images/button_up_IBarrow.gif) right center no-repeat;
	float:left;
	text-align:center;
}
#IBlogin a.button:hover, #IBlogin a.button:active {
	padding:6px 30px 5px 8px;
	color:#ffffff;
	font-weight:bold;
	width:72px;
	background:#999999 url(/build/images/button_over_IBarrow.gif) right center no-repeat;
	text-align:center;
}
	/* Sidebar Online Tools */
#side_component div#tools {
	width:220px;
	background:#aaaaaa;
	color:#ffffff;
}
#tools img{
	padding:8px 115px 8px 8px;
	border-bottom:1px solid #ffffff;
}
#tools form {
	padding:0 8px;
}
#tools form#tools_form {
	padding-top:8px;
}
#tools div.tool {
	padding-bottom:10px;
}
.tool select {
	width:200px;
	height:1.6em;
	*height:1.8em;
}
.tool select option {
	font-size:0.8em;
	padding:3px;
	line-height:1.4em;
}
#tools div.search {
	padding-bottom:8px;
	margin-top:-3px;
}
.search input.inputbox {
	width:136px;
	height:1.3em;
	font-size:0.9em;
	padding-top:4px;
	*padding-top:2px;
}
.search input.image{
	position:relative;
	padding-left:8px;
	top:4px;
}
	/* Sidebar Quick Links */
#side_component div#links {
	width:220px;
	background:#aaaaaa;
	color:#666666;
	padding-bottom:5px;
}
#links img {
	padding:8px 115px 8px 8px;
	border-bottom:1px solid #ffffff;
}
#links ul {
	font-size:1.0em;
	line-height:1.5em;
	margin-left:25px;
	list-style-type:disc;
}
#links ul li {
	padding:3px 0;
}
#links ul li a:link, #links ul li a:visited {
	color:#666666;
}
#links ul li a:hover, #links ul li a:active {
	color:#ffffff;
}
/* Campaign Pages */
#campaign div#campaign_header {
	width:755px;
	height:180px;
	background:url(/build/images/menu_stripe_bground.jpg) bottom center no-repeat;
	position:relative;
	text-align:left;
}
#campaign div#logo {
	width:220px;
	height:180px;
	position:absolute;
	bottom:0;
	right:0;
}
#campaign div#container {
	width:755px;
	text-align:left;
}
#campaign div#close_button {
	width:120px;
	padding:8px;
	border:0;
	position:relative;
	top:-67px;
	color:#ffffff;
}
#campaign div#close_button a:link, #campaign div#close_button a:visited{
	color:#ffffff;
	margin:0;
	padding:8px;
	background-color:transparent;
}
#campaign div#close_button a:hover, #campaign div#close_button a:active{
	color:#666666;
	margin:0;
	padding:8px;
	background-color:#ffffff;
}

#campaign div#container div#body {
	height:400px;
	width:755px;
	padding:0;
	margin:0;
	position:relative;
	top:-33px;
}
#campaign div#container div#body div#content {
	width:755px;
	border:1px solid #999999;
	position:relative;
}
#campaign div.image_1 {
	width:368px;
	height:398px;
	float:left;
	padding:0px;
	margin-right:20px;
}
#campaign div.campaign_body{
	width:365px;
	height:398px;
	float:left;
}
#campaign div.heading h1 {
	width:365px;
	font-size:;
	padding:10px 0;
	border-bottom:1px solid #999999;
	margin-bottom:10px;
}
#campaign div.links {
	width:365px;
	position:absolute;
	bottom:0;
	right:0;
}
#campaign div.links a:link, #campaign div.links a:visited {
	color:#333333;
	font-weight:bold;
	text-decoration:none;
	padding:5px;
}
#campaign div.links a:hover, #campaign div.links a:active {
	color:#d52b1e;
	font-weight:bold;
	text-decoration:none;
	padding:5px;
}
#campaign div.links a.button:link, #campaign div.links a.button:visited {
	padding:5px 32px 5px 5px;
	background:#ffffff url(/build/images/button_up_arrow.gif) right center no-repeat;
	border:0;
	margin-bottom:8px;
}
#campaign div.links a.button:hover, #campaign div.links a.button:active {
	padding:5px 32px 5px 5px;
	color:#ffffff;
	background:#d52b1e url(/build/images/button_over_arrow.gif) right center no-repeat;
	border:0;
	margin-bottom:8px;
}


/* Site Footer */
#footer {
	width:955px;
	border-top:1px solid #d52b1e;
	margin-top:15px;
	padding-top:15px;
	position:relative;
	top:-33px;
	*top:0;
	_top:-33px;
	color:#999999;
}
#footer p {
	width:835px;
	margin-bottom:8px;
	font-size:;
}
#footer div#siteBy {
	width:80px;
	padding-right:40px;
	text-align:right;
	float:right;
}
#footer a:link, #footer a:visited {
	color:#666666;
	font-weight:normal;
}
#footer a:hover, #footer a:active {
	color:#333333;
	font-weight:normal;
}

/*
	WYSIWYG FIXES - DON'T CHANGE WITHOUT CONSULTATION
	The following style makes p and ul tags show as br tags in tables for the same results in IE and FF
*/

.mainbody table p, .mainbody table ul  {
	margin-top:0px;
	margin-bottom:0px;
}




/* ~~~~~~~ TABLE STRIPES ~~~~~~ */

.mainbody table p, .mainbody table ul  {
	margin-top:0px;
	margin-bottom:0px;
}


 .customerDetailsThead {



	margin:0;
	
	text-align: left;

	
	line-height:20px;
	color: #464646;
	font-size:12px;font-weight:bold;

}

.customerDetails {
	padding: 5px 3px !important;
	background-color:#f4f4f4;
	font-family:Tahoma;
	border-top:1px solid #cccccc;
}


.customerDetails a:link , .customerDetails2 a:link {color: #1091DB;}
.customerDetails a:visited, .customerDetails2 a:visited {color: #1091DB;}
.customerDetails a:hover, .customerDetails2 a:hover { color:#ffa634}
.customerDetails a:active, .customerDetails2 a:active { color:#ffa634}
.customerDetails a, .customerDetails2 a {text-decoration:none;}

tr.even {
	margin:0px;
	padding:7px 0px 5px 0px;
	
	font-size:10px;
	font-family:Tahoma;
	color:#15428b;

}

tr.odd {
	margin:0px;
	padding:7px 0px 5px 0px;

	font-size:10px;
	font-family:Tahoma;
	color:#15428b;
}

td.customerDetailsTitle {
	margin:0px;
	padding:7px 0px 5px 0px;

	font-size:10px;
	font-family:Tahoma;
	color:#15428b;
	font-weight:bold;
}

td.customerDetailsTitle2 {
	margin:0px;
	padding:7px 0px 5px 0px;

	font-size:10px;
	font-family:Tahoma;
	color:#0000FF;
	font-weight:bold;
}

.tablebutton button {
background-color:#F5F5F5;
border:1px solid #DEDEDE;
color:#565656;
cursor:pointer;
display:block;
float:right;
font-family:"Tahoma",Tahoma,Arial,Verdana,sans-serif;
font-size:100%;
font-weight:bold;
line-height:130%;
margin:0;
overflow:hidden;
padding:5px 10px 6px 7px;
text-decoration:none;
width:auto;
}

table.tablesorter2, table.agenda {
	font-family:Tahoma;
	margin:0px 0pt 0px;
	font-size:10px;
	width: 100%;
	text-align: left;
}

table.agenda th {
	font-weight: bold;
	text-align: right;
}

table.tablesorter thead tr th, table.tablesorter2 tfoot tr th, table.agenda thead tr th, table.agenda tfoot tr th , table.agenda th {
	border-bottom: 1px solid #ddd;

	padding: 1px;
	color:#00486F;
}
table.tablesorter2 thead tr .header, table.agenda thead tr .header {
	cursor: pointer;
	font-size:12px; color:#666666; font-weight:bold;
	padding-left:5px;

}
table.tablesorte2 thead td, table.agenda thead td  {
	color: #15428b;
	padding: 1px;

	font-weight:bold;
	border-bottom: 1px solid #ddd;
}
table.tablesorter2 tbody td , table.agenda tbody td  , table.agenda td {
	color: #565656;
	padding: 3px 0;
	vertical-align: top;
		font-size:12px;
}

table.tablesorter2 tbody td.top {
	vertical-align: top;
	padding-top:5px;
}

table.tablesorter2 tbody tr.even td, table.agenda tbody tr.even td , table.agenda tr.even td {
	background-color: #fff;
}