/* CSS Document */

/* 
	Fonts: Verdana, Trajan Pro
	Colors:
		Dark Blue: #002B5C;
		Grey Blue: #576C94;
		Grey Bg:   #F2F2F2;
*/

/* ------------------------ GLOBAL -------------------------------
html, body {
	width: 100%;
	height: 100%;
	}
*/

html, body, form, fieldset, h2, h3, h4, h5, h6, p, pre, blockquote,  dl, address {
	margin:0;
	padding:0;
	}
	
	
body {
	font: 75%/155% Verdana, Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(/images/content-bg.png) repeat;
	} 
	
table, tr, td {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	}	

img {
	border: 0;
	}	
	
.clearboth {
	height: 0px !important;
	font-size: 0px;
	max-height: 0px;
	overflow: hidden;
	clear: both;
	}
	
a {
	color: #002B5C;
	}
	
a:visited {
	color: #576C94;
	}
	
/* ---------------------------- MISC ---------------- */	

.imagefloat {
	float: left;
	}	
	
.imageleft {
	float: left;
	margin: 0 10px 10px 0;
	width: 370px;
	}
	
.neighborhood-imageleft {
	float: left;
	margin: 0 10px 10px 0;
	}	
	
#content div.middle img {
	border: 3px solid #fff;
	}
	
.smalltext {
	font-size: 90%;
	line-height: 100%;
	}
	
.quote {
	font: 135% "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 160%;
	color: #002B5C;
	float: right;
	margin: 0 0 10px 10px;
	position: relative;
	}
	
.leftquotes {
	font: 160% "Times New Roman", Times, serif;
	left: -12px;
	position: absolute;
	}
	
.rightquotes {
	font: 160% "Times New Roman", Times, serif;
	}
	
#about-text ul, #homeowners-text ul, #neighborhood-rightcol ul, #homestyles-righcol ul {
	margin-left: 20px;
	margin-bottom: 1em;
	}
	
.contact-2 { margin-left: 59px; }
	
	
/* ---------------------------- TYPOGRAPHY ---------------- */

h1 {
	font: 160% "Times New Roman", Times, serif;
	color: #002B5C;
	font-variant: small-caps;
	padding-bottom: .5em;
	}
	
#beechwoods h1, #crosswinds h1, #pineridge h1 {
	margin-bottom: 0;
	max-width: 350px;
	overflow: hidden;
	font-variant: small-caps;
	}	

h2 {
	font: 140% "Times New Roman", Times, serif;
	color: #002B5C;
	font-variant: small-caps;
	}
	
h3 {
	font: 135% "Times New Roman", Times, serif;
	color: #002B5C;
	}
	
h4 {
	font-size: 95%;
	}
	
h5 {
	font: 155% "Times New Roman", Times, serif;
	color: #002B5C;
	font-variant: small-caps;
	}

p {
	margin-bottom:1.3em;
	}
	
#copyright p {
	margin: 0;
	font-size: 90%;
	color: #fff;
	}
	
#copyright p a {
	color: #fff;
	text-decoration: none;
	}
	
#copyright p a:hover {
	text-decoration: underline;
	}
	
#beechwoods a, #crosswinds a, #pineridge a {
	text-decoration: none;
	}
	

	

/* ------------------------ MAIN LAYOUT -------------------------------*/	

div.middle {
	width: 760px;
	margin: 0 auto;
	text-align: left;
	background: transparent;
	}
	
	
div#header {
	height: 121px;
	background: url(/images/header-bg.png) repeat-x;
	}	
	
div#topnav {
	float: right;
	margin: 40px 20px 0 0;
	}
	
div#nav {
	height: 39px;
	background: url(/images/nav-bg.png) repeat-x;
	position: relative;
	z-index: 10;
	}
	
div#content {
	background: url(/images/content-bg.png) repeat;
	font-size: 98%;
	}
	
div#contentholder {
	margin: 1.5em 0;
	clear: both;
	}
	
div#footer {
	height: 34px;
	background: url(/images/footer-bg.png) repeat-x;
	}
	
div#copyright {
	padding-top: 7px;
	}
	
div#backtotop {
	float: right;
	margin-right: 20px;
	}
	
/* ---------------------------- TOPNAV ---------------- */

#topnav a {
	color: #fff;
	text-decoration: none;
	margin-left: 1em;
	font-size: 95%;
	}
	
