body {
background-color: #fff;
margin:0;
padding:0;
margin-top: 10px;
margin-bottom: 10px;
font-size:90%;
font-family:Helvetica, Verdana, Arial, sans-serif;
/* needed to center all in IE5/WIN */
text-align:center;
}

/* container centers all and sets a fixed width */
#container {
margin-right:auto;
margin-left:auto;
width: 760px;
/* overwrites IE5/WIN center hack in body */
text-align: left;
font-size: 1em;
}

div#column2home {
position: relative;
margin: 0px;
padding: 0px;
width: 760px;
height: 100%;
}

div#column2 {
position: relative;
margin: 0px;
padding: 0px;
width: 760px;
height: 100%;
background-color: #fff;
}

div#column2search {
position: relative;
margin: 0px;
padding: 0px;
width: 758px;
height: 100%;
background-color: #fff;
}

div#column1 {
position: relative;
margin: 0px;
padding: 0px;
background-image: url(/images/ltblue_bkgd.gif);
background-position: left;
background-repeat: repeat-y;
width: 100%;
height: 100%;
} 

/**********************************************main sections*****************************************************/

#utilities {
background:#877272;
color:#fff;
border-bottom:0px solid #fff;
overflow:visible;
}


/***Tasha's dropdown utility bar****/

/* ---- the following styles create the utility bar and are used w/utilitydropdown.js to create the Login mouseover ----- */
div.utilbar,
div.utilbar a.utilbarbutton,
div.menu,
div.menu a.menuItem {
  font-size: .8em;
  color: #fff;
}

div.utilbar {
  background-color: #877272;
  position:relative;
  left: 0;
  padding: 4px 4px 4px 1px;
 /*layout styles copied from #container to get utility bar correctly place in the demo */
  margin-right:auto;
  margin-left:auto;
  width: 760px;
  text-align: right;
  * padding: 4px 4px 4px 1px;
}

* html div.utilbar  {
width: 762px; /* Width for IE5 */ 
w\idth: 760px; /* Width for IE6 */ 
} 


div.utilbar a.utilbarbutton{
  background-color: transparent;
  border-right: 0px solid #99b3c0;
  color: #fff;
  cursor: pointer;
  left: 0px;
  margin: 0 1px;
  padding: 2px 10px 2px 10px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}


div.utilbar a.utilbarbutton:hover{
  background-color: transparent;
  border-right: 0px solid #99b3c0;
  color: #CFC6C7;
  text-decoration:underline;
}



/* the next three styles are for the Search button */
#minisearch input.searchbtn {
font-size: .85em;
background-color: #fff;
color: #877272;
text-align: center;
width: 50px;
height: 20px;
margin-top: 3px;
border: 1px solid #877272;
}

#minisearch input[type="submit"]:hover { 
border: 1px solid #cfc6c7;
color: #cfc6c7;
}

#minisearch input.btnhov{
font-size: .85em;
background-color: #fff;
text-align: center;
width: 50px;
height: 20px;
margin-top: 3px;
border: 1px solid #cfc6c7;
color: #cfc6c7;
}

/* end Search button styles */



/* div.menu styles create the dropdown list. probably should have changed the name of this style, but didn't */
div.menu {
  background-color: #bcd2bc;
  border: 2px outset #000;
  text-align: left;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position:absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #000;
  cursor: pointer;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #9ebd95;
  color: #637b5c;
}


/* end of styles for utility bar */




/*Remember to change smaller house artwork image in productheader div when the banner art below changes.  cew 05/12/09*/
#banner1 {
border-top: 1px solid #fff;
background-image:url(../images/buyersed_header.gif);
background-repeat:no-repeat;
height: 192px;
}


#banner2 {
display: none;
}


#tabs {
	background:#877272;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	height: 60px;
	text-transform:capitalize;
}

div.searchinline {
padding-left:5px;
padding-right:0;
padding-top: 3px;
padding-bottom: 0;
width: 114px;
margin:0;
text-align:left;
border-left: 1px solid #fff;
height: 60px;
float:left;
clear: right;
}

div.searchfirst {
border-left: 0;
padding-left:5px;
padding-right: 35px;
padding-top: 3px;
padding-bottom: 0;
height: 57px;
float:left;
}

a.tabssearch{
  color: #fff;
  cursor: pointer;
  left: 0px;
  margin: 0 1px;
  padding: 2px 10px 2px 10px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}



a.tabssearch:hover{
  color: #99b3c0;
  text-decoration:underline;
}



#contentsearch {
width:750px;
margin: 0px;
padding: 0px;
}


div#leftnav_calc {
float: left;
clear: right;
width: 145px;
height: 100%;
margin: 0;
padding:0;
}

div#leftnav {
float: left;
clear: right;
width: 170px;
height: 100%;
margin: 0;
padding:0;
}

#content {
float: right;
width:585px;
margin: 0px;
padding: 0px;
}

div#middlecolumn {
float: left;
width: 400px;
padding: 0px 2px;
margin-left: 0px;
margin-right: 5px;
font-size: .9em;
}

div#middlecolumn2 {
float: left;
width: 400px;
padding: 0px 2px;
margin-left: 0px;
margin-right: 5px;
font-size: .9em;
list-style-type:square;
}

* html div#middlecolumn  {
width: 404px; /* Width for IE5 */ 
w\idth: 400px; /* Width for IE6 */ 
} 

div#bigmiddle {
float: left;
width: 585px;
padding: 0px 2px;
margin-left: 5px;
margin-right: 5px;
font-size: .9em;
}
* html div#bigmiddle  {
width: 554px; /* Width for IE5 */ 
w\idth: 585px; /* Width for IE6 */ 
} 

div#rightcolumn{
float: right;
width: 160px;
height: 100%;
padding-top: 10px;
margin: 0;
text-align: center;
}

* html div#rightcolumn  {
width: 164px; /* Width for IE5 */ 
w\idth: 160px; /* Width for IE6 */ 
} 


