/* ~~~ 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:#fff;

 
	}

.hidden {
	visibility:hidden;
}

/* ~~~~~~ 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:73%;
	*font-size:75%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	line-height:145%;
}

/* Set font sizes for WYSIWYG to match document */


body.mainbody {
	font-size:73%;
	*font-size:75%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color:#666666;
	text-align:left;
	line-height:145%;
}

/* 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:#635078;
	font-weight:bold;
	text-decoration:none;
	outline:none;
}
a:hover, a:active, .mainbody a:hover, .mainbody a:active {
	color:#635078;
	font-weight:bold;
	text-decoration:underline;
}	

/* Site Container */




#outerContainer {

	
	
margin:0 auto;

position:relative;
width:969px;
}



#container {

	text-align:left;
	padding:0 6px 0 20px;
	background:url(/build/images/main_bg.png) top center repeat-y;
	_background:url(/build/images/main_bg.jpg) top center repeat-y;
	
	
	

position:relative;
width:969px;
}


#placeMenu{position:absolute; top:160px; left:20px;}

/* Body IDs */
#home {
}	
#category {
}	
#campaign {
}	
#printpage {
}	
#page_col2, #page_col3, #page_col4, #page_col3_new, #page_col3Product {
	float:left;
}

#page_col2 {
	width:170px;
}
#page_col3 {
	width:530px;
	overflow:hidden;
}
#page_col3_new {
	width:770px;
	display:block;
}

#page_col3Product
{
	width:750px;
	display:block;
	padding-left:10px;
	padding-right:10px;
}

#newRotator {
width:767px;
height:219px;
margin-top:10px;
position:relative;
float:left;
}

#page_col4 {
	width:235px;
	padding:14px 0 0 0;
	position:relative;
	float:left;
}
#page_col4 img {
	margin-bottom:25px;
}
#page_col_wide {
	width:765px;
	overflow:hidden;
}


/* Site Headers */
#site_header table {
	padding:0;
margin:0;
}
#site_header table td {
	padding:0;
margin:0;
}





#site_header {
	height:102px;
	text-align:left;
	background:#f8981c url(/old_uploads/images/template/backgrounds/header_bg.gif) bottom right no-repeat;
	position:relative;
	width:955px;
	overflow:hidden;
}

#headerLeft{ width:500px; position:relative; float:left;}

#headerLeft #logo{width:200px; position:relative; float:left;}

#headerLeft #welcome{width:300px; position:relative; float:left; padding-top:60px;}

#headerRight{width:405px; position:relative; float:right;}

#headerRight #stamp{width:105px; position:relative; float:left;}

#headerRight #ibLogin{width:290px; position:absolute; top:1px; height:15; overflow:hidden; text-align:right; right:12px;}

#ibLoginBox{ position:absolute; top:3px; right:10px; background:url(../../build/images/home/ibLogin.gif) no-repeat top left; width:253px; height:93px;}

#ibLoginBox #ibBtn { position:relative; float:left; margin-top:40px; margin-left:18px; _margin-left:9px; }


#ibLoginBox #etrade { position:relative; float:left; margin-top:7px; margin-left:18px; width:110px; _margin-left:9px;  }

#ibLoginBox #estate { position:relative; float:left; margin-top:7px; width:110px; padding-left:7px; }




/* Left Nav */

div.search {
	margin:10px 0 0 10px;
}

div.search h5 {
	font-size:0.9em;
	color:#676767;
	font-weight:normal;
}

div.search form input.inputbox {
	width:115px;
	padding:3px;
	margin-right:3px;
	border:1px solid #676767;
    font: normal 11px Tahoma, Arial;
	}
div.search form input.image {
	position:relative;
	top:5px;
	}


#NGMenu {
	padding:15px 0 4px 0px;
	*padding:15px 0 2px 0px;
	position:relative;
	float:left;
	height:268px;
}

.left_spots {
	padding:5px 0 0 10px;
	clear:both;
	position:relative;
	float:left;
}

/* Site Body */

/*Content Section */

div#page_col3 div#page_title, div#page_col3Product div#page_title, div#page_col_wide div#page_title {
	padding:20px 0 10px 0;
	margin:0;
}
div#page_col3 #page_title h1, div#page_col3Product #page_title h1, div#page_col_wide #page_title h1 {
	font-size:1.6em;
	font-weight:bold;
	height: 36px;
	/* margin-left:-8px; */
    *margin:0;
}

div#page_col3 div#breadcrumbs, div#page_col3Product div#breadcrumbs  {
	margin-top:10px;
	height:1.9em;
	text-transform: uppercase;
	font-size:0.9em;
	color:#f8981c;
}

div#page_col3 div#breadcrumbs div.pathway a, div#page_col3Product div#breadcrumbs div.pathway a {
	color:#676767;
	font-weight:normal;
	padding:3px;
}

