/* Undo existing styles

======================================================================*/
a img, :link img, :visited img { border: none; }
address { font-style: normal; }

button, code, h1, h2, h3, h4, h5, h6, input, pre, select, textarea, p
{ font-size: 1em; }

blockquote, br, button, dl, dd, dt, fieldset, form, h1, h2, h3, h4, h5, h6,
label, legend, li, ol, p, pre, ul
{ margin: 0; padding: 0; }

/* Basics
***********************************************************************/
a { color: #000; text-decoration: underline; }
body { background: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; } /* has to be white for flyers/brochures */
#webBody { background: #000 }

dd, ol, p, ul { margin-bottom: .7em; line-height: 160%; }
dt { font-weight: bold; margin-bottom: 0.3em; }
dd { margin-left: 2em; }
fieldset { border: 0; }
form li { margin-bottom: 0.1em; }
form p { margin-bottom: 0.5em; }
form ul { list-style: none; margin: 0 0 0.5em 0; }

h1, h2, h3, h4, h6, #main caption { font-family: Arial, Helvetica, sans-serif; }
h1, h2 { font-weight: normal; }

h1 { border-bottom: 1px solid #b2b2d1; color: #006; font-size: 1.5em; margin: 0.5em 0 0.3em 0; padding-bottom: 0.2em; }
h1 a:hover { color: #4d4d94; }

h2 { color: #CF1A47; font-size: 18px; font-weight:bold; }
h3 { margin:0 0 10px 0; padding:0 0 3px 0; border-bottom: 1px solid #CF1A47; color: #CF1A47; font-size: 15px;}
h4 { color: #CF1A47; font-size: 13px; margin: 0 0 .4em 0; }
h5 { font-weight: normal; }
h6 { font-size: 1.4em; margin:0 0 10px 0; padding:0 0 3px 0; border-bottom: 1px solid #b3b7b8; color: #ed1d24; }
hr { background: #ddd; border: 0; clear: both; color: #9D3233; height: 1px; margin-bottom: 0.5em; width: 100%; }

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 2px;
}

ul { list-style: disc; }
select { padding: 0; }
textarea { display: block; }
html>body #container { width: 770px; } /* Fix Opera 5 */
.clear { clear: both; }
.center { text-align: center; }
.alert { color:#ed181e }
.comingSoon { margin:0 0 50px 0; }

/* ihomeFinder
***********************************************************************/
#ihomeBody { background-color: #DADADA}
.ihmain a { color: #000 }

/* Columns
***********************************************************************/
.col2L { float: left; width: 48% }
.col2R { float: right; width: 48% }

/* Core layout
***********************************************************************/
#container {
	background: #DADADA;	
	margin: 5px auto;
	text-align: left;
	width: 770px;
	border: 1px solid #000;
}
/* Header
***********************************************************************/

/* topMenu
***********************************************************************/
#topMenuBackground { 
	background: url(../images/menuBar.jpg); 
	background-repeat: no-repeat;
	width: 770px;
	height: 31px;
	padding: 10px 0 15px 0;
	text-align: center;
	
}

#topMenuBackground td {
	vertical-align: top;
}

#topMenuBackground #topMenuLeft {
	width: 75px;
}

#topMenuBackground #topMenuRight {
	width: 75px;
}


#topMenuLinks {
	font-size: 13px;
}

#topMenuLinks a:link {text-decoration: none;color: #fff; }
#topMenuLinks a:visited {text-decoration: none;color: #fff; }
#topMenuLinks a:active {text-decoration: none;color: #fff; }
#topMenuLinks a:hover {text-decoration: underline;color: #CF1A47; }

/* main
***********************************************************************/
#main { padding: 10px 5px 10px 150px; }
#main h2 { margin: -10px -20px -10px -150px; padding: 0 0 0 12px; height: 35px; }
#main { font-family: Arial, Helvetica, sans-serif; font-size:0.8em; }
#main form { padding:0 }
#main img { margin:0 }
#main ul li{ margin:0 0 0 15px }

#main {
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
}	

/* Start hide from IE-Mac \*/
* html #main { height: 1%; }
/* End Hide from IE-Mac */


#main a:link {text-decoration: underline;color: #000000; }
#main a:visited {text-decoration: underline;color: #000000; }
#main a:active {text-decoration: underline;color: #000000; }
#main a:hover {text-decoration: none;color: #c40005; }

#main #pageLinks { margin: 0 auto; text-align: left; font-color:red; }

#main .backToTop {text-align:center; margin-bottom: 20px; }
#main #rewards,#mortgageTypesOne,#roomtoroomColOne { width:48%; float:left; }
#main #challenges,#mortgageTypesTwo,#roomtoroomColTwo { width:48%; float:right; }
#main #resources ul { margin:0 0 10px 20px;}

#main ol { margin: 0 0 10px 30px; }

/* Forms
***********************************************************************/
.txt { display:block; }
.btn { background: #ccc; border: 1px solid #999; margin: 0.5em 0 0 0; }
.opt, .opt input { vertical-align: middle; }
select.opt  { vertical-align: bottom; }
.opt { margin-right: 15px; }
.txt { border: 1px solid #ccc; margin: 0.2em 0 0.5em 0;  width: 220px; }
#preQualify { width: 550px; }
#preQualify fieldset { margin: 0 0 0 1em; }
.req { padding:0;margin:0 0 .75em 0; }
fieldset { 
	border:1px solid #000000;
	padding:10px;
	background-color:#836769;
} 

/* Mortgage Calculators */
.calcTitle
{
    color:#FFF;
    background-color:#000000;
    font-weight:bold;
    font-family: arial, helvetica, sans-serif;
    font-size:14px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
}
p.calcText
{
    color:#000000;
    font-weight:normal;
    font-family: arial, helvetica, sans-serif;
    font-size:13px;
}
.calcText
{
    color:#000000;
    font-weight:normal;
    font-family: arial, helvetica, sans-serif;
    font-size:13px;
}

/* Featured
***********************************************************************/

#main .titleBar {
	color:#CF1A47;
	font: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin:0;
	padding:0;
	width:100%;
	height:32px;
}

.fetaddress{
color:#000000;
	font: Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-left: 2em;
	padding:0;
	width:100%;
	height:32px;
}
.fetdata
{
color:#000000;
	font: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: none;
	line-height: 20px;
}

.fetpage{text-decoration: none;}
a.fetpage:link {text-decoration: underline;color: #000000; }
a.fetpage:visited {text-decoration: underline;color: #000000; }
a.fetpage:active {text-decoration: underline;color: #000000; }
a.fetpage:hover {text-decoration: none;color: #c40005; }

#main .titleBar td {
	vertical-align:middle;
}

#main .featBack { 
	background:#FFF;
}

#main .photoTour { 
	margin:3px;
	padding:4px;
	list-style-type: none;
}

#main .photoTour li { 
	margin:0;
	padding:0; 
}

#main .mainImg { 
	margin:5px;
	padding:0;
}

#main .mainImg p { 
	border:1px solid #000;
	width:250px;
	height:190px;
	padding:0px;
	margin:0px;
}

#main .featPointTable {
	margin:0 0 0 5px;
}