#righttext {
position: relative;
width: 150px;
padding: 2px;
margin-top: 10px;
color: #220262;
}


.centerad {
margin-right: -10px;
}

.clear {
    clear: both;
    display: block;
    height: 13px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}



#copyright {
margin:0 auto;
width: 750px;
padding:0;
text-align: left;
}

#prevnext {
text-align: right;
font-size: .9em;
color: #877272;
}




/************************************************************* Styles used for section tabs and left-hand nav **************************/

#tabs span {
padding-left:5px;
padding-right:0;
padding-top: 3px;
padding-bottom: 0;
width: 114px;
margin:0;
text-align:left;
border-left: 1px solid #fff;
height: 60px;
float:left;
clear:right;
}

#tabs span.on {
background:#ea9b06;
padding-left:5px;
padding-right: 6px;
padding-top: 3px;
padding-bottom: 0px;
margin:0px;
text-align:left;
height: 57px;
}
* html #tabs span.on  {
height: 57px; /* Height for IE5 */ 
he\ight: 60px; 
} 

#tabs span.first {
border-left: 0;
padding-left:5px;
padding-right: 35px;
padding-top: 3px;
padding-bottom: 0;
height: 57px;
}

* html #tabs span.first  {
height: 57px; /* Height for IE5 */ 
he\ight: 60px; 
} 

#tabs a {
margin:0px;
padding:0;
font-size:.9em;
font-weight:bold;
text-transform:capitalize;
}

#tabs a:link, #tabs a:visited {
text-decoration:none;
color:#fff;
}
#tabs a:hover {
text-decoration:underline;
color:#cfc6c7;
}
#tabs a:active {
text-decoration:none;
color:#fff;
}

#tabs noscript p {
color: #fff;
padding-top: 1em;
}

#tabs noscript p a {
text-decoration: underline !important;
}

/**********Left Nav formatting****************/
#leftnav_content ul{
list-style-type:none;
/*width:150px;*/
font-size: .8em;
padding:0;
margin:0;
border-bottom: 1px solid #fff;
}

#leftnav_content li {
list-style-type:none;
padding:0;
margin:0;
}

#leftnav_content li.iebug {
list-style-type:none;
padding:0;
margin:0;
* margin-top:-15px;
}

#leftnav ul ul {
font-size: 1em;
padding: 0;
margin: 0;
}

#left nav ul ul li {
font-size: 1em;
margin: 0;
padding:0;
}

#leftnav_content ul li a {
	display: block;
	padding: 0 0 1px 11px;
color: #000;
	border-top: 1px solid #ea9b06;
	height: auto;
	_height: 1em;
}

#leftnav_content ul ul li a {
	display: block;
	padding: 0 0 1px 22px;
	border-top: 1px solid #fff;
	height: auto;
	_height: 1em;
}

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

#leftnav_content li a:hover {
	background-color:#ea9b06;
	color: #fff;
	text-decoration: none;
}

#leftnav_content li a:active {
	text-decoration: none;
}




/**************************************elements to highlight current section and sub-section*****************************************/
#section_name {
font-weight: bold;
text-align: left;
padding: 5px 0 1px 11px;
font-size: .85em;
min-height:20px;
color: #000;
}

#section_name a {
	text-decoration: none;
	color: #000;
}

#section_name a:hover {
	color: #ea9b06;
	
}

#leftnav_content ul li a.current {
	background:#ea9b06;
	color: #fff;
}



#leftnav_content ul li a:hover.current {
	color:#fff;
}

#leftnav_content ul ul li a.current {
	background:#ea9b06;
	color: #fff;
}


/*********************************************** page elements ***********************************************/

#footer {
clear:both;
background:#877174;
color:#fff;
font-size:1em;
margin:0;
border-top:1px solid #fff;
min-height: 20px;
}
  
#footer ul {
list-style-type:none;
margin:0;
padding:0;
color:#fff;
}

#footer li{
display:inline;
border-right: 0px solid #99b3c0;
margin-left: 4px;
margin-right: 3px;
}

#footer a {
color:#fff;
margin:0;
padding-right:10px;
font-size:1em;
}


/* ubar for the horizontal placement of the utility bar contents -- links and search*/ 
div.ubar {
  clear: both;
  padding:2px;
  font-size:.75em;
  }
  
div.ubar div.left {
  float: left;
  width: 400px;
  text-align: left;
  margin-left:6px;
  margin-top:4px;
  }
  
div.ubar div.right {
  float: right;
  width: 175px;
  text-align: right;
  margin-right:5px;
  } 


div.fbar {
  clear: both;
  padding:2px;
  font-size:.75em;  
  }
  
div.fbar div.left {
  float: left;
  width: 450px;
  text-align: left;
  margin-left:6px;
  margin-top:4px;
  }
  
div.fbar div.right {
  float: right;
  width: 225px;
  text-align: right;
  margin-right:5px;
  margin-top:4px;
  } 


.loginbox {
font-weight: bold;
text-align: center;
font-size: .85em;
color:#000;
border-left: 10px solid #637b5c;
border-top: 1px solid #fff;
}




/**************** Login Button Menu - in <div id="rightcolumn"> **************/
div#servicelogin {
background-color:#9ebd95;
position: relative;
width: 160px;
margin-top: -10px;
padding: 0px;
border-bottom: 1px solid #fff;
}

#servicelogin ul{
font-size: .8em;
padding: 0;
margin:0;
text-align:left;
border-top: 1px solid #fff;
}

#servicelogin li {
list-style-type:none;
}

#servicelogin li a:link {
	display: block;
	width: 152px;
	padding: 0 0 1px 8px;
	margin: auto;
	color: #000;
	text-decoration: none;
	background-color: #bcd2bc;
	border-bottom: 1px solid #fff;
}

#servicelogin  li a:visited {
	display: block;
	width:152px;
	padding: 0 0 1px 8px;
	margin: auto;
	color: #000;
	text-decoration: none;
	background-color:#bcd2bc;
	border-bottom: 1px solid #fff;
}

