@charset "utf-8";
/* CSS Document */

BODY {
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	text-align:justify;
	font-size:12px;
	color:#535353;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	list-style-position: outside;
	background-color:#f0f1f1;
}
table {
	border-collapse:collapse;
}
img {
	border:none;
}
a:link {
	color:#711c8f;
	text-decoration: none;
}
a:visited {
	color:#711c8f;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
h1 {
	color:#a8c02b;
	font-size:22px;
	margin-top:0;
}
h2 {
	color:#a8c02b;
	font-size:18px;
}
h3 {
	color:#4d036c;
	font-size:16px;
	font-weight:bold;
}
h4 {
	color:#a8c02b;
	font-size:13px;
	font-weight:bold;
}
#border {
	width:965px;
	background-color:#FFF;
	margin-left:auto;
	margin-right:auto;
	padding-left:12px;
	padding-right:12px;
}
#topArea {
	width:100%;
	clear:both;
	height:137px;
	background-image:url(/images/topBanner.gif);
	background-position:right;
	background-repeat:no-repeat;
}
#logo {
	float:left;
	padding-top:24px;
	padding-left:15px;
}

/*- Main Menu--------------------------- */
#mainNav {
	width:705px;
	float:right;
}
ul#navlist {
	margin-top: 90px;
	margin-right: 14px;
	padding: 0;
	list-style-type: none;
	white-space: nowrap;
	float:right;
}
ul#navlist li {
	float: left;
	font-family: arial;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	margin: 0;
	padding: 0 0 0 0;
}
#navlist a, #navlist a:link {
	margin: 0;
	padding: 0 10px 0 10px;
	color:#FFF;
	text-decoration: none;
}
ul#navlist li#active {
	color: #c25eef;
}
#navlist a:hover {
	color: #c25eef;
}

/*- Second Menu--------------------------- */
#secondNav {
	clear:both;
	width:965px;
	height:39px;
	background-image:url(/images/tabBG.gif);
	background-repeat:repeat-x;
}
#tabs10 {
	float:left;
	width:100%;
	line-height:normal;
	font-size:11px;
	font-weight:bold;
	font:Arial, Helvetica, sans-serif;
	margin: 0px;
	color:#595959;
	padding: 3px 0px 0px 0px;
}
#tabs10 ul {
	margin:0;
	padding:0;
	list-style:none;
}
#tabs10 li {
	display:inline;
	margin:0;
	padding:0;
}
#tabs10 a {
	float:left;
	background:url("/images/tableft10.gif") no-repeat left top;
	margin:0;
	padding:0px 0 0 4px;
	text-decoration:none;
}
#tabs10 a span {
	float:left;
	display:block;
	background:url("/images/tabright10.gif") no-repeat right top;
	padding:7px 22px 15px 16px;
	color:#595959;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs10 a span {
	float:none;
}
/* End IE5-Mac hack */
    #tabs9 a:hover span {
	color:#FFF;
}
#tabs10 a:hover {
	background-position:0% -42px;
}


#tabs10 a:hover span {
	background-position:100% -42px;
}

#tabs10 .selected a {
	background-position:0% -42px;
}
#tabs10 .selected a span {
	background-position:100% -42px;
}



/*- Sub Navigation--------------------------- */
#button {
	float:left;
	width: 12em;
	padding: 0 0 1em 0;
	margin-bottom: 1em;
	font-family:Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #333;
	text-align:right;
	border-top:1px solid #FFF;
	width: 225px;
	min-height:400px;
}
#button ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#button li {
	border-bottom: 1px solid #FFF;
	margin: 0;
	list-style: none;
	list-style-image: none;
}

#button li.selected a, #button li.selected a:visited {
	border-left: 4px solid #bdb9b9;
	background: #4d036c;
	color: #fff;
}


#button li a {
	display: block;
	padding: 5px 22px 5px 0.5em;
	border-left: 4px solid #bdb9b9;
	background-color: #ebebeb;
	color: #333;
	text-decoration: none;
	width: 100%;
}

#button .image{
	width: 100%;
}

html>body #button li a {
	width: auto;
}
#button li a:hover {
	border-left: 4px solid #bdb9b9;
	background-color: #4d036c;
	color: #fff;
}

#button li a:selected {
	border-left: 4px solid #bdb9b9;
	background-color: #4d036c;
	color: #fff;
}
#button li #active {
	border-left: 4px solid #bdb9b9;
	background-color: #4d036c;
	color: #fff;
}

/*- Homepage Section--------------------------- */
#flashMain {
	margin-top:24px;
	clear:both;
}
#shortcuts {
	width:100%;
	clear:both;
	margin-top:11px;
}
.promo {
	float:left;
	margin-right:5px;
}
.shortcut {
	float:left;
	margin-left:6px;
}
#homeContent {
	width:965px;
	clear:both;
	background-color:#FFF;
	
}
#ultimateSeries {
	float:left;
	
	padding:0;
	margin:0;

	}
