/*
	Section Colours
	home: #4f8c5b, #a2bea7
	credit cards: #609499, #9bcbcf
	insurance: #be7e2d, #d8c2a7
	mortgages: #818241, #bebe8b
	energy: #9f5d7c, #d0aebd
	loans: #9d85c8, #c6b9de
	creditexpert: #0082ad, #aacdd8
*/

body {
	font-size: 62.5%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, sans-serif;	
	background: #f5f5f5;
}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,label,select,textarea,p,blockquote,th,td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

img {
	border: 0;
}

a {
	outline: none;
}

p
{
    color: #555555;
    margin-bottom: 10px;
}

h1 {
	font-size: 2.6em;
	padding: 10px 0px 10px 0px;
}

h2 {
	padding: 10px 0px 10px 0px;
	clear: both;
	font-size: 2.4em;
}

h3 {
	padding: 10px 0px 10px 0px;
	clear: both;
	font-size: 1.6em;
}

p {
    color: #555555;
    margin-bottom: 10px;
    line-height: 1.3em;
}

#mainContent p.smallprint {
    font-size: 0.9em;
}

.enlarge {
	font-size: 1.4em;
}

.gray {
	color: #555555;
}

/* MAIN LAYOUT : START */

#mainContainer {
	width: 960px;
	margin: 0px auto;
}

#topBanner {
	width: 960px;
	height: 211px;
	background: url("../images/banner_green.jpg") no-repeat center top;
	border-bottom: 1px solid #e9f1e6;
}

.formpagebanner 
{
	height: 160px !important;
}

#topBanner #logo {
	float: left;
	width: 346px;
	height: 146px;
	margin: 0px 0px 0px 35px;
}

#topBanner #hygieneNav {
	float: right;
	margin: 28px 21px 0px 0px;
	color: #d6e6cc;
	font-size: 1.1em;
}

#topBanner #hygieneNav a {
	color: #d6e6cc;
	margin: 0px 12px 0px 12px;
	text-decoration: none;
}

#topBanner #hygieneNav a:hover {
	text-decoration: underline;
}

#mainMenu {
	margin: -65px 0px 0px 20px;
	height: 147px; /* ADDED FOR IE7 */
}

#mainMenu ul {
	list-style-type: none;
}

#mainMenu li {
	float: left;
	display: inline;
	background-image: url("../images/tab_bg_colours.gif");
	background-repeat: no-repeat;
	background-position: 1px 50px;
	width: 151px;
	height: 147px;
	cursor:pointer;
}

#mainMenu li a {
	display: block;
	width: 151px;
	height: 147px;
	text-indent: -999em;
	cursor:pointer;
	overflow:hidden;
}

#mainMenu #menuCreditCards:hover,
#mainMenu .menuCreditCards,
#mainMenu .selectedCreditCards
{
	background-position: -150px 50px;
}

#mainMenu #menuLoans:hover,
#mainMenu .menuLoans,
#mainMenu .selectedLoans
{
	background-position: -301px 50px;
}

#mainMenu #menuMortgages:hover,
#mainMenu .menuMortgages,
#mainMenu .selectedMortgages
{
	background-position: -452px 50px;
}

#mainMenu #menuInsurance:hover,
#mainMenu .menuInsurance,
#mainMenu .selectedInsurance
{
	background-position: -603px 50px;
}

#mainMenu #menuEnergy:hover,
#mainMenu .menuEnergy,
#mainMenu .selectedEnergy
{
	background-position: -754px 50px;
}

#mainMenu #menuCreditExpert:hover,
#mainMenu .menuCreditExpert,
#mainMenu .selectedCreditExpert
{
	background-position: -905px 50px;
}

#mainMenu #menuCreditCards a {
	background: url("../images/menuimage_creditcards.png") no-repeat;
}

#mainMenu #menuLoans a {
	background: url("../images/menuimage_loans.png") no-repeat;
}

#mainMenu #menuMortgages a {
	background: url("../images/menuimage_mortgages.png") no-repeat;
}

#mainMenu #menuInsurance a {
	background: url("../images/menuimage_insurance.png") no-repeat;
}

#mainMenu #menuEnergy a {
	background: url("../images/menuimage_energy.png") no-repeat;
}

#mainMenu #menuCreditExpert a {
	background: url("../images/menuimage_creditexpert.png") no-repeat;
}

#mainContent {
	clear: both;
	background: #fcfcfc;
	width: 849px;
	margin: 10px auto 0px auto;
	padding: 10px 10px 10px 30px;
}

#mainContent p 
{
    font-size: 1.2em;
}

.column {
	float: left;
	width: 273px;
	padding: 0px 15px 0px 0px;
}

.twocolumn {
	float: left;
	width: 561px;
	padding: 0px 15px 0px 0px;
}

.fullwidth {
	float: left;
	width: 834px;
	padding: 0px 15px 0px 0px;
}

.endcolumn {
	padding: 0px 0px 0px 0px;
}

