/*template*/

body{
background:#eeeeee url(../Images/bgbody.jpg) repeat-x left top;
font:12px/18px Arial, Helvetica, sans-serif;
text-align:center;
padding:8px 0;
color:#202020;
}

a:link, a:visited{
color:#316e9f;
}

a:hover{
text-decoration:none;
}

#container, .wrap{
width:960px;
margin:0 auto;
text-align:left;
}

#header{
height:162px;
background:url(../Images/bgheader.jpg) no-repeat center top;
}

#head-top{
height:122px;
}

#logo{
float:left;
width:664px;
overflow:hidden;
}

#logo a{
background:transparent url(../Images/logo.png) no-repeat left top;
height:55px;
text-indent:-2999px;
margin:28px 0 0 1px;
display:block;
}

#head-top .livechat a:link, #head-top .livechat a:visited{
background:#feb33d;
text-decoration:none;
color:white;
padding:0 5px;
}

#head-top .livechat a:hover{
background:#ff7e00;
}

#contact-panel{
float:right;
margin:28px 0 0 0;
text-align:right;
color:white;
}

#contact-panel .phone{
font-size:32px;
line-height:1em;
font-weight:bold;
margin-bottom:14px;
background:url(../Images/icon-phone-header.png) no-repeat 10px 5px;
}

#contact-panel .livechat{
font-size:15px;
font-weight:bold;
margin:0;
}

#navigation{
margin:0;
width:960px;
}

#navigation li{
float:left;
list-style:none;
}

#navigation a{
padding:10px 10px;
font-weight:bold;
display:block;
float:left;
cursor:pointer;
font-size:14px;
border-right:#d4d4d4 solid 1px;
border-left:#ffffff solid 1px;
}

#navigation a.parent{
padding-right:25px;
background:url(../Images/icon-dropdown.gif) no-repeat right 18px;
}

#navigation .current, #navigation .current a:hover{
background:url(../Images/bgnav-alt.png) repeat-x left top;
}

#navigation a:link, #navigation a:visited{
color:#202020;
}

#navigation .current a:link,
#navigation .current a:visited{
color:white;
}

#navigation li.first a{
border-left:none 0;
}

#navigation li#searchcolumn{
padding:6px 10px 6px;

float:right;
background:url(../Images/bgsearchcolumn2.png) no-repeat left top;
width:280px;
text-align:left;
vertical-align:middle;
}


#searchcolumn .textfield{
width:138px;
background:transparent;
border:none;
}

#searchcolumn .button{
background:transparent;
border:none;
cursor:pointer;
width:16px;
text-indent:4999px;

}

#navigation a:link, #navigation a:visited{
text-decoration:none;
}

#content{
padding:15px 0;
background:#ffffff;
}

#attention-info.wrap{
clear:both;
font-size:1.1em;
}


#footer{
background:url(../Images/bgfooter.png) repeat-x center top;
padding-top:20px;
font-size:0.9em;
}

#foot-top{
line-height:24px;
}

#linklist{
width:600px;
margin:0;
float:left;
}

#linklist .col{
width:25%;
float:left;
list-style:none;
}

#linklist .col ul{
margin:0;
}

#linklist .col li{
list-style:none;
background:url(../Images/bullet.gif) no-repeat left 4px;
padding-left:20px;
}


#linklist2{
width:400px;
margin:0;
float:left;
}

#linklist2 .col2{
width:40%;
float:left;
list-style:none;
}

#linklist2 .col ul{
margin:0;
}

#linklist2 .col li{
list-style:none;
background:url(../Images/bullet.gif) no-repeat left 4px;
padding-left:20px;
}

#linklist2 li.col2{
list-style:none;
background:none;
padding-left:0px;
}

#extra{
width:310px;
float:right;
}

#extra .textfield{
margin-right:10px;
}

#extra .icon-rss{
padding:6px 42px 8px 0;
background:url(../Images/icon-rss.png) no-repeat right top;
text-decoration:none;
color:#202020;
font-size:1.25em;
display:block;
float:left;
}

#foot-bottom{
padding-top:20px;
background:url(../Images/logo-bottom.gif) no-repeat right 20px;
}

#foot-bottom p{
width:760px;
margin-bottom:0;
}

#maincontent h1{
color:#4672a8;
}

#maincontent li{
margin-bottom:0.5em;
}

/*layout*/
#maincontent{
float:left;
width:690px;
}

#maincontent.wide{
float:right;
width:730px;
}

#maincontent.full{
float:left;
width:960px;
}

.sidecontent{
width:250px;
}

.sidecontent.left{
margin-right:10px;
}

.sidecontent.right{
margin-left:10px;
}

/*reusable*/
.left{
float:left;
}

.right{
float:right;
}

.twocolumns{
margin-bottom:1em;
}

.twocolumns .col{
width:50%;
float:left;
}

.clearfix:after, .twocolumns:after{
content:'.';
clear:both;
display:block;
height:0;
visibility:hidden;
font-size:0;
}