#topnav a:hover {
	text-decoration: underline;
	}
	
	
/* ---------------------------- MAIN NAV ---------------- */


/* remove all the bullets, borders and padding from the default list styling */
#nav ul {
	margin: 0px 0 0 0;
	padding: 4px 0 0 0;
	list-style-type:none;
	}
#nav ul ul {
	width:144px;
	}
	
	
#nav ul li {
	list-style: none;
	float: left;
	position: relative;
	width: 144px;
	margin-right: 5px;
	text-align: center;
	background: url(/images/navbutton-bg.png) repeat-x;
	}
	
#nav ul li.selected { 
	background: url(/images/navbutton-bg-selected.png) repeat-x;
	height: 25px;
	margin-top: -1px;
	}
	
#nav ul li.selected a {

	}

#nav ul li a {
	font-size: 95%;
	width: 144px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 0;
	margin: 0;
	display:block;
	}
	
#nav ul li a:hover {
	background: url(/images/navbutton-bg-selected.png) repeat-x;
	}
	

/* hide the sub levels and give them a positon absolute so that they take up no room */
#nav ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:19px;
	left:0; 
	width:144px;
	}
/* another hack for IE5.5 */
* html #nav ul ul {
	top:19px;
	t\op:20px;
	}
	
#nav ul li ul {
	padding: 7px;
	margin-left: -2px;
	z-index: 10;
	}
	
#nav ul li ul li {
	background: #576C94;
	border: 1px solid #fff;
	border-top: 0;
	text-align: left;
	margin-top: 0;
	margin-left: -5px;
	float: none;
	}
	
#nav ul li ul li:hover {
	background: #002B5C;
	text-align: left;
	
	}
	
#nav ul li ul li a {
	padding-left: 3px;
	display:block;
	width: 141px;
	text-decoration: none;
	
	}
	
#nav ul li ul li a:hover {
	text-decoration: none;
	background: #002B5C;
	}
	
#nav ul li.selected ul li a {
	text-decoration: none;
	width: 141px;
	}

/* position the third level flyout menu */
#nav ul ul ul{
	left:144px; 
	top:0;
	width:144px;
	}
/* position the third level flyout menu for a left flyout */
#nav ul ul ul.left {
	left:-144px;
	}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#nav table {position:absolute; top:0; left:0;}



/* make the second level visible when hover on first level list OR link */
#nav ul li:hover ul,
#nav ul a:hover ul{
	visibility:visible; 
	}
/* keep the third level hidden when you hover on first level list OR link */
#nav ul :hover ul ul{
	visibility:hidden;
	}

/* make the third level visible when you hover over second level list OR link */
#nav ul :hover ul :hover ul{ 
	visibility:visible;
	}
	
	
/* ---------------------------- HOME PAGE ---------------- */

#homepic {
	width: 512px;
	}
	
#homepic img {
	border: 3px solid #fff;
	width: 506px;
	}
	
#hometext {
	width: 240px;
	float: right;
	}
	
.home-welcome {
	min-height: 352px;
	}
	
#content div.middle #p7tpc1_2 img.onepx-border {
	margin-bottom: .3em;
	border: 1px solid #fff;
	}
	
#content div.middle #p7tpc1_2 a:hover img.onepx-border {
	/*border: 1px solid #576C94;*/
	
	}
	
#content div.home-article {
	margin: -20px 0 6px 0;
	text-align: center;
	font-size: .95em;
	}

#content div.home-base {
	margin-top: 8px;
	height: 144px;
	xborder: 1px solid #000;
	}
	
#content .home-base div.long {
	height: 170px;
	}	
	
.home-base div {
	padding: 10px;
	background-color: #FFFFFF;
	position: relative;
	color: #333333;
	border: 1px solid #ddd;
	float: left;
	}
	
.home-base div.fhtc {
	float: right;
	width: 218px;
	top: -1px;
	margin-left: 6px;
	height: inherit;
	}	
	
.home-base div.fhtc p {
	margin-bottom: .4em;
	}	
	
.home-base div.fhtc img {
	float: left;
	xmargin-left: 10px;
	}
	
.home-base div.open-house {
	width: 282px;
	top: -1px;
	height: auto;
	}
	
.home-base div.for-sale {
	margin-left: 4px;
	min-height: 170px;
	}

