﻿/********************************************
 *  HTML Elements                           *
 ********************************************/
body
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
	margin: 0;
	padding: 0;
	border: 0; /* This removes the border around the viewport in old versions of IE */
	width: 100%;
	background: #ffffff;
	min-width: 600px; /* Minimum width of layout - remove line if not required */ /* The min-width property does not work in old versions of Internet Explorer */
}
a
{
	color: #003399;
}
a:hover
{
	color: #0066CC;
	text-decoration: none;
}
h1, h2, h3
{
	margin: .8em 0 .2em 0;
	padding: 0;
}
p
{
	margin: .4em 0 .8em 0;
	padding: 0;
}
img
{
	border-width: 0px;
}

/********************************************
 *  Header Elements                         *
 ********************************************/
#header
{
	clear: none;
	float: left;
	width: 100%;
}
#headerlogoad
{
	height: 58px;
	margin-top: 5px;
}

#headerlogoad .mflogo
{
	float: left;
}

#headerlogoad .mftopadvert
{
	float: right;
}
#headercontrols
{
	width: 100%;
	height: 5px;
	text-align: right;
}

#headernavigation
{
	width: 100%;
	text-align: left;
}

#headercontrols2
{
	margin-top: 4px;
	float: left;
	clear: both;
	width: 100%;
	height: 26px;
}

#searchbutton
{
	/* centralise: margin-right: 38px; */
	float: right;
	position: relative;
}

#searchbutton .image
{
	border: 1px solid #aaa;
	margin-left: -5px;
	margin-right: -5px;
}

#searchbutton .imageon
{
	border: 1px solid #2CA3F9;
	margin-left: -5px;
	margin-right: -5px;
}


/* Hack - Fixes Positioning in IE */
* + html #searchbutton .image
{
	margin-bottom: 1px;
}

/* Hack - Fixes Positioning in IE */
* + html #searchbutton .imageon
{
	margin-bottom: 1px;
}

/* IE 6 Hack \*/
/*\*/* html #searchbutton .image
{
	margin-bottom: /**/ 1px;
}
/**/

.searchbox
{
	border-left: 1px solid #aaa;
	border-right: 0px;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	width: 200px;
	height: 18px;
	padding-top: 2px;
	padding-left: 3px;
}
#searchbutton span
{
	padding: 2px;
}

.active .searchbox
{
	border-left: 1px solid #2CA3F9;
	border-right: 0px;
	border-top: 1px solid #2CA3F9;
	border-bottom: 1px solid #2CA3F9;
}

#searchparent.active
{
	border: 2px solid #C1E4FE;
	padding: 0;
}

.active #GoogleSearch
{
	border: 1px solid #2CA3F9;
}

/********************************************
 *  Breadcrumb                              *
 ********************************************/

.breadcrumb
{
	float: left;
	clear: both;
	font-size: 80%;
	color: #003399;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	list-style-type: none;
}

.breadcrumb ul
{
	margin: 0px 0px 0px 7px;
	padding: 0px;
	list-style-type: none;
}

.breadcrumb ul li
{
	display: inline;
	list-style-type: none;
	background: transparent;
}

.breadcrumb li a:link
{
	color: #666;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: transparent;
	text-decoration: none;
}

.breadcrumb li a:visited
{
	color: #666;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: transparent;
	text-decoration: none;
}

.breadcrumb li a:hover
{
	color: #0066CC;
	margin: 0px;
	list-style-type: none;
	background: transparent;
	text-decoration: none;
}
.breadcrumb li a:active
{
	color: #666;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: transparent;
	text-decoration: none;
}


/********************************************
*  Page Layout Elements                     *
********************************************/

/* left navigation */
.leftnav ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

.leftnav ul li
{
	list-style-type: none;
}

/* left wrapper */
#leftnavcontainer
{
	margin-right: -22px;
	width: 100%;
}

#leftnavcontainer h1
{
	font-family: Trebuchet MS, Verdana, Sans-Serif;
	font-size: 150%;
	font-weight: bold;
	color: #407EFF;
	margin-top: 0px;
	margin-bottom: 3px;
}

/* main site wrapper */
#wrapper
{
	margin: 0px auto;
	text-align: left; /* bbc = 994px*/
	width: 980px;
}

/* popup wrapper */
#popupwrapper
{
	margin: 7px 0px 7px 7px;
	text-align: left; /* bbc = 994px*/
	width: 630px;
}

