/*reset-min*/
html{color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
/*---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------*/
html{
background: #9bcadf;
}

body {
font-family: arial, verdana;
font-size: 62.5%;
padding: 10px 0 0 0;
background: #9bcadf url('/images/bg.gif') center top repeat-y;
width: 1054px;
margin: 0 auto;
}

.none {display:none;}

div.clear {clear:both; visibility: hidden; }

img{
display: block;
border: none;
}
img.floatleft{
float: left;
border: #b9c8cf 1px solid;
margin: 0 29px 20px 0;
}

.floatleft1{
float: left;
border: none;
margin: 2px 6px 4px 2px;
}

a, a:visited{
color: #206aab;
text-decoration: underline;
}
a:hover, a:active{
color: #b40808;
}

h2{
margin: 0 0 5px 0;
padding: 10px 0 0 0;
font-size: 1.7em;
font-weight: normal;
line-height: 1em;
color: #1f6a8c;
}

h3{
margin: 0 0 4px 0;
font-size: 1.3em;
font-weight: bold;
color: #41616e;
line-height: 1.4em;
}

p{
margin: 0 0 .6em 0;
padding: 0;
font-size: 1.2em;
line-height: 1.4em;
}

p.smallcaps{
color: #435e6b;
font-size: 1.1em;
letter-spacing: 2px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}

p.slogan, h1.slogan{
margin: -25px 0 12px 2px;
color: #435e6b;
font-size: 1.5em;
}


p a.more{
color: #b40808;
font-weight: bold;
padding: 0 5px 0 5px;
}

ul, ol{
margin: 0 0 10px 15px;
padding: 0 0 0 15px;
}

ul li, ol li{
font-size: 1.2em;
line-height: 1.2em;
list-style-type: disc;
}

ul li ul { margin: 0 0 0 15px; }
li li { font-size: 1em; }

/*---------------------------------------------
02. LAYOUT ELEMENTS
---------------------------------------------*/

#fag {
text-align: center;
}

#header {
width: 995px;
padding: 0 30px 0 29px;
text-align: left;
height: 1%;
}
#header:after{
display: block;
content: ".";
clear: left;
height: 0px;
visibility: hidden;
}

.MainContent {
width: 983px;
text-align: left;
padding: 7px 42px 0 29px;
height: 1%;


}

div.MainContent:after{
display: block;
content: ".";
clear: left;
height: 0px;
visibility: hidden;
}
#left {
width: 164px;
float: left;
}

#right, div.right {
width: 327px;
float: right;

}

div.middle {
width: 464px;
padding: 19px 12px 0 16px;
background: url('/images/bg_middle.gif') repeat-x;
float: left;
}

div.middlewide{
width: 628px;
padding: 36px 12px 0 16px;
background: url('/images/bg_middle.gif') repeat-x;
float: left;
}

div.middlewidenobg{
padding: 15px 0 0 0;
background: none;
}

.superwide, .superwideplain, .superwidenobg, .superwidenopadding{
padding: 36px 12px 0 6px;
zoom: 1;
}

.superwidenobg:after{
display: block;
content: ".";
clear: both;
height: 0px;
visibility: hidden;
}

.superwide { background: url('/images/bg_super_no_pencil.gif') no-repeat; }
.superwideplain { background: url('/images/bg_superplain.gif') no-repeat; }
.superwidenopadding { padding: 0; }

div.middlewide p.magnify{
padding-right: 170px;
width: 446px;
float: left;
background: url('/images/magnify.gif') right top no-repeat;
min-height: 114px;
height: auto;
}
/* for Internet Explorer */
/*\*/
* html div.middlewide p.magnify { height: 114px; }

div.middlewide p.envelope{
padding-right: 170px;
width: 446px;
float: left;
background: url('/images/envelope.gif') no-repeat right top;
min-height: 95px;
height: auto;
}
/* for Internet Explorer */
/*\*/
* html div.middlewide p.envelope { height: 95px; }

.paneldir{
width: 307px;
float: left;
padding-right: 15px;
margin-bottom: 10px;
}

.paneldirlast {
padding-right: 0;
}