.button, .button-blue{
background:#ff7e00 url(../Images/bgbutton.png) repeat-x left top;
border:#d97716 solid 1px;
line-height:1.1em;
padding:2px 4px;
color:white;
font-weight:bold;
cursor:pointer;
display:inline-block;
text-align:center;
text-decoration:none;
}

.button, .button-other{
background:#ff7e00 url(../Images/bgbutton.png) repeat-x left top;
border:#d97716 solid 1px;
line-height:1.1em;
padding:2px 4px;
color:white;
font-weight:bold;
cursor:pointer;
display:inline-block;
text-align:center;
text-decoration:none;
cursor:hand;
}

a.button{
padding:5px 4px;
color:white;
}

.button-blue{
background:#5086fe url(../Images/bgbutton-blue.jpg) repeat-x left top;
border:#4e7ddf solid 1px;
}

.button-other{
background:#5086fe url(../Images/bgbutton-blue.jpg) repeat-x left top;
border:#4e7ddf solid 1px;
}

table.datalist{
border-collapse:collapse;
}

table.datalist th{
background:#6a95ca;
padding:5px;
color:white;
}

table.datalist td{
padding:5px;
border:none;
text-align:center;
}

table.datalist td.first{
text-align:left;
}

table.datalist td.extra{
border-bottom:none;
}

table.datalist tr.alt td{
background:#dcecfd;
}

table.datalist tbody{
border-bottom:#dcecfd solid 1px;
}

.contentbox-content{
padding:10px;
}

.icon-more{
padding-right:20px;
background:url(../Images/icon-more.png) no-repeat right top;
}

.icon-help{
background:url(../Images/icon-help.png) no-repeat left top;
width:16px;
height:16px;
text-indent:-2999px;
overflow:hidden;
display:block;
}

.attention, .info{
padding:10px 10px 10px 50px;
background:#fffbcc url(../Images/icon-attention.png) no-repeat 10px 10px;
border:#e6db55 solid 1px;
min-height:32px;
margin-bottom:1em;
}

.info{
background:#ecf2fe url(../Images/icon-info.png) no-repeat 10px 10px;
border:#b8d9fd solid 1px;
}

.tooltip{
background-color:#ecf2fe;
border:#b8d9fd solid 1px;
padding:5px;
display:none;
margin:5px;
}

/*page home*/

dt{
font-size:1.2em;
padding-bottom:10px;

}

.module-box .highlight13
{
	padding-top:10px;
	padding-bottom:10px;
}



dd{
margin-bottom:1em;
}

#content-top{
margin-bottom:1em;
}

#content-top .content-slider{
float:left;
width:620px;
}




#content-top .module-box{
float:right;
width:280px;
border:#d7d7d7 solid 1px;
}

#content-top .module-box dl{
margin:0;
margin-bottom:5px;
}



#content-top .module-box dt{
padding-left:24px;
background:url(../Images/bullet.png) no-repeat left top;
}

#content-top .module-box dd{
margin-left:0;
}

#content-top .module-box h2{
border-bottom:#5989c3 solid 3px;
padding-bottom:0.5em;
}



#content-top .content-slider{
float:left;
width:620px;
}

.content-slider {
position:relative;
overflow:hidden;
float:left;
width:620px;
height:212px;
}

.content-slider .wrapper{

width:620px;
height:212px;
overflow:hidden;
position:absolute;
}

.content-slider ul{
margin:0;
width:9000px;
position:absolute;
}

#content-top .content-slider li{
height:212px;
width:620px;
display:block;
position:relative;
list-style:none;
float:left;
}

.content-slider li .desc{
position:absolute;
height:50px;
background-image:url(../Images/black60.png);
background-repeat:repeat;
bottom:0;
left:0;
width:580px;
padding:10px 20px;
color:white;
}

.content-slider li.cloned .desc{
_background-position:left 152px;
*background-position:left 152px;
}

.content-slider .desc a:link, .content-slider .desc a:visited{
color:white;
text-decoration:none;
}

.slider-control{
margin:0;
}

.content-slider .slider-control a{
position:absolute;
top:80px;
display:block;
width:34px;
height:34px;
text-indent:-2999px;
overflow:hidden;
background:transparent url(../Images/btn-prev-next.png) no-repeat left top;
}

.content-slider .slider-control a.btn-prev{
left:5px;
}

.content-slider .slider-control a.btn-next{
right:5px;
background-position:left -34px;
}





#mortgage, #life-insurance{
border:#d7d7d7 solid 1px;
}

#mortgage{
margin-right:10px;
}

#life-insurance{
margin-left:10px;
}

#mortgage-top, #life-top{
background:url(../Images/bggrad-grey.jpg) repeat-x left top;
padding-top:20px;
padding-right:5px;
}

#mortgage-top img, #life-top img{
float:left;
}

#mortgage-top h2, #mortgage-top p, 
#life-top h2, #life-top p{
margin-left:96px;
}

