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

h1.product_header span{
  display: block;
  color: #256e8f;
}

h1.product_header span.title{
  color: #000000;
  font-size: 1.4em;
  font-weight: bold;
  padding-bottom: 2px;
}

h1.wide{
padding: 30px 0 0 0;
color: #000;
font-weight: bold;
}

h2.wide{
padding: 2px 0 20px 0;
margin: 0;
font-weight: bold;
color: #719aaf;
}

h2.lower{
clear: both;
padding: 0;
margin: 0;
text-indent: -8000em;
overflow: hidden;
height: 36px;
line-height: 5%;
width: 452px;
}

h2.cart{
font-weight: bold;
font-size: 1.6em;
padding: 20px 0 10px 0;
margin: 2px 0 10px 0;
clear: both;
color: #000000;
border-top: #d1e5f1 1px solid;

}

h2.text{
 height: 50px;
 width: 964px;
 color: #ff6600;
 font-size: 3em;
 font-weight: normal;
 line-height: 1em;
 padding: 0;
 margin: 0;
}

h2.textbest{
 height: 75px;
 width: 548px; /* originally 368*/
 margin: 4px 0 10px 0;
 float: left;
 position: relative;
 z-index: 5;
}

h2.text small{
color: #1f6a8c;
font-size: .65em;
display: block;
padding: 10px 0 0 0;
}

h2.text span{
color: #c92b01;
}

h2.productDesc{
color: #1f6a8c;
margin: -16px 0 16px 0;
}

h2.mortgages_left{
background: none;
}

div.middle div.lower{
margin: 0 0 13px 0;
padding: 14px 10px 10px 10px;

}

div.middle div.lower p { }

div.middle div.lower p span{
display:block;
padding-right: 16px;
text-align: right;
}

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

div.middle div.lower p.go{
padding-left: 171px;
margin: 0;
}

#productdisclaimer{
color: #999;
text-align: left;
}

#productdisclaimer p{
font-size: 0.98em;
text-align: center;
padding: 4px 18px 0 0;
}

.refcalc{
float: left;
position: relative;
z-index: 20;
margin-top: -12px;
/* background: url('/images/ref_calc.gif') 0 100% no-repeat; */
width: 629px;
border-bottom: 1px solid #c8d5da;
}

div.refcalcinner{
padding: 0;
width: 629px;
 background: url('/images/ref_calc_top.gif') no-repeat;
}

div.supernobg { background: none; }

div.superplaininner{
float: left;
width: 649px;
padding: 20px 25px 25px 25px;
}

.fade{
padding: 25px 25px 25px 25px;
width: 577px;
float: left;
border-left: 1px solid #c8d5da;
border-right: 1px solid #c8d5da;
}

.fade p{
padding: 12px 0 12px 0;
width: 647px;
float: right;
margin: 0;
color: #000;
font-weight: bold;
border-bottom: #8baeb8 1px dotted;
}

.fade p.last{
border-bottom: none;
padding-bottom: 0;
margin: 0;
}

.graphs p.last{
border-bottom: none;
padding: 0 0 0 0;
text-align: center;
font-weight: bold
}

.fade p select, .fade p input{
width: 70px;
padding: 2px;
border: 1px solid #dbdee3;
font-size: .9em;
margin-right: 12px;
}

.fade p span.btn, .fade p span.btn a{
float: left;
width: 113px;
height: 33px;
padding: 0;
margin: 0;
text-indent: -8000px;
text-decoration: none;
font-size: .05em;
line-height: .05em;
}
.fade p span.btn{
float: right;
margin-top: -7px;
}
.fade p span.calc, .fade p span.calc a{background: url('/images/btn_calc.gif') no-repeat;}
.fade p span.apply, .fade p span.apply a{background: url('/images/btn_apply.gif') no-repeat;}

.fade p span.quotes{
float: right;
padding: 0 7px 0 33px;
margin: 0;
font-size: 1.2em;
background: url('/images/bullet_red.gif') no-repeat 0 3px;
}

.fade span.red{
color: #b40808;
font-size: 1.4em;
padding-left: 10px;
}
.fade span.red small{
font-size: .6em;
color: #000;
}

/* RATE DETAIL PAGE */

h3.rate {
 color: #000;
 margin-bottom: 10px;
}

.rate-chart {
 float: left;
}

.graph_box .rate-options {
 float: left;
 width:200px;
 padding-left:42px
}

.rate-options h4 {
color: #1f6a8c;
font-size: 13px;
margin-bottom: 0;
}

.rate-options label {
display: block;
margin: 5px 0;
font-size: 12px;
font-weight: 700;
}

.graph_box .chart {
width:320px;
float:left;
}

/* Lenders */

.lender{
clear:left;
float: none;

border-bottom:1px solid #b9c8cf;
margin-bottom:15px;
}

div.lender img { float: left; padding-right: 10px; }

div.lender h3{
float: none;
padding-left:30px;
}

div.lender p{
clear:right;
float: none;

}

/* Calculator graphs */
.graphs{
clear: left;
float: left;
width: 627px;
padding: 0 0px 0 0px;
border-left:1px solid #c8d5da;
border-right:1px solid #c8d5da;
}

.graphs table {
  width: 617px;
  float: left;
  margin: 20px 10px 5px 10px;
  background: #f0f4f6;
}

