/* CSS Document */
/* MBA styles for screen media */

/* ----- global settings ----- */
body, html {
	margin:0;
	padding:0;
}
body {
	background:#ffffff;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:1em;
	padding:0 0 0 0;
	margin:0px;
}
input, textarea, select {
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:1em;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a, input, button {
	outline:none;
}
a img {
	border:0;
}
div {
	margin:0;
}
h1, h2, h3, h4, h5, p, ul, ol, table, form {
	margin:0 0 1em;
}
form {
	margin:0;
	padding:0;
}
div {
	border:solid 0px #ccc;
}

/* ----- global classes ----- */

.loading {
	background:url(images/loading.gif) no-repeat 50% 50%;
}
.loadingInfo {
	font-size:12px;
	color:#777;
	padding:0.8em 1.7em;
	float:left;
	font-family:Trebuchet, Arial, Helvetica, sans-serif;
}
.float_right {
	float:right;
}
.float_left {
	float:left;
}
.clear_both {
	clear:both;
}
.clearfloat {
	clear:both;
	height:1px;
	background:none;
	border:none;
	padding:0;
	margin:0;
	font-size:0px;
}
.hidden {
	display:none;
	visibility:hidden;
}
.screen_hide {
	display:block;
	overflow:hidden;
	height:0;
	width:0;
}
.error, .alert {
	color:#ff0000;
}
.display_none {
	display:none;
	overflow:hidden;
	height:0;
	width:0;
}

/* ----- layout settings ----- */

div#bannerpeg, div#headerpeg, div#flashpeg, div#main, div#search, div#scrapBook, div#footerpeg {
	position:relative;
	width:992px;
	left:50%;
	margin-left:-496px;
	border:solid 0px #ccc;
	clear:both;
}
div#headerpeg:after, div#flashpeg:after, div#main:after, div#search:after, div#footerpeg:after {
	content:"";
	display:block;
	height:0;
	overflow:hidden;
	clear:both;
}

/* ------ banner styles ------ */

div#bannerhalfpeg {
	float:left;
	height:90px;
	margin-top:8px;
	overflow:hidden;
}
div#bannerfullpeg {
	float:right;
	height:90px;
	margin-top:8px;
	overflow:hidden;
	padding-left:6px;
}

/* ----- layout styles ----- */

div#logos {
	width:528px;
	height:70px;
	float:left;
}
div#header_courtesy_nav, div#header_courtesy_nav_loggedin {
	color:#00a8ec;
	font-size:11px;
	text-align:right;
	height:66px;
	position:relative;
	float:right;
	padding:4px 0 0;
}
div#header_courtesy_nav a, div#header_courtesy_nav_loggedin a {
	color:#00a8ec;
}
div#header_courtesy_nav a:hover, div#header_courtesy_nav_loggedin a:hover {
	color:#666666;
}
div#courtesy_search {
	position:absolute;
	bottom:4px;
	right:0;
	height:20px;
	width:256px;
	color:#333333;
}
div#courtesy_search label {
	float:left;
}
div#courtesy_search input.input {
	border:solid 1px #c5c5c5;
	border-color:#bebebe #cfcfcf #dfdfdf #c5c5c5;
	background:url(images/bg_input_input.gif) repeat-x;
	font-size:1em;
	margin:0 5px 0 2px;
	width:130px;
}
div#courtesy_search input.focus {
	border:solid 1px #00a8ec;
	background:#ffffff none;
	font-size:1em;
	margin:0 5px 0 2px;
	width:130px;
}
div#courtesy_search a.search_button {
	border:solid 1px #00a8ec;
	background:#00a8ec url(images/bg_input_focus.gif) no-repeat 100% 50%;
	text-decoration:none;
	display:block;
	width:40px;
	padding:1px 20px 1px 2px;
	float:right;
	color:#ffffff;
}
div#courtesy_search a.search_button:hover {
	color:#ffffff;
}

/* ----- div.lower_static styles ----- */