#content-main .best-buys, #content-main .calc-quick-links{
float:left;
width:215px;
margin-bottom:1em;
margin-left:10px;
display:inline;
}

#content-main .request-call-back, #content-main .min-check{
float:right;
width:215px;
margin-bottom:1em;
margin-right:10px;
display:inline;
}

#content-main .datalist td{
font-size:10px;
}

#content-main .datalist{
width:215px;
}

#content-main .calc-quick-links h3, #content-main .min-check h3{
padding-left:80px;
background:url(../Images/icon-calc-watch.png) no-repeat left top;
height:80px;
}

#content-main .min-check h3{
background-position: left -160px;
padding-left:90px;
}

#content-main hr{
margin:0;
}

#mission-statement{
background:#ffffff url(../Images/bggrad-blue.jpg) repeat-x left top;
border:#bbdafa solid 1px;
margin-bottom:1em;
padding:10px;
}

#mission-statement .icon{
padding:30px 0 0;
background:transparent url(../Images/icon-statement.png) no-repeat right top;
margin-top:-22px;
z-index:2;
zoom:1;
}

#mission-statement p{
width:845px;
}

#attention-info{

margin-bottom:1em;
padding-top:40px;
line-height:18px;
}

#attention-info .attention{
width:630px;
float:left;
padding:0 0 0 40px;
background:url(../Images/icon-attention.png) no-repeat left 3px;
border:none 0;
}

#attention-info .info{
width:180px;
float:right;
padding:0 0 0 40px;
background:url(../Images/icon-info.png) no-repeat left 3px;
border:none 0;
}

/*article page*/

table#svr-rate th{
background:#ecf4fc url(../Images/bgthgrad-blue.png) repeat-x left top;
border:#d3e7fc solid 1px;
border-width:0 0 1px 1px;
color:#343434;
}

#related-article{
background:#ffffff url(../Images/bgmodul-grad-bottom-blue.png) repeat-x left bottom;
margin-bottom:1em;
}

#related-article p.highlight13{
background:#4d78ad url(../Images/bgmodul-head-blue.png) repeat-x left top;
padding:8px 10px;
margin:0;
color:white;
border:#4d78ad solid 1px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-radius:8px 8px 0 0;
}

#related-article .content{
padding:10px;
background:url(../Images/bgmodul-grad-top-blue.png) repeat-x left top;
border:#d6e5fa solid 1px;
-moz-border-radius:0 0 8px 8px;
-webkit-border-radius:0 0 8px 8px;
}

#related-article .content ul{
margin:0;
}

#related-article .content li{
list-style:none;
margin-bottom:0.5em;
padding:0 0 0.5em 24px;
border:#edf3fb solid 1px;
border-width:0 0 1px 0;
background:url(../Images/bullet-related-article.png) no-repeat left 4px;
}

.module-table{
border:#cccccc solid 1px;
margin-bottom:1em;
background:#ffffff;
}

.module-table .header{
background:#e5e5e5 url(../Images/bgmodule-table-header.jpg) repeat-x left top;
border:#cccccc solid 1px;
border-width:0 0 1px 0;
padding:10px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-radius:8px 8px 0 0;
}

.module-table .header h2{
margin-bottom:0;
}

.module-table .content{
padding:10px;
overflow:hidden;
}

/*best buy page*/

.module-table.bestbuys .header{
position:relative;
height:55px;
}

.header .attention{
width:600px;
position:absolute;
top:10px;
right:10px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
margin:0;
}

.tab-control{
}

.header .tab-control{
margin:0;
position:absolute;
left:10px;
bottom:-1px;
}

.tab-control li{
float:left;
list-style:none;
margin-right:5px;
}

/*
============================================
switching tabcontrol fix
============================================
*/

.tab-control a{
float:left;
display:block;
text-decoration:none;
padding-right:28px;
background:url(../Images/bgtab.gif) no-repeat right -200px;
}

.tab-control a span{
float:left;
display:block;
font-size:1.2em;
padding:8px 0;
padding-left:8px;
font-weight:bold;
color:#343434;
cursor:pointer;
}

.tab-control .current a{
background:url(../Images/bgtab.gif) no-repeat right -50px;
}

.tab-control .current a span{
background:url(../Images/bgtab.gif) no-repeat left top;
}

.tab-control a:hover{
background:url(../Images/bgtab.gif) no-repeat right -150px;
}

.tab-control a:hover span{
background:url(../Images/bgtab.gif) no-repeat left -100px;
}

/*
============================================
end of fix
============================================
*/

/*form page*/

table.steps{
background:url(../Images/bgsteps.png) no-repeat left 15px;
}

table.steps td{
text-align:center;
}

table.steps a{
display:block;
background:url(../Images/bgperstep.png) no-repeat left top;
width:32px;
padding:6px 0;
margin:0 auto;
font-size:18px;
text-decoration:none;
}

