﻿/* *********************************************************** */
/* Global Styles */
/* *********************************************************** */
html { overflow: -moz-scrollbars-vertical !important; }
html 
{    
    font-family: Arial, Helvetica, sans-serif;
	height: 100%;
	background-color: #3D2022;
}
body, form
{
    margin: 0;
    padding: 0;
    behavior: url(/includes/csshover.htc);
    /*behavior: url(/gracepoint/cms/includes/csshover.htc);*/
    height: 100%;
}
a, td, p, div, .inputText, select
{
    font-size: 12px;
}
a
{
    /* Global Link Color */
	color: #83172A;
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
	color: #000;
}
h2 
{
    font-size: 16px;    
}
h3
{
    clear: both;
    font-size: 14px;
    padding: 5px 0;
    /* Global H3 Color*/
    color: #000;
    border-bottom: 2px solid #fff;
}
.clsInput
{
    font-family: Arial, Helvetica, sans-serif;
    width: 50mm;
}
table.clsMainContent
{
    width: 830px;
    /* Global Main Content Border */
    border-width: 0px;
    border-left: solid 8px;
    border-right: solid 8px;
    border-color: #CECDB8;
    background-color: #ffffff;
    padding: 0;
}

/* *********************************************************** */
/* Global Behavior */
/* *********************************************************** */
.inputText
{
    font-size: 12px;
}
/* *********************************************************** */
/* Banner Behavior */
/* *********************************************************** */
table.clsHomeContent 
{
    border-left: solid 7px #c9d0b6;
    border-right: solid 7px #c9d0b6;
    width: 800px;
    background-color: #E1E9CC;
}
table.clsHomeContent tr td.clsBanner
{
    background: transparent url(../images/bg_home_banner.gif) repeat-x;
    /*height: 70px;*/
}
table.clsHomeContent tr td.clsBanner div.clsLogoArea 
{
    position: absolute;
    margin-top: 12px;
}

table.clsHomeContent tr td.clsBanner div#idBannerArea
{
    margin-top: 72px;
    /*height: 100%;*/
}

html>body table.clsHomeContent tr td.clsBanner div#idBannerArea
{
    margin-top: 72px;
    height: 100%;
}

table.clsHomeContent tr td.clsBanner div.clsRightColumn div.clsStatementArea 
{
    padding: 7px;
    background-color: #CDD6B4;
    height: 338px;
}

html>body table.clsHomeContent tr td.clsBanner div.clsRightColumn div.clsStatementArea 
{
    height: 325px;
}
table.clsHomeContent tr td.clsBanner div.clsRightColumn div.clsStatementArea div.clsHomeBrowse
{
    background-color: #83172A;
    padding: 3px;
}

/*table.clsHomeContent tr td.clsBanner div.clsRightColumn div.clsStatementArea div.clsHomeBrowse table tr td */

table.clsHomeContent tr td.clsBanner div.clsRightColumn div.clsStatementArea div.clsHomeBrowse a
{
    background: transparent url(../images/home_bold_arr.gif) no-repeat 100% 0%;
    display: block;
    padding: 5px;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
}

table.clsHomeContent tr td.clsBanner div.clsRightColumn div.clsStatementArea div.clsHomeView
{
    display: block;
    margin-top: 7px;
    font-size: 10px;
    text-align: center;
}

table.clsHomeContent tr td.clsBanner div.clsRightColumn div.clsStatementArea div.clsHomeView a
{
    font-size: 11px;
    color: #83172A;
    font-weight: bold;
}

table.clsHomeContent tr td.clsBanner div.clsRightColumn div.clsHomeLinkArea 
{
    background-color: #F5FCE2;
}
table.clsHomeContent tr td.clsBanner div.clsRightColumn div.clsHomeLinkArea a
{
    display: block;
    background: transparent url(../images/bullet_heart.gif) no-repeat 0% 50%;
    padding: 7px;
    font-size: 12px;
    font-weight: bold;
    padding-left: 25px;
    margin-left: 4px;
}
table.clsMainContent tr td.clsBanner
{
    background: transparent url(../images/bg_header.gif) repeat-x;
    width: 814px;
    height: 144px;
}
table.clsMainContent tr td.clsBanner a.clsLogo
{
    /*position: absolute;*/
    display: block;
    width: 240px;
    height: 144px;
    margin-left: 0px;
    top: 0px;
}
table.clsMainContent tr td.clsBanner div#idFloatQuickLinks 
{
    position: absolute;
    display: block;
    padding-left: 20px;
    margin: 0;
    top: 10px;
    margin-left: 710px;
    margin-top: -5px;
}

table.clsMainContent tr td.clsBanner div#idFloatQuickLinks .clsHeaderQuickLinkHome,
table.clsMainContent tr td.clsBanner div#idFloatQuickLinks .clsHeaderQuickLinkContact
{
    text-transform: capitalize;
    color: #524845;
    font-size: 10px;
    font-weight: bold;
}

table.clsMainContent tr td.clsBanner div#idFloatQuickLinks .clsHeaderQuickLinkHome
{
    border-right: solid 1px #524845;
    padding-right: 4px;
}
table.clsMainContent tr td.clsBanner a.clsMailingList
{
    position: absolute;
    display: block;
    padding-left: 20px;
    margin: 0;
    top: 10px;
    margin-left: 544px;
    text-transform: capitalize;
    background: url(../../images/icon_mail.gif) 0 50% no-repeat;
}
table.clsMainContent tr td.clsBanner a.clsContact
{
    position: absolute;
    display: block;
    padding-left: 8px;
    margin: 0;
    top: 10px;
    border-left: 1px solid #999;
    margin-left: 685px;
    text-transform: capitalize;
}

