table, table td, table th {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
}
th {
font-size:11px;
font-style:italic;
overflow: visible;
font-weight:normal;
background: #fff url('/images/bg7.gif') repeat-x scroll left bottom;
color:#333333;
text-align: left;
}
th div.helpText {font-style: normal; line-height: 140% !important}
.link {color: #003399; cursor: pointer}

div.twoCols table {border: 1px solid #CCCCCC; border:1px solid #CCCCCC;}
div.twoCols table td, div.twoCols table th {background-color: #fff; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; font-size: 13px;}
div.twoCols table th {background: #f2f2f2; font-style: normal; font-weight: bold; color: #666; line-height: 130%}
th strong {font-style: normal; font-size: 13px; color: #484848}

.calculatorsBar {background:url('/images/bg_calculator.gif') no-repeat; width: 506px; height: 66px; padding: 15px 0px 0px 18px}
.calculatorsBar img {float: left; margin: 0px; display: block}
.calculatorsBar .calcText {float: left; margin: 3px 26px 4px 2px; line-height: 110%}
.calculatorsBar .calcText.last {margin-right: 0px}

/*ul.tabs {display: none}*/

/* MORTGAGE FINDER */
.mortgage-finder-top {background: url('/images/mortgages/mortgage-finder-top.gif') no-repeat; padding-top: 10px; margin: 22px 0px 20px 0px}
.mortgage-finder-bot {background: url('/images/mortgages/mortgage-finder-bot.gif') no-repeat bottom; width: 524px;}
.mortgage-finder-content {padding: 0px 4px 2px 14px}
.mortgage-finder-content  form {margin: 6px 0px 0px 0px; padding: 0px}
.mortgage-finder-input {color: #333; border: 1px solid #c7c7c7; float: left; margin-right: 10px; margin-top: 4px; margin-left: 2px; font-size: 150%; width: 396px}
.mortgage-finder-find {margin-bottom: 12px}

.mortgage-finder-content {font-size: 90%}
.mortgage-finder-content select#customerType {width: 208px}
.mortgage-finder-content .customerTypeColumn {float: left; width: 208px; padding-right: 8px;}
.mortgage-finder-content select#mortgageType {width: 170px}
.mortgage-finder-content .mortgageTypeColumn {float: left; width: 170px; padding-right: 8px}
.mortgage-finder-content select#depositMin {width: 49px}
.mortgage-finder-content .depositColumn {float: left; width: 49px; padding-right: 0px}
.mortgage-finder-content .findColumn {float: left; width: 50px; padding: 16px 0px 0px 8px}

#mortgageFinder {margin-top: 12px}

.related_info form {margin: 0px}
.related_info select {width: 170px; border: 1px solid #999}
.related_info .mortgage-finder-find {margin: 16px 0px 2px 0px}
.related_info .customerTypeColumn, .related_info .mortgageTypeColumn, .related_info .depositColumn {margin-top: 4px}

/* MORTGAGE FINDER FUNCTIONAL BLOCKS */
.viewAllProducts {display: none}
.currentProducts .collapsiblePanelShowHide {border: 1px solid #cccccc; border-width: 1px 0px; padding: 4px 6px; margin: 8px 0px 0px 0px; background: #fff url('/images/bg_collapsible.gif') repeat-x bottom left; color: #333; font-weight: bold; line-height: 22px; cursor: pointer}
.currentProducts .collapsiblePanelShowHide a:link, .currentProducts .collapsiblePanelShowHide a:visited, .currentProducts .collapsiblePanelShowHide a:hover, .currentProducts .collapsiblePanelShowHide a:active {text-decoration: none; color: #333}
/* existing customers - remortgage / product transfer */
.existR  {margin: 0px; display: none; background: #fff; padding: 0px}

/* div.subHeading {background: #EEEEEE; color:#484848; font-style:normal; font-weight:bold; padding:3px 4px; border: 1px solid #ccc; border-width: 1px 0px; font-size: 85%} */
div.panel {
background:url('/images/bg_collapsible.gif') repeat-x scroll left bottom #FFFFFF;
border-color:#CCCCCC;
border-style:solid;
border-width:1px 0;
color:#333333;
font-weight:bold;
line-height:22px;
margin:8px 0 0;
padding:4px 6px;}

div.existR p {margin: 12px 10px}
#column2 div.existR ul li {margin-left: -10px;}

/* end existing customers */

.searchResultsConfirmation, .noResults {display: none; margin: 12px 12px 6px 12px}
.centerColumnTabContent ul li {margin-left: -18px}
#centerColumnContent .currentProducts {padding: 0px 0px 8px 0px !important}

.collapsiblePanelShowHide .choiceOf1 {float: right; padding: 0px 30px 0px 0px; font-style: italic; font-size: 11px; font-weight: normal; background: url('../images/icon_collapsible_down.gif') top right no-repeat; line-height: 22px; color: #484848}

.collapsiblePanelShowHide.active .choiceOf1 {background: url('../images/icon_collapsible_right.gif') top right no-repeat;}

.currentProducts table th {line-height: 130%}
table th {padding: 4px 6px}
table td {padding: 4px 6px}

.collapsiblePanel table {border: 0px solid #ccc}
.currentProducts .collapsiblePanel table td, .currentProducts .collapsiblePanel table th {border: 0px solid #ccc; border-width: 0px 1px 1px 0px}
#column2 .collapsiblePanel ul {margin-top: 6px; margin-bottom: 0px}
.collapsiblePanel ul li {margin-left: -30px}
table th.subHeading {color: #484848; background: #eee; font-weight: bold; font-style: normal; padding: 5px 6px}

h1.mortgageFinderResults, h1.fixed, h1.rollover, h1.offset, h1.boe, h1.ftb {display: none}

#column2 table ul {margin-bottom: 3px}

.currentProducts .collapsiblePanel table {border-collapse: separate}

.apply_top {float: right; margin: 5px 2px 4px 4px}
.apply_bot {margin: 5px 2px 4px 2px}

table li {margin-left: -22px}

/* INLINE HELP LINKS */
a.helpTextInline, a.helpTextInline:visited {
position:relative; 
z-index:1;
}
a.helpTextInline span {
position:absolute;
visibility:hidden; /* hide the image */
width:225px; /* give it a width */
border:1px solid #999999; /* add a border */
left:-18px; /* position:the image */
top:16px;
color: #000;
background: #f4f4f4 url("/images/help/bg_helpText.gif") bottom right no-repeat;
font-size: 90%; padding: 8px 10px; margin: 10px;
}
a.helpTextInline:hover {
border:0; /* needed for this to work in IE */ 
z-index:2;
}
a.helpTextInline:hover span {
text-decoration: none;
visibility:visible;
cursor:pointer; /* for IE */
z-index:2; 
}
a.helpTextInline:hover span.helpImg {display: block; position: absolute; top: 6px; left: 2px; width: 16px; z-index: 3; background: url("/images/help/helpText.gif") no-repeat; border: 0px}
/* END INLINE HELP LINKS */

/* MORTGAGE TOOLS - RIGHT HAND SIDE BOX */
.tools {margin-left: 19px; width: 196px; margin-bottom: 0px !important}
.tools p {margin: 10px 0px}
#how-much-will-i-pay {display: none}
#how-much-can-i-borrow, #how-much-will-i-pay {padding: 4px 10px; margin: 0px; _padding: 10px 10px 4px 10px; float: left; clear: both; width: 176px; background: #fff url("/images/bg11.gif") bottom no-repeat; border-bottom: 1px solid #cdcdcd}
#how-much-can-i-borrow-tab {float: left; background: url("/images/mortgages/mortgage-calculator-how-much-can-i-borrow-2.gif");
width: 109px; height: 42px; display: block}
#how-much-will-i-pay-tab {float: left; background: url("/images/mortgages/mortgage-calculator-how-much-will-i-pay-2.gif");
width: 87px; height: 42px; display: block}
#how-much-will-i-pay-tab.current {background: url("/images/mortgages/mortgage-calculator-how-much-will-i-pay-1.gif")}
#how-much-can-i-borrow-tab.current {background: url("/images/mortgages/mortgage-calculator-how-much-can-i-borrow-1.gif");}

/* MORTGAGE CALCULATOR - HOW MUCH CAN I BORROW? */
#borrowCalculator #income1 {border: 1px solid #999999; width: 97px; margin-top: 2px}
#borrowCalculator #income2 {border: 1px solid #999999; width: 97px; margin-top: 2px}
#borrowCalculator #borrowCalculate {margin: 7px 13px}

.borrowResultsPopup {background: #fff url("/images/survey/bg-survey.gif") bottom left repeat-x; border:5px solid #ccc; display:none; left:31%; top:30%; padding:0px 10px 0px 12px; position:absolute; width:450px; z-index:1002; text-align: left;}
.borrowResultsPopup p {margin: 16px 0px}
.borrowResultsPopup h1 {color: #868b9f; text-align:center}
.borrowResultsPopup h1#borrowCalcResults {font-size: 45px; color: #428c15; margin: 0px; text-align:center}
.borrowResultsContainer {background-color: #333; display:none; min-height:100%; height: 2000px; left:0; bottom:0; opacity:0.8; filter: alpha(opacity = 80); position:absolute; width:100%; z-index:1001; font-size: 1px; line-height: 1px; }

/* MORTGAGE CALCULATOR - HOW MUCH WILL I PAY? */
#costCalculator #loan {border: 1px solid #999999; width: 150px}
#costCalculator #years {border: 1px solid #999999; width: 50px}
#costCalculator #rate {border: 1px solid #999999; width: 50px}
#costCalculator #costCalculate {margin: 7px 0px}

.costResultsPopup {background: #fff url("/images/survey/bg-survey.gif") bottom left repeat-x; border:5px solid #ccc; display:none; left:31%; top:30%; padding:0px 10px 0px 12px; position:absolute; width:458px; z-index:1002; text-align: left;}
.costResultsPopup p {margin: 16px 0px}
.costResultsPopup h1 {color: #868b9f; text-align:center}
.costResultsPopup h1#costCalcResults {font-size: 45px; color: #428c15; margin: 0px; text-align:center}
.costResultsContainer {background-color: #333; display:none; min-height:100%; height: 2000px; left:0; bottom:0; opacity:0.8; filter: alpha(opacity = 80); position:absolute; width:100%; z-index:1001; font-size: 1px; line-height: 1px; }