/*
// $Id: wrapper.css,v 1.28 2010/06/30 05:18:20 karenk Exp $
// $Revision: 1.28 $
// $Author: karenk $
//
// $Log: wrapper.css,v $
// Revision 1.28  2010/06/30 05:18:20  karenk
// change font and color of price
//
// Revision 1.27  2010/06/18 18:37:19  karenk
// *** empty log message ***
//
// Revision 1.26  2010/06/18 00:04:25  karenk
// more tweaks
//
// Revision 1.25  2010/06/17 19:44:19  karenk
// qa updates
//
// Revision 1.24  2010/06/10 21:43:28  karenk
// set overflow to hidden to fix ie8 - doesn't seem to affect anything else.. ?
//
// Revision 1.23  2010/06/09 18:44:44  karenk
// tweaks
//
// Revision 1.22  2010/06/03 17:57:41  karenk
// tweaks
//
// Revision 1.21  2010/05/27 02:17:56  karenk
// final styles added
//
// Revision 1.20  2010/05/26 19:25:06  karenk
// add sorting arrows
//
// Revision 1.19  2010/05/25 17:46:17  karenk
// add styles
//
// Revision 1.18  2010/05/19 23:58:37  karenk
// add request miore info form.  add trapper to other form.
//
// Revision 1.17  2010/05/19 19:21:07  karenk
// finish as much of layout as possible without images or styleguide
//
// Revision 1.16  2010/05/18 20:52:25  karenk
// add details
//
// Revision 1.15  2010/05/18 18:03:46  karenk
// start build your own home pages
//
// Revision 1.14  2008/07/09 19:41:59  karenk
// add style for required fields
//
// Revision 1.13  2008/06/26 19:38:21  stephend
// Added stay-informed
//
// Revision 1.12  2008/03/07 22:39:49  stephend
// Fixed FF UI bug
//
// Revision 1.11  2008/02/07 16:51:03  scottl
// Added configurable homepage flash.
//
// Revision 1.10  2008/02/03 18:36:50  scottl
// Various tweaks.
//
// Revision 1.9  2008/02/01 16:04:33  scottl
// Post launch changes.
//
// Revision 1.8  2008/01/31 18:20:05  scottl
// Added home inventory sortable table and content group.
//
// Revision 1.7  2008/01/30 22:07:11  scottl
// Updates.
//
// Revision 1.6  2008/01/23 21:33:29  scottl
// Nav updates.
//
// Revision 1.5  2008/01/18 18:34:03  scottl
// Added popup wrapper.
//
// Revision 1.4  2008/01/18 17:29:07  scottl
// Various wrapper tweaks.
//
// Revision 1.3  2008/01/18 01:32:52  scottl
// Continued buildout of wrapper and functionality.
//
// Revision 1.2  2008/01/17 15:36:20  scottl
// Initial wrapper build-out.
//
// Revision 1.1  2008/01/02 19:20:33  scottl
// Initial check-in.
//
//
*/
body {
	margin: 0;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #e6d7ac;
	font-family: Helvetica, Arial, sans-serif;
}

img {
	border: none;
}

#containerMain {
	width: 1000px;
	height: auto;
	overflow: hidden;
	margin: 28px auto 0;
	padding-bottom: 13px;
	background-image: url(../images/bg_main-bottom.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
}

#containerMainPopup 
{
	width: auto;
	margin: 0;
	padding: 0;
	background-color: #e6d7ac;
}

/* BEGIN HOME SPECIFIC PAGE */
#boxContentHome {
	width: 722px;
	height: auto;
	overflow: auto;
	background-image: url(../images/bg_home_content.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	background-color: #eee3c5;
}
#boxContentLeftHome {
	float: left;
	width: 522px;
	height: auto;
}
#boxContentRightHome {
	float: right;
	width: 193px;
	height: auto;
	margin: 0 7px 0 0;
	display: inline; /* needed to fix IE6 double margin bug */
}

#tblmore {display:none}

#txtHomeLinks {
	margin-top: -5px;
	font-size: 12px;
	font-weight: bold;
	color: #aa9760;
}
#txtHomeLinks A:link {
	text-decoration: none;
	color: #aa9760;
}
#txtHomeLinks A:visited {
	text-decoration: none;
	color: #aa9760;
}
#txtHomeLinks A:hover {
	text-decoration: none;
	color: #8c5027;
}
#txtHomeLinks A:active {
	text-decoration: none;
	color: #8c5027;
}
/* END HOME PAGE SPECIFIC */


