/* can't use IDs because the links and containing mainMenu <div> need to be runat="server" */
.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.png");
	_background-image: url("../images/tab_bg.gif"); /* ADDED FOR IE6 */
	background-repeat: no-repeat;
	background-position: 1px 0px;
	width: 151px;
	height: 147px;
	cursor: pointer;
}

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

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

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

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

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

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

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

/* prevent hover behaviour - as this area is for visual aid only and not for navigation */
.formpage_creditcards #paging ul li a:hover, .formpage_loans #paging ul li a:hover
{
	background-position: 0 0;
}
.formpage_creditcards #paging ul li.selected a:hover
{
	background-position: 0 -30px;
}
.formpage_loans #paging ul li.selected a:hover
{
	background-position: 0 -45px;
}

#ErrorBox
{
	background-color: #333333;
}
#ErrorBox p
{
	padding: 10px;
	color: #ffffff;
}
.inError
{
	background-color: #333333;
	color: #ffffff;
}

.tableContent .showMoreList, .tableContent .benefitscol ul
{
	list-style: none;
}
.tableContent td.benefitscol
{
	font-size: 1.1em;
}

.tableContent td.upSell
{
	font-size: 1em;
	padding: 5px 0 0 5px;
	width: 260px;
}

h3.upSellHeader
{
	font-size: 1.2em;
	padding: 0px 0px 0px 0px;
}

.upSellTableHeader
{
	height: 25px;
	background-color: #ACD140;
	padding: 5px 0px 0px 5px;
	color: #ffffff;
	font-size: 1.2em;
}


.upSellHeaderMortgages
{
	color: #818241 !important;
	font-style: normal;
}

.upSellHeaderCreditCards
{
	color: #609499 !important;
	font-style: normal;
}

.upSellHeaderLoans
{
	color: #9D85C8 !important;
	font-style: normal;
}

.upSellHeaderInsurance
{
	color: #BE7E2D !important;
	font-style: normal;
}

.creditcards .tableContent td.actions
{
	width: 96px;
}

/* vertical-specific email submit buttons */
.creditcards .emailfind
{
	color: #609499;
}
.mortgages .emailfind
{
	color: #818241;
}
.loans .emailfind
{
	color: #9D85C8;
}

/* compare apply now submit button needs to be a link */
.comparelinkbutton
{
	display: block;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	text-align: center;
	width: 75px;
}

/* form submit button needs to be a link */
a.linkbutton
{
    margin: 0px 5px 0px 5px;
	cursor: pointer;
	font-family: arial, sans-serif;
	overflow: visible;
	font-weight: bold;
}

.accordion a.linkbutton
{
	margin: 0px 0px 0px 0px;
	cursor: pointer;
	font-family: arial, sans-serif;
	overflow: visible;
	font-weight: bold;
}

/* form submit button needs to be a link */
a.linkbuttonNojQueryHover
{
	margin: 0px 5px 0px 5px;
	cursor: pointer;
	font-family: arial, sans-serif;
	overflow: visible;
	font-weight: bold;
	border: 2px solid #d0aebd;
	color: #9f5d7c;
}


/* override table padding in some special cases */
.tableContent td.bottompadding
{
	padding: 0 30px 10px;
}
.tableContent td.toppadding
{
	padding: 10px 30px 0;
}

/* content styles */
.creditcards ol
{
	margin: 0 0 10px 2em;
	line-height: 1.3em;
}
.creditcards ol.tips li
{
	font-size: 1.2em;
	color: #555555;
	line-height: 1.3em;
	margin-bottom: 10px;
}
.extendedMainContent
{
	clear: both;
	background: #fcfcfc;
	width: 849px;
	margin: 10px auto 0px auto;
	padding: 10px 10px 10px 30px;
}

/* hide compare checkboxes and some table column when showing prepaid cards */
.creditcards .prepaidTable input.compare_box, .creditcards .prepaidTable td.cellBalTrans, .creditcards .prepaidTable td.cellPurch, .creditcards .prepaidTable td.cellTypApr
{
	display: none;
}

.creditcards .prePaidFeesAndCharges
{
    width:0px;
}

.creditcards .prepaidTable .prePaidFeesAndCharges
{
    width:150px;
}

.creditcards .feesAndChargescol
{
    width:0px;
}

.creditcards .prepaidTable .feesAndChargescol
{
    width:150px;
}

.prepaidDataList .dataRow 
{
    font-size: 0.8em;
    margin: 0px 0px 0px 0px;
}

.prepaidDataList .dataRow .dataLabel
{
    margin: 0px 0px 0px 0px;
    text-align:left;
    font-weight:normal;
    width:76%;
    margin:0px;
    float:left;
    text-indent:0;
}

.prepaidDataList .dataRow .dataEntry
{
    margin: 0px 0px 0px 0px;
    width:24%;						/* Necessary for FF2 */
    margin:0;
    overflow:hidden;
}


.creditcards .largePercent strong
{
	font-size: 2.25em;
}

.creditcards .benefitscol .prepaidBenefitsList
{
	list-style-type: disc;
	list-style-position: inside;
}