.clearer {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ BACKGROUND COLOURS ~~~~~~~~~~~~~~~~~~~~~~~ */

.lightblue {
	background-color: #eef6f8;
}

.lightpurple {
	background-color: #f2edfb;
}

.lightgreen {
	background-color: #ececdf;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ TOOLTIP COLUMN STYLES ~~~~~~~~~~~~~~~~~~~~ */

.column_wrapper {
	width: 263px;
	padding: 0px 10px 10px 0px;
	height: 400px;
	overflow: hidden;
	text-align: left;
}

.title {
	margin: 39px 0px 0px 15px;
	padding: 0px 0px 10px 0px;
	font-size: 1.4em;
}

.tips_info 
{
	position: absolute;
	bottom: 10px;  
	left:575px;
	width:240px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	font-size: 1.2em; 
}

.tips_info a
{
	text-decoration: underline;
}

.tips_info a:hover
{
	text-decoration: underline;
}

.tips_info ul {
	margin: 0px 0px 0px 15px;
	padding: 5px 0px 10px 0px;
}

.tips_info ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~ MAIN CONTENT STYLES ~~~~~~~~~~~~~~~~~~~~~~ */

#topcontent
{
    margin: 20px 0px 0px 22px; 
}

.linkbox {
    float:left;
    width: 155px;
    height: auto; /* REMOVE WHEN CONSOLIDATING */
    border: 0; /* REMOVE WHEN CONSOLIDATING */
    margin: 10px 20px 5px 0px;
}

.linkbox_small {
    float:left;
    width: 110px;
    margin: 10px 20px 5px 0px;
}

.home h1,
.home h2,
.home h3,
.home a,
.home em,
.home .coloured,
.home .rightLabel,
.home .currencyLabel,
.home .largelink {
	color: #4f8c5b;
	font-style: normal;
}

.calcBox h1,
.calcBox h2,
.calcBox h3,
.calcBox a,
.calcBox em,
.calcBox .coloured,
.calcBox .rightLabel,
.calcBox .currencyLabel,
.calcBox .largelink {
	color: #a5bd00;
	font-style: normal;
}

.creditcards h1,
.creditcards h2,
.creditcards h3,
.creditcards a,
.creditcards em,
.creditcards .coloured,
.creditcards .rightLabel,
.creditcards .currencyLabel,
.creditcards .largelink {
	color: #609499;
	font-style: normal;
}

.loans h1,
.loans h2,
.loans h3,
.loans a,
.loans em,
.loans .coloured,
.loans .rightLabel,
.loans .currencyLabel,
.loans .largelink {
	color: #9d85c8;
	font-style: normal;
}

.mortgages h1,
.mortgages h2,
.mortgages h3,
.mortgages a,
.mortgages em,
.mortgages .coloured,
.mortgages .rightLabel,
.mortgages .currencyLabel,
.mortgages .largelink {
	color: #818241;
	font-style: normal;
}

.insurance h1,
.insurance h2,
.insurance h3,
.insurance a,
.insurance em,
.insurance .coloured,
.insurance .rightLabel,
.insurance .currencyLabel,
.insurance .largelink {
	color: #be7e2d;
	font-style: normal;
}

.energy h1,
.energy h2,
.energy h3,
.energy a,
.energy em,
.energy .coloured,
.energy .rightLabel,
.energy .currencyLabel,
.energy .largelink {
	color: #9f5d7c;
	font-style: normal;
}

.creditexpert h1,
.creditexpert h2,
.creditexpert h3,
.creditexpert a,
.creditexpert em,
.creditexpert .coloured,
.creditexpert .rightLabel,
.creditexpert .currencyLabel,
.creditexpert .largelink {
	color: #0082ad;
	font-style: normal;
}

/* ~~~~~~~~~~~~~~~~~~~~~~ FORM STYLES ~~~~~~~~~~~~~~~~~~~~ */

.formpage_creditcards
{
	position:relative;
	background: #fcfcfc url("../images/form_column_creditcards.gif") repeat-y 576px 0px !important;
	height:100%;
}

.formpage_loans
{
	position:relative;
	background: #fcfcfc url("../images/form_column_loans.gif") repeat-y 576px 0px !important;
	height:100%;
}

.formpage_mortgages
{
	position:relative;
	background: #fcfcfc url("../images/form_column_mortgages.gif") repeat-y 576px 0px !important;
	height:100%;
}

.mandatory {
	display: inline;
	float: left;
	width: 7px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #609499;
	font-size: 1.2em;
}

.currency {
	display: inline;
	float: right;
	width: 5px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	color: #555555;
	font-size: 1.4em;
}

.leftLabel, .leftLabelShort {
	display: inline;
	float: left;
	padding: 0px 0px 15px 0px;
	color: #555555;
}

.leftLabel 
{    
	margin: 0px 0px 0px 0px;
	width: 251px;
}

.leftLabelShort
{
	margin: 0px 0px 0px 110px;
    width: 140px;
}

.leftLabel label, .leftLabelShort label {
	font-size: 1.2em;
}

.leftLabel p, .leftLabel label {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px !important;
}

.rightLabel {
	display: inline;
	float: left;
	width: 266px;
	height: 25px;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 1.2em;
}

label.validationError
{
	background:#777;
	padding:0px 2px;
	color:#ffffff;
}

label.validationError span
{
	color:#ffffff;
	font-weight:bold;
}

p.validationError
{	
	padding:10px 20px;
	font-weight:bold;
	background:#777;
	color:#fff;
}

.textfield {
	display: inline;
	float: left;
	width: 259px;
	height: 15px;
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
	color: #777777;
	border: 1px solid #bfbfbf;
	font-family: arial, sans-serif;
}

select {
	width: 267px;
	font-size: 1.2em;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 0px;
	color: #777777;
	border: 1px solid #bfbfbf;
	background:#ffffff;
	font-family: arial, sans-serif;
}

input.largelink
{
	border:none;
	background:#FCFCFC url("../images/round_arrow.gif") right 6px no-repeat;
	width:auto;
	height:22px;
	cursor:pointer;
	overflow:visible;
	font-family: arial, sans-serif;
}

input.linkbutton {
	height:30px;
	font-size:1.4em;
	margin:0px 5px 0px 5px;
	cursor:pointer;
	padding:0px 8px;						/* CHANGED NT */
	font-family:arial, sans-serif;
	overflow:visible;
	font-weight:bold;
}

input.find_address {
	margin: 0px 0px 8px 0px;	
}

.radiobutton_wrapper {
	display: inline;
	float: left;
	/*width: 60px;*/
	color: #555555;
	font-size: 1.2em;
	padding: 0px 10px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.radiobutton {
	display: inline;
	float: left;
	width: 20px;
	border: 0;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	*margin: -2px 0px 0px 0px;
}

.form_third {
	width: 78px;
	margin: 0px 5px 0px 0px;
	padding: 3px 3px 3px 3px;
}

.form_third_end {
	width: 77px;
	margin: 0px 0px 0px 0px;
	padding: 3px 3px 3px 3px;
}

.form_third_checkbox {
	display: inline;
	float: left;
	width: 84px;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 8px 0px;
	font-size: 1.2em;
	color: #555555;
}

.form_third_checkbox input {
	display: inline;
	float: left;
	width: 15px;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.advance_button {	
	display: inline;
	float: right;
	background: url("../images/advance_button.jpg") no-repeat;
	background-position: right;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1.4em;
	cursor: pointer;
	text-decoration: none;
}

.advance_button a {	
	text-decoration: none;
}

.smallprint {
	font-size: 0.75em;
	color: #999999;
}

.form_splitter {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
}

.moveright {
	padding-left: 14px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~ END MAIN CONTENT STYLES ~~~~~~~~~~~~~~~~~~~~ */

#footerMenu {
	clear: both;
	width: 889px;
	margin: 8px 0px 8px 52px;
	color: #555555;
}

#footerMenu a {
	color: #555555;
	margin: 0px 9px 0px 9px;
	text-decoration: none;
}

#footerMenu a:hover {
	text-decoration: underline;
}

#footer {
	clear: both;
	background: #fcfcfc;
	width: 889px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	margin: 0px auto 20px auto;
}

#footer p {
	float: left;
	color: #555555;
	margin: 20px 0px 0px 30px;
	font-size: 0.9em;
	display: inline;
}