#ultimateSeries td {
	vertical-align:middle;
	text-align:center;
	
}

.newstart-logo {
	margin-top:10px;
	margin-right:6px;
}

.living-logo {
	margin-top:10px;
}

.aspire-logo {
	margin-top:10px;
	margin-right:6px;
	margin-bottom:20px;
}

.smartastrata-logo {
	margin-top:10px;
	margin-bottom:20px;
}

/*- Display Home Section--------------------------- */

#displayDescription {
		float:left;
		width:660px;
		margin-left:35px;
		margin-top:10px;
}
#displayBody {
	
	float:left;
	height:100%;
	padding-bottom:20px;
	background-image:url(/images/displayBG.gif);
	background-repeat:repeat-y;
}
#displayContent {
	float:left;
	width:740px;
	background-color:#FFF;
	padding-bottom:20px;
}
#displayHeading {
	clear:both;
	width:965px;
	height:58px;
	background-image:url(/images/headingBG.gif);
	background-repeat:no-repeat;
}
#displayHeading H1 {
	color:#666;
	font-size:19px;
	margin-left:260px;
	padding-top:16px;
}
#displayHomes {
	float:left;
}
#displayHomes td {
	padding:0px;
	vertical-align:top;
}
.displayMain {
	padding-top:1px;
	padding-left:1px;
}
.displayThumb {
	padding-top:1px;
	padding-bottom:1px;
	padding-left:2px;
}
.displayRollover {
	padding-top:1px;
	padding-left:2px;
}
.displayButton {
	padding-top:6px;
	padding-left:14px;
	float:left;
}
#displaySelection  {
	float:left;
	margin-left:14px;
	width:690px;
}

#displaySelection .property{
    width:330px;
    float:left;
    margin:0 14px 20px 0;
    height:200px;
}
#displaySelection .thumb {
	border:4px solid #CCC;
	margin-left:20px;
	margin-top:20px;
}
#displaySelection .title {
	font-size:18px;
	margin-left:20px;
}
#written {
	float:left;
	padding-top:15px;
	margin-left:28px;
	width:610px;
	background-image:url(/images/contentBG.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
#written2 {
	float:left;
	
	margin-top:20px;
	margin-left:28px;
	width:420px;
}
#written3 {
	float:left;
	width:660px;
	padding-left:35px;
	padding-top:25px;
	padding-bottom:35px;
}
#housePlan {
	float:left;
	width:256px;
	padding-left:30px;
	padding-top:20px;
}
#housePlan .planlink {
	float:clear;
	font-weight:bold;
	font-size:11px;
	padding-top:20px;
	padding-bottom:20px;
}

/*- My Ultimate - Home Section --------------------------- */
#ultimateBody {
	width:984px;
	margin-bottom:30px;
}
#ultimateHomeLeft {
	float:left;
	padding-top:35px;
	padding-bottom:35px;
	padding-left:35px;
	width:500px;
}
#ultimateHomeLeft .written {
	width:100%;
	margin-top:35px;
}
#ultimateHomeRight {
	float:right;
	width:388px;
	padding-bottom:15px;
}
#ultimateHomeRight #userWelcome {
	background-image:url(/images/myUltimate/userBG.jpg);
	background-repeat:no-repeat;
	padding-left:70px;
	padding-top:35px;
	height:77px;
	margin-top:22px;
}
#ultimateHomeRight #userWelcome .name {
	color:#4d036c;
	font-size:12px;
	font-weight:bold;
}
#ultimateHomeRight #userWelcome .logout {
	clear:both;
	padding-top:4px;
	font-size:11px;
}
#ultimateHomeRight .container {
	clear:both;
	margin-bottom:32px;
}
#ultimateHomeRight .container .heading {
	clear:both;
	margin-bottom:10px;
}
#ultimateHomeRight .container .content {
	clear:both;
	margin-left:15px;
	padding-right:30px;
}
#ultimateHomeRight .container .content .docList1 {
	clear:both;
}
#ultimateHomeRight .container .content .docList1 a {
	clear:both;
	color:#a8c02b;
	padding-bottom:10px;
}
#ultimateHomeRight .container .content .docList1 a:hover {
	clear:both;
	color:#333;
	padding-bottom:10px;
}
#ultimateHomeRight .container .content .docList1 .date {
	clear:both;
	color:#666;
	padding-bottom:15px;
}

/*- My Ultimate - myStatus Section --------------------------- */
#ultimateStatus table {
	float:left;
	width:640px;
	margin-top:35px;
	margin-bottom:35px;
	border:3px solid #d2d2d2;
	font-size:13px;
	font-weight:bold;
}
#ultimateStatus td {
	border:1px solid #d2d2d2;
	padding:9px;
}
#ultimateStatus .heading td {
	background-color:#adc62c;
	border:1px solid #FFF;
	padding:18px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}