.home-base div.split {
	width: 128px;
	top: -1px;
	height: auto;
	}
	
.home-base div.house {
	float: left;
	padding: 1px 8px 4px 8px;
	margin: 2px 0 0 0;
	min-height: 92px;
	height: auto;
	width: 110px;
	background: #f2f2f2;
	xborder: 1px solid #002b5c;
	}	
	
.home-base div.open-house div.right {
	margin-left: 26px;
	}
	
.home-base div.house p {
	margin: 0;
	line-height: 1.1em;
	}
	
.home-base div.house img {
	border: none;
	padding: 0;
	margin-left: -1px;
	width: 106px;
	}
	
.home-base div.house a {
	font-weight: bold;
	}
	
.home-base div.rates {
	width: 178px;
	top: -1px;
	margin-left: 8px;
	height: inherit;
	}


/* ---------------------------- FIND YOUR HOME/HOMESTYLES PAGES ---------------- */	
	
.homelist {
	padding: 2px;
	border: 1px solid #fff;
	position: relative;
	display: block;
	background: #fff;
	margin-bottom: .25em;
	border-bottom: 1px solid #ddd;
	}
	
.homelist-title {
	/*position: absolute;
	top: 50%;
	right: 0;*/
	float: left;
	width: 58%;
	float: right;
	font-size: 130%;
	color: #002B5C;
	margin: 1em 0 0 5px;
	}	

	
	
#find-leftcol {
	width: 30%; 
	float: left;
	padding: 5px;
	}
	
#find-leftcol a {
	
	}


#content div.middle #find-leftcol img.onepx-border {
	margin-bottom: .3em;
	width: 222px;

	border: 1px solid #fff;
	background: #fff;
	}
	
#content div.middle #find-leftcol a:hover img {
	border: 1px solid #576C94;
	
	}
	
#find-midcol {
	width: 30%; 
	float: left; 
	margin-left: 2%;
	padding: 5px;
	}
	
#find-midcol ul, #p7tpc1_3 ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#find-midcol ul li,  #p7tpc1_3 ul li {
	padding: 0;
	display: block;
	width: 100%;
	}
	
#find-midcol ul li a,  #p7tpc1_3 ul li a {
	padding: 2px;
	border: 1px solid #fff;
	position: relative;
	display: block;
	background: #fff;
	margin-bottom: .25em;
	border-bottom: 1px solid #ddd;
	overflow: visible;
	width: 100%;
	min-height: 60px;
	text-decoration: none;
	}
	
#find-midcol ul li a:hover, #p7tpc1_3 ul li a:hover {
	background: #576C94;
	color: #fff;
	}
	
#find-midcol ul li a:hover span, #p7tpc1_3 ul li a:hover span {
	color: #fff;
	}
	

#homestyles ul{
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#homestyles ul li {
	padding: 0;
	display: block;
	width: 100%;
	}
	
#homestyles ul li a img.homestyles-img {
	width: 333px;
	margin-top: 10px;
	margin-left: 12px;
	}	

#homestyles ul li {
	width: 48%;
	float: left;
	margin-right: 2%;
	}
	
#homestyles ul li.alternate {
	width: 48%;
	float: right;
	margin-right: 2%;
	}		
	
#homestyles ul li a:hover {
	background: #576C94;
	color: #fff;
	}
	
#homestyles ul li a:hover span {
	color: #fff;
	}	
	
#homestyles ul li a {
	padding: 2px;
	border: 1px solid #fff;
	position: relative;
	display: block;
	background: #fff;
	margin-bottom: .75em;
	border: 1px solid #ddd;
	overflow: visible;
	width: 100%;
	text-decoration: none;
	height: 34em;
	xmin-height: 32em;
	}
	
	
.homestyles {
	padding: 2px;
	border: 1px solid #fff;
	position: relative;
	display: block;
	background: #fff;
	margin-bottom: .25em;
	border-bottom: 1px solid #ddd;
	}
	
#homestyles ul li a img.homestyles-img {
	float: left;
	margin-right: 1em;
	max-width: 336px;
	}
	
.homestyles-title {
	font-size: 130%;
	font-weight: bold;
	color: #002B5C;
	margin: 10px 10px 5px 10px;
	padding-top: 10px;
	display: block;
	clear: left;
	}	
	
.homestyles-text {
	margin: 0 10px;
	clear: left;
	display: block;
	}		