div.lower_static {
	padding:0 50px 6px;
	height:212px;
	min-height:212px;
	font-size:11px;
	line-height:150%;

}
div.lower_static h3 {
	color:#00a8ec;
	font-weight:normal;
	text-transform:uppercase;
	font-size:14px;
	margin:0;
	padding:1em 0 1.66em;
	border-top:solid 1px #f2f2f2;
}
div.lower_static h4 {
	color:#00a8ec;
	font-weight:bold;
	font-size:12px;
	margin:1em 0 0.4em;
}
div.lower_static p {
	font-size:11px;
	line-height:150%;
	margin:0 0 1em;
}
div.lower_static ul, div.lower_static ol {
	font-size:11px;
	line-height:150%;
	/*padding-left:0px;*/
	margin:0 0 1em 2em;
}
div.lower_static a {
	color:#00a8ec;
}
div.lower_static a:hover {
	color:#666666;
}
div.home_link {
	margin:2em 0 0;
}
div.home_link a {
	font-size:12px;
	text-transform:uppercase;
	text-decoration:none;
}
div.home_link a:hover {
	text-decoration:underline;
}

/* ----- div#loginForm styles ----- */

div#loginForm {
	font-size:11px;
	margin:0 50px 1em;
}
div#loginForm label {
	font-size:11px;
	display:block;
	margin:0 0 2px;
}
div#loginForm input {
	border:solid 1px #aaaaaa;
	font-size:11px;
}
div#loginForm input.focus {
	font-size:11px;
}
div#loginForm button {
	font-size:11px;
	border:none 0;
	background:#00a8ec url(images/bg_input_focus.gif) no-repeat 100% 50%;
	padding:2px 20px 1px 2px;
	color:#ffffff;
	cursor:pointer;
}
div#LoginStatus p {
	margin:1em 0;
}

/* ----- div#forgotForm styles ----- */

div#forgotForm {
	font-size:11px;
	margin:0 50px 1em;
}
div#forgotForm label {
	font-size:11px;
	display:block;
	margin:0 0 2px;
}
div#forgotForm input {
	border:solid 1px #aaaaaa;
	font-size:11px;
}
div#forgotForm input.focus {
	font-size:11px;
}
div#forgotForm button {
	font-size:11px;
	border:none 0;
	background:#00a8ec url(images/bg_input_focus.gif) no-repeat 100% 50%;
	padding:2px 20px 1px 2px;
	color:#ffffff;
	cursor:pointer;
}
div#ForgotStatus p {
	margin:1em 0;
}

/* ----- div#RegisterForm styles ----- */

div#RegisterForm {
	font-size:11px;
	margin:0 50px 1em;
}
div#RegisterForm label {
	font-size:11px;
	display:block;
	margin:0 0 2px;
}
div#RegisterForm input, div#RegisterForm button {
	margin:0 0 4px;
	font-size:11px;
}
div#RegisterForm p {
	margin:1em 0;
}

/* ----- div#contactFormLayout styles ----- */

div#contactFormLayout {
	font-size:11px;
	margin:0 50px 1em;
}
div#contactFormLayout label {
	font-size:11px;
	display:block;
	margin:0 0 2px;
}
div#contactFormLayout input, div#contactFormLayout button {
	margin:0 0 4px;
	font-size:11px;
}
div#contactFormLayout p {
	margin:1em 0;
}

/* ----- div#search styles ----- */

div#search p span.returned {
	background:#e0eef5;
	padding:2px 8px;
}
div#search h4 {
	color:#333333;
}
div.paging {
	font-size:11px;
	text-align:center;
	padding:0.66em 0;
	color:#666666;
}
span.goto {
	border-left:solid 1px #00a8ec;
	padding-left:1em;
	margin:0 0.33em 0 1em;
}
span.pages {
	color:#00a8ec;
}
span.pages a {
	color:#00a8ec;
}
span.pages a:hover {
	color:#666666;
}
div.results {
	border:solid 1px #f2f2f2;
	border-width:1px 0;
	padding:0 0 4em;
}
div#search div.results p {
	margin-bottom:0;
	color:#666666;
}