div#page_col3 div#breadcrumbs div.pathway a:hover, div#page_col3Product div#breadcrumbs div.pathway a:hover  {
	color:#fff;
	background-color:#f8981c;
}

#breadcrumbs span.pagefunctionicon {
	float:right;
	padding:0 10px 0 5px;
}	
#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;
}

/* Mainbody Content Area Styles */
.mainbody p, .mainbody ul, #campaign_blurb p, #campaign_blurb ul {
	margin-top:5px;
	padding-bottom:5px;
}
.mainbody ul, #campaign_blurb ul {
	list-style-type:disc;
	margin-left:15px;
}
.mainbody ol {
	margin-left:23px;
}
.mainbody ul li, #campaign_blurb 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, .mainbody #campaign_blurb ul.ticklist, .mainbody ul {
	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, .mainbody ul li {
	padding-left:16px;
	background:url(/old_uploads/images/page_images/arrow2.gif) left center no-repeat;
}
.mainbody ul.ticklist li, .mainbody #campaign_blurb ul.ticklist li{
	padding-left:20px;
	background:url(/old_uploads/images/tick.gif) top left no-repeat;
}
.mainbody ul li ul {
	list-style-type:circle;
}
div#page_col3 .mainbody a.button {
	padding:4px;
	position:relative;
	top:4px;
}
.mainbody div#featuredSections {
	margin:10px 0;
	padding:0;
}
.mainbody #featuredSections div.section {
	margin-bottom:30px;
	display:table;
}
.mainbody #featuredSections div.icon {
	width:80px;
	padding-right:10px;
	float:left;
	display:table;
}
.mainbody #featuredSections div.description {
	margin:0;
	width:425px;
	_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;
	color:#666666;
	font-size:1.3em;
	font-weight:bold;
	border-bottom:1px dashed #f8981c;
}
div#sitenav_table  {
	background:url(/old_uploads/images/template/backgrounds/site_tour_bg_bot.gif) bottom right no-repeat;
}
#sitenav_table table  {
	background:url(/old_uploads/images/template/backgrounds/site_tour_bg_top.gif) top right no-repeat;
}
#sitenav_table table table{
	background:none;
}
#sitenav_table table table table {
	background:none;
}
#sitenav_table table table table table{
	background:none;
}
#content_rightimage {
	float:right;
	padding:5px;
	text-align:right;
}
#content_rightimage a img {
	padding-bottom:10px;
}	
/* Site Footer*/

#site_footer {
	background:#fff url(/build/images/footer_bg.png) top left no-repeat;
	width:973px;
	text-align:left;
	padding:30px 0px 0 20px;
	
		
	margin:0 auto;

position:relative;


	
	
}

/* ~~~~CAMPAIGN STYLE Image Right~~~~ */

#campaign_main {
	width:100%;
	height:100%;
	font-family:"Trebuchet MS", Helvetica, sans-serif; 
	
	
	


}

#campaign {
	width:100%;
	height:100%;
	/*margin:0 6px 0 16px;
	padding-top:7px; */
	background-color:#fff;

}


#campaign div#outerContainer {
	
	padding-top:17px !IMPORTANT;
}


	#campaign div#container {
		width:732px;
		background:#fff;
		border:1px solid #d3701c;
		margin:0 auto;

		position:relative;
		
	}
		#campaign div#container div#header {
			position:absolute;
			margin-bottom:0px !important;
			width:732px;
			top:-20px;
			left:20px;
			height:30px;
		}
			#campaign div#container div#header a img.close {
				position:absolute;
				right:10px;
				top:9px;
			}
		#campaign div#container div#content {
			width:100%;
			margin-top:10px;
			overflow:hidden;
			margin-bottom:10px;
		}
			#campaign div#container div#content div#main {
			
			width:732px; !important;	
			padding-right:10px;
			}
			#campaign div#container div#content div#main img.campaign {
				float:right;
				margin-left:10px;
				border:1px solid #d3d3d3;
			}
		
#campaign #campaign_title {
	padding:20px 0;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;  
	color:#034ea2; 
	font-size:23px;
	font-weight:bold;
}
#campaign #campaign_wrapper {
clear:both;

width:700px;
}

#campaign #campaign_wrapper div.campaign_img {
float:right;
}




#campaign #campaign_wrapper div.camp_text {
width:380px;
}

#campaign h4 {
color:#034ea2; 
font-family: Tahoma, Verdana, Helvetica, sans-serif; 
font-size:1.0em;
}

.pageTitleCampaign{

font-family:"Trebuchet MS",Verdana,Helvetica,sans-serif;
font-size:16px;
text-transform:uppercase;
color:#005288;
padding-top:10px;
padding-Left:10px;
font-weight:bold;

}