/* Hide Checkbox */
.checkBoxHidden
{
	visibility: hidden;
}

/* new homepage styles - classes as we can't use IDs */
select.purpose, select.timeFrame
{
	width: 150px;
}

.miniForm .mediumLabel
{
	width: 120px;
}

/* table intro button needs to be a link */
#tableIntro a.linkbutton
{
	color: #9D85C8;
	cursor: pointer;
	font-family: arial,sans-serif;
	font-size: 1em;
	height: 21px;
	margin: 0 0 0 5px;
	padding: 1px 8px;
	position: relative;
	top: 1px;
}

/* correction to background position */
.buttonarrowbg
{
	background: url("../images/button_arrow_bg.gif") no-repeat right center !important;
}

/* ovveride of linkbutton style */
.upsellQuote
{
	width: 115px;
}
/* override linkbox styles */
.linkbox
{
	width: 160px;
}

/* custom label widths */
#mainContainer .miniForm .poundCurrencyLabel
{
	width: 137px;
}
#mainContainer .miniForm .poundCurrencyInput input.textfield
{
	width: 104px;
}
#mainContainer .miniForm .poundCurrencyInput
{
	width: 124px;
}

.loans .largePercent strong
{
	font-size: 1.5em;
}

/* results page APR */
.mortgages .largePercent strong
{
	font-size: 1.5em;
}

.mortgages .tableContent td.mortgageProvider
{
	width: 125px;
	padding: 25px 0 25px 5px;
	font-size: 1.2em;
}

.mortgages .resultsTableFilters
{
	width: 168px;
	float: left;
	border-top: solid 1px #e6e6e6;
}


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

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

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

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

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

/* filler column for pre-paid cards */
.prepaidTable
{
	width: 521px;
}
.creditcards #tableBackground.prepaid
{
	background: #FFFFFF url(../images/table_bg_green.gif) repeat scroll 0 0;
}
.padColumn
{
	width: 0px;
}
.signUpError
{
	background: #666666 none repeat scroll 0 0 !important;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 20px;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
}

/* Privacy Policy */
.noNumber
{
	list-style: none;
}

.LMBOpinionLink
{
	font-size: smaller;
}
/* styles used by jQuery, added to css to prevent compiler warnings - AH */
.pagenumber
{
}
.lightboxlink
{
}
.LMBOpinion
{
}

/* Glossary Navigation */

#alphabet
{
	padding: 10px 0;
}

#alphabet ul
{
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 0.9em;
}

#alphabet li
{
	list-style-type: none;
	display: inline;
	padding-bottom: 1px;
}

#alphabet a, #alphabet a:visited
{
	padding: 1px 6px;
	border: 1px solid #9aafe5;
	text-decoration: none;
	color: #2e6ab1;
}

#alphabet a:hover, #alphabet a:active
{
	border: 1px solid #2b66a5;
	color: #000;
	background-color: #dbf1da;
}

#alphabet a.currentpage
{
	background-color: #2e6ab1;
	color: #FFF !important;
	border-color: #2b66a5;
	font-weight: bold;
	cursor: default;
}

#alphabet a.nolink, #alphabet a.nolink:hover
{
	background-color: white;
	cursor: default;
	color: #bbb;
	border-color: #bbb;
	font-weight: normal !important;
}

/* Site Map */

.smRight
{
	float: right;
	width: 350px;
}

.smLeft
{
	width: 350px;
}

.smRight h3, .smLeft h3
{
	font-size: 1.2em;
	margin: 3px 0;
}

.smRight h3 a, .smLeft h3 a
{
	color: #390;
	text-decoration: none;
}

.smRight h3 a:hover, .smLeft h3 a:hover
{
	text-decoration: underline;
}


.smRight ul, .smLeft ul
{
	list-style: none;
	padding-left: 0;
	margin: 0 0;
}

.smRight li, .smLeft li
{
	padding: 1px 0 4px 18px;
	margin: 0 0;
	font-size: 1em;
	line-height: 1.5em;
}

.smRight li a:hover, .smLeft li a:hover
{
	color: #390;
}

.smListHead a
{
	color: black !important;
	font-weight: bold;
}

.clearboth
{
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1px;
	clear: both;
}

.leftLink
{
	float: left;
}

.rightLink
{
	float: right;
}

.resultsName
{
	float: left;
	width: auto;
	text-align: left;
}

/************************************************
  contact us styles
************************************************/

.iconEnvelope
{
	vertical-align: middle;
	padding-right: 5px;
	width: 15px;
	height: 12px;
}

.cProdIcon
{
	position: absolute;
	top: 0;
	left: 0;
	width: 78px;
	height: 67px;
}

.cProductRight
{
	float: right;
	width: 370px;
	position: relative;
}

.cProductContainer
{
	font-size: 1em !important;
	font-weight: bold;
	height: 60px;
}

.cProductContainer p
{
	position: absolute;
	top: 0;
	left: 90px;
}

.cProductLeft
{
	width: 350px;
	position: relative;
}



/* **************************** 
*	What we Think ToolTip *
*******************************/