#main .featPoints { 
	margin:0;
	padding:0 0 0 5px;
	list-style-type: none;
	background-image: url(../images/featPointsBack.jpg);
	font-size: 11px;
}

#main .featPoints li {
	margin:0;
	padding:0;
	line-height:1.75em;
	font-family:Arial, Verdana;
	color:#000;
	font-size: 11px;
}

#main .featLinks {
	margin: 3px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#main .featLinks li {
	margin: 0;
	padding: 5px 5px 0 0;
	font-size: 0.9em;
}

#main .featLinks li a:hover {
	text-decoration: none;
	color:#c40005;
}

#main .remarks p {
	margin:0;
	padding:0;
	color:#000;
	font-size: 0.9em;
}

#main .remarks { margin: 0 0 5px 0; }

/*Footer
***********************************************************************/
#footer {
	width:770px;
	color: #FFF;
	background-color:#000000;
}

#footer a {
	color:#FFF;
}

#footer p {
	margin: 5px 0 10px 0 ;
	font-size:10px;
	line-height: 10px;
}

#footer td {
	vertical-align:middle;
	text-align:center;
}

#footer #footerAddress {
	text-align:left;
	width:150px;
}

#footer #footerAddress2 {
	text-align:bottom;
	width:165px;
}

#footer #footerLegal {
	vertical-align:bottom;
	width:148px;
}

