@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 0.8em;
}
/* MF: STYLES MERGED FROM OLD INTERFACE CSS */
p {
	margin: 0px 0px 12px 0px;
}

/* GDC ::: Add back in hide code for additional info form */
#additionInfo {
	display: none;
}


/* STYLE COLORS START*/
/* orange */
.col1_strong {
	color: #ff9900;
}
#welcomeBlock h2.col1_strong {
	/* re-apply for safari */
	font-size: 3.55em;
	margin-top: 5px;

}

#welcomeBlock h2.col2_strong {
	margin: 5px 0px 0px 0px;
}
#welcomeBlock h3.col2_strong {
	font-size: 2em;
	margin: 5px 0px 0px 0px;
}
.col1_weak {
	color: #ffcc00;
}
/* new style just for homepage */
h1.col1_weak_hp {
	font-size: 2em;
	color: #ffcc00;
	padding: 12px 0px 0px 0px;
}

h2.col1_strong_hp {
	color: #ff9900;
	margin: 0px;
	padding: 0px;
}
/* blue */
.col2_strong {
	color: #006699;
}
.col2_weak {
	color: #0099cc;
}
/* STYLE COLORS END */

#outerblock {
	width: 760px;
	position: relative;
	margin: 0px auto 0px auto;
}
#innerblock {
	border: solid #aaa 1px;
	position: relative;
	float: left;
	width: 100%;
	margin: 0px 0px 25px 0px;
}
/* HEADER */
#header {
	height: 163px;
	position: relative;
}
#sectionLinks {
	position: absolute;
	right: 8px;
	bottom: 7px;
}
#sectionLinks ul {
	list-style-type: none;
}
#sectionLinks ul li {
	float: left;
}
/* GOS - Not sure what the Black font is called on the Mac - 
"Helvetica Neue 95 Black" or "Helvetica Neue Condensed Black" I think... */
#sectionLinks ul li a {
	background-image: url(../images/interface_fuse/nav1_bg.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 0 10px 0 20px;
	text-decoration: none;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 1.6em;
}
#sectionLinks ul li a.nav1_item1_on, #sectionLinks ul li a.nav1_item2_on, #sectionLinks ul li a.nav1_item2_on, #sectionLinks ul li a.nav1_item3_on, #sectionLinks ul li a.nav1_item4_on {
	background-image: url(../images/interface_fuse/nav1_bg_2.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding: 0 10px 0 20px;
	text-decoration: none;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 1.6em;
}
#sectionLinks ul li a:hover{
	text-decoration: underline;
}
#homeLogo {
	position: absolute;
	left: 18px;
	bottom: 15px;
}
#secondaryLinks {
	position: absolute;
	top: 18px;
	right: 18px;
}
#secondaryLinks a {
	color: #006699;
	text-decoration: none;
	font-size: 1.2em;
}
#secondaryLinks a:hover {
	text-decoration: underline;
}
#searchBox {
        position: relative;
        right: 0px;
        display: none;
}
#loginBox {
	margin-bottom: 6px;
}
/* END OF HEADER */

/* MAIN BLOCK */
#contentBlock {
	position: relative;
	/* this padding attribute is troublesome, probably v browser dependent. originally at 18, but 20 in firefox: ignore this, reverted */
	/* padding: 18px; */
	/* border: solid 1px #0000FF; */
	float: left;
}
div.bannerImage_1 {
	background: url(../images/interface_fuse/sitebanner_1.jpg) no-repeat top;
	padding-top: 183px;
	/* force a width coz news is a bitch */
	width: 760px;
	margin: 0px 0px 0px 0px;
}
div.bannerImage_2 {
	background: url(../images/interface_fuse/sitebanner_2.jpg) no-repeat top;
	padding-top: 183px;
	/* force a width coz news is a bitch */
	width: 760px;
	margin: 0px 0px 0px 0px;
}
div.bannerImage_3 {
	background: url(../images/interface_fuse/sitebanner_3.jpg) no-repeat top;
	padding-top: 183px;
	/* force a width coz news is a bitch */
	width: 760px;
	margin: 0px 0px 0px 0px;
}
div.bannerImage_4 {
	background: url(../images/interface_fuse/sitebanner_4.jpg) no-repeat top;
	padding-top: 183px;
	/* force a width coz news is a bitch */
	width: 760px;
	margin: 0px 0px 0px 0px;
}
div.bannerImage_5 {
	background: url(../images/interface_fuse/sitebanner_5.jpg) no-repeat top;
	padding-top: 183px;
	/* force a width coz news is a bitch */
	width: 760px;
	margin: 0px 0px 0px 0px;
}
#bodywrap {
	margin: 0px 18px 0px 18px;
	/*	border: solid 1px #8c8c8c; */
}
div.greyline {
	width: 100%;
	position: relative;
	border-top: 1px solid #8c8c8c;
	margin: 0;
	padding: 0;
	/*	background-color: #6ff; */
}
/* GOS - Not sure what the Black font is called on the Mac - 
"Helvetica Neue 95 Black" or "Helvetica Neue Condensed Black" I think... */
h2 {
	font-size: 3.55em;
	font-weight: bolder;
	font-family: Arial Black, Helvetica Neue 95 Black, Helvetica Neue Condensed Black, Arial,  Helvetica, sans-serif;
	padding-top: 15px;
}
h1 {
	font-size: 1.45em;
	padding-bottom: 7px;
}
#welcomeBlock {
	color: #999999;
	width: 100%;
	border-bottom: solid 1px #8c8c8c;
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 6px 0px;
	float: left;