.paneldir div.roundbox2{
padding: 10px 20px 10px 20px;
width: 267px;
}

div.paneldir p{
padding: 0 0 10px 87px;
float: left;
width: 180px;
font-size: 1.1em;
line-height: 1.3em;
margin-bottom: 15px;
}

div.paneldir p.calc { background: url('/images/calc2.gif') no-repeat; }
div.paneldir p.calc2 { background: url('/images/calc3.gif') no-repeat; }
div.paneldir p.calc3 { background: url('/images/calc4.gif') no-repeat; }
div.paneldir p.last { border-bottom: none; }


.superleftfade, .superleftsmall{
float:left;
width:612px;
}
div.superleftfade{
background: url('/images/bg_super_fade.gif') 0 100% no-repeat;
margin-bottom: 14px;
}

div.superleftfadeinner{
float: left;
width: 357px;
padding: 20px 230px 25px 25px;
background: url('/images/bg_super_fade_top.gif') no-repeat;
}

div.superleftsmall{
background: url('/images/bg_super_left_small.gif') no-repeat bottom left;
margin-bottom: 14px;
}

div.superleftinnersmall{
float: left;
width: 562px;
overflow: hidden;
padding: 20px 25px 25px 25px;
background: url('/images/bg_super_left_small_top.gif') no-repeat;
}

div.superleftinnersmall p { width: 550px; }
/*---------------------------------------------
03. HEADER & NAVIGATION ELEMENTS
---------------------------------------------*/

#header h5 a{
float: left;
height: 64px;
width: 320px;
text-indent: -8000em;
overflow: hidden;
background: transparent url(/images/simplyfinance/sfuk_logo-37px.png) 2px 0 no-repeat;
}

#header p.ctf{
padding: 16px 10px 14px 0;
text-align: right;
text-transform: uppercase;
font-size: 1.4em;
color: #a1b1b8;

}

/* 03.01 Navigation bar */

#header ul.navigation,
#header ul.navigation li a span,
#header ul.navigation2,
#header ul.navigation2 li a span
{
padding: 0;
margin: 0;
display: block;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
height: 32px;
}

#header ul.navigation li, #header ul.navigation2 li{
list-style-type: none;
}

div.navigation_replacement{
clear: both;
text-indent: -5000em;
overflow: hidden;
background: url('/images/nav_replace.gif') no-repeat;
width: auto;
height: 11px;
}
#header ul.navigation{
clear: both;
float: left;
width: 628px;
padding-left: 18px;
background: url('/images/bg_nav.gif') no-repeat;
}

#header ul.navigation2{
float: left;
width: 349px;
background: url('/images/bg_nav2.gif') repeat-x;
}

#header ul.navigation li, #header ul.navigation li a, #header ul.navigation2 li, #header ul.navigation2 li a{
display: block;
float: left;
text-decoration: none;
height: 32px;
border-bottom: 0px none;
}

#header ul.navigation li a{

padding: 0 0 0 1px;
margin: 0 0 0 -1px;
}

#header ul.navigation2 li.calc, #header ul.navigation2 li.calc a span{
background: url('/images/nav_calc.gif') no-repeat;
width: 134px;
}

#header ul.navigation2 li.loanoptions, #header ul.navigation2 li.loanoptions a span{
background: url('/images/nav_loanoptions.gif') no-repeat;
width: 137px;
}

/* shift the tab up by 32 pixels if it is either a, being hovered, or b, marked as active*/
#header ul.navigation li.active a span,
#header ul.navigation li a:hover span,
#header ul.navigation2 li.active a span,
#header ul.navigation2 li a:hover span
{
background-position: 0px -32px;
cursor:pointer;
}

#header ul.navigation li.active a,
#header ul.navigation li a:hover{
background: url('/images/bg_nav.gif') repeat-x;
}

h2.world, h2.books, h2.help{
font-size: 1.3em;
padding: 14px 0 16px 48px;
margin: 0;
background: url("/images/world.gif") 0 0 no-repeat;
text-transform: uppercase;

}