/*	
#homestyles ul li a span.homelist-title {
	width: 85%;
	float: right;
	font-size: 130%;
	color: #002B5C;
	margin: 0 0 0 5px;
	}
	
#homestyles ul li a:hover span.homelist-title {
	color: #fff;
	}
	
#homestyles ul li a span.homelist-text {
	width: 85%; 
	float: right;
	 margin-left: 5px;
	}
*/
	
#find-rightcol {
	padding: 5px;
	width: 30%; 
	float: left; 
	margin-left: 2%
	}
	
#find-rightcol form {
	background: #fff;
	padding: 5px;
	}
	
#find-leftcol h2, #find-midcol h2, #find-rightcol h2 {
	border-bottom: 1px solid #002B5C;
	}
	
/*------------------------------ AVAILABLE HOMES PAGE  ---------------------------*/	

.buy-column {
	width: 30%;
	height: 150px;
	/*xdisplay: inline-table;*/
	border: 0px solid #000;
	float:left;
	padding: 10px 5px 10px 5px;
	/*clear:left;*/
	}
	
.buy-column img {
	border: 1px solid #ccc;
	padding: 2px;
	width: 120px;
	height: auto;
	}
	
#rightcol {
	width: 30%;
	float: right;
	}
	
#leftcol {
	width: 68%;
	float: left;
	}
	
#rightcol ul {
	list-style: none;
	margin: 0;
	padding: 0;
	
	}
	
#rightcol ul li {
	display: block;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 0;
	
	}
	
#rightcol ul li a {
	font-size: 110%;
	display: block;
	padding: 2px 10px 2px 10px;
	color: #fff;
	text-decoration: none;
	background: #002B5C;
	}
	
#rightcol ul li a:hover {
	background: #001834;
	}
	
#rightcol ul ul li a {
	padding-left: 20px;
	background: #576c94;
	
	}	


/*------------------------------ NEIGHBORHOOD/HOMESTYLES/LISTING PAGES  ---------------------------*/
	
#neighborhood-leftcol, #homestyles-leftcol, #listings-leftcol {
	width: 49%;
	float: left;
	}
	
#neighborhood-rightcol, #homestyles-rightcol, #listings-rightcol {
	width: 49%;
	float: right;
	}
	
#neighborhood-leftcol img.thumbnail, #homestyles-leftcol img.thumbnail, #listings-leftcol img.thumbnail  {
	max-height: 70px;
	max-width: 99px;
	}
	
	
#homestyles-leftcol img#placeholder, #listings-leftcol img#placeholder {
	max-width: 366px;
	}
	
#listings-leftcol span#placeholder-title {
	display: none;
	overflow: hidden;
	}
	
.smalltext2, .smalltext3 {
	font-size: 80%;
	}
	
span#placeholder-title {
	font-weight: bold;
	background: #fff;
	display: block;
	padding: 3px 3px 3px 5px;
	position: relative;
	z-index: 10;
	min-height: 20px;
	}
	
table#listing-details-table, table#listing-information-table, table#additional-information-table {
	width: 300px;
	margin-bottom: 1em;
	}
	
table#listing-details-table td, table#listing-information-table td, table#additional-information-table td {
	width: 50%;
	}
	
div#mlsfooter {
	padding-top: 1em;
	}	
	

/* ---------------------------- TAB PANEL ---------------- */
	
.p7TPpanel {
	border: 0;
}
.p7TPwrapper {
	padding: 0;
}
.p7TPheader {
	padding: 0;
}
.p7TPheader h2, .p7TPheader h3 {
	margin: 0 0 6px 0;
	font-size: 1.1em;
	font-weight: normal;
}
.p7TP_tabs {
	padding: 0;
	font-size: 1em;
}
#p7TP1 .p7TP_tabs a, #p7TP2 .p7TP_tabs a,
#p7TP3 .p7TP_tabs a, #p7TP4 .p7TP_tabs a, 
#p7TP5 .p7TP_tabs a {
	padding: 0px 8px 0 8px;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	background: #576C94;	
	border: 1px solid #fff;
	border-bottom: 0;
	font-size: 92%;
}
	#p7TP1 .p7TP_tabs a.hometab, #p7TP2 .p7TP_tabs a.hometab,