#servicelogin  li a:hover {
	display: block;
	width: 152px;
	padding: 0 0 1px 8px;
	background-color:#9ebd95;
	color: #637b5c;
	text-decoration: none;
	margin: auto;
	border-bottom: 1px solid #fff;
}

#servicelogin li a:active {
	display: block;
	width: 152px;
	margin: auto;
	padding: 0 0 1px 8px;
	color: #000;
	text-decoration: none;
	background-color:#bcd2bc;
	border-bottom: 1px solid #fff;
}

/*************************** Sign Up for Web Services Buttons (looks like part of the Login Menu) **************/
div#servicessignup {
	background-color:#c2d1d9;
	position: relative;
	width: 160px;
	margin: 0;
	padding: 0;
	top: 2px;
}

#servicessignup ul{
font-size: .8em;
padding: 0;
margin:0;
text-align:left;
}

#servicessignup li {
list-style-type:none;
}

#servicessignup li a:link {
	display: block;
	width: 152px;
	padding: 0 0 1px 8px;
	margin: auto;
	color: #000;
	text-decoration: none;
	background-color:  #c2d1d9;
	border-bottom: 1px solid #fff;
}

#servicessignup  li a:visited {
	display: block;
	width: 152px;
	padding: 0 0 1px 8px;
	margin: auto;
	color: #000;
	text-decoration: none;
	background-color:  #c2d1d9;
	border-bottom: 1px solid #fff;
}

#servicessignup  li a:hover {
	display: block;
	width: 152px;
	padding: 0 0 1px 8px;
	margin: auto;
	color: #40677a;
	text-decoration: none;
	background-color: #a3bed0;
	border-bottom: 1px solid #fff;
}

#servicessignup li a:active {
	display: block;
	width: 152px;
	padding: 0 0 1px 8px;
	margin: auto;
	color: #000;
	text-decoration: none;
	background-color: #c2d1d9;
	border-bottom: 1px solid #fff;
}


/************************************************** link styles ************************************************/
#utilities a:link, #utilities a:visited {
text-decoration:none;
color:#fff;
}

#utilities a:hover {
text-decoration:underline;
color:#99b3c0;
}

#utilities a:active {
text-decoration:none;
color:#fff;
}



#footer a:link, #footer a:visited {
text-decoration:none;
color:#fff;
}
#footer a:hover {
text-decoration:underline;
color:#CFC6C7;
}
#footer a:active {
text-decoration:none;
color:#fff;
}

#copyright a:link, #copyright a:visited {
text-decoration:none;
}
#copyright a:hover {
text-decoration:underline;
}
#copyright a:active {
text-decoration:none;
}


#middlecolumn a:link, #middlecolumn a:visited {
text-decoration:underline;
color: #847070;
font-weight:bold;
}
#middlecolumn a:hover {
text-decoration:underline;
color: #e29d06;
font-weight:bold;
}
#middlecolumn a:active {
text-decoration:underline;
font-weight:bold;
}


#prevnext a:link {
text-decoration:none;

}

#prevnext a:visited {
text-decoration:none;

}

#prevnext a:hover {
text-decoration:underline;
color: #e29d06;
}

#prevnext a:active {
text-decoration:none;

}




#megacontent a:link, #megacontent a:visited {
text-decoration:underline;
color: #847070;
font-weight:bold;
}
#megacontent a:hover {
text-decoration:underline;
color: #E29D06;
font-weight:bold;
}
#megacontent a:active {
text-decoration:underline;
font-weight:bold;
}

#rightcolumn a:link, #rightcolumn a:visited{
color: #847070; 
text-decoration: underline;
}

#rightcolumn a:hover{
color: #E29D06;
text-decoration:underline;
}

#rightcolumn a:active{
text-decoration:underline;
}


#righttext a:link, #righttext a:visited {
text-decoration:underline;
color: #847070;
}
#righttext a:hover {
text-decoration:underline;
color: #E29D06;
}
#righttext a:active {
text-decoration:underline;
}

#bigmiddle a:link, #bigmiddle a:visited {
text-decoration:underline;
color: #847070;
font-weight:bold;
}
#bigmiddle a:hover {
text-decoration:underline;
color: #E29D06;
font-weight:bold;
}
#bigmiddle a:active {
text-decoration:underline;
font-weight:bold;
}


/**************************************reusable elements*****************************************/
div.spacer {
clear: both;
height: 1px;
overflow: hidden;
}

.hide {
display:none;
}

.small {
font-size:.85em;
}

.midi {
font-size:.9em;
}

/**span class used for "tiny headers" in the <h1> tag**/
.mini {
font-size: .7em;
margin-bottom: 4px;
color: #000;
}

.required {
font-size: 1.5em;
font-weight: bold;
color: #c61802;
}

.caption {
font-size: .85em;
font-weight: bold;
margin-top: -1em;
text-align: center;
}

.tiny {
font-size: .7em;
}

.top{ 
padding:3px 20px; 
background-image:url(../images/icon_top.gif);
background-repeat:no-repeat; 
background-position:0 50%;
font-size: .9em;
}

/*********************** text elements **********************************/
h1 {
font-size: 1.4em;
color: #877174;
line-height: 1.1em;
margin-left: 8px;
margin-bottom: .2em;
}

/**header used in dl list box**/
h2 {
font-size: 1.3em;
color: #816a91;
margin-bottom:2px;
font-weight: bold;
}

h3 {
font-size: 1em;
color:  #7e3128;
font-weight: bold;
text-align: center;
margin-bottom: .5em;
}

h5 {
font-size: 1em;
color:  #000;
margin-left: 8px;
font-style:italic;
margin-bottom: 2px;
}

h6 {
font-size: 1.4em;
color: #816a91;
line-height: 1.1em;
margin-left: 8px;
margin-bottom: .2em;
}

hr {
border: 0;
text-align: left;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
width:100%;
color:#877272;
background-color:#877272;
}

img {
border: none;
}

<!--Landlord List Outline Levels-->
.ollevel1 {
margin-left:56px;
}