table.clsMainContent tr td.clsBanner div#idBannerArea
{
    position: absolute;
    border: 0;
    margin: 0;
    margin-left: 515px;
    margin-top: -40px;
    padding: 0;
    width: 298px;
    height: 37px;
    background: url(../images/home_title_slogan.gif) no-repeat;
    z-index: 0;
}
/* *********************************************************** */
/* Menu Behavior */
/* *********************************************************** */
table.clsMainContent tr td.clsBanner div#mainMenu 
{
	position: absolute;
	top: 54px;
	width: 573px;
	/*height: 29px;*/
    margin-left: 241px;
    z-index: 100;
}
div#mainMenu ul 
{
    width: 573px;
	padding: 0;
	margin: 0;
}
div#mainMenu li 
{
	position: relative; 
	list-style: none;
  	float: left;
}
div#mainMenu li.div
{
	position: relative; 
	list-style: none;
  	float: left;
    width: 1px;
    background: transparent url(../images/img_menu_separator.gif) no-repeat;
}
div#mainMenu li.submenu
{
	position: relative; 
	list-style: none;
  	float: left;
    /*margin: 12px 3px 0px;*/
    height: 40px;
}
html>body div#mainMenu li.submenu
{
    height: 35px;
}
div#mainMenu ul.clsLevel1 li.submenusel
{
	position: relative; 
	list-style: none;
  	float: left;
    height: 40px;
    border-bottom: solid 5px #fff;
}
html>body div#mainMenu ul.clsLevel1 li.submenusel
{
    height: 35px;
}
div#mainMenu ul.clsLevel1 li#idSubMenuaboutus
{
    width: 59px;
}
div#mainMenu ul.clsLevel1 li#idSubMenuourneighborhoods
{
    width: 109px;
}
/*div#mainMenu ul.clsLevel1 li#idSubMenuthegracepointhomesdifference
{
    width: 179px;
}*/
div#mainMenu ul.clsLevel1 li#idSubMenuwhylovegracepoint
{
    width: 119px;
}
div#mainMenu ul.clsLevel1 li#idSubMenuweloveourrealtors
{
    width: 121px;
}
div#mainMenu ul.clsLevel1 li#idSubMenufinancing
{
    width: 71px;
}
div#mainMenu ul.clsLevel1 li#idSubMenuremodeling
{
    width: 59px;
}
div#mainMenu ul.clsLevel1 li.submenu:hover 
{
    border-bottom: solid 5px #fff;
}
div#mainMenu ul.clsLevel1 li.submenu:hover ul li
{
    /* This ends the bottom border for other sub LIs */
    border-bottom: none 0;
}

div#mainMenu ul.clsLevel1 li.submenusel a,
div#mainMenu ul.clsLevel1 li.submenu a
{
    text-align: center;
    color: #fff;
    font-size: 10px;
    vertical-align: middle;
    text-decoration: none;
    margin-top: 12px;
    margin-left: 3px;
    margin-right: 3px;
    height: 20px;
}
html>body div#mainMenu ul.clsLevel1 li.submenusel a,
html>body div#mainMenu ul.clsLevel1 li.submenu a
{
    margin: 12px 3px;
    margin-top: 12px;
    height: 28px;
}
div#mainMenu ul.clsLevel1 li ul.clsLevel2 li
{
    background-color: #fff;
}

div#mainMenu ul.clsLevel1 li.submenusel ul.clsLevel2 li a,
div#mainMenu ul.clsLevel1 li.submenu ul.clsLevel2 li a
{
    /*border: solid 4px #fff;*/
    border-top: solid 4px #fff;
    border-left: solid 4px #fff;
    border-right: solid 4px #fff;
    border-bottom: none 0 #000;
    margin: 0px;
    height: 16px;
    color: #000;
	display: block;
	text-align: left;
	vertical-align: middle;
}
html>body div#mainMenu ul.clsLevel1 li.submenusel ul.clsLevel2 li a,
html>body div#mainMenu ul.clsLevel1 li.submenu ul.clsLevel2 li a
{
    height: 16px;
}
div#mainMenu li a 
{
	display: block;
	text-align: left;
}
div#mainMenu>ul a 
{
	width: auto;
}
div#mainMenu ul ul 
{
    padding-top: 2px;
	position: absolute; 
	width: 150px;
  	visibility: hidden;
}
div#mainMenu ul.clsLevel1 li.submenusel ul.clsLevel2 li:hover a,
div#mainMenu ul.clsLevel1 li.submenu ul.clsLevel2 li:hover a
{
    background-color: #720A2B;
    color: #fff;
    border-bottom: none 0 #000;
}
div#mainMenu ul.clsLevel2 li a
{
}
div#mainMenu ul.clsLevel2 li
{
}
div#mainMenu ul.clsLevel2 
{
    border-bottom: solid 4px #fff;
    padding-top: 12px;
}
html>body div#mainMenu ul.clsLevel2 
{
    width: 168px;
    padding-top: 3px;
    margin-top: -12px;
    _margin-top: 0px;
    #margin-top: 0px;
    margin-left: -1px;
    _margin-left: 0px;
    #margin-left: 0px;
}
div#mainMenu ul.clsLevel1 li.submenusel:hover ul.clsLevel2,
div#mainMenu ul.clsLevel2 li.submenusel:hover ul.clsLevel3, 
div#mainMenu ul.clsLevel1 li.submenu:hover ul.clsLevel2,
div#mainMenu ul.clsLevel2 li.submenu:hover ul.clsLevel3 
{
	visibility: visible;
}
div#mainMenu ul.clsLevel3 
{
	top: 0px; 
	left: 150px;
}
li.submenu > ul.clsLevel3 > li 
{
	left: 7px;
}
/* Level2 */
div#mainMenu li a.subMenuLevel2,
div#mainMenu li a.subMenuLevel2withArrow 
{
	background-color: #fff;
	width: 150px;
	padding: 2px 5px;
}
div#mainMenu li a.subMenuLevel2withArrow 
{
    /* Arrow Image */
    /*background: url(../../images/arrow_yellow.gif) rgb(255,255,255) 95% 50% no-repeat;*/
}
/* Level3 */
div#mainMenu li a.subMenuLevel3
{
    /* Sub Menu Background Color */
	background-color: #ccc;
	/*width: 150px;*/
	border-bottom: 1px solid #fff;
	padding: 2px 5px;
}
div#mainMenu select
{
    margin: 2px 30px;
    font-weight: bold;
    color: #fff;
    /* Selected Menu Item Background */
    /*background: url(../../images/bg_dropdown.gif) repeat-x rgb(4,116,182) 0 0;*/
    border: 1px solid #333;
}
div#mainMenu > select
{
    margin: 4px 30px;
}
/* *********************************************************** */
/* Body Behavior */
/* *********************************************************** */
td.clsBody
{    
    margin: 0;
    padding: 0;
    background: url(../../images/bg_body.gif) repeat-y;
}
div.clsIllustrator
{
    margin: 0;
    padding: 0;
}
div.clsIllustrator div#idThemeArea
{
    border-bottom: solid 7px #919191;
    width: 814px;
    height: 193px;
    background: url(../../images/home_banner.jpg) no-repeat;
}
div.clsRightColumn 
{
    margin: 0;
    margin-top: 33px;
    background-color: #E1E9CC;
    height: 100%;
    padding: 7px;
}
div.clsRightColumn div.clsIllustrator div#idThemeArea
{
    height: 61px;
    width: 278px;
    border: 0;
    margin: 0;
    padding: 0;
    background: url(../images/home_title_bar.jpg) no-repeat;
    margin-bottom: 7px;
}
div.clsMainColumn,
div.clsLeftColumn
{
    float: left;
    margin: 0;
}
/* Left Column */
div.clsMainColumn
{
    background-color: #E1E9CC;
    width: 573px;
    height: 100%;
} 
div.clsMainColumn a
{
    font-weight: bold;
}