/* BEGIN MAIN LEFT COLUMN */
#containerLeftCol {
	float: left;
	width: 192px;
	height: auto;
	margin: 0 0 0 30px;
	position: relative;
	display: inline; /* needed to fix IE6 double margin bug */
	z-index: 20; /* needed so left column nav goes OVER the right column */
}
#boxLogo {
	width: 200px;
	height: 174px;
	margin-bottom: 25px;
}
#boxNav {
	width: 192px;
	height: auto;
	margin-bottom: 23px;
}

	/* BEGIN SUB NAV */
	#txtSubNav {
		background-color: #3a2819;
	}
	#txtSubNav ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#txtSubNav ul a {
		display: block;
		font-family: Arial, sans-serif;
		font-size: 11px;
		line-height: 20px;
		padding-left: 25px;
		text-decoration: none;
		text-align: left;
		border-bottom: 1px #4b3828 solid;
	}
	#txtSubNav ul a.last {
		border: none;
	}
	#txtSubNav ul a:link {
		color: #efc855;
	}
	#txtSubNav ul a:visited {
		color: #efc855;
	}
	#txtSubNav ul a:hover {
		color: #ffffff;
	}
	#txtSubNav ul a:active {
		color: #ffffff;
	}
	#txtSubNav ul a.navOn {
		color: #ffffff;
	}
    #txtSubNav li ul a {
        display: block;
        font-family: Arial, sans-serif;
        font-size: 10px;
        line-height: 16px;
        padding-left: 38px;
        text-decoration: none;
        text-align: left;
        background-color: #281a0f;
        border-bottom: 1px #4b3828 solid;
    }

	/* END SUB NAV */

#boxPhone {
	width: 192px;
	height: 28px;
	margin-bottom: 13px;
}
#boxLogoGreenwood {
	width: 192px;
	height: 49px;
}
/* END MAIN LEFT COLUMN */


/* BEGIN MAIN RIGHT COLUMN */
#containerRightCol {
	float: right;
	width: 722px;
	height: auto;
	margin: 5px 30px 0 0;
	position: relative;
	display: inline; /* needed to fix IE6 double margin bug */
	z-index: 10; /* needed so left column nav goes OVER the right column */
}
#boxUtilityNav {
	width: 722px;
	height: 26px;
	background-image: url(../images/bg_unav.gif);
	background-repeat: repeat-x;
	background-position: top left;
	text-align: right;
}
#boxContent {
	width: 722px;
	height: auto;
}
#boxContentLeft {
	float: left;
	width: 522px;
	height: auto;
	background-image: url(../images/bg_sub_content.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #d8c992;
}
#boxContentLeftWide {
	float: left;
	width: 722px;
	background-image: url(../images/bg_sub_content_wide.jpg);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #d8c992;
}

.txtContent {
	font-size: 12px;
	color: #3c2917;
	line-height: 16px;
	text-align: left;
}
.txtContent A:link {
	text-decoration: underline;
	color: #83441d;
}
.txtContent A:visited {
	text-decoration: underline;
	color: #83441d;
}
.txtContent A:hover {
	text-decoration: underline;
	color: #83441d;
}
.txtContent A:active {
	text-decoration: underline;
	color: #83441d;
}
.txtContent img 
{
	padding-right: 8px;
}
/*use this id to remove top margin on first p tag in firefox*/	
.txtContent p:first-child {margin-top:0;}
/*use this prop to hack min hieght in crappy IE6*/	
.prop {
	width: 1px;
    height: 452px;
    float: right;
  }
.txtHead1 {
	font-size: 11px;
	color: #a18d51;
	text-transform: uppercase;
}
.txtHead2 {
	font-size: 26px;
	line-height: 26px;
	color: #83441d;
}
#boxContentRight {
	float: right;
	width: 200px;
	height: auto;
}

	/* BEGIN RIGHT COL NAV */
	#txtNavUtil2 {
		background-color: #e6d8ae;
	}
	#txtNavUtil2 ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#txtNavUtil2 ul a {
		display: block;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 10px;
		line-height: 24px;
		padding-left: 9px;
		text-decoration: none;
		text-align: left;
		text-transform: uppercase;
		border-bottom: 1px #a18d51 dotted;
	}
	#txtNavUtil2 ul a.first {
		border-top: 1px #a18d51 dotted;
	}
	#txtNavUtil2 ul a:link {
		color: #83441d;
	}
	#txtNavUtil2 ul a:visited {
		color: #83441d;
	}
	#txtNavUtil2 ul a:hover {
		color: #f0e8d3;
		background-color: #83441d;
	}
	#txtNavUtil2 ul a:active {
		color: #f0e8d3;
		background-color: #83441d;
	}
	
	#txtNavUtil2 ul a.navOn {
		color: #f0e8d3;
		background-color: #83441d;
	}
	/* END RIGHT COLUMN NAV */


/* END MAIN RIGHT COLUMN */


/* BEGIN FOOTER */
#containerFooter {
	width: 1000px;
	height: 150px;
	margin: 0 auto;
	background-color: #d8c895;
}