.ollevel2 {
margin-left:56px;
list-style-type:decimal;
}

.ullevel1 {
margin-left:56px;
list-style-type:circle;

}

.ullevel2 {
margin-left:56px;
list-style-type:disc;

}

#secondlevel {
color:#FF0000;
list-style-type:upper-alpha;
}
*/
<!--.ullevel2 {margin-left:86px;list-style-type:georgian;}
-->

p {
line-height:1.4;
padding:5px 10px;
margin:0;
font-size:.90em;
}

#middlecolumn ul, #bigmiddle ul{
line-height:1.4;
margin-left: 0; 
padding-left: 2.5em;
margin-top:2px;
}

#middlecolumn ul li, #bigmiddle ul li {
list-style-type:disc;
list-style-position:outside;
margin-bottom: 4px;
}

#middlecolumn, #bigmiddle ul li li{
list-style-type:none;
list-style-position:outside;
}

#middlecolumn, #bigmiddle ol{
line-height:1.4;
margin-left: 0; 
padding-left: 2.5em;
margin-top:2px;
}

#middlecolumn, #bigmiddle ol li {
list-style-position:outside;
}

dl{
margin-left: 8px;
}

dl dt{
font-weight: bold;
font-size: 1em;
margin-bottom: .25em;
}

dl dt.alpha {
font-size: 1.5em; 
color: #ea9b06; 
font-weight: bold; 
margin-bottom: .5em;
}

dl dd {
font-size: .9em;
line-height: 1.2em;
margin-bottom: .75em;
}

dl.box{
margin-left: 8px;
border: 2px solid #816a91;
width: 500px;
padding: 2px;
}

dl.box dt{
font-weight: bold;
font-size: 1em;
padding: 5px;
color: #000;
}

dl.box dd {
font-size: .9em;
line-height: 1.2em;
margin-bottom: 8px;
}













#newsearch input.buttons { 
font-size: .9em;
background-color: #40677a;
color: #fff;
text-align: center;
font-weight: bold;
width: 40%;
height: 20px;
margin-top: 3px;
float: right;
} 


/************************** Rate & Guideline Update email form (on rates/rateandguidelineupdates.html)********************************/


div#ratesform {
  padding:0;
  width: 522px;
  margin: 0;
  }

form#ratesandguides {
width: 426px;
font-size: .9em;
}


#ratesandguides label {
color:#000;
}

#ratesandguides input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
text-align: center;
font-weight: bold;
width: 40%;
height: 22px;
margin-left: 5px;
} 

#ratesandguides input[type="submit"]:hover { 
background-color: #99b3c0; 
color: #1c0054;
}


#ratesandguides legend {
background-color: #fff;
padding: 2px;
color: #40677a;
font-weight: bold;
} 

#ratesandguides fieldset {
border: 1px solid #40677a;
height: 100%;
padding: 2px;
width: 422px;
}

table#update {
border-collapse:collapse;
margin-left:17px;
margin-right: 13px;
margin-top: 2px;
margin-bottom: 2px;
height: 300px;
max-width: 426px;
}


/**** eMagic login box/form in Origination Section **************/
div#login {
position: relative;
width: 155px;
margin-top: 20px;
height: 175px;
padding: 0px;
}

/*eMagic Login Box*/
form#loginform {
border: 0px;
width: 140px;
padding: 2px;
margin-left: 5px;
margin-right: 5px;
text-align: center;
}

* html div#loginform  {
width: 144px; /* Width for IE5 */ 
w\idth: 140px; /* Width for IE6 */ 
} 

#loginform input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
margin-top: 2px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width: 50%;
height: 22px;
} 

#loginform input[type="submit"]:hover { 
background-color: #99b3c0; 
color: #1c0054;
}


#loginform label {
font-weight:normal;
color: #000;
}

#loginform legend {
background-color: #fff;
padding: 2px;
font-weight: bold;

} 

#loginform fieldset {
color: #40677a;
border: .05em solid #40677a;
height: 120px;
}



/******Rate Finder Styles***********************/

#ratefinder {
color: #000;
width: 506px;
margin: 0;
}

#ratefinder input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
margin-top: 4px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width: 35%;
height: 22px;
} 


#ratefinder input[type="button"]:hover { 
background-color: #99b3c0; 
color: #1c0054;
}

#ratefinder label {
font-weight:normal;
color: #000;
}

#ratefinder legend {
background-color: #fff;
padding: 2px;
font-weight: bold;
font-size: 1.2em;
} 

#ratefinder fieldset {
color: #40677a;
border: 1px solid #40677a;
margin-left: 8px;
width: 510px;
padding: 0;
}

* html form#ratefinder fieldset  {
width: 512px; /* Width for IE5 */ 
w\idth: 510px; /* Width for IE6 */ 
} 

table#features_info{
width: 500px;
margin: 0;
padding: 0;
}

table#ratefinderinfo{
width: 500px;
color: #000;
margin: 0;
padding: 0;
}

#ratefinderinfo td.left {
width: 130px;
text-align: right;
}

#ratefinderinfo td.right {
width: 370px;
}

td.checkleft {
width: 183px;
}

td.checkright {
width: 320px;
}

div#selection {
position: relative;
width: 500px;
padding: 0;
margin-left: 8px;
}

div#basic_info {
position: relative;
margin-top: 10px;
padding: 0px;
margin-left: 8px;
width: 500px;
}

div#features {
position: relative;
padding: 0px;
margin-left: 8px;
width: 500px;
}

div#results{
position: relative;
padding: 2px;
border: 1px solid #40677a;
margin-top: 2px;
margin-left: 8px;
background-color:#ffedae;
width: 506px;
height: 190px;
text-align: left;
overflow:auto;
line-height: 1.1em;
* margin-left: 0px;
}

* html div#results  {
width: 512px; /* Width for IE5 */ 
w\idth: 506px; /* Width for IE6 */ 
height: 196px;
he\ight: 190px;
} 