table.steps a.current{
background:url(../Images/bgperstep-current.png) no-repeat left top;
padding:6px 0 16px;
color:white;
}

.form li{
overflow:hidden;
border-bottom:#cccccc solid 1px;
list-style:none;
}

.form li.last{
border-bottom:none 0;
}

.form li p{
float:left;
width:400px;
}

.form ul{
margin:1em 0;
}

.form li input.textfield, 
.form li textarea{
float:left;
width:220px;
}

.form li select, 
.form li .input{
float:left;
width:226px;
}

.form li .input label{
margin:2em;
}

.form li .icon-help{
float:left;
margin-left:10px;
}

.error-message{
background:#ff7c69 url(../Images/icon-error.png) no-repeat 4px 6px;
border:#c62811 solid 1px;
color:#ffffff;
font-weight:bold;
padding:4px 2px 4px 24px;
display:block;
margin-top:3px;
margin-bottom:3px;
font-size:1.15em;
}

.validator-message{
background:#ff7c69 url(../Images/icon-error.png) no-repeat 4px 6px;
border:#c62811 solid 1px;
color:#ffffff;
font-weight:bold;
padding:4px 2px 4px 24px;
display:block;
margin-top:35px;
margin-bottom:3px;
font-size:1em;
}

.info-message{
background:#99caf7 url(../Images/icon-info-16.png) no-repeat 4px 6px;
border:#155baf solid 1px;
color:white;
font-weight:bold;
padding:4px 2px 4px 24px;
display:block;
margin-top:3px;
margin-bottom:3px;
font-size:1.15em;
}

.info-help-text{
background:#99caf7 url(../Images/icon-info-16.png) no-repeat 4px 6px;
border:#155baf solid 1px;
color:#ffffff;
font-weight:bold;
padding:4px 2px 4px 24px;
display:none;
margin-top:35px;
margin-bottom:3px;
font-size:1em;

}

.info-help-text-IO{
background:#99caf7 url(../Images/icon-info-16.png) no-repeat 4px 6px;
border:#155baf solid 1px;
color:#ffffff;
font-weight:bold;
padding:4px 2px 4px 24px;
display:block;
margin-top:35px;
margin-bottom:3px;
font-size:1em;

}

.form li p.error-message, 
.form li p.info-message{
clear:both;
float:none;
width:auto;
margin-bottom:0.5em;
}

/*calculator page*/

.calc-module .header{
background:#4D78AD url(../Images/bgmodul-head-blue.png) repeat-x scroll left top;
color:white;
}

.CalcContain{
background:url(../Images/bgmodul-grad-top-blue.png) repeat-x left 1px;
border:#a6d0fc solid 1px;
padding:10px;
}

.QuestUnit{
clear:both;
overflow:hidden;
margin-bottom:1em;
padding-bottom:1em;
border-bottom:#cccccc solid 1px;
}

.QuestUnit.last{
margin-bottom:0;
border-bottom:none 0;
}

.QuestUnitRow:after{
content:'.';
clear:both;
display:block;
height:0;
visibility:hidden;
font-size:0;
}

.slider-unit{
float:left;
margin:4px;
padding-left:15px;
width:380px;
}

.ui-slider{
background:#003366 url(../Images/slider-background.gif) no-repeat left top;
border:0 none;
height:16px;
font-size:0;
line-height:0;
position:relative;
}

.ui-slider-handle{
cursor:pointer;
background:url(../Images/slider-handle.png) repeat-x scroll left top;
height:32px;
width:32px;
position:absolute;
top:-8px;
z-index:2;
}

.numField{
border:#d7d7d7 solid 1px;
background-color:white;
padding:2px;
}

.icon-poundsterling{
padding-left:20px;
background:url(../Images/currency-percent.gif) no-repeat left 2px;
}

.icon-percent{
padding-right:20px;
background:url(../Images/currency-percent.gif) no-repeat right -28px;
}

.QuestUnitRow .numField {
float:right;
}

.QuestUnitRow .input{
text-align:right;
}

.QuestUnitExtra{
padding-top:2em;
}

.QuestUnitExtra .option{
float:left;
display:block;
padding:3px 10px;
background:#fffbcc;
border:#fbd97f solid 1px;
margin:0;
}

.resultPane{
background:url(../Images/bgresult.jpg) no-repeat center top;
width:630px;
height:384px;
padding:40px 30px 20px;
}

.resultPane .imgResult{
margin-bottom:2em;
text-align:center;
}

.resultPane .form label{
float:left;
display:block;
width:120px;
}

.resultPane .form .phoneflag{
padding-left:120px;
}

.resultPane .calc-quick-links{
background:url(../Images/icon-calc-watch.png) no-repeat scroll left top;
padding-left:85px;
height:90px;
}

.calc-quick-links ul{
margin:1em 0;
}

.calc-quick-links li{
list-style:none;
background:url(../Images/bullet.gif) no-repeat left 0px;
padding-left:20px;
line-height:1em;
}