#p7TP3 .p7TP_tabs a.hometab, #p7TP4 .p7TP_tabs a.hometab, 
#p7TP5 .p7TP_tabs a.hometab {
	text-transform: lowercase;
	}
	
	
#p7TP1 .p7TP_tabs a:focus, #p7TP2 .p7TP_tabs a:focus,
#p7TP3 .p7TP_tabs a:focus, #p7TP4 .p7TP_tabs a:focus,
#p7TP5 .p7TP_tabs a:focus {
	outline-color: #CCCCCC;
}
#p7TP1 .p7TP_tabs a:hover, #p7TP2 .p7TP_tabs a:hover, 
#p7TP3 .p7TP_tabs a:hover, #p7TP4 .p7TP_tabs a:hover, 
#p7TP5 .p7TP_tabs a:hover, #p7TP1 .p7TP_tabs a:active, 
#p7TP2 .p7TP_tabs a:active, #p7TP3 .p7TP_tabs a:active,
#p7TP4 .p7TP_tabs a:active, 
#p7TP5 .p7TP_tabs a:active {
	color: #FFFFFF;
}
.p7TP_tabs div {
	display: block;
	float: left;
	margin: 0 -1px 0 0;
}
.p7TPclear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.p7TPcontent {
	padding: 11px;
	background-color: #FFFFFF;
	position: relative;
	z-index: 1;
	top: -1px;
	left: 0;
	color: #333333;
	border: 1px solid #ddd;
}

.p7TPcontent p {
	margin: .5em 0 1em 0;
}
#p7TP1 .p7TP_tabs div.down, #p7TP2 .p7TP_tabs div.down, 
#p7TP3 .p7TP_tabs div.down, #p7TP4 .p7TP_tabs div.down, 
#p7TP5 .p7TP_tabs div.down {
	padding: 0;
	position: relative;
	z-index: 2;
}
#p7TP1 .p7TP_tabs div.down a, #p7TP2 .p7TP_tabs div.down a, 
#p7TP3 .p7TP_tabs div.down a, #p7TP4 .p7TP_tabs div.down a, 
#p7TP5 .p7TP_tabs div.down a {
	background-image: url(/images/navbutton-bg.png);
	background-repeat: repeat-x;
	color: #fff !important;
	cursor: default;
}
/*HIDE the TABS*/
.p7TP_tabs {
	display: none;
}




/* ------------------------- OTHER CONTENT PAGES ------------------- */

#homeowners-text, #process-text {
	width: 60%;
	float: right;
	}
	
#about-text, #warranty-text, #faqs-text {
	width: 72%;
	}
	
#about-img, #contact-text {
	float: right;
	width: 27%;
	}
	
.process-welcome {
	min-height: 369px;
	}
	
.homeowners-welcome {
	min-height: 380px;
	}



/* ------------------------- CONTACT PAGE / FORMS ------------------- */


form { 	font-family: Verdana, Arial, Helvetica, sans-serif; }

input {
	border: 1px solid #E6E6E6;
	background: #fff;
	padding: 2px 5px 1px 5px;
	font-size: 1em;
	}
	
input:hover {
	border: 1px solid #002B5C;
	font-size: 1em;
	}
	
input:focus {
	color: #fff;
	border: 1px solid #002B5C;
	background: #576C94;
	
	}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #E6E6E6;
	background: #fff;
	padding: 2px 5px 1px 5px;
	font-size: 1em;
	}

textarea:hover {
	border: 1px solid #002B5C;
	font-size: 1em;
	}
	
textarea:focus {
	color: #fff;
	border: 1px solid #002B5C;
	background: #576C94;
	}
	
select {
	font-size: 1.1em;
	border: 1px solid #BFBFBF;
	padding: 0px 0px 0px 0px;
	}
	
select:focus {
	color: #fff;
	border: 1px solid #002B5C;
	background: #576C94;
	}
	
	div.row {
  clear: both;
  padding-top: 10px;
  }

div.row label.label {
  float: left;
  width: 30%;
  text-align: right;
	margin-right: 5px;
  }

div.row span.formw {
  float: right;
  width: 65%;
  text-align: left;
  }

div.row span.label {
  float: left;
  width: 30%;
  text-align: right;
	margin-right: 5px;
  }
	
	
.getapproved { clear: left; padding-top: 20px; }

.blank { margin-top: 10px; width: 100%; }