#tax_note {
color: #7e3128;
font-weight: bold;
font-size: .8em;
}

table#results_content{
width: 500px;
color: #000;
margin-top: 2px;
padding: 0;
}

#results_content td{
vertical-align:top;
padding-left: 0.25em;
text-align: left;
}

table#results_left {
margin-right:5px;
border-collapse:collapse;
padding:0;
}

div#initial_rate, #initial_premium, #rate2{
color:#220262;
font-weight: bold;
white-space: nowrap;
}

div#rate1 {
color:#220262;
font-weight: bold;
padding-top: 0.5em; 
white-space: nowrap;
}

#results h6 {
font-size: 1em;
font-weight: bold;
margin-bottom: 1px;
text-align: left;
margin-top: 0;
}

.value{
color: #000;
font-weight: bold;
}

.ratequote{
font-weight: bold;
font-size: 1.2em;
color: #000;
} 

.disclaimer {
font-size: .75em;
color: #000;
font-weight: normal;
text-align: left;
}

.important {
color: #7e3128;
font-weight: bold;
}

/******************************* Sign up Page *************************************/

table#signuptop {
width: 545px;
}

#signuptop td.left {
width: 30%;
text-align: left;
vertical-align:top;
}

#signuptop td.right {
width: 70%;
vertical-align:top;
}

#signuptop td.one {
padding-left: 25px;
}

table#signupbottom {
width: 545px;
}

#signupbottom td.left {
width: 50%;
text-align: right;
}

#signupbottom td.right {
width: 50%;
}

#passwordaccess {
color: #000;
width: 550px;
}

#passwordaccess input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
margin-top: 4px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width: 35%;
height: 22px;
} 

#passwordaccess input[type="submit"]:hover { 
background-color: #99b3c0; 
color: #1c0054;
}

#passwordaccess label {
font-weight:normal;
color: #000;
}

#passwordaccess legend {
background-color: #fff;
padding: 2px;
font-weight: bold;
font-size: 1.2em;
color: #40677a;
} 

#passwordaccess fieldset {
border: 1px solid #40677a;
margin-left: 8px;
width: 550px;
padding: 0;
}

* html form#passwordaccess fieldset  {
width: 552px; /* Width for IE5 */ 
w\idth: 550px; /* Width for IE6 */ 
} 



/********************************************* Mortgage Market Guide **********************************/

table#mmg {
width: 500px;
}

#mmg td.left {
width: 25%;
text-align: right;
vertical-align:top;
}

#mmg td.right {
width: 75%;
vertical-align:top;
text-align: left;
}

form#mmgorder {
color: #000;
width: 536px;
}

#mmgorder input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
margin-top: 4px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width: 35%;
height: 22px;
} 

#mmgorder input[type="submit"]:hover { 
background-color: #99b3c0; 
color: #1c0054;
}

#mmgorder label {
font-weight:normal;
color: #000;
}

#mmgorder legend {
background-color: #fff;
padding: 2px;
font-weight: bold;
font-size: 1.2em;
color: #40677a;
} 

#mmgorder fieldset.all {
border: 1px solid #40677a;
margin-left: 8px;
width: 520px;
padding: 0;
}

#mmgorder fieldset.sub {
border: 1px solid #40677a;
margin: 8px;
width: 500px;
padding: 0;
}

* html form#mmgorder fieldset.all  {
width: 522px; /* Width for IE5 */ 
w\idth: 520px; /* Width for IE6 */ 
} 


/********************************************* Size Up Your Situation **********************************/

table.sizeup {
width: 520px;
}

td.sizeupleft {
width: 32%;
text-align: right;
vertical-align:top;
}

td.sizeupright {
width: 68%;
vertical-align:top;
text-align: left;
}

td.sizeup2 {
width: 32%;
vertical-align:top;
text-align: left;
}
td.sizeupsmall {
width: 15%;
vertical-align:top;
text-align: left;
}

form#sizeupsituation {
color: #000;
width: 520px;
}

#sizeupsituation input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
margin-top: 4px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width: 75px;
height: 22px;
} 

#sizeupsituation input[type="submit"]:hover { 
background-color: #99b3c0; 
color: #1c0054;
}

#sizeupsituation label {
font-weight:normal;
color: #000;
font-size: .9em;
}

#sizeupsituation legend {
background-color: #fff;
padding: 2px;
font-weight: bold;
font-size: 1.2em;
color: #40677a;
} 

#sizeupsituation textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: .9em;
}

#sizeupsituation fieldset.all {
border: 1px solid #40677a;
margin-left: 8px;
width: 520px;
padding: 4px;
}

#sizeupsituation fieldset.sub {
border: 1px solid #40677a;
margin: 0;
width: 500px;
padding: 0;
}

* html form#sizeupsituation fieldset.all  {
width: 522px; /* Width for IE5 */ 
w\idth: 520px; /* Width for IE6 */ 
} 


/********************************************* email Comments **********************************/

table.feedback {
width: 520px;
}

td.feedbackleft {
width: 32%;
text-align: right;
vertical-align:top;
}

td.feedbackright {
width: 68%;
vertical-align:top;
text-align: left;
}

td.feedbackchoices {
vertical-align:top;
text-align: left;
padding-left: 8px;
}


form#feedbackform {
color: #000;
width: 520px;
}

#feedbackform input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
margin-top: 4px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width:150px;
height: 22px;
} 

#feedbackform input[type="submit"]:hover { 
background-color: #99b3c0; 
color: #1c0054;
}

#feedbackform label {
font-weight:normal;
color: #000;
font-size: .9em;
}

#feedbackform legend {
background-color: #fff;
padding: 2px;
font-weight: bold;
font-size: 1.2em;
color: #40677a;
} 

#feedbackform fieldset {
border: 1px solid #40677a;
margin-left: 8px;
width: 520px;
padding: 4px;
}

* html form#feedbackform fieldset  {
width: 522px; /* Width for IE5 */ 
w\idth: 520px; /* Width for IE6 */ 
} 