h2.books{ background: url('/images/books.gif') no-repeat;}
h2.help{
background: url('/images/help.gif') no-repeat;
border-bottom: #b9c8cf 1px solid;
margin: 0 0 8px 0;
}

h2.lower{
clear: both;
text-indent: -8000em;
overflow: hidden;

}

h1.product_header{
font-size: 1.7em;
  height: 79px;
  width: 452px;
  padding: 4px 0 0 0;
}

h1.product_header span{
  display: block;
  margin-left: 81px;
  color: #256e8f;
}

h1.product_header span.title{
  color: #ff6803;
  text-transform: uppercase;
  font-size: 1.4em;
  font-weight: normal;
  padding-bottom: 2px;
}

h1.articleTitle{
  font-size: 1.54em;
font-weight:bold;
padding: 4px 0 4px 0;
color: #1f6a8c;
}

h1.online, h2.online{
  color: #ff6803;
  letter-spacing: .05em;
  font-size: 2.6em;
  font-weight: normal;
  margin: -20px 0 10px 0;
}

h1.contact{
background: url('/images/contact.gif') no-repeat;
height: 35px;
width: 132px;
text-indent: -8000px;
overflow: hidden;
line-height: 5%;
}

h2.mortgages_left{
text-indent: 0;
font-size:1.4em;
letter-spacing: .05em;
padding: 16px 0 0 25px;
margin-bottom: -16px;
background: url('/images/mortgages_left.gif') no-repeat;
height: 42px;
}

h2.survey{
margin: 0;
padding: 0;
text-indent: -8000em;
overflow: hidden;
background: url('/images/survey.gif') no-repeat;
height: 41px;
width: 164px;
}

h2.directory{
        background: url('/images/h2-directory.jpg') 0 100% no-repeat;
        width: 438px;
        padding: 0 0 56px 0;
        margin: 5px 0 15px 0;

        color: #ff6600;
        z-index: 30;
        text-indent: 0;
        font-size: 3.1em;
        line-height:1.0em;
}

div.MainContent h2.directory .red{
        color: #c92b01;
}

div.superright h4, div.paneldir h4{
margin: 0 0 6px 0;
padding: 0 12px 0 12px;
width: 196px;
font-size: 1.3em;
color: #41616e;
}

div.paneldir h4{
width: 267px;
padding: 0;
text-transform: uppercase;
font-weight: bold;
}

/*---------------------------------------------
04. CONTENT ELEMENTS
---------------------------------------------*/

#left ul{
padding: 0 9px 20px 9px;
margin: 0 0 10px 0;
background: url('/images/bg_left.gif') 0 100% no-repeat;
}

#left ul li{
padding: 6px 7px 7px 7px;
font-size: 1.1em;
line-height: 1em;
list-style-type: none;
margin: 0;
border-bottom: 1px dashed #d8e0e4;
}

#left ul li a{
display: block;
text-decoration: none;
}

#left ul li.last { border-bottom: 0 none; }

#left div.box{
padding: 6px 10px 10px 10px;
margin: 0 0 10px 0;
background: #aaffff url('/images/bg_left.gif') 0 100% no-repeat;
}

#left div.box p{
padding: 0 5px 0 3px;
margin: 0;
}

#left div.box p input { vertical-align: bottom; }

.surveyRadios{
margin: 0 0 .6em 0;
padding: 0 0 0 2px;
font-size: 1.2em;
line-height: 1.5em;
}

p.search_link{
float: left;
margin: 0 0 16px 0;
}
p.search_link a{
display: block;
height: 20px;
padding-right: 46px;
font-weight: bold;
text-decoration: underline;
background: url('/images/search_arrow.gif') 100% 0 no-repeat;
}

div.middle ul, div.middlewide ul, div.superright ul, div.superright ul, #right ul.bullets, ul.calclist{
float: left;
padding: 0;
margin: 0;
}

div.middle ul li, div.middlewide ul li, div.superright ul li, div.superright ul li, #right ul.bullets li, ul.calclist li{
padding: 0 0 3px 34px;
margin: 0;
background: url('/images/bullet_red.gif') left top no-repeat;
list-style-type: none;
zoom: 1;
}