/*Photo Tour, Video Tour, Plat Map Templates
***********************************************************************/
.hdaddress { font-size: 14px; font-weight: bold ; background-color: #000000; color: #fff}
.frame { background-color: #000000;}
.matting { background-color: #FFF}
.hdsection {font-size: 20px; font-weight: bold }
.sectionname {font-size: 14px; font-weight: bold }
.featRemarks {font-size: 12px;}

/*Brochures, Photo Tours, Video Tours*/
p.breakhere {page-break-before: always}

.printtext {font-family:ms-sans,arial,helvetica;color:#000000;font-weight:normal;font-size:13px;}
a.printtext:link  {font-family:ms-sans,arial,helvetica;color:#000000;font-weight:normal;}
a.printtext:visited  {font-family:ms-sans,arial,helvetica;color:#000000;font-weight:normal;}
a.printtext:active  {font-family:ms-sans,arial,helvetica;color:#000000;font-weight:normal;;}
a.printtext:hover  {font-family:ms-sans,arial,helvetica;color:#000000;font-weight:normal;}

/* Start Brochure Template 1*/
.brochureoneframe {  background-color: #CC244E }
.brochureonematting {  background-color: #FFFFFF }
.brochureonemain {  background-color: #DADADA; color: #000 }
.brochureoneprice {  font-size: 20px; font-weight: bold; color: #000 }
.brochureoneaddress { font-size: 20px; font-weight: bold; color: #000 }
.brochureonehdpropdata { font-size: 20px; font-weight: bold; color: #000 }
.brochureonepropdata {  font-size: 14px; font-style: italic; font-weight: bold; color: #000 }
.brochureoneroomdim { background-color: #DADADA; color: #000 }
.brochureonehdroomdim { font-size: 20px; font-weight: bold; color: #000 }
.brochureonesectionname { font-size: 20px; font-weight: bold; color: #000 }
.brochureonesectiontext { color: #000 }
.brochureonemaintext { color: #000 }
.brochureoneremarks {  background-color: #FFFFFF; color: #000000}

/* PDF Styles */
.brochureoneframePDF { CC244E }
.brochureonemattingPDF { FFFFFF }
.brochureonemainPDF { DADADA }
.brochureonepricePDF {  font-size="16pt" text-align="center" font-weight="bold" color="#000000" }
.brochureoneaddressPDF { font-size="16pt" text-align="center" font-weight="bold" color="#000000" }
.brochureonehdpropdataPDF { font-size="16pt" text-align="center" font-weight="bold" color="#000000" }
.brochureonepropdataPDF { font-size="12pt" font-style="italic" font-weight="bold" color="#000000" }
.brochureoneroomdimPDF { background-color="#DADADA" font-size="10pt" color="#000000" }
.brochureonehdroomdimPDF { font-size="16pt" font-weight="bold" color="#000000" }
.brochureonesectionnamePDF { font-size="16pt" font-weight="bold" color="#000000" }
.brochureonesectiontextPDF { font-size="10pt" color="#000000" }
.brochureonemaintextPDF { color="#000000" }
.brochureoneremarksPDF { font-size="10pt" background-color="#FFFFFF" color="#000000" }
/* End Brochure Template 1*/

/* 	Make sure to have the start and end comments around the brochure styles,
	THE START AND END TEXT MUST MATCH EXACTLY 
	the pdf version looks for this text to grab the different styles*/

/* Start Flyer Template 1*/
.flyeronehd {  background-color: #FFFFFF;}
.flyeroneaddress { color: #000; font-size: 26px; font-weight: bold; }
.flyeronecity { color: #000; font-size: 16px; font-weight: bold; }
.flyeronelogo {  background-color: #FFFFFF; }
.flyeronepropdata { color: #000000; font-size: 14px; background-color: #DADADA; font-weight: bold; }
.flyeronepropdatabullet {  background-color: #000000; }
.flyeroneremarks { color: #000; font-size: 14px; font-weight: bold; }
.flyeronefooter {  background-color: #000000; }

.flyeronehdPDF { FFFFFF }
.flyeroneaddressPDF { font-size="16pt" font-weight="bold" color="#000000" }
.flyeronecityPDF { font-size="12pt" font-weight="bold" color="#000000" }
.flyeronelogoPDF { FFFFFF }
.flyeronepropdataPDF { font-size="10pt" font-weight="bold" color="#000000" background-color="#DADADA" }
.flyeronepropdatabulletPDF { 000000 }
.flyeroneremarksPDF { font-size="12pt" font-weight="bold" color="#000000" }
.flyeronefooterPDF { 000000 }
/* End Flyer Template 1*/

/* Start Flyer Template 2*/
.flyertwohd {  background-color: #FFFFFF;}
.flyertwoaddress { color: #000; font-size: 26px; font-weight: bold; }
.flyertwocity { color: #000; font-size: 16px; font-weight: bold; }
.flyertwologo {  background-color: #FFFFFF; }
.flyertwopropdata { color: #000000; font-size: 14px; background-color: #DADADA; font-weight: bold; }
.flyertwopropdatabullet {  background-color: #000000; }
.flyertworemarks { color: #000; font-size: 14px; font-weight: bold; }
.flyertwofooter {  background-color: #000000; }

.flyertwohdPDF { FFFFFF }
.flyertwoaddressPDF { font-size="16pt" font-weight="bold" color="#000000" }
.flyertwocityPDF { font-size="12pt" font-weight="bold" color="#000000" }
.flyertwologoPDF { FFFFFF }
.flyertwopropdataPDF { font-size="10pt" font-weight="bold" color="#000000" background-color="#DADADA" }
.flyertwopropdatabulletPDF { 000000 }
.flyertworemarksPDF { font-size="12pt" font-weight="bold" color="#000000" }
.flyertwofooterPDF { 000000 }
/* End Flyer Template 2*/

/* Start Flyer Template 3*/
.flyerthreehd {  background-color: #FFFFFF;}
.flyerthreeaddress { color: #000; font-size: 26px; font-weight: bold; }
.flyerthreecity { color: #000; font-size: 16px; font-weight: bold; }
.flyerthreelogo {  background-color: #FFFFFF; }
.flyerthreepropdata { color: #000000; font-size: 14px; background-color: #DADADA; font-weight: bold; }
.flyerthreepropdatabullet {  background-color: #000000; }
.flyerthreeremarks { color: #000; font-size: 14px; font-weight: bold; }
.flyerthreefooter {  background-color: #000000; }

.flyerthreehdPDF { FFFFFF }
.flyerthreeaddressPDF { font-size="16pt" font-weight="bold" color="#000000" }
.flyerthreecityPDF { font-size="12pt" font-weight="bold" color="#000000" }
.flyerthreelogoPDF { FFFFFF }
.flyerthreepropdataPDF { font-size="10pt" font-weight="bold" color="#000000" background-color="#DADADA" }
.flyerthreepropdatabulletPDF { 000000 }
.flyerthreeremarksPDF { font-size="12pt" font-weight="bold" color="#000000" }
.flyerthreefooterPDF { 000000 }
/* End Flyer Template 3*/