#footer #footerLogo {
	float: right;
	display: inline;
	margin: 10px 30px 0px 0px;
}

p.belowfooter
{
	padding:15px 0px;
}

/* MAIN LAYOUT : END */

/* PAGING & CAROUSEL : START */


#paging ul {
	list-style-type: none;	
	float: left;
	padding-top: 3px;
	margin-right: 10px;
	padding-bottom: 9px;
}

#paging ul li {
	float: left;
	display: inline;
	width: 17px;
	height: 15px;
}

#paging ul li a {
	width: 17px;
	height: 15px;
	display: block;
}

#paging ul li a span {
	display: none;
}

.home #paging ul li a:hover,
.home #paging ul li.selected a {
	background-position: 0px -15px;
}

.creditcards #paging ul li a:hover,
.creditcards #paging ul li.selected a {
	background-position: 0px -30px;
}

.loans #paging ul li a:hover,
.loans #paging ul li.selected a {
	background-position: 0px -45px;
}

.mortgages #paging ul li.selected a {
	background-position: 0px -60px;
}

.insurance #paging ul li a:hover,
.insurance #paging ul li.selected a {
	background-position: 0px -75px;
}

.energy #paging ul li a:hover,
.energy #paging ul li.selected a {
	background-position: 0px -90px;
}

.creditexpert #paging ul li a:hover,
.creditexpert #paging ul li.selected a {
	background-position: 0px -105px;
}

#paging ul li#page1 a {
	background-image: url("../images/page_01.gif");
}

#paging ul li#page2 a {
	background-image: url("../images/page_02.gif");
}

#paging ul li#page3 a {
	background-image: url("../images/page_03.gif");
}

#paging ul li#page4 a {
	background-image: url("../images/page_04.gif");
}

#paging ul li#page5 a {
	background-image: url("../images/page_05.gif");
}

#paging ul li#page6 a {
	background-image: url("../images/page_06.gif");
}

#paging ul li#page7 a {
	background-image: url("../images/page_07.gif");
}

#paging ul li#page8 a {
	background-image: url("../images/page_08.gif");
}

#paging ul li#page9 a {
	background-image: url("../images/page_09.gif");
}

#paging ul li#page10 a {
	background-image: url("../images/page_10.gif");
}

#paging ul li#carouselgap {
	width: 8px;
	background-image: url("../images/carousel_gap.gif");
}

#paging ul li#carouselpause a {
	background-image: url("../images/carousel_pause.gif");
}

#paging ul li#carouselplay a {
	background-image: url("../images/carousel_play.gif");
}

#paging ul li#carouselprevious a {
	background-image: url("../images/carousel_prev.gif");
}

#paging ul li#carouselnext a {
	background-image: url("../images/carousel_next.gif");
}

#paging ul li#pagesend {
	width: 2px;
	font-size: 0;
	background-image: url("../images/pages_end.gif");
}

#pageidentifier {
	float: left;
	color: #555555;
	font-size: 1.6em;
}

#pageidentifier span{
	color: #999999;
}

#carouselContent {
	clear: both;
}

#carouselContent .column
{
	margin:25px 0px 0px 0px;
}

#carouselcontent2,
#carouselcontent3,
#carouselcontent4,
#carouselcontent5,
#carouselcontent6,
#carouselcontent7,
#carouselcontent8,
#carouselcontent9
{
	display: none;
}

/* PAGING & CAROUSEL : END */


.largelink {
	font-size: 1.6em;
	background: url("../images/round_arrow.png") right 4px no-repeat;
	_background: url("../images/round_arrow.gif") right 4px no-repeat;
	margin: 5px 0px 0px 0px;
	padding: 0px 17px 0px 0px;
	text-decoration: none;
}

.linkbox .largelink,
.linkbox_small .largelink {
	background: url("../images/round_arrow_dark.png") left 4px no-repeat;
	_background: url("../images/round_arrow_dark.gif") left 4px no-repeat;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 17px;											
	text-decoration: none;
}



.largelink:hover {
	text-decoration: underline;
}

.smallarrowlink {
	font-size: 1.2em;
	background: url("../images/round_arrow.png") right 2px no-repeat;
	_background: url("../images/round_arrow.gif") right 2px no-repeat;
	margin: 5px 0px 0px 0px;
	padding: 0px 17px 0px 0px;
	text-decoration: none;
	color: #555555;
}

.smallarrowlink:hover {
	text-decoration: underline;
}

.linkbutton {
	background: url("../images/button_bg.gif");
	height: 20px;
	width: auto;
	padding: 4px 8px;
	font-size: 1.6em;
	text-decoration: none;
	font-weight:bold;
}