/* Calculators */
ul.calclist{

z-index: 30;
padding: 0 0 0 106px;
background: url('/images/calc.gif') no-repeat;
height: 64px;
margin-bottom: 7px;
float: left;
}

ul.calclist li{
padding-bottom: 5px;
font-weight: bold;
color: #1f6a8c;
}

.refcalc h3{
font-size: 2.3em;
width: 350px;
font-weight: normal;
color: #fff;
padding: 34px 0 0 100px;
}

div.refcalc p.calcselect{
float: right;
padding: 0 25px 0 23px;
margin-top: 37px;
background: url('/images/calc_mini.gif') no-repeat;
}

div.refcalc p.calcselect select{
width: 134px;
padding: 2px;
border: 1px solid #dbdee3;
font-size: .9em;
}

div.refcalc p.padding{
padding: 8px 25px 10px 25px;
font-size: 1.1em;
}

div.calcdirectory {
        padding-left: 20px;
}

div.calccategory {
        width: 300px;
        float: left;
        padding:0 21px 25px 0;
}

div.calcdirectory .rowStart{
        clear:both;
}

div.calccategory h3 {
        padding: 40px 0 10px 75px;
        vertical-align: bottom;
        text-transform: uppercase;
        border-bottom: 1px solid #abbcc4;
}

div.calccategory h3.mortgage {
        background: url('/images/icon_mortgage.gif') left no-repeat;
}

div.calccategory h3.loans {
        background: url('/images/icon_loans.gif') left no-repeat;
}

div.calccategory h3.debt {
        background: url('/images/icon_debt.gif') left no-repeat;
}

div.calccategory h3.insurance {
        background: url('/images/icon_insurance.gif') left no-repeat;
}

div.calccategory h3.investing {
        background: url('/images/icon_investing.gif') left no-repeat;
}

div.calccategory h3.banking {
        background: url('/images/icon_banking.gif') left no-repeat;
}


ul.calccategory {
padding: 0;
margin: 10px 0 0 0;
}

ul.calccategory li{
list-style-type: none;
padding: 0 0 5px 33px;
margin: 0;
background: url('/images/bullet_red.gif') no-repeat;
}

ul.calccategory li a {
text-decoration: none;
}

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

.superright h3.bluecalc{
color: #22566e;
width: 200px;
padding: 12px 12px 10px 32px;
background: url('/images/super_header_bluecalc.gif') no-repeat;
}

.superright p.calc, .superright p.calc2, .superright p.ref{
padding: 0 0 10px 87px;
float: left;
font-size: 1.1em;
line-height: 1.3em;
border-bottom: 1px solid #b9c8cf;
margin-bottom: 5px;
}

.superright p.calc { background: url('/images/calc2.gif') no-repeat; }
.superright p.calc2 { background: url('/images/calc3.gif') no-repeat; }
.superright p.ref { background: url('/images/icon_remortgage.gif') no-repeat; }
.superright p.last { border-bottom: none; }
/* -- End of Calcs */

#right ul.bullets li { width: auto; }

div.middle ul li span, div.middlewide ul li span, #right ul.bullets li span{
background: url('/images/arrow_small.gif') no-repeat;
padding: 0 0 0 10px;
}

div.middleleft{
float: left;
width: 161px;
}

div.middleright{
float: left;
width: 455px;
position:static;
margin:0 0 15px 0;
}

div.middleright ul li{
width: 194px ;
}

div.middleright p{
width: 455px ;
}

div.middlesplit{
float: left;
width: 307px;

}

div.middlesplit ul li { width: 274px !important; }
div.middlesplitright { float: right; }

#newsletter{
float: left;
width: 339px;
height: 54px;
margin: 10px 0 0 0;
padding: 7px 8px 0 105px;
background: url('/images/bg_newsletter.gif') no-repeat;
}

#newsletter_sm{
float: left;
width: 208px;
height: 54px;
margin: 0;
padding: 7px 8px 0 95px;
background: url('/images/bg_newsletter_sm.gif') no-repeat;
}