/*************************************Emerging Markets Contacts************************************/
.emgmkts {
width: 530px;
border:1px solid #7e3128;
font-size: .9em;
}

th.title {
text-align:left;
color: #7e3128;
font-size: 1.2em;
}
th.subtitle {
text-align: left;
font-size: .9em;
text-transform: uppercase;
}

/************************************SmartPath Counseling Agencies*********************/
table#smartpath{
width: 530px;
border:1px solid #7e3128;
font-size: .9em;
margin-left: 8px;
}

#smartpath th.title {
text-align:left;
color: #7e3128;
font-size: 1.2em;
}

#smartpath th.instruction {
text-align: left;
color: #000;
font-size: .8em;
}

#smartpath td {
border: 1px solid #000;
padding: 5px;
}



/************************************************ National Directory ****************/

div#natdir_results {
width: 548px;
border: 1px solid #40677a;
margin-left: 8px;
}
* html div#natdir_resutls  {
width: 550px; /* Width for IE5 */ 
w\idth: 548px; /* Width for IE6 */ 
} 

table#nationaldirectory {
width: 548px;
border-collapse:collapse;
padding:0;
}

#nationaldirectory td.entry {
text-align: left;
vertical-align:top;
}

td.findit {
text-align: right;
padding-right: 7px;
}

form#data {
color: #000;
width: 548px;
}

#data input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
margin-top: 4px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width: 15%;
height: 22px;
} 

#data:hover input.buttons { 
background-color: #99b3c0; 
color: #1c0054;
} 

#data label {
font-weight: normal;
color: #000;
font-size: .9em;
}

#data legend {
background-color: #fff;
padding: 2px;
font-weight: bold;
font-size: 1.2em;
color: #40677a;
} 

#data fieldset {
border: 1px solid #40677a;
margin-left: 8px;
width: 548px;
padding: 0;
}

* html form#data fieldset  {
width: 550px; /* Width for IE5 */ 
w\idth: 548px; /* Width for IE6 */ 
} 

h4 {
font-weight: bold;
font-size: 1.2em;
color: #40677a;
margin-left: 8px;
}

table#contact_list {
width: 540px;
margin-left: 8px;
}

#contact_list td {
padding: 5px;
border-spacing: 10px;
vertical-align: top;
}

#contact_list caption {
text-align: left;
font-weight: bold;
color: #7e3128;
font-size: 1.1em;
}

/***************New Search box on search results page *****************/

div#newsearchbox {
margin-left: 8px;
padding-left:2px;
font-size: 1em;
}

form#newsearch {
width: 426px;
font-size: .9em;
}


#newsearch label {
color:#000;
}

#newsearch input {
margin-left: 8px;
}

#newsearch legend {
background-color: #fff;
padding: 2px;
color: #40677a;
font-weight: bold;
} 

#newsearch fieldset {
border: 1px solid #40677a;
height: 100%;
padding: 2px;
width: 100%;
}


#bigmiddle #newsearchbox a.searchbutton {
background:#99b3c0;
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
padding:0 4px;
color:#220262;
font-size:.9em;
margin-left:3px;
text-decoration:none;
font-weight:normal;
}


#bigmiddle #newsearchbox a.searchbutton:hover{
border-top: 1px inset #efefef;
border-left: 1px inset #efefef;
border-right: 1px inset #efefef;
border-bottom: 1px inset #efefef;
text-decoration:none;
font-weight:normal;
}

#bigmiddle #newsearchbox a.searchbutton:active{
background:#efefef;
text-decoration:none;
font-weight:normal;
}

/*******************************************POP UP WINDOWS********************************************************/

#productcontainer {
position:relative;
left:0;
margin-right:auto;
margin-left:auto;
width: 550px;
/* overwrites IE5/WIN center hack in body */
text-align: left;
}

div#productcolumn2 {
position: relative;
margin: 0px;
padding: 0px;
width: 550px;
height: 100%;
background-color: #fff;
}
* html div#productcolumn2  {
width: 552px; /* Width for IE5 */ 
w\idth: 550px; /* Width for IE6 */ 
} 

div#productcolumn1 {
position: relative;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
} 

/*Remember to change this smaller image (used in the calculator popups) whenever the larger banner1 artwork changes cew 05/12/09*/
div#productheader {
width: 550px;
padding: 0;
margin: 0;
background-image:url(/images/houses.jpg);
height: 140px;
background-repeat:no-repeat;
}

div#underheader{
position: relative;
width: 550px;
height: 22px;
margin: 0px;
padding: 0px;
background-color: #877272;
}

#productcontent {
float: left;
width:550px;
margin: 0px;
padding: 0px;
}

div#productright{
float: right;
width: 160px;
height: 100%;
padding-right: 2px;
margin-top: 5px;
margin-right: 2px;
text-align: center;
}

* html div#productright  {
width: 162px; /* Width for IE5 */ 
w\idth: 160px; /* Width for IE6 */ 
} 

.textright{
text-align: left;
}

div#productmiddle {
float: left;
width: 366px;
padding: 2px 2px;
margin-top: 5px;
margin-left: 5px;
margin-right: 0;
}

* html div#productmiddle  {
width: 386px; /* Width for IE5 */ 
w\idth: 366px; /* Width for IE6 */ 
} 

div#productbigmiddle {
float: left;
width: 532px;
padding: 2px 2px;
margin-top: 5px;
margin-left: 5px;
margin-right: 0;
font-size: 1em;
}
* html div#productbigmiddle  {
width: 536px; /* Width for IE5 */ 
w\idth: 532px; /* Width for IE6 */ 
}  


#productbigmiddle div.mmg_buttons  a.join {
background:#99b3c0;
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
padding:2px 4px;
color:#220262;
font-size:.9em;
margin-left:3px;
text-decoration:none;
text-transform: uppercase;
}


#productbigmiddle div.mmg_buttons a.join:hover{
border-top: 1px inset #efefef;
border-left: 1px inset #efefef;
border-right: 1px inset #efefef;
border-bottom: 1px inset #efefef;
text-decoration:none;
}