/*
=======================================================================
minisite page
=======================================================================
*/

#minisite-img{
background:url(../Images/minisite1.jpg) no-repeat left top;
height:274px;
width:690px;
}

#minisite-img .overlay{
width:184px;
height:234px;
background:url(../Images/bgminisite-overlay.png) no-repeat left top;
padding:40px 20px 0;
-moz-border-radius:8px 0 8px 0;
-webkit-border-radius:8px 0 8px 0;
border-radius:8px 0 8px 0;
}

#minisite-img h1{
text-align:center;
margin-bottom:1.5em;
color:white;
}

#minisite-img ul{
margin:0;
}

#minisite-img li{
list-style:none;
margin-bottom:1em;
}

#minisite-img .button{
background:#5086fe url(../Images/bgbutton-blue.jpg) repeat-x left top;
border:#4e7ddf solid 1px;
color:white;
text-decoration:none;
display:block;
text-align:center;
line-height:22px;
}

#minisite-img a.button:hover{
background:#ff7e00 url(../Images/bgbutton.png) repeat-x left top;
border:#d97716 solid 1px;
}


#minisite-col{
overflow:hidden;
}

#minisite-col .mortgage-calc, #minisite-col .pop-articles{
background:url(../Images/bgminisite-col.png) no-repeat left top;
width:430px;
height:111px;
float:left;
padding:30px 20px 10px;
}

#minisite-col .pop-articles{
float:right;
}

#minisite-col ul{
margin:0;
}

#minisite-col li{
list-style:none;
background:url(../Images/bullet.gif) no-repeat left 4px;
padding-left:20px;
}

#minisite-col img{
float:left;
}

#minisite-col .twocolumns{
float:right;
width:340px;
}


/*
=======================================================================
popup page
=======================================================================
*/

#facebox{
z-index:999;
position:relative;
}

#facebox  .footer .close{
display:none;
}

#facebox_overlay{
background:url(../Images/black60.png) repeat left top;
}

#facebox .body{
background:transparent url(../Images/bgpopup.png) no-repeat center top !important;
}

.user-details{
padding:1.5em 0 0.5em;
}

.user-details p.highlight13{
text-align:center;
margin-bottom:1em;
font-size:1.8em;
color:#6da2e3;
}

.user-details ul{
margin:0 auto 1em;
width:180px;
}

.user-details .button{
margin:0 auto 1em;
}

.user-details li{
background:#ffffff url(../Images/icon-id-phone-email.png) no-repeat 2px top;
padding-left:24px;
list-style:none;
margin-bottom:0.5em;
}

.user-details li.phone{
background-position: 2px -30px;
}

.user-details li.email{
background-position: 2px -60px;
}

.extra-information{
background:#f0f6fc;
padding:1.5em 0 1em;
}

.extra-information h3{
text-align:center;
}

.extra-information ul{
margin:0 auto 1em;
padding:10px;
}

.extra-information li{
margin-bottom:0.5em;
list-style:none;
}

.extra-information li label{
display:block;
width:170px;
float:left;
}

.button-big{
background:url(../Images/bgbutton-big.png) no-repeat center top;
color:white;
width:221px;
height:46px;
text-align:center;
border:none 0;
font-size:2em;
font-weight:bold;
margin:5px;
cursor:hand;
}

#facebox .last-row{
padding:1.5em 0;
}

#facebox .last-row h3{
text-align:center;
}

#facebox .flag-button{
text-align:center;
}

.bgattention{
padding:10px;
background:#fffbcc;
border:#e6db55 solid 1px;
margin-bottom:1em;
text-align:center;
}

/*
=======================================================================
phone enquiry form
=======================================================================
*/

.phone-enquiry{
background:url(../Images/bg-phone-enquiry.jpg) no-repeat left top;
padding:20px;
height:148px;
margin-bottom:1em;
}

.phone-enquiry.wide{
background:url(../Images/bg-phone-enquiry-wide.jpg) no-repeat left top;
}

.phone-enquiry h2{
float:left;
}

.phone-enquiry .extra{
float:left;
width:250px;
margin-left:60px;
line-height:24px;
}

.phone-enquiry .form{
float:right;
width:400px;
}

.phone-enquiry .form p{
float:left;
width:170px;
margin-right:30px;
display:inline;
}

.phone-enquiry .form select{
width:168px;
}

.phone-enquiry .form select, 
.phone-enquiry .form .button{
width:168px;
}

.phone-enquiry .form .buttonflag{
width:368px;
margin-right:30px;
text-align:right;
}

.phone-enquiry .form label{
display:block;
}

/*breadcrumbs*/
#breadcrumbs{
background:#fdfdfd;
border:#cccccc solid 1px;
overflow:hidden;
margin:0 0 1.5em;
}

#breadcrumbs li{
float:left;
list-style:none;
margin:0;
height:22px;
padding:7px 28px 3px 18px;
background:url(../Images/bread-trail.gif) no-repeat right top;
}

