/* Link styles
------------------------------------------------ */

a:link    {color: #1a1d62; text-decoration: none; outline: none;}
a:visited {color: #1a1d62; text-decoration: none;}
a:hover   {color: #000000; text-decoration: none;}
a:active  {color: #1a1d62; text-decoration: none;}



/* Container
------------------------------------------------ */

 
body {
 	margin: 0;
	padding:0;
 	text-align: center;
 	background-color: #fff;
}

#all
{
	position: relative;
	margin: 24px auto 8px auto;
	width: 767px;
	padding:0px;
}

 #main
{
 	float:left;
 	height: auto;
 	width: 767px;
 	position: relative;
 	text-align: left;
 	margin: 0;
	padding:25px 0 0 0;
	border-width:2px 1px 1px 1px;
        border-color:#e2e2db;
        border-style:solid;
	background:url(../images/51.gif) repeat-x;
}


/* Header
------------------------------------------------ */


#header
{
    height: auto;
    width: 767px;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
    clear:both;
}



/* Footer
------------------------------------------------ */


#prefooter {

    position: relative;
        clear:left;
        float: left;
	width: 767px;
        height: auto;
	margin: 4px 0px 6px 0px;
        text-align:center;
	padding: 0px;
        color:#ee9b00;
        font: normal 90% Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
}

#prefooter a:link, #prefooter a:visited{ color: #585858; }

#prefooter a:hover {color: #444444;}


#footer {

    position: relative;
        float: left;
	width: 767px;
        height: 24px;
	margin: 4px 0px 6px 0px;
	padding: 0px;
        color:#ee9b00;
        font: normal 110% Verdana, Arial, Helvetica, sans-serif;
	line-height:1.5em;
        font-variant: small-caps;
}


#footer a:link, #footer a:visited
{
    color: #a7a44e; 
    font-variant: small-caps;
    font-weight:bold;
}


#footer a:hover 
{ 
     color: #cccc98;
     font-variant: small-caps;
}

#footer span.foot
{ 
     color: #a7a44e;
     font-variant: small-caps;
    font-weight:bold;
}


/* Navigation & Lists
------------------------------------------------ */

#navcontainer
{
    width: 680px;
    height:auto;
    margin: 0px auto 0px auto ;
    padding: 0px;
    position: relative;
    text-align: center;
}

#navlist
{
    margin:  0 0 0 68px;
    padding: 0;
    text-align: center;
    font: normal 110% Verdana, "Lucida Grande", Arial, Helvetica, sans-serif;
    line-height: 13px;
    font-weight: normal;
}

#navlist ul, #navlist li
{
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}


#navlist a:link, #navlist a:visited
{
    float: left;
    margin:  0;
    padding: 6px 36px 6px 16px;
    width:auto;
    height:auto;
    color: #a7a44e;
    text-decoration: none;
    outline: none;
   border-bottom:none;
    font: bold 140% Verdana, Arial, Helvetica, sans-serif;
background:none;
}


#navlist a:hover { color: #cccc98; background:url(../images/21.gif) no-repeat 0px 10px;}

#navlist a:active
{
    background:url(../images/11.gif) no-repeat 0px 10px;
    color: #a7a44e;}

#navlist li a.active
{
    background:url(../images/11.gif) no-repeat 0px 10px;
    color: #a7a44e;
}

.articlelist
{ 	
    width: auto;
    height: auto;
    padding: 0; 
    margin: 0; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.2em;
}

.articlelist ul
{
     margin: 8px 0 0 0; 
     padding: 0px;
     list-style-type: none;
     text-decoration: none; 
}

.articlelist li
{
     height: auto;
     margin: 0px 0px 3px 12px;
     padding: 0px 0px 4px 0px;
     list-style-type: none;
 color: #ee9b00; 
}

.articlelist a
{
     padding: 0;
     width: auto;
     text-decoration: none;
     border:none;
     outline: none;

}


.articlelist a:link, .articlelist a:visited { color: #a7a44e; text-decoration: none;  border:none;}
.articlelist a:hover { color:  #cccc98; text-decoration: none;      border:none;}
.articlelist a:active { color: #cccc98; text-decoration: none;      border:none;}
.articlelist li a.active { color: #cccc98; text-decoration: none;     border:none;}


/* Layout
------------------------------------------------ */

.first-float-rigid
{
    height: auto;
    float: left;    
    width: 222px;
    padding: 0;
    margin: 0;

}

.content-float-rigid
{
    height: auto;
    float: right;
    width: 544px;
    padding: 0px;
    margin: 0px 0px 12px 0px;
}

.second-float-rigid-home
{
    height: auto;
    float: left;
    width: 340px;
    padding: 0;
    margin: 0 ;
}

.second-float-rigid
{
    height: auto;
    float: left;
    width: 270px;
    padding: 0;
    margin: 0 ;
}

.second-float-rigid-wide
{
    height: auto;
    float: left;
    width: 540px;
    padding: 0;
    margin: 0 ;
}

.third-float-rigid-home
{
    height: auto;
    float: right;
    width: 200px;
    padding: 0;
    margin: 0 ;
}

.third-float-rigid-wide
{
    height: auto;
    float: right;
    width: 1px;
    padding: 0;
    margin: 0 ;
}

.third-float-rigid
{
    height: auto;
    float: right;
    width: 270px;
    padding: 0;
    margin: 0 ;
}

#lhscontainer
{
    width: auto;
    position: relative;
    font: normal 100% Arial, Verdana, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px 12px 12px 12px;
    text-align: left;
    color: #000000;
	background:#fff;
}

#maincontainer
{
    height: auto;
    font: normal 90% Verdana, Arial, Helvetica, sans-serif;
    color: #414141;
    position: relative;
    margin: 0px;
    padding: 0px;
    background:#fff;

}


#rhscontainer
{
    width: auto;
    position: relative;
    font: normal 100% Arial, Verdana, Helvetica, sans-serif;
    margin:0 12px 10px 10px;
    padding: 0px;
    text-align: left;
    color: #000000;
    background:#fff;
}

#register
{     
      background:url(../images/221.jpg) no-repeat;
      padding:16px 10px 0px 10px;
      margin: 0px;
      width:175px;
      height:124px;
}
#register #zemSubmit
{
      padding:0;
      margin:0 0 0px 0px;
      float:left;
}
#register #email {padding:0;margin:0;}
#register label {width:30px;float:left;}

#search-box
{
      width:190px;
      height: 29px;
      padding:0;
      margin:0 0px 10px 0px;
}
#search-box input {float:left;}

#search-box input.search
{
      margin:0px 0 0 px;
      width:130px;
      margin:3px 0 0px 3px;
      font: normal 90% Arial, Verdana, Helvetica, sans-serif;
}


#lhscontainer hr
{
     width:90%;
     text-align:left;
     margin: 0px 0px 10px 5px;
     color:#ececec;
     border:none;
     background-color: #ececec;
     height: 1px;
}

#register p
{
     font: 90% Verdana, Arial, Helvetica, sans-serif;
}
#register h2
{
     color:#a7a44e;
     font: 150% Verdana, Arial, Helvetica, sans-serif;
     border-bottom:1px solid #ececdb;
}
#register input.register
{

     margin-top:5px;
     width:130px;
}

input#submit
{
    margin-top:6px;
}

#section-sidebar
{

      border: solid #81a0b6;
      border-width:2px 1px 1px 1px;
      height: auto;
      padding:18px 5px 0px 10px;
      width: auto;
      margin:0px 0px 0px 0px;
      background:url(../images/461.jpg) repeat-x;
}
#rate-updates
{
      color:#414141;
      width: auto;
      margin:5px 5px 10px 5px;
      padding:10px 0px 0px 0px;
      border-top:1px solid #81a0b6;
}
#rate-updates h3
{
      color:#a7a44e;
}
#interact
{
     color:#e2e2db;
     border-top:1px solid #e2e2db;
     border-bottom:1px solid #e2e2db;
     padding-top:10px;
}

/* Panels
------------------------------------------------ */
#title-home
{
      height:28px;
      color: #414141;
      font: 160% Verdana, Arial, Helvetica, sans-serif;
      background:url(../images/71.gif) no-repeat;
      padding:4px 0 0 290px;
      margin: 12px;
}

#latest-deals
{     
      float:left;
      border: solid #e2e2db;
      border-width:2px 1px 1px 1px;
      font: 100% Verdana, Arial, Helvetica, sans-serif;
      height: auto;
      padding:15px 10px 5px 10px;
      width: 510px;
      margin:10px 0px 10px 0px;
      background:url(../images/51.gif) repeat-x;
}

#latest-deals .latest-deals-head
{
      color:#ee9b00;
      font: 150% Verdana, Arial, Helvetica, sans-serif;      
}

#latest-deals .latest-deals-titles
{
      float:left;
      color:#a7a44e;
      font: 110% Verdana, Arial, Helvetica, sans-serif;
      font-weight:bold;
      padding-left:12px;
      margin-top:4px;
}



#fsa-disclaimer
{     float:left;
      height: auto;
      padding:0px;
      width: 510px;
      margin:0px;
    font: normal 90% Verdana, Arial, Helvetica, sans-serif;
    color: #414141;
}

.news-row-container
{
     float:left;
     position:relative;
     height:auto;
     width:510px; 
     margin: 0 0 2px 0;
}

.news-row-container p
{
     float:left;
     color:#414141;
     font: 90% Verdana, Arial, Helvetica, sans-serif;
     padding-left:10px;
     width:110px;
     height:auto;   
}

.news-row-container:hover
{
     background-color:#f1f1f1;   
}

#titles
{
     float:left;
     width:auto;
     height:auto;
     position:relative;
     background-color:#fff;
     margin-bottom:10px;
}
.more
{
     color:#ee9b00;
     text-align:right;
     width:100%;
     height:auto;
     margin:0;
     padding:0;
     font-size:1.2em;
}
.more a:link, .more a:visited
{
     color:#a7a44e;

}
.more a:hover
{
     color:#cccc98;
}
#call-advisor
{
      height: auto;
      width: auto;
      padding:10px 0px 3px 24px;
      margin:20px 0px 10px 0px;
      background:url(../images/471.jpg) no-repeat;
      background-position:5px 13px;
}
#call-advisor h3, #call-advisor h4
{
      color:#ee9b00;
      text-align:center;
}
#see-also
{

      border: solid #e2e2db;
      border-width:2px 1px 1px 1px;
      height: auto;
      padding:18px 10px 5px 10px;
      width: auto;
      margin:10px 10px 12px 4px;
      background:url(../images/51.gif) repeat-x;
      font-size:110%;
}
#see-also h3
{
      color:#ee9b00;
      margin:10px 0px 5px 0px;
}

#home-image
{
     border:1px solid #ee9b00;
     width:173px;
     height:164px;
}
#about-image
{
     float:right;
     width:180px;
     height:180px;
     margin:0px 0px 10px 10px;
     padding:2px;
     clear:left;


}
/* FORMS
--------------------------------*/
.contact-form
{     
      float:left;
      clear:left;
      border: solid #e2e2db;
      border-width:2px 1px 1px 1px;
      font: 100% Verdana, Arial, Helvetica, sans-serif;
      color:#414141;
      height: auto;
      padding:20px 10px 10px 10px;
      width: 510px;
      margin:10px 0px 10px 0px;
      background:url(../images/51.gif) repeat-x;
}

fieldset 
{
     border:none;
     width:auto;
     text-align:left;
     padding:0px;
     margin:0px;
}

#contact-detail
{
      height:auto;
      width:auto;     
      background:url(../images/521.jpg) no-repeat;
      padding:20px 0px 0px 157px;
}
#contact-detail h5
{
      color:#a7a44e;
      margin-top:10px;
}
.contact-container h5
{
      color:#a7a44e;
      margin-top:10px;
      margin-bottom:4px;
      padding-bottom:4px;
      margin-left:137px;
      border-bottom:1px solid #d9e2e9;
}
.contact-container
{
      height:auto;
      width:300px;     
      border:1px solid #81a0b6;
      padding:30px 10px 30px 10px;
      margin:15px 10px 5px 150px;
      background-color:#ececec;
}

#tell-friend
{
      height:auto;
      width:auto;     
      background:url(../images/521.jpg) no-repeat;
      padding:20px 0px 0px 157px;
}

div.checkbox input {margin-right:5px;}
div.checkbox label {width:250px;}


/* MORTGAGE SECTION
--------------------------------*/


#mortgage-home
{     
     width:100%;   
     float:left;
     height: auto;
     
}


#mortgage-home a:link, #mortgage-home a:visited
{
     color:#a7a44e;

}
#mortgage-home a:hover
{
     color:#cccc98;
}

#mortgage-home h2
{     

      color:#ee9b00;
      padding:5px 0px 5px 0px;
}

.mortgage-home-cell
{
      float:left;
      height: 126px;
      width: auto;
      padding:0px 0px 0px 0px;
      margin:0px 5px 10px 0px;
      background:url(../images/281.jpg) repeat-x;
}
.cell-border-left, .cell-border-right
{
      padding:0px 0px 0px 0px;
      margin:0px 0px 0px 0px;
      float:left;
}
.cell-content
{
      padding:1px 5px 10px 5px;
      margin:0px 0px 0px 0px;
      float:left;
      width:215px;
      text-align:left;
      color:#414141;



}
.cell-content p
{
      padding:5px 5px 10px 0px;
      margin:0px 0px 0px 0px;
}
.cell-content h4
{
      padding:8px 0px 0px 0px;
      margin:0px 0px 0px 0px;
}
.cell-content img
{
      padding:0px 0px 0px 0px;
      margin:0px 10px 0px 0px;
      float:left;
      border-left:1px solid #ececec;
      border-right:1px solid #ececec;
}
.cell-excerpt
{

      width:auto;
      height:90px;
}


#calculator-form
{
border: 1px solid #cbccdc;
background:#ffffff;
padding:6px 12px 6px 8px;
width:300px;
height:auto;
margin-top:12px;
margin-right:10px;
font: 120% Verdana, Arial, Helvetica, sans-serif;
}

.panel-calculator
{
    margin: 0px 0px 8px 0px;
    padding: 12px;
    background-color: #F0F0F0;
    color: #000000;
}


.panel-calculator-results 
{
    font-family: Helvetica, Arial;
    font-size: 130%;
    font-weight: normal;
    line-height:1.3em;
    color:#ee9b00; 
}
/* Headers and Paragraphs:
---------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6
{
     line-height: 1em;
     padding-bottom: 4px;
}

h1 { font-family: Helvetica, Arial; font-size: 190%; font-weight: bold; color: #414141; }
h2 { font-family: Helvetica, Arial; font-size: 160%; font-weight: bold; color:#414141; }
h3 { font-family: Helvetica, Arial; font-size: 140%; font-weight: bold; color:#414141; }
h4 { font-family: Helvetica, Arial; font-size: 140%; font-weight: bold; color: #414141; }
h5 { font-family: Helvetica, Arial; font-size: 125%; font-weight: bold; color: #414141; }


h1, h2, h3, h4, h5, pre, dl, address
{
     margin:  0 0 0.3em 0;
     padding: 0;
}

p
{
     line-height: 1.3em;
     margin:  0;
     padding-bottom: 6px;
}


ol
{
     margin: 0em;
     padding-bottom: 6px;
}


li
{
     margin-left: 1em;
     font-size: 90%;
     line-height: 1.2em;
     padding-bottom: 6px;
}




/* Neutralize styling:
   Elements we want to clean out entirely
   and we reset the base font-size to 10px
---------------------------------------------------------------- */
html, body, form, 
{
     margin: 0;
     padding: 0;
     font: normal 100.01%/1.3em Arial, Helvetica, Verdana, sans-serif;
}

html { font-size: 65%; } /* 1em = 10px */
html { font-size: 70%; } /* override it ... go bigger */


/* Miscellaneous Conveniences
---------------------------------------------------------------- */

form label
{cursor: pointer;}



input, select, td
{font-size: 90%;}

html[xmlns] pre { font-size: 1.3em;}

.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }

img{border: none;}

/* Form Styles
---------------------------------------------------------------- */

.form-row {padding: 0px; margin: 0px; text-align:left;clear:both;}

label
{
      float:left;
      width:120px;
      margin: 0px;

}
select, input, textarea
{
      float:left;
      margin:3px 0px 3px 0px;
}

input.zemSubmit

{
      margin-left:120px;
}


.zemError 
{
	font-size: 100%;
	padding: 0px;
	margin: 0px;
	width: auto;
	color: #FF0000;
}

.zemError li
{
        padding-left: 0px;
	list-style: none;
	margin-bottom: 3px;
	margin-left: 0px;
	margin-top: 3px;
	padding-bottom: 5px;
	color: #FF0000;
}

label.zemSubscriberEmail {display:none;}

/* Image Styles
---------------------------------------------------------------- */



/* RSS Feed Styles
---------------------------------------------------------------- */

.news-scroller
{
	height: 20px;
        float: left;
	width: auto;
	padding: 6px 0px 0px 70px;
        margin: 0px;
	background-image:  url(../images/61.gif);
	background-repeat: no-repeat;
	background-position: 15px 0px ;
}



 
.bbcclass{height:16px;width:auto;padding: 0px;border: 0px solid #CECECE;filter:progid:DXImageTransform.Microsoft.alpha(opacity=80);-moz-opacity: 0.8;}

/*shared class for all title elements in an RSS feed*/
.rsstitle{ font: 110% Verdana, Arial, Helvetica, sans-serif; line-height:1.1em;font-weight: bold;float:left;margin-left:6px;margin-right:6px;height:15px;}

/*shared class for all date elements in an RSS feed*/
.rssdate{ color: gray;font-size: 85%;font-family: Verdana, Arial, Helvetica, sans-serif; line-height:1em;float:left;padding:0;margin:3px 0 0 0;}

/*shared class for all description elements in an RSS feed*/
.rssdescription{ }