/*
	float: left causes some IE/Moz issues, overridden by float: left on the_content
	*/
}


#welcomeBlock p {
	font-weight: bold;
	font-size: 1.1em;
	clear: both;
	padding-right:40px;
	margin-bottom: 2px;
}

#welcomeBlock p a {
	text-decoration:none;
	color: #fc0;
}
#welcomeBlock p a:hover {
	text-decoration:underline;
	color: #fc0;
}
.compareLinks ul {
	list-style-type: none;
}
.compareLinks ul li {
	float: left;
}
.compareLinks ul li a {
	display: block;
	width: 133px;
	height: 133px;
	background-position: top left;
	background-repeat: no-repeat;
	padding: 10px 0 0 10px;
	margin: 0 5px 5px 0;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 0.9em;
}
#compare_m { background-image:url(../images/interface_fuse/compare_mort.gif); }
#compare_l { background-image:url(../images/interface_fuse/compare_life.gif); }
#compare_pl { background-image:url(../images/interface_fuse/compare_personal.gif); }
#compare_cc { background-image:url(../images/interface_fuse/compare_creditCards.gif); }
#compare_ip { background-image:url(../images/interface_fuse/compare_income.gif); }
#compare_p { background-image:url(../images/interface_fuse/compare_pens.gif); }
#compare_si { background-image:url(../images/interface_fuse/compare_savings.gif); }
#compare_ml { background-image:url(../images/interface_fuse/compare_car.gif); }

.compareLinks ul li a:hover {
	background-position: left -143px;
}
#col1, #col2, #wp_col1, #wp_col2 {
	float: left;
	margin-bottom: 40px;
}
#col1 {
	width: 595px;
	margin-right: 15px;
}
#col2 {
	width: 114px;
}
#wp_col1 {
	width: 390px;
	margin-right: 50px;
}
#wp_col2 {
	width: 275px;
}

#wideBlock {
	width: 100%;
	border-bottom: solid 1px #8c8c8c;
	padding-bottom: 20px;
}
#wideBlock p {
	margin-bottom: 12px;
}
.calcLinks {
	font-size: 1.2em;
	font-weight: normal;
}
.calcLinks ul {
	list-style-type: none;
}
.calcLinks ul li {
	float: left;
}
.calcLinks ul li a {
	display: block;
	width: 200px;
	height: 51px;
	background-color: #0099cc;
	background: top left no-repeat #0099cc;
	padding: 10px 0 0 80px;
	margin: 0 15px 5px 0;
	text-decoration: none;
	color: #FFFFFF;
	vertical-align: bottom;
}
.calcLinks ul li a:hover {
	background-color: #006699;
}
#calc_qMark { background-image:url(../images/interface_fuse/calculate_qMark.gif); }
#calc_euro { background-image:url(../images/interface_fuse/calculate_euro.gif); }
#calc_clock { background-image:url(../images/interface_fuse/calculate_clock.gif); }
#calc_arrows { background-image:url(../images/interface_fuse/calculate_arrows.gif); }
#calc_notes { background-image:url(../images/interface_fuse/calculate_notes.gif); }
#calc_excl { background-image:url(../images/interface_fuse/calculate_excalim.gif); }
#calc_home { background-image:url(../images/interface_fuse/calculate_home.gif); }
#calc_down { background-image:url(../images/interface_fuse/calculate_down.gif); }
#calc_umb { background-image:url(../images/interface_fuse/calculate_umb.gif); }
#calc_calc { background-image:url(../images/interface_fuse/calculate_calc.gif); }
.panelSet {
	position: relative;
	float: left;
	margin-bottom: 30px;
}
.panelItem {
	float: left;
	width: 293px;
}
.bulletType1, .bulletType2 {
	list-style: none;
}
.bulletType1 li, .bulletType2 li {
	padding: 0 0 7px 25px;
	background-position: left top;
	background-repeat: no-repeat;
}
.bulletType1 li{
	background-image: url(../images/interface_fuse/bullet_t1.gif);
}
.bulletType2 li{
	background-image: url(../images/interface_fuse/bullet_t2.gif);
}
.bulletType1 li a, .bulletType2 li a {
	text-decoration: none;
	color: #666666;
}
div.the_content ol li {
	margin: 0px 0px 6px 28px;
}
.orderedListType1 {

}