/* ----- div#flashpeg styles ------ */

div#flashpeg {
	height:300px;
	min-height:300px;
	background:#e5e5e5 url(images/bg_flash.jpg) no-repeat;
	background:transparent none;
}
div#staticpeg {
	height:512px;
	min-height:512px;
}
div#staticpeg .lower_static {
	height:512px;
	min-height:512px;
	overflow:auto;
}
div.flash {
	padding:0 0 0px;
	height:300px;
	min-height:300px;
	width:992px;
	min-width:992px;
}

/* ----- div#main sub-divs position and styles ----- */

div#mainpeg {
	display:block;
	height:212px;
	position:relative;
	zoom:1;
}

/* ----- div#main sub-divs position and styles ----- */

div#villagelistpeg {
	float:left;
	margin:6px 0;
	padding:0;
	width:150px;
	height:200px;
	border:solid 0px #ff0000;
}
div#villagelistpeg h3 {
	font-weight:normal;
	font-size:13px;
	text-transform:uppercase;
	background:#f1f1f1;
	padding:7px 0 6px 16px;
	margin:0 0 6px;
}
div.lower_villagelist {
	overflow:auto;
	width:100%;
	height:168px;
}
div.lower_villagelistLoading {
	overflow:auto;
	width:100%;
	height:168px;
}
div.lower_villagelist ul {
	list-style:none;
	margin:0 0 4px;
	padding:0;
	overflow:auto;
}
div.lower_villagelistHome ul {
	list-style:none;
	margin:0 0 4px;
	padding:0;
	overflow:auto;
	height:146px;
}
div#villagelistpeg div.homelink {
	padding:0;
	margin:0;
}
div#villagelistpeg div.homelink_hidden {
	display:none;
}
div#villagelistpeg div.homelink a {
	color:#00a8ec;
	text-transform:uppercase;
	font-size:11px;
}
div#villagelistpeg div.homelink a:hover {
	color:#666666;
}
div#villagelistpeg ul li {
	font-weight:normal;
	font-size:11px;
	text-transform:uppercase;
	padding:0;
	display:inline;
}
div#villagelistpeg ul li a {
	display:block;
	margin:0 0 4px;
	padding:2px 0 3px 16px !important;
	padding:1px 0 3px 16px;
	background:#f1f1f1;
	color:#666666;
}
div#villagelistpeg ul li a:hover, div#villagelistpeg ul li a.hover {
	background:#7fd3f5 url(images/bg_village_a.gif) no-repeat 4% 50%;
	color:#000000;
	text-decoration:none;
}
div#villagelistpeg ul li a.selected {
	background:#00a8ec url(images/bg_village_a.gif) no-repeat 4% 50%;
	color:#000000;
	text-decoration:none;
}
div#villagedetailpeg {
	float:left;
	width:400px;
	margin:6px 0 6px 6px;
	color:#666666;
	height:200px;
	border:solid 0px #ff0000;
}
div#villagedetailpeg h3 {
	font-size:12px;
	margin:6px 6px 0;
}
div.lower_villagedetail {
	float:left;
	width:246px;
	height:180px;
	overflow:auto;
	border:solid 0px #ff0000;
}
div.lower_villagedetail p {
	font-size:11px;
	margin:1em 6px 0;
	line-height:150%;
}
div.lower_maphours {
	float:right;
	width:144px;
	height:166px;
	border-left:solid 1px #ebebeb;
	line-height:140%;
	font-size:11px;
}
div.lower_maphours h4 {
	font-weight:normal;
	text-transform:uppercase;
	margin:0 6px 4px;
	font-size:12px;
}
div.lower_maphours p {
	margin:0 6px 6px;
}
p.opening_details {
	margin:0;
	padding:0;
}
div.map_link a {
	color:#00a8ec;
	text-transform:uppercase;
	font-size:11px;
}
div.map_link a:hover {
	color:#666666;
}
div#advertpeg {
	float:right;
	width:108px;
	margin:6px 0;
	height:200px;
	border:solid 0px #ff0000;
}
div#houselistpeg {
	float:left;
	margin:6px 0 6px 6px;
	width:306px;
	height:200px;
	border:solid 0px #ff0000;
}
div#houselistpeg h4 {
	/*width:288px;*/
	display:block;
	font-weight:normal;
	font-size:13px;
	text-transform:uppercase;
	background:#f1f1f1;
	padding:7px 0 6px 16px;
	margin:0 0 5px;
}
div.homes_list_table {
	height:164px;
	width:306px;
	overflow:auto;
}
div.homes_list_row {
	font-size:11px;
	line-height:130%;
	margin:0 0 5px;
}
div.homes_list_row a {
	display:block;
	height:16px;
	margin:0 1px 0 0;
	background:#f1f1f1;
	color:#777777;
	font-style:italic;
}
div.homes_list_row a:hover, div.homes_list_row a.hover {
	background:#7fd3f5 url(images/bg_house_a.gif) no-repeat 2% 50%;
	color:#000000;
	text-decoration:none;
}
div.homes_list_row a.selected {
	background:#00a8ec url(images/bg_house_a.gif) no-repeat 2% 50%;
	color:#000000;
}
div.homes_list_row span.builder {
	display:block;
	float:left;
	padding:0 0 0 16px;
	height:100%;
	width:146px;
	border-right:solid 2px #ffffff;
	cursor:pointer;
}
div.homes_list_row span.house {
	padding:0 0 0 6px;
}