#newsletter h3, #newsletter_sm h3, div.fixedpanel h3{
font-size: 1.3em;
color: #9c0000;
line-height: 1em;
margin-bottom: 0;
font-weight: bold;
}

#newsletter p, #newsletter_sm p{
color: #41616e;
font-size: 1.1em !important;
line-height: 1em;
margin-bottom: 3px;
}

#newsletter input.email, #newsletter_sm input.email{
border: 1px solid #adabae;
padding: 2px;
width: 203px;
vertical-align: top;
font-size: 1em;
}

#newsletter_sm input.email { width: 103px; }

div.fixedpanel{
width: 289px;
padding: 7px 8px 0 8px;
background: url('/images/bg_panel.gif') no-repeat;
float: left;
height: 54px;
}

div.fixedpanel p, div.fixedpanel h3 { width: 289px !important; }
div.fixedpanel p { letter-spacing: -.05em; }

div.panel{
width: 602px;
float: left;
margin-top: 14px;
padding: 7px 0 0 12px;
background: url('/images/panel.gif') no-repeat;
}

div.panel_bottom{
margin: 0;
padding: 0;
float: left;
height: 5px;
width: 614px;
display: block;
text-indent: -8000px;
text-decoration: none;
background: url('/images/panel_bottom.gif') no-repeat;
font-size: 5%;
line-height: 5%;
}

div.panel p{

z-index: 20;
margin-top: -26px;
width: 440px;
float: left;
margin-bottom: 0;
padding: 26px 0 5px 90px;
}

div.panel p.arrow, div.panel p.arrow a{
margin: 0;
padding: 0;
float: left;
height: 20px;
width: 36px;
display: block;
text-indent: -8000px;
text-decoration: none;
background: url('/images/arrow_panel.gif') no-repeat;
font-size: 5%;
line-height: 5%;
clear:none;
}

div.panel h3{

z-index: 30;
float: left;
width: 486px;
padding-left: 90px;
text-decoration: none;
text-transform: uppercase;
}

div.panel h3 a{
text-decoration: none;
}



/* Right Column */

#right h3{
font-size: 1.2em;
margin-bottom: 2px;
clear:both;
font-weight: bold;
}

#right p{
}

#right p.date{

float:left;
clear:both;
z-index: 10;
color: #365867;
font-size: 1em;
border-bottom: 1px solid #b9c8cf;
padding:0;
width:100%;
margin-bottom: 10px;
}

#right p.rss{
border-top: 1px solid #b9c8cf;
padding: 10px 0 5px 0;
}

#right p.rss a{
background: url('/images/rss.gif') no-repeat;
height: 19px;
padding: 5px 0 5px 25px;
}

#right p.termsright{
border-top: 1px solid #b9c8cf;
padding: 10px 0 5px 0;
}

#right p.date span{

z-index: 20;
float: right;
clear:none;
background: #fff;
padding-left: 10px;
margin-bottom: -8px;
}

* html #right p.date span{
margin-bottom: 0;
}

div.rightbox{
width: 327px;
padding-bottom: 6px;
margin-bottom: 20px;
background: url('/images/bg_right.gif') no-repeat bottom left;
}

div.rightbox h2{
padding: 15px 0 5px 20px;
margin: 0;
width: 307px;
line-height: 1em;
color: #335a01;
font-size: 1.3em;
}

div.rightbox h2.loancenter { background: url('/images/loancenter.gif') no-repeat; }
div.rightbox h2.rates { background: url('/images/rates.gif') no-repeat; }

div.rightbox ul.nav{
width: 305px;
float: left;
padding: 0 10px 0 12px;
margin: 0;
}

div.rightbox ul.green{background: url('/images/bg_nav_green.gif') repeat-y;}
div.rightbox ul.yellow{background: url('/images/bg_nav_yellow.gif') repeat-y;}

div.rightbox ul.nav li{
list-style-type: none;
font-size: 1.1em;
}

div.rightbox ul.nav li, div.rightbox ul.nav li a{
float: left;
line-height: 1em;
height: 23px;
margin: 0;
text-align: center;
}
div.rightbox ul.nav li a{
height: 17px;
padding: 5px 5px 0 5px;
float: left;
text-decoration: none;
}