.bulletType1 li a:hover, .bulletType2 li a:hover {
	text-decoration: underline;
}
.compareLinks {
	float: left;
	font-size: 1.3em;
}
.adPanel {
	border-bottom: solid 3px #006699;
	margin: 10px 0px;
}
.adPanel p {
	margin: 0px;
}

.adPanel p a {
	color: #006699;
	text-decoration: none;
}
.adPanel p a:hover {
	text-decoration: underline;
}
.adPanel h4 {
	color: #FFFFFF;
	background-color: #006699;
	padding: 4px;
	font-size: 1em;
}
.TV_link {
	background:url(../images/interface_fuse/tv.gif) no-repeat center top;
	padding: 116px 6px 3px 6px;
	margin: 0px;
	display: block;
}
/* mf: add a new sidepanel style starting with 'a' */
.sidepanel_a {
	background:url('../images/interface_fuse/sidepanel_a.gif') no-repeat center top;
	padding: 116px 6px 3px 6px;
	margin: 0px;
	display: block;
}
/* GDC: Insert no_TV_link to support multi links with single image */
.no_TV_link {
	/*background:url(../images/interface_fuse/tv.gif) no-repeat center top;*/
	padding: 3px 6px 6px 6px;
	margin: 0px;
	display: block;
	border-top: dashed 1px #006699;
}
.adPanel ul {
	list-style: none;
}
.adPanel li {
	border-bottom: dashed 1px #006699;
}
.adPanel li.last {
	border-bottom: none;
}
.adPanel li a {
	color: #666666;
	font-size: 0.85em;
	text-decoration: none;
	display: block;
	padding: 6px 3px 6px 20px;
	background: url(../images/interface_fuse/bullet_t1_small.gif) left 12px no-repeat;
}
.adPanel li a:hover {
	text-decoration: underline;
}
#badges {
	clear: both;
}
#badges img {
	margin-right: 10px;
}

/* END OF MAIN CONTENT */

/* FOOTER */
#footer {
	clear: both; 
	font-size: 1.2em;
	border-top: solid 1px #8c8c8c;
	/* width: 100%; */
	padding: 8px 0px 8px 8px;
	margin: 30px 18px 10px 18px
}
#footer ul {
	list-style: none;
	margin-left: 200px;
}
#footer ul li {
	float:left;
	margin-right: 10px;
}
#footer ul li a {
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
#footer ul li a:hover {
	text-decoration: underline;
}
/* END OF FOOTER */

/* LOGIN FORM STYLES */
#loginBlock, #registerBlock {
	float: left;
	width: 285px;
}
#loginBlock H4, #registerBlock H4 {
	border-bottom: solid 1px #8c8c8c;
	padding-bottom: 5px;
	margin-bottom: 5px;
	font-size: 1.4em;
}
#loginBlock p, #registerBlock p {
	padding: 0 12px 16px 0;
}
.formCell {
	float: left;
	width: 100px;
	margin: 3px 0;
}
div.clearboth {
	clear: both;
}
.formCellspanall {
	float: left;
	width: 250px;
	margin: 3px;
}
.smallText {
	margin: 0px;
	padding: 0px;
}
/* BUTTON START */
a.buttonBig {
    background: transparent url('../images/interface_fuse/bg_button_a.gif') no-repeat scroll top right;
    color: #ffffff;
    display: block;
    float: left;
    height: 30px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}