.toolTipThink
{
	padding-right: 20px;
	color: #609499;
	position: relative; /*        font-size: smaller; */
	cursor: pointer;
	width: 100px;
}
.toolTipWrapper
{
	width: 170px;
	position: absolute;
	top: 0px;
	display: none;
	color: #000000;
	left: 0px;
}

.toolTipMidLeft
{
	padding: 8px 8px 8px 8px;
	background: #FFF;
	border-left: 2px solid #609499;
	border-top: 2px solid #609499;
	border-right: 2px solid #609499;
}

.toolTipClose
{
	background: url("../images/close_button.gif") no-repeat right center;
	float: right;
	padding: 0px 15px;
	color: #609499;
	font-weight: bold;
	font-size: 8pt;
}

.toolTipBtm
{
	height: 10px;
	background: url(../images/tooltip_bottom_transparent.gif) no-repeat;
}

* html .toolTipBtm
{
	background-position-x: 4px;
}

.toolTipTitle
{
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
}

.toolTipBody
{
	color: #666666;
	font-size: 1.1em;
}

.resultstooltipcontainer
{
	position: relative;
	width: 88px;
}


a.simpleLink
{
	text-decoration: none;
}
a.simpleLink:hover
{
	text-decoration: underline;
}


.NoResultUpSell
{
	padding: 0px 22px 0px 15px;
}

.brokerImage
{
	background-image: url("../images/brokerlady.gif");
	background-repeat: no-repeat;
}

.brokerText
{
	padding-left: 110px;
}

.floatRight
{
	float: right;
	padding: 0px 15px 0px 0px;
}

#UpSellTable tr
{
	height: 105px;
}

.remnantHeader
{
	clear: none;
}

.aboutBroker
{
	color: #9D85C8;
	font-size: 1.2em;
	font-weight:bold;
}

.leftImage
{
	background-image: url("../images/mortgages/callCenterLady.png");
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	height: 217px;
	width: 227px;
}

.rightText
{
	float: right;
	background-image: url("../images/mortgages/callCenterArrowSmall.gif");
	background-repeat: no-repeat;
	background-position: left 94%;
	padding-bottom: 0px;
	width: 334px;
}

.getAdvicefooter
{
	background-image: url("../images/mortgages/callCenterArrowSmall.png");
	background-repeat: no-repeat;
	background-position: left 92%;
	padding-left: 45px;
	float: right;
	width: 290px;
	position:relative;
	right:35px;
}

.comparisonAdviceFooter
{
    position:relative;
}

.comparisonAdviceFooterText
{
    float:left;
    width: 480px;
    padding-left: 10px;
}

.comparisonAdviceFooterButton
{
    background-image: url("../images/mortgages/callCenterArrowSmall.png");
	background-repeat: no-repeat;
	background-position: left 92%;
	width: 290px;
	padding-left: 45px;
	margin-top:60px;
	float: right;
}

H3.getAdviceTextFooter
{
	padding-left: 45px;
}

.aboutBroker
{
	color: #9D85C8;
}

.remnantLoan
{
	float: left;
}

.remnantApply
{
	margin-right: 30px !important;
}

.remnantLoanDetails
{
	height: 50px;
}

.remnantLoanDetails H3, .remnantLoanDetails p, .remnantLoanDetails IMG, .remnantLender
{
	display: inline;
}
.remnantLoanDetails IMG
{
	padding-left: 50px;
	vertical-align: middle;
}

.IXSContainer
{
	margin-bottom: 10px;
	overflow:hidden;
}

#IXSIntro
{
	margin-bottom: 8px;
}

#IXSCard
{
	width: 100%;	
	border-collapse:collapse;
}

#IXSCard .details
{
	background-color: #f7f4fc;
}

.IXSmortgage #IXSCard .details
{
	background-color: #f6f6ed;
}

#IXSCard .actions
{
	padding-left: 2px;
	padding-right: 2px;
}

.creditcards .featureComparisonApply
{
	vertical-align:bottom; 
	text-align:right; 
	background-color:white;
	padding-right: 40px;
}

.tableContent td.cardapply,
.tableContent td.cardapplyblank
{
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
.bottomPanels
{
    padding: 15px 30px;
}
.bottomPanels div.left, .bottomPanels div.right
{
    border: 2px solid #9BCBCF;
    width: 46%;
    padding: 0 10px 10px 10px;
}
.bottomPanels div.left
{
    float:left;
}
.bottomPanels div.left div.leftList
{
    width: 45%;
    float: left;
}
.bottomPanels div.left div.rightList
{
    width: 45%;
    float: right;
}
.bottomPanels div.right
{
    float: right;
}
.bottomPanels div h3
{
    font-size: 1.3em;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #609499;
}
.bottomPanels p
{
    font-size: 1.2em !important;
    color:#666666;
}
.bottomPanels a
{
    color:#666666;
    text-decoration: none;
}
.improveRatingLink
{
    float:left;
    padding-left: 20px;
    padding-right:15px;
}
.improveRatingLink p
{
    padding-left: 0 !important;
}
.accordion h3
{
    float:left;
    padding: 3px 10px 0 0;
}