div.clsMainColumn div.clsContent table
{
    width: 500px;
}

div.clsMainColumn div.clsContent div.clsContentArea span table.clsFeaturesTable
{
    width: 500px;
}
div.clsMainColumn div.clsContent div.clsContentArea span table.clsFeaturesTable td
{
    padding: 8px;
}
div.clsLeftColumn h1
{
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}
div.clsMainColumn div.clsContent
{
    overflow: hidden;
    margin: 0px 11px 11px;
    background-color: #F5FCE2;
}
div.clsMainColumn div.clsSectionTitle 
{
    font-weight: bold;
    color: #000;
    font-size: 16px;
    margin: 0px 20px 20px;
    padding-top: 20px;
}
span.clsSectionTitle 
{
    font-weight: bold;
    color: #000;
    font-size: 16px;
    margin: 0px 20px 20px 0px;
    padding-top: 20px;
}

div.clsMainColumn div.clsContent div.clsContentArea
{
    margin: 20px;
    margin: 0px 20px 20px;
    padding-bottom: 20px;
}

div.clsMainColumn div.clsContentHome
{
    margin: 27px 32px;
}
div.clsMainColumn div#idBreadcrumb
{
    margin: 16px 11px;
    color: #83172A;
}
div.clsMainColumn div#idBreadcrumb a
{
    color: #83172A;
}
div.clsMainColumn div#idBreadcrumb a.clsBreadCrumbSelected
{
    color: #919684;
}

/* Left Column */
div.clsLeftColumn
{
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: #B8C29B;
    width: 241px;
}
div.clsLeftColumn div.clsNewsFeaturedItem
{
    padding: 0;
}
div.clsLeftColumn div.clsNewsFeaturedItem span,
div.clsLeftColumn div.clsSubPageNewsItem p span
{
    color: #999;
    font-weight: bold;
    display: block;
}
div.clsLeftColumn div.clsNewsFeaturedItem a,
div.clsLeftColumn div.clsSubPageNewsItem p a
{
    font-weight: bold;
}
div.clsLeftColumn div.clsPageSectionTitleImage 
{
    margin: 4px;
}
div.clsLeftColumn div.clsSecondLevelMenu div.clsCommunityNavItem
{
    margin: 0px 4px;
    background: transparent url(../images/icon_comm_menu.gif) no-repeat 0% 50%;
}

div.clsLeftColumn div.clsSecondLevelMenu div.clsCommunityNavItem:hover
{
    background: transparent url(/images/icon_comm_menu_s.gif) no-repeat 0% 50%;
    background-color:#83172A;
    color: #fff; 
}

div.clsLeftColumn div.clsSecondLevelMenu div.clsCommunityNavItemSelected
{
    margin: 0px 4px;
    background: transparent url(../images/icon_comm_menu_s.gif) no-repeat 0% 50%;
    background-color:#83172A;
    color: #fff; 
}

div.clsLeftColumn div.clsSecondLevelMenu
{
    padding: 0px;
    background-color: #E1E9CC;
    margin: 4px;
    border-top: solid 4px #E1E9CC;
    border-bottom: solid 4px #E1E9CC;
}
div.clsLeftColumn div.clsSecondLevelMenu a
{
    color: #83172A;
    display: block;
    font-weight: bold;
    margin: 3px;
    /* Causing a problem with the original menu 
    margin-left: 25px;*/
    text-decoration: none;
    font-size: 11px;
    padding: 4px;
}
div.clsLeftColumn div.clsSecondLevelMenu a:hover
{
    background-color:#83172A;
    color: #fff; 
}
div.clsLeftColumn div.clsSecondLevelMenu a.clsSubMenuComm
{
    margin-left: 25px;
}
div.clsLeftColumn div.clsSecondLevelMenu div.clsCommunityNavItem:hover a,
div.clsLeftColumn div.clsSecondLevelMenu a.clsSubMenuSelected,
div.clsLeftColumn div.clsSecondLevelMenu a.clsThirdLevelMenuSelected,
div.clsLeftColumn div.clsSecondLevelMenu a.clsCommThirdLevelMenuSelected
{
    background-color:#83172A;
    color: #fff;
}
div.clsLeftColumn div.clsSecondLevelMenu a.clsThirdLevelMenu,
div.clsLeftColumn div.clsSecondLevelMenu a.clsThirdLevelMenuSelected,
div.clsLeftColumn div.clsSecondLevelMenu a.clsCommThirdLevelMenuSelected
{
    font-weight: normal;
    margin-left: 12px;
}