#breadcrumbs li.current{
background:none;
}

/*request call back*/

.request-call-back label{
width:60px;
float:left;
}

.request-call-back .textfield{
width:130px;
float:left;
}

.request-call-back .form p, 
#content-main .request-call-back{
overflow:hidden;
}

.request-call-back .button{
float:right;
width:154px;
}

.sidecontent .request-call-back{
background:url(../Images/bgrequest-call-back.png) no-repeat left top;
height:284px;
padding:20px;
margin-bottom:1em;
}

.sidecontent .request-call-back div.phone{
background:none;
text-align:center;
padding:0;
}

.sidecontent .request-call-back p.highlight13{
background:none;
text-align:center;
font-size:2em;
line-height:1em;
color:#6da2e3;
margin-bottom:0.1em;
}

.sidecontent .request-call-back .textfield{
width:120px;
}

.sidecontent .request-call-back .button{
width:145px;
margin-right:5px;
}

.sidecontent .request-call-back a.button{
width:135px;
}

.textfield.name, 
.textfield.phone, 
.textfield.email{
background:#ffffff url(../Images/icon-id-phone-email.png) no-repeat 2px top;
padding-left:20px;
}

.textfield.phone{
background-position: 2px -30px;
}

.textfield.email{
background-position: 2px -60px;
}

/*form*/
.textfield, select, textarea{
border:#d7d7d7 solid 1px;
background-color:white;
padding:2px;
}

/*modules*/
.module-box{
padding:10px;
border:#d7d7d7 solid 1px;
background:url(../Images/bggrad-grey.jpg) repeat-x left top;
margin-bottom:1em;
}

.module-box.blue{
background:url(../Images/bgmodul-grad-top-blue.jpg) repeat-x left 1px;
border-color:#a6d0fc;
}

/*misc*/
.no-margin{
margin:0;
}

hr, .hrline{
height:20px;
border:none 0;
border-top:#cccccc solid 1px;
color:white;
background:#ffffff url(../Images/bggrad-grey.jpg) repeat-x left top;
clear:both;
}

.LenderImage img{
width:60px;
}

/*roundies*/
.module-box, #mortgage, #life-insurance, #minisite-mortgages, #minisite-remortgages, #minisite-purchases, #minisite-life-insurance, #minisite-careers, #minisite-buy-to-let, #minisite-about-us,
#mission-statement, #attention-info, #related-article, 
.module-table, #mortgage-top, #life-top, .CalcContain, 
.info, .attention, #minisite-img, #facebox .body{
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
}

.button, #breadcrumbs, .button-blue{
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}

.button, #breadcrumbs, .button-other{
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
}


#related-article .content li.BulletVideo{
background:url(../Images/film_link.png) no-repeat left 4px;
}

#related-article .content li.BulletCalc{
background:url(../Images/calclogo.png) no-repeat left 4px;
}

#related-article .content li.BulletPodCast{
background:url(../Images/ipod_cast.png) no-repeat left 4px;
}


table#awards th{
background:#ecf4fc url(../Images/bgthgrad-blue.png) repeat-x left top;
border:#d3e7fc solid 1px;
border-width:0 0 1px 1px;
color:#343434;
}



table.datalistLeft{
border-collapse:collapse;
}

table.datalistLeft th{
background:#6a95ca;
padding:5px;
color:white;
}

table.datalistLeft td{
padding:5px;
padding-left:10px;
border:none;
text-align:left;
}

table.datalistLeft td.first{
text-align:left;
padding-left:5px;
}

table.datalistLeft td.extra{
border-bottom:none;
}

table.datalistLeft tr.alt td{
background:#dcecfd;
}

table.datalistLeft tbody{
border-bottom:#dcecfd solid 1px;
}


.video-container 
{text-align:left; 
 padding:10px; 
 margin-top:5px; 
 margin-bottom:15px; 
 height:250px;}
 
.video-span {float:left;}

.video-description-div 
{float:right;  
 width:50%; 
 border:1px solid #cccccc; 
 height:209px; 
 padding:10px;}  

 .borderedcell
 {border-top:#c0c0c0 1px solid; 
  border-bottom: #c0c0c0 1px solid;
  }
.cellborder-toponly
{
	border-top: #000000 3px solid;
 }

.cellpadding-bottom3px{padding-bottom: 3px}
.cellpadding-bottom5px{padding-bottom: 5px}