a.buttonBig span {
    background: transparent url('../images/interface_fuse/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 8px 0 8px 18px;
	color: #fff;
} 
a.buttonBig:hover {
    background-position: bottom right;
}
a.buttonBig:hover span {
    background-position: bottom left;
} 
.formCellspanall .buttonBig {
	margin: 1px 1px 1px 92px;
}
input {
	margin: 1px;
}
select {
}
option {
}
div.formwrap {
	background-color: #ccc;
	/* margin: 1px 1px 4px 1px; */
	/* padding: 1px 1px 4px 1px; */
}

/* BUTTON END */
/* STYLES NOT CATERED FOR */
#newsBottomBanner {
	float:left;
}

#newsBottomBanner #newsNav {

}
#contentBlock, #sidePanel {
	/* float: left; */
	margin-top: 12px;
}
#footer div.footmsg {
	padding: 20px
}
#footer div.footmsg p {
	font-size: x-small;
	text-align: center;
	padding: 12px 0 0 0;
}
.h4_l {
	color:# 369;
}
/* wordPress.css styles */
.newsArticle {
	margin: 10px 0 20px 0;
	border-bottom: solid 1px #8c8c8c;
	clear: both;
}
.newsBody h3 a {
	color: #006699;
	text-decoration: none;
	font-size: 1.1em;
}
.newsBody h3 a:hover {
	text-decoration: underline;
}
.postmetadata a {
	color: #ff6600;
	text-decoration: none;
}
.postmetadata a:hover {
	text-decoration: underline;
}
.postmetadata {
	color: #3f3f3f;
	margin-bottom: 8px;
}
.newsArticle p {
	margin-bottom: 13px;
	text-align:justify;
}
.newsArticle p a {
	color: #ff9900;
}
.newsBody h3 {
	margin-bottom: 12px;
}
.the_content {
	/* border-bottom: solid 1px #8c8c8c; */
	/* clear: both; */
	float: left;
	width: 730px;
}
div.the_content p {
}
div.colmain {
	width: 630px;
	border: 1px solid red;
}
div.sidebar {

}
.commentlist li {
	font-weight: bold;
	border-bottom: solid 1px #8c8c8c;
	margin: 10px 0px 0px 18px;
	padding: 0px;
}
.commentlist li p{
	font-weight: normal;
	padding-top: 12px;
}
h4.comment_box_title {
	color:#336699;
	font-weight: bold;
	margin: 6px 0px 2px 2px;
}
div.navigation {
	margin: 2px 0px 4px 0px;
}
div.commentsbar {
	width: 100%;
}
div.commentsbar div.commentscontent {
	position: relative;
	width: 420px;
}
div.commentsbar div.sidebarrelated {
	width: 200px;
	/* float: left; *//* not happening */
	margin: 0px 0px 0px 8px;
	
}
/* linkTables.css styles */
.linkTable {
	width: 100%;
	border: 0;
}
.linkTable caption {
	display: none;
}
.linkTable th {
	background-image: url(../images/interface_fuse/i.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	height: 63px;
	text-align: left;
	vertical-align: bottom;
	padding: 0 0 6px 72px;
	font-size: 1.4em;
}
.linkTable td {
	padding: 3px;
}
.linkTable td, .linkTable th {
	width: 50%;
}
th.pi {
	background-image: url(../images/interface_fuse/i.gif);
}
th.qo {
	background-image: url(../images/interface_fuse/c.gif);
}
th.i2 {
	background-image: url(../images/interface_fuse/i2.gif);
}

.linkTable a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	padding: 38px 6px 8px 75px;
	color:#fff; /* not applying in safari, had to do an inner span element to fix */
	text-decoration: none;
	font-weight: bold;
}

.col1_strong td a {
	background-image: url(../images/interface_fuse/toolsTable_bg.gif);
}
.col2_strong td a {
	background-image: url(../images/interface_fuse/toolsTable2_bg.gif);
}
.linkTable a:hover {
	background-position: left bottom;
}
.shopForm {
	/* border-top: 1px solid #8c8c8c; */
	/* border-bottom: 1px solid #8c8c8c; */
margin: 10px 0;
position: relative;
width: 100%;
margin-bottom: 20px;
}
.table_entry {
	border:0;
	border-collapse: collapse;
	width: 550px;
	margin-bottom: 12px;
}