div.clsLeftColumn div.clsSecondLevelMenu a.clsCommThirdLevelMenuSelected
{
    font-weight: bold;
    margin: 3px;
    margin-left: 25px;
}
div.clsLeftColumn div.clsSecondLevelMenu div.clsCommunityNavItem a,
div.clsLeftColumn div.clsSecondLevelMenu div.clsCommunityNavItemSelected a
{
    margin-left: 21px;
}

/* ********************************************* */
/* Feature Section */
/* ********************************************* */
div.clsLeftColumn div.clsFeatures 
{
    margin: 16px 14px;
}
div.clsLeftColumn div.clsImageContent div.clsImage
{
}

div.clsLeftColumn div.clsQuoteContent 
{
    background: transparent url(../images/quote_top.gif) no-repeat 0% 0%;
}

div.clsLeftColumn div.clsQuoteBody 
{
    padding: 40px 15px 30px;
    background: transparent url(../images/quote_bottom.gif) no-repeat 100% 100%;
    font-size: 11px;
    color: #666;
}

/* The below classes are used for reference only */
div.clsLeftColumn div.clsWhiteContent div.clsImage,
div.clsLeftColumn div.clsBlueContent div.clsImage,
div.clsLeftColumn div.clsGreyContent div.clsImage,
div.clsLeftColumn div.clsLightBlueContent div.clsImage,
div.clsLeftColumn div.clsDefaultContent div.clsImage,
div.clsLeftColumn div.clsSubPageNewsItem div.clsImage
{
    padding-top: 5px;
    text-align: center;
}
div.clsLeftColumn div.clsWhiteContent,
div.clsLeftColumn div.clsBlueContent,
div.clsLeftColumn div.clsGreyContent,
div.clsLeftColumn div.clsLightBlueContent,
div.clsLeftColumn div.clsDefaultContent,
div.clsLeftColumn div.clsSubPageNewsItem,
div.clsLeftColumn div.clsPhotos 
{
    margin: 15px 13px;    
    width: 196px;
}
div.clsLeftColumn div.clsWhiteContent a,
div.clsLeftColumn div.clsGreyContent a,
div.clsLeftColumn div.clsBlueContent a,
div.clsLeftColumn div.clsLightBlueContent a,
div.clsLeftColumn div.clsDefaultContent a,
div.clsLeftColumn div.clsSubPageNewsItem a 
{
    font-weight: bold;
    color: #039;
}
div.clsLeftColumn div.clsBlueContent a
{
    color: #9EB2CB;
}
div.clsLeftColumn div.clsWhiteContent p,
div.clsLeftColumn div.clsGreyContent p,
div.clsLeftColumn div.clsBlueContent p,
div.clsLeftColumn div.clsLightBlueContent p,
div.clsLeftColumn div.clsDefaultContent p,
div.clsLeftColumn div.clsSubPageNewsItem p 
{
    margin: 0;
    padding: 0;
}
/* End of Reference */


div.clsLeftColumn div.clsSubPageNewsItem,
div.clsLeftColumn div.clsPhotos 
{
    background-color: #fff;
}
div.clsLeftColumn div.clsPhotos p
{
    margin: 0;
    padding: 10px 15px 10px 60px;
}
div.clsLeftColumn div.clsSubPageNewsItem p,
div.clsLeftColumn div.clsSubPageNewsItem h1
{
    margin: 0;
    padding: 0;
}
div.clsLeftColumn div.clsSubPageNewsItem h1
{
    color: #000;
    font-size: 14px; 
}

/* Related to features -- WILL BE REMOVED */
/* Section Specific */
div.clsLeftColumn div.clsWhiteContent
{
    background-color: #fff;
}
div.clsLeftColumn div.clsBlueContent
{
    background-color: #01367F;
}
div.clsLeftColumn div.clsGreyContent
{
    background-color: #999;
}
div.clsLeftColumn div.clsLightBlueContent
{
    background-color: #9EB2CB;
}
div.clsLeftColumn div.clsDefaultContent
{
    background-color: #E7EEFF;
}

/* Header */
div.clsLeftColumn div.clsWhiteContent h1,
div.clsLeftColumn div.clsBlueContent h1,
div.clsLeftColumn div.clsGreyContent h1,
div.clsLeftColumn div.clsLightBlueContent h1,
div.clsLeftColumn div.clsDefaultContent h1
{
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 10px 15px;    
    color: #fff;
}
div.clsLeftColumn div.clsWhiteContent h1
{
    background: url(../../images/feature_headeryellow.gif) no-repeat 0 0 rgb(255,157,0);
    border-bottom: 2px solid #E37F00;
}
div.clsLeftColumn div.clsGreyContent h1,
div.clsLeftColumn div.clsBlueContent h1
{
    background: url(../../images/feature_headerlightblue.gif) no-repeat 0 0 rgb(158,178,203);
    border-bottom: 2px solid #75786D;
}
div.clsLeftColumn div.clsLightBlueContent h1
{
    background: url(../../images/feature_headerblue.gif) no-repeat 0 0 rgb(1,54,127);
    border-bottom: 2px solid #75786D;
}