form#contactform span {
	color: #fff;
	padding-left: 5px;
	}
	
span.warn {
	color: #FF6600;
	}

input.invalid {
  background-color: pink;
	}
	
strong.error, span.error {
  color: #CC0000;
	}

div label {
  display: block;
}

	
form#contactform span {
	color: #fff;
	padding-left: 5px;
	}
	
form#contactform span.warn {
	
	background: #fff6bf url(images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}

input.invalid {
 background: #fff6bf;
 border: 2px solid #ffd324;
	}
	
strong.error {
  color: #CC0000;
	}
	
form#contactform span.error {
 
	background: #fff6bf url(images/alert.png) center no-repeat;;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 2px 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	
.errorlist {
	margin: 0;
	padding: 0;
	}
	
#error {
	margin-top: -10px;
	}
	
#error ul.errorlist, #error ul.errorlist li {
	margin-left: 0;
	}
	
li.errormessage {
	background: #fff6bf url(images/alert.png) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	
div#column-left  ul.errorlist  li.errormessage {
	background: #fff6bf url(images/alert.png) center no-repeat; 
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	margin: 0 0 2px 0;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
	color: #333333;
	display: block;
	list-style: none;
	}
	
	
/* --------------------------- SEARCH PAGES ---------------- */

.search-span {
	/*margin-bottom: 1.1em;*/
	}
	
/*--------------------------------  SEARCH RESULTS PAGE  --------------- */

.search-listing-holder {
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px; 
	border: 0px dashed #000000;
	position:static;
	}
	
.search-results-listing-pic-thumb-pic {
	float: left;
	width: 165px;
	clear: both;	
	}
	
.search-results-listing-pic-thumb-pic img {
	width: 150px; 
	padding: 2px;
	border: 1px solid #ccc;
	}
	
/* --------------------------- MLS LOGO PUNCH -------------- */

#mlspunch {
	padding: 5px 5px 5px 0px;
	margin: 0px 10px 5px 0px;
	float: left;
	width: 65px;
	height:45px;
	color: black;
	text-align: left;
	border:0px;
	
	}
	
#mlspunch img{
	width:65px;
	height:40px;
	padding: 2px;
	background: #fff;
	border: 1px solid #ccc;
	}

	
/* ------------------------ FIND YOUR HOME PAGE HOME STYLES --- */

#find-homestyles ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}	
	

#find-homestyles ul li a img.homestyles-img {
	width: 333px;
	margin-top: 7px;
	margin-left: 7px;
	}

#find-homestyles ul li {
	padding: 0;
	xdisplay: block;
	xwidth: 100%;
	}
	
#find-homestyles ul li a {
	padding: 2px;
	border: 1px solid #fff;
	position: relative;
	display: block;
	background: #fff;
	margin-bottom: .75em;
	border: 1px solid #ddd;
	overflow: visible;
	width: 100%;
	text-decoration: none;
	height: 35em;
	min-height: 35em;
	}

#find-homestyles ul li a:hover {
	background: #576C94;
	color: #fff;
	}
	
 #find-homestyles ul li a:hover span {
	color: #fff;
	}
	
#find-homestyles ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}	
	
#find-homestyles ul li {
	width: 48%;
	float: left;
	margin-right: 1%;
	}	
	
#find-homestyles ul li.alternate {	
	width: 48%;
	float: right;
	margin-right: 2%;
	}
	
	
/* ------------------------ COMPARISON TABLE ON FIND YOUR HOME PAGES ------------- */
table.comparison {
	border: 1px solid #333;
	
	}
	
table.comparison td {
	border:1px solid #333;
	border-bottom: 0;
	border-left: 0;
	text-align: center;
	padding:2px 5px;
	margin:0;
	}
	
table.comparison th {
	border-right:1px solid #333;
	text-align: center;
	padding: 2px 5px;
	margin:0;
	}	

table.comparison th.lastcell, table.comparison td.lastcell {
	border-right: 0;
	}	
	
table.comparison th.house-style, table.comparison td.house-style {
	width: 130px;
	text-align: left;
	}	

/* ------------------------ DETAILS TABLE ON FIND YOUR HOME PAGES ------------- */
	
table.home-details {
	xborder: 1px solid #333;
	xmargin-top:1em;
	}
	
.single-table {
	background:#fff;
	border:1px solid #ddd;
	padding:7px;
	}	
	