.linkbutton:hover {
	text-decoration: underline;
}

.smalllinkbutton {
	background: url("../images/button_bg.gif");
	height: 16px;
	width: auto;
	padding: 2px 2px;
	font-size: 1.2em;
	text-decoration: none;
	font-weight:bold;
}

.smalllinkbutton:hover {
	text-decoration: underline;
}

.home .linkbutton {	
	border: 2px solid #a2bea7;
	color: #4f8c5b;
}

.creditcards .linkbutton {
	border: 2px solid #9bcbcf;
	color: #609499;
}

.loans .linkbutton {	
	border: 2px solid #c6b9de;
	color: #9d85c8;
}

.mortgages .linkbutton {	
	border: 2px solid #bebe8b;
	color: #818241;
}

.insurance .linkbutton {
	border: 2px solid #d8c2a7;
	color: #be7e2d;
}

.energy .linkbutton {
	border: 2px solid #d0aebd;
	color: #9f5d7c;
}

.creditexpert .linkbutton {
	border: 2px solid #aacdd8;
	color: #0082ad;
}

.home .smalllinkbutton {	
	border: 2px solid #a2bea7;
	color: #4f8c5b;
}

.creditcards .smalllinkbutton {
	border: 2px solid #9bcbcf;
	color: #609499;
}

.loans .smalllinkbutton {	
	border: 2px solid #c6b9de;
	color: #9d85c8;
}

.mortgages .smalllinkbutton {	
	border: 2px solid #bebe8b;
	color: #818241;
}

.insurance .smalllinkbutton {
	border: 2px solid #d8c2a7;
	color: #be7e2d;
}

.energy .smalllinkbutton {
	border: 2px solid #d0aebd;
	color: #9f5d7c;
}

.creditexpert .smalllinkbutton {
	border: 2px solid #aacdd8;
	color: #0082ad;
}

.alignright {
	float: right;
	margin-right: 5px;
}

.headingimage {
	margin-top: 10px;
}

ul.bulleted {
	list-style-type: none;
	font-size: 1.2em;
	color: #555555;
}

ul.bulleted li {
	padding: 5px 0px 7px 12px;
    line-height: 1.3em;
}

.home ul.bulleted li {
	background: url("../images/bullet_square_home.gif") no-repeat 0px 10px;
}

.creditcards ul.bulleted li {
	background: url("../images/bullet_square_creditcards.gif") no-repeat 0px 10px;
}

.loans ul.bulleted li {
	background: url("../images/bullet_square_loans.gif") no-repeat 0px 10px;
}

.mortgages ul.bulleted li {
	background: url("../images/bullet_square_mortgages.gif") no-repeat 0px 10px;
}

.insurance ul.bulleted li {
	background: url("../images/bullet_square_insurance.gif") no-repeat 0px 10px;
}

.energy ul.bulleted li {
	background: url("../images/bullet_square_energy.gif") no-repeat 0px 10px;
}

.creditexpert ul.bulleted li {
	background: url("../images/bullet_square_creditexpert.gif") no-repeat 0px 10px;
}


ul.links {
	list-style-type: none;
	font-size: 1.2em;
	color: #555555;
}

ul.links li {
	padding: 5px 0px 7px 12px;
    line-height: 1.3em;
}

ul.links li a {
	color: #555555;
	text-decoration: none;
}

ul.links li a:hover {
	text-decoration: underline;
}

.home ul.links li {
	background: url("../images/bullet_raquo_home.png") no-repeat 0px 10px;
	_background: url("../images/bullet_raquo_home.gif") no-repeat 0px 10px;
}

.creditcards ul.links li {
	background: url("../images/bullet_raquo_creditcards.png") no-repeat 0px 10px;
	_background: url("../images/bullet_raquo_creditcards.gif") no-repeat 0px 10px;
}

.loans ul.links li {
	background: url("../images/bullet_raquo_loans.png") no-repeat 0px 10px;
	_background: url("../images/bullet_raquo_loans.gif") no-repeat 0px 10px;
}

.mortgages ul.links li {
	background: url("../images/bullet_raquo_mortgages.png") no-repeat 0px 10px;
	_background: url("../images/bullet_raquo_mortgages.gif") no-repeat 0px 10px;
}

.insurance ul.links li {
	background: url("../images/bullet_raquo_insurance.png") no-repeat 0px 10px;
	_background: url("../images/bullet_raquo_insurance.gif") no-repeat 0px 10px;
}

.energy ul.links li {
	background: url("../images/bullet_raquo_energy.png") no-repeat 0px 10px;
	_background: url("../images/bullet_raquo_energy.gif") no-repeat 0px 10px;
}

.creditexpert ul.links li {
	background: url("../images/bullet_raquo_creditexpert.png") no-repeat 0px 10px;
	_background: url("../images/bullet_raquo_creditexpert.gif") no-repeat 0px 10px;
}

div.hr {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 1px;
	background: #e2e2e2;
	margin: 15px 5px 10px 0px;
}

div.noTopMargin
{
	margin: 0px 5px 10px 0px;
}


div.hr hr {
	display: none;
}

.calcBox {
	margin-top: -20px;
	_margin-top: 0px;
}

#gradbox, #gradboxwide
{
    padding: 8px 0px 0px 0px;
}

#gradbox
{
    width: 268px;
    background: url("../images/gradbox_top.gif") no-repeat top;
}

#gradboxwide
{
    width: 540px;
    background: url("../images/gradbox_top_540.gif") no-repeat top;
}

#gradbox .content
{
    width: 230px;
    background: url("../images/gradbox_bottom.gif") no-repeat bottom;
    min-height: 200px;
    height: auto !important;
    height: 200px;
    padding: 0px 19px 19px 19px;
}

#gradboxwide .content
{
    width: 540px;
    background: url("../images/gradbox_bottom_540.gif") no-repeat bottom;
    padding-bottom: 10px;
    height: auto !important;
}