.graphs table th { text-align: left; background: #ced7dc; }
.graphs table td { background: #f0f4f6; }

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


.graphs img{
float: left;
padding: 20px 0px 5px 0px;
}

.graphs ul{
margin: 0;
padding: 0;
width: 427px;
float: left;
background: #f4f9fa;
padding-left: 200px;
list-style-type: none;
border-bottom: 1px solid #c8d5da;
position: relative;
z-index: 20;
}
.graphs ul li{
list-style-type: none;
float: left;
text-align: center;
font-size: 1.1em;
line-height: 1em;
width: 87px;
}
.graphs ul li a{
padding: 4px;
width: 79px;
display: block;
float: left;
text-align: center;
text-decoration: none;
position: relative;
z-index: 30;
}

.graphs ul li.left, .graphs ul li.left a { background: url('/images/fade_left.gif') no-repeat; }
.graphs ul li.center, .graphs ul li.center a { background: url('/images/fade_center.gif') repeat-x; }
.graphs ul li.right, .graphs ul li.right a { background: url('/images/fade_right.gif') no-repeat; }

.graphs ul li a:hover, .graphs ul li a.active{
background-position: 0 -50px;
margin-bottom: -1px;
border-bottom: 1px solid #c8d5da;
}
.graphs ul li a.active{
margin-bottom: -1px;
border-bottom: 1px solid #fff;
}

.graphs ul.key{
background: none;
width: 593px;
border: 0 none;
padding: 0px 0 30px 50px;
}
.graphs ul.key li{
width: auto;
float: left;
line-height: 1.2em;
padding-right: 40px;
}
.graphs ul.key li span{
float: left;
width: 10px;
height: 10px;
border: 1px solid #8bceeb;
margin: 0 5px 0 0;
}

.graphs ul.key li.interest span{
background: #daf781;
}
.graphs ul.key li.principal span{
background: #b0e8ff;
}

/* miniform */

.miniform{
float: none;
margin: 0 0 13px 0;
padding: 0 0 10px 0;
background: url('/images/simplyfinance/site/bg-miniform.png') 0 100% no-repeat;
}

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

.miniform h2, .miniform h3{
padding: 4px 10px 10px 10px;
background: #e8eff3 url('/images/simplyfinance/site/bg-miniform-header.png') 0 100% no-repeat;
color: #b40808;
font-size: 1.8em;
}

.miniform p.go{
clear: both;
padding: 0 0 0 130px;
}

.miniform p.go button{
cursor: pointer;
border: none;
background: url('/images/btn_go.gif') no-repeat;
width: 54px;
height: 27px;
text-indent: -5000em;
overflow: hidden;
display: block;
}

.miniform .mainLabel{
padding: 0 10px 0 0;
}

.miniform .mainLabelContent{
font-weight: bold;
font-size: 0.9em;
}

.miniform .optionsContent{
font-size: 1.1em;
}

#alphaNav{
background: #f0f4f6;
padding: 1px 0 2px 2px;
height: 1%;
margin: 0 0 10px 0;
}

#alphaNav li{
float: left;
list-style: none;
font-family: verdana;
font-weight: bold;
color: #ffffff;
font-size: 1.25em;
float: left;
padding: 2px 4px 2px 5px;
}

#alphaNav li a{
text-decoration: none;
float: left;
}

#alphaNav li.active a, #alphaNav li a:hover{
background: #ffffff;
color: #b40808;
}

#alphaNav:after,.lender:after{
display: block;
content: ".";
clear: both;
height: 0px;
visibility: hidden;
}

p.rates{
color: #696969;
}

.middle {
padding: 0 12px 0 16px;
}

#left h1{
margin: -2px 0 0 0;
position: relative;
float: left;
width: 500px;
}

#left h3{
padding: 10px 0 0 0;
}

.profileLogo{
clear: left;
border: #ced7dc 1px solid;
text-align: center;
margin: 40px 0 0 0;
}

.profileLogo img{
display: block;
margin: 16px auto;
}

.listPage{
font-size: 1.15em;
}

.listPage ul{
float: left;
color: #ccffff;
margin: 10px 40px 0 0;
width: 42%;
}

.listPage ul li{

}

.listPage ul a{
color: #fff;
display: block;
padding: 0 0 10px 0;
}

.listPage ul#SideNav{
position: relative;
margin: 0 0 0 -250px;
width: 200px;
}

.listPage ul#SideNav li{
list-style: none;
display: block;
border-bottom: #376e88 1px solid;
}

.listPage ul#SideNav li.active{
background: #06354a;
border-bottom: #06354a 1px solid;
}

.listPage ul#SideNav li a{
display: block;
color: #bff3f5;
font-weight: bold;
padding: 9px 0 9px 7px;
}

.listPage ul#SideNav li.active a{
color: #fff;
cursor: default;
}

.listPage ul#SideNav li.active a:hover{
text-decoration: none;
}

.listPage ul#SideNav li a span,.listPage ul#SideNav li a:hover span{
color: #0f78a7;
float: right;
font-weight: normal;
text-decoration: none;
}

.listPage ul#SideNav li a:after,.listPage:after{
display: block;
content: ".";
clear: both;
height: 0px;
visibility: hidden;
}

.summaryBox{
background: #094a67;
padding: 0 8px 15px 15px;
margin: 0 0 20px 0;
color: #ffffff;
}

.summaryBox h2{
font-weight: bold;
color: #ccffff;
}

.summaryBox ul{
padding: 12px 0 0 15px;
margin: 0;
}

.summaryBox ul li{
padding: 0 0 12px 0;
}

.summaryBox ul li a{
color: #fff;
}

.summaryBox a.more{
color: #fff;
}

#ToggleWrapper{
border-bottom: none;
}

.middlesplitleft{
padding: 0;
width: 360px;
}

.middlesplitright{
width: 240px;
}

.middlesplit .roundbox, .middlesplit .roundbox2, .middlesplit ul li{
width: auto;
}