#productbigmiddle div.mmg_buttons a.join:active{
background:#efefef;
text-decoration:none;
}

/*Close Window link in pop-up windows*/
#productclose {
float: right;
clear: left;
padding-top: 3px;
margin-right: 10px;
width: 100px;
height: 18px;
text-align: right;
font-size: .8em;
color: #fff;
}

#productclose a:link {
text-decoration:underline;
color: #fff;
}

#productclose a:visited {
text-decoration: underline;
color: #fff;
}

#productclose a:hover {
text-decoration:underline;
color: #ea9b06;
}

#productclose a:active {
text-decoration:underline;
color: #ea9b06;
}


/*MGIC Home link in Events Calendar (Notes page) window*/
#noteshome {
float: left;
clear: right;
padding-top: 3px;
margin-left: 6px;
width: 100px;
height: 18px;
text-align: left;
font-size: .8em;
color: #fff;
}

#noteshome a:link {
text-decoration:underline;
color: #fff;
}

#noteshome a:visited {
text-decoration: underline;
color: #fff;
}

#noteshome a:hover {
text-decoration:underline;
color: #99b3c0;
}

#noteshome a:active {
text-decoration:underline;
color: #99b3c0;
}

#productmiddle a:link {
color: #220262;
text-decoration: underline;
font-weight: bold;
}

#productmiddle a:visited {
color: #220262;
text-decoration: underline;
font-weight: bold;
}

#productmiddle a:hover {
color: #40677a;
text-decoration: underline;
font-weight: bold;
}

#productmiddle a:active {
color: #40677a;
text-decoration: none;
font-weight: bold;
}



#productbigmiddle a:link {
color: #220262;
text-decoration: underline;
font-weight: bold;
}

#productbigmiddle a:visited {
color: #220262;
text-decoration: underline;
font-weight: bold;
}

#productbigmiddle a:hover {
color: #40677a;
text-decoration: underline;
font-weight: bold;
}

#productbigmiddle a:active {
color: #40677a;
text-decoration: none;
font-weight: bold;
}





#productright a:link {
color: #220262;
text-decoration: underline;
font-weight: bold;
}

#productright a:visited {
color: #220262;
text-decoration: underline;
font-weight: bold;
}

#productright a:hover {
color: #40677a;
text-decoration: underline;
font-weight: bold;
}

#productright a:active {
color: #40677a;
text-decoration: none;
font-weight: bold;
}

#productmiddle ul{
margin-top: 5px;
line-height:1.5;
margin-left: 0; 
padding-left: 2.5em;
}

#productmiddle ul li {
list-style-type:disc;
list-style-position:outside;
font-size: .9em;
margin-bottom: 6px;
}

#productmiddle ul li li{
list-style-type:none;
list-style-position:outside;
}

#productbigmiddle ul{
margin-top: 5px;
line-height:1.5;
margin-left: 0; 
padding-left: 2.5em;
}

#productbigmiddle ul li {
list-style-type:disc;
list-style-position:outside;
font-size: .9em;
margin-bottom: 6px;
}

#productbigmiddle ul li li{
list-style-type:none;
list-style-position:outside;
}

/*** Own Your Own Home Lender Registration (on mgic.com)**************/

table#oyohreg {
width: 350px;
font-size: .9em;
}

#oyohreg td.left {
text-align: right;
vertical-align:bottom;
width: 50%;
}

#oyohreg td.right {
vertical-align:bottom;
text-align: left;
}

form#borrowers_ed_reg {
color: #000;
width: 350px;
}

#borrowers_ed_reg input.buttons { 
font-size: 1em;
background-color: #877272;
color: #fff;
margin-top: 4px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width: 60%;
height: 22px;
} 

#borrowers_ed_reg[type="submit"]:hover { 
background-color: #cfc6c7; 
color: #1c0054;
}

#borrowers_ed_reg label {
font-weight:normal;
color: #000;
}

#borrowers_ed_reg legend {
background-color: #fff;
padding: 2px;
font-weight: bold;
font-size: 1.2em;
color: #877272;
} 

#oborrowers_ed_reg fieldset {
border: 1px solid #877272;
margin-left: 8px;
width: 350px;
padding: 0;
}

* html form#borrowers_ed_reg fieldset.all  {
width: 358px; /* Width for IE5 */ 
w\idth: 356px; /* Width for IE6 */ 
} 



/**********BOX LINKS DIV for dl on calculator help pages******/
#boxlinks {
margin-left: 8px;
font-size: .8em;
margin-top: 7px;
margin-bottom: -6px;
}

#boxlinks a:link, #boxlinks a:visited {
text-decoration:none;
color: #816a91;
font-weight:bold;
}
#boxlinks a:hover {
text-decoration:underline;
color: #e29d06;
font-weight:bold;
}
#boxlinks a:active {
text-decoration:none;
font-weight:bold;
}










/************************** Mega Pop Up Window - for Employment page, Master Policy Application, etc.***********/
#megacontainer {
position:relative;
left:0;
margin-right:auto;
margin-left:auto;
width: 760px;
/* overwrites IE5/WIN center hack in body */
text-align: left;
}


div#megacolumn2 {
position: relative;
margin: 0px;
padding: 0px;
width: 760px;
height: 100%;
background-color: #fff;
border: 1px solid #40677a; 
}
* html div#megacolumn2  {
width: 762px; /* Width for IE5 */ 
w\idth: 760px; /* Width for IE6 */ 
} 

div#megacolumn1 {
position: relative;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
} 

div#megaheader {
width: 760px;
padding: 0;
margin: 0;
background-image:url(/images/houses.gif);
height: 85px;
background-repeat:no-repeat;
}

div#megaunderheader{
position: relative;
width: 760px;
height: 22px;
margin: 0px;
padding: 0px;
background-color: #40677a;
}