div.clsLeftColumn div.clsWhiteContent div.clsWhiteBody,
div.clsLeftColumn div.clsBlueContent div.clsBlueBody,
div.clsLeftColumn div.clsGreyContent div.clsGreyBody,
div.clsLeftColumn div.clsLightBlueContent div.clsLightBlueBody,
div.clsLeftColumn div.clsDefaultContent div.clsDefaultBody
{
    padding: 15px;
}
div.clsLeftColumn div.clsWhiteContent div.clsWhiteBody,
div.clsLeftColumn div.clsDefaultContent div.clsDefaultBody
{
    color: #000;
}
div.clsLeftColumn div.clsBlueContent div.clsBlueBody,
div.clsLeftColumn div.clsGreyContent div.clsGreyBody,
div.clsLeftColumn div.clsLightBlueContent div.clsLightBlueBody
{
    color: #fff;
}

/* END OF Related to features -- WILL BE REMOVED */

/* *********************************************************** */
/* Footer Behavior */
/* *********************************************************** */
table.clsHomeContent tr td.clsFooter,
table.clsMainContent tr td.clsFooter
{
    height: 50px;
    background-color: #BABFB0;
    padding: 5px 10px;
}
table.clsHomeContent tr td.clsFooter p,
table.clsHomeContent tr td.clsFooter p.clsFinePrint,
table.clsMainContent tr td.clsFooter p,
table.clsMainContent tr td.clsFooter p.clsFinePrint
{
    margin: 4;
    padding: 0;
    text-transform: capitalize;    
}
table.clsHomeContent tr td.clsFooter p.clsFinePrint,
table.clsHomeContent tr td.clsFooter p.clsFinePrint a,
table.clsMainContent tr td.clsFooter p.clsFinePrint,
table.clsMainContent tr td.clsFooter p.clsFinePrint a
{
    font-size: 10px;
}
table.clsHomeContent tr td.clsFooter p a.clsFooterLink,
table.clsMainContent tr td.clsFooter p a.clsFooterLink {
    font-size: 10px;
    color: #83172A;
}
table.clsHomeContent tr td.clsFooter p.clsFinePrint,
table.clsHomeContent tr td.clsFooter p.clsFinePrint a,
table.clsMainContent tr td.clsFooter p.clsFinePrint,
table.clsMainContent tr td.clsFooter p.clsFinePrint a
{
    color: #524845;
}

table.clsHomeContent tr td.clsFooter p a.clsFooterLink,
table.clsHomeContent tr td.clsFooter p a.clsFooterLink a.clsFooterLink,
table.clsMainContent tr td.clsFooter p a.clsFooterLink,
table.clsMainContent tr td.clsFooter p.clsFinePrint a.clsFooterLink
{
    border-right: 1px solid #999;
    padding-right: 5px;
    margin-right: 5px;
}

/* ******************************************************* */
/* Home page Statement Area */
/* ******************************************************* */
table.clsMainContent tr td.clsBody div.clsStatementArea 
{
    width: 508px;
    margin: 0;
    padding: 0;
}
html>body table.clsMainContent tr td.clsBody div.clsStatementArea 
{
    width: 510px;
}
table.clsMainContent tr td.clsBody div.clsStatementArea div.clsStatementTitle
{
    height: 33px;
    background: #4E4E4E url(../images/title_home_content.gif) no-repeat;
}
table.clsMainContent tr td.clsBody div.clsStatementArea div.clsStatementText
{
    margin: 3px;
    font-size: 10px;
    line-height: 16px;
    text-align: justify;
}

/* ******************************************************* */
/* Home page Community Area */
/* ******************************************************* */
table.clsMainContent tr td.clsBody div.clsCommunityArea 
{
    background-color: #CCD5B4;
    width: 508px;
    margin-top: 25px;
}
html>body table.clsMainContent tr td.clsBody div.clsCommunityArea 
{
    width: 508px;
}

table.clsMainContent tr td.clsBody div.clsCommunityArea div.clsCommunityTitle
{
    border: solid 4px #CCD5B4;
    height: 41px;
    background: #B3BE94 url(../images/title_communities.gif) no-repeat;
}
html>body table.clsMainContent tr td.clsBody div.clsCommunityArea div.clsCommunityTitle
{
    height: 33px;
}
table.clsMainContent tr td.clsBody div.clsCommunityArea div.clsCommunityTheme
{
    border-left: solid 4px #CCD5B4;
    border-right: solid 4px #CCD5B4;
    border-bottom: solid 4px #CCD5B4;
    height: 95px;
    background: #B3BE94 url(../images/theme_community_home.jpg) no-repeat;    
}
html>body table.clsMainContent tr td.clsBody div.clsCommunityArea div.clsCommunityTheme
{
    height: 91px;
}
table.clsMainContent tr td.clsBody div.clsCommunityArea div.clsCommunityContent 
{
    height: 150px;
    margin-top: 10px;
}
table.clsMainContent tr td.clsBody div.clsCommunityArea div.clsCommunityContent div.clsCommunityListings 
{
    float: left;
    width: 325px;
    height: 100%;
}
html>body table.clsMainContent tr td.clsBody div.clsCommunityArea div.clsCommunityContent div.clsCommunityListings {
}
table.clsMainContent tr td.clsBody div.clsCommunityArea div.clsCommunityContent div.clsCommunityListings div.clsCommunityItem
{
    background: transparent url(../images/icon_househeart.gif) no-repeat 0% 50%;
    padding-left: 35px;
    margin-left: 10px;
    margin-bottom: 8px;
}

table.clsMainContent tr td.clsBody div.clsCommunityArea div.clsCommunityContent div.clsCommunityListings div.clsCommunityItem a
{
    color: #720A2B;
    font-size: 12px;
    font-weight: normal;
}
table.clsMainContent tr td.clsBody div.clsCommunityArea div.clsCommunityContent div.clsCommunityLogo 
{
    float: left;
    width: 175;
    background: transparent url(../images/logo_bigheart.gif) no-repeat 100% 0%;
    height: 115px;
}


