/* Includes Mortgage Search and results table styles
--------------------------------------------------------- */
.SearchForm {
	float: left;
	}
    .SearchForm table.ProductResults {
	    margin: 0 0 10px 0;
	    border: 1px solid #666;
	    }
	    .SearchForm table.ProductResults th {
	        font-weight: bold;
	        text-align: left;
	        vertical-align: top;
	        padding: 8px 5px;
	        }
            table.ProductResults th.filters {
	            text-align: center;
	            border-left: 1px solid #ccc;
	            }
        .SearchForm table.ProductResults td {
	        font-size: 0.9em;
	        padding: 8px 5px 8px 5px;
	        vertical-align: middle;
	        text-align: left;
	        line-height: 1.3em;
	        }

table.SortBy {
	width: 100%;
	}	
	
/*Titles & labels*/
span.ShowingResultsTxt {
	font-size: 1em;
	color: #503F33;
	margin-top: -20px;
	margin-right: 10px;
	float: right;
	display: block;
	}
	
/* Sliders 
---------------------------------------------------------- */
#SliderCriteria {
    margin: 4px 0;
    }
    fieldset#SliderCriteria input,
    fieldset#SliderCriteria select {
        font-family: tahoma,verdana,arial,helv,sans-serif;
        font-size: 1.5em;
        }
        fieldset#SliderCriteria .UiButton span input {
            font-size: 1em;
            }
    
div.SliderBlock {
    background-color: #fff;
    margin: 2px 4px;
    text-align: left;
    }
    div.SliderBlock h3 {
        font-size: 120%;
        padding: 8px;
        padding-bottom: 4px;
        }
    
.SliderInput {
    padding: 8px;
    }
    
th.FindStats, table.ProductResults thead th.FindStats {
	background: #503F33;
	padding: 5px 5px 3px 5px !important;
	}
th.FindStats p {
	color: #fff;
	float: left;
	font-size: 90% !important;
	padding-bottom: 0 !important;
	text-align: left;
	white-space: nowrap;
	}
	th.FindStats p span.FindTotal { color: #fff; }
	th.FindStats p span.FindVisible { color: #CFFFCF; }
	th.FindStats p span.FindFiltered { color: #FFC4BF; }
    	
	th.FindStats p.SortList {
		color: #fff;
		float: right;
		text-align: right;
		width: 30%;
		}
		th.FindStats p.SortList select {
			font-size: 1em;
			font-weight: normal;
			}
			    
/* Statistics on products returned / filtered etc.
---------------------------------------------------------- */

/*Filter boxes*/
#InitialFilter,
#SideFilter {
    background-color: #F5F5F3;
    text-align: left;
    }
    #SideFilter h2,
    #InitialFilter h2 {
        background: #338593 url(/Images/DecisionCentre/Common/TabActive.gif) repeat-x top left;
        color: #fff;
        font-size: 150%;
        padding: 10px;
        margin-bottom: 0;
        text-transform: uppercase;
        }
    #InitialFilter p,
    #InitialFilter h3 {
        padding: 10px;
        padding-bottom: 0px;
        margin-bottom: 0px;
        }
    #InitialFilter h3 {
        color: #444;
        font-size: 1.15em !important;
        }
        
/*single box*/
.SingleBox table.CheckboxFilterTable {
    margin-left: 10px;
    }
/*2nd box*/
#InitialFilter .SecondHeader {
    margin-left: 20px;
    }
.SecondBox table.CheckboxFilterTable {
    margin-left: 20px;
    }

/* Checkbox table filters
---------------------------------------------------------- */
fieldset#ResultsCriteria table.CheckboxFilterTable {
    width: 100%; /*kills loans*/
    }
table.CheckboxFilterTable {
	border: 0 none !important;
	line-height: normal;
	margin-left: 10px;
	margin-top: 4px;
	vertical-align: top;
	}
	table.CheckboxFilterTable td.CheckboxCell {
		vertical-align: top;
		padding: 4px 7px 3px 2px;
		}
	    form fieldset table.CheckboxFilterTable td.CheckboxCell input {
		    display: inline;
		    border: none;
		    background-color: transparent;
		    }
	table.CheckboxFilterTable td.LabelCell {
		vertical-align: middle;
		text-align: left;
		}
	    form fieldset table.CheckboxFilterTable td.LabelCell select {
		    font-size: 1em;
		    vertical-align: top;
		    }
	table.CheckboxFilterTable td.GlossaryCell {
		width: 14px;
		text-align: right;
		padding: 0;
		}
	form fieldset table.CheckboxFilterTable label {
		font-size: 1em !important;
		float: left;
		color: #444;
		display: block;
		line-height: 1.3em;
		padding: 2px 10px 3px 0;
		vertical-align: top;
        }
	table.CheckboxFilterTable tr.FinalCheckBox td {
		padding-bottom: 10px !important;
		}
		
/*Results Searchform*/
fieldset#ResultsCriteria {
	margin-bottom: 10px !important;
    }
    fieldset#ResultsCriteria div.SecondBox {
	    margin: 0 10px;
        }
    fieldset#ResultsCriteria label {
	    font-size: 1em;
	    padding-right: 0;
        }
    fieldset#ResultsCriteria div.FloatItem .SearchField {
	    margin-top: 2px !important;
        }