div.rightbox ul.green li a{border-bottom: 1px solid #cbe1ae;}
div.rightbox ul.yellow li a{border-bottom: 1px solid #f9e260;}
div.rightbox ul.nav li.left, div.rightbox ul.nav li.left a { width: 76px; }
div.rightbox ul.green li.left, div.rightbox ul.green li.left a{background: url('/images/nav_left_green.gif') no-repeat;}
div.rightbox ul.yellow li.left, div.rightbox ul.yellow li.left a{background: url('/images/nav_left_yellow.gif') no-repeat;}
div.rightbox ul.nav li.left a { width: 66px; }
div.rightbox ul.nav li.right, div.rightbox ul.nav li.right a { width: 78px; }
div.rightbox ul.green li.right, div.rightbox ul.green li.right a{background: url('/images/nav_right_green.gif') no-repeat;}
div.rightbox ul.yellow li.right, div.rightbox ul.yellow li.right a{background: url('/images/nav_right_yellow.gif') no-repeat;}
div.rightbox ul.nav li.right a { width: 68px; }
div.rightbox ul.nav li.center, div.rightbox ul.nav li.center a { width: 75px; }
div.rightbox ul.green li.center, div.rightbox ul.green li.center a{background: url('/images/nav_center_green.gif') no-repeat;}
div.rightbox ul.yellow li.center, div.rightbox ul.yellow li.center a{background: url('/images/nav_center_yellow.gif') no-repeat;}
div.rightbox ul.nav li.center a { width: 65px; }
div.rightbox ul.nav li.small { width: 51px; }
div.rightbox ul.nav li.small a { width: 41px; }
div.rightbox ul.nav li.large { width: 102px; }
div.rightbox ul.nav li.large a { width: 92px; }

div.rightbox ul.nav li a.active,
div.rightbox ul.nav li a:hover{
border-bottom: 1px solid #fff;
color: #000;
background-position: 0px -22px;
}

div.rightbox_inner{
clear: both;
width: 304px;
padding: 10px 11px 0px 12px;
}

div.rightbox_inner h3{
color: #000;
margin-bottom: 6px;
padding: 0 12px 0 12px;
font-weight: bold;
}

div.rightbox_inner table{
margin-bottom: 12px;
width: 304px;
}

div.rightbox_inner table th, div.rightbox_inner table td{
font-size: 1.1em;
color: #435e6b;
padding: 5px 15px 5px 15px;
border-bottom: 1px solid #fff;
background: #f0f4f6;
}

div.rightbox_inner table th{
color: #435e6b;
background: #ced7dc;
font-weight: bold;
}

div.rightbox_inner p{
width: 304px !important;
font-size: 1em;
margin-bottom: 6px;
}

div.rightbox_inner p a { float: right; }


div.roundboxtop{
height: 7px;
width: 327px;
line-height: 5%;
font-size: 5%;
background: url('/images/bg_right_top.gif') 0 0 no-repeat;
}

div.roundbox{
margin-bottom: 10px;
width: 327px;
background: url('/images/bg_right.gif') left bottom no-repeat;
height: 1%;
}
div.roundbox:after{
display: block;
content: ".";
clear: left;
height: 0px;
visibility: hidden;
}

div.roundboxinner, #right div.roundboxinner p, #right div.roundboxinner h3{
float: left;
width: 196px;
}

div.roundboxinner h3{
 text-transform: uppercase;
}

div.roundboxinner p{
font-size: 1.1em;
line-height: 1.3em;
}

div.roundbox span.calc{
height: 64px;
width: 106px;
float: left;
background: url('/images/calc.gif') no-repeat;
}

div.roundbox select{
border: 1px solid #adabae;
padding: 2px;
width: 164px;
vertical-align: top;
font-size: 1em;
margin: 5px 3px 3px 0;
}

div.roundbox2top{
height: 8px;
width: 307px;
line-height: 5%;
font-size: 5%;
background: transparent url('/images/roundbox_top.gif') right top no-repeat;
}

div.roundbox2{
margin-bottom: 10px;
padding-bottom: 3px;
width: 307px;
background: url('/images/roundbox.gif') right bottom no-repeat;
height: 1%;
}
div.roundbox2:after, div.roundboxinner:after{
display: block;
content: ".";
clear: left;
height: 0px;
visibility: hidden;
}

div.roundbox2inner, div.middlewide div.roundbox2inner p{
width: 307px;
}

div.roundbox2inner p{
font-size: 1.1em;
line-height: 1.3em;
}

div.remortgage{background: url('/images/icon_remortgage.gif') 19px 0 no-repeat;}
div.cash{background: url('/images/icon-cash2.png') 19px 0 no-repeat;}

div.roundbox2inner h3{
padding-left: 174px;
margin-bottom: 10px;
width:auto;
}
div.roundbox2inner p{
margin-bottom: 2px;
}
div.roundbox2inner p span{
width: 169px;
padding-right: 5px;
text-align: right;
float: left;
}
div.roundbox2inner p select{
width: 123px;
padding: 2px;
border: 1px solid #dbdee3;
font-size: 1em;
}
div.roundbox2inner p.go{
padding-left: 174px;
margin: 0 0 4px 0;
width: auto !important;
}

button{
border: none;
}

div.superright p a.go, div.paneldir p a.go, button.go{
float: right;
width: 54px;
height: 27px;
padding: 0;
margin: 0;
text-indent: -8000px;
overflow: hidden;
line-height: .05em;
background: url('/images/btn_go2.gif') no-repeat;
}

/* Customer care things */

div.superleftfade div.form{
        float: left;
        width: 550px;
        padding: 10px 0 0 0;
}

div.superleft div.form p, div.superleftfade div.form p{
float: left;
width:auto;
}

div.superleft div.form p span, div.superleftfade div.form p span, div.superleftsmall div.form p span{
width: 212px;
padding-right: 16px;
text-align: right;
float: left;
}

div.superleft div.form p select, div.superleftfade div.form p select{
width: 175px;
padding: 2px;
border: 1px solid #dbdee3;
font-size: 1em;
}

div.superleft div.form p.go, div.superleftfade div.form p.go{
padding-left: 228px;
margin: 0;
}

input#email, select#subject, textarea#message, input#valueofproperty{
        width: 160px;
        padding: 2px;
        border: 1px solid #dbdee3;
        font-size: 1em;
        margin-right: 12px;
}