.keyfacts-section-header{background-color: #e6e6e6;}

.darkhighlight{font-weight:bold;}
.small {font-size:0.8em;}

ol.termsofbusiness  li {margin-left:10px;}


.numberhiglight
{font-size:1.4em;
font-weight:bold; color:#6da2e3;
}

.middle-align{text-align:center;}

.contactwriting 
{
padding:10px; 
float:left; width:200px;
}

.icon {margin-right:4px;}

#contact-details
{
width:100%; 
border:1px solid #cccccc; 
margin-bottom:10px;
}

.press-contact-holder 
{
width:45%; 
border:1px solid #cccccc; 
padding:5px; 
margin-bottom:10px; 
float:left; 
margin-left:10px;
}

.press-contact-picture {float:left;}

.press-contact-details 
{
float:left; 
padding:10px; 
padding-bottom:0px;
}

.newsletter-signup
{
padding:10px; 
border:1px solid #cccccc; 
margin-bottom:10px;
}

.newsletter-signup .textfield 
{
width:450px; 
margin:0px 10px 0px 0px; 
padding:3px;
padding-left:20px;
}

.newsletter-signup .info-message {margin-top:10px;}

.video-box
{
border:1px solid #cccccc; 
padding:10px; 
padding-left:150px; 
background: #ffffff url('../images/icon-video-large.png') no-repeat 5px 5px; 
margin-bottom:10px; 
height:130px;
}


.podcast-box
{
border:1px solid #cccccc; 
padding:10px; 
padding-left:150px; 
background: #ffffff url('../images/icon-podcast-large.png') no-repeat 5px 5px; 
margin-bottom:10px; 
height:130px;
}

.referral
{
padding:10px; 
border:1px solid #cccccc; 
margin-bottom:10px;
}


.referral .textfield 
{
margin:0px 10px 0px 0px; 
padding-left:20px; 
width:350px;
}

.referral .info-message {margin-top:10px;}


.modalBackground
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:70%;
	background-image:url('../images/transparent.png');
}

.modalPopup
{
	padding:3px;
	width:380px;
	background-color:#ffffff;
}

.modalPopupFeedback
{
	padding:3px;
	width:420px;
	background-color:#ffffff;
}

#extra-information select{
width:170px;
}

#extra-information p.left{
text-align:left; padding:10px;
}

#extra-information .error-message{
width:350px;
display:block;
}

#extra-information .info-message{
width:350px;
display:block;
}

.last-row p.left{
text-align:left; padding:10px;
}

h3 .blue{
color: #6da2e3;
}




.button-cancel{
background:#cccccc;
border:#666666 solid 1px;
line-height:1.1em;
padding:2px 4px;
color:white;
font-weight:bold;
cursor:pointer;
display:inline-block;
text-align:center;
text-decoration:none;
color:#666666;
}

.button-big-disabled{
background:url(../Images/bgbutton-big-disabled.png) no-repeat center top;
color:white;
width:221px;
height:46px;
text-align:center;
border:none 0;
font-size:2em;
font-weight:bold;
margin:5px;
}

.info .form label 
{
float: left;
display: block;
width: 120px;
padding-left:5px;
}
 
 
.continue-online 
 