table.home-details td {
	xborder:1px solid #333;
	border-bottom: 0;
	border-left: 0;
	padding:2px 5px 5px 5px;
	margin:0;
	vertical-align:top;
}

table.home-details tr.first-row td {
	border-top:0;
}
	
table.home-details td.house-detail {
	font-weight:bold;
	width: 100px;
	text-align: left;
	}
	
table.home-details td.lastcell {
	border-right: 0;
	}	
	
	
/* ---------------------------- CONTENT TAB PANEL ---------------- */

h2.details {
	margin-bottom:.5em;
	}

#details-wrapper {
	xbackground:#fff;
	xborder:1px solid #000;
}

#details-wrapper h3 {
	margin:.25em 0;
	xcolor:#FFF;
	border-bottom: 1px solid #ddd;
	margin-bottom:.4em;
	padding-bottom: .2em;
	}

/*.left-video-tabs {
	width:100px;
	float:left;
	background:transparent;
	margin:0 0 0 -2px;
	display:inline;
	}
	
.tabset {
	background:#000;
	}	

ul.tabs-video {
	width:100px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	border:solid #ddd;
	border-width:1px 0 0 0;
	}

ul.tabs-video li {
	float:left;
	width:80px;
	margin:0;
	padding:0;
	font-weight:normal;
	}

ul.tabs-video li a {
	float:left;
	padding:5px 0 0 0;
	text-decoration:none;
	width:100px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#576C94;
	font-weight:normal;
	color:#fff;
	border-left: 1px solid #ddd;
	}

ul.tabs-video li a:hover {
	text-decoration:none;
	}

ul.tabs-video li a span {
	width:68px;
	float:left;
	padding:0 0 5px 5px;
	text-align:left;
	cursor:pointer;
	}

ul.tabs-video li a span strong {
	xfont-size:1.1em;
	xpadding:0 0 6px 0;
	display:block;
	font-weight:normal;
	}

ul.tabs-video li a.active {
	xborder-bottom:1px solid #ccc;
	border-right:1px solid #425C86;
	border-right:1px solid #002045;
	border-right:1px solid #fff;
	background:#425C86;
	background:#002045;
	background:#002B5C;
	background:#fff;
	color:#333;
	xcolor: #fff !important;
	}

ul.tabs-video li.last-tab-video a {
	border-bottom:1px solid #ddd;
	}

.right-video-tabs-content {
	float:right;
	width:256px;
	margin-right:1px;
	padding:7px;
	display:inline;
	background:#fff;
	display:inline;
	background:#425C86;
	background:#002045;
	background:#002B5C;
	background:#fff;
	border:1px solid #ddd;
	xcolor:#ddd;
	}

.right-video-tabs-content .tab {
	padding:0px;
	min-height:350px;
	_height:350; /* IE 6 hack 
	overflow:auto;
	}
	*/
	
	
	
	
	
	
	
.top-tabs {

	}
	
.tabset {
	background:#000;
	}	

ul.tabs-details {

	margin:0;
	padding:0;
	list-style:none;
	}

ul.tabs-details li {
	float:left;
	margin:0;
	padding:0;
	font-weight:normal;
	display:inline;
	}

ul.tabs-details li a {
	padding: 0px 8px 0 8px;
	display: block;
	float: left;
	color: #fff;
	text-decoration: none;
	background: #576C94;	
	border-right: 1px solid #fff;
	border-bottom: 0;
	font-size: 92%;
	}

ul.tabs-details li a:hover {
	text-decoration:none;
	}

ul.tabs-details li a span {
	float:left;
	cursor:pointer;
	}

ul.tabs-details li a span strong {
	display:block;
	font-weight:normal;
	}

ul.tabs-details li a.active {
	background-image: url(/images/navbutton-bg.png);
	background-repeat: repeat-x;
	color: #fff !important;
	}

ul.tabs-details li.last-tab-details a {
	
	}

.tabs-content {
	float:left;
	clear:left;
	margin:-1px 0 0 0;
	padding:7px;
	display:inline;
	background:#fff;
	border:1px solid #ddd;
	}

.tabs-content .tab {
	padding:0px;
	min-height:300px;
	_height:300; /* IE 6 hack */
	overflow:auto;
	}

.reset {
	clear:both;
	overflow:hidden;
	height:0px;
	}