textarea#message{
        width:280px;
        height:120px;
        font-family:arial, verdana;
        font-size:1em;
}

p.required{
 clear: left;
 float: left;
 width: 610px;
 font-size: 1.1em;
 text-align: right;
 background: transparent url('/images/asterix.gif') 550px 0 no-repeat;
}

form p.required{
clear: none;
float: right;
width: auto;
font-size:1.2em;
padding: 0 5px 0 0;
background: transparent url('/images/asterix.gif') 100% 0 no-repeat;
}

p.required span{
display: inline;
color: #c33939;
}

form p label{
font-weight: bold;
}

/**************************************/
/*           WIDGET STYLEES           */

div.widget {
    width: 327px;
    background: url('images/widget_bg.gif') top no-repeat;
    font-size: 100%;
}

 div.widget h4 {
    text-transform: uppercase;
    border-bottom: 1px solid #abbcc4;
    color: #324e5b;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0 15px 5px 15px;
    padding: 15px 0 5px 0;
}

div.widget div.content {
    padding: 0 45px;
}

div.widget div.content img {
    float: left;
    margin: 10px;
}

div.widget div.bottom {
    background: url('images/widget_bg.gif') bottom no-repeat;
}

div.widget h5 {
    clear: both;
    margin: 0 15px;
    font-size: 1.0em;
    font-weight: normal;
    padding: 15px 0;
    border-top: 1px solid #abbcc4;
}

div.widget h5 a {
    color: #17569b;
    padding: 5px 30px;
    background: url('images/bullet_red.gif') left no-repeat;
}