#gradbox .content, #gradboxwide .content
{
	clear: both;
}


#gradboxwide h2
{
    padding: 10px 0 10px 20px;
}

#gradboxwide p
{
    padding: 0 0 0 20px;
}

#gradbox h3, #gradboxwide h3 {
	padding: 0px 0px 10px 0px;
}

#gradbox .quote, #gradboxwide .quote {
	padding: 10px 0px 0px 0px;
	font-style: italic;
}

#gradbox .leftalign, #gradboxwide .leftalign {
	display: inline;
	float: left;
	padding: 6px 0px 9px 0px;
}

#gradbox .leftalign input, #gradboxwide .leftalign input {
	padding: 5px 10px 5px 3px;
	color: #777777;
	background-color: #f7f4fc;
	border: 1px solid #d8d8d8;
}

#gradbox .rightalign, #gradboxwide .rightalign {
	display: inline;
	float: right;
	padding: 10px 0px 10px 0px;
	margin-top: 1px;
}
.lnkMoreAboutProfiling
{
    padding-left: 20px;
    margin-right: 10px;
}
.lnkMoreAboutProfilig a
{   
}
.lnkImproveRating
{
}
.lnkImproveRating a
{
}
.nogradBox
{
    width: 268px;    
    padding: 8px 0px 0px 0px;
}

.nogradBox .content
{
	clear: both;
    width: 230px;    
    padding: 0px 19px 19px 19px;
}

.nogradBox h2 {
	padding: 10px 0px 0px 0px;
}

.nogradBox h3 {
	padding: 0px 0px 10px 0px;
}

.nogradBox img {
	padding: 0px 0px 10px 0px;
}

.nogradBox ul {
	padding: 0px 0px 10px 0px;
}

.nogradBox ul li {
}