/* ----- #tooltip styles ----- */

div#tooltip {
	width:120px;
	height:36px;
	border:solid 1px #656565;
	background:#e9e9e9;
}
div#tooltip div.tip {
	margin:3px 6px;
	color:#333333;
	font-size:11px;
	font-family:Trebuchet, Arial, Helvetica, Sans-Serif;
}
div#tooltip p {
	margin:0;
	padding:0;
}
div#housedetailpeg {
	float:left;
	margin:2px 0 0 70px;
	width:346px;
	border:solid 0px #ff0000;
}
div#housedetailpeg p {
	margin:0;
}
div.lower_room_container {
	float:left;
	width:346px;
}
div.lower_room_container table {
	height:auto;
}
div.upperroom, div.lowerroom {
	border:solid 1px #d5d5d5;
	padding:3px 0 3px;
	line-height:9px;
}
div.upperroom img, div.lowerroom img {
	margin:0px 3px 0px;
	padding:0;
}
div.house_hover {
	background:#d5d5d5;
	border:solid 1px #d5d5d5;
}
div.upperroom div.description, div.lowerroom div.description {
	font-size:10px;
}
div.house_hover div.description {
	background:#00a8ec;
	color:#ffffff;
	padding:0px;
}
div.upperroom .viewLink, div.lowerroom .viewLink {
	padding:1px 5px 1px 5px;
	color:#00a8ec;
	display:block;
	font-size:9px;
}
a.viewLink:hover {
	text-decoration:none;
}
div.upperroom div.description strong.house_name, div.lowerroom div.description strong.house_name {
	display:block;
	margin:1px 0 0;
	padding:2px 5px 3px;
}
div.upperroom div.description strong.highlight, div.lowerroom div.description strong.highlight {
	background-color:#0183b8;
	color:#ffffff;
}
div.upperroom div.description a, div.lowerroom div.description a {
	color:#0183b8;
	margin:0 5px 6px;
	text-transform:uppercase;
	font-size:90%;
}
div#lower_advise {
	float:right;
	width:122px;
	padding-left:6px;
	background:url(images/bg_lower_advise.gif) no-repeat;
}
div#lower_advise p {
	margin:3px 6px;
	color:#767676;
	font-size:11px;
	font-family:Trebuchet, Arial, Helvetica, Sans-Serif;
	font-style:italic;
}
div#homepagepeg {
	float:left;
	margin:6px 0 6px 6px !important;
	margin:6px 0 6px 10px;
	width:592px;
	height:200px;
	border:solid 0px #ff0000;
	overflow:hidden;
}
div#homepagepeg p {
	margin:0.33em 12px 1.0em;
	line-height:150%;
	font-size:14px;
	font-family:Arial;
	color:#666666;
}
div#homepagepeg p.first {
	font-size:95%;
	font-weight:bold;
	line-height:115%;
}
div#homepagepeg p.last {
	color:#0183b8;
	margin-bottom:0;
}
div#homepagepeg p.last a {
	color:#666666;
	text-decoration:underline;
}
div#homepagepeg p.last a:hover {
	color:#000000;
	text-decoration:underline;
}
div#infositespeg {
	position:absolute;
	right:0;
	top:0px;
	margin:6px 0;
	width:234px;
	height:90px;
	border:0px solid #ff0000;

}
div#infositespeg h3 {
	width:100%;
	font-weight:normal;
	font-size:13px;
	text-transform:uppercase;
	background:#eeeeee;
	padding:7px 0 6px;
	margin:0 0 6px;
	text-align:center;
}
ul#infosites {
	list-style:none;
	margin:0;
	padding:0;
}
ul#infosites li {
	font-size:0.7em;
	line-height:1em;
}
ul#infosites a {
	background:#f1f1f1 url(images/bg_info_a.gif) no-repeat 3% 50%;
	color:#00a8ec;
	display:block;
	margin-bottom:2px;
	padding:1px 4px 2px 18px;
}
* html ul#infosites a {
	margin-bottom:1px;
	width:100%;	
}
ul#infosites a:hover {
	background:#00a8ec url(images/bg_info_a_hover.gif) no-repeat 3% 50%;
	color:#ffffff;
	text-decoration:none;
}
div#publicationdetail {
	position:absolute;
	top:102px;
	right:0;
	margin:6px 0;
	width:234px;
	height:200px;
	border:solid 0px #ff0000;
}
div#publicationdetail h3 {
	width:100%;
	font-weight:normal;
	font-size:13px;
	text-transform:uppercase;
	background:#eeeeee;
	padding:7px 0 6px;
	margin:0 0 6px;
	text-align:center;
}
div.lower_publications {
	text-align:center;
}
div#links_box {
	float:left;
	width:118px;
}
div#links_box a {
	display:block;
	color:#0183b8;
	font-size:11px;
	margin:0 0 1.2em;
	padding:0 0 5px 19px;
}
div#links_box a:hover {
	color:#666666;
}
div#links_box a.pdf {
	padding-left:19px;
	background:url(images/icon-pdf.gif) no-repeat 0 2px;
}