/* column container */
.colmask
{
	position: relative; /* This fixes the IE7 overflow hidden bug */
	clear: both;
	float: left;
	width: 100%; /* width of whole page */
	overflow: hidden; /* This chops off any overhanging divs */
}
/* common column settings */
.colright, .colmid, .colleft
{
	float: left;
	width: 100%;
	position: relative;
}
.col1, .col2, .col3
{
	float: left;
	position: relative;
	padding: 0px;
	overflow: hidden;
}
/* 2 Column (right menu) settings */
.rightmenu .colleft
{
	/*background-color:Blue;*/
	right: 41%; /* right column width */
}
.rightmenu .col1
{
	/*background-color:Aqua;*/
	width: 69%; /* left column content width (left column width minus left and right padding) */
	left: 41%; /* (right column width) plus (left column left padding) */
}
.rightmenu .col2
{
	/*background-color:Fuchsia;*/
	width: 31%; /* right column content width (right column width minus left and right padding) */
	left: 41%; /* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/********************************************
 *  Main Menu Tabs                          *
 ********************************************/
#navigation
{
	display: block;
	font-family: arial,verdana;
	padding: 0px;
	margin: 0px;
	font-size: 110%;
	font-weight: bold;
	float: left;
}

#navigation a
{
	color: #FFFFFF;
	background: #4F95FF url(images/mainmenu/tab_left.gif) left top no-repeat;
	text-decoration: none;
	height: 28px;
	width: 99px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color: #FFFFFF;
}

#navigation a span
{
	padding-top: 6px;
	background: url(images/mainmenu/tab_right.gif) right top no-repeat;
	text-align: center;
}

#navigation a, #navigation a span
{
	display: block;
	float: left;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span
{
	float: none;
}
/* End hide */

#navigation a:hover
{
	color: #000000;
	background: #E2E2E2 url(images/mainmenu/tab_left_over.gif) left top no-repeat;
}

#navigation a:hover span
{
	background: url(images/mainmenu/tab_right_over.gif) right top no-repeat;
}

#navigation a.selected
{
	color: #000000;
	background: #E2E2E2 url(images/mainmenu/tab_left_over.gif) left top no-repeat;
}

#navigation span.selected
{
	background: url(images/mainmenu/tab_right_over.gif) right top no-repeat;
}

#navigation ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#navigation li
{
	list-style: none;
	float: left;
	margin: 0;
}

/********************************************
 *  Sub Navigation                          *
 ********************************************/

#headersubnav
{
	font-weight: bold;
	font-family: Arial, Verdana,Sans-Serif;
	font-size: 90%;
	color: #6C6C6C;
	float: left;
	width: 100%;
	height: 26px;
	background-color: #E2E2E2;
	padding-top: 4px;
}

#rssicon
{
	float: left;
	clear: right;
	padding-left: 7px;
	padding-right: 65px;
	padding-top: 2px;
}

#subnavigation
{
	float: left;
	clear: right;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
}

#subnavigation a
{
	color: #6C6C6C;
	text-decoration: none;
}

#subnavigation a:hover
{
	color: #000000;
	text-decoration: underline;
}

#subnavigation a.selected
{
	color: #000000;
	text-decoration: underline;
}

#subnavigation ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#subnavigation li
{
	list-style: none;
	float: left;
	margin: 0;
}

/********************************************
 *  Advert Area                             *
 ********************************************/
.rightmenu
{
	margin: 0px 0px 5px 0px;
}
.col2 h1
{
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 80%;
	font-weight: bold;
	color: #003399;
	padding: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.advert
{
	margin-bottom: 5px;
}

/********************************************
 *  Main Content Area                       *
 ********************************************/

.pagetitletext
{
	float: left;
	width: 98%;
	text-align: left;
}
.pagetitletext h1
{
	font-family: Trebuchet MS, Verdana,Sans-Serif;
	font-size: 210%;
	font-weight: bold;
	color: #003399;
	margin-top: 0px;
	margin-left: 10px;
}
.pagetitletext h2
{
	font-family: Trebuchet MS, Verdana, Sans-Serif;
	font-size: 130%;
	font-weight: bold;
	color: #407EFF;
	margin-top: 7px;
	margin-left: 10px;
	line-height: 19px;
}

/* keep for cached versions */
#pagetitletext
{
	float: left;
	width: 98%;
	text-align: left;
}
#pagetitletext h1
{
	font-family: Trebuchet MS, Verdana,Sans-Serif;
	font-size: 210%;
	font-weight: bold;
	color: #003399;
	margin-top: 0px;
	margin-left: 10px;
}
#pagetitletext h2
{
	font-family: Trebuchet MS, Verdana, Sans-Serif;
	font-size: 130%;
	font-weight: bold;
	color: #407EFF;
	margin-top: 7px;
	margin-left: 10px;
	line-height: 19px;
}

#col1left
{
	float: left;
	width: 26%;
	margin-right: 15px;
}
#col1right
{
	float: left;
	margin-top: 10px;
	margin-right: 0px;
	width: 70%;
}

.leftnav
{
	margin-left: 0px;
	margin-top: 10px;
	width: 176px;
}
.leftnav .content
{
	font-family: Arial,Verdana,Sans-Serif;
	font-weight: bold;
	font-size: 90%;
	margin-left: 18px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 18px;
}
.leftnav .content a:link
{
	color: #003399;
	text-decoration: none;
}
.leftnav .content a:active
{
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
.leftnav .content a:visited
{
	font-weight: bold;
	color: #003399;
	text-decoration: none;
}
.leftnav .content a:hover
{
	font-weight: bold;
	color: #4F95FF;
	text-decoration: underline;
}

#col1buttonsleft
{
	float: left;
	margin-right: 10px;
}
#col1buttonsright
{
	float: left;
}

#mainbuttons
{
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
	width: 200px;
}

#mfmodule
{
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 10px;
	width: 664px;
}

#mfmodule h1
{
	font-family: Trebuchet MS, Verdana,Sans-Serif;
	font-size: 180%;
	font-weight: bold;
	color: #003399;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#mfmodule h2
{
	font-family: Trebuchet MS, Verdana,Sans-Serif;
	font-size: 160%;
	font-weight: bold;
	color: #003399;
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}
#mfmodule #textmodule
{
	padding-left: 10px;
	padding-right: 7px;
	font-size: 90%;
	font-family: Arial, Verdana, Sans-Serif;
}
#mfmodule .error
{
	text-align: center;
	margin: 5px 15px 5px 15px;
	font-size: 90%;
}
#mfmodule #textmodule h1
{
	font-family: Trebuchet MS, Verdana,Sans-Serif;
	font-size: 210%;
	font-weight: bold;
	color: #003399;
	margin-top: 0px;
	margin-left: 0px;
}

#mfmodule #contactus
{
	padding-left: 10px;
	padding-right: 7px;
	font-family: Arial, Verdana, Sans-Serif;
}

#mfmodule #contactus h3
{
	font-family: Trebuchet MS, Verdana, Sans-Serif;
	font-size: 120%;
	font-weight: bold;
	color: #407EFF;
	margin-top: 7px;
	margin-left: 0px;
	margin-bottom: 0px;
}

#mfmodule #contactus ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

#mfmodule #contactus li
{
	list-style: none;
	margin: 0;
	margin-bottom: 5px;
}

#mfmodule #contactus .validation
{
	font-weight: bold;
}


#mfmodule #contactus label
{
	width: 230px;
	float: left;
	text-align: right;
	clear: right;
	margin-right: 10px;
	margin-top: 3px;
}

#mfmodule #glossary
{
	padding-left: 10px;
	padding-right: 7px;
	font-family: Arial, Verdana, Sans-Serif;
}

#mfmodule #glossary .AlphaListChar
{
	font-family: Trebuchet MS, Verdana,Sans-Serif;
	font-size: 120%;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 10px;
}

#mfmodule #glossary .AlphaHeads
{
	font-family: Trebuchet MS, Verdana, Sans-Serif;
	font-size: 140%;
	font-weight: bold;
	color: #407EFF;
	margin-top: 7px;
	margin-left: 0px;
}

#mfmodule #textmodule h2
{
	font-family: Trebuchet MS, Verdana, Sans-Serif;
	font-size: 140%;
	font-weight: bold;
	color: #003399;
	margin-top: 7px;
	margin-left: 0px;
}

.sitemap
{
	float:left;
	margin-left: 0px;
	width: 664px;
}
.sitemap .content
{
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 90%;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	height:1100px;
	line-height: 18px;width: 664px;
	clear:none;
}
.sitemap h2
{
	font-family: Trebuchet MS, Verdana, Sans-Serif;
	font-size: 130%;
	font-weight: bold;
	color: #003399;
	margin-top: 7px;
	margin-left: 0px;
}

.atgmodule
{
	margin-left: 0px;
	width: 470px;
}
.atgmodule .content
{
	font-family: Arial,Verdana,Sans-Serif;
	font-size: 90%;
	margin-left: 18px;
	margin-right: 18px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 18px;
}
.atgmodule .artbody
{
	margin-bottom: 18px;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #407EFF;
}
.atgmodule h1
{
	font-family: Trebuchet MS, Verdana,Sans-Serif;
	font-size: 160%;
	font-weight: bold;
	color: #003399;
	margin-top: 2px;
	margin-bottom: 2px;
}
.atgmodule .heading
{
	font-family: Trebuchet MS, Verdana,Sans-Serif;
	font-size: 100%;
	font-weight: bold;
	color: #407EFF;
	margin-top: 0px;
	margin-bottom: 0px;
}

.bestbuy
{
	margin-left: 0px;
	margin-top: 10px;
	width: 580px;
	margin-right: 10px;
}

.factbox
{
	margin-left: 0px;
	margin-top: 10px;
	width: 325px;
	font-size: 80%;
	float: right;
	margin-right: 12px;
}

.factbox .content
{
	line-height: 15px;
	margin-left: 18px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.sponsoredlinks
{
	margin-right: 14px;
	margin-top: 10px;
	width: 325px;
	font-size: 80%;
	float: left;
}

.searchsponsoredlinks
{
	margin-right: 14px;
	margin-top: 10px;
	width: 650px;
	font-size: 80%;
	float: left;
}

.searchsponsoredlinks .leftcol
{
	float: left;
}

.searchsponsoredlinks .rightcol
{
	float: right;
}

#searchsponsoredlinkswrapper
{
	margin-left: 18px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 175px;
	width /**/: 100%;
}

#searchsponsoredlinkswrapper .leftcol
{
	width: 300px;
	margin-right: 15px;
	float: left;
}

#searchsponsoredlinkswrapper .rightcol
{
	width: 300px;
	float: left;
}


.sponsoredlinks .content
{
	margin-left: 18px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}


/********************************************
 *  Main Menu Buttons                       *
 ********************************************/

a.button
{
	font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana;
	background: url(images/menubuttons/mainbutton_large.gif) no-repeat 0px 0px;
	display: block;
	color: #003399;
	font-weight: bold;
	height: 70px;
	line-height: 29px;
	margin-bottom: 10px;
	text-decoration: none;
	width: 225px;
}
a:hover.button
{
	background: url(images/menubuttons/mainbutton_large.gif) no-repeat -225px 0px;
	color: #003399;
	cursor: hand;
}
a:hover span.subtext
{
	color: #0066CC;
	z-index: 1;
}

.button span.subtext
{
	font-family: Arial, Verdana;
	margin-top: -5px;
	margin-right: 7px;
	line-height: 12px;
	font-weight: normal;
	font-size: 80%;
	float: left;
	margin-left: 85px;
}
/* Hack - Fixes SubText Positioning in IE */
* + html .button span.subtext
{
	margin-top: -15px;
}
/* Hack - Fixes SubText Positioning in IE 6.0 */
* html .button span.subtext
{
	margin-top: -15px;
}
/* Hack - Fixes SubText Positioning in Safari */
.button span.subtext:not(:root:root) 
{
	margin-top: -15px;
}
.savings
{
	background: url(images/menubuttons/savings.gif) no-repeat 9px 9px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.insurance
{
	background: url(images/menubuttons/insurance.gif) no-repeat 11px 9px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.creditcards
{
	background: url(images/menubuttons/creditcards.gif) no-repeat 7px 8px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.mortgages
{
	background: url(images/menubuttons/mortgages.gif) no-repeat 7px 9px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.utilities
{
	background: url(images/menubuttons/utilities.gif) no-repeat 9px 9px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.loans
{
	background: url(images/menubuttons/loans.gif) no-repeat 9px 11px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.business
{
	background: url(images/menubuttons/business.gif) no-repeat 9px 10px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.consistentsavings
{
	background: url(images/menubuttons/consistentsavings.gif) no-repeat 13px 9px;
	text-indent: 85px;
	word-spacing:0px;
	font-size:97%;
	display: block;
	height: 70px;
}
.securedloans
{
	background: url(images/menubuttons/securedloans.gif) no-repeat 10px 9px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.currentaccounts
{
	background: url(images/menubuttons/currentaccounts.gif) no-repeat 8px 10px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.offshoresavings
{
	background: url(images/menubuttons/offshoresavings.gif) no-repeat 9px 9px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.studentloans
{
	background: url(images/menubuttons/studentloans.gif) no-repeat 25px 19px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.lifeinsurance
{
	background: url(images/menubuttons/insurance.gif) no-repeat 11px 9px;
	text-indent: 85px;
	display: block;
	height: 70px;
}

/********************************************
 *  Full width Menu Buttons                 *
 ********************************************/

a.fullbutton
{
	font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana;
	background: url(images/menubuttons/mainbutton_huge.gif) no-repeat 0px 0px;
	display: block;
	color: #003399;
	font-weight: bold;
	height: 70px;
	font-size: 110%;
	line-height: 29px;
	margin-bottom: 10px;
	text-decoration: none;
	width: 459px;
}
a:hover.fullbutton
{
	background: url(images/menubuttons/mainbutton_huge.gif) no-repeat -459px 0px;
	color: #003399;
	cursor: hand;
}
a:hover span.subtextfull
{
	color: #0066CC;
	z-index: 1;
}

.fullbutton span.subtextfull
{
	font-family: Verdana,Arial;
	margin-top: -5px;
	margin-right: 7px;
	line-height: 12px;
	font-weight: normal;
	font-size: 80%;
	float: left;
	margin-left: 125px;
}
/* Hack - Fixes SubText Positioning in IE */
* + html .fullbutton span.subtextfull
{
	margin-top: -15px;
}
/* Hack - Fixes SubText Positioning in IE 6.0 */
* html .fullbutton span.subtextfull
{
	margin-top: -15px;
}
/* Hack - Fixes SubText Positioning in Safari */
.fullbutton span.subtextfull:not(:root:root) 
{
	margin-top: -15px;
}

.travelsurvey
{
	background: url(images/menubuttons/travel_money.gif) no-repeat 5px 5px;
	text-indent: 125px;
	display: block;
	height: 70px;
}
.cashisas
{
	background: url(images/menubuttons/cash_isas.gif) no-repeat 43px 5px;
	text-indent: 125px;
	display: block;
	height: 70px;
}
.mortgagecalculator
{
	background: url(images/menubuttons/mortgage_calculator.gif) no-repeat 15px 5px;
	text-indent: 125px;
	display: block;
	height: 70px;
}
.budgetcalculator
{
	background: url(images/menubuttons/budget_calculator.gif) no-repeat 15px 5px;
	text-indent: 125px;
	display: block;
	height: 70px;
}
.loancalculator
{
	background: url(images/menubuttons/loan_calculator.gif) no-repeat 15px 5px;
	text-indent: 125px;
	display: block;
	height: 70px;
}


/********************************************
 *  Insurance Menu Buttons                  *
 ********************************************/

.carinsurance
{
	background: url(images/insurancebuttons/car_insurance.gif) no-repeat 8px 20px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.healthinsurance
{
	background: url(images/insurancebuttons/health_insurance.gif) no-repeat 19px 11px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.homeinsurance
{
	background: url(images/insurancebuttons/home_insurance.gif) no-repeat 14px 10px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.incomeprotection
{
	background: url(images/insurancebuttons/income_protection.gif) no-repeat 23px 11px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.travelinsurance
{
	background: url(images/insurancebuttons/travel_insurance.gif) no-repeat 8px 19px;
	text-indent: 85px;
	display: block;
	height: 70px;
}
.lifeinsurance
{
	background: url(images/insurancebuttons/life_insurance.gif) no-repeat 17px 10px;
	text-indent: 85px;
	display: block;
	height: 70px;
}

/********************************************
 *  Utilities Menu Buttons                  *
 ********************************************/

.gaselectricity
{
	background: url(images/utilitiesbuttons/gas_electric.gif) no-repeat 27px 9px;
	text-indent: 85px;
	display: block;
	height: 61px;
}
.broadband
{
	background: url(images/utilitiesbuttons/broadband.gif) no-repeat 27px 9px;
	text-indent: 85px;
	display: block;
	height: 61px;
}
.mobilephones
{
	background: url(images/utilitiesbuttons/mobile.gif) no-repeat 34px 10px;
	text-indent: 85px;
	display: block;
	height: 61px;
}
.homephone
{
	background: url(images/utilitiesbuttons/homephone.gif) no-repeat 9px 10px;
	text-indent: 85px;
	display: block;
	height: 61px;
}

/********************************************
 *  Business  Menu Buttons                  *
 ********************************************/
 
 a.buttonlg
{
	font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana;
	background: url(images/menubuttons/mainbutton_large.gif) no-repeat 0px 0px;
	display: block;
	color: #003399;
	font-weight: bold;
	height: 70px;
	line-height: 29px;
	margin-bottom: 10px;
	text-decoration: none;
	width: 225px;
}
a:hover.buttonlg
{
	background: url(images/menubuttons/mainbutton_large.gif) no-repeat -225px 0px;
	color: #003399;
	cursor: hand;
}
.buttonlg span.subtext
{
	font-family: Arial, Verdana;
	margin-top: -5px;
	margin-right: 7px;
	line-height: 12px;
	font-weight: normal;
	font-size: 80%;
	float: left;
	margin-left: 65px;
}
/* Hack - Fixes SubText Positioning in IE */
* + html .buttonlg span.subtext
{
	margin-top: -15px;
}
/* Hack - Fixes SubText Positioning in IE 6.0 */
* html .buttonlg span.subtext
{
	margin-top: -15px;
}
/* Hack - Fixes SubText Positioning in Safari */
.buttonlg span.subtext:not(:root:root) 
{
	margin-top: -15px;
}
 
.businessaccounts
{
	background: url(images/business/business_accounts.gif) no-repeat 9px 9px;
	text-indent:65px;
	display: block;
	height: 70px;
}
 .commercialmortgages
{
	background: url(images/business/commercial_mortgages.gif) no-repeat 8px 11px;
	text-indent:65px;
	display: block;
	height: 70px;
	font-size: 97%;
}
.investmentaccounts
{
	background: url(images/business/investment_accounts.gif) no-repeat 17px 11px;
	text-indent:65px;
	display: block;
	height: 70px;
}
.businessgas
{
	background: url(images/business/business_gas.gif) no-repeat 15px 10px;
	text-indent:65px;
	display: block;
	height: 70px;
}
.businesselectricity
{
	background: url(images/business/business_electricity.gif) no-repeat 17px 10px;
	text-indent:65px;
	display: block;
	height: 70px;
}
.businesstelecoms
{
	background: url(images/business/business_telecoms.gif) no-repeat 7px 12px;
	text-indent:65px;
	display: block;
	height: 70px;
}

/********************************************
 *  Investment Menu Buttons                  *
 ********************************************/
 
 .investmentbonds
{
	background: url(images/investment/investment_bonds.gif) no-repeat 7px 8px;
	text-indent:85px;
	display: block;
	height: 70px;
}

 .investmentisas
{
	background: url(images/investment/investment_isas.gif) no-repeat 21px 5px;
	text-indent:85px;
	display: block;
	height: 70px;
}

 .investmentoeic
{
	background: url(images/investment/investment_OEIC.gif) no-repeat 15px 10px;
	text-indent:85px;
	display: block;
	height: 70px;
}
 .investmenttrusts
{
	background: url(images/investment/investment_trusts.gif) no-repeat 18px 9px;
	text-indent:85px;
	display: block;
	height: 70px;
}
 .investmentpensions
{
	background: url(images/investment/investment_pensions.gif) no-repeat 15px 12px;
	text-indent:85px;
	display: block;
	height: 70px;
}
 .investmentannuities
{
	background: url(images/investment/investment_annuities.gif) no-repeat 12px 7px;
	text-indent:85px;
	display: block;
	height: 70px;
}



/********************************************
 * Latest News & Discussions Boxes          *
 ********************************************/

.objectbdr
{
	font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana;
	background: url(images/menubuttons/nd_box_large.gif) no-repeat 0px 0px;
	display: block;
	color: #003399;
	font-weight: bold;
	height: 92px;
	line-height: 29px;
	margin-bottom: 10px;
	text-decoration: none;
	width: 225px;
}

.objectbdr span.subtext
{
	font-family: Arial, Verdana;
	margin-top: -5px;
	margin-right: 0px;
	line-height: 12px;
	font-weight: normal;
	font-size: 80%;
	float: left;
	margin-left: 15px;
}

.objectbdr p.bullet
{
	padding: 4px 0px 4px 0px;
	background: url(images/arrow_bullet.gif) no-repeat 0px 3px;
}
.objectbdr p
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-indent: 15px;
	display: block;
}

/********************************************
 * Full Width Button			            *
 ********************************************/

#buttonfullwidth
{
	float: left;
}

.fullwidthbutton
{
	font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana;
	font-size: 90%;
	background: url(images/menubuttons/full_width_button.gif) no-repeat 0px 0px;
	display: block;
	color: #003399;
	font-weight: bold;
	height: 70px;
	line-height: 29px;
	margin-bottom: 10px;
	text-decoration: none;
	width: 460px;
}

.fullwidthbutton span.subtext
{
	font-family: 'Lucida Grande' , 'Lucida Sans Unicode' , Arial, Verdana;
	margin-right: 10px;
	margin-bottom: -10px;
	line-height: 14px;
	font-weight: normal;
	font-size: 100%;
	float: left;
	margin-left: 15px;
}
/* Hack - Fixes SubText Positioning in IE */
* + html .fullwidthbutton span.subtext
{
	margin-top: -15px;
}
/* Hack - Fixes SubText Positioning in IE 6.0 */
* html .fullwidthbutton span.subtext
{
	margin-top: -15px;
}
.fullwidthbutton p
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-indent: 15px;
	display: block;
}
.btngo
{
	margin-left: 5px;
	float: right;
	clear: left;
}

/********************************************
 *  Rounded Corner Box                      *
 ********************************************/

b.bt, b.bt b, b.bb, b.bb b
{
	display: block;
	height: 10px;
	font-size: 1px;
	background: url(images/roundedbox/blue_rounded.gif) no-repeat;
	position: relative;
}
b.bt
{
	top: -2px;
	left: -2px;
}
b.bt b
{
	background-position: 100% -10px;
	left: 4px;
}
b.bb
{
	background-position: 0 -20px;
	top: 2px;
	left: -2px;
}
b.bb b
{
	background-position: 100% -30px;
	left: 4px;
}

.blue_border
{
	border: #94BFFF 2px solid;
}

/********************************************
 *  Footer Area				                *
 ********************************************/

/* Footer styles */
#footer
{
	clear: both;
	float: left;
	width: 100%;
}
#footerlinks
{
	font-size: 80%;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 0px;
	height: 190px;
	text-align: left;
	line-height: 11px;
}
#footerlinks a
{
	text-decoration: none;
}
#footerlinks a:hover
{
	text-decoration: underline;
}
#footerlinks h1
{
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 13px;
	font-size: 110%;
	font-weight: bold;
}
#footerlinks h2
{
	margin-top: 15px;
	margin-bottom: 0px;
	padding: 0px;
	line-height: 11px;
	font-size: 110%;
	font-weight: bold;
}

.footerlinkscol1
{
	margin-left: 7px;
	margin-right: 7px;
	clear: right;
	float: left;
	width: 18%;
}
.footerlinkscol2
{
	margin-left: 7px;
	margin-right: 7px;
	clear: right;
	float: left;
	width: 18%;
}
.footerlinkscol3
{
	margin-left: 7px;
	margin-right: 7px;
	clear: right;
	float: left;
	width: 18%;
}
.footerlinkscol4
{
	margin-left: 7px;
	margin-right: 7px;
	clear: right;
	float: left;
	width: 18%;
}
.footerlinkscol5
{
	margin-left: 7px;
	clear: right;
	float: left;
	width: 18%;
}
#footeradvert
{
	margin-top: 20px;
	margin-bottom: 15px;
	text-align: center;
	width: 100%;
}
#footernavigation
{
	font-family: Arial,Verdana,Sans-Serif;
	background-color: #4F95FF;
	text-align: center;
	width: 100%;
	height: 22px;
	padding-top: 3px;
	margin-top: 0px;
	margin-bottom: 5px;
	color: #FFFFFF;
	font-weight: bold;
}
#footernavigation a
{
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: none;
}
#footernavigation a:hover
{
	font-size: 90%;
	color: #FFFFFF;
	text-decoration: underline;
}

#footer
{
	margin-top: 7px;
	width: 100%;
}
#footer .devinfo
{
	color: #FFFFFF;
}
#footer .footerimage
{
	float: left;
	margin-right: 0px;
	width: 23%;
}
#footer .copyright
{
	font-size: 70%;
	float: left;
	width: 76%;
}

.iframeLogoDiv
{
	margin-right: 20px;
}

#iframepopupwrapper
{
	margin: 10px;
}

#iframepopupwrapper .pagetitletext
{
	width: 770px;
	text-align: left;
	margin-left: -10px;
}
#iframepopupwrapper .pagetitletext h1
{
	font-family: Trebuchet MS, Verdana,Sans-Serif;
	font-size: 210%;
	font-weight: bold;
	color: #003399;
	margin-top: 0px;
}
#iframepopupwrapper .pagetitletext h2
{
	font-family: Trebuchet MS, Verdana, Sans-Serif;
	font-size: 125%;
	font-weight: bold;
	color: #407EFF;
	margin-top: 7px;
	margin-bottom: 10px;
	line-height: 19px;
}

#popupfooter .footerimage
{
	float: left;
	margin-right: 0px;
	width: 35%;
}
#popupfooter .copyright
{
	font-size: 70%;
	float: left;
	width: 58%;
}

/********************************************
 *  Search                                  *
 ********************************************/

#customsearch
{
	margin-top: 7px;
	margin-right: 7px;
	float: right;
	clear: left;
}

#customsearch .searchtextboxdiv
{
	float: left;
	margin: 0;
	height: 22px;
	width: 152px;
	background: url(images/searchtextbox.gif) no-repeat bottom;
}

#customsearch .searchtextbox
{
	background: none;
	border: none;
	width: 134px;
	height: 15px;
	margin: 0;
	padding: 2px 7px 0px 7px;
	color: #4F95FF;
	font-size: 90%;
}

/********************************************
 *  Newsletter Signup                       *
 ********************************************/

#newslettercontainer
{
	margin-left: -10px;
	width: 100%;
}

#newslettercontainer h1
{
	margin-top: 0px;
	padding-top: 0px;
	margin-left: -2px;
	font-size: 120%;
	color: #003399;
}

#newslettercontainer h2
{
	text-align: center;
	font-size: 100%;
	color: #003399;
}

.newsletterbuttoncontainer
{
	text-align: right;
	padding-top: 10px;
	width: 100%;
}

.newsletterbutton
{
	color: #003399;
	font-family: Trebuchet MS, Verdana;
	font-size: 95%;
	background-color: #CCCCCC;
	border: solid 1px black;
}

.signuptextbox
{
	margin-top: 4px;
	padding-top: 3px;
	border: solid 1px gray;
	font-size: 90%;
	color: #4F95FF;
	height: 16px;
	width: 98%;
}

.center
{
	text-align: center;
}

.signupbutton
{
	padding: 0px;
	text-align: right;
	margin: 8px 0px 0px 37px;
}

/********************************************
 *	Newsletter Form							*
 *******************************************/

.newsletter
{
	color: #003399;
	width: 100%;
	float: left;
	clear: none;
}

.newsletter h2
{
	text-align: left;
	font-size: 120%;
}

.newsletter .controls
{
}

.newsletter .controls ul
{
	list-style: none;
}

.newsletter .controls li
{
	list-style: none;
}

.newsletter .controls li label
{
	width: 100px;
	float: left;
}

.newsletter .controls li input
{
	width: 200px;
}

.newsletter .text
{
	font-size: 75%;
	padding: 5px 30px 5px 30px;
}

.newsletter .disclaimer
{
	font-size: 90%;
}

.newsletter .button
{
	text-align: right;
	padding-right: 60px;
}

.newsletter .options
{
	width: 90%;
	clear: none;
	padding: 0px 20px 0px 20px;
	clear: none;
}

.newsletter .options ul
{
	float: left;
	clear: right;
	width: 25%;
	white-space: nowrap;
}

.bestbuynewsletter
{
	text-align: right;
	font-size: 75%;
	margin-top: 3px;
	margin-bottom: 3px;
	padding-right: 10px;
}
/********************************************
 *  Chart Tabs								*
 ********************************************/

#tabs
{
	height: 36px;
	font-size: 80%;
	line-height: normal;
	float: left;
	clear: none;
	margin-bottom: 5px;
	text-align: center;
}
/* IE 5.5 Hack \*/
* html #tabs
{
	margin-bottom: 0px;
}
#tabs ul
{
	margin: 0;
	padding: 5px 5px 0 5px;
	list-style: none;
}

#tabs li
{
	display: inline;
	margin: 0;
	padding: 0;
}

#tabs a
{
	cursor: hand;
	float: left;
	background: url(images/charts/chart_tableft.gif) no-repeat left top;
	margin: 0 2px 0 0;
	padding: 0 0 0 4px;
	font-weight: bold;
	text-decoration: none;
	height: 36px;
}

#tabs a span
{
	float: left;
	display: block;
	background: url(images/charts/chart_tabright.gif) no-repeat right top;
	padding: 6px 9px 6px 4px;
	color: #003399;
	height: 24px;
	width: 90px;
}

/* IE 5.5 Hack \*/
* html #tabs a span
{
	width: 102px;
	height: 36px;
	display: inline;
}

/* IE 6 Hack */

/*\*/ * html #tabs a span
{
	width: /**/90px;
	height: /**/24px;
	display: /**/block;
} /**/ 

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span
{
	float: none;
}
/* End IE5-Mac hack */
#tabs a:hover span
{
	color: #FFFFFF;
}

#tabs a:hover
{
	background-position: 0% -42px;
}

#tabs a:hover span
{
	background-position: 100% -42px;
}

#tabs ul li.current a
{
	background-position: 0% -42px;
}

#tabs ul li.current a span
{
	background-position: 100% -42px;
	color: #FFFFFF;
}

#tabs a span div
{
	height: 36px;
	float: left;
	margin-right: 3px;
}

/********************************************
 *  Chart - BestBuys						*
 ********************************************/

.help
{
	background: url(images/charts/icon_bg.gif) no-repeat;
	width: 16px;
	height: 16px;
	font-size: 90%;
	color: #5C7F99;
	padding-top: 2px;
	position: relative;
	margin-top: 0px;
	margin-left: 2px;
	margin-bottom: 0px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	text-transform: uppercase;
}

.helpother
{
	background: url(images/charts/icon_bg.gif) no-repeat;
	width: 16px;
	height: 16px;
	font-size: 90%;
	color: #5C7F99;
	padding-top: 1px;
	position: relative;
	margin-top: 0px;
	margin-left: 2px;
	margin-bottom: 0px;
	text-align: center;
	font-weight: bold;
	display: inline-block;
	text-transform: uppercase;
}
.helplink
{
	text-decoration: none;
}
.helptitle
{
	text-transform: capitalize;
}

/* IE 5.5 Hack */
.helpspan
{
	padding-bottom: 2px;
	padding-bottom: /**/3px;
	display:inline-block;
}

.chartloadingmessage
{
	background: url(images/mf_loading_blue.gif) no-repeat;
	width: 130px;
	height: 60px;
	display: block;
	position: absolute;
	top: 265px;
	left: 265px;
	z-index: 20;
}

#cashisacontent
{
	width: 639px;
	float: left;
	clear: none;
	margin-left: 10px;
	margin-top:10px;
}

#economicfooter
{
	font-size:85%;
	width: 639px;
	float: left;
	clear: none;
	margin-left: 10px;
	margin-top:10px;
}

#economicfooter h1
{
	font-family: Trebuchet MS, Verdana, Sans-Serif;
	font-size: 145%;
	font-weight: bold;
	color: #407EFF;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	line-height: 19px;
}

.bestbuyextras
{
	font-size: 85%;
	border-top: solid 4px #4F95FF;
	border-bottom: solid 1px #BBDDEE;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 5px;
	font-weight: bold;
	float: left;
	clear: none;
	text-align:left;
}

.bestbuyextras a
{
	color: #003399;
	text-decoration: none;
}

.bestbuyextras a:hover
{
	color: #0066CC;
	text-decoration: underline;
}


.bestbuyextras .current
{
	color: #0066CC;
	text-decoration: none;
}

#bestbuycontent .PageError
{
	margin-top:7px;
	margin-left:7px;
	margin-bottom:7px;
    font-weight:bold;
    color:#990000;
}

#bbtable
{
	width: 100%;
	font-size: 80%;
	line-height: normal;
	color: #000000;
	float: left;
	clear: none;
}
.bbheaderrow
{
	padding: 0px;
	margin: 0px;
	background-color: #EAF8FF;
}

.bbheaderrow th
{
	color: #003399;
	text-align: center;
	vertical-align: middle;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #BBDDEE;
	padding: 3px 3px 5px 3px;
}

.bbheaderrownosubs
{	
	padding: 0px;
	margin: 0px;
	background-color: #EAF8FF;
}

.bbheaderrownosubs th
{
	border-top: solid 4px #4F95FF;
	color: #003399;
	text-align: center;
	vertical-align: middle;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #BBDDEE;
	padding: 3px 3px 5px 3px;
}

/* Provide widths for header columns for total flexibility in Tables */
#bbtable .bbcol7
{
	width: 7%;
}
#bbtable .bbcol10
{
	width: 10%;
}
#bbtable .bbcol12
{
	width: 12%;
}
#bbtable .bbcol15
{
	width: 15%;
}
#bbtable .bbcol20
{
	width: 20%;
}
#bbtable .bbcol22
{
	width: 22%;
}
#bbtable .bbcol25
{
	width: 25%;
}
#bbtable .bbcol30
{
	width: 30%;
}
#bbtable .bbcol40
{
	width: 40%;
}
#bbtable .bbcolapply
{
	width: 10%;
}

#bbtable .bbapply
{
	padding-right: 5px;
	text-align: right;
}

#bbtable .bbresultscol1
{
	font-weight: bold;
}

#bbtable .bbresultsleftalign
{
	text-align: left;
}

#bbtable .bbresult
{
	text-align: center;
	padding: 3px;
	height: 88px;
}

#bbtable .bbresult a
{
	text-decoration: none;
}

#bbtable .bbaltresult img.companylogo
{
	border: 1px solid #000000;
}

/* No link image required anymore #bbtable .bbresult .bbresultscol1 a:hover img
{
	background-color: #4F95FF;
	padding: 4px;
	margin-top: 5px;
	margin-bottom: 3px;
	border: 1px solid #FFFFFF;
} */

#bbtable .bbaltresult
{
	background: #E2E2E2 url(images/charts/alt_gradient.gif) repeat-x;
	height: 88px;
	text-align: center;
	padding: 3px;
}

#bbtable td
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #C6C6C6;
}

#bbtable img.cardimage
{
	background-color: #FFFFFF;
	padding: 4px;
	margin-top: 5px;
	margin-bottom: 3px;
	border: 1px solid #C6C6C6;
}

#bbtable .enhancedleft
{
	font-weight: bold;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-color: #4F95FF;
	border-bottom-color: #4F95FF;
	border-left-color: #4F95FF;
}

#bbtable .enhancedmiddle
{
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-color: #4F95FF;
	border-bottom-color: #4F95FF;
}

#bbtable .enhancedright
{
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-right-width: 2px;
	border-top-color: #4F95FF;
	border-bottom-color: #4F95FF;
	border-right-color: #4F95FF;
	text-align: right;
	padding-right: 3px;
}

#bbtable .detailsbtn
{
	font-size:110%;
	margin-right:7px;
}

#searchresults .detailsbtn
{
	font-size:110%;
	margin-right:7px;
}

#searchresults .applybtn
{
	margin-top: 10px;
}

#bbtable .applybtn
{
	margin-top: 10px;
}

.cashisaheaderrow
{
	padding: 0px;
	margin: 0px;
	background-color: #EAF8FF;
}

.cashisaheaderrow th
{
	color: #003399;
	text-align: center;
	vertical-align: middle;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #BBDDEE;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #BBDDEE;
	padding: 3px 3px 5px 3px;
}

#bbtable .cashisaresult
{
	text-align: center;
	padding: 3px;
	height: 30px;
}

#bbtable .cashisaresult a
{
	text-decoration: none;
}

#bbtable .econdatarow
{
	padding: 3px;
	height: 25px;
}

#bbtable .econdatarowaltresult
{
	background: #E2E2E2 url(images/charts/alt_gradient.gif) repeat-x;
	padding: 3px;
	height: 25px;
}

#bbtable .cashisaaltresult
{
	background: #E2E2E2 url(images/charts/alt_gradient.gif) repeat-x;
	height: 30px;
	text-align: center;
	padding: 3px;
}
#bbtable .tmspadding
{
	margin-left:15px;
	line-height:18px;
}

.print-icon
{
	float: right;
	clear: right;
	font-weight: normal;
	margin-right: 2px;
	position: static;
}
.print-icon2
{
	text-align: center;
	font-weight: normal;
	position: static; 
}
.email-icon
{
	float: right;
	clear: left;
	margin-top: 3px;
	font-weight: normal;
	margin-right: 7px;
	position: static; 
}
li div#bbnotes {width:100%;}
#bbnotes
{ 
	float: left;
	clear: none;
	margin: 12px 0px;
	font-size: 8pt;
    text-align:justify;
    color:#363636;
}

#bbnotes span.title
{
	font-weight: bold;
	color: #003399;
}


.BBGlassIcons
{
	float:left;
	margin-top: 5px;
	font-size:90%;
}

.BBGlassIcons IMG
{
	padding-right: 3px;
}


.BBGlassIcons ul
{
	font-size:110%;
	margin: 5px 0px;
	padding: 0 0 0 5px;
	list-style-type: none;
}

.BBGlassIcons ul li
{
	/* display: inline; */
	padding: 5px 20px 5px 0px;
	font-size: 0.9em;
}


/********************************************
 *  Card Details	                        *
 ********************************************/

#carddetailswrapper
{
	font-size: 90%;
	width: 100%;
}

#carddetailswrapper h1
{
	font-family: Trebuchet MS, Verdana,Sans-Serif;
	font-size: 210%;
	font-weight: bold;
	color: #003399;
	margin-top: 0px;
	margin-left: 7px;
}

#carddetailswrapper h3
{
	font-family: Trebuchet MS, Verdana, Sans-Serif;
	font-size: 125%;
	font-weight: bold;
	color: #407EFF;
	margin-top: 0px;
	margin-left: 7px;
	line-height: 19px;
}

#carddetailswrapper .detaillist
{
	clear: left;
	list-style: none;
	padding-left: 0px;
}

#carddetailswrapper .detaillist label, #carddetailswrapper .subdetaillist label
{
	width: 300px;
	float: left;
}
#carddetailswrapper .detaillist li li label, #carddetailswrapper .subdetaillist li li label
{
	width: 270px; 
	font-weight:normal;
}
#carddetailswrapper .detaillist li li li label, #carddetailswrapper .subdetaillist li li li label
{
	width: 240px; 
}

#carddetailswrapper .detaillist label{font-weight:bold;}

#carddetailswrapper .detaillist li
{
	padding-left:30px;
}


 


#carddetailswrapper .subdetaillist
{
	list-style: none;

}

#carddetailswrapper .companyname
{
	font-family: Trebuchet MS, Verdana, Sans-Serif;
	font-size: 140%;
	font-weight: bold;
	color: #407EFF;
	margin-top: 0px;
	line-height: 19px;
}


#carddetailswrapper .subdetaillist li
{
	clear: left;
	margin-top: 5px;
	margin-bottom: 5px;
}


#carddetailswrapper .rootlistitem
{
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	padding:4px;
	background-color:#f9f9f9;
}

#carddetailswrapper .detailstable
{
	border-collapse: collapse;
	border: solid 1px #666666;
}

#carddetailswrapper .detailstable th
{
	padding: 4px;
	border-collapse: collapse;
	background-color: #003C86;
	color: #ffffff;
}

#carddetailswrapper .detailstable td
{
	padding: 4px;
	border-collapse: collapse;
	border: solid 1px #666666;
	background-color: #efefef;
	text-align: center;
}

/********************************************
 *  Search									*
 ********************************************/

#searchwrapper
{
	font-size: 85%;
	width: 664px;
	text-align: left;
}
#searchwrapper ul
{
	list-style: none;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

#searchwrapper li
{
	list-style: none;
	clear: none;
	margin: 0px;
	padding: 0px;
}
#searchwrapper label
{
	margin-left: 7px;
}
#searchwrapper label.bold
{
	font-weight: bold;
}
#searchwrapper .or
{
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	margin-left: 130px;
}
#searchwrapper .standardspacing
{
	padding-bottom: 7px;
}
#searchwrapper .maximumnotice
{
	margin-top:5px;
	margin-bottom: 5px;
	width: 200px;
	margin-left:27px;
	color: #003399;
}
#searchwrapper .noticedays
{
	margin-left:20px;
}
#searchwrapper .colstandard
{
	margin-right: 12px;
	width: 200px;
	margin-bottom: 0px;
	float: left;
	display: block;
}

#searchwrapper h3
{
	color: #003399;
	font-size: 130%;
	margin-bottom: 10px;
	margin-left: 7px;
}
#searchwrapper h2
{
	color: #000000;
	font-size: 100%;
	font-weight:bold;
	margin-bottom: 10px;
	margin-left: 7px;
}
.checkboxlist
{
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	margin-left: 120px;
}
#searchwrapper li.separator
{
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #4F95FF;
}
#searchwrapper li.warningtxt
{
	margin-top:5px;
	padding-top:5px;
	width:100%;
	float:left;
	clear:none;
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #4F95FF;
}
#searchwrapper .validation
{
	width: 95%;
	border-top: solid 1px red;
	border-bottom: solid 1px red;
	margin: 10px 0px 10px 10px;
	color: Red;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
}

.formbutton
{
	float: left;
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.backbutton
{
	float: left;
	margin: 10px 0px 0px 20px;
}
.nextbutton
{
	float: right;
	margin: 10px 20px 0px 0px;
}

#searchwrapper .SearchValidationError
{	
	line-height:20px;
	text-indent:7px;
	color:#FF0000;
}
#searchwrapper .statementnote
{	
	margin-left:212px;
}
#searchwrapper .colbold
{
	margin-right: 12px;
	width: 200px;
	margin-top:4px;
	margin-bottom: 0px;
	float: left;
	display: block;
	font-weight:bold;
}
#searchwrapper .MortgageSearchDiv
{
	padding: 0px 0px 10px 30px;
}
#searchwrapper .LoansSearchDiv
{
	padding: 0px 10px 0px 10px;
}
#searchwrapper .form2smallinput 
{	
	width:4.0em;}

/********************************************
 *  Search Results							*
 ********************************************/

.searchfilter
{
	border-bottom: solid 1px #BBDDEE;
	background-color: #EAF8FF;
	float: left;
	padding: 7px;
	margin: 0px 0px 5px 0px;
	font-family: Verdana,Arial,Sans-Serif;
	font-size: 90%;
	clear: none;
	width: 650px;
}

.filtercols
{
	width: 100%;
	clear: none;
}

.filtercols ul
{
	float: left;
	clear: right;
	width: 33%;
	white-space: nowrap;
}

.searchfilter .sortby
{
	margin-top: 13px;
	float: left;
	clear: right;
}

.searchfilter .sortby2
{
	float: right;
	clear: left;
}

.searchfilter .resultcount2
{
	font-family: Verdana,Arial,Sans-Serif;
	float: left;
	margin-top:5px;
	font-size: 95%;
	color: #003399;
	clear: right;
	font-weight: bold;
}


.searchfilter .header
{
	vertical-align: middle;
	font-size: 140%;
	font-weight: bold;
	color: #003399;
	cursor: pointer;
	float: left;
	clear: right;
	width: 100%;
}

.searchfilter .resultcount
{
	font-family: Verdana,Arial,Sans-Serif;
	float: right;
	font-size: 65%;
	color: #003399;
	clear: left;
	margin-top: 0px;
	font-weight: bold;
}

.searchfilter .collapsepanel
{
	overflow: hidden;
	float: left;
	width: 100%;
}
.searchfilter ul.sort
{
	float: left;
	clear: right;
	width: 100%;
}

.showmebutton
{
	float: right;
	clear: left;
	margin: 0px 0px 0px 450px;
}

.searchtools
{
	float: left;
	height: 30px;
	width: 100%;
}
.searchtools span
{
	margin-left: 3px;
	margin-right: 10px;
}

.searchinfo
{
	float: left;
	text-align:justify;
	margin: 7px 0;
}

.paging
{
	margin: 7px 0;
	float: left;
	width: 100%;
	text-align:center;
}

#searchresults
{
	float: left;
	width: 100%;
}

#searchresults .notes
{
	margin-bottom: 7px;
	font-weight: bold;
}

#searchresults .noresults
{
	color: #FF0000;
	font-weight: bold;
}

#searchtable
{
	width: 100%;
	font-size: 90%;
	line-height: normal;
	color: #000000;
	float: left;
	clear: none;
	margin-top: 7px;
	margin-bottom: 7px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #4F95FF;
	padding-bottom: 3px;
	padding-top: 2px;
}

#searchtable .stheader
{
	height: 25px;
	color: #003399;
	background: #EAF8FF;
	text-align: center;
	vertical-align: middle;
	height: 36px;
}

#searchtable .stheader th
{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #4F95FF;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #4F95FF;
}

#searchtable .searchcompany
{
	font-family: Trebuchet MS, Verdana,Sans-Serif;
	padding-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
	font-size: 130%;
	height: 30px;
	color: #003399;
	background-color: #B0C9F2;
}

#searchtable .buttons
{
	padding-top:12px;
	text-align: center;
	vertical-align: middle;
}

/* Provide widths for header columns for total flexibility in Tables */

#searchtable .stcol7
{
	width: 7%;
}
#searchtable .stcol10
{
	width: 10%;
}
#searchtable .stcol12
{
	width: 12%;
}
#searchtable .stcol15
{
	width: 15%;
}
#searchtable .stcol20
{
	width: 20%;
}
#searchtable .stcol25
{
	width: 25%;
}

/********************************************
 *  Email a Friend                          *
 ********************************************/
#emailform
{
	width: 320px;
	font-size: 80%;
	margin-left: 10px;
}
#emailform h1
{
	margin-left: 0px;
	margin-top: 7px;
	margin-bottom: 0px;
}
#emailform h2
{
	margin-left: 0px;
	margin-top: 0px;
}
#emailform h3
{
	margin-top: 0px;
	font-size: 120%;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #C6C6C6;
	height: 23px;
	padding: 0px;
	background-image: url(         'images/email_gradient.gif' );
	background-repeat: repeat-x;
}
#emailform h3 p
{
	padding-left: 5px;
	padding-top: 0px;
	margin-bottom: 0px;
}
.formborder
{
	padding: 5px;
	border: 2px solid #4F95FF;
}
.formborder DIV.colleft
{
	float: left;
	clear: none;
	width: 33%;
	margin-top: 4px;
}
.formborder DIV.colright
{
	float: left;
	clear: none;
	width: 65%;
	vertical-align: middle;
	margin-left: 4px;
}
.formborder .button
{
	text-align: center;
}
.formborder .error
{
	color: #FF0000;
	vertical-align: top;
	font-size: 120%;
	font-weight: bold;
}
.formborder INPUT.box
{
	margin-bottom: 2px;
	width: 160px;
	font-size: 100%;
}
.formborder textarea
{
	margin-left: 4px;
	font-size: 100%;
	font-family: Arial;
	width: 165px;
}
.formborder DIV.required
{
	float: left;
	font-weight: bold;
	color: #FF0000;
	vertical-align: top;
	font-size: 90%;
}


/***********************************
*     Articles/Tips and Guides     *
***********************************/

.article
{
	color: #003399;
	width: 100%;
	float: left;
	clear: none;
}

.article h2
{
	text-align: left;
	font-size: 120%;
	padding-bottom: 10px;
}

.article .bookmarklinks
{
	width: 90%;
	clear: none;
	padding: 10px 0px 0px 0px;
	clear: none;
	font-size: 75%;
}

.article .bookmarklinks ul
{
	float: left;
	clear: right;
	width: 33%;
	white-space: nowrap;
}

.article .blue_border
{
	width: 80%;
	margin-left: 40px;
}

.article .bookmarklinks p
{
	padding: 0px 0px 0px 5px;
}

/********************************************
 *  Google Search		                    *
 ********************************************/

.cse-results
{
	width: 95%;
}


.cse-results h2
{
	font-family: Trebuchet MS, Verdana, Sans-Serif;
	font-size: 100%;
	font-weight: bold;
	color: #407EFF;
}

.cse-results span.a
{
	font-size: 85%;
	color: #0066CC;
}

.cse-results em
{
	font-weight: bold;
	font-style: normal;
}

/*****************************************
* Insurance and Utilities Landing Pages  *
******************************************/

.LandingPageList ul
{
	float: right;
	clear: none;
	margin-right /**/: 10px;
	width: 50%;
	font-weight: bold;
}

/* IE 6.0 Only Hack
/*\*/ * html .LandingPageList ul 
{ width: 48%; } /**/ 

.LandingPageList li
{
	list-style: none;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 11px;
	font-size: 90%;
	background-image: url(images/arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

.LandingPageListSMLeft
{
	margin-left:10px;
	clear:right;
	float:left;
	width:40%;
	font-weight:bold;
}

.LandingPageListSMLeft ul
{
	margin:0px;
	padding:0px;
}

.LandingPageListSMLeft li
{
	list-style:none;
	Padding-left:20px;
	Padding-bottom:11px;
	font-size: 100%;
	background-image: url(images/arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	margin:0px;
}

#LandingPageForm
{
	float:right;
	width:50%;
	padding-left:0px;
}

#LandingPageForm li
{
	padding:0px;
	margin:0px;
	height:25px;
	list-style:none;
}

#LandingPageForm ul.labels
{
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding:0px;
	list-style:none;
	margin-top:3px;
	float:left;
	width:37%
}
#LandingPageForm ul.inputs
{		
	margin:0px;
	padding:0px;
	list-style:none;
	float:right;
	width:63%
}
#LandingPageForm .button
{
	margin-top:4px;
}

.LandingPageIcon
{
	float: left;
	clear: none;
	width: 39%;
	vertical-align: top;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 20px;
	padding-bottom: 10px;
}

.LandingPageSalesCopy
{
	color: #407EFF;
	float: left;
	clear: none;
	width: 95%;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 80%;
}

.LandingPageButton
{
	float: right;
	clear: right;
	padding-right: 20px;
}

#carinsurancetm
{
	font-size: 120%;
	font-family: Verdana,Arial,Sans-Serif;
	height /**/: 200px;
}
#healthinsurancetm
{
	font-size: 120%;
	font-family: Verdana,Arial,Sans-Serif;
	height /**/: 235px;
}
#homeinsurancetm
{
	font-size: 120%;
	font-family: Verdana,Arial,Sans-Serif;
	height /**/: 240px;
}
#incomeprotectiontm
{
	font-size: 120%;
	font-family: Verdana,Arial,Sans-Serif;
	height /**/: 240px;
}
#travelinsurancetm
{
	font-size: 120%;
	font-family: Verdana,Arial,Sans-Serif;
	height /**/: 235px;
}
#gaselectricitytm
{
	font-size: 120%;
	font-family: Verdana,Arial,Sans-Serif;
	height /**/: 240px;
}
#broadbandtm
{
	font-size: 120%;
	font-family: Verdana,Arial,Sans-Serif;
	height /**/: 240px;
}
#mobilephonetm
{
	font-size: 120%;
	font-family: Verdana,Arial,Sans-Serif;
	height /**/: 240px;
}
#homephonetm
{
	font-size: 120%;
	font-family: Verdana,Arial,Sans-Serif;
	height /**/: 240px;
}
#businessgastm
{
	font-size: 100%;
	height /**/: 270px;
}
#businesstelecomstm
{
	font-size: 100%;
	height /**/: 295px;
}

/*****************************************
* Calculators						     *
******************************************/

#calculators #pagetitletext h1
{
	font-family: Trebuchet MS, Verdana,Sans-Serif;
	font-size: 210%;
	font-weight: bold;
	color: #003399;
	margin-top: 0px;
	margin-left: 30px;
}

#calculators .validation
{
	width: 92%;
	display: none;
	border-top: solid 1px red;
	border-bottom: solid 1px red;
	margin: 10px 0px 10px 20px;
	color: Red;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#calculators .standardspacing
{
	padding-bottom: 10px;
}

#calculators ul
{
	list-style: none;
	margin: 0px 0px 0px 40px;
	padding: 0px;
}

#calculators li
{
	padding: 0px;
	margin: 0px;
	clear: both;
	line-height: 30px;
}

#calculators label
{
	float: left;
	clear: right;
	display: block;
	width: 300px;
	font-weight: bold;
}


#calculators .btnCalculate
{
	margin-left: 300px;
}

#calculators .hide
{
	display: none;
}

#calculators .show
{
	display: inline;
	color: Red;
	font-size: x-small;
	font-weight: bold;
	vertical-align: super;
}

#calculators .resultbox
{
	margin-top: 15px;
	margin-left: 58px;
	margin-bottom: 15px;
	float: left;
	height: 50px;
	padding: 20px;
	font-weight: bold;
	position: relative;
	border: solid 1px #B7CFE1;
	background-color: White;
	width: 30%;
	text-align: center;
}
#calculators .ratewarning
{
	margin: 20px;
	position: relative;
	display: none;
	clear: left;
}
#calculators .resultstext
{
	margin-left: 30px;
}

/********************************************
 *  CAPTCHA Controls                        *
 ********************************************/

.ContactCaptcha IMG
{
	margin-left: 45px;
}

.NewsletterCaptcha IMG
{
	margin-left: 35px;
}

.NewsletterCaptcha
{
margin-top: -15px;
}

/*****************************************
* SubsList						         *
******************************************/

.subslist 
{

}

.subslist ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.subslist li
{
	padding: 0px;
	margin: 0px;
	line-height: 30px;
}

.subslist .subslabel
{
	margin-top:8px;
	margin-right:3px;
	float:left;
	clear:both;
	line-height: 16px;
}

.subslist .mainformlabel
{
	width:75px;

	float:left;
	clear:both;
}

.subslist .mainformlabel2
{
	width:150px;
	float:left;clear:both;
}

.subslist .cardfield
{
	width:145px;
}

.subslist .cardlabel
{
	clear:both;
}

.subslist .watermarked
{
	font-family: Arial, Verdana, Sans-Serif;
	width:50px;
	color:#407EFF;
}

.subslist .valid
{
	font-family: Arial, Verdana, Sans-Serif;
	width:50px;
	color:#407EFF;
}


.subslist .mainformlabel3
{
	width:125px;
	float:left;clear:both;
}

.subslist img{border: solid 1px black}

.subslist .normlineh
{
	width:100%;
	font-size:90%;
	line-height: 17px;
	float:left;
	clear:none;
}

.detailscontent
{
	padding-left: 10px;
	padding-right:20px;
	text-align:left;
}

.subscontent
{
	padding-left: 10px;
	padding-right:10px;
	font-family: Arial, Verdana, Sans-Serif;
}

#mfmodule .subscontent h1
{
	margin-left: 0px;
}
#mfmodule .subscontent h3
{
	margin-left: 0px;
	font-family: Trebuchet MS, Verdana, Sans-Serif;
	font-size: 135%;
	font-weight: bold;
	color: #407EFF;
	margin-top:0px;
	margin-bottom:7px;
}

.sourcelink{text-decoration:none;}
.sourcelink:hover{text-decoration:underline;}


li.questionandanswer {  border-bottom:1px solid #ddd;
min-height:15px;
height:auto!important;
height:15px;
}
li.questionandanswer:hover, li.focus{ background-color:#efefef; padding:3px 0}
li.questionandanswer .question{float:left;width:50%;margin-left:0px; margin-top:5px;
min-height:20px;
height:auto!important;
height:20px; }
li.questionandanswer .answer{float:left;width:40%;margin-left:30px; margin-top:5px;
min-height:20px;
height:auto!important;
height:20px; }

div.tickbox{width:120px; float:left;}
div.optionalDDL{width:300px; float:left;}
div.optionalDDL select{width:100px; margin-left:3px;}
div.optionalDDL label{width:80px; float:left; text-align:right;padding:3px; color:#363636;}