.hidden {
	display: none;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.calculatorContainer {
	padding: 0px 0px 10px 0px;
}

.calculatorinput {
	border: 0;
	background: url("../images/postcode_bg.gif") no-repeat;
	width: 126px;
	height: 20px;
	font-size: 1.6em;
	color: #555555;
	padding: 5px 5px 5px 10px;
}

.calculatorfind {
	border: 0;
	background: url("../images/btn_calculator_bg.gif") no-repeat;
	width: 58px;
	height: 30px;
	font-size: 1.6em;
	color: #a5bd00;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
}

.calcResults
{
	padding: 10px 0px 0px 0px;
}

.calcResults .backButton
{
	background: url("../images/round_arrow_left.gif") left 2px no-repeat;
	padding: 0px 0px 0px 15px;
	font-size: 1.2em;
	color: #777777;
	text-decoration: none;
	float:right;
}

.calcResults h3
{
	float:left;
	padding:0px 0px 10px 0px;
}

.calcResults ul
{
	list-style: none;	
	margin: 0px 0px 0px 0px;
	clear:both;
}

.calcResults ul li
{
	font-size: 1.2em;
	margin: 0px 0px 10px 0px;
}

.calcResults ul li span.calcCost
{
	float: right;
	color: #A5BD00;
}

.calcResults ul li span.calcCost a
{
	margin: 0px 0px 0px 5px;
	background: url("../images/round_arrow.png") right 2px no-repeat;
	_background: url("../images/round_arrow.gif") right 2px no-repeat;
	padding: 0px 15px 0px 0px;	
}

.calcResults ul li a
{
	color: #777777;
	text-decoration: none;
}

.calcResults a.alignright
{
	margin: 0px;
}

/* SIGN UP : START */

.emailContainer {
	padding: 0px 0px 10px 0px;
}

.emailinput {
	border: 0;
	background-color: #f4f3fc;
	width: 126px;
	height: 18px;
	font-size: 1.6em;
	color: #555555;
	padding: 5px 5px 5px 10px;
	border: 1px solid #dad8e7;
}

.emailfind {
	border: 0;
	background: url("../images/btn_email_bg.gif") no-repeat;
	width: 58px;
	height: 30px;
	font-size: 1.6em;
	color: #9d85c8;
	padding: 5px 5px 5px 5px;
	cursor: pointer;
}

/* MINIFORM : START */

.miniForm {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.miniForm .label,
.miniForm .input {
	width: 100px;
	float: left;
	display: inline;
	margin: 5px 0px 3px 0px;
}

.miniForm .label {
	width: 150px;
	color: #555555;
	padding: 2px 0px 2px 0px;
	font-size: 1.2em;
}

.miniForm .shorterLabel {
	width: 90px;
}

.miniForm .shortCurrencyLabel
{
	width: 130px;
	padding: 2px 10px 2px 0px;
}

.miniForm .longerInput {
	width: 156px;
}

.miniForm .longerInput input.textfield {
	width: 156px;
}

.miniForm .postcodeInput input.textfield {
	width: 104px;
}

.miniForm .col2label {
	margin-left: 30px;
}

.miniForm input.textfield {
	width: 94px;
	border: 1px solid #bfbfbf;
	color: #777777;
	height: 19px;
	padding: 2px 2px 0px 2px;
}

.miniForm select {
	float: left;
	display: inline;
	width: 98px;
	border: 1px solid #bfbfbf;
	color: #777777;
	margin: 0px 0px 0px 0px;	
	padding: 2px 2px 2px 2px;
}

.miniForm label.checkboxLabel {
	margin: 2px 10px 0px 0px;
	color: #555555;
	float: left;
	display: inline;
	font-size: 1.2em;
}

.miniForm .currencyInput {
	width: 110px;
}

.miniForm .currencyInput .currencyLabel {
	float: left;
	display: inline;
	font-size: 1.6em;
	margin-right: 5px;
	padding-top: 2px;
}

.miniForm .currencyInput input.textfield {
	width: 90px;
}

.landingForm {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.landingForm .input {
	width: 140px;
}

.landingForm .input input.textfield  {
	width: 134px;
}

.landingForm .currencyInput input.textfield  {
	width: 120px;
}

.landingForm select {
	width: 140px;
}

.landingForm .linkbutton {
	margin-top: -4px;
}

.miniForm input.checkbox {
	width: 15px;
	margin: 2px 5px 2px 0px;
	border: 0;
	float: left;
	display: inline;
	height: 15px;
}

.landingForm .postcode_width input
{
	width:120px !important;
}

/* MINIFORM : END */

/* TOOLTIPS : START */
#tooltipcontainer
{
    width: 283px;
    position: absolute;
    /*height: 500px;*/
    z-index: 10;
    margin-left: -8px;
}

#tooltipcontainer .tooltip
{
    float:left;
    width: 283px;
    display:none;
}

.creditcards .tooltip
{
    background: url("../images/tooltip_topframe_creditcards.gif") transparent no-repeat top; 
}

.mortgages .tooltip
{
    background: url("../images/tooltip_topframe_mortgages.gif") transparent no-repeat top; 
}

.loans .tooltip
{
    background: url("../images/tooltip_topframe_loans.gif") transparent no-repeat top; 
}

#tooltipcontainer .tooltip .tooltipcontent
{
    float:left;
    width: 248px;
    margin: 0px 0px 0px 0px;
    padding: 6px 15px 6px 20px;
}

#tooltipcontainer .tooltip .tooltipcontent div
{
    float:left;
    width:220px;
}

#tooltipcontainer .tooltip .tooltipcontent img
{
    position: absolute;
    bottom: 15px;
    padding-left: 5px;
}

#tooltipcontainer .tooltip p
{
    margin: 0px;
}

#tooltipcontainer .tooltip .hr
{
	margin: 5px 5px 5px 0px;
}

#tooltipcontainer .tooltipbottom
{
    float:left;
    width: 283px;
    height: 2px;
    line-height: 0;
    font-size: 0;
}

.creditcards .tooltipbottom
{
    background: url("../images/tooltip_bottom_creditcards.gif") transparent no-repeat top;
}

.loans .tooltipbottom
{
    background: url("../images/tooltip_bottom_loans.gif") transparent no-repeat top;
}

.mortgages .tooltipbottom
{
    background: url("../images/tooltip_bottom_mortgages.gif") transparent no-repeat top;
}

/* TOOLTIPS : END */

/* TEASER TABLES : START */

#tableWrapper {
	clear: both;
	width: 889px;
	margin: 0px auto;
	padding: 10px 0px 0px;
	background:#fcfcfc;
}

#tableIntro
{
	padding:0px 20px 15px 20px;
}
.wrapper
{
	display: inline;
	float: left;
	padding:5px 10px 0px 0px;
}

.wrapper_alt
{
	display: inline;
	float: left;
	padding:0px 0px 0px 0px;
}

.alignleft {
	display: inline;
	float: left;
	margin: 0px;
	padding: 0px;
}

/*
.alignright {
	display: inline;
	float: right;
	margin: 0px;
	padding: 0px;
}*/

.alignright h3 {
	padding: 20px 5px 0px 0px;
}

.alignright h3 a {
	text-decoration: none;
}

#tableIntro .alignleft
{
	display: inline;
	float: left;
	margin:0px 0px 0px 0px;
	padding:0px 3px 0px 10px;
	font-size: 1.2em;
	color: #555555;
}

#tableIntro .alignleft a
{
	text-decoration: none;
}

#tableIntro .alignleft select
{
	width: 40px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
}

#tableIntro .alignleft ul
{
	display: inline;
	float: left;
	padding:0px 5px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#tableIntro .alignleft ul li
{
	display: inline;
	float: left;
	padding:0px 0px 0px 5px;
	font-size: 1em;
	color: #555555;
}

#tableIntro .alignleft ul li a
{
	text-decoration: underline;
	color: #555555;
}

#tableIntro .alignleft ul li a.selected
{
	text-decoration: none;
}

#tableIntro .alignright
{
	display: inline;
	float: right;
	padding:0px 0px 0px 0px;
	color: #555555;
	font-size: 1.2em;
}

#tableIntro h2
{
	display:inline;
	margin:0px 10px 0px 0px;
}

#tableIntro p
{
	font-size:1.2em;
	display:inline;
	margin:0px 20px 0px 0px;
}

#tableIntro .currencyLabel
{
	font-size:1.4em;
}

#tableIntro input.textfield
{
	display:inline;
	float:none;
	font-size:1em;
	width:100px;
	padding:2px;
}

#tableIntro select
{
	font-size:1em;
	width:120px;
	margin:0px 0px 0px 5px;
	padding:1px;
}

#tableIntro input.linkbutton
{
	height:21px;					/* CHANGED NT */
	font-size:1em;					/* CHANGED NT */
	margin:0px 0px 0px 5px;			/* CHANGED NT */
	padding: 0px 8px 0px 8px;
	color:#9d85c8;
	cursor:pointer;
	font-family:arial, sans-serif;
	position: relative;
	top: 1px;
	*top: 0px;
}

#tableIntro p.validationError
{
	margin:5px 0px 0px 0px;
	display:block;
}

.creditcards #tableBackground
{
	background:#ffffff url("../images/table_bg_green.gif") repeat-y 0px 0px;
	height:100%;
	position:relative;
}

.loans #tableBackground
{
	background:#ffffff url("../images/table_bg_purple.gif") repeat-y top left;
	height:100%;
	position:relative;
}

.mortgages #tableBackground
{
	background:#ffffff url("../images/table_bg_olive.gif") repeat-y top left;
	height:100%;
	position:relative;
}

.tableFilters
{
	width:184px;
	float:left;
	border-top:solid 1px #e6e6e6;	
}

.tableFilters .filterTitle
{
	height:35px;
	background:#fcfcfc;
	color:#555555;
	font-weight:normal;
	font-size:1.2em;
	padding:7px 0px 0px 20px;
	border-bottom:solid 1px #e6e6e6;
}

.tableFilters .filterResults
{
	width: 140px;
	color:#555555;
	font-weight:normal;
	font-size:1.2em;
	padding:7px 0px 0px 20px;
}

.tableFilters .filterResults .checkbox_column
{
	display: inline;
	float: left;
	width: 22px;
}

.tableFilters .filterResults .checkbox_column input
{
	margin:4px 0px 0px 0px;
	#margin:0px 0px 0px 0px;
}

.tableFilters .filterResults .info_column
{
	display: inline;
	float: left;
	padding:4px 0px 5px 0px;
	width:115px;
}

.tableFilters ul
{
	list-style:none;
}

.tableFilters ul li a
{
	display:block;
	height:40px;
	line-height:40px;
	padding:0px 0px 0px 20px;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
}

.tableInfo
{
	position:absolute;
	bottom:0px;
	left:0px;
	padding: 0px 0px 0px 10px;
	width:145px;
}

.creditcards .tableFilters ul li a
{
	background:url("../images/table_filter_bg_green.gif") no-repeat top left;
	color:#609499;
}

.creditcards .tableFilters ul li.selected a
{
	height:44px;
	background:url("../images/table_filter_bg_sel_green.gif") no-repeat top left;
}

.loans .tableFilters ul li a
{
	background:url("../images/table_filter_bg_purple.gif") no-repeat top left;
}

.loans .tableFilters ul li.selected a
{
	height:44px;
	background:url("../images/table_filter_bg_sel_purple.gif") no-repeat top left;
}

.mortgages .tableFilters ul li a
{
	background:url("../images/table_filter_bg_olive.gif") no-repeat top left;
}

.mortgages .tableFilters ul li.selected a
{
	height:44px;
	background:url("../images/table_filter_bg_sel_olive.gif") no-repeat top left;
}

.tableContent
{
	width:705px;
	float:left;
	border-top:solid 1px #e6e6e6;	
}

.smalltableContent
{
	width:556px;
	float:left;
	border-top:solid 1px #e6e6e6;	
	border-bottom:solid 1px #e6e6e6;
}

.largetableContent
{
	border-top: 0px;
	width:889px;
	float:left;
}

.tableContent table
{
	width:100%;
	border-collapse:collapse;
	background:#ffffff;
}

.tableContent th
{
	height:35px;
	text-align:left;
	color:#555555;
	font-weight:normal;
	font-size:1.2em;
	vertical-align:top;
	padding:7px 5px 0px 5px;
}

.tableContent th a.smalllinkbutton
{
	font-weight:bold;
}

.tableContent thead tr
{
	height:42px;
}

.tableContent tr.creditcards
{
	background-color: #eef6f7;
}

.tableContent tr.loans
{
	background-color: #f7f4fc;
}

.tableContent tr.mortgages
{
	background-color: #f6f6ed;
}

.tableContent td.white
{
	background-color: #ffffff;
}

.tableContent td.centered
{
    text-align: center;
}

.tableContent td.compare_arrow_credit
{
	background:url("../images/results_compare_credit.jpg") no-repeat top center;
	border-top: 0;
	background-color: #eef6f7;
}

.tableContent td.compare_arrow_loans
{
	background:url("../images/results_compare_loans.jpg") no-repeat top center;
	border-top: 0;
	background-color: #f7f4fc;
}

.tableContent td.compare_arrow_mortgages
{
	background:url("../images/results_compare_mortgages.jpg") no-repeat top center;
	border-top: 0;
	background-color: #f6f6ed;
}
.tableContent td.compare_arrow_white
{
	background:url("../images/results_compare_white.jpg") no-repeat top center;
	border-top: 0;
}
input.compare_box {
	width: 15px;
	margin-left: 25px;
	border: none;
}

/*FireFox 2 and IE7 */
.tableContent thead tr, x:-moz-any-link {height:43px;}

/*FireFox 3 and IE7 */
.tableContent thead tr, x:-moz-any-link, x:default {height:43px;}

/* IE7 */
.tableContent thead tr {#height:42px;}

.tableContent td
{
	padding:25px 5px 25px 5px;
	border-top:solid 1px #e6e6e6;
	vertical-align:top;
	font-size:1.2em;
	color:#666666;
}

.tableContent td.noborder
{
	border: 0px;
}

.tableContent td.creditCardName 
{
	width:180px;
	font-size:1.1em;
	padding:25px 0px 25px 0px;
}

.tableContent td.creditCardName h2 
{
	font-size:1.4em;
	padding:0px 0px 0px 20px;
}

.tableContent td.creditCardName p 
{
	font-size:1.1em;
	padding:0px 0px 10px 20px;
}

.tableContent td.creditCardName img
{
	 float:left;
	 margin:0px 10px 0px 0px;
}

.tableContent td.lenderName 
{
	width:160px;
	font-size:1.1em;
	padding:25px 5px 25px 0px;
}

.tableContent td.lenderName img
{
	 float:left;
	 margin:0px 10px 0px 0px;
}

.tableContent td.provider
{
	width:125px;
	padding:25px 20px 25px 0px;
	font-size:1.2em;
	text-align:center;
}

.tableContent td.moreinfo, .tableContent td.moreinfoapply
{
	width:230px;
	padding:10px 10px 10px 0px;
	font-size:1.2em;
}
.tableContent td.moreinfo
{
	padding:10px 10px 10px 0px;
}
.tableContent td.moreinfoapply
{
	padding:10px 10px 10px 10px;
}
.creditcards .tableContent td.moreinfo
{
    padding:0px 10px 5px 10px;
	font-size:1.2em;
	width:15%;
}
.creditcards .tableContent td.moreinfointro
{
    padding:0px 10px 12px 10px;
}

.creditcards .tableContent td.moreinfolabel
{
    padding:0px 10px 2px 10px;
	font-size:1.2em;
	width:40%;
}

.tableContent td.padding
{
	padding:10px 30px 10px 30px;
}

.tableContent td.apply
{
    padding:10px 25px 25px 25px;
}

.tableContent td.moreinfo h2 
{
	font-size:1.4em;
	padding:0px 0px 0px 0px;
}

.tableContent td.moreinfo p 
{
	font-size:1.1em;
	padding:0px 0px 0px 0px;
}

.tableConted td.mortgageprovider
{
    padding: 20px 20px 20px 0px;
}

.tableContent td.provider img
{
	display:block;
	margin:0px 0px 10px 0px;
}

.tableContent td.mortgageprovider img
{
    display: block;
	margin:0px 0px 0px 0px;    
}

.tableContent td.price
{
	font-size:1.4em;
	color:#333;
	font-weight:bold;
}

.tableContent td.linkButtonCell
{
	white-space: nowrap;
}

.tableContent td .linkbutton
{
	font-size:1.166em;
}

.tableContent ul.tableLinks
{
	list-style:none;
}

.tableContent ul.tableLinks a
{
	font-size:1em;
}

a.tableLinkButton
{
	display:block;
	width:95px;
	height:28px;
	background:url("../images/link_button_bg.gif") repeat-x top left;
	border:1px solid #bcd5d7;
	text-align:center;
	line-height:28px;
	text-decoration:none;
	color:#609499;
	font-size:1.166em;
}

span.mediumPercent
{
	font-size:2em;
	color:#333;
}

.largePercent strong
{
	font-size:2.7em;
	color:#333;
}

.furtherInfo
{
    padding-left: 5px;
}

.furtherInfoHeading
{
    padding-left: 12px !important;
}

th.first
{
    padding-left: 0px;
}

/* TEASER TABLES : END */

/* GLOSSARY MENU */

#glossaryMenu {
	margin: 0px 0px 0px 0px;
}

#glossaryMenu {
	list-style-type: none;
}

#glossaryMenu li {
	float: left;
	display: inline;
	height:36px;
	#height:30px;	
}

#glossaryMenu li a {
	display: block;
	color: #555555;
	font-size:1.2em;
	text-decoration:none;
	padding-top:6px;
	padding-right:6px;
	text-align:center;
}