#ultimateStatus .icon {
	text-align:center;
}
#ultimateStatus .statusCompleted {
	text-align:center;
	color:#adc62c;
}
#ultimateStatus .statusStarted {
	text-align:center;
	color:#4d036c;
	font-weight:bold;
}
#ultimateStatus .stageStarted {
	color:#4d036c;
	font-weight:bold;
}
#ultimateStatus .statusPending {
	text-align:center;
}
#ultimateStatusDesc {
	float:left;
	width:285px;
	padding-top:45px;
	padding-left:20px;
}
#ultimateStatusDesc .date {
	clear:both;
	width:212px;
	height:39px;
	background-image:url(/images/myUltimate/statusDateBG.gif);
	background-repeat:no-repeat;
	padding-top:12px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}

/*- My Ultimate - myComments --------------------------- */
#ultimateComments {
	float:left;
	clear:both;
	width:100%;
	background-image:url(/images/myUltimate/myCommentsBG.gif);
	background-repeat:no-repeat;
	margin-left:20px;
	margin-top:38px;
	padding-bottom:20px;
}
#ultimateComments #leftColumn {
	float:left;
	width:525px;
	padding-left:25px;
	padding-top:20px;
}
#ultimateComments #leftColumn #comments {
	clear:both;
	width:100%;
	margin-top:20px;
}
#ultimateComments #rightColumn {
	float:left;
	width:275px;
	padding-left:80px;
	padding-top:25px;
}
#ultimateComments #rightColumn #consultant {
	width:156px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
}
#ultimateComments #rightColumn #consultant img {
	border:1px solid #999;
	margin-bottom:5px;
}
#ultimateComments #rightColumn #phone {
	background-image:url(/images/myUltimate/icon_phone.gif);
	background-repeat:no-repeat;
	height:30px;
	padding-top:5px;
	padding-left:40px;
	margin-top:20px;
}
#ultimateComments #rightColumn #email {
	background-image:url(/images/myUltimate/icon_email.gif);
	background-repeat:no-repeat;
	height:30px;
	padding-top:5px;
	padding-left:40px;
}
#ultimateDocuments {
	float:left;
	width:680px;
	padding-left:35px;
	padding-top:15px;
	padding-bottom:20px;
}

/*- My Ultimate - myDocuments Section --------------------------- */
.docList2 {
	clear:both;
	width:100%;
	border-bottom:1px solid #CCC;
	padding-bottom:15px;
	margin-bottom:10px;
}
.docList2 a {
	clear:both;
	color:#a8c02b;
}
.docList2 a:hover {
	clear:both;
	color:#333;
	padding-bottom:10px;
}
.docList2 .date {
	clear:both;
	color:#666;
	padding-top:5px;
	font-size:11px;
}
.more {
	clear:both;
	float:right;
	margin-bottom:20px;
}

/*- Footer --------------------------- */
#footer {
	width:100%;
	clear:both;
	height:29px;
	background-color:#333;
	font-size:10px;
	color:#FFF;
}
#footer a {
	color:#FFF;
}
#footer a:hover {
	color:#999;
}
#footerLeft {
	float:left;
	margin-left:26px;
	padding-top:7px;
}
#footerRight {
	float:right;
	margin-right:26px;
	padding-top:7px;
}

#footerRight a{
	
	margin:0 4px 0 4px;
}

#footerLeft p{
	margin-top:0;
}


/*- Address --------------------------- */



#address td {
	border-bottom:1px solid #e6e8e6;
	border-top:1px solid #e6e8e6;
	padding-bottom:10px;
	padding-top:10px;
	
}

.map {
	float:right;
	clear:both;
	margin-left:20px;
	margin-bottom:20px;
}

/*- Form Style --------------------------- */

label, legend { font: 18px Arial }




#form { font: 12px "Arial, sans-serif"; color: #666; display: block; width: 690px; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius:5px; }



label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; }
input, textarea, select { margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   
input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
input.submit { cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
input.submit:hover { background:#444; }
fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
legend { padding:7px 10px; font-weight:bold; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
span.small{ font-size:15px;}
span.required{ font-size: 13px; color: #ff0000; } /* Select the colour of the * if the field is required. */

/* Style for the error message */

.error_message { display: block; height: 22px; line-height: 22px; background: #FBE3E4 url('assets/error.gif') no-repeat 10px center; padding: 3px 10px 3px 35px; margin: 10px 0; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius: 5px; -webkit-border-radius:5px; }

#succsess_page h1 { background: url('assets/success.gif') left no-repeat; padding-left:22px; }

.ultimateSeriesLogo td{
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom:1px solid #CCC;
	
}

.logo2{

	padding-right:30px;

	
}

.promotions td{
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom:1px solid #CCC;
	
}

.promotionImage{

	padding-right:30px;

	
}

.contentBanner {
	clear:both;	
}