/* ~~~~CAMPAIGN STYLE Image Left~~~~ */

#campaign_main {
	width:100%;
	height:100%;
	font-family:"Trebuchet MS", Helvetica, sans-serif; 

}

#campaign2 {
	width:100%;
	height:100%;
	/*margin:0 6px 0 16px;
	padding-top:7px; */
	background-color:#fff;

}


#campaign2 div#outerContainer {
	
	padding-top:17px !IMPORTANT;
}


	#campaign2 div#container {
		width:732px;
		background:#fff;
		border:1px solid #d3701c;
		margin:0 auto;
		position:relative;
		
	}

		#campaign2 div#container div#header {
			position:absolute;
			margin-bottom:0px !important;
			width:732px;
			top:-20px;
			left:20px;
			height:30px;
		}
			#campaign2 div#container div#header a img.close {
				position:absolute;
				right:10px;
				top:9px;
			}
		#campaign2 div#container div#content {
			width:100%;
			margin-top:10px;
			overflow:hidden;
			margin-bottom:10px;
		}
			#campaign2 div#container div#content div#main {
			
			width:732px; !important;	
			padding-right:10px;
			}
			#campaign2 div#container div#content div#main img.campaign {
				float:right;
				margin-left:10px;
				border:1px solid #d3d3d3;
			}
		
#campaign2 #campaign_title {
	padding:20px 0 20px 15px;
	font-family: Tahoma, Verdana, Helvetica, sans-serif;  
	color:#034ea2; 
	font-size:23px;
	font-weight:bold;
}
#campaign2 #campaign_wrapper {
clear:both;

width:700px;
}

#campaign2 #campaign_wrapper div.campaign_img {
float:left;
width:700px;
text-align:center;
}




#campaign2 #campaign_wrapper div.camp_text {
clear:both;
position:relative;
float:left;
width:696px;
margin-top:15px;
margin-left:20px;
margin-right:20px;
}

#campaign2 h4 {
color:#034ea2; 
font-family: Tahoma, Verdana, Helvetica, sans-serif; 
font-size:1.0em;
}

.pageTitleCampaign{

font-family:"Trebuchet MS",Verdana,Helvetica,sans-serif;
font-size:16px;
text-transform:uppercase;
color:#005288;
padding-top:10px;
padding-Left:10px;
font-weight:bold;

}



/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}


/*
	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.nopad, table.nopad td {
	padding:0;
}

/* ARTICLES */

div.article h3 {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;
}
div.article p, div.article img {
float:left;
}
div.article p {
margin:0 0 0 10px;
width:430px;
}


/* ARTICLES WIDE */

div.article_wide h3 {


border-bottom:1px dashed #F8981C;
color:#666666;
font-size:1.3em;
font-weight:bold;
margin-bottom:10px;
padding-bottom:5px;


}
div.article_wide p, div.article img {
float:left;
}
div.article_wide p {
margin:0 0 0 10px;
width:700px;
}


/* ARTICLES Home */

div.article_home h3, .homehead {

color:#F28119;
font-size:1em;
font-weight:bold;
margin-bottom:2px;
padding-bottom:5px;
margin:0px;
padding:0px;


}
div.article_home p, div.article_home img {
float:left;

}
div.article_home p {
margin:0 0 0 10px;
width:200px;
}


div.article_home .newsLeftImage{
display:none;
}

	
div.article_home li a{
	text-decoration:none;
	color:#F28119; 


	}
div.page_article a:link{ color: #f7971c;  }

div.page_article a:visited, .orangeLink:visited{ color: #f7971c; }

div.page_article a:hover, a:focus, .orangeLink:hover, .orangeLink:focus{ color: #666666;	text-decoration:none; }



#news {
margin:0px;
padding:0px;
padding-left:10px;}

#news table  {
	margin:0px;
padding:0px;
}

#news h3  {
	margin:0px;
padding:0px;
line-height:10px;
}


#news .storymain{

position: relative; 
float: left; 
width: 220px;

}
#news .storymainimage{

position: relative; 
float: left; 
width: 60px;
font-size:11px;

}

#news .storymaintext{


font-size:11px;
position: relative; 
float: left; 
width: 155px;
line-height:12px;
color:#00486f;

}




div#news ul {margin:0px; padding:0px;}


#news .page_article{
padding-left:0px;


 }
 
 #news .page_article .oldv{
padding-top:4px;


 }

#news .page_article h3{
font-size:13px;


 }
 
 
 #news .page_article p{
 padding-left:0px;
 font-size:11px;
 padding-bottom:0px;
  margin-bottom:0px;
  width:200px;
  


 }


.newsLeftImage{

position:relative;
float:left;
width:110px;}