/*Card issuer list filter*/
table.CardIssuers {
	line-height: normal;
	margin: 2px !important;
	vertical-align: top;
	width:100%;
	}
	table.CardIssuers td input {
		padding: 0;
		margin-right: 10px;
		float: left;
		clear: none;
		border: none;
		background-color: transparent;
		vertical-align: top;
		}
	table.CardIssuers td label {
		text-align: left;
		font-size: 0.9em !important;
		clear: none;
		color: #444;
		display: block;
		line-height: 1.3em;
		padding-left: 24px;
		padding-bottom: 3px;
		vertical-align: top;
		}
		    
p.NonPartnerText {
    background-color: #FFF5CF;
    border-bottom: 1px solid #FFCC00;
    border-top: 1px solid #FFCC00;
    color: #AC0B0B;
    margin-bottom: 10px;
    padding: 10px !important;
    position: relative !important;
    }
    
.KeyInfoGraphic {
    background-image: url(/Images/DecisionCentre/Common/KeyInfo.gif);
    background-repeat: no-repeat;
    display: block;
    font-size: 85%;
    min-height: 15px;
    padding: 1px 1px 2px 21px;
    text-align: left;
    }
        
.LovePartner {
    color: #66A4AE;
    background-position: 0px 0px;
    }
        
/*Tick*/
.InternetOpt, .TelephoneOpt, .NoArrangementFees { color: #5b0; background-position: 0 -50px; }
        
/*Cross*/
.NotOnline { color: #c00; background-position: 0px -100px;}
.BranchOnly { color: #c00; background-position: 0px -150px; }
.PhoneOnly { color: #c00; background-position: 0px -200px; }
.SecuredLoan { color: #007ab2; background-position: 0px -250px; }
.UnsecuredLoan { color: #5b0; background-position: 0px -300px; }
.ArrangementFees { color: #007ab2; background-position: 0px -350px; }
        
/* Pagination
---------------------------------------------------------- */
div.Page {
    clear: both;
    margin: 0 auto 2.7em auto;
    text-align: center;
	}
	.Pages a,
	.Pages span {
	    background: #fff;
	    border: 1px solid #fff;
	    color: #539EBF !important;
	    display: block;
		float: left;
		margin: 1em 0.1em 1em 0;
		padding: 0.25em 0.5em;
		}
	    .Pages span.Current,
	    .Pages a.Current {
	        background: #008aca !important;
	        border: 1px solid #008aca;
		    color: #fff !important;
		    font-weight: bold;
		    }
	.Pages a {
	    border: 1px solid #7DC1DF;
	    text-decoration: none !important;
		}
		.Pages a:hover {
			background-color: #EFFAFF;
			border-color: #008aca;
			color: #008aca !important;
			}
			.Pages a:hover.Current {
			    color: #fff !important;
			    }
		.Pages a.NextPrev {
			font-weight: bold;
			}
		.Pages span.NextPrev {
			border: 1px solid #ddd;
			color: #999 !important;
			}

/*Headers*/
.SubHeader {background-color:#E5F0F1; border-bottom: 3px solid #CCE1E4; margin-bottom: 10px;}
.SubHeader h2 {color: #4d95a0; font-size: 160%; font-weight: normal; padding: 6px 8px 6px 8px; margin-bottom: 0;}

h3.Benefits {
    color:#8BCC28;
    margin-bottom:0.5em;
    }
    div.Drawbacks h3 {
        color:#991E2B;
        margin-bottom:0.5em;
        }

table.ProductInfo {
	border-spacing: 0;
	border-collapse: collapse;
	float: none;
	clear: both;
	font-size: 1em;
	width: 100%;
	}
	table.ProductInfo td {
        border-bottom: 1px solid #eee;
        padding: 5px;
        text-align: right;
        vertical-align: middle;
        }
        table.ProductInfo tbody td.Apr {
            color: #FF7200;
            font-size: 130%;
            font-weight: bold;
            }
    table.ProductInfo th {
        border-bottom: 1px solid #eee;
        text-align: left;
        padding: 5px 0 5px 10px;
        width: 50%;
        vertical-align: middle;
        }
    table.ProductInfo thead th {
        background: #fcfcfc url(/Images/DecisionCentre/Common/TableHeadRowBackground.gif) repeat-x scroll left bottom;
        border-bottom: 1px solid #ccc;
        color: #444;
        font-weight: bold;
        padding-bottom: 8px;
        padding-top: 8px;
        vertical-align: top;
        }
    table.ProductInfo tr {
        background-color: #fff;
        }
        table.ProductInfo tr.Odd,
        table.ProductInfo tr.odd {
            background-color: #FCFCFC;
            }

#tdLargeImage {
    text-align: center;
    width: 20%;
    }
    
/*Loans criteria*/    
div.Criteria ul {
    list-style-type:none;
    margin:0 0.25em 0.5em 0;
    padding-left:0.25em;
    }
    div.Criteria ul li.Tick {
    border-bottom:1px solid #EBEBEB;
    padding:5px 10px 5px 29px !important;
    background:transparent url(/Images/Global/MiniIcons.gif) no-repeat scroll 9px -2533px !important;
    margin-right: 20px;
    }
    
ul.BenefitsList,
ul.DrawbacksList {
    border-top: 1px solid #EBEBEB;
    font-family: tahoma,Verdana,Arial,helv,sans-serif;
    font-size: 90%;
    margin: 0;
    padding: 0 0 1em !important;
    width: 100%;
    }
    ul.BenefitsList li,
    ul.DrawbacksList li {
        border-bottom: 1px solid #EBEBEB;
        cursor: pointer;
        padding: 5px 10px 5px 29px !important;
        position: relative;
        }
    ul.BenefitsList li {
        background: transparent url(/Images/Global/MiniIcons.gif) no-repeat 9px -2764px !important;
        }
    ul.DrawbacksList li {
        background: transparent url(/Images/Global/MiniIcons.gif) no-repeat 9px -2994px !important;
        }        
        
div.Phone p {
    padding-bottom: 0;
    }
    div.Phone p.PhoneNumber {
        color:#FF7200;
        font-size:135% !important;
        font-weight:bold;
        }
        
div.TableContain {
    padding-right: 20px;
    }
            
table.Basic {
	width: 100%;
	border-spacing: 10px 0;
	margin: 10px 0;
	}	
    table.Basic thead th {
	    text-align: center;
	    font-weight: bold;
	    border-bottom: 1px #eaeaea solid;
	    font-size: 90%;
	    padding: 0 10px 6px 10px;
	    vertical-align: bottom;
	    }
    table.Basic tbody td {
	    padding-top: 5px;
	    font-size: 90%;
	    text-align: center;
	    }

table.BasicThirds thead th {
    width: 33%;
    }
table.BasicFifths thead th {
    width: 20%;
    }

table.MissedPayments tbody td {
	font-size: 120% !important;
	font-weight: bold;
	}
	
table.RepaymentExamples {
	color: #555;
	margin-bottom: 0;
	width: 100%;
	}
    table.RepaymentExamples	thead th {
	    padding-top: 7px;
	    }
    table.RepaymentExamples	tbody tr td {
	    padding: 6px;
	    }
    table.RepaymentExamples	.LeftRule {
	    border-left: 1px #eaeaea solid;
	    }
    table.RepaymentExamples	.TopHeader {
	    text-align: left;
	    }
    table.RepaymentExamples	tbody tr.Odd td {
	    background-color: #fcfcfc;
	    }

table.Repayments th {
	width: 100%;
	}

table.AboutThisProduct {
	width: 100%;
	border-top: 1px #ebebeb solid;
	margin-top: 8px;
	}
    table.AboutThisProduct tbody th {
	    border-bottom: 1px solid #EBEBEB;
	    padding: 5px 0px 5px 10px;
	    text-align: left;
	    width: 100%;
        }
        table.AboutThisProduct tbody tr.Odd th,
        table.AboutThisProduct tbody tr.Odd td {
	        background-color: #FCFCFC;
            }
    table.AboutThisProduct tbody td {
	    border-bottom: 1px solid #EBEBEB;
	    padding: 5px 10px 5px 0px;
	    text-align: right;
        }
        table.AboutThisProduct tbody td.Apr {
	        font-size: 1.5em;
	        font-weight: bold;
            }

div.Full table.AboutThisProduct tbody th {
	width: 30%;
	vertical-align: top;
	}
div.Full table.AboutThisProduct tbody td {
	width: 70%;
	text-align: left;
	}
	div.Full table#Terms tbody td { /*mortgages*/
    border-bottom: 0;
    font-size: 0.9em;
    text-align: left;
    width: 100% !important;
    }

table.ProductResults td.BorderBottom ul { /*IE7 fix*/
	padding-left: 10px;
	}
    table.ProductResults td.BorderBottom ul li {
	    text-align: left; 
	    margin-right: 6px;
	    padding-bottom: 10px;
	    padding-left: 0px;
	    list-style-type: square;
	    }

/*MoreInfo btns*/
table a.MoreInfo {
	background-image: url(/Images/DecisionCentre/Common/MoreInfoBtn.png);
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	width: 140px;
	text-indent: -9999px;
	overflow:hidden;
	clear: none;
	cursor: pointer !important;
	margin: 10px 0;
	}
table a.PrePageBtn {
	background-position: 0px 0px;
	float: left;
	}
    table a.PrePageBtn:hover {
	    background-position: 0px -28px;
	    float: left;
	    }
table a.ApplyNowBtn {
	background-position: 0px -56px;
	float: right;
	}
    table a.ApplyNowBtn:hover {
	    background-position: 0px -84px;
	    float: right;
	    }
	    table a.PrePageBtn:focus, table a.ApplyNowBtn:focus {
		    outline: none;
		    }

/*AreYouSure*/
a.AreUSure {
	background-image: url(/Images/DecisionCentre/Common/AreUSureBtn.png);
	}