.txtFooter {
	font-family: Times, serif;
	font-size: 11px;
	color: #897335;
	white-space: normal;
	line-height: 22px;

}
.txtFooter A:link {
	text-decoration: none;
	color: #897335;
}
.txtFooter A:visited {
	text-decoration: none;
	color: #897335;
}
.txtFooter A:hover {
	text-decoration: underline;
	color: #897335;
}
.txtFooter A:active {
	text-decoration: underline;
	color: #897335;
}
.padFooter {
	display: inline;
	padding: 0 5px;
}
/* END FOOTER */

/* SORTABLE DATA GRID */
.sortableDataGrid
{
	border-top: 1px solid #a18d51;
	width: 100%;
}

.sortableDataGrid tr.even
{
	background-color: #b8a369;
}

.sortableDataGrid tr.even td
{
	border-left: dotted 1px #d0be7b;
}

.sortableDataGrid tr.odd
{
	background-color: #d0be7b;
}

.sortableDataGrid tr.odd td
{
	border-left: dotted 1px #b8a369;
}

.sortableDataGrid tr td.noborder{
	border: none;
}

.sortableDataGrid th
{
	vertical-align: bottom;
	text-align: center;
	font-weight: bold;
}

.sortableDataGrid td
{
	vertical-align: top;
}
.requiredField {
	color: #7f2017;
}


/* BuildYourHome */
.buildYourHomeDataGrid {
	border-top: 1px solid #a18d51;
	width: 100%;
}

.buildYourHomeDataGrid tr.even {
	background-color: #e9e1d4;
}

.buildYourHomeDataGrid tr.even td {
	border-left: dotted 1px #6A6F14;
}

.buildYourHomeDataGrid tr.odd {
	background-color: #b1b676;
}

.buildYourHomeDataGrid tr.odd td {
	border-left: dotted 1px #6A6F14;
}

.buildYourHomeDataGrid tr td.noborder {
	border: none;
}
.buildYourHomeDataGrid tr td.noborder6 {
	border: none;
	vertical-align: bottom;
}

.buildYourHomeDataGrid th {
	vertical-align: bottom;
	font-weight: bold;
	font-size: 11px;
	color: #990000;
	font-family: Arial;
	padding: 2px;
	white-space: nowrap;	
}
.buildYourHomeDataGrid th img {
	width: 10px;
	height: 20px;
	margin: 0;
	padding: 0;

}

.buildYourHomeDataGrid td {
	vertical-align: top;
	font-family: Arial;
	font-size: 12px;
	color: #000;
	
}
.buildYourHomeDataGrid td.MoreInfoImage {
	vertical-align: top;
}

.buildYourHomeDataGrid td .vtLink {
	margin-top: 5px;
}

.buildYourHomeDataGrid td.data {
	padding: 4px 3px 5px 2px;
}
.buildYourHomeDataGrid td .shortDescription {
	margin: 5px 20px 5px 0;
	font-style: italic;
}
.buildYourHomeDataGrid td .shortDescription a {
	margin: 0 0 0 5px;
	text-decoration: none;
	color: #99000;
	font-style: normal;
	font-weight: bold;
}
.buildYourHomeDataGrid td.MoreInfoImage {
	position: relative;
	width: 153px;
}
.buildYourHomeDataGrid td .MoreInfo {
	width: 153px;
	height: 14px;
	padding-bottom: 2px;
	vertical-align: center;
	background-color: #585244;
	color: #fff;
	font-size: 10px;
	font-family: Arial;
	font-weight: bold;
	text-align: center;
}
img.floorplanImg  {
	padding-right: 0px;
	margin: 1px 1px 1px 1px;
	max-width: 670px;
}
#buildYourHomeDetail td {
	vertical-align: top;
	text-align: left;
}
#buildYourHomeDetail .detailData {
	margin: 2px 0 5px 0;
	font-size: 11px;
	color: #784820;
}
#buildYourHomeDetail .detailTitle {
	font-weight: bold;
	padding: 0 5px 0 0;
}
#buildYourHomeDetail .descriptionTitle {
	font-weight: bold;
	font-size: 13px;
	color: #784820;
	padding: 0 0 5px 0;
}
#buildYourHomeDetail .description {
	padding: 0 0 10px 0;
	font-size: 13px;
	color: #784820;
}
#buildYourHomeDetail .pricing {
color: #e51a1a;
font-size: 11px;
}
#elevationImages {
	position: relative;
	width: 330px;
	height: 257px;
	margin: 0 5px 0 0;
}
#elevationImages .elevationImage {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
#elevationLinks  {
	text-align: right;
	margin: 5px 0 0 0;
}
#elevationLinks a {
	margin: 0 5px 0 5px;
}
#elevationLinks a.off {
	text-decoration: underline;
}
#elevationLinks a.on {
	text-decoration: none;
}
.trapper {
	visibility: hidden;
}

.fBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