{
background-color: #fbfeec;
border:1px solid #fcfdb8; 
background-image: url(../Images/world_go.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 10px 10px;
}
 
.continue-adviser 
 
{
background-color: #f2feec;
border:1px solid #d9fdb8; 
background-image: url(../Images/user_suit.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: 10px 10px;

}
 
.continue-adviser .first p
 
{
margin-right:10px;
}
 
.continue-call{
font-size:1.6em;
font-weight:bold;
color:#ff9000;
 
 
}

#minisite-purchases 
{
background-color: transparent;
background-image: url(../Images/minisite-purchase.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
height: 274px;
width: 690px;
}

#minisite-remortgages 
{
background-color: transparent;
background-image: url(../Images/minisite1.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
height: 274px;
width: 690px;
}

#minisite-img
{
background-color: transparent;
background-image:  url(../Images/minisite-home.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
height: 274px;
width: 690px;
}

#minisite-about-us 
{
background-color: transparent;
background-image:  url(../Images/minisite-about-us.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
height: 274px;
width: 690px;
}

#minisite-careers 
{
background-color: transparent;
background-image:  url(../Images/minisite-careers.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
height: 274px;
width: 690px;
}

#minisite-buy-to-let
{
background-color: transparent;
background-image:  url(../Images/minisite-buy-to-let.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
height: 274px;
width: 690px;
}


#minisite-life-insurance 
{
background-color: transparent;
background-image: url(../Images/minisite-life-insurance.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
height: 274px;
width: 690px;
}

#minisite-life-insurance .overlay

{

width: 184px;
height: 234px;
background-color: transparent;
background-image: url(../Images/bgminisite-overlay.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;
padding-top: 40px;
padding-right: 20px;
padding-bottom: 0pt;
padding-left: 20px;
}

#minisite-life-insurance h1{
text-align:center;
margin-bottom:1.5em;
color:white;
}

.life-compare-prices{
color:white;
width:180px;
}

.life-compare-prices td{
border:1px solid #cccccc;
padding:2px 5px 2px 5px;
}

.life-compare-prices th{
border:1px solid #cccccc;
padding:2px 5px 2px 5px;
font-weight:bold;
}


.darkhighlight{font-weight:bold;}
.calculator-box{border:1px solid #cccccc; padding:10px; padding-left:80px; background: #ffffff url('../Images/icon-calc-watch.png') no-repeat 5px 5px; margin-bottom:10px; min-height:80px;}
.quickcalculators .colleft{ width:45%; float:left; min-height:190px;}
.quickcalculators .colright{ width:45%; float:right; min-height:190px;}
.quickcalculators .numField {width:100px; padding-left:15px; float:right;}
.quickcalculators .button {float:right;}
.quickcalcresult {font-size:1.3em; font-weight:bold; text-align:center; color: #4672a8; padding-top:10px; display:none;}



.resultPane {width: 600px; padding-top:10px; display:none; height:300px;}

.calc-quick-links li{border-bottom: none;}
.keyresult {padding:10px; margin-bottom: 10px;  text-align:center; border:3px solid #537EB2; }
.keyresult h2 {color:#507baf; font-size:2.2em;}
.keyresult2 {padding:10px; margin-bottom: 10px;  text-align:center; }
.keyresult2 h2 {color:#507baf; font-size:2.2em;}
#convertpercentage{border:1px solid #cccccc; padding:5px; margin:5px; background-color:#D2D0FE; display:none;}
#convertpercentage input{margin-right:10px;}

.numFieldnofloat 
{
border-top-width: 1px;
border-right-width-value: 1px;
border-right-width-ltr-source: physical;
border-right-width-rtl-source: physical;
border-bottom-width: 1px;
border-left-width-value: 1px;
border-left-width-ltr-source: physical;
border-left-width-rtl-source: physical;
border-top-style: solid;
border-right-style-value: solid;
border-right-style-ltr-source: physical;
border-right-style-rtl-source: physical;
border-bottom-style: solid;
border-left-style-value: solid;
border-left-style-ltr-source: physical;
border-left-style-rtl-source: physical;
border-top-color: #d7d7d7;
border-right-color-value: #d7d7d7;
border-right-color-ltr-source: physical;
border-right-color-rtl-source: physical;
border-bottom-color: #d7d7d7;
border-left-color-value: #d7d7d7;
border-left-color-ltr-source: physical;
border-left-color-rtl-source: physical;
background-color: white;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
padding-left: 2px;
}

.compare-table
{
	width:100%;
}

.fail {
background-image: url(../Images/bg-result-fail.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;}
.fail p{text-align:left;}


.form li p.formparawide{width:650px;}

#ctl00_ConBody_MiniMortProductsTable1_dgrVariable img {padding:2px; margin:0px;}
#ctl00_ConBody_LifeProductsTable1_dgrLifeProducts img {padding:2px; margin:0px;}

#content-main .datalist td.GridTD { font-size:14px}

table.datalist td.lenderimage {margin:0px; padding:0px;}

.lifecasestudies thead {background-color: #6a95ca; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; padding:10px; color: white;}
.lifecasestudies th {background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0% 0%; padding:10px; color: white;}
.lifecasestudies td {border:1px solid #cccccc; padding:5px;}


.prompt .textfield{width:250px;margin-right:10px; float:right;}
.prompt{width:650px; padding:10px;border:1px solid #cccccc; margin:10px; background-color:#f1f6fd;}
.questionunit{padding:10px;}
.prompt .lender{width:267px;}
.prompt .date{width:240px;}
.prompt .ui-datepicker-trigger {margin-right: 10px; margin-top: 0px; margin-bottom: -3px; float:right;}

.highlight13{font-size:1.3em;font-weight:bold;margin-bottom:0.5em;}
.highlight12{font-size:1.2em;font-weight:bold;margin-bottom:0.5em;}

.highlight13{font-size:1.3em;font-weight:bold;margin-bottom:0.5em;}

.highlightBlue{font-size:1.2em;font-weight:bold;margin-bottom:0.1em;color:#4672a8;}

.darkhighlight{font-weight:bold;}
.testimonial-left  {width:500px; float:left; border:1px solid #d6e5fa; padding:20px 10px 10px 20px; margin:3px; background: #ffffff url('../images/quotation-mark.gif') no-repeat 5px 5px;}
.testimonial-right {width:500px; float:right; border:1px solid #d6e5fa; padding:20px 10px 10px 20px; margin:3px; background: #ffffff url('../images/quotation-mark.gif') no-repeat 5px 5px;}
.testimonials-more {background-color:#d6e5fa; clear:both; padding:10px; margin-bottom:10px; float:right; text-align:right; border:1px solid #517fb1; padding:10px; margin-top:10px; width:50px; font-size:1.1em;}
.testimonial-testimonial {font-size:1.2em;}
.testimonial-client {color:#666666; width:100%; background: #ffffff url('../images/quotation-mark.gif') no-repeat 485px 5px; }
#customer-testimonials-older{display:none;}

.feedback
{
	float:right; 
	margin-left:5px;
	cursor:hand;
}

.TBReadOnly{background-color:#ececec;}