/*---------------------------------------------
05. FOOTER ELEMENTS
---------------------------------------------*/
#footer{
clear: both;
border-bottom: #fff 1px solid;
margin: 1px 18px 0 18px;
color: #999;
padding-top:5px;
text-align: center;
}

#footer a{
color: #999;
text-decoration: none;
}

#footer a:active, #footer a:hover{
color: #b40808;
text-decoration: none;
}

#footer p{
font-size: 1em;
padding: 4px 0 0 0;

}

#footer .disclaimer{

width: 964px;
margin: 12px auto 5px auto;
background: url('/images/bg_form_text.gif') left bottom no-repeat;
}

#footer .disclaimer p{
padding: 12px 12px 10px 12px;
width:auto;
text-align:left;
background: url('/images/bg_form_text_top.gif') left top no-repeat;
}

#productdisclaimer{
color: #999;
text-align: left;
}
#productdisclaimer p{
padding: 4px 18px 0 0;
clear:both;
}

#footer ul, ul#footer ul li{

list-style-type: none;
padding: 0;
margin: 0;
}
#footer ul li{
display: inline;
font-size: 1em;
padding: 0 9px 0 9px;
}

/** Disclaimer Article **/
#disclaimerArticle{
clear: both;
font-size: 0.9em;
text-align:left;
padding: 0 4px;
color: #9c9c9c;
}

p#SubmitButtonDisclaimer{
font-size:0.9em;
}

p strong,p b{
font-weight: bold;
}

#rateDefinitionForm{
text-align: right;
}

div.middle ul.pages{
float: left;
margin: 0;
width: 419px;
padding: 8px 9px 11px 9px;
border-top: 1px solid #b9c8cf;
border-bottom: 1px solid #b9c8cf;
}

div.middle ul.pages li{
margin: 0;
width: auto;
font-size: 1.3em;
float: right;
background: none;
padding: 4px 8px 4px 8px;
border-right: 1px dotted #b9c8cf;
}

div.middle ul.pages li.active { font-weight: bold; }

div.middle ul.pages li.page{
border-right: none;
font-weight: bold;
color: #41616e;
}

div.middle ul.pages li.last { border-right: none; }

div.middle ul.pages li.next, div.middle ul.pages li.next a{
border-right: none;
padding: 0;
height: 20px;
width: 36px;
display: block;
text-indent: -8000px;
background: url('/images/arrow_panel.gif') no-repeat;
overflow: hidden;
line-height: 5%;
}

div.middle ul.pages li.next { margin-top: 3px; }

.superright{

}

.articleBlock{
width: 740px;
}

.articleSubHeader{
padding: 0 0 4px 0;
height: 1%;
}

.articleSubHeader:after{
display: block;
content: ".";
clear: both;
height: 0px;
visibility: hidden;
}

span.date{
display: block;
color: #a0a0a0;
}

.articleSubHeader span.date{
float: left;
padding: 4px 0 0 0;
}

.shareThisArticle{
float: right;
width: 172px;
height: 24px;
text-indent: -5000em;
overflow: hidden;
background: url('/images/simplyfinance/site/bg-link-share.png') 0 0 no-repeat;
cursor: pointer;
}

ul.pages{
float: right;
margin: 0 0 10px 0;
width: 720px;
padding: 8px 9px 11px 9px;
border-top: 1px solid #b9c8cf;
border-bottom: 1px solid #b9c8cf;
}

ul.pages li{
margin: 0;
width: auto;
font-size: 1.3em;
float: right;
background: none;
padding: 4px 8px 4px 8px;
border-right: 1px dotted #b9c8cf;
list-style: none;
}

ul.pages li.active { font-weight: bold; }

ul.pages li.page{
border-right: none;
font-weight: bold;
color: #41616e;
}

ul.pages li.last { border-right: none; }

ul.pages li.next, div.middle ul.pages li.next a{
border-right: none;
padding: 0;
height: 20px;
width: 36px;
display: block;
text-indent: -8000px;
background: url('/images/arrow_panel.gif') no-repeat;
overflow: hidden;
line-height: 5%;
}

ul.pages li.next { margin-top: 3px; }