/* ----- div#backIssues styles ----- */

div#backIssues {
	padding:0 0 6px;
	height:390px;
	min-height:390px;
	overflow:auto;
	border:solid 0px #ff0000;
}
ul#backissuesList {
	list-style:none;
	margin:0 350px 0 50px;
	padding:0;
}
ul#backissuesList li {
	border:solid 1px #d5d5d5;
	background:#f5f5f5;
	height:160px;
	margin:0 0 10px;
	position:relative;
	display:block;
}
ul#backissuesList img {
	position:absolute;
	top:10px;
	left:10px;
	margin:0 0 10px;
}
span.backissuesDetails {
	position:absolute;
	top:10px;
	left:126px;
	display:block;
	line-height:150%;
}
span.backissuesDetails a.pdf {
	background:url(images/icon-pdf.gif) no-repeat 0% 50%;
	padding:4px 0 5px 20px;
	margin:4px 0 0;
}

/* ----- div#scrapBook styles ----- */

div#scrapBook {
	color:#666666;
	height:512px;
	min-height:512px;
}
div#scrapBook form {
	font-size:11px;
	padding:10px 0 0;
	margin:0;
}
div#scrapBook fieldset {
	border:solid 1px #d5d5d5;
	padding:0 50px 10px 50px;
}
div#scrapBook legend {
	color:#666666;
}
div#scrapBook textarea {
	border:solid 1px #aaaaaa;
	background:#ffffff;
	color:#333333;
	line-height:140%;
	padding:2px;
	margin:5px 0 8px;
}
div#scrapBook textarea.focus {
	border:solid 1px #00a8ec;
}
div#scrapBook button {
	font-size:11px;
	border:none 0;
	background:#00a8ec;
	padding:1px 2px;
	color:#ffffff;
	cursor:pointer;
}
div#scrapBook button.goTo {
	background:#00a8ec url(images/bg_input_focus.gif) no-repeat 100% 50%;
	padding:1px 20px 1px 2px;
}
div#scrapBookControls {
	padding:10px 0 0;
	height:30px;
	min-height:30px;
}
div#scrapBookItems {
	height:422px;
	min-height:422px;
	overflow:auto;
	padding:0 0 10px;
	margin:0 50px;
}
div.scrapBookItem {
	margin:0 20px 10px 0;
	width:270px;
	float:left;
}
div.scrapBookImage {
	padding:6px;
	border:solid 1px #e5e5e5;
}
div.scrapBookDescription {
	margin:6px 0 0;
}
div.scrapBookDescription p {
	margin:0 0 6px;
	font-size:10px;
}
div.scrapBookDescription a {
	text-decoration:none;
	padding:1px 6px 2px;
	background:#7fd3f5 url(images/bg_house_a.gif) no-repeat 98% 50%;
	color:#333333;
	display:block;
}
div.scrapBookDescription a:hover {
	text-decoration:none;
	padding:1px 6px 2px;
	background:#00a8ec url(images/bg_village_a.gif) no-repeat 98% 50%;
	color:#ffffff;
	display:block;
}
div.scrapBookHover div.scrapBookImage {
	padding:6px;
	background:#e5e5e5;
	border:solid 1px #aaaaaa;
}
div.scrapBookHover div.scrapBookDescription a {
	text-decoration:none;
	padding:1px 6px 2px;
	background:#00a8ec url(images/bg_village_a.gif) no-repeat 98% 50%;
	color:#ffffff;
	display:block;
}
p#scrapBookNoRecords {
	padding:10px 0 0;
	height:30px;
	min-height:30px;
	clear:both;
}