#glossaryMenu li a:hover {
	text-decoration:underline;
}

.home .glossarySubtitle {
	color:#555555;
	font-size:1.2em;
	font-weight:normal;
	padding-bottom:0px;
	}
.glossarySelected{
	font-weight:bold;
	text-decoration:underline !important;
	}


/* GLOSSARY MENU: END */

/* STATIC CONTENT: START */

 .contentStatic
{
	clear: both;
    width: 230px;
    padding: 0px 19px 19px 19px;
}

/* STATIC CONTENT: END */

/* LIGHTBOX: START */

#overlay
{
	position:fixed;	
	background:#000000;
	filter:alpha(opacity=50); 
    -moz-opacity: 0.5; 
    opacity: 0.5;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:100;
	display:none;
}

* html #overlay /* for ie6 */
{ 
	position: absolute;
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
}

#overlay a
{
	display: block;
	width: 100%;
	height: 100%;
}

.lightBox
{
	position:absolute;
	left:50%;
	top:120px;
	width:440px;
	background:#fff;
	margin:0px 0px 0px -240px;
	padding:20px;
	z-index:101;
	display:none;
}

.lightBox h2
{
	padding:0px;
}

.lightBox h3
{
	padding:0px;
	margin:0px 0px 15px 0px;
}

.lightBox p
{
	font-size:1.2em;
}