table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent 
{
    padding-bottom: 20px;
}

/* ******************************************************* */
/* Our Neighborhoods page Neighborhood Map */
/* ******************************************************* */

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsNeighborhoodImage
{
    margin: 21px;
    width: 508px;
    overflow: hidden;
}
html>body table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsNeighborhoodImage
{
    width: 516px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsNeighborhoodSection
{
    margin: 21px;
    height: 45px;
    width: 508px;
    background: transparent url(../images/bg_body_section.jpg) no-repeat 0% 0%;
}
html>body table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsNeighborhoodSection
{
    width: 516px;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsNeighborhoodSection div.clsNeighborhoodSectionLinksArea
{
    padding: 18px 15px 0px 65px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsNeighborhoodSection div.clsNeighborhoodSectionLinksArea a 
{
    color: #83172A;
    padding: 0px 8px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsNeighborhoodSection div.clsNeighborhoodSectionLinksArea a.clsCommunitySectionLinks
{
    border-right: solid 1px #626262;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsNeighborhoodsHeader
{
    border: solid 1px #999;
    width: 508px;
    height: 40px;
    margin: 12px 0px;
}
html>body table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsNeighborhoodsHeader
{
    width: 516px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsNeighborhoodsMap 
{
    border: solid 1px #999;
    width: 500px;
    height: 325px;
}
html>body table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsNeighborhoodsMap 
{
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsNeighborhoodsMap div.clsGoogleMap
{
    width: 500px;
    height: 325px;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsCommunityContent
{
    margin: 20px 0px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsCommunityContent div.clsCommunityListings div.clsCommunityItem
{
    border: solid 1px #999;
    width: 500px;
    height: 74px;
    margin-bottom: 20px;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsCommunityContent div.clsCommunityListings div.clsCommunityItem:hover
{
    background-color: #B8C39B;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsCommunityContent div.clsCommunityListings div.clsCommunityItem div.clsCommunityItemImage
{
    float: left;
    width: 130px;
    height: 60px;
    margin: 7px 7px;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsCommunityContent div.clsCommunityListings div.clsCommunityItem div.clsCommunityItemImage img
{
    border: solid 1px #999;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsCommunityContent div.clsCommunityListings div.clsCommunityItem div.clsCommunityItemInfo
{
    float: left;
    width: 300px;
    height: 70px;
    margin-left: 20px;
    margin-top: 5px;
}
html>body table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsCommunityContent div.clsCommunityListings div.clsCommunityItem div.clsCommunityItemInfo
{
    height: 72px;
}
/* ********************************************************** */
/* Floorplans Area */
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplansArea
{
    overflow: hidden;
    width: 516px;
    padding:0;
    margin: 0;
    margin-left: 20px;
    padding-bottom: 20px;
}
html>body table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplansArea
{
    width: 516;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplansArea div.clsFloorplansGroup
{
    clear: both;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplansArea div.clsFloorplansName span 
{
    font-size: 14px;
    font-weight: bold;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplansArea div.clsFloorplanItem span,
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplansArea div.clsFloorplanItem a
{
    font-size: 11px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplansArea div.clsFloorplanItem
{
    float: left;
    border: solid 1px #A9AF9B;
    width: 165px;
    height: 161px;
    margin-left: 2px;
    margin-bottom: 2px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplansArea div.clsFloorplanSeparator
{
    float: left;
    width: 5px;
    height: 75px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplansArea div.clsFloorplanItem div.clsFloorplanImage
{
    width: 75px;
    height: 75px;
    overflow: hidden;
    margin: 25px 45px 10px;
    border: solid 1px #A9AF9B;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplansArea div.clsFloorplanItem div.clsFloorplanImage img
{
    height: 75px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplansArea div.clsFloorplanItem div.clsFloorplanName a
{
    color: #83172A;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplansArea div.clsFloorplanItem div.clsFloorplanName
{
    margin: 10px 4px;
    font-weight: bold;
    text-align: center;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplansArea div.clsFloorplanItem div.clsFloorplanDetails
{
    margin: 10px 4px;
    text-align: center;
}

/* ****************************************************** */
/* Floorplan View Area  */

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea
{
    overflow: hidden;
    width: 508px;
    padding:0;
    margin: 0;
    background-color: #A9AF9B;
    border: solid 7px #A9AF9B;
    margin-left: 20px;
}
html>body table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea
{
    margin-left: 10px;
    width: 516;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanTabs
{
    height: 23px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanTabs a 
{
    color: #83172A;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanTabs div.clsTab,
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanTabs div.clsTabSelected
{
    font-weight: bold;
    color: #83172A;
    float: left;
    padding: 4px 7px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanTabs div.clsTabSelected
{
        background-color: #3F3F3F;
        color: #fff;
}


table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm,
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div,
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm td,
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm span,
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm a
{
        color: #fff;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm
{
    overflow: hidden;
        background-color: #3F3F3F;
        padding-bottom: 20px;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanQuickInfo
{
    margin: 0px 7px 7px;
    height: 35px;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanQuickInfo div
{
    float: left;
    font-weight: bold;
}

.clsFloorplanAreaPrint div.clsFloorplanForm div.clsFloorplanPrice,
.clsFloorplanAreaPrint div.clsFloorplanForm div.clsFloorplanStories,
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanQuickInfo div.clsFloorplanPrice 
{
    font-size: 16px;
    color: #A9AF9B;
    margin-right: 25px;
    margin-top: 7px;
}

.clsFloorplanAreaPrint div.clsFloorplanForm div.clsFloorplanStories,
.clsFloorplanAreaPrint div.clsFloorplanForm div.clsFloorplanPrice
{
    color: #000;
    font-weight: bold;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanQuickInfo div.clsFloorplanStories 
{
    font-size: 16px;
    color: #A9AF9B;
    margin-right: 25px;
    margin-top: 7px;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanDetailsArea 
{
    width: 516px;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 30px;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanDetailsArea div.clsFloorplanImageArea
{
    float: left;
    width: 294;
    height: 250px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanDetailsArea div.clsFloorplanImageArea div.clsFloorplanImage
{
    width: 294;
    height: 198px;
}

html>body table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanDetailsArea div.clsFloorplanImageArea div.clsFloorplanImage
{
    /*width: 310;*/
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanDetailsArea div.clsFloorplanImageArea div.clsImageToolbar
{
    width: 293;
    height: 20px;
    background-color: #B8C29B;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanDetailsArea div.clsFloorplanImageArea div.clsImageToolbar a.view
{
    background: transparent url(../images/icon_view.gif) no-repeat 0% 50%;
    text-align: center;
    float: left;
    width: 130px;
    display: block;
    margin-left: 10px;
    margin-top: 2px;
    padding-left: 20px;
    padding-right: 10px;
    color: #83172A;
    border-right: solid 2px #4D4E4A;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanDetailsArea div.clsFloorplanImageArea div.clsImageToolbar a.print
{
    background: transparent url(../images/icon_print.gif) no-repeat 0% 50%;
    text-align: center;
    float: left;
    width: 130px;
    display: block;
    padding-left: 20px;
    margin-top: 2px;
    padding-right: 15px;
    color: #83172A;
    margin-left: 10px;
}

html>body table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanDetailsArea div.clsFloorplanImageArea div.clsImageToolbar a.view
{
    width: 100px;
}
html>body table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanDetailsArea div.clsFloorplanImageArea div.clsImageToolbar a.print
{
    width: 100px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanDetailsArea div.clsFloorplanDetails
{
    float: left;
    height: 250px;
    width: 213px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanDetailsArea div.clsFloorplanDetails table
{
    width: 206px;
    margin-left: 7px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsHomeFeatures
{
    clear: both;
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 20px;
    background-color: #F5FCE2;
    padding: 7px;
    padding-bottom: 25px;
    color: #000;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsHomeFeatures div.clsFeatures
{
    text-align: left;
    color: #000;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanFeaturesOptions div.clsOptionsListing
{
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 20px;
    background-color: #F5FCE2;
    padding: 7px;
    padding-bottom: 25px;
    overflow: hidden;
}
html>body table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanFeaturesOptions div.clsOptionsListing
{
    overflow: hidden;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanFeaturesOptions div.clsOptionsListing span
{
    color: #000;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanFeaturesOptions div.clsOptionsListing div.clsOptionItem
{
    margin-right: 20px;
    float: left;
    height: 100px;
    width: 75px;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanFeaturesOptions div.clsFeatures
{
    margin-left: 7px;
    margin-right: 7px;
    overflow: hidden;
    background-color: #F5FCE2;
    padding-bottom: 5px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanFeaturesOptions div.clsFeatures li
{
    color: #000;
}
/* ************************************* */
/* Elevations Area */


table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanElevationsArea
{
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanElevationsArea div.clsElevationsListing 
{
    background-color: #F5FCE2;
    overflow: hidden;
    margin-left: 7px;
    width: 480px;
    padding-top: 20px;
    padding-bottom: 20px;
}
html>body table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanElevationsArea div.clsElevationsListing 
{
    width: 502px;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanElevationsArea div.clsElevationsListing div.clsElevationItem span,
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanElevationsArea div.clsElevationsListing div.clsElevationItem a
{
    font-size: 11px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanElevationsArea div.clsElevationsListing div.clsElevationItem
{
    overflow: hidden;
    float: left;
    border: solid 1px #A9AF9B;
    width: 154px;
    height: 161px;
    margin-left: 3px;
    margin-bottom: 2px;
}

html>body table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanElevationsArea div.clsElevationsListing div.clsElevationItem
{
    width: 161px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanElevationsArea div.clsElevationsListing div.clsElevationItem div.clsElevationImage
{
    width: 75px;
    height: 75px;
    overflow: hidden;
    margin: 25px 45px 10px;
    border: solid 1px #A9AF9B;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanElevationsArea div.clsElevationsListing div.clsElevationItem div.clsElevationName a
{
    color: #83172A;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanElevationsArea div.clsElevationsListing div.clsElevationItem div.clsElevationName
{
    margin: 10px 4px;
    font-weight: bold;
    text-align: center;
}


/* *********************************************** */
/* First / Second Floor Plan Views */

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsFloorplanArea div.clsFloorplanForm div.clsFloorplanInfo div.clsFloorplanDetailsArea div.clsFloorplanPlanImageArea
{
    /*border: solid 1px red;*/
    width: 500;
    height: 600px;
}

/* ************************************************ */
/* Sales Area */

div.clsSalesArea
{
    width: 222px;
    overflow: hidden;
    background-color: #A9AF9B;
    margin-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

div.clsSalesArea div.clsSalesItemFirst
{
    border: solid 6px #3F3F3F;
}

div.clsSalesArea div.clsSalesItemFirst,
div.clsSalesArea div.clsSalesItem
{
    /*overflow: hidden;*/
    border-left: solid 6px #3F3F3F;
    border-right: solid 6px #3F3F3F;
    border-bottom: solid 6px #3F3F3F;
    margin-left: 8px;
    margin-right: 8px;
    background-color: #626262;
    height: 100px;
}
html>body div.clsSalesArea div.clsSalesItemFirst,
html>body div.clsSalesArea div.clsSalesItem
{
    overflow: hidden;
}
div.clsSalesArea div.clsSalesItemFirst div,
div.clsSalesArea div.clsSalesItem div,
div.clsSalesArea div.clsSalesItemFirst span,
div.clsSalesArea div.clsSalesItem span
{
    font-size: 11px;
    color: #fff;
}

div.clsSalesArea div.clsSalesItemFirst div.clsSalesFrame,
div.clsSalesArea div.clsSalesItem div.clsSalesFrame
{
    overflow: hidden;
}

div.clsSalesArea div.clsSalesItemFirst div.clsSalesFrame div.clsSalesFoto,
div.clsSalesArea div.clsSalesItem div.clsSalesFrame div.clsSalesFoto
{
    width: 86px;
    height: 92px;
    /*overflow: hidden;*/
    float: left;
    margin: 4px;
}
html>body div.clsSalesArea div.clsSalesItemFirst div.clsSalesFrame div.clsSalesFoto,
html>body div.clsSalesArea div.clsSalesItem div.clsSalesFrame div.clsSalesFoto
{
    margin: 4px;
}
div.clsSalesArea div.clsSalesItemFirst div.clsSalesFrame div.clsSalesFoto img,
div.clsSalesArea div.clsSalesItem div.clsSalesFrame div.clsSalesFoto img
{
    border: solid 1px #A9AF9B;
}
div.clsSalesArea div.clsSalesItemFirst div.clsSalesFrame div.clsSalesInfo,
div.clsSalesArea div.clsSalesItem div.clsSalesFrame div.clsSalesInfo
{
    float: left;
    line-height: 16px;
    width: 96px;
    padding-right: 4px;
}
html>body div.clsSalesArea div.clsSalesItemFirst div.clsSalesFrame div.clsSalesInfo,
html>body div.clsSalesArea div.clsSalesItem div.clsSalesFrame div.clsSalesInfo
{
    width: 98px;
    padding-right: 0px;
}
div.clsSalesArea div.clsSalesItemFirst div.clsSalesFrame div.clsSalesInfo div.clsSalesEmail,
div.clsSalesArea div.clsSalesItem div.clsSalesFrame div.clsSalesInfo div.clsSalesEmail
{
    background: #E1E9CC url(../images/icon_email.gif) no-repeat 5px 50%;
    padding-left: 25px;
    overflow: hidden;
}
div.clsSalesArea div.clsSalesItemFirst div.clsSalesFrame div.clsSalesInfo div.clsSalesEmail a,
div.clsSalesArea div.clsSalesItem div.clsSalesFrame div.clsSalesInfo div.clsSalesEmail a
{
    color: #83172A;
}

div.clsSalesFooter,
div.clsSalesFooter
{
    margin-left: 10px;
    margin-right: 6px;
    margin-bottom: 6px;
    clear: both;
}

/* *********************************** */
.clsFormBodyTitle
{
    color: #3F3F3F;
    text-transform: uppercase;
    background-color: #A9AF9B;
    font-size: 13px;
    font-weight: bold;
    display: block;
    height: 16px;
    padding: 3px;
    margin: 0px 7px;
}


/* Used for Community Navigation */
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsCommunityContent div.clsCommunityListings div.clsCommunityNavItem
{
    border: solid 1px #999;
    width: 500px;
    height: 150px;
}

/* ******************************************************* */
/* Used for the Forms pages */
/* ******************************************************* */

div.clsFieldItem
{
	margin-top: 10px;
}
div.clsFloorplanInfo
{
    text-align: center;
    
}

.errorText
{
    font-size: 11px;
    color: Red;
}

a.PDFLink:active,
a.PDFLink:visited,
a.PDFLink
{
    background: transparent url(/images/icon_pdf.gif) no-repeat 0% 50%;
    padding-left: 25px;
}

a.EMAILLink:active,
a.EMAILLink:visited,
a.EMAILLink
{
    background: transparent url(/images/icon_mail.gif) no-repeat 0% 50%;
    padding-left: 25px;
}

a.WEBLink:active,
a.WEBLink:visited,
a.WEBLink
{
    background: transparent url(/images/icon_web.gif) no-repeat 0% 50%;
    padding-left: 25px;
}


/* ************************************** */
/* Warranty Area */

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsContentArea div.clsWarrantyArea 
{
    width: 500px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsContentArea div table.clsWarrantyForm 
{
    width: 500px;
}

table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsContentArea div table.clsWarrantyForm td
{
    padding: 8px;
    width: 50%;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsContentArea div table.clsWarrantyForm td span.clsRequired
{
    color: Red;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsContentArea div table.clsWarrantyForm td textarea
{
    width: 100%;
    height: 150px;
    font-family: Arial, Verdana;
    font-size: 12px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsContentArea div table.clsWarrantyForm td.clsFormFields input
{
    width: 200px;
}
table.clsMainContent tr td.clsBody div.clsMainColumn div.clsContent div.clsContentArea div table.clsWarrantyForm td .clsWarrantyCommList td
{
    width: 100%;
    padding: 4px;
}

span.LeaderText 
{
    color: #83172A;
    font-weight: bold;
}

a.clsCommunityGreen 
{
    padding-right: 20px;
    background: url(../images/ico_house_green.gif) 100% 50% no-repeat;
}
a.clsCommunityNormal 
{
    padding-right: 20px;
    background: url(../images/ico_house_red.gif) 100% 50% no-repeat;
}
div.clsGreen 
{
    color: #6D7B1C;
}
div.clsMapLegend 
{
    height: 11px;
    font-size: 9px;
    text-align: right;
    padding-right: 15px;
}
div.clsMapLegend span.clsEnergyStar
{
    background: url(../images/legend_icon1.gif) 0% 50% no-repeat;
    padding-left: 15px;
padding-right: 10px;    
}
div.clsMapLegend span.clsDiamondGreen
{

    background: url(../images/legend_icon2.gif) 0% 50% no-repeat;
    padding-left: 15px;
}
p.logoBBB 
{
	position: absolute;
	margin-left: 700px !important;
}