/* ----- div#footerpeg styles ----- */

div#footerpeg {
	font-size:11px;
	color:#999999;
	padding:4px 0 0;
	border-top:solid 1px #f2f2f2;
}
div#footerpeg a {
	color:#999999;
	text-decoration:none;
}
div#footerpeg a:hover {
	color:#666666;
	text-decoration:underline;
}
div#footer_links {
	width:850px;
	float:left;
	text-align:center;
}
div#byicemedia {
	width:136px;
	float:right;
	color:#bbbbbb;
	text-transform:lowercase;
}
a.icemedia {
	display:block;
	float:right;
	width:70px;
	height:10px;
	margin:2px 0 0;
	background:url(images/logo_icemedia.gif) no-repeat;
}
div.showcasesupplier {
	height:200px;
	width:850px;
	text-align:left;
	float:left;
}
div#lower_supplierbrandimage {
	float:left;
}
div#devloperDetailControl_developerdetail {
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:75%;
	padding:10px 10px 10px 20px;
	float:left;
	width:500px;
	color:#767676;
	font-family:Trebuchet, Arial, Helvetica, Sans-Serif;
}
div#devloperDetailControl_developerdetail h1 {
	font-size:100%;
}
.actionitems {
	float:left;
	width:170px;
	font-size:75%;
	padding-top:25px;
	margin-left:0px;
}
.actionitems a, .actions a:visited {
	padding:2px 0 2px 0px;
	margin-bottom:3px;
	display:inline-block;
	color:#666666;
	font-family:arial;
	padding-left:30px;
	height:30px;
	line-height:30px;
	padding-right:3px;
	width:170px;
}
#house {
	background:url("../../images/icon_house.gif") no-repeat left center;
}
#street {
	background:url("../../images/icon_map.gif") no-repeat left center;
}
.actions a:hover {
	color:#00a8ec;
}
div#devloperDetailControl_developerdetail p {
	margin:0;
	padding:0;
}