.newsRightStory{

position:relative;
float:left;
width:600px;
padding-left:10px;}




div#page_col4 div#news .newsRightStory{ padding:0px; width:200px; height:85px; overflow:hidden; }



.article_learnmore
{
position:relative; clear:both; float:left; width:730px; text-align:right;
}
.contentpaneopen p
{

margin:0 0 0 10px;
width:700px;
color:#666666;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:90%;
line-height:145%;
text-align:left;



}

.contentpaneopen td p
{

margin:0 0 0 10px;
width:700px;
color:#666666;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:145%;
text-align:left;


}

.ev_detail {

margin:0 0 0 10px;
width:700px;
color:#666666;
font-family:Tahoma,Arial,Helvetica,sans-serif;
font-size:12px;
line-height:145%;
text-align:left;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;

}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
    font-size: 12px;

}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;

}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */

}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 20px;

    background: url(/build/images/tabEnc.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #fed68f;
    font-weight: bold;
    line-height: 1.6;
    text-align: left;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
		text-align:center;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #FFF;
	text-align:center;
	    line-height: 1.6;

	
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 25px; /* IE 6 treats height as min-height */
    min-height: 25px;
    padding-top: 6px;
    padding-right: 10px;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 0px;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 0px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 0px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
   
  
	height:125px;
	width:210px;
	overflow:hidden;
	margin-left:1px !important;
	margin-left:2px;
	
   /* background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
   
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}




.activearea{
position:relative;
float:left;
width:780px;}


.activeareaBox1{
position:relative;
float:left;
width:247px;
background-image:url(/build/images/news.jpg);
height:143px ;
background-repeat:no-repeat;
padding-top:42px;

}

.activeareaBox2{position:relative;
float:left;

width:247px;
height:185px;
margin-left:13px;
}


.activeareaBox3{position:relative;
float:left;
width:247px;

height:185px;
margin-left:13px;
}


.activeareaBox2 p, .activeareaBox3 p, activeareaBox2Internal p, activeareaBox3Internal p { margin:0px; padding:0px;}


.activeareaBox1Internal{
position:relative;
float:left;
width:247px;
background-image:url(/build/images/news.jpg);
height:143px ;
background-repeat:no-repeat;
padding-top:42px;
_clear:both;
display:block;


}

.activeareaBox2Internal{position:relative;

width:247px;
height:185px;
position:relative;
float:left;
margin-top:10px;
_margin-bottom:0px;
_clear:both;
display:block;
padding:0px;
}


.activeareaBox3Internal{position:relative;

width:247px;

height:185px;
position:relative;
float:left;
margin-top:10px;
_margin-top:0px;
_clear:both;
display:block;
padding:0px;
_top:-16px;

}


.activeareaBox2 p, .activeareaBox3 p, activeareaBox2Internal p, activeareaBox3Internal p { margin:0px; padding:0px;}




.arrowButton

{position:absolute; left:126px; top:156px; height:22px; width:22px;}



/*  POP-UP Page Styles */

body#popup { width:100%;}
div#popup_container {
	width:398px;
	border:1px solid #979695;
	margin:5px auto;
}
div#popup_header {
	width:400px;
	height:69px;
}
div#popup_content {
	padding:10px;
}

.hide {
list-style-type:none;
margin:0;
padding:2px !important;
}

div#news div#mosarticle {
padding-left:0px;
}

ul#newsTick {
margin:0px;
}

ul#newsTick li {
background: transparent;
}

.linkMore{

position:absolute;
bottom:5px;
*bottom:5px;
left:150px;
height:22px;

}


.linkMoreInternal{

position:absolute;
top:172px;
right:2px;
_right:10px;
height:22px;

}


.linkMoreFeatured{

position:absolute;
bottom:25px;
right:20px;}




.rates{

position:relative;
float:left;
width:620px;
}


.ratesInfo{

position:relative;
float:left;
width:320px;

}
.ratesInfo .rInfo{
font-size:0.9em;
padding:4px;
margin-top:5px;
}



.ratesNumbers{
position:relative;
float:left;

padding-left:10px;
width:140px;
}


 .number1{
color:#FF9B4A;
font-size:26px;
margin-top:0px;
padding:0;

}

.percentRate1{
color:#000;
font-size:16px;
font-family:Verdana;}

.percent{
color:#959595;
font-size:16px;
font-family:Verdana;}



 .number2{
color:#959595;
font-size:26px;
margin-top:0px;
padding:0;
}





 .interest{
color:#333;
font-size:13px;
line-height:18px;}

.ratesApply{
position:relative;
float:left;
margin-top:70px;
width:100px;}



/* ~~~~~~~ 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:#e5efe8;
	font-family:Tahoma;
	border-top:1px solid #d1e3d9;
}




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;
}