#megacontent {
float: left;
width:760px;
padding: 2px 2px;
margin-top: 5px;
margin-left: 5px;
margin-right: 0;
font-size: 1em;
}
* html div#megacontent {
width: 744px; /* Width for IE5 */ 
w\idth: 740px; /* Width for IE6 */ 
}  

#megacontent a:link {
color: #220262;
text-decoration: underline;
}

#megacontent a:visited {
color: #220262;
text-decoration: underline;
}

#megacontent a:hover {
color: #40677a;
text-decoration: underline;
}

#megacontent a:active {
color: #40677a;
text-decoration: none;
}




















/****** Inside Line Kit Order Form *************/

table#product {
width: 350px;
font-size: .9em;
}

#product td.left {
text-align: right;
vertical-align:top;
}

#product td.right {
vertical-align:top;
text-align: left;
}

table#bigproduct {
width: 450px;
font-size: .9em;
}

#bigproduct td.left {
text-align: right;
vertical-align:top;
}

#bigproduct td.right {
vertical-align:top;
text-align: left;
}

form#ilkit {
color: #000;
width: 350px;
}

#ilkit input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
margin-top: 4px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width: 50%;
height: 22px;
} 

#ilkit input[type="submit"]:hover { 
background-color: #99b3c0; 
color: #1c0054;
}

#ilkit label {
font-weight:normal;
color: #000;
}

#ilkit legend {
background-color: #fff;
padding: 2px;
font-weight: bold;
font-size: 1.2em;
color: #40677a;
} 

#ilkit fieldset {
border: 1px solid #40677a;
margin-left: 8px;
width: 350px;
padding: 0;
}

* html form#ilkit fieldset.all  {
width: 358px; /* Width for IE5 */ 
w\idth: 356px; /* Width for IE6 */ 
} 

/*********SEB CD Request form*************************/
form#sebcd {
color: #000;
width: 350px;
}

#sebcd input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
margin-top: 4px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width: 75%;
height: 22px;
} 

#sebcd input[type="submit"]:hover { 
background-color: #99b3c0; 
color: #1c0054;
}

#sebcd label {
font-weight:normal;
color: #000;
}

#sebcd legend {
background-color: #fff;
padding: 2px;
font-weight: bold;
font-size: 1.2em;
color: #40677a;
} 

#sebcd fieldset {
border: 1px solid #40677a;
margin-left: 8px;
width: 350px;
padding: 0;
}

/*********SEB Download Software Licensing Agreement Form*************************/
form#seblicense {
color: #000;
width: 450px;
}

#seblicense input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
margin-top: 4px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width: 75%;
height: 22px;
} 

#seblicense input[type="submit"]:hover { 
background-color: #99b3c0; 
color: #1c0054;
}

#seblicense label {
font-weight:normal;
color: #000;
}

#seblicense legend {
background-color: #fff;
padding: 2px;
font-weight: bold;
font-size: 1.2em;
color: #40677a;
} 

#seblicense fieldset {
border: 1px solid #40677a;
margin-left: 8px;
width: 450px;
padding: 0;
}

* html form#seblicense fieldset  {
width: 452px; /* Width for IE5 */ 
w\idth: 450px; /* Width for IE6 */ 
} 


/*********MMG Free - myhomeloansite for 6 months - Form*************************/

form#homeloansite{
color: #000;
width: 500px;

}

#homeloansite input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
margin-left: 8px;
margin-top: 4px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width: 25%;
height: 22px;
} 

#homeloansite input[type="submit"]:hover { 
background-color: #99b3c0; 
color: #1c0054;
}

#homeloansite label {
font-weight:normal;
color: #000;
}

#homeloansite legend {
background-color: #fff;
padding: 2px;
font-weight: bold;
font-size: 1.2em;
color: #40677a;
} 

#homeloansite fieldset {
border: 1px solid #40677a;
padding: 0;
margin-left: 8px;
}

/**********************************Karen Deis Direct Marketing Audiotape *********************************/
form#kdtapeorder {
color: #000;
width: 350px;
}

#kdtapeorder input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
margin-top: 4px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width: 75%;
height: 22px;
} 

#kdtapeorder input[type="submit"]:hover { 
background-color: #99b3c0; 
color: #1c0054;
}

#kdtapeorder label {
font-weight:normal;
color: #000;
}

#kdtapeorder legend {
background-color: #fff;
padding: 2px;
font-weight: bold;
font-size: 1.2em;
color: #40677a;
} 

#kdtapeorder fieldset {
border: 1px solid #40677a;
margin-left: 8px;
width: 350px;
padding: 0;
}

* html form#kdtapeorder fieldset  {
width: 358px; /* Width for IE5 */ 
w\idth: 356px; /* Width for IE6 */ 
} 


/********* Contact a Mortgage Loan Specialist Form (in Contact section)*************************/
form#loanspecialist {
color: #000;
width: 450px;
}

#loanspecialist input.buttons { 
font-size: 1em;
background-color: #40677a;
color: #fff;
margin-top: 4px;
margin-bottom: 2px;
text-align: center;
font-weight: bold;
width: 75px;
height: 22px;
} 

#loanspecialist input[type="submit"]:hover { 
background-color: #99b3c0; 
color: #1c0054;
}

#loanspecialist label {
font-weight:normal;
color: #000;
}

#loanspecialist legend {
background-color: #fff;
padding: 2px;
font-weight: bold;
font-size: 1.2em;
color: #40677a;
} 

#loanspecialist fieldset {
border: 1px solid #40677a;
margin-left: 8px;
width: 450px;
padding: 0;
}

* html form#loanspecialist fieldset  {
width: 452px; /* Width for IE5 */ 
w\idth: 450px; /* Width for IE6 */ 
} 

/**************Hours Available Table****************/
table.regular{
margin-left: 8px;
border:1px solid #40677a;
padding: 5px;
vertical-align:top;

}


/** Index page alphabetical anchor links **/
div.vlist {
font-size: 1em;
color: #ea9b06;
background-color:#fff;
margin-left: 1em;
}

.calc_nonlink {
color:#847070;
font-weight:bold
}