.lightBox .closelightbox
{
	font-size:1.2em;
	color:#555555;
	padding:0px 15px 0px 0px;
	background:url("../images/close_button.gif") no-repeat right center;
	text-decoration:none;
	margin:5px 0px 0px;
	float:left;
}

/* LIGHTBOX: END */


/* ADDED NT 25-08-09 */

.tmmextramargin 
{
	margin-right: 15px !important;
}

p.validationConfirmation
{	
	padding:10px 20px;
	font-weight:bold;
	background: #3fb957 !important;
	color:#fff;
}

#purpose
{
	width: 120px;
}

#timeFrame
{
	width: 120px;
}

.buttonarrowbg
{
	background: url("../images/button_arrow_bg.gif") no-repeat right top !important;
	height: 20px;
	width: auto;
	padding: 4px 28px !important;
	padding-left: 10px !important;
	font-size: 1.6em;
	text-decoration: none;
	font-weight:bold;
}

/* TABLE CONTENT */

table.contentTable
{
	font-size: 1.2em !important;
	color: #555555;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, sans-serif;
	border-top: 1px solid #e6e6e6;
	border-collapse: collapse;
	
}

table.contentTable th
{
	padding: 10px 10px 10px 10px;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

table.contentTable td
{
	padding: 10px 10px 10px 10px;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #e6e6e6;
}

table.contentTable td p
{
	font-size: 1em !important;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

table.contentTable td p.last							/* cancels bottom margin for last paragraph to make cell spacing consistent for all edges */
{
	margin-bottom: 0px;
}

td.cellone												/* styling for left-most cell */
{
	color: #4f8c5b;
	border-bottom: 1px solid #FFFFFF !important;
	background-color: #dfeae1;
}

td.lastcell												/* removes border for last cells */
{
	border-bottom: 1px solid #FFFFFF !important;
}

td.topcell												/* puts border back on for top cell */
{
	border-top: 1px solid #e6e6e6 !important;
}
.lastUpdated
{
    width:100%;
}
.right
{
    float:right;
}
.right p
{
    color: #609499;
    font-size: 1.4em !important;
}
.left50
{
    width:50%;
    float:left;
}
td.bottom
{
    vertical-align: bottom;
    padding-left: 10px !important;
}
/*td.cardapply
{
    padding: 0.2em 0.5em 0.4em 0.7em !important;
}*/
td.cardapply a
{
    font-size: 1.2em !important;
    text-decoration: none !important;
}
td.cardapplyblank
{
    background-color: #eef6f7;
}
.hidden
{
    display:none;
}