.table_entry td{
	padding: 6px;
}
.textInput {
	width: 85px;
 	border: 1px solid #d0d0d0;
	background-color: #f0f0f0;
}
.textAreaInput {
	width: 280px;
	height: 80px;
 	border: 1px solid #d0d0d0;
	background-color: #f0f0f0;
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
}
.textInput_mf {
 	border: 1px solid #d0d0d0;
	background-color: #f0f0f0;
}
.clear { /* generic container (i.e. div) for floating buttons */
overflow: hidden;
width: 100%;
}
td.labeler {
	/* border-top: solid 1px #DDDDDD;
	border-right: solid 1px #DDDDDD;
	border-bottom: solid 1px #DDDDDD;
	*/
	padding: 4px;
	text-align: right;
}
.labelerTop {
vertical-align:top;
}
.table_entry {
	border-bottom: solid 1px #DDDDDD;
}
.table_entry select {
	background-color: #f0f0f0;
	border: solid 1px #ddd;
	
}

table select {
	background-color: #f0f0f0;
	border: solid 1px #ddd;
	
}
td.formObj, .table_entry select {
	width: 150px;
}
.smallSelect {
width: 130px !important;
}
.labelerTop {
vertical-align:top;
}
.vertInputStack input{
margin-bottom: 4px;
}
td.rightAlign {
text-align: right;
}
.shop_resultsTable {
clear: both;
margin: 12px 0;
border: 1px solid #ddd;
border-bottom: 3px solid #c9c9c9;
border-collapse: collapse;
background: url(../images/interface/table_banner.gif) repeat-x;
background-position: center -84px;
width: 100%;
}
.bigHeader {
background-position: center -54px !important;
}
.shop_resultsTable caption {
display: none;
}
.shop_resultsTable td {
border-bottom: 1px solid #c9c9c9;
/* border-right: 1px solid #c9c9c9; */
padding: 6px;
}
.table_header th{
padding: 4px 4px 16px 6px;
text-align: left;
}
.toolTip {
	border-bottom: 1px dashed #fff;
	cursor: help;
}
.toolTipMono {
	border-bottom: 1px dashed #999999;
	cursor: help;
}
.bbutton_holder {
	position: absolute;
	bottom: 0;
	right: 0;
	margin: 0px 0px -35px 0px; /* added to avoid form element (visual) collision */
	padding: 0px 0px 12px 15px;
	background-color: #fff;
	color: #fff;
}
.bbutton_holder_p {
	position: relative;
	bottom: 0;
	right: 0;
	margin: 0px 0px 0px 0px; /* added to avoid form element (visual) collision */
	padding: 0px 0px 12px 170px;
	background-color: #fff;
	color: #fff;
}

.shop_resultsTable {
width: 100%;
border-bottom: solid 2px #ffcc80;
border-collapse: collapse;
}
.shop_resultsTable caption {
display: none;
}
.shop_resultsTable th {
background-color: #ff9900;
color:#ffffff;
text-align: left;
padding: 9px 6px;
}
.shop_resultsTable td{
padding: 6px;
}
/* MEMBERS AREA moved to members cs */
/* mf */
div.col_2 {
	width:350px;
	float:left;
}
div.col_1 {
	width:100%;
	float:left;
}
h4.orng {
	color: #f90;
	margin: 4px 0px;
}
div.sep {
	margin: 6px 0px 6px 0px;
	border-bottom: solid 1px #8c8c8c;
	clear: both;
}

.warning {
background-color: #FFFFCC;
border: 3px solid #FE8200;
padding: 8px;
}
.hideP2link {
display:none;
}
.hideP2 {
visibility: hidden;
}
.showP2Link {
display:block;
}
.showP2 {
visibility:visible;
}
.commentlist li {
border-bottom: 1px solid #CCCCCC;
margin-bottom: 12px;
padding-bottom: 12px;
list-style: none;
}
.commentlist li small {
background-color:#CCCCCC;
}
.comment_box p {
margin-bottom: 12px;
}
.comment_box_title, .relCalHeading {
border-bottom: solid 1px #333333;
padding: 4px 0;
}
.commentsPara {
margin-left: 12px;
}
.hotBorder {
	border: solid 4px #cccccc;
}
.hotBorder:hover {
	border: solid 4px #3f74c4;
}