/* - Site wide styles - */

input, textarea, select {
	outline: none;
}


body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 0px;
	color: #000000;
}

ol {
	margin: 0px 0px 0px 18px;
	list-style-position: inside;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top: 0px;
	color: #000000;
}

.homename {
	font-weight: bold;
}

.rightAlign {
	text-align: right;
}

.errorMsg {
	color: #DB5427;
	float: left;
	font-weight: bold;
	width: 100%;
	line-height: 15px;
}

.smallTxt {
	font-size: 8pt;
}

.TabCont {
	margin: 0px 0px 12px 0px;
	float: left;
}

.Tab {
	height: 20px;
}

	.Tab td.tabCurve {
		height: 20px;
		width: 3px;
	}

	.Tab td.greenTabGrad {
		padding: 2px 6px 0px 6px;
		font-size: 9pt;
	}

.TabBox {
	/*border: solid 1px #BFD591;*/
	padding: 12px 0px 12px 12px;
	width: 323px;
}

	.TabBox ul {
		list-style-image: url("/images/icon-bullet-list-disc-brown.webp");
		margin: 0px 0px 0px 10px;
		list-style-type: none;
		padding-left: 0px;
	}

.smTabBox {
	border: solid 1px #BFD591;
	padding: 12px 0px 12px 12px;
	width: 600px;
}

.smTabBox_half {
	border: solid 1px #BFD591;
	min-width: 245px;
}


.TabBox200 {
	border: solid 1px #BFD591;
	padding: 12px 0px 12px 12px;
	margin: 0px 12px 0px 0px;
	width: 200px;
}

.TabBox372 {
	border: solid 1px #BFD591;
	padding: 12px 0px 12px 12px;
	width: 372px;
}

.leftNavPP {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

.leftNavPPCat {
	margin: 0px 0px -4px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-transform: capitalize;
	font-size: 9pt;
	color: #523A26;
}

.leftNavPPSubCat {
	margin: 0px 0px 0px -32px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	text-transform: capitalize;
	font-size: 8pt;
	color: #523A26;
}

.leftNavPPLink {
	text-decoration: none;
	line-height: 12pt;
}

.leftNavPPCatLink {
	text-decoration: none;
	text-transform: uppercase;
}

.leftNavPPSubCatLink {
	text-decoration: none;
}

.Headers {
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}

.HeadersLC {
	font-weight: bold;
	text-transform: lowercase;
	white-space: nowrap;
}

.TopicsTable {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 612px;
}

.TopicsCell {
	vertical-align: top;
}

.saveFavoritePlanBtn {
	padding: 0px 0px 0px 0px;
	margin: 0px 6px 0px 0px;
	vertical-align: middle;
}

#OptionsPhone {
	float: right;
	font-weight: bold;
	font-size: 16px;
	color: #db5427;
}

#social {
	float: left;
	margin-top: -22px;
	margin-left: 50px;
}

.icons {
}

	.icons a {
		width: 35px;
		height: 35px;
		float: left;
	}

	.icons span {
		display: none;
	}

.bcPlanNumLbl {
	text-transform: uppercase;
}

/* Text Styles */

.redText {
	color: #DB5427;
}

.redTextBold {
	color: #DB5427;
	font-weight: bold;
}

.redTextBoldUppercase {
	color: #DB5427;
	font-weight: bold;
	text-transform: uppercase;
}

.redTextBoldLowercase {
	color: #DB5427;
	font-weight: bold;
	text-transform: lowercase;
}

.lightRedText {
	color: #BF5964;
}

.lightRedTextBold {
	color: #BF5964;
	font-weight: bold;
}

.lightRedTextBoldUppercase {
	color: #BF5964;
	font-weight: bold;
	text-transform: uppercase;
}

.lightRedTextBoldLowercase {
	color: #BF5964;
	font-weight: bold;
	text-transform: lowercase;
}

.darkRedText {
	color: #A33B27;
}

.darkRedTextBold {
	color: #A33B27;
	font-weight: bold;
}

.darkRedTextBoldUppercase {
	color: #A33B27;
	font-weight: bold;
	text-transform: uppercase;
}

.darkRedTextBoldLowercase {
	color: #A33B27;
	font-weight: bold;
	text-transform: lowercase;
}

.blueText {
	color: #809CB5;
}

.blueTextBold {
	color: #809CB5;
	font-weight: bold;
}

.blueTextBoldUppercase {
	color: #809CB5;
	font-weight: bold;
	text-transform: uppercase;
}

.blueTextBoldLowercase {
	color: #809CB5;
	font-weight: bold;
	text-transform: lowercase;
}

.lightBlueText {
	color: #82A3BC;
}

.lightBlueTextBold {
	color: #82A3BC;
	font-weight: bold;
}

.lightBlueTextBoldUppercase {
	color: #82A3BC;
	font-weight: bold;
	text-transform: uppercase;
}

.lightBlueTextBoldLowercase {
	color: #82A3BC;
	font-weight: bold;
	text-transform: lowercase;
}

.grayBlueText {
	color: #809CB5;
}

.grayBlueTextSmall {
	color: #809CB5;
	font-size: 7pt;
}

.grayBlueTextBold {
	color: #809CB5;
	font-weight: bold;
}

.grayBlueTextBoldUppercase {
	color: #809CB5;
	font-weight: bold;
	text-transform: uppercase;
}

.grayBlueTextBoldLowercase {
	color: #809CB5;
	font-weight: bold;
	text-transform: lowercase;
}

.warmBlueText {
	color: #4885B4;
}

.warmBlueTextBold {
	color: #4885B4;
	font-weight: bold;
}

.warmBlueTextBoldUppercase {
	color: #4885B4;
	font-weight: bold;
	text-transform: uppercase;
}

.warmBlueTextBoldLowercase {
	color: #4885B4;
	font-weight: bold;
	text-transform: lowercase;
}

.royalBlueText {
	color: #277AAA;
}

.royalBlueTextBold {
	color: #277AAA;
	font-weight: bold;
}

.royalBlueTextBoldUppercase {
	color: #277AAA;
	font-weight: bold;
	text-transform: uppercase;
}

.royalBlueTextBoldLowercase {
	color: #277AAA;
	font-weight: bold;
	text-transform: lowercase;
}

.orangeText {
	color: #EA9056;
}

.orangeTextBold {
	color: #EA9056;
	font-weight: bold;
}

.orangeTextBoldUppercase {
	color: #EA9056;
	font-weight: bold;
	text-transform: uppercase;
}

.orangeTextBoldLowercase {
	color: #EA9056;
	font-weight: bold;
	text-transform: lowercase;
}

.purpleText {
	color: #68547C;
}

.purpleTextBold {
	color: #68547C;
	font-weight: bold;
}

.purpleTextBoldUppercase {
	color: #68547C;
	font-weight: bold;
	text-transform: uppercase;
}

.purpleTextBoldLowercase {
	color: #68547C;
	font-weight: bold;
	text-transform: lowercase;
}

.lightPurpleText {
	color: #8D6A87;
}

.lightPurpleTextBold {
	color: #8D6A87;
	font-weight: bold;
}

.lightPurpleTextBoldUppercase {
	color: #8D6A87;
	font-weight: bold;
	text-transform: uppercase;
}

.lightPurpleTextBoldLowercase {
	color: #8D6A87;
	font-weight: bold;
	text-transform: lowercase;
}

.lightGreenText {
	color: #8BA37E;
}

.lightGreenTextBold {
	color: #8BA37E;
	font-weight: bold;
}

.lightGreenTextBoldUppercase {
	color: #8BA37E;
	font-weight: bold;
	text-transform: uppercase;
}

.lightGreenTextBoldLowercase {
	color: #8BA37E;
	font-weight: bold;
	text-transform: lowercase;
}

.greenText {
	color: #527F3A;
}

.greenTextBold {
	color: #527F3A;
	font-weight: bold;
}

.greenTextBoldUppercase {
	color: #527F3A;
	font-weight: bold;
	text-transform: uppercase;
}

.greenTextBoldLowercase {
	color: #527F3A;
	font-weight: bold;
	text-transform: lowercase;
}

.darkGreenText {
	color: #5D7653;
}

.darkGreenTextBold {
	color: #5D7653;
	font-weight: bold;
}

.darkGreenTextBoldUppercase {
	color: #5D7653;
	font-weight: bold;
	text-transform: uppercase;
}

.darkGreenTextBoldLowercase {
	color: #5D7653;
	font-weight: bold;
	text-transform: lowercase;
}

.darkGreenTextBoldCapitalize {
	color: #5D7653;
	font-weight: bold;
	text-transform: capitalize;
}

.tanText {
	color: #BA8D68;
}

.tanTextBold {
	color: #BA8D68;
	font-weight: bold;
}

.tanTextBoldUppercase {
	color: #BA8D68;
	font-weight: bold;
	text-transform: uppercase;
}

.tanTextBoldLowercase {
	color: #BA8D68;
	font-weight: bold;
	text-transform: lowercase;
}

.copyrightTextSearchResults {
	font-size: 7pt;
}
/* - Links - */

a {
	color: #000000;
	text-decoration: underline;
}

	a:hover {
		color: #F09D2A !important;
		text-decoration: underline;
	}

	a img {
		border: none;
	}

h1 a {
	text-decoration: none;
}

	h1 a:hover {
		text-decoration: none;
	}

.bodyTextLinks {
	color: #69945D;
	text-decoration: none;
}

	.bodyTextLinks:hover {
		color: #F09D2A;
		text-decoration: underline;
	}

/* - Buttons - */

.formButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
	font-weight: bold;
	/*background-image: url("/images/submit-button.webp");*/
	background-color: #000000;
	border: none 0px black;
	width: 65px;
	height: 23px;
	vertical-align: middle;
	text-align: center;
	padding: 3px 3px 3px 3px;
	float: right;
}

.btnCompare {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	/*background-image: url("/images/btn-compare.webp");*/
	background-color: #000000;
	border: none 0px black;
	width: 75px;
	height: 26px;
	vertical-align: middle;
	text-align: center;
	padding: 4px 1px 5px 1px;
	margin-right: 3px;
	text-transform: uppercase;
}

.btnContinueShopping {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	/*background-image: url("/images/btn-continue-shopping.webp");*/
	background-color: #000000;
	margin-top: 25px;
	border: none 0px black;
	width: 127px;
	height: 23px;
	vertical-align: middle;
	text-align: center;
	text-transform: lowercase;
	padding: 2px 1px 5px 1px;
	float: right;
}

.btnContinueToShop {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	/*background-image: url("/images/btn-continue-to-shop.webp");*/
	background-color: #000000;
	margin-top: 1px;
	border: none 0px black;
	width: 108px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	text-transform: lowercase;
	padding: 2px 1px 5px 1px;
	margin-right: 12px
}

.btnGo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	/*background-image: url("/images/btn-go.webp");*/
	background-color: #000000;
	border: none 0px black;
	width: 25px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
	padding: 2px 1px 5px 1px;
}

.btnMirrorReverse {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	background-image: url("/images/btn-mirror-reverse.webp");
	text-transform: lowercase;
	width: 99px;
	font-weight: bold;
	background-color: Transparent;
	margin-top: 1px;
	border: none 0px black;
	height: 23px;
	vertical-align: middle;
	text-align: center;
	padding: 2px 1px 5px 1px;
	margin-right: 0px;
	cursor: pointer;
}

.btnPlaceYourOrder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: bold;
	/*background-image: url("/images/btn-place-your-order.webp");*/
	background-color: #db5427;
	border: none 0px black;
	width: 164px;
	height: 41px;
	vertical-align: middle;
	text-align: center;
	text-transform: lowercase;
	padding: 2px 1px 5px 1px;
}

.btnPrintThisPage {
	background-image: url("/images/icon-print-33x33.webp");
	background-color: Transparent;
	border: none 0px black;
	width: 33px;
	height: 33px;
	vertical-align: middle;
	padding: 2px 1px 5px 1px;
}

.btnPrint {
	background-image: url("/images/btn-print.webp");
	background-color: Transparent;
	border: none 0px black;
	width: 147px;
	height: 31px;
	vertical-align: middle;
	cursor: pointer;
	display: block;
	float: left;
	margin-left: 15px;
}

.btnCustomize {
	background-image: url("/images/btn-customize.webp");
	background-color: Transparent;
	border: none 0px black;
	width: 119px;
	height: 31px;
	vertical-align: middle;
	cursor: pointer;
	display: block;
	float: left;
}

.btnProceedToCheckout {
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("/images/btn-checkout.webp");
	background-color: Transparent;
	border: none 0px black;
	width: 203px;
	height: 46px;
	cursor: pointer;
	float: right;
	margin-top: -10px;
}

.btnRedisplay {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	/*background-image: url("/images/btn-redisplay.webp");*/
	background-color: #000000;
	margin-top: 1px;
	border: none 0px black;
	width: 80px;
	height: 26px;
	vertical-align: middle;
	text-align: center;
	padding: 4px 1px 5px 1px;
	text-transform: uppercase;
}

.btnSearchPhotoGallery {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	/*background-image: url("/images/btn-search-photo-gallery.webp");*/
	background-color: #000000;
	margin-top: 1px;
	border: none 0px black;
	width: 55px;
	height: 21px;
	vertical-align: middle;
	text-align: center;
	padding: 2px 1px 5px 1px;
}

.btnContactUsSubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	/*background-image: url("/images/btn-contact-us-submit.webp");*/
	background-color: #000000;
	border: none 0px black;
	width: 70px;
	height: 21px;
	vertical-align: middle;
	text-align: center;
	padding: 2px 1px 5px 1px;
	margin-right: 3px;
}

.btnSubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	/*background-image: url("/images/btn-contact-us-submit.webp");*/
	background-color: #000000;
	border: none 0px black;
	width: 70px;
	height: 21px;
	vertical-align: middle;
	text-align: center;
	padding: 2px 1px 5px 1px;
	margin-right: 3px;
}

.btnViewCatalog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #523A26;
	font-weight: bold;
	background-image: url("/images/btn-view-catalog.webp");
	background-color: Transparent;
	margin-top: 1px;
	border: none 0px black;
	width: 95px;
	height: 22px;
	vertical-align: middle;
	text-align: center;
	padding: 2px 1px 5px 1px;
	float: right;
	display: none;
}

.btnPrintCatalog {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("/images/btn-print-catalog.webp");
	background-color: Transparent;
	margin-top: 12px;
	border: none 0px black;
	width: 91px;
	height: 21px;
	vertical-align: middle;
	text-align: center;
	padding: 2px 1px 5px 1px;
	float: right;
}

.btnAddToCartDetail {
	border: solid 1px black;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* --- */

.formHeaders {
	/*color: #523A26;*/
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
	white-space: nowrap;
}

.formHeadersWrap {
	/*color: #523A26;*/
	font-weight: bold;
	text-transform: uppercase;
	text-align: right;
}

select {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 9pt;
}

.greenLine {
	height: 1px;
	width: 588px;
	margin: 6px 0px 6px 0px;
}

p.editLink {
	font-weight: bold;
	font-size: 8pt;
	float: right;
	margin-top: -10px;
}

/* -- H1 Styles -- */

.HomeH1 {
	color: #523A26;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
}

.ResourceCenterHeaderH1 {
	font-size: 12pt;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px -17px 0px;
	padding: 0px 0px 0px 0px;
}

.copyHeadersH1 {
	font-size: 12pt !important;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1.articleTopicH1, h2.articleTopicH1 {
	font-size: 12pt;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1.articleTopicH1, h2.articleTopicH1 {
	text-decoration: none;
}

.ArticlesHome H1 a {
	text-transform: none !important;
}

.ArticlesHome p {
	margin-top: 0px !important;
}

h1.TopicH1 {
	font-size: 12pt;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px -17px 0px;
}

	h1.TopicH1 a {
		text-decoration: none;
	}

.ourProductsH1 {
	font-size: 12pt;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

	.ourProductsH1 a {
		text-decoration: none;
	}

.greenResourcesH1 {
	font-size: 12pt;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

	.greenResourcesH1 a {
		text-decoration: none;
	}

.otherGreenResourcesH1 {
	font-size: 10pt;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px -17px 0px;
	color: #5D7653;
}

.homePlanPackageH1 {
	font-size: 12pt;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px -17px 0px;
	color: #5D7653;
}

h1.pageShortHeaderText, div.pageShortHeaderText {
	vertical-align: middle;
	padding-top: 25px;
	padding-bottom: 25px;
	padding-left: 17px;
	font-size: 14pt;
	font-weight: bold;
	text-transform: lowercase;
	/*color: #523A26;*/
}

#headerTallDynamic h1 {
	vertical-align: middle;
	padding: 8px 0px 0px 12px;
	margin: 0px 0px 6px 0px;
	font-size: 14pt;
	font-weight: bold;
	/*color: #523A26;*/
}

.pageTallHeaderText {
	vertical-align: middle;
	padding-top: 8px;
	padding-left: 12px;
	margin-bottom: 6px;
	font-size: 14pt;
	font-weight: bold;
	text-transform: lowercase;
	/*color: #523A26;*/
}

.pageTallHeaderTextAlt {
	text-transform: none;
}

.pageTallHeaderTextReg {
	text-transform: lowercase;
}

h1.ArticlesDetailPageTallHeaderText {
	vertical-align: middle;
	padding-top: 24px;
	padding-left: 17px;
	font-size: 14pt;
	font-weight: bold;
	text-transform: lowercase;
	color: #523A26;
}

h1.pageShortHeaderNoGraphicText {
	padding-left: 12px;
	margin-top: 10px;
	font-size: 14pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #523A26;
}

h1.addToCartPlanNumber {
	vertical-align: middle;
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	/*color: #523A26;*/
	margin: 12px 0px 12px 33px;
}

h1.planDetailPlanNumber {
	vertical-align: middle;
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	color: #523A26;
	margin: 0px 0px 0px 18px;
	padding: 0px 0px 0px 0px;
}

h1.designAndMaterialOutline {
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #523A26;
}

.detailPackageTable .TitleLabel {
	font-size: 13px;
	font-weight: bold;
	color: #523A26;
}

.detailPackageTable a {
	text-decoration: none;
}

	.detailPackageTable a:hover {
		text-decoration: underline;
		color: #5D7653;
	}

.forTheBuilderH1 {
	font-size: 10.5pt;
	text-decoration: none;
	text-transform: uppercase;
	margin-bottom: -17px;
	margin-top: 0px;
	color: #5D7653;
}

	.forTheBuilderH1 a {
		text-decoration: none;
		color: #5D7653;
	}

.industryLinksH1 {
	font-size: 12pt;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0px 0px 6px 0px;
	padding: 0px 0px 0px 0px;
}

/* - Header Graphics - */

.headerShort {
	width: 100%;
	height: 70px;
	/*background-color: #BFD591;*/
	margin: 17px 0px 0px 0px;
}

.headerTall, .headerShort {
	width: 100%;
	/* height: 100%;   /*235px;*/
	/* background-color: #BFD591; */
	background-repeat: no-repeat;
	margin: 17px 0px 0px 0px;
	background-position: top right;
}

	.headerTall table {
		width: 100%;
		height: 150px;
		margin: 0px 0px 0px 0px;
	}

	.headerTall td {
		padding: 0px 6px 12px 12px;
		margin: 0px 0px 0px 0px;
		font-size: 9pt;
		line-height: 11pt;
		vertical-align: top;
	}

		.headerTall td p {
			margin: 0px 6px 0px 0px;
		}

#headerTallDynamic table {
	width: 100%;
	height: 185px;
	margin: 0px 0px 0px 0px;
}

#headerTallDynamic td {
	padding: 0px 6px 12px 12px;
	margin: 0px 0px 0px 0px;
	font-size: 9pt;
	vertical-align: top;
}

	#headerTallDynamic td p {
		margin: 0px 6px 0px 0px;
	}

.headerDynamicImage {
	width: 100%;
	text-align: center;
}

/* Short Headers */

.headerShortSearch {
	text-align: center;
	margin: 10px 0 20px 0;
}

#headerShortAddToCart {
	margin-left: -18px;
}

/*
#headerShortArticle {
	background-image: url("/images/small-header-articles.webp");
	}
#headerShortGalleryResults, .headerShortGalleryResults {
	background-image: url("/images/small-header-gallery-results.webp");
}
#headerShortGreenResources {
	background-image: url("/images/small-header-green-center.webp");
	}
	
#headerShortAccountSettings {
	background-image: url("/images/small-header-account-settings.webp");
	}

#headerShortAddToCart {
	background-image: url("/images/small-header-add-to-cart.webp");
	}

#headerShortAdvancedSearch {
	background-image: url("/images/small-header-advanced-search.webp");
	}
	
#headerShortCustomizeYourHomePlan {
	background-image: url("/images/small-header-resource-center.webp");
	}

#headerShortLogOut {
	background-image: url("/images/small-header-my-hpm-com.webp");
	}

#headerShortATP {
	background-image: url("/images/small-header-ask-professional.webp");
	}

#headerShortBAPReg {
	background-image: url("/images/small-header-builder-program.webp");
	}

#headerShortCart {
	background-image: url("/images/small-header-shopping-cart.webp");
	}

#headerShortContactUs {
	background-image: url("/images/small-header-contact-us.webp");
	}

#headerShortSpecialOffers {
	background-image: url("/images/small-header-special-offers.webp");
	}

#headerShortFavorites {
	background-image: url("/images/small-header-favorites.webp");
	}

#headerShortLocateABuilder {
	background-image: url("/images/small-header-locate-builder.webp");
	}

#headerShortSearchResults {
	background-image: url("/images/small-header-search-results.webp");
	}

#headerShortHomePlanPackages {
	background-image: url("/images/small-header-plan-packages.webp");
	}

#headerShortBuildingAids {
	background-image: url("/images/small-header-building-aids.webp");
	}

#headerShortAvailableOptions {
	background-image: url("/images/small-header-available-options.webp");
	}

#headerShortDetailPlanPackages {
	background-image: url("/images/small-header-plan-packages.webp");
	}

#headerShortEstimatingSoftware {
	background-image: url("/images/small-header-estimating.webp");
	}

#headerShortBuildingChecklist {
	background-image: url("/images/small-header-building-checklist.webp");
	}

#headerShortLegalKit {
	background-image: url("/images/small-header-plan-kits.webp");
	}

#headerShortBooksAndMore {
	background-image: url("/images/small-header-books-and-more.webp");
	}

#headerShortLiveChat {
	background-image: url("/images/small-header-live-chat.webp");
	}

#headerShortCompanyInfo {
	background-image: url("/images/small-header-company-info.webp");
	}

#headerShortPrivacyPolicy {
	background-image: url("/images/small-header-privacy-policy.webp");
	}	

#headerShortForgotPassword {
	background-image: url("/images/small-header-forgot-password.webp");
	}	

#headerShortSiteMap {
	background-image: url("/images/small-header-site-map.webp");
	}	 

#headerShortHelp {
	background-image: url("/images/small-header-help.webp");
	}

#headerShortLinkExchange {
	background-image: url("/images/small-header-link-exchange.webp");
	}
	
#headerShortTestimonials {
	background-image: url("/images/small-header-testimonials.webp");
	}
*/

/* Tall Headers */
/*
#headerTallAdvancedSearch {
	background-image: url("/images/large-header-advanced-search.webp");
	}

#headerTallArticles {
	background-image: url("/images/large-header-articles.webp");
	}

#headerTallCustReg {
	background-image: url("/images/large-header-account-register.webp");
	}
	
#headerTallCustomerServiceLP {
	background-image: url("/images/large-header-customer-service.webp");
	}
	
#headerTallFAQs {
	background-image: url("/images/large-header-resource-center.webp");
	}
	
#headerTallHomePlansLP {
	background-image: url("/images/large-header-home-plans.webp");
	}

#headerTallProjectPlansLP {
	background-image: url("/images/large-header-project-plans.webp");
	} 

#headerTallMyHPMCom  {
	background-image: url("/images/large-header-my-account.webp");
	}

#headerTallRCLP {
	background-image: url("/images/large-header-resource-center.webp");
	}

#headerTallWhyChooseUs {
	background-image: url("/images/large-header-why-choose-us.webp");
	}

#headerTallVideoPhotoGallery  {
	background-image: url("/images/large-header-gallery.webp");
	}
	
#headerTallPhotoGallery  {
	background-image: url("/images/large-header-photo-gallery.webp");
	}
	
#headerTallVideoGallery  {
	background-image: url("/images/large-header-video-gallery.webp");
	}
	
#headerTallLocateBuilder {
	background-image: url("/images/large-header-locate-builder.webp");
	}

#headerTallOurProducts {
	background-image: url("/images/large-header-our-products.webp");
	}

#headerTallCustomizeYourHomePlan {
	background-image: url("/images/large-header-customize.webp");
	}

#headerTallIndustryLinks {
	background-image: url("/images/large-header-industry-links.webp");
	}

#headerTallGreenVideo {
	background-image: url("/images/large-header-green-video.webp");
	}

#headerTallBuildersLP {
	background-image: url("/images/large-header-for-the-builder.webp");
	}

#headerTallYourPlanCatalog  {
	background-image: url("/images/large-header-your-plan-catalog.webp");
	}

#headerTallBooksAndMore  {
	background-image: url("/images/large-header-books-and-more.webp");
	}

#headerTallPlansByThisDesigner {
	background-image: url("/images/large-header-plans-by-this-designer.webp");
	}

#headerTallSearchByStyle {
	background-image: url("/images/large-header-homes-by-style.webp");
	}

#headerTallGreenResources {
	background-image: url("/images/large-header-green-center.webp");
	}

#headerTallGlossaryOfTerms {
	background-image: url("/images/large-header-glossary-of-terms.webp");
	}

#headerTallBuildersAdvantage {
	background-image: url("/images/large-header-builder-program.webp");
	}
*/

/* - Master Pages styles - */

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border: 0;
	width: 1024px;
	background-color: #FFFFFF;
}

#header {
	margin: 0 0 0 0;
	/*height: 149px;*/
	z-index: 10;
}

#MainNav {
	width: 1024px;
	height: 24px;
	top: 125px;
	z-index: 10;
	position: relative;
	background: #523a26;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d7c4b6), color-stop(4%,#c19e67), color-stop(99%,#523a26));
	background: -webkit-linear-gradient(top, #d7c4b6 1%,#c19e67 4%,#523a26 99%);
	background: -moz-linear-gradient(top, #d7c4b6 1%, #c19e67 4%, #523a26 99%);
	background: -o-linear-gradient(top, #d7c4b6 1%,#c19e67 4%,#523a26 99%);
	background: -ms-linear-gradient(top, #d7c4b6 1%,#c19e67 4%,#523a26 99%);
	background: linear-gradient(to bottom, #d7c4b6 1%,#c19e67 4%,#523a26 99%);
	-pie-background: linear-gradient(top, #d7c4b6 1%,#c19e67 4%,#523a26 99%);
	behavior: url(/common/inc/PIE.htc);
}

	#MainNav img {
		height: 26px;
		width: 1px;
	}

	#MainNav table {
		width: 820px;
		height: 25px;
		border: 0px;
		margin: -5px 0px 0px 18px;
	}

	#MainNav td {
		font-size: 8pt;
		font-weight: bold;
		color: #FFFFFF;
		text-align: center;
		vertical-align: middle;
		padding: 0px 0px 0px 0px;
	}

#MainLogo {
	position: absolute;
	width: 309px;
	height: 65px;
	margin: 35px 0px 0px 25px;
}

#login_form {
	width: 150px;
	position: absolute;
	right: 30px;
}

	#login_form input[type="submit"] {
		cursor: pointer;
	}

.LoginFormUtility, #LoginFormUtility {
	position: absolute;
	top: 0px;
	/*margin: 41px 0 0 555px;*/
	margin-top: 41px;
	z-index: 10;
	width: 200px;
	height: 100px;
	background: #F9E779;
}

.LoginFormUtilityMobile, #LoginFormUtilityMobile {
	width: 186px;
	height: 60px;
	padding: 10px 55px 10px 5px;
	background: #FDE986;
	border-radius: 10px;
}


.LoginFormUtility table, #LoginFormUtility table {
	border: solid 0px red;
	margin: 7px 0px 0px 7px;
	padding: 0px 0px 20px 0px;
}

.LoginFormUtility td, #LoginFormUtility td {
	font-size: 8pt;
	text-align: center;
	border: solid 0px blue;
}

	.LoginFormUtility td a, #LoginFormUtility td a {
		font-size: 8pt;
		text-align: left;
		border: solid 0px blue;
		color: #000000;
	}

.LoginFormUtilityMobile table, #LoginFormUtilityMobile table {
	border: solid 0px red;
	margin: 7px 0px 0px 7px;
	padding: 0px 0px 20px 0px;
}

.LoginFormUtilityMobile td, #LoginFormUtilityMobile td {
	font-size: 8pt;
	text-align: center;
	border: solid 0px blue;
}

	.LoginFormUtilityMobile td a, #LoginFormUtility td a {
		font-size: 8pt;
		text-align: left;
		border: solid 0px blue;
	}

.btnLoginClass {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	line-height: 1px !important;
	background-color: #90c923;
	border: 0;
}

.LoginFormUtility input[type="text"], .LoginFormUtility input[type="password"], #LoginFormUtility input[type="text"], #LoginFormUtility input[type="password"] {
	border: solid 1px #FFFFFF;
	width: 115px;
	font-size: 8pt;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding-left: 2px;
	font-weight: bold;
	line-height: 20px;
}

#LoggedInUtility {
	position: absolute;
	top: 0px;
	margin-left: 574px;
	width: 450px;
	height: 45px;
	background: #FDE986;
}

#LoggedInUtility {
	width: 320px;
	height: 45px;
}

	#LoggedInUtility p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #4D4D4F;
		font-weight: bold;
		margin-top: 15px;
		margin-bottom: 12px;
		margin-left: 17px;
	}

#GreatSite {
	position: absolute;
	color: #523a26;
	top: 15px;
	margin-left: 510px;
	width: 200px;
	height: 61px;
	text-align: center;
	padding: 5px 0px 0px 0px;
}

.callDreamHome {
	font-weight: bold;
	color: #db5427;
	font-size: 14pt;
	margin: 9px 0px 0px 0px;
}

.callDreamHomeSm {
	font-size: 8pt;
	margin: 0px 0px 0px 0px;
}

.callDreamHomeVrySm {
	font-size: 10pt;
	margin: 0px 0px 0px 0px;
}

#FavChatCart {
	position: absolute;
	top: 82px;
	margin-left: 520px;
	width: 365px;
	text-align: right;
	z-index: 100;
}

	#FavChatCart table {
		border: 0px;
	}

	#FavChatCart td, #FavChatCart div {
		font-size: 8pt;
		font-weight: bold;
		padding: 0px 3px 0px 3px;
		float: left;
	}

	#FavChatCart img {
		vertical-align: middle;
	}

#YearsInBusiness {
	position: absolute;
	margin-left: 885px;
	top: 66px;
	z-index: 20;
}

#leftNav {
	float: left;
	width: 175px;
	padding-left: 20px;
}

.leftNavLink {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 12pt;
	font-size: 12px;
	color: #523A26;
	text-decoration: none;
}

.horizontal-line {
	width: 60px;
	height: 1px;
	background-color: #000000;
	margin: 15px 5px 15px 5px;
	display: inline-block;
	vertical-align: middle;
}

#CSEPlanNumberSearchContainerDetail {
	width: 100%;
	background: #FDE986;
	z-index: 0;
	/*height: 50px;*/
	margin-top: 17px;
	padding-top: 5px;
	float: left;
	margin-left: 40px;
}

#CSEPlanNumberSearchContainer_Cart {
	float: right;
	width: 175px;
	background: #FDE986;
	z-index: 0;
	margin-top: 15px;
}

#GoogleCSE {
	float: right;
	width: 178px;
	margin: 5px 0px 5px 0px;
}

	#GoogleCSE p {
		margin: 10px 10px 5px 10px;
		font-weight: bold;
		color: #62412A;
	}

	#GoogleCSE input[type="button"] {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #FFFFFF;
		font-weight: bold;
		border: none 0px black;
		width: 25px;
		height: 18px;
		vertical-align: middle;
		text-align: center;
		padding: 1px 1px 5px 1px;
	}

/* IE6 Fix */

.GoogleCSEbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	border: none 0px black;
	width: 25px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
	padding: 1px 1px 5px 1px;
}

/*-----------*/

#GoogleCSE input[type="text"] {
	/*background: url("/images/google-custom-search-watermark.webp");*/
	border: solid 1px #4D4D4F;
	width: 115px;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
}

	#GoogleCSE input[type="text"].notfocused {
		/*background: url("/images/google-custom-search-watermark.webp");*/
	}

	#GoogleCSE input[type="text"].focused {
		background: #FFFFFF;
	}

/* IE6 Fix */
.GoogleCSEtextbox {
	/*background: url("/images/google-custom-search-watermark.webp");*/
	border: solid 1px #4D4D4F;
	width: 115px;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
}

	.GoogleCSEtextbox.notfocused {
		/*background: url("/images/google-custom-search-watermark.webp");*/
		border: solid 1px #4D4D4F;
		width: 115px;
		vertical-align: middle;
		margin: 0px 0px 0px 10px;
	}

	.GoogleCSEtextbox.focused {
		background: #FFFFFF;
		border: solid 1px #4D4D4F;
		width: 115px;
		vertical-align: middle;
		margin: 0px 0px 0px 10px;
	}
/*-----------*/


#orLine {
	float: right;
	width: 170px;
	background-color: #FFFFFF;
	font-weight: bold;
}

	#orLine p {
		margin: 5px 10px 5px 10px;
		font-weight: bold;
	}

		#orLine p img {
			width: 60px;
			height: 1px;
			vertical-align: middle;
		}

#planNumberSearch {
	float: right;
	width: 170px;
	margin: 5px 0px 5px 0px;
}

#planNumberSearchDetail {
	width: 100%;
	margin: 2px 0px 12px 0px;
}

#planNumberSearch_Cart {
	float: right;
	width: 170px;
	margin: 5px 0px 5px 0px;
}

.planNumberSearchButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	border: none 0px black;
	width: 25px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
	padding: 0px 1px 1px 1px !important;
}


#planNumberSearch input[type="button"], #planNumberSearch_Cart input[type="button"], #planNumberSearchDetail input[type="button"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("/images/btn-go.webp");
	background-color: Transparent;
	border: none 0px black;
	width: 25px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
	padding: 1px 1px 5px 1px;
}

.planNumberSearchText {
	border: solid 1px #4D4D4F;
	width: 130px;
	vertical-align: middle;
	margin: 0px 0px 0px 3px;
}

#planNumberSearch input[type="text"], #planNumberSearch_Cart input[type="text"], #planNumberSearchDetail input[type="text"],
#GoogleCSE input[type="text"], #ContactSignUp input[type="text"] {
	border: solid 1px #FFFFFF;
	width: 133px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	float: left;
	padding-left: 2px;
}

#ContactSignUp input[type="text"] {
	font-size: 10px;
}

#ContactSignUp input[type="submit"] {
	background: #db5427;
	color: #FFFFFF;
	text-transform: uppercase;
	border: 0;
	font-size: 11px;
	margin-left: 0px;
	height: 21px;
	font-weight: bold;
}

	#ContactSignUp input[type="submit"]:hover {
		cursor: pointer;
		color: #FDE986;
	}

#planNumberSearch p, #planNumberSearchDetail p {
	margin: 0px 10px 5px 10px;
	font-weight: bold;
	color: #62412A;
}
/*
#planNumberSearch_Cart input[type="button"] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("/images/btn-go.webp");
	background-color: Transparent;
	border: none 0px black;
	width: 25px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
	padding:  1px 1px 5px 1px;
	}

#planNumberSearch_Cart input[type="text"] {
	border: solid 1px #4D4D4F;
	width: 115px;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
	}	
*/
#planNumberSearch_Cart p {
	margin: 0px 10px 5px 10px;
	font-weight: bold;
	color: #62412A;
}

/* Special Offers Section */

#specialOffersCont {
	width: 170px;
	margin: 10px 0px 10px 0px;
	float: right;
	z-index: 0;
}

#specialOffersTab {
	height: 15px;
	width: 120px;
	position: relative;
	z-index: 0;
	padding: 5px 8px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	background: #A53F18;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A53F18), to(#DB5427));
	background: -webkit-linear-gradient(#A53F18, #DB5427);
	background: -moz-linear-gradient(#A53F18, #DB5427);
	background: -ms-linear-gradient(#A53F18, #DB5427);
	background: -o-linear-gradient(#A53F18, #DB5427);
	background: linear-gradient(#A53F18, #DB5427);
	-pie-background: linear-gradient(#A53F18, #DB5427);
	behavior: url(/common/inc/PIE.htc);
	text-decoration: none;
}

	#specialOffersTab a {
		font-weight: bold;
		text-transform: uppercase;
		color: #FFFFFF;
		text-decoration: none;
	}

.orangeTabGrad {
	background-image: url("/images/tab-orange-gradient-fill.webp");
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
}

#specialOffers {
	border: solid 1px #DB5427;
	padding: 6px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	width: 167px;
	text-align: center;
}

.SaveOfferLink {
	font-size: 7pt;
	text-transform: lowercase;
}

.SaveOfferLinkAndMsg {
	text-align: right;
	margin: 3px 0px 6px 0px;
}

/* Search By Feature Section */

#searchByFeatureCont {
	width: 175px;
	margin: 10px 0px 0px 0px;
	float: left;
	z-index: 0;
}

#searchByFeatureTab, #architecturalStylesTab, #projectPlansTab {
	height: 40px;
	position: relative;
	z-index: 0;
	padding: 3px 8px;
	background: #69935D;
	text-align: center;
	font-size: 15px;
	vertical-align: middle;
	color: #FFFFFF;
}

#projectPlansTab {
	height: 17px;
}

#ancArchShowMore, #ancFeatureShowMore {
	color: #69935D;
	text-decoration: none;
	margin-top: 2px;
	margin-left: 10px;
	display: block;
}

#searchByFeatureTab span, #architecturalStylesTab span {
	color: #B3C88D;
	font-size: 24px;
}

#ourBlogCabinTab {
	height: 12px;
	position: relative;
	z-index: 0;
	padding: 6px 8px;
	background: #69935D;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	color: #FFFFFF;
}

.brownTabGrad {
}

#searchByFeatureTab td.brownTabGrad {
	padding-top: 3px;
	padding-left: 5px;
	font-size: 9pt;
}

#searchByFeature {
	border: solid 1px #69935D;
	padding: 3px 0px 6px 6px;
}

#architecturalStylesCont {
	width: 175px;
	margin: 10px 0px 0px 0px;
	float: left;
	z-index: 0;
}

#architecturalStyles {
	border: solid 1px #69935D;
	padding: 3px 0px 6px 6px;
}

#specialtyArchitecturalStylesCont {
	width: 170px;
	margin-top: 10px;
	float: right;
	z-index: 0;
}

#specialtyArchitecturalStylesTab {
	height: 37px;
}

	#specialtyArchitecturalStylesTab table {
		width: 170px;
	}

	#specialtyArchitecturalStylesTab td.tabCurve {
		height: 37px;
		width: 4px;
	}

.brownTabGradTwoLine {
	background-image: url("/images/tab-two-line-brown-gradient-fill.webp");
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	color: #FFFFFF;
}

#specialtyArchitecturalStylesTab td.brownTabGradTwoLine {
	padding-top: 3px;
	padding-left: 5px;
	font-size: 9pt;
}

#specialtyArchitecturalStyles {
	border: solid 1px #523A26;
	padding: 3px 0px 6px 6px;
	width: 162px;
}

#projectPlansCont {
	width: 175px;
	margin-top: 10px;
	margin-bottom: 10px;
	float: left;
	z-index: 0;
}

#projectPlans {
	border: solid 1px #69935D;
	padding: 3px 0px 6px 6px;
}

#rightNav {
	float: left;
	width: 170px;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
}

#detailContainer {
	width: 1021px;
	padding: 0px 0px 0px 25px;
}

#crossSellCont {
	width: 170px;
	float: left;
}

#crossSell {
	max-width: 170px;
	float: left;
}

	#crossSell a {
		margin-top: 10px;
		display: block;
		text-align: center;
		font-weight: bold;
	}

	#crossSell img {
		margin-top: -10px !important;
	}

	#crossSell input[type="image"] {
		margin-bottom: 5px;
	}

#hpmBlogCont {
	width: 170px;
	margin-top: 10px;
	float: left;
	z-index: 0;
	margin-bottom: 10px;
}

#hpmBlogTab {
	height: 25px;
}

	#hpmBlogTab table {
		width: 170px;
	}

	#hpmBlogTab td.tabCurve {
		height: 25px;
		width: 4px;
	}

	#hpmBlogTab td.brownTabGrad {
		padding: 3px 0px 0px 5px;
		font-size: 9pt;
	}

#hpmBlog {
	border: solid 1px #69935D;
	width: 170px;
}

	#hpmBlog table {
		margin: 0px 10px;
	}

.hpmBlogItem {
	font-size: 8pt;
	color: #523A26;
}

.hpmBlogLink {
	font-size: 8pt;
	text-decoration: underline;
}

#ourBlogCabinCont {
	width: 170px;
	margin-top: 10px;
	float: left;
	z-index: 0;
}

#ourBlogCabin {
	border: solid 1px #69935D;
	padding: 10px 10px 10px 10px;
	width: 148px;
}

#FTPLinkCont {
	width: 170px;
	margin-top: 12px;
	float: left;
	z-index: 0;
}

#detailPageCont {
	width: 1000px;
}

#footer {
	clear: both;
	margin-left: 50px;
	/*text-align: center;*/
}

#FooterNav {
	text-align: center;
}

	#FooterNav img {
		height: 15px;
		width: 1px;
	}

	#FooterNav table {
		width: 850px;
		margin-left: 87px;
		margin-right: 87px;
	}

#FooterLogos {
	z-index: 5;
	margin-left: 15px;
}

.logos {
	position: relative;
	top: 25%;
	margin-bottom: 45px;
}

	.logos a {
		height: 50px;
	}

	.logos img {
		width: auto !important;
		margin: 0 auto;
		display: block;
	}

#FooterLinks {
	text-align: center;
	z-index: 5;
}

	#FooterLinks table {
		display: inline-block;
		/*
	width: 450px;
	margin-left: 287px;
	margin-right: 287px;
	text-align: center;
	vertical-align: middle;
*/
	}

	#FooterLinks td {
		height: 20px;
		padding: 5px 5px 5px 5px;
		text-align: center;
		vertical-align: middle;
	}

		#FooterLinks td img {
			height: 15px;
			width: 1px;
		}

	#FooterLinks a {
		color: #523A26;
		text-decoration: none;
	}

		#FooterLinks a:hover {
			color: #F09D2A;
			text-decoration: none;
		}

.spacer-footer_links {
	background-color: #523b27;
	height: 15px;
	width: 1px;
}

#cse-search-results {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	height: 1150px;
}

	#cse-search-results a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		text-decoration: none;
	}

/* - sub-page styles - */

#headerTall {
	width: 612px;
	height: 220px;
	/*background-color: #BFD591;*/
	margin-top: 17px;
}

#headerShort {
	width: 612px;
	height: 70px;
	/*background-color: #BFD591;*/
	margin-top: 17px;
}

.breadcrumbTrail2 {
	padding: 0px 0px 0px 0px !important;
	width: 618px !important;
	float: left;
	height: 36px;
	margin-left: 16px;
}

#breadcrumbTrail {
	padding: 12px 0px 12px 0px;
	width: 100%;
	overflow: hidden;
	direction: rtl;
}

	#breadcrumbTrail a {
		position: relative;
	}

.breadcrumb {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-transform: lowercase;
	white-space: nowrap;
}

.breadcrumbDetailPage {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 5px 18px;
	text-transform: lowercase;
	white-space: nowrap;
	/*float:left;*/
}

.greenTabFlat {
	background-color: #BFD591;
	font-weight: bold;
	text-transform: uppercase;
	height: 18px;
	display: inline-block;
	padding: 3px 10px 0px 10px;
	font-size: 13px;
}

.TabFlat {
	font-weight: bold;
	text-transform: uppercase;
	height: 18px;
	display: inline-block;
	padding: 3px 10px 0px 0px;
}

.greenTabGrad {
	background-image: url("/images/tab-green-gradient-fill.webp");
	background-repeat: repeat-x;
	background-color: #BFD591;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	/*color: #523A26;*/
}

.greenTabGrad2 {
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	color: #523A26;
	position: relative;
	z-index: 0;
	display: inline;
	padding: 4px 8px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	/*background: #8BB779;*/
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8BB779), to(#BFD591));
	background: -webkit-linear-gradient(#8BB779, #BFD591);
	background: -moz-linear-gradient(#8BB779, #BFD591);
	background: -ms-linear-gradient(#8BB779, #BFD591);
	background: -o-linear-gradient(#8BB779, #BFD591);
	background: linear-gradient(#8BB779, #BFD591);
	-pie-background: linear-gradient(#8BB779, #BFD591);
	behavior: url(/common/inc/PIE.htc);
}

/* - Home Page styles - */


#FlashQuickSearchCont {
	width: 588px;
	width: 600px;
	height: 400px;
	*height: 400px;
	*top: 20px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	/*background: #583F29;*/
	position: relative;
	behavior: url(/common/inc/PIE.htc);
	margin: 5px 0px 0px 0px;
	*margin-bottom: 15px;
	/*padding: 12px 12px 12px 12px;*/
	z-index: 1;
}

#FlashLeftSideCont {
	margin: 0px 6px 12px 0px;
	float: left;
	width: 365px;
	height: 295px;
}

#FlashLeftSideTab {
	height: 20px;
}

	#FlashLeftSideTab table {
	}

	#FlashLeftSideTab td.tabCurve {
		height: 12px;
		width: 3px;
	}

	#FlashLeftSideTab td.greenTabGrad {
		padding: 3px 0px 0px 0px;
		font-size: 10pt;
	}

#FlashLeftSide {
	background-color: #BFD591;
	width: 365px;
	height: 277px;
	border: solid 1px #BFD591;
	padding: 0px 0px 0px 0px;
}

#QuickSearchCont {
	float: left;
	width: 215px;
	height: 250px;
	margin: 0px 0px 0px 0px;
	z-index: 1;
}

#QuickSearchTab {
	height: 20px;
}

	#QuickSearchTab table {
	}

	#QuickSearchTab td.tabCurve {
		height: 20px;
		width: 3px;
	}

	#QuickSearchTab td.greenTabGrad {
		padding-top: 3px;
		padding-left: 2px;
		font-size: 10pt;
	}

#QuickSearch {
	background-color: #BFD591;
	width: 215px;
	height: 242px;
	border: solid 1px #BFD591;
	padding: 0px 0px 0px 0px;
}

#advancedSearchLinkCont {
	background-color: #FDE986;
	width: 215px;
	height: 28px;
	border: solid 1px #FDE986;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	text-align: center;
}

.advancedSearchLink {
	font-size: 10pt;
	text-transform: uppercase;
	font-weight: bold;
	margin: 6px 0px 0px 0px;
}

#QuickSearch input[type="text"] {
	border: solid 1px #BFD591;
	width: 6em;
	height: 17px;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 0px;
}

#QuickSearch select {
	border: solid 1px #BFD591;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.QuickSearch_table {
	width: 190px;
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
}

.QuickSearch_td {
	padding: 1px 2px 1px 2px;
	margin: 0px 0px 0px 0px;
}

.QuickSearch {
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	font-weight: bold;
	margin-top: 3px;
}

.QuickSearchSm {
	font-size: 7pt;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	vertical-align: middle;
	font-weight: bold;
}

#QuickSearch td img {
	vertical-align: middle;
}

.btnQuickSearch {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	background-image: url("/images/btn-quick-search.webp");
	background-color: Transparent;
	margin: 1px 3px 0px 0px;
	border: none 0px black;
	width: 60px;
	height: 18px;
	vertical-align: middle;
	text-align: center;
	float: right;
	padding: 2px 1px 5px 1px;
}

.ddQuickSearch {
	font-size: 8pt;
}

.btnSeeResults {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	margin: 1px 3px 0px 0px;
	vertical-align: middle;
	text-align: center;
	float: right;
}

.btnClearForm {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	margin: 1px 3px 0px 0px;
	vertical-align: middle;
	text-align: center;
	float: left;
	text-decoration: none;
}

.btnStandard {
	border: 1px solid #000000;
	position: relative;
	z-index: 0;
	padding: 2px 11px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #000000;
	/*
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#966E46), to(#583F29));
    background: -webkit-linear-gradient(#966E46, #583F29);
    background: -moz-linear-gradient(#966E46, #583F29);
    background: -ms-linear-gradient(#966E46, #583F29);
    background: -o-linear-gradient(#966E46, #583F29);
    background: linear-gradient(#966E46, #583F29);
    -pie-background: linear-gradient(#966E46, #583F29);
    behavior: url(/common/inc/PIE.htc);
   */
}

.btnStandard2 {
	border: 1px solid #523A26;
	position: relative;
	z-index: 0;
	padding: 2px 2px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #966E46;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#966E46), to(#583F29));
	background: -webkit-linear-gradient(#966E46, #583F29);
	background: -moz-linear-gradient(#966E46, #583F29);
	background: -ms-linear-gradient(#966E46, #583F29);
	background: -o-linear-gradient(#966E46, #583F29);
	background: linear-gradient(#966E46, #583F29);
	-pie-background: linear-gradient(#966E46, #583F29);
	behavior: url(/common/inc/PIE.htc);
	text-decoration: none;
	height: 15px;
	width: 43px;
}

.btnSpace {
	height: 18px;
	padding-top: 0px;
	width: 47px;
}

.btnStandard:hover, .btnStandard2:hover {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}

#PopularPlanStylesCont {
	width: 625px;
	height: 200px;
	margin: 0px 0px 0px 0px;
}

#PopularPlanStylesTab {
	margin: 18px 0 8px 0;
	text-transform: uppercase;
	color: #db5427;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

	#PopularPlanStylesTab table {
	}

	#PopularPlanStylesTab td.tabCurve {
		height: 20px;
		width: 3px;
	}

	#PopularPlanStylesTab td.greenTabGrad {
		padding-top: 3px;
		padding-left: 2px;
		font-size: 10pt;
	}

#PopularPlanStyles {
	height: 180px;
	width: 605px;
	padding: 0px 0px 0px 0px;
}

	#PopularPlanStyles a {
		width: 140px;
		height: 180px;
		float: left;
		text-align: center;
		color: #FFFFFF;
		background: #69935D;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 12px;
		margin-right: 5px;
		margin-left: 5px;
	}

		#PopularPlanStyles a:hover {
			text-decoration: underline;
		}

	#PopularPlanStyles img {
		margin-bottom: 5px;
	}

#GraphicalQuoteCont {
	width: 612px;
	height: 50px;
	text-align: center;
	padding: 12px 0px 12px 0px;
	margin: 0px 0px 17px 0px;
}

	#GraphicalQuoteCont img {
		margin: 0px 12px 0px 0px;
	}

#FindingYourDreamHomeCont {
	width: 612px;
	margin: 27px 0px 0px 0px;
}

#FindingYourDreamHomeTab {
	height: 20px;
}

	#FindingYourDreamHomeTab table {
		width: 213px;
	}

	#FindingYourDreamHomeTab td.tabCurve {
		height: 20px;
		width: 3px;
	}

	#FindingYourDreamHomeTab td.greenTabGrad {
		padding-top: 3px;
		padding-left: 2px;
		font-size: 10pt;
	}

#FindingYourDreamHome {
	width: 612px;
	border: solid 1px #BFD591;
	padding: 0px 0px 0px 0px;
}

	#FindingYourDreamHome ul {
		list-style-image: url("/images/icon-bullet-list-disc-brown.webp");
		margin: 0px 17px 17px 17px;
		list-style-type: none;
		padding: 0px 0px 0px 10px;
	}

	#FindingYourDreamHome img {
		margin: 12px 0px 0px 8px;
	}

#HomePageCopy {
	padding: 0px 17px 17px 27px;
}

/* Print Page and Catalog */

#printAndCatalogCont {
	width: 615px;
	height: 850px;
	padding: 25px 25px 25px 25px;
	float: left;
}

/* - Advanced Search styles - */

#formAdvancedSearchCont {
	width: 612px;
	/*border: solid 1px #BFD591;*/
	/*margin: 0px 0px 18px 0px;*/
	padding: 0px 0px 6px 0px;
	/*float: left;*/
	margin: 0px auto;
	overflow: hidden;
}

#basicParametersCont {
	width: 612px;
	margin: 6px 0px 0px 6px;
}

#ie6FixSqFtBedBathCont {
	float: left;
}

#sqFtBedBathCont {
	width: 210px;
}

	#sqFtBedBathCont select {
		border: solid 1px #BFD591;
		font-size: 8pt;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	#sqFtBedBathCont table {
		width: 210px;
		height: 80px;
		margin: 6px 0px 0px 6px;
	}

#ie6FixGarageLevelsFootprintCont {
	float: left;
}

#garageLevelsFootprintCont {
	width: 210px;
}

	#garageLevelsFootprintCont select {
		border: solid 1px #BFD591;
		font-size: 8pt;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	#garageLevelsFootprintCont table {
		width: 210px;
		height: 80px;
		margin: 6px 0px 0px 3px;
	}

#ie6FixEstimatePostalCodeCont {
	float: left;
}

#estimatePostalCodeCont {
	width: 172px;
}

	#estimatePostalCodeCont select {
		border: solid 1px #BFD591;
		font-size: 8pt;
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

	#estimatePostalCodeCont table {
		width: 172px;
		height: 80px;
		margin: 6px 6px 0px 6px;
	}

#vLine1 img {
	float: left;
	height: 90px;
	width: 1px;
	margin: 10px 3px 5px 3px;
	padding-left: 5px;
}

#vLine2 img {
	float: left;
	height: 90px;
	width: 1px;
	margin: 10px 3px 5px 3px;
}

#hLine1 img {
	width: 590px;
	height: 1px;
	margin-left: 10px;
	margin-bottom: 6px;
}

#hLine2 img {
	width: 590px;
	height: 1px;
	margin-left: 10px;
	margin-bottom: 6px;
}

#formSearchByFeatureCont {
	width: 600px;
	margin-left: 10px;
	float: left;
}

.formSearchByFeatureHeader {
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#formSearchByStyleCont {
	width: 600px;
	margin: 0px 0px 0px 12px;
	float: left;
}

	#formSearchByStyleCont p {
		font-weight: bold;
		text-transform: uppercase;
		padding: 0px 0px 0px 0px;
	}

.LandingPageGroupName {
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 8pt;
}

.advancedSearchChkBoxList {
	white-space: nowrap;
	font-size: 8pt;
	vertical-align: middle;
	margin: 0px 0px 12px 0px;
}

/* - myHPMcom styles - */

#planFavoritesCont {
	margin: 0px 12px 6px 0px;
	width: 380px;
	height: 648px;
	float: left;
}

#planFavoritesBox {
	/*border: solid 1px #BFD591;*/
	padding: 6px 6px 6px 6px;
	width: 366px;
	height: 615px;
	vertical-align: top;
}

#planFavorites {
	width: 366px;
	height: 600px;
	vertical-align: top;
}

#planFavoritesViewAll {
	width: 366px;
}

.myHPMPlanFavImgCell {
	width: 150px;
	height: 100px;
}

.myHPMPlanFavLink {
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

.myHPMPlanFavRemLink {
	font-size: 9pt;
	font-weight: bold;
	text-transform: lowercase;
}

.myHPMPlanFavText {
	font-size: 8pt;
}

.myHPMRemoveLink {
	font-size: 8pt;
	font-weight: bold;
	text-transform: lowercase;
	float: right;
}

#articleFavoritesCont {
	width: 215px;
	height: 258px;
	margin: 0px 0px 6px 0px;
	float: left;
}

#articleFavoritesBox {
	border: solid 1px #BFD591;
	padding: 6px 6px 6px 6px;
	width: 205px;
	height: 224px;
	vertical-align: top;
}

#articleFavorites {
	width: 205px;
	height: 212px;
	vertical-align: top;
}

#articleFavoritesViewAll {
	width: 205px;
}

.ArticleFavoriteLink {
	font-size: 8pt;
	font-weight: bold;
}

#accountInfoCont {
	width: 218px;
	/*height: 258px;*/
	margin: 0px 0px 6px 0px;
	float: left;
}

#accountInfoBox {
	border: solid 1px #BFD591;
	padding: 6px 6px 6px 6px;
	margin: 0px 0px 0px 0px;
	width: 205px;
	/*height: 224px;*/
}

#accountInfo {
	width: 205px;
	/*height: 212px;*/
	font-size: 9pt;
}

#accountInfoEdit {
	width: 205px;
}

#savedSpecialOffersCont {
	display: none;
	width: 218px;
	height: 120px;
	margin: 0px 0px 6px 0px;
	float: left;
}

#savedSpecialOffers {
	border: solid 1px #BFD591;
	padding: 6px 6px 6px 6px;
	width: 205px;
	height: 87px;
}

#myHPMNewsCont {
	width: 610px;
	height: 140px;
	float: left;
}

#myHPMNews {
	border: solid 1px #BFD591;
	padding: 6px 6px 6px 6px;
	width: 598px;
	height: 108px;
}

/* - Favorites - */

#favoritesGridCont {
	width: 612px;
	float: left;
	z-index: 0;
}

#favoritesGridTab {
	height: 20px;
}

	#favoritesGridTab table {
		width: 134px;
	}

	#favoritesGridTab td.tabCurve {
		height: 20px;
		width: 3px;
	}

	#favoritesGridTab td.greenTabGrad {
		padding-top: 3px;
		padding-left: 2px;
		font-size: 10pt;
	}

#favoritesGrid {
	/*border: solid 1px #BFD591;*/
	width: 598px;
	font-size: 9pt;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
}

.favoritesBrownImgLine {
	width: 598px;
	height: 2px;
	margin: 12px 0px 12px 0px;
}

/* Project Plans Search Results Utility Areas */

.pnlGarageUtility {
	margin: -36px 0px 0px 0px;
	border: solid 1px white;
}

.pnlBuildingUtility {
	margin: -36px 0px 0px 0px;
	border: solid 1px white;
}

.testWrap {
	float: left;
	position: relative;
	z-index: 1;
	top: 36px;
}

#PPQuickSearch {
	float: left;
	margin: 0px 0px 6px 0px;
	z-index: 1;
	position: relative;
	top: 42px;
}

#PPpaginationCont {
	float: left;
	width: 612px;
	vertical-align: middle;
	margin: 0px 0px 5px 0px;
	padding: 3px 3px 3px 3px;
	position: relative;
	z-index: 0;
}

.paginationTable {
	width: 175px;
	float: right;
	margin: 0px 6px 0px 0px;
}

.paginationStyle {
	padding: 0px 0px 0px 0px;
	font-size: 10pt;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
}

#PPpaginationCont table {
	width: 175px;
	float: right;
	margin: 0px 6px 0px 0px;
}

#PPpaginationCont td {
	padding: 0px 0px 0px 0px;
	font-size: 8pt;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
	width: 175px;
}

#PPPageSortCompare {
	width: 612px;
}

#PPOtherSpacerCont {
	width: 150px;
	float: left;
}

#quickSearchTabBox {
	float: left;
	border-top: solid 1px #BFD591;
	padding: 6px 6px 6px 6px;
	font-size: 7pt;
}

	#quickSearchTabBox td {
		padding: 0px 5px 0px 5px;
		white-space: nowrap;
	}

#PPcompareContainer {
	float: right;
}

#PPcompareContainer02 {
	float: left;
	width: 612px;
	margin: 6px 0px 6px 0px;
}

.PPcompareTable {
	width: 350px;
	height: 52px;
	background-color: #f5f5f5;
	float: left;
}

.PPCompareButton {
	float: left;
	margin: -1px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
}

.PPcompareCellText {
	font-size: 8pt;
	vertical-align: middle;
	padding: 3px 3px 3px 6px;
}

.PPcompareCellCheckedImages {
	width: 185px;
	vertical-align: middle;
	background-image: url("/images/bg-compare-check-boxes.webp");
	background-position: center;
	background-repeat: no-repeat;
}

/* Garage Plans */

#PPPlansPerPageCont {
	float: left;
	/*border: solid 1px #BFD591;*/
	padding: 5px 2px 5px 2px;
	margin: 0px 6px 0px 0px;
}

	#PPPlansPerPageCont table {
	}

	#PPPlansPerPageCont td {
		padding: 2px 2px 2px 2px;
		font-size: 7pt;
		font-weight: bold;
		vertical-align: middle;
		white-space: nowrap;
	}

#PPsortResultsCont {
	float: left;
	/*border: solid 1px #BFD591;*/
	padding: 5px 2px 6px 2px;
	margin: 0px 6px 0px 0px;
}

	#PPsortResultsCont table {
	}

	#PPsortResultsCont td {
		padding: 2px 2px 2px 2px;
		font-size: 7pt;
		font-weight: bold;
		vertical-align: middle;
		white-space: nowrap;
	}

/* Building Plans */

/* Other Project Plans*/

#PPSortResultsYardArt {
	float: left;
	border: solid 1px #BFD591;
	background-color: #BFD591;
	padding: 5px 5px 6px 5px;
	margin: 0px 6px 0px 0px;
	width: 130px;
}

	#PPSortResultsYardArt table {
	}

	#PPSortResultsYardArt td {
		padding: 2px 2px 2px 2px;
		font-size: 7pt;
		font-weight: bold;
		vertical-align: middle;
		white-space: nowrap;
	}

/* - Search Results - */

#utilityArea {
	width: 100%;
}

#PlansPerPageCont {
	float: left;
	/*border: solid 1px #BFD591;*/
	margin: 0px 5px 0px 0px;
	padding: 3px 3px 3px 3px;
	width: 187px;
}

	#PlansPerPageCont table {
	}

	#PlansPerPageCont td {
		padding: 2px 6px 2px 6px;
		font-size: 7pt;
		font-weight: bold;
		vertical-align: middle;
		white-space: nowrap;
	}

.textBoxRedisplay {
	border: solid 2px #523A26;
	font-size: 8pt;
	vertical-align: middle;
}

#sortResultsCont {
	float: left;
	/*border: solid 1px #BFD591;*/
	padding: 2px 3px 3px 3px;
	margin: 0px 5px 5px 0px;
	width: 206px;
}

	#sortResultsCont table {
	}

	#sortResultsCont td {
		padding: 3px 6px 3px 6px;
		font-size: 8pt;
		font-weight: bold;
		vertical-align: middle;
		white-space: nowrap;
	}


.pullDownSortResult {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width: 105px;
	font-weight: bold;
	background-color: Transparent;
	margin: 1px 0px 0px 0px;
	vertical-align: middle;
}

#paginationCont {
	float: left;
	width: 185px;
	vertical-align: middle;
	margin: 0px 0px 5px 0px;
	padding: 3px 3px 3px 3px;
}

	#paginationCont table {
		width: 185px;
	}

	#paginationCont td {
		padding: 0px 0px 0px 0px;
		font-size: 8pt;
		font-weight: bold;
		vertical-align: middle;
		text-align: right;
		width: 175px;
	}

#divEstToBuildAndCompare {
	float: left;
}

#estCostContainer {
	float: left;
}

.estCostTable {
	border: solid 1px #BFD591;
	margin-right: 5px;
	width: 255px;
	height: 52px;
}

.estCostCell {
	padding: 3px 3px 0px 6px;
	font-size: 10pt;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
}

.estCostCellForm {
	padding: 3px 3px 3px 6px;
	font-size: 8pt;
	font-weight: bold;
	text-transform: capitalize;
	vertical-align: middle;
}

.estCostCellFormResult {
	padding: 3px 3px 3px 6px;
	font-size: 12pt;
	font-weight: bold;
	vertical-align: middle;
	color: #DB5427;
}

.estCostCellForm input[type=text] {
	vertical-align: middle;
	margin: 0px 6px 0px 6px;
	border: solid 2px #523A26;
	font-size: 8pt;
}

.estCostCellFormTextBox {
	vertical-align: middle;
	margin: 0px 6px 0px 6px;
	border: solid 2px #523A26;
	font-size: 8pt;
}

.lblContactSignUp {
	display: inline-block;
	font-size: 12px;
	width: 340px;
}

#compareContainer {
	float: left;
	margin: 0px 0px 6px 0px;
}

#compareContainer02 {
	float: left;
	width: 100%;
	margin: 6px 0px 6px 0px;
}

.compareChkBoxTxtBlue {
	color: #00699F;
	font-weight: bold;
}

.compareChkBoxTxtRed {
	color: #CC4A50;
	font-weight: bold;
}

.compareChkBoxTxtPurple {
	color: #5F4087;
	font-weight: bold;
}

.compareChkBoxTxtGreen {
	color: #63968B;
	font-weight: bold;
}

.compareTable {
	width: 100%;
	height: 52px;
	background-color: #f5f5f5;
	float: left;
}

.CompareButton {
	float: left;
	margin: -1px 0px 0px 6px;
	padding: 0px 0px 0px 0px;
}

.compareCellText {
	font-size: 8pt;
	vertical-align: middle;
	padding: 3px 3px 3px 6px;
}

.compareCellCheckedImages {
	width: 185px;
	vertical-align: middle;
	background-image: url("/images/bg-compare-check-boxes.webp");
	background-position: center;
	background-repeat: no-repeat;
}

.viewCatalogTable {
	width: 612px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
}

.viewCatalogTableFavPG {
	width: 612px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
	float: left;
}

#divGrid {
	float: left;
	box-sizing: border-box;
	width: 100%;
	font-size: 9pt;
	border-top: solid 1px #BFD591;
	margin: 6px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
}

#descriptionBottomContainer {
	float: left;
	width: 100%;
	margin: 12px 0px 0px 0px;
	padding: 12px 12px 12px 12px;
	box-sizing: border-box;
}

.searchResultsImgCell {
	width: 150px;
	padding: 0px 12px 0px 0px;
}

.searchResultEstimatedCost {
	color: #69945D;
	font-weight: bold;
}

.searchResultPlanNumberLink {
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.searchResultCompFavUtil {
	width: 140px;
}

.searchResultStartAt {
	color: #DB5427;
	text-transform: lowercase;
	font-weight: bold;
	font-size: 8pt;
}

.searchResultPrice1Set {
	color: #DB5427;
	font-weight: bold;
	font-size: 12pt;
}

.searchResultBrownImgLine {
	width: 100%;
	height: 2px;
	margin: 12px 0px 12px 0px;
}

/* - Account Settings styles - */
/* - Customer Form - */

.formValidationAlert {
	font-size: 8pt;
	color: #DB5427;
	font-weight: bold;
}

.textBoxAccount {
	/*border: solid 1px #BFD591;*/
	font-size: 10pt;
	width: 150px;
	vertical-align: middle;
	float: left;
}

#customerAccountFormCont {
	/*border: solid 1px #BFD591;*/
	padding: 12px 12px 12px 12px;
	width: 585px;
}

	#customerAccountFormCont table {
		width: 585px;
	}

	#customerAccountFormCont td {
		padding: 12px 0px 0px 12px;
		white-space: nowrap;
		vertical-align: middle;
		/*border: solid 1px black;*/
	}

	#customerAccountFormCont input[type=text], #customerAccountFormCont select {
		border: solid 1px #BFD591;
		width: 200px;
		font-size: 10pt;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
		float: left;
	}

	#customerAccountFormCont input[type=password] {
		border: solid 1px #BFD591;
		width: 200px;
		font-size: 10pt;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
	}

	#customerAccountFormCont .formButton {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		color: #FFFFFF;
		font-weight: bold;
		/*background-image: url("/images/submit-button.webp");
	background-color: Transparent;*/
		border: none 0px black;
		width: 65px;
		height: 23px;
		vertical-align: middle;
		text-align: center;
		padding: 3px 3px 3px 3px;
		float: right;
	}

	#customerAccountFormCont p {
		text-align: right;
		margin: 0px 0px 0px 0px;
	}

#customerAccountFormReqMsg p {
	text-align: right;
	margin: 0px 0px 0px 0px;
}

/* - Builder Form - */
#builderAccountFormCont {
	/*border: solid 1px #BFD591;*/
	padding: 12px 12px 12px 12px;
	width: 585px;
}

	#builderAccountFormCont table {
		width: 585px;
	}

	#builderAccountFormCont td {
		padding: 12px 0px 0px 12px;
		vertical-align: middle;
	}

	#builderAccountFormCont input[type=text] {
		border: solid 1px #BFD591;
		width: 115px;
		font-size: 10pt;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
		float: left;
	}


	#builderAccountFormCont textarea {
		border: solid 1px #BFD591;
		width: 200px;
		height: 100px;
		font-size: 10pt;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
	}

	#builderAccountFormCont input[type=password] {
		border: solid 1px #BFD591;
		width: 115px;
		font-size: 10pt;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
	}

	#builderAccountFormCont .formButton {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 10pt;
		color: #FFFFFF;
		font-weight: bold;
		/*background-image: url("/images/submit-button.webp");*/
		background-color: #000000;
		border: none 0px black;
		width: 65px;
		height: 23px;
		vertical-align: middle;
		text-align: center;
		padding: 3px 3px 3px 3px;
		float: right;
	}

	#builderAccountFormCont p {
		text-align: right;
		margin: 0px 0px 0px 0px;
	}

/* - Add To Cart Form - */

#addToCartCont {
	/*border: solid 1px #BFD591;*/
	width: 612px;
	float: left;
}

	#addToCartCont table {
		width: 545px;
		margin: 0px 0px 0px 33px;
	}

.addToCartFoundation {
	margin: 12px 0px 12px 33px;
}

.addToCartFoundationSelect {
	vertical-align: middle;
}

.addToCartPlanPackageHelp {
	margin: 12px 0px 12px 0px;
	text-align: center;
}

	.addToCartPlanPackageHelp a {
		color: #DB5427;
		text-decoration: underline;
		font-weight: bold;
		margin: 12px 0px 12px 10px;
	}

		.addToCartPlanPackageHelp a:hover {
			color: #523A26;
			text-decoration: underline;
			font-weight: bold;
		}

.BuyThisPlan {
	background: url("/images/btn-buy-this-plan-bg.webp") no-repeat scroll 0 0 transparent;
	color: #FFFFFF;
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 43px;
	padding-top: 12px;
	text-decoration: none;
	text-indent: 19px;
	width: 203px;
	margin: 0 auto 12px auto !important;
}

	.BuyThisPlan:hover {
		cursor: pointer;
	}


.CostToBuild {
	/*background: url("/images/btn-buy-this-plan-bg.webp") no-repeat scroll 0 0 transparent;*/
	color: #FFFFFF;
	float: left;
	font-size: 16px;
	font-weight: bold;
	height: 43px;
	padding-top: 12px;
	text-decoration: none;
	text-indent: 19px;
	width: 174px;
}

.BuyThisPlan:hover {
	color: #FFFFFF;
}

.AddToCartHeader {
	background-color: #000000;
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	height: 31px;
}

.AddToCartHeaderFFfix {
	/*background-color: #523A26;*/
	font-size: 9pt;
	font-weight: bold;
	color: #FFFFFF;
	height: 31px;
	vertical-align: middle;
	padding: 0px 0px 0px 12px;
}

.addToCartGrid {
	padding: 0px 12px 0px 12px;
	font-size: 9pt;
	/*border: solid 1px #523A26;*/
	border-top: none;
}

.addToCartGridTop {
	border-bottom: none;
}

.addToCartGridFF {
	padding: 0px 12px 0px 12px;
	font-size: 9pt;
}

.addToCartPackageSelector {
	padding-left: 15px;
}

.addToCartItemHeader {
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
}

.addToCartPrice {
	font-size: 12pt;
	font-weight: bold;
	padding-top: 12px;
}

.addToCartHilite {
	color: #DA5430;
	font-style: italic;
}

.addToCartHeadline {
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 0px;
}

.bordered {
	border-left: solid 1px #523A26;
}


/* - cart.aspx Form - */

.CartGrid {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 9pt;
	border: solid 1px red;
}

.cartSectionHeaders {
	font-weight: bold;
	text-transform: uppercase;
}

.cartFormHeaders {
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}

.CouponAmount {
	color: #DB5427;
	width: 60px;
}

#cartIcon {
	width: 97px;
	text-align: center;
	margin-bottom: 5px;
}

#cartProgressBar {
	display: inline-block;
	height: 48px;
	margin-bottom: 12px;
	margin-top: 12px;
	width: 100%;
}

#cartProgressCont {
	width: 205px;
	height: 48px;
}

#cartStepOne {
	height: 23px;
	float: left;
}

	#cartStepOne table {
		width: 97px;
	}

	#cartStepOne td.btnCurve {
		height: 23px;
		width: 4px;
	}

#cartStepTwo {
	width: 97px;
	height: 23px;
	float: right;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	font-size: 8pt;
	text-transform: lowercase;
	color: #929497;
	white-space: nowrap;
	margin-top: 5px;
}

#cartFormValidation {
	margin-bottom: 12px;
	width: 588px;
}

#cartCont {
	width: 588px;
	border: solid 1px #BFD591;
	padding: 12px 12px 12px 12px;
	font-size: 9pt;
	float: left;
}

	#cartCont input[type="text"] {
		border: solid 1px #BFD591;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
		float: left;
	}

	#cartCont select {
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
		text-transform: capitalize;
	}

	#cartCont table.cartFormTables {
		width: 588px;
		margin: 0px 0px 0px 0px;
	}

	#cartCont td {
		vertical-align: middle;
	}

.floatLeftCB {
	float: left;
}

.btnOrangeGrad {
	background-image: url("/images/btn-orange-gradient-fill.webp");
	text-align: center;
	font-weight: bold;
	font-size: 8pt;
	text-transform: lowercase;
	vertical-align: middle;
	height: 23px;
	color: #FFFFFF;
	white-space: nowrap;
}

/* - Compare Page Styles - */

#CompareHeader {
	width: 988px;
	/*height: 30px;*/
	float: left;
	margin: 17px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	/*background-color: #BFD591;*/
}

#CompareBreadPrintCont {
	width: 971px;
	height: 40px;
	float: left;
	margin: 6px 0px 6px 0px;
	padding: 0px 0px 0px 17px;
}

#printButton {
	float: left;
	width: 35px;
}

#CompareColumn {
	float: left;
	margin: 0px 0px 0px 17px;
}

.CompareTop {
	border: solid 1px #BFD591;
	width: 200px;
	padding: 6px 6px 6px 6px;
	margin: 0px 17px 0px 0px;
}

.CompareContainerSections {
	border: solid 1px #BFD591;
	width: 212px;
	margin: 12px 17px 0px 0px;
}

.CompareContent {
	padding: 6px 6px 6px 6px;
}

.CompareHeader {
	/*background-color: #BFD591;*/
	width: 212px;
	height: 40px;
	margin-top: 0px;
}

.CompareTopTable {
	width: 200px;
}

.compareTopCell {
	padding: 3px 3px 3px 3px;
}

.removeLink {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 45px;
	float: right;
}

.compareTopPlanImage {
	text-align: center;
}

.compareTopCartBtnCell {
	text-align: center;
}

.PlanNumber {
	font-size: 11pt;
	font-weight: bold;
	margin: 3px 12px 3px 12px;
}

.PlanHeadline {
	font-size: 10pt;
	margin: 3px 12px 3px 12px;
}

.PlanStartingPrice {
	font-size: 11pt;
	font-weight: bold;
	margin: 3px 12px 3px 12px;
	color: #DC5427;
}

.ComparePlanSectionHeaders {
	font-size: 11pt;
	font-weight: bold;
	margin: 0px 12px 3px 12px;
	padding: 12px 0px 12px 0px;
}

/* - Resource Center Landing Page Styles - */

#RCLPCont {
	width: 100%;
	/*border: solid 1px #BFD591;*/
}

	#RCLPCont table {
		padding: 0px 0px 0px 0px;
	}

	#RCLPCont td {
		vertical-align: top;
		padding: 12px 12px 12px 12px;
	}

		#RCLPCont td p.Titles {
			font-size: 11pt;
			font-weight: bold;
			text-transform: uppercase;
			margin: 0px;
			padding: 0px 0px 0px 0px;
		}

		#RCLPCont td ul {
			padding: 0px 0px 0px 12px;
			margin: 0px 0px 0px 0px;
			list-style-type: disc;
			color: #8AB255;
		}

			#RCLPCont td ul a {
				text-decoration: none;
				font-weight: bold;
			}

				#RCLPCont td ul a:hover {
					text-decoration: underline;
					font-weight: bold;
				}

.green {
	color: #8BA37E;
}

	.green:hover {
		color: #F09D2A;
		text-decoration: underline;
	}

.RCLPparagraphs {
	font-size: 10pt;
	margin: 0px;
}

/* - Article Page Styles - */

#ArticleContainer {
	width: 612px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#ArticleSectionContent {
	width: 585px;
	border: solid 2px #BFD591;
	padding: 12px 12px 12px 12px;
	margin: 0px 0px 0px 0px;
}

	#ArticleSectionContent p {
		margin: 0px 0px 0px 0px;
	}

#ArticleSubSectionContent {
	width: 585px;
	padding: 12px 12px 12px 12px;
	margin: 0px 0px 0px 0px;
}

	#ArticleSubSectionContent p {
		margin: 0px 0px 0px 0px;
	}

#ArticleContent {
	width: 612px;
	margin: 0px 0px 0px 0px;
}

.articlePhoto {
	text-align: center;
}

#ArticleContent h1.td {
	font-size: 10pt;
	font-weight: bold;
}

#ArticleContent h2 {
	font-size: 10pt;
	font-weight: bold;
}

#ArticleContent h3 {
	font-size: 10px;
	font-weight: bold;
}

#ArticleContent h4 {
	font-size: 10px;
	font-weight: bold;
	border-top: thick;
}

.ArticleTopicsTable {
	padding: 0px 0px 0px 0px;
	margin: 6px 0px 0px 0px;
}

.ArticleTopicsCell {
	vertical-align: top;
}

.articleTitle {
	color: #82A3BC;
	font-size: 12pt;
}

.articleIntro {
	font-size: 9pt;
	font-weight: normal;
	font-style: italic;
}

.articleCaption {
	font-size: 7pt;
	font-weight: normal;
	/*color: #523A26;*/
}

.articleCaptionTextAlignCenter {
	font-size: 7pt;
	font-weight: normal;
	/*color: #523A26;*/
	text-align: center;
}

.articleTopicsH1 {
	font-size: 12pt;
	width: 597px;
	height: 23px;
	padding: 7px 0px 2px 12px;
	margin: -12px 0px 0px -12px;
	color: #FFFFFF;
	text-transform: uppercase;
}

.articleBackToTop {
	font-size: 7pt;
	font-weight: normal;
	/*color: #523A26;*/
	text-align: center;
	margin: 36px 0px 18px 0px;
}

/* Industry Links */

#industryLinksLPContent p {
	margin: 0px 0px 0px 0px;
}

/* Plan Detail Page */


#headerPlanDetail {
	width: 988px;
	height: 30px;
	/*background-color: #BFD591;*/
	margin: 17px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	float: left;
}

.headerPlanDetail2 {
	width: 618px !important;
}

.headerBordered {
	border: 1px solid #523B27;
	border-bottom: none;
}

#ie6bugFixPlanDetailMainImageBox {
	float: left;
}

#planDetailMainImage {
	width: 603px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	display: inline-block;
}

#ie6BugFixPlanDetailThumbImageArray {
	float: left;
}

#planDetailThumbImageArray {
	width: 603px;
	padding: 0px 0px 0px 0px;
	margin: 0px 24px 12px 18px;
	float: none;
}

	#planDetailThumbImageArray img {
		width: 150px;
		height: 100px;
		margin: 0px -4px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

#planDetailFeaturesCont {
	float: right;
	width: 323px;
	vertical-align: top;
	margin: 0px 18px 0px 0px;
	clear: right;
}

#planDetailQuickDetailsCont {
	width: 323px;
}

	#planDetailQuickDetailsCont ul {
		list-style-image: url("/images/icon-bullet-list-disc-brown.webp");
		margin: 0px 0px 0px 10px;
		list-style-type: none;
		padding: 2px 0px 0px 10px;
	}

#planDetailEstimatedCostCont {
	width: 323px;
}

#planDetailsEstCostText {
	width: 313px;
	line-height: 16px;
}

#planDetailAdditionalOptionsCont {
	width: 323px;
}

#planDetailAdditionalOptions ul {
	margin: 0 0 0 10px;
	list-style-image: url("/images/icon-bullet-list-disc-brown2.webp");
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}

#planDetailAdditionalOptions li {
	/*color: #4885B4;	*/
	font-weight: bold;
	margin: 0px 0px 6px 0px;
}

	#planDetailAdditionalOptions li a {
		/*color: #4885B4;	*/
		font-weight: bold;
	}

.planDetailAdditionalOptionsText {
	/* color: #4885B4;	*/
	font-weight: bold;
	text-decoration: underline;
}

.planDetailButtonArea {
	text-align: center;
	margin-left: 15px;
	margin-bottom: 15px;
	width: 615px;
	float: left;
}

.planDetailButton {
	z-index: 2;
	height: 32px;
	background-color: #BFD591;
	float: left;
	margin-right: 15px;
	padding: 5px;
	vertical-align: middle;
	font-weight: bold;
	font-size: 16px;
}

#planDetailPlanFeaturesCont {
	width: 323px;
	font-size: 9pt;
}

	#planDetailPlanFeaturesCont ul {
		list-style-image: url("/images/icon-bullet-list-disc-brown.webp");
		margin: 0px 0px 0px 10px;
		list-style-type: none;
		padding: 2px 0px 0px 10px;
	}

	#planDetailPlanFeaturesCont li {
		margin: 0px 0px 3px 0px;
	}

		#planDetailPlanFeaturesCont li a {
			text-decoration: none;
		}

#planDetailPlanFeatures {
	/*padding: 6px 6px 6px 6px;*/
}

#DetailSpecialFeaturesCont, #DetailDescriptionCont {
	width: 622px;
	font-size: 9pt;
	text-align: center;
	margin-left: 15px;
	line-height: 15px;
}

#PPplanDetailSpecialFeaturesCont {
	width: 323px;
	font-size: 3pt;
}

#DetailSpecialFeaturesCont ul {
	/*list-style-image: url("/images/icon-bullet-list-disc-brown.webp");*/
	margin: 0px 0px 0px 10px;
	list-style-type: none;
	padding: 2px 0px 0px 10px;
}

#DetailSpecialFeaturesCont li {
	margin: 0px 0px 6px 0px;
}

#DetailSpecialFeatures {
	padding: 6px 6px 6px 6px;
}

#planDetailSimilarPlanCont {
	width: 323px;
	font-size: 9pt;
}

	#planDetailSimilarPlanCont ul {
		margin: 0px 0px 0px 0px;
		list-style-image: url("/images/icon-bullet-list-disc-brown.webp");
	}

	#planDetailSimilarPlanCont li a {
		text-decoration: none;
	}

#planDetailSimilarPlan {
	/*padding: 6px 6px 6px 6px;*/
}

	#planDetailSimilarPlan a {
		text-decoration: none;
		text-transform: uppercase;
		font-weight: bold;
		/*font-size: 14px;*/
		margin-bottom: 5px;
		display: block;
	}

#planDetailsRelatedPlans {
	width: 345px;
}

#planDetailsRelatedPlansCont {
	width: 323px;
}

.seemore {
	float: right;
	font-style: italic;
	font-weight: bold;
	margin: 0 12px 10px 0;
	position: relative;
	text-decoration: none;
}


#planDetailIconsAddToCart {
	width: 350px;
	margin: 0px 12px 12px 0px;
	float: left;
}

	#planDetailIconsAddToCart img {
		vertical-align: middle;
		margin-right: 4px;
	}

#planDetailPlanNumberHeadline {
	width: 323px;
	margin-right: 12px;
	/*margin-bottom: 12px;*/
	float: left;
}

.DetailHeadline {
	display: block;
	float: left;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 8px;
	margin-top: 5px;
	text-align: center;
	/*width: 640px;*/
}

/*
.planDetailMiniPriceGrid, DetailMiniPriceGrid #planDetailMiniPriceGrid, #planDetailMiniPriceGridAids, #planDetailMiniPriceGridOptions, #planDetailMiniPriceGridShipping, #planDetailMiniPriceGridFoundations {
 */

.planDetailGrid {
	min-width: 245px;
	margin-bottom: 12px;
	float: left;
	border: solid 1px black;
}

#ie6BugFixFloorImageCont {
	float: left;
	margin-top: 20px;
}

.floorImageCont {
	width: 603px;
	padding: 0px 0px 0px 0px;
	margin: 0px 24px 12px 18px;
	float: none;
}

#planDetailFloorImageCont {
	/*border: solid 1px #523A26;*/
	margin: 0px 0px 12px 0px;
}

.copyright {
	width: 603px;
	font-size: 7pt;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
}

.detailViewLinks {
	text-align: left;
	text-transform: lowercase;
	font-size: 8pt;
	font-weight: bold;
	margin: 2px 4px 0px 0px;
}

.floorImageFont {
	font-size: 14pt;
	font-weight: bold;
	margin: 6px 0px 12px 12px;
	text-transform: uppercase;
}

.planDetailPlanNumberHeadlineFont {
	font-size: 14pt;
	font-weight: bold;
}

.remBull {
	list-style-type: none;
	list-style-image: none;
}


/* Design And Material Outline */

#designAndMaterialOutlineHeader {
	width: 612px;
	height: 70px;
	background-color: #BFD591;
	margin-top: 17px;
	background-image: url("/images/small-header-design-material-outline.webp");
}

.printThisPage {
	float: right;
}

.designAndMaterialOutlineGreenHeader {
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #BFD591;
}

.designAndMaterialOutlineBrownHeader {
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
}

#designAndMaterialOutlineCont ul {
	margin-top: -10px;
	list-style-type: disc;
	list-style-image: url("/images/icon-bullet-list-disc-green.webp");
}

/* Plan Image Detail */

#imageDetailCont {
	padding-left: 194px;
	position: relative;
}

#imageDetailLinksMirrorBtn {
	margin: 0px 0px 12px 0px;
	text-align: center;
	display: inline-block;
	float: left;
}

	#imageDetailLinksMirrorBtn table {
		width: 600px;
	}

.imageDetailLinksMirrorBtnCell {
	width: 10px;
	height: 23px;
}

#imageDetailLargeImage {
	width: 800px;
}

.imageDetailCopyright {
	width: 740px;
	vertical-align: middle;
	text-align: center;
}

#imageDetailPagination table {
	width: 800px;
}

#imageDetailImageGrid {
	width: 800px;
	margin-left: 5px;
}

	#imageDetailImageGrid img {
		margin-right: 10px;
		margin-top: 10px;
	}

/* Gallery Search Results */

#headerTallVideoPhotoGallery table.photoGalleryForm {
	background-color: #FFFFFF;
	width: 100px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#headerTallVideoPhotoGallery td {
	padding: 0px;
}

.headerTallVideoPhotoGallery td.photoGalleryTD {
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
	height: 20px;
}

/* Video Gallery */

#headerTallVideoGallery table.photoGalleryForm {
	background-color: #FFFFFF;
	width: 260px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#headerTallVideoGallery td {
	padding: 6px 6px 6px 6px;
}

	#headerTallVideoGallery td.photoGalleryTD {
		padding: 3px 3px 3px 3px;
		margin: 0px 0px 0px 0px;
	}

/* Photo Gallery */


#headerTallPhotoGallery table.photoGalleryForm {
	background-color: #FFFFFF;
	width: 260px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#headerTallPhotoGallery td {
	padding: 6px 6px 6px 6px;
}

	#headerTallPhotoGallery td.photoGalleryTD {
		padding: 3px 3px 3px 3px;
		margin: 0px 0px 0px 0px;
	}

.photoGalleryFormTB input[type=text] {
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	border: solid 1px #523A26;
	width: 250px;
	font-size: 8pt;
}

.photoGalleryFormTB {
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	border: solid 1px #523A26;
	width: 250px;
	font-size: 8pt;
}

.photoGalleryFormCB input[type=checkbox] {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.photoGalleryFormCB {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

#photoGallerySearchResultsCont {
	width: 576px;
	margin: 0px 0px 0px 0px;
	padding: 18px 0px 0px 38px;
	float: left;
}

#photoGalleryFeaturedPhotosCont {
	width: 612px;
	margin: 0px 0px 12px 0px;
}

#photoGalleryFeaturedPhotosTabBox {
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 38px;
	border-top: solid 1px #BFD591;
	box-sizing: border-box;
	overflow: hidden;
}

#photoGalleryFeaturedPhotosPageTabBox {
	width: 576px;
	margin: 0px 0px 0px 0px;
	padding: 18px 0px 0px 38px;
	/*border: solid 1px #BFD591;	*/
}

#photoGalleryFeaturedVideosCont {
	width: 612px;
	margin: 0px 0px 12px 0px;
}

#photoGalleryFeaturedVideosTabBox {
	width: 100%;
	height: auto;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 38px;
	border-top: solid 1px #BFD591;
	box-sizing: border-box;
	overflow: hidden;
}

#photoGalleryFeaturedVideosPageTabBox {
	width: 576px;
	margin: 0px 0px 0px 0px;
	padding: 18px 0px 0px 38px;
	/*border: solid 1px #BFD591;	*/
}

#photoGalleryDetailTNStack {
	width: 125px;
	height: 600px;
	padding: 12px 17px 17px 17px;
	margin: 0px 17px 0px 0px;
	/*border: solid 1px #BFD591;*/
	float: left;
	overflow: auto;
}

	#photoGalleryDetailTNStack img {
		margin: 0px 0px 6px 0px;
	}

	#photoGalleryDetailTNStack p {
		margin: 6px 0px 6px 0px;
	}

#photoGalleryDetailLargeImage {
	float: left;
	width: 800px;
}

.galleryPhotoDescription {
	padding: 6px 6px 6px 6px;
}

#featureItem a span {
	position: absolute;
	width: 150px;
	height: 100px;
	box-shadow: inset 0px 0px 20px rgba(110,110,110,0.6);
}

	#featureItem a span:hover {
		box-shadow: inset 0px 0px 50px rgba(255,255,255,0.6);
	}

.planDetailsLink {
	text-align: right;
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 15px;
}

.featureItemTabBox {
	border: solid 1px #BFD591;
	width: 323px;
	height: 400px;
}

#featureItem {
	float: left;
	white-space: nowrap;
	margin: 0px 28px 8px 0px;
	height: 125px;
	width: 150px;
	border: solid 0px white;
}

#ie6FixfeaturePageItem {
	float: left;
}

#featurePageItem {
	white-space: nowrap;
	margin: 0px 36px 18px 0px;
}

#featureLink {
	float: right;
	margin: 0px 18px 18px 0px;
	padding: 0px 0px 0px 0px;
}

.featureItemPlanNumber {
	font-weight: bold;
	font-size: 8pt;
	text-transform: uppercase;
	margin: 0px 0px 6px 0px;
}

/* Video Gallery */

#VideoContent {
	width: 588px;
	border: solid 1px #BFD591;
	padding: 12px 12px 12px 12px;
}

/* Home Plans Landing Page */


#homePlansLPCont {
	/*border: solid 1px #BFD591;*/
	padding: 12px 12px 12px 12px;
}

/* Home Plans By Style Page */

#searchByStyleCont {
	width: 576px;
	padding: 12px 17px 17px 17px;
	/*border: solid 1px #BFD591;*/
	float: left;
}

/* Books And More Landing Page */

#booksAndMoreGrid {
	width: 612px;
	float: left;
}

.booksGrid {
	margin: 0px 16px 12px 0px;
	float: left;
}

.booksGridTable {
	width: 290px;
	height: 165px;
	float: left;
}


.bookSRImage {
	width: 125px;
	padding: 6px 6px 6px 6px;
}

.bookSRDescript {
	width: 181px;
	padding: 6px 6px 6px 6px;
}

.bookTitle {
	font-weight: bold;
	font-size: 8pt;
	height: 81px;
}

.bookShortDescript {
	font-size: 8pt;
}

.bookTitleLink {
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

.bookDetailLink {
	font-weight: bold;
	font-size: 8pt;
}

.bookSRPrice {
	color: #DB5427;
	font-weight: bold;
	font-size: 12pt;
	height: 81px;
}

/* Books And More Detail Page */

#booksAndMoreDetailCont {
	width: 590px;
	/*border: solid 1px #BFD591;*/
	padding: 19px 0px 22px 22px;
}

.bookTitleH1 {
	text-align: left;
	font-size: 14pt;
	height: 30px;
	margin: 0px 0px -6px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}

.bookDetailImg {
	margin: 12px 12px 0px 0px;
}

.bookDetailDescrip {
	margin: 12px 12px 0px 0px;
}

.bookSpreadImg {
	margin: 40px 0px 0px 0px;
}


/* Energy Efficient House Plans Landing Page */

#energyEfficientCont {
	width: 612px;
	border: solid 1px #BFD591;
}

.energyEfficientGrid {
	width: 612px;
	border: solid 1px black;
}

.energyEfficientItem {
	text-align: center;
	height: 100px;
}

	.energyEfficientItem img {
		margin-top: 3px;
	}

.energyEfficientTitle {
	font-weight: bold;
	font-size: 9pt;
	text-decoration: none;
}

/* Locate A Builder Results */

.LABstateRegionTable {
	width: 612px;
}

.LABstateRegionImg {
}

.LABstateRegionSortForm {
	width: 130px;
	background-color: #BFD591;
	padding-left: 15px;
}

.LABResultsTable {
	width: 600px;
	padding: 2px 0px 2px 0px;
}

.LABResultsTableTd {
	background-color: #BFD591;
	width: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.LABResultsHeader {
	text-align: right;
	padding-right: 18px;
	width: 200px;
}

.LABResultsData {
	width: 390px;
	padding-left: 18px;
	text-transform: capitalize;
}

.LABResultsLink {
	width: 390px;
	padding-left: 18px;
	text-transform: lowercase;
}

/* FAQ Landing Page */

#FAQ {
	width: 600px;
}

/* FAQ Section Detail */

#faqSectionDetailCont {
	width: 500px;
}

.faqSectionDetailTable {
	width: 583px;
	margin-left: 17px;
	margin-right: 17px;
}

.faqSectionDetailCell {
	padding: 3px 3px 3px 3px;
}

	.faqSectionDetailCell img {
		padding-top: 12px;
		padding-bottom: 12px;
	}

.faqQuestion {
	font-weight: bold;
	color: #5D7653;
}

/* Contact Us Form */

#contactUsHeaderInfo {
	margin-left: 40px;
	margin-bottom: 25px;
}

#contactUsFormCont {
	width: 500px;
	/*border: solid 1px #BFD591;*/
	margin-left: 20px;
	padding-left: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.contactUsHeaderInfoTable {
	width: 585px;
}

.contactUsFormTable {
	width: 500px;
}

.contactUsFormCellLeft {
	padding: 5px 5px 5px 5px;
	text-align: right;
	width: 250px;
}

.contactUsFormCellRight {
	padding: 5px 5px 5px 5px;
	text-align: left;
	width: 250px;
}

/* Account Registration Form (Customer/Builder) - Other formatting found under Account Settings CSS */


/* Ask The Professional Form */

#ATPFormCont {
	width: 612px;
}

.ATPText {
	text-align: left;
}

.ATPForm {
	width: 550px;
	border: solid 1px #BFD591;
	margin: 18px 0px 0px 24px;
}

.ATPFormTable {
	width: 525px;
	margin: 12px 12px 12px 12px;
}

.ATPFormCell {
	width: 160px;
	padding: 3px 3px 3px 3px;
}

.ATPFormCell2 {
	padding: 3px 3px 3px 3px;
}

/* Special Offers Page */

#specialOffersPageCont {
	/*border: solid 1px #BFD591;*/
	width: 612px;
	float: left;
}

.specialOffersPageTable {
	margin: 12px 12px 12px 12px;
}

.specialOffersPageCell {
	padding: 3px 3px 3px 3px;
}

.specialOffersPageTitle {
	color: #2D5B5F;
	font-weight: bold;
}

/* Print This Plan Page One */

.printThisPlanPageOneTable {
	width: 615px;
	height: 850px;
	margin-bottom: 35px;
}

.printThisPlanPageTwoTable {
	width: 615px;
	height: 850px;
}

.printThisPlanPageOneHeaderCell {
	height: 100px;
}

.printThisPlanPageTwoHeaderCell {
	height: 100px;
}

.printThisPlanPageTwoStripeCell {
	height: 25px;
	background-color: #BFD591;
}

.printThisPlanPageOneBodyCell {
	height: 700px;
	width: 307px;
}

.printThisPlanPageOneFooterCell {
	height: 50px;
}

.printThisPlanPlanNumber {
	font-size: 14pt;
	font-weight: bold;
	margin: 0px 0px 12px 0px;
}

.printThisPlanFloorImageFont {
	font-size: 12pt;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
}

.printThisPlanQuickDetailsList {
	list-style: none;
	margin: 0px 0px 12px 0px;
}

.printThisPlanPageTwoGraphicCell {
	width: 315px;
	height: 250px;
	padding-top: 12px;
}

.printThisPlanPageTwoGraphicDescriptCell {
	width: 300px;
	height: 250px;
	padding-top: 12px;
	font-size: 9pt;
}

/* KLC - renamed from .8SetTable to .EightSetTable for validation ("8SetTable" was not found anywhere in code anyway) */
.EightSetTable {
	width: 615px;
	border: solid 1px black;
}

.printThisPlanPageTwo8SetCell {
	height: 100px;
}

.printThisPlanPageTwo5SetCell {
	height: 100px;
}

.printThisPlanPageTwoCADCell {
	height: 100px;
}

.printThisPlanPageTwoPDFCell {
	height: 100px;
}

.printThisPlanPageTwoFooterCell {
	height: 50px;
}

/* Create Your Own Catalog */

.CYOCPgTable {
	width: 615px;
	height: 850px;
	margin-bottom: 35px;
}

.CYOCPgOneHeaderCell {
	height: 100px;
	width: 250px;
}

.CYOCPgOneStripeCell {
	height: 25px;
	background-color: #BFD591;
}

.CYOCPgOneInfoCell {
	height: 31px;
	font-size: 9pt;
	text-align: center;
}

.CYOCPgOneBodyCell {
	height: 650px;
	vertical-align: top;
	padding: 0px 24px 0px 24px;
}

.CYOCItemContainer {
	border: solid 1px #BFD591;
	width: 150px;
	height: 228px;
	padding: 12px 12px 12px 12px;
	margin: 6px 12px 6px 0px;
	float: left;
}

.CYOCItemTable {
	width: 150px;
}

.CYOCPlanNumber {
	margin: 6px 0px 2px 0px;
	font-size: 10.5pt;
	font-weight: bold;
	text-transform: uppercase;
}

.CYOCItem {
	margin: 3px 0px 3px 0px;
}

.CYOCPgOneFooterCell {
	height: 50px;
}

.CYOCPgTwoSpaceCell {
	height: 12px;
}

.CYOCBodyCell {
	height: 675px;
	width: 307px;
}

/* Green Resources Landing Page */

.grFeaturedTable {
	width: 565px;
	background-color: #BFD591;
}

#greenResourcesLPContent {
	width: 585px;
}

	#greenResourcesLPContent td {
		padding: 6px 6px 6px 6px;
	}

	#greenResourcesLPContent p {
		margin: 0px 0px 0px 0px;
	}

/* Log Out Page */

#logOutCont {
	width: 585px;
	border: solid 1px #BFD591;
	padding: 12px 12px 12px 12px;
}

/* Project Plans Landing Page */

#projectPlanLPCont {
	text-align: center;
}

	#projectPlanLPCont td {
		width: 180px;
		text-align: left;
	}

.ppGarages {
	background-color: #82A3BC;
	width: 180px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.ppSheds {
	background-color: #BF5964;
	width: 180px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.ppDecksGazebos {
	background-color: #8BA37E;
	width: 180px;
	height: 20px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.ppBuildings {
	background-color: #FBB347;
	width: 180px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.ppAdditions {
	background-color: #8D6A87;
	width: 180px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.ppBackyard {
	background-color: #EA9056;
	width: 180px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
}

.ppIndoor {
	background-color: #BA8D68;
	width: 180px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.ppYard {
	background-color: #4885B4;
	width: 180px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.ppWall {
	background-color: #97536F;
	width: 180px;
	height: 18px;
	margin: 0px 0px 0px 0px;
	padding: 6px 0px 6px 0px;
	font-size: 11pt;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.ppLpText {
	margin: 0px 0px 0px 0px;
}

/* Detail Plan Packages */

.dppBtn {
	text-align: right;
	margin: 0px 0px 0px 0px;
}

.detailPlanPackageH1 {
	text-align: left;
	font-size: 14pt;
	width: 485px;
	height: 30px;
	margin: 0px 0px -6px 0px;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
}

/* Why Choose Us Landing Page */

#whyChooseUsContent {
	width: 571px;
	margin: 0px 0px 0px 24px;
}

/* For The Builder Landing Page */

.FTBTopicsTable {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.FTBTopicsCell {
	vertical-align: top;
}

/* Forgot Password Page */

#forgotPasswordContainer {
	width: 588px;
	border: solid 1px #BFD591;
	padding: 12px 12px 12px 12px;
}

/* Your Plan Catalog page*/

.yourPlanCatalogBrownImgLine {
	width: 595px;
	height: 2px;
	margin: 12px 0px 12px 0px;
}



/* Help Page */

#helpContent {
	padding: 12px 12px 12px 12px;
}

/* Green Video */

#greenVideoContent {
	width: 588px;
	border: solid 1px #BFD591;
	padding: 12px 12px 12px 12px;
}

/* Customize Your Home Plan */

#customizeCont {
	width: 588px;
	padding: 12px 12px 12px 12px;
}

	#customizeCont ul {
		margin: 0px 0px 0px 0px;
		list-style: none;
	}

		#customizeCont ul li {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 6px;
			background: url('/images/icon-bullet-list-disc-brown.webp') no-repeat 0px .4em;
		}

	#customizeCont ol {
		margin: 0px 0px 0px 32px;
	}

		#customizeCont ol li span {
			margin: 0px 0px 0px -6px;
		}

	#customizeCont p {
		margin: 0px 0px 0px 0px;
	}

	#customizeCont a {
		text-decoration: none;
	}

/* Article Favorites Page */

#articleFavoritesPgCont {
	width: 600px;
	margin: 0px 0px 6px 0px;
	float: left;
}

#articleFavoritesPgBox {
	border: solid 1px #BFD591;
	padding: 6px 6px 6px 6px;
	width: 600px;
	vertical-align: top;
}

#articleFavoritesPg {
	width: 600px;
	vertical-align: top;
}

/* Glossary Of Terms/"Green" Terms */

.glossaryAlphaHeader {
	font-size: 11pt;
	font-weight: bold;
	color: #5D7653;
}

.glossaryAlphaLinks a {
	font-size: 11pt;
	font-weight: bold;
	color: #5D7653;
	text-decoration: none;
	margin: 10px 1px 0px 1px;
	padding: 0px 0px 0px 0px;
}

.glossaryAlphaLinks {
	text-align: center;
}


#greenResourcesContent {
	width: 612px;
	margin: 0px 0px 0px 0px;
}

/* Green FAQs */

.greenFAQQuestion {
	font-weight: bold;
	color: #5D7653;
	margin: 0px 0px 0px 0px;
	vertical-align: top;
}

	.greenFAQQuestion a {
		font-weight: bold;
		color: #5D7653;
		margin: 0px 0px 0px 0px;
		vertical-align: top;
		text-decoration: none;
	}

.greenFAQAnswer {
	vertical-align: top;
}

/* Eco-Friendly Quick Tips */

.ecoFriendlyQuickTipsList {
	list-style-image: url("/images/icon-bullet-list-disc-brown.webp");
	margin: 0px 0px 0px 10px;
	list-style-type: none;
	padding: 2px 0px 0px 10px;
}

	.ecoFriendlyQuickTipsList li {
		margin: 0px 0px 17px 0px;
	}

/* Plans By This Designer Page */


#PBTDItem a span {
	position: absolute;
	width: 150px;
	height: 100px;
	box-shadow: inset 0px 0px 20px rgba(110,110,110,0.6);
}

	#PBTDItem a span:hover {
		box-shadow: inset 0px 0px 50px rgba(255,255,255,0.6);
	}

#PBTDItem {
	float: left;
	margin: 12px 12px 12px 12px;
	width: 165px;
	/*text-align: center;*/
}

#plansByThisDesignerContainer {
	width: 588px;
	border: solid 1px #BFD591;
	padding: 12px 12px 12px 12px;
}

/* Link Exchange */

#linkExchange {
}


.RelatedPlans {
	width: 100%;
}

	.RelatedPlans td {
		font-weight: bold;
		vertical-align: top;
	}

.RelatedPlan {
	display: inline-block;
	font-size: 11px;
	margin-top: 10px;
	margin-right: 20px;
	font-weight: bold;
}

	.RelatedPlan a {
		text-decoration: none;
	}


/* Styles for my pop up dialog and scrolling content  */

.ui-dialog-title h1.planDetailPlanNumber {
	font-size: 10pt;
	margin: 0 0 0 0;
}

.DialogImg {
	margin-top: -260px;
	float: left;
}

	.DialogImg img {
		max-width: 600px;
		width: auto;
		height: auto;
	}

#dialogWrap {
	position: fixed;
	z-index: 100;
}

#dialog {
	/*background-color: #523A26;*/
	z-index: 200;
	font-size: 8pt;
}

.DialogDesc {
	padding: 10px;
	float: left;
}

.DialogNav {
	display: inline-block;
	padding: 10px;
	height: 250px;
	width: 580px;
	position: relative;
}


	.DialogNav a {
		width: 50%;
		height: 130%;
		text-decoration: none;
	}

		.DialogNav a:hover {
			text-decoration: none;
		}

		.DialogNav a div {
			width: 32px;
			height: 60px;
			margin-top: 150px;
		}

		.DialogNav a.prev {
			float: left;
		}

			.DialogNav a.prev div {
				background: url(/images/icon-arrows.webp) no-repeat 0px 0px;
				float: left;
			}

			.DialogNav a.prev:hover div {
				background: url(/images/icon-arrows.webp) no-repeat -33px 0px;
			}

		.DialogNav a.next {
			text-align: right;
			float: right;
		}

			.DialogNav a.next div {
				background: url(/images/icon-arrows.webp) no-repeat -99px 0px;
				float: right;
			}

			.DialogNav a.next:hover div {
				background: url(/images/icon-arrows.webp) no-repeat -66px 0px;
			}


		.DialogNav a img {
			margin-top: 50%;
		}


.DialogNumbered {
	display: none;
	text-align: center;
}

.DialogVideo {
	margin-left: -15px;
	margin-top: 5px;
}

.scrollingHotSpotRight div {
	background: url(/common/inc/SmoothDivScroll/images/cursors/arrows.webp) no-repeat 0 0;
	margin: 35px 15px;
	cursor: pointer;
	width: 11px;
	height: 22px;
}

.scrollingHotSpotLeft div {
	background: url(/common/inc/SmoothDivScroll/images/cursors/arrows.webp) no-repeat -11px 0;
	margin: 35px 10px;
	cursor: pointer;
	width: 11px;
	height: 22px;
}

#thumbnails {
	border: 1px solid #5A4A42;
	border-spacing: 20px;
	padding: 5px 30px 5px 30px;
	width: 550px;
	/*float: left;*/
	margin-left: 16px;
	margin-bottom: 10px;
	height: 150px;
	overflow: hidden;
}

#makeMeScrollable {
	width: 550px;
	position: relative;
}

div.scrollableArea img {
	position: relative;
	float: left;
	margin-right: 10px;
	padding: 0;
}




/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider {
	display: block;
	font-size: 1px;
	border-width: 0px;
	border-style: solid;
	position: relative;
	z-index: 1;
}

.qmmc .qmdividery {
	float: left;
	width: 0px;
}

.qmmc .qmtitle {
	display: block;
	cursor: default;
	white-space: nowrap;
	position: relative;
	z-index: 1;
}

.qmclear {
	font-size: 1px;
	height: 0px;
	width: 0px;
	clear: left;
	line-height: 0px;
	display: block;
	float: none !important;
}

/* .qmmc {position:relative;zoom:1;z-index:10;}*/

.qmmc a, .qmmc li {
	float: left;
	display: block;
	white-space: nowrap;
	position: relative;
	z-index: 1;
}

.qmmc div a, .qmmc ul a, .qmmc ul li {
	float: none;
}

.qmsh div a {
	float: left;
}

.qmmc div {
	visibility: hidden;
	position: absolute;
}

.qmmc .qmcbox {
	cursor: default;
	display: inline-block;
	position: relative;
	z-index: 1;
}

	.qmmc .qmcbox a {
		display: inline;
	}

	.qmmc .qmcbox div {
		float: none;
		position: static;
		visibility: inherit;
		left: auto;
	}

.qmmc li {
	z-index: auto;
}

.qmmc ul {
	left: -10000px;
	position: absolute;
	z-index: 10;
}

.qmmc, .qmmc ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

	.qmmc li a {
		float: none;
	}

	.qmmc li:hover > ul {
		left: auto;
	}

#qm0 ul {
	top: 100%;
}

	#qm0 ul li:hover > ul {
		top: 0px;
		left: 100%;
	}



/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


/* QuickMenu 0 */

/*"""""""" (MAIN) Container""""""""*/
#qm0 {
	width: 100%;
	height: 25px;
	padding: 0px;
	margin: 0px -1px -1px -1px;
	/*background-color:transparent;
		background-image:url("/images/MainNav_bg.webp");
		*/
}


	/*"""""""" (MAIN)! Items""""""""*/
	#qm0 a {
		padding: 5px 33px 5px 33px;
		margin: 0px -1px 0px 0px;
		background-color: Transparent;
		color: #FFFFFF;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 8pt;
		text-decoration: none;
		font-weight: bold;
		text-align: center;
		border-width: 0px;
		border-style: solid;
	}


		/*"""""""" (MAIN) Hover State""""""""*/
		#qm0 a:hover {
			/*background-image:url("/images/nav-mainnav-hover-bg.webp");*/
			color: #523B27;
		}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/
	#qm0 li:hover > a {
		/*background-image:url("/images/nav-mainnav-hover-bg.webp");*/

		background: #8bb878;
		background: -moz-linear-gradient(top, #8bb878 1%, #bcd390 25%, #8bb878 99%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#8bb878), color-stop(25%,#bcd390), color-stop(99%,#8bb878));
		background: -webkit-linear-gradient(top, #8bb878 1%,#bcd390 25%,#8bb878 99%);
		background: -o-linear-gradient(top, #8bb878 1%,#bcd390 25%,#8bb878 99%);
		background: -ms-linear-gradient(top, #8bb878 1%,#bcd390 25%,#8bb878 99%);
		background: linear-gradient(to bottom, #8bb878 1%,#bcd390 25%,#8bb878 99%);
		-pie-background: linear-gradient(to bottom, #8bb878 1%,#bcd390 25%,#8bb878 99%);
		behavior: url(/common/inc/PIE.htc);
		color: #523B27;
	}


/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover {
	/*background-image:url("/images/nav-mainnav-hover-bg.webp");*/
	color: #523B27;
}


/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul {
	width: auto;
	padding: 5px;
	margin: 0px;
	background-image: url("/images/nav-mainnav-sub-bg.webp");
}


	/*"""""""" (SUB) Items""""""""*/
	#qm0 div a, #qm0 ul a {
		width: auto;
		padding: 2px 5px 2px 5px;
		margin: 0px 0px 1px 0px;
		background-color: transparent;
		color: #523B27;
		text-align: left;
		border-width: 0px 0px 0px 6px;
		border-style: solid;
		border-color: #FDE986;
	}


		/*"""""""" (SUB) Hover State""""""""*/
		#qm0 div a:hover {
			background-image: url("/images/nav-mainnav-hover-bg.webp");
			color: #DB5427;
			border-color: #F09D2A;
		}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
	#qm0 ul li:hover > a {
		background-image: url("/images/nav-mainnav-hover-bg.webp");
		color: #DB5427;
		border-color: #F09D2A;
	}


	/*"""""""" (SUB) Parent Hover State""""""""*/
	#qm0 div .qmparent:hover {
		background-image: url("/images/nav-mainnav-hover-bg.webp");
		border-color: #F09D2A;
	}


/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover {
	background-color: transparent;
	background-image: url("/images/nav-mainnav-hover-bg.webp");
	color: #313131;
	border-color: #F09D2A;
}


/*"""""""" Individual Titles""""""""*/
#qm0 .qmtitle {
	cursor: default;
	padding: 3px 0px 3px 4px;
	color: #444444;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}


/*"""""""" Individual Horizontal Dividers""""""""*/
#qm0 .qmdividerx {
	border-top-width: 1px;
	margin: 4px 0px 4px 0px;
	border-color: #BFBFBF;
}


/*"""""""" Individual Vertical Dividers""""""""*/
#qm0 .qmdividery {
	border-left-width: 1px;
	height: 25px;
	margin: 0px;
	border-color: #FFFFFF;
}


/*"""""""" Custom Rule""""""""*/
ul#qm0 ul li:hover > a.qmparent {
	background-image: url("/images/cssalt1_arrow_right_hover.webp");
}


/*"""""""" Custom Rule""""""""*/
ul#qm0 ul .qmparent {
	background-image: url("/images/cssalt1_arrow_right.webp");
}


/*"""""""" Custom Rule"""""""" * /	
	ul#qm0 li:hover > a.qmparent	
	{	
		background-image:url("/images/cssalt1_arrow_down_hover.webp");
		text-decoration:underline;
	}
    */

/*"""""""" Custom Rule"""""""" * /	
	ul#qm0 .qmparent	
	{	
		background-image:url("/images/cssalt1_arrow_down.webp");
		background-repeat:no-repeat;
		background-position:97% 50%;
	}
    */


.SideHeading {
	font-size: 21px;
	font-weight: bold;
	color: #69935D;
	text-transform: uppercase;
	font-family: arial black, helvetica, sans-serif;
	text-align: center;
}

	.SideHeading span {
		font-weight: normal;
		color: #B3C8A0;
		font-family: arial;
	}

.SideHeadingText {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
	text-rendering: optimizeLegibility;
}

.LandingHeading {
	font-family: arial black;
	text-transform: uppercase;
	text-decoration: none;
	color: #69935D;
	font-size: 14px !important;
	background-color: #BFD591;
	padding: 0px 4px;
}

	.LandingHeading:hover {
		color: #69935D !important;
	}

	.LandingHeading span {
		color: #FFFFFF;
		font-weight: bold;
		font-family: Arial;
		font-size: 15px !important;
	}

.LandingHeadingVideo {
	margin-top: -4px;
}

.circle {
	width: 24px;
	height: 24px;
	border-radius: 22px;
	background: #69935D;
	display: inline-block;
	position: relative;
	top: 7px;
	margin-right: 3px;
}

.btnNew {
	-webkit-appearance: none;
	background: #db5427;
	color: #ffffff;
	text-transform: uppercase;
	width: 53px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 10px;
	position: relative;
	font-size: 12px;
	text-decoration: none;
	float: left;
	padding: 3px;
	text-align: center;
	margin-left: 15px;
	border: none;
	font-weight: bold;
	white-space: normal;
	behavior: url(/common/inc/PIE.htc);
}

	.btnNew:hover {
		text-decoration: none;
		cursor: pointer;
		color: #FDE986;
	}

.DesAmerMag {
	background-color: #E8EEDC;
	padding-top: 5px;
	float: left;
	margin-bottom: 10px;
}


div#messageBG {
	background: #666666;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 100;
	opacity: 0.6;
	display: none;
}

div#message1, div#message2 {
	font-size: 14px;
	color: #69935D;
	background: #FFFFFF;
	font-weight: bold;
	text-align: center;
	display: none;
	z-index: 200;
	order: 2px solid #69935D !important;
	overflow: hidden;
	height: 400px;
}

	div#message1 h1 span, div#message2 h1 span {
		font-size: 22px;
	}

	div#message1 p, div#message2 p {
		margin-left: -10px;
	}

	div#message1 a, div#message2 a {
		color: #FFFFFF;
		font-size: 12px;
		padding: 0 10px;
	}

	div#message1 p a {
		color: #000000;
		font-size: inherit;
		padding: 0;
	}

	div#message label, div#message2 label {
		margin-top: 10px;
		position: absolute;
		left: 90px;
		text-align: left;
		color: #69935D;
	}

.ui-dialog-titlebar-close {
	display: none;
	visibility: hidden;
}

.ui-widget-header {
	background: #BFD591 !important;
	color: #523A26;
}

.ui-widget-content a {
	color: #523A26;
}

/*James Edits 4/15/2015*/
/*James Edits Begin*/

#wrapper {
	width: 100%;
}

#MainNav, #GreatSite, #FavChatCart, #YearsInBusiness, .signup_bg {
	display: none;
}

#contentCont {
	display: block;
}

#leftNav {
	width: 100%;
	clear: both;
	padding-left: 0px;
}

#rightNav {
	width: 100%;
	clear: both;
}

.green-line-bg {
	display: none;
}

#radios {
	width: 100% !important;
	float: none !important;
	text-align: center;
	padding-bottom: 10px;
}

.SideHeading, .SideHeadingText, a.btnNew {
	display: none;
}

#radios .SideHeading, #radios .SideHeadingText, #radios a.btnNew {
	display: block;
}

#planNumberSearch {
	width: 100%;
}

	#planNumberSearch input[type="text"], #GoogleCSE input[type="text"], #ContactSignUp input[type="text"] {
		width: 80%;
		/*margin: 14px 0px;*/
		/*font-size: 14px;*/
		float: none;
	}

.CSEPlanNumberSearchContainer {
	text-align: center;
}

input#PlanNumberSearch_planNumberButton, input#ctl00_ContentPlaceHolder2_Body_PlanNumberSearch_planNumberButton, input#ctl00_PlanNumberSearch_planNumberButton, #GoogleCSE input[type="image"], input#ctl00_ContentPlaceHolder2_Body_PlanNumberSearch_planNumberButton {
	vertical-align: middle;
}

#radios table {
	margin: 0px auto;
	width: 100%;
}

#architecturalStylesCont, #searchByFeatureCont, #projectPlansCont {
	width: 100%;
}

#crossSellCont, #hpmBlogCont {
	display: none;
}

div#FooterLogos {
	margin-top: 20px;
	display: inline-block;
}

#footer {
	margin: 0px;
}

div#architecturalStylesTab, #searchByFeatureTab, #projectPlansTab {
	text-align: center;
	font-size: 16px;
	padding: 8px;
}

div#architecturalStyles a, #searchByFeatureCont #searchByFeature a, #projectPlans a {
	padding: 8px 18px;
	font-size: 14px;
	font-weight: 600;
	border-top: 1px solid #ccc;
	display: block;
}

div#architecturalStyles br, #searchByFeatureCont br {
	display: none;
}

div#searchByFeatureTab {
	border-top: 1px solid #fff;
}

#searchByFeatureCont a {
	border-top: none;
}

#GoogleCSE {
	background: #FDE986;
	width: 100%;
	margin: 0px;
	float: none;
	text-align: center;
}

#searchByFeatureTab, #architecturalStylesTab {
	height: 40px;
	position: relative;
	z-index: 0;
	padding: 3px 8px;
	background: #69935D;
	text-align: center;
	font-size: 15px;
	vertical-align: middle;
	color: #FFFFFF;
}

#ancArchShowMore, #ancFeatureShowMore {
	color: #69935D;
	text-decoration: none;
	margin-top: 2px;
	margin-left: 10px;
	display: block;
}

#searchByFeatureTab span, #architecturalStylesTab span {
	color: #B3C88D;
	font-size: 24px;
	display: block;
}

#header {
	/*background: url("http://placehold.it/1200x1000")center left no-repeat;*/
	background-size: 100%;
}

	#header img {
		max-width: 276px;
		height: auto;
		width: 220px !important;
	}

#MainLogo {
	position: relative;
	width: 50%;
	height: auto;
	margin: 10px 0px;
	float: left;
	background: url("images/logo-mobile.webp")center no-repeat;
	background-size: 100%;
	max-width: 240px;
}

#MobileNav {
	display: block;
}

div#MobileNavBtn {
	background: url('/common/css/images/menu-toggle-mobile.webp')center no-repeat;
	background-color: rgba(80, 80, 80, .7);
	padding: 10px;
	height: 15px;
	width: 51px;
	position: absolute;
	right: 10px;
	top: 60px;
	z-index: 1;
	cursor: pointer;
}

#MobileNavMenu {
	position: fixed;
	left: -280px;
	top: 0;
	background: rgba(255,255,255, 1);
	height: 100%;
	width: 280px;
	z-index: 3;
	transition: all .3s ease;
}

	#MobileNavMenu.open {
		display: block;
		left: 0px;
		transition: all .3s ease;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	}

div#mobile-close {
	position: fixed;
	top: 0px;
	left: 0px;
	background: rgba(10,10,10,0.5);
	height: 100%;
	width: 100%;
	z-index: 2;
}

	div#mobile-close.noshow {
		display: none !important;
	}

div#MobileNavMenu ul {
	list-style: none;
	padding-left: 0px;
}

	div#MobileNavMenu ul li a {
		text-decoration: none;
		display: block;
		width: 100%;
		padding: 15px;
		border-bottom: 1px solid #ccc;
		box-sizing: border-box;
	}

#ancArchShowMore, #ancFeatureShowMore {
	margin-left: 0px;
}

div#rightNav p {
	display: none;
}

#header img {
	width: 70%;
}

#CSEPlanNumberSearchContainer, .CSEPlanNumberSearchContainer {
	float: none;
	width: 100%;
	overflow: hidden;
}

#planNumberSearch input[type="text"], #GoogleCSE input[type="text"], #ContactSignUp input[type="text"], #planNumberSearchDetail input[type="text"] {
	width: 80%;
	/*margin: 14px 0px; */
	/*font-size: 14px;*/
	height: 25px;
	padding-left: 2px;
}

div#architecturalStylesCont, div#searchByFeatureCont {
	display: none;
}

#content {
	float: left;
	width: 100%;
	box-sizing: border-box;
}

#contentCont {
	width: 100%;
}

div#headerTallDynamic table td, .headerTall table td {
	float: left;
}

div#headerTallDynamic {
	background-repeat: no-repeat;
	/*background-color: #bfd591;*/
	background-position: top right;
}

#sortResultsCont, #paginationCont, #compareContainer, #estCostContainer {
	clear: left;
	margin: 5px 0px;
}

	#paginationCont td {
		text-align: left;
	}

.compareCellCheckedImages {
	width: 185px;
	height: 50px;
}

table.compareTable td {
	float: left;
	clear: left;
}

#compareContainer {
	width: 100%;
}

table#ctl00_ContentPlaceHolder2_Body_grdResults {
	width: 100% !important;
}

	table#ctl00_ContentPlaceHolder2_Body_grdResults td {
		float: left;
		text-align: left;
	}

td.searchResultCompFavUtil {
	margin-bottom: 20px;
	text-align: left;
}

#ContactSignUp input[type="text"] {
	width: 118px;
}

li.leftNavPPSubCat a {
	padding-left: 40px !important;
}

li.leftNavPPCat ul {
	padding-left: 0px;
}

.leftNavPPSubCat {
	margin: 0px;
}

div#projectPlans {
	padding: 0px;
}

#homePlansLPCont img {
	height: auto;
	display: block;
}

#homePlansLPCont div {
	float: left;
	clear: left;
	height: auto !important;
	padding-bottom: 20px;
}

#projectPlanLPCont {
	display: none;
}

div#headerTallVideoPhotoGallery table div {
	width: 100% !important;
}

#photoGalleryFeaturedPhotosCont, #photoGalleryFeaturedVideosCont {
	width: 100%;
}

#headerTallVideoPhotoGallery td p {
	padding: 10px;
}

#detailContainer {
	width: 100%;
	padding: 0px;
}

#imageDetailCont {
	padding-left: 0px;
	clear: left;
}

div#imageDetailLinksMirrorBtn iframe {
	width: 270px !important;
}

#imageDetailLinksMirrorBtn table {
	width: 100%;
}

#radios {
	font-size: 14px !important;
	font-weight: normal !important;
}

#Floors div, #Bedrooms div, #Bathrooms div, #Garages div {
	width: 30px;
	height: 30px;
	line-height: 30px;
}

#radios select {
	font-size: 14px !important;
	height: 30px !important;
}

#slider-range {
	margin: 20px auto;
}

#imageDetailLargeImage {
	width: 100%;
}

#imageDetailImageGrid {
	width: 100%;
}

#imageDetailLargeImage img {
	width: 100%;
}

#detailPageCont {
	width: 100%;
}

#imageDetailPagination table {
	width: 100%;
}

.imageDetailCopyright {
	width: 100%;
}

.copyright {
	width: 100%;
}

td.imageDetailLinksMirrorBtnCell p {
	width: 40px !important;
}

#RCLPCont td {
	float: left;
	clear: left;
}

span#ctl00_ContentPlaceHolder2_Body_Span_Links li {
	width: 100%;
	list-style: none;
}

	span#ctl00_ContentPlaceHolder2_Body_Span_Links li a {
		padding: 15px;
		display: block;
		border-bottom: 1px solid #333;
	}

	span#ctl00_ContentPlaceHolder2_Body_Span_Links li:first-of-type a {
		border-top: 1px solid #333;
	}

div#ctl00_ContentPlaceHolder2_Body_pnlMainImage {
	float: left;
}

div#ctl00_ContentPlaceHolder2_Body_AllContent {
	float: left;
}

#planDetailFeaturesCont {
	float: left;
	width: 100%;
	box-sizing: border-box;
}

#planDetailPlanNumberHeadline {
	clear: left;
}

#CSEPlanNumberSearchContainerDetail {
	margin-left: 0px;
}

div#headerPlanDetail.headerPlanDetail2 {
	width: 100% !important;
}

div#ctl00_ContentPlaceHolder2_Body_PlanNumberSearch_pnlPlanNumSearch {
	overflow: hidden;
	text-align: center;
}

#headerShortBooksAndMore, #headerShortArticle, #headerShortGreenResources {
	background-position: right top;
	background-repeat: no-repeat;
}

.QuickSearch {
	text-align: center;
}

.btnNew {
	float: none;
	margin: 0px 10px;
}
/*
#header {background: url("images/mobile-header.webp")center left no-repeat; background-size: 100%;}

#header img{opacity: 0;}
*/
#planNumberSearchDetail input[type="text"] {
	float: none;
}

.desktop-show {
	display: none !important;
}

.mobile-show {
	display: block !important;
}

#planDetailMiniPriceGridOptions tr td:nth-child(2n), .planDetailMiniPriceGrid tr td:nth-child(2n) {
	text-align: right !important;
}

h1.planDetailPlanNumber {
	text-align: center;
	margin: 0px
}

input#btnPrint {
	display: none;
}

div#faqSectionDetailPage table img {
	max-width: 100% !important;
}

#header {
	position: relative;
}

#MobilePhone a {
	display: block;
	padding: 10px;
	background: #db5427;
	color: #ffffff;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	border-radius: 10px;
}

div#siteMapContent .smTabBox_half ul {
	font-size: 16px;
	padding-left: 25px;
	padding-right: 10px;
}

	div#siteMapContent .smTabBox_half ul a {
		padding: 5px 0px;
		display: block;
	}

.headerTall table {
	height: auto;
}

div#paginationCont {
	clear: left;
}

.mobile-login {
	display: block;
}

table.mobile-login {
	border: solid 1px #BFD591;
	max-width: 585px;
	padding: 10px 12px;
}

	table.mobile-login td {
		border: none;
	}

div#headerPlanDetail {
	width: 100% !important;
}

.imageDetailLinksMirrorBtnCell {
	position: absolute;
	top: -44px;
	left: 120px;
	width: auto !important;
}

.btnMirrorReverse {
	margin-bottom: 20px;
}

#MainNav, #GreatSite, #FavChatCart, #YearsInBusiness, .signup_bg {
	display: none;
}


/*paul edits*/
div [id$="planCostEstimator"] {
	border: 2px solid #a33e18;
	padding: 10px;
	border-radius: 16px;
	margin: 0 auto 12px auto !important;
	width: 325px !important;
	display: table;
	float: none !important;
}

	div [id$="planCostEstimator"] strong {
		display: block;
		clear: both;
		margin-bottom: 5px;
	}

.CostToBuildButton {
	display: block;
	float: right;
	background: #a33e18;
	padding: 6px;
	width: 105px;
	text-align: center;
	color: white;
	text-decoration: none;
	border-radius: 12px;
}

div [id$="planCostEstimator"] p {
	width: 154px;
	margin: 0;
	float: left;
	font-size: .78em;
}


/*Phone View for injected styles*/
@media screen and (max-width:648px) {
	/*	div#imageDetailLargeImage div{
		position:relative;
		padding-bottom:56.25%;
		padding-top:30px;
		height:0;
		overflow:hidden;
	}*/

	.MobileLoginFormUtility {
		visibility: visible;
		/*position: absolute;*/
		/*top: 0px;
	margin-left: 767px;*/
		padding: inherit;
		width: 186px;
		height: 60px;
		background: #FDE986;
		border-radius: 10px;
	}

	div#imageDetailLargeImage iframe, div#imageDetailLargeImage object, div#imageDetailLargeImage embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

	span#ctl00_ContentPlaceHolder2_Body_Span_Links .planDetailsLink a {
		display: block !important;
	}

	span#ctl00_ContentPlaceHolder2_Body_Span_Links a {
		display: none !important;
	}

	#forgotPasswordContainer {
		width: 100%;
		box-sizing: border-box;
	}

	.gsc-result .gs-title {
		height: auto !important;
	}

	#photoGallerySearchResultsCont {
		margin: 0px;
		padding: 0px;
	}

	.headerTall td {
		margin: 0px;
	}

		.headerTall td div {
			width: 100% !important;
		}

	div#cse-search-results iframe {
		width: 100% !important;
	}

	#photoGallerySearchResultsCont {
		width: 100%;
	}

	.gs-webResult {
		width: 100% !important;
	}

	div#cse-search-results iframe {
		width: 100% !important;
	}

	.detailPlanPackageH1 {
		height: auto;
		margin-bottom: 5px;
	}

	table.detailPackageTable img {
		max-width: 100%;
	}

	div#ArticleContainer div {
		height: auto !important;
	}

	span#ctl00_ContentPlaceHolder2_Body_Span_Links li {
		display: none;
	}

	div#Div10, div#Div13 {
		clear: left;
	}

		div#Div1 td, div#Div19 td, div#Div4 td, div#Div7 td, div#Div10 td, div#Div13 td {
			float: none !important;
		}

	div#siteMapContent > table td {
		float: left;
		clear: left;
	}

	.LABResultsLink {
		width: 100%;
	}

	.faqSectionDetailTable {
		width: 100%;
		box-sizing: border-box;
		margin: 0px;
	}

		.faqSectionDetailTable img {
			max-width: 100% !important;
		}

		.faqSectionDetailTable td {
			float: left;
			clear: left;
			width: 100%;
			box-sizing: border-box;
		}

	#FAQ {
		width: 100%;
		box-sizing: border-box;
	}

	h1.pageShortHeaderText, div.pageShortHeaderText {
		box-sizing: border-box;
	}

	h1.ResourceCenterHeaderH1 {
		margin: 0px;
	}

	.LABResultsData {
		width: 100%;
		box-sizing: border-box;
	}

	td.LABResultsHeader {
		display: none;
	}

	.LABstateRegionTable, .LABResultsTable {
		width: 100% !important;
	}

	.LABResultsTableTd {
		display: none;
	}

	.LABstateRegionTable td, .LABResultsTable td {
		float: left;
	}

	input#AddElectricalKit, input#AddPlumbingKit, input#AddFramingKit {
		margin-left: 20px;
	}

	#ArticleContainer div {
		width: 100% !important;
	}

	h1.detailPlanPackageH1 {
		width: 100%;
	}

	div#ArticleContainer table td {
		float: left;
		height: auto !important;
	}

	div#ArticleContent table td {
		float: left;
	}

	#ctl00_ContentPlaceHolder2_Body_lblDetailHeadline {
		width: 100%;
		text-align: center;
	}

	.detail #DetailSpecialFeaturesCont, .detail #DetailDescriptionCont {
		font-size: 14px;
		line-height: 20px;
	}

	#DetailSpecialFeaturesCont {
		text-align: left;
	}

	.detail #MobileNavBtn {
		top: 48px;
	}

	.detail #header {
		background: #f7f6b6;
		height: 85px;
	}

	[id *= "planDetailMiniPriceGrid"] {
		border: none;
		margin-left: 10px;
		width: 92vw;
	}

	[id *= "_DetailMiniPriceGrid"] tr {
		background: transparent !important;
		color: #000000 !important;
	}

		[id *= "_DetailMiniPriceGrid"] tr:first-child td {
			font-weight: 700;
			font-size: 20px;
			border-bottom: none;
		}

	[id *= "_DetailMiniPriceGrid"] td {
		border-bottom: 1px solid #000000;
		padding: 15px 0px !important;
	}

	[id *= "planDetailMiniPriceGrid"] table {
		width: 100%;
		min-width: 375px;
	}

	[id *= "_DetailMiniPriceGrid"] tr:last-child td {
	}

	h1.planDetailPlanNumber {
		margin-left: 0px;
		margin-top: 0px !important;
		font-weight: 500;
		font-size: 26px;
	}

	#headerPlanDetail {
		background: transparent;
		height: auto;
	}

	.planDetailPlanNumberHeadlineFont {
		font-weight: 500;
	}

	div#planDetailPlanNumberHeadline p {
		margin: 10px 0px;
	}

	div#ctl00_ContentPlaceHolder2_Body_pnlMainImage {
		position: relative;
		top: 0px;
		z-index: 1;
	}

	.detail #MainLogo {
		z-index: 2;
		top: 4px;
	}

	#planDetailPlanNumberHeadline {
		width: 100%;
		font-weight: 500;
		float: none;
		text-align: center
	}

	div#planDetailFeaturesCont div {
		display: none;
	}

	#DetailSpecialFeaturesCont,
	#DetailDescriptionCont,
	/*.floorImageCont{width: 100%; margin: 12px 0px;}*/
	.floorImageCont {
		width: 90%;
	}

	.DialogImg img {
		width: 100%;
	}

	.floorImageCont div {
		margin-left: 0px !important;
		box-sizing: border-box;
		width: 100% !important;
	}

	div#planDetailMiniPriceGridOptions {
		float: left !important;
		clear: left;
	}

	div#ctl00_ContentPlaceHolder2_Body_AllContent {
		width: 100%;
	}

	#DetailSpecialFeaturesCont, #DetailDescriptionCont, .floorImageCont {
		box-sizing: border-box;
	}

	#planDetailMainImage, .DialogNav {
		box-sizing: border-box;
	}

	#planDetailMainImage,
	.DialogNav {
		width: 100%;
		margin: 0px;
	}

	.copyright {
		box-sizing: border-box;
	}

	a.breadcrumbDetailPage {
		display: none !important;
	}

	div#planDetailIconsAddToCart {
		display: none;
	}

	#ctl00_ContentPlaceHolder2_Body_pnlQuickDetails,
	#planDetailChangesFAQs,
	#planDetailEstimatedCostCont,
	#planDetailAdditionalOptionsCont,
	#planDetailAdditionalOptionsCont,
	#ctl00_ContentPlaceHolder2_Body_pnlPlanFeatures,
	#ctl00_ContentPlaceHolder2_Body_pnlSimilarPlanStyles,
	#ctl00_ContentPlaceHolder2_Body_pnlRelatedPlans,
	#ctl00_ContentPlaceHolder2_Body_DPN_lnkNext,
	#ctl00_ContentPlaceHolder2_Body_DPN_lnkPrevious,
	.breadcrumbTrail2,
	#thumbnails,
	.floorImageFont,
	.planDetailButtonArea,
	/* #planDetailFloorImageCont img,*/
	#pricing,
	/*
	#planDetailMiniPriceGridShipping,
	#planDetailMiniPriceGridAids,
        */
	#WhyHPM,
	#CSEPlanNumberSearchContainerDetail {
		display: none !important;
	}

	#planDetailMainImage img {
		width: 100%;
		margin: 0px;
		height: auto;
		margin-top: 100px;
	}

	div#planDetailFloorImageCont img {
		float: left;
		clear: left;
		width: 100%;
		height: auto;
	}

	#headerTallDynamic td {
		padding: 0px 0px 12px 0px;
	}

	.formValidationAlert {
		clear: left;
		float: left;
	}

	#customerAccountFormCont table td {
		width: auto !important;
	}

	#customerAccountFormCont table td {
		float: left;
		clear: left;
	}

	#customerAccountFormCont table {
		width: 100%;
	}

	#customerAccountFormCont {
		width: 100%;
		box-sizing: border-box;
	}

	iframe#frmFacebook {
		display: none !important;
	}

	span#pinterest {
		display: none;
	}

	div#googlePlusOne {
		display: none !important;
	}

	.headerTall td {
		box-sizing: border-box;
	}

	#searchByStyleCont {
		width: 100%;
		box-sizing: border-box;
	}

		#searchByStyleCont td {
			float: left;
			clear: left;
		}

	#ArticleContent {
		width: 100%;
	}

	.articleTopicsH1 {
		width: 100%;
	}

	#ArticleSubSectionContent {
		width: 100%;
		box-sizing: border-box;
	}

		#ArticleSubSectionContent td {
			float: left;
			clear: left;
		}

	div#booksAndMoreDetailCont img {
		width: 100%;
	}

	input#ctl00_ContentPlaceHolder2_Body_AddBookToCart {
		margin-bottom: 10px;
	}

	div#booksAndMoreDetailCont td {
		float: left;
		clear: left;
	}

	#booksAndMoreDetailCont {
		padding: 22px;
	}

	.bookTitleH1 {
		height: auto;
		margin: 0px;
	}

	div#booksAndMoreDetailCont table {
		width: 100%;
	}

	div#booksAndMoreDetailCont {
		width: 100%;
		box-sizing: border-box;
	}

	#customizeCont {
		width: 100%;
		box-sizing: border-box;
	}

	#ArticleContainer {
		width: 100%;
	}

	div#buildersContainer td {
		float: left;
		clear: left;
	}

	.breadcrumb {
		white-space: normal;
	}

	#booksAndMoreGrid {
		width: 100%;
	}

	.booksGrid {
		margin: 0px 16px 12px 0px;
		float: left;
		clear: left;
	}

	div#specialOffersPageCont td {
		float: left;
		clear: left;
	}

	#formSearchByStyleCont {
		margin-left: 0px;
		padding: 0px 10px;
		box-sizing: border-box;
	}

	div#formSearchByStyleCont {
		width: 100%;
	}

		div#formSearchByStyleCont td {
			float: left;
			clear: left;
		}

	div#formSearchByFeatureCont td {
		float: left;
		clear: left;
	}

	div#formSearchByFeatureCont {
		width: 100%;
		margin-left: 0px;
		padding: 0px 10px;
		box-sizing: border-box;
	}

	div#formAdvancedSearchCont table {
		width: 100% !important;
		margin: 12px 0px !important;
	}

	div#ie6FixSqFtBedBathCont, div#ie6FixGarageLevelsFootprintCont, div#ie6FixEstimatePostalCodeCont {
		clear: left;
	}

	#formAdvancedSearchCont {
		width: 100%;
	}

	div#vLine1, div#vLine2 {
		display: none;
	}

	div#headerPlanDetail {
		width: 100% !important;
		margin-top: 0px;
	}

	div#contentCont p {
		width: 100% !important;
	}

	span#ctl00_ContentPlaceHolder2_Body_Span_Links {
		width: 100% !important;
	}

	div#contactUsHeaderInfo td {
		float: left;
		clear: left;
		width: 100% !important;
	}

	#contactUsFormCont {
		box-sizing: border-box;
		padding: 10px;
		margin-left: 0px;
		width: 100%;
	}

	.contactUsFormCellLeft {
		float: left;
		clear: left;
		width: auto;
	}

	div#ctl00_ContentPlaceHolder2_Body_panel_contactUsForm td {
		float: left;
		clear: left;
	}

	.contactUsHeaderInfoTable {
		width: 100%;
	}

	.contactUsFormTable {
		width: 100%;
	}

	#contactUsHeaderInfo {
		margin-left: 10px;
	}

	#greenResourcesLPContent, .grFeaturedTable, div#livBuildingGreenRCCont, #ArticleSectionContent {
		width: 100%;
		box-sizing: border-box;
	}

	div#livBuildingGreenRCCont {
		width: 99% !important;
		box-sizing: border-box;
	}

	div#ERA_AD_BLOCK {
		display: none !important;
	}

	#headerPlanDetail {
		background-color: #FFF;
		text-align: center;
		float: none;
	}

	p.articleIntro img {
		max-width: 100%;
		margin: 0px;
		height: auto;
	}

	div#ArticleSubSectionContent h1 {
		width: 100% !important;
		height: auto !important;
	}

	div#ArticleContainer p img {
		max-width: 100%;
		height: auto;
		margin: 10px 0px;
	}

	#greenResourcesContent {
		width: 100%;
	}

		#greenResourcesContent img {
			max-width: 100%;
			height: auto;
		}

	div#greenResourcesContent table td {
		float: left;
	}

	.TopicsTable {
		width: 100%;
	}

	input[id*='imgBtnAddToCart'] { /* BUY THIS PLAN  button */
		/*
        width: 130px;
        height: 38px;
        */
		margin-left: 7px;
		margin-top: -7px;
	}

	#PPcompareContainer {
		float: none;
	}

	#PPcompareContainer02 {
		width: auto;
	}

	#PPpaginationCont {
		width: 100%;
	}

	.MobileOnly {
		display: block
	}

	.DesktopOnly {
		display: none !important;
	}

	/* hide quicksearch for mobile*/
	div#leftNav {
		visibility: hidden;
		width: 0;
	}
}
/*End Phone View*/

/*Tablet View*/
@media screen and (min-width: 649px) {
	span#ctl00_ContentPlaceHolder2_Body_Span_Links .planDetailsLink a {
		display: block !important;
	}

	span#ctl00_ContentPlaceHolder2_Body_Span_Links a {
		display: none !important;
	}

	#planDetailQuickDetailsCont.mobile-details {
		display: none;
	}

	.detail #header {
		background: #f7f6b6;
		height: 120px;
	}

	table.detailPackageTable {
		width: 612px;
	}

	span#ctl00_ContentPlaceHolder2_Body_Span_Links li {
		display: none;
	}

	#greenResourcesContent {
		margin: 0px auto;
	}

	#WhyBottom div {
		padding: 20px;
	}

	#WhyHeading {
		padding: 0px !important;
	}

	#headerPlanDetail {
		background-color: #FFF;
		text-align: center;
		float: none;
	}

	#ctl00_ContentPlaceHolder2_Body_lblDetailHeadline, #planDetailPlanNumberHeadline {
		width: 625px;
		text-align: center;
		float: none;
	}

	.tablet-right-col .breadcrumbDetailPage {
		margin: 8px 0px 15px 1px !important;
	}

	.TabBox {
		padding: 12px;
	}

	.planDetailButtonArea {
		margin-left: 0px;
	}

	.tablet-right-col #planDetailIconsAddToCart {
		display: none;
	}

	/*
	#planDetailMiniPriceGridShipping table, #planDetailMiniPriceGridAids table, #planDetailMiniPriceGridFoundations table {width: 600px!important;}
    */

	[id *= "_DetailMiniPriceGrid"] table {
		width: 600px !important;
	}

	#thumbnails {
		margin-left: 0px;
	}

	/*div#planDetailMiniPriceGridOptions {
		float: left !important;
	}*/

	#DetailSpecialFeaturesCont, #DetailDescriptionCont {
		margin-left: 0px;
	}

	#FollowUs {
		display: block !important;
		position: static !important;
		margin-top: 10px;
	}

		#FollowUs a {
			top: 0px !important;
		}

	#WhyHeading {
		width: 100% !important;
		margin-right: 0px !important;
	}

	.floorImageCont .tablet-margin {
		margin: 0px !important;
	}

	#WhyHPM {
		width: 614px !important;
	}

	.detail .floorImageCont {
		margin: 0px 0px 12px !important;
	}

	.tablet-show {
		display: block !important;
	}

	#utilityArea {
		margin: 0px auto;
	}

	table.quicksearch-left {
		width: 50% !important;
		float: left;
		text-align: center;
	}

	table.quicksearch-right {
		width: 50% !important;
		text-align: center;
	}

	#ArticleContainer, #ArticleContent {
		width: 100%;
	}

	#ArticleContainer {
		margin: 0px auto;
	}

	#searchByStyleCont {
		margin: 0px auto;
		float: none;
	}

	#RCLPCont {
		width: 100%;
		margin: 0px auto;
	}

		#RCLPCont td {
			float: none;
			clear: none;
		}

	div#imageDetailLinksMirrorBtn iframe {
		max-width: 380px !important;
	}

	#headerTallVideoPhotoGallery td {
		padding: 6px 6px 6px 6px;
	}

	#photoGalleryFeaturedPhotosTabBox, #photoGalleryFeaturedVideosTabBox {
		width: 576px;
	}

	div#headerTallVideoPhotoGallery table div {
		width: initial !important;
	}

	#headerTallVideoPhotoGallery table.photoGalleryForm {
		width: 330px;
	}

	#descriptionBottomContainer {
		width: 588px;
	}

	div#projectPlansCont {
		display: none;
	}

	#projectPlanLPCont {
		display: block;
	}

	#homePlansLPCont div {
		height: initial !important;
	}

	#homePlansLPCont img {
		width: initial;
		height: initial;
		display: initial;
	}

	#projectPlans {
		padding: 3px 0px 6px 6px;
	}

	.leftNavPPSubCat {
		margin: 0px 0px 0px -32px;
	}

	li.leftNavPPCat ul {
		padding-left: 40px;
	}

	td.searchResultCompFavUtil {
		margin-bottom: 0px;
	}

	table#ctl00_ContentPlaceHolder2_Body_grdResults td {
		float: none;
		text-align: right;
	}

	table#ctl00_ContentPlaceHolder2_Body_grdResults {
		width: initial !important;
	}

	input[id*='imgBtnAddToCart'] { /* BUY THIS PLAN  button */
		/*        
        width: 130px;
        height: 38px;        
        margin-top: -3px;
        */
	}

	#divGrid {
		width: 598px;
		box-sizing: initial;
		margin: 0px auto;
		float: none;
		clear: left;
	}

	#utilityArea {
		width: 612px;
	}

	#compareContainer02 {
		width: 612px;
	}

	table.compareTable td {
		float: none;
		clear: none;
	}

	.compareTable {
		width: 350px;
	}

	#paginationCont td {
		text-align: right;
	}

	#estCostContainer {
		clear: none;
	}

	#paginationCont {
		clear: none;
		margin: 0px 0px 5px 0px;
	}

	#compareContainer {
		clear: none;
		margin: 5px 0px 6px 0px;
		width: 320px;
	}

	#sortResultsCont {
		clear: none;
		margin: 0px 5px 5px 0px;
	}

	div#architecturalStylesCont, div#searchByFeatureCont {
		display: block;
	}

	#header img {
		width: 100%;
	}

	h1.newheader {
		display: none;
	}

	div#searchByFeatureTab {
		border-top: 0px;
	}

	#searchByFeatureTab, #architecturalStylesTab {
		padding: 8px;
	}
	/*#header{height: 500px;}*/
	#MainLogo {
		position: absolute;
		width: 309px;
		height: 65px;
		margin: 35px 0px 0px 25px;
	}

	#planNumberSearch input[type="text"], #GoogleCSE input[type="text"], #ContactSignUp input[type="text"], #planNumberSearchDetail input[type="text"] {
		width: 80%;
	}

	#content {
		float: left;
		width: 100%;
		padding: 0px;
		box-sizing: border-box;
	}

	div#FlashQuickSearchCont {
		display: none;
	}

	#PopularPlanStylesCont {
		width: 100%;
		margin: 0px;
	}

	#PopularPlanStylesTab {
		margin: 18px 0 8px 0;
		text-transform: uppercase;
		color: #db5427;
		text-align: center;
		font-weight: bold;
		font-size: 18px;
	}

	#PopularPlanStyles {
		width: 100%;
		padding: 0px;
		text-align: center;
	}

		#PopularPlanStyles a {
			width: 140px;
			height: 180px;
			text-align: center;
			color: #FFFFFF;
			background: #69935D;
			text-decoration: none;
			text-transform: uppercase;
			font-size: 12px;
			margin-right: 5px;
			margin-left: 5px;
			display: inline-block;
			float: none;
		}

			#PopularPlanStyles a:hover {
				text-decoration: underline;
			}

		#PopularPlanStyles img {
			margin-bottom: 5px;
		}

	#architecturalStylesCont, #searchByFeatureCont {
		width: 49%;
		float: left;
		padding: 8px 0px;
	}

	div#searchByFeatureCont {
		margin-left: 10px;
	}

	#PopularPlanStyles a {
		margin-top: 10px;
	}

	#photoGalleryFeaturedPhotosCont, #photoGalleryFeaturedVideosCont {
		width: 600px;
		margin: 5px auto;
	}

	#booksAndMoreDetailCont {
		width: 100% !important;
		box-sizing: border-box;
	}

	.DetailHeadline {
		width: 625px;
	}

	.floorImageCont {
		width: 100%;
	}

	div#planDetailMiniPriceGridShipping {
		clear: left;
	}

	.floorImageFont {
		float: left;
		clear: left;
	}

	div#planDetailFloorImageCont img {
		float: left;
		clear: left;
		max-width: 600px;
	}

	#planDetailQuickDetailsCont, #planDetailAdditionalOptionsCont, #planDetailSimilarPlanCont, #planDetailEstimatedCostCont, #planDetailPlanFeaturesCont, #planDetailChangesFAQs {
		width: auto;
	}

	.TabCont {
		margin: 10px;
	}

	div#ctl00_ContentPlaceHolder2_Body_pnlSpecialFeatures .seemore {
		width: 622px;
		text-align: right;
		float: none;
		display: block;
	}

	div#planDetailsEstCostText2 {
		height: auto !important;
	}

	.tablet-right-col #planDetailEstimatedCost .seemore {
		display: none !important;
	}

	div#ctl00_ContentPlaceHolder2_Body_pnlQuickDetails, div#ctl00_ContentPlaceHolder2_Body_pnlPlanFeatures, div#ctl00_ContentPlaceHolder2_Body_pnlSimilarPlanStyles {
		float: left;
	}

	div#ctl00_ContentPlaceHolder2_Body_pnlPlanFeatures, div#planDetailEstimatedCostCont, div#ctl00_ContentPlaceHolder2_Body_pnlQuickDetails {
		clear: left;
	}

	/* hide quicksearch for tablet*/
	div#leftNav {
		visibility: hidden;
		width: 0;
	}

	.DesktopOnly {
		display: none !important;
	}
}
/*end tablet view*/


/*Desktop View*/
@media screen and (min-width: 1050px) {
	#MainNav, #LoginFormUtility, .LoginFormUtility, #GreatSite, #FavChatCart, #YearsInBusiness, .signup_bg {
		display: block;
	}
	/*	div#imageDetailLargeImage div{
		position:static;
		padding-bottom:0px;
		padding-top:0px;
		height:auto;
		overflow:visible;
	}

	div#imageDetailLargeImage iframe, div#imageDetailLargeImage object, div#imageDetailLargeImage embed {
		position:static;
		top:0;
		left:0;
		width: 640px;
		min-height: 505px;
	}*/
	.imageDetailLinksMirrorBtnCell {
		position: static;
	}

	.btnMirrorReverse {
		margin-bottom: 0px;
	}

	.detail #header {
		background: transparent;
		height: 149px;
	}

	.mobile-login {
		display: none;
	}

	.headerTall table {
		height: 150px;
	}

	div#siteMapContent .smTabBox_half ul {
		font-size: 13px;
		padding-left: 25px;
	}

		div#siteMapContent .smTabBox_half ul a {
			padding: 0px;
			display: inline;
		}

	#MobilePhone {
		display: none;
	}

	span#ctl00_ContentPlaceHolder2_Body_Span_Links li {
		display: block;
	}

	input#btnPrint {
		display: inline;
	}

	#WhyBottom div {
		padding: 0px;
	}

	#headerPlanDetail { /*background-color: #BFD591;*/
		text-align: left;
		float: left;
	}

	h1.planDetailPlanNumber {
		text-align: left;
		margin: 0px 0px 0px 18px
	}

	#planDetailPlanNumberHeadline {
		float: left;
		width: 323px;
		text-align: left;
	}

	.TabBox {
		padding: 12px 0px 12px 12px;
	}

	#planDetailQuickDetailsCont, #planDetailAdditionalOptionsCont, #planDetailSimilarPlanCont, #planDetailEstimatedCostCont, #planDetailPlanFeaturesCont, #planDetailChangesFAQs {
		width: 323px;
	}

	.DetailHeadline {
		width: 640px;
	}

	.planDetailButtonArea {
		margin-left: 15px;
	}

	.tablet-right-col #planDetailIconsAddToCart {
		display: block;
	}

	/*#planDetailMiniPriceGridShipping table, #planDetailMiniPriceGridAids table {
		width: 635px !important;
	}*/

	#thumbnails {
		margin-left: 16px;
	}

	#WhyHeading {
		width: 385px !important;
		margin-right: 30px !important;
	}

	#FollowUs {
		display: inline !important;
		position: absolute !important;
	}

		#FollowUs a {
			top: 18px !important;
		}

	.floorImageCont .tablet-margin {
		margin: initial !important;
	}

	#WhyHPM {
		width: 900px !important;
	}

	.desktop-show {
		display: block !important;
	}

	.tablet-show {
		display: none !important;
	}

	.mobile-show {
		display: none !important;
	}

	#DetailSpecialFeaturesCont, #DetailDescriptionCont {
		text-align: left;
	}

	#divGrid {
		float: left;
	}

	#greenResourcesLPContent {
		width: 585px;
	}

	#RCLPCont {
		width: 612px;
		margin: 0px auto;
	}

	#booksAndMoreDetailCont {
		width: 590px !important;
		box-sizing: initial;
	}

	table.quicksearch-left {
		width: 100% !important;
		float: left;
		text-align: left;
	}

	table.quicksearch-right {
		width: 100% !important;
		text-align: left;
	}

	div#headerPlanDetail.headerPlanDetail2 {
		width: 618px !important;
	}

	#CSEPlanNumberSearchContainerDetail {
		margin-left: 40px;
	}

	#planDetailPlanNumberHeadline {
		clear: none;
	}

	#planDetailFeaturesCont {
		float: right;
		width: 323px;
	}

	span#ctl00_ContentPlaceHolder2_Body_Span_Links li {
		width: initial;
		list-style: disc;
	}

		span#ctl00_ContentPlaceHolder2_Body_Span_Links li a {
			padding: 0px;
			display: inline;
			border-bottom: none;
		}

		span#ctl00_ContentPlaceHolder2_Body_Span_Links li:first-of-type a {
			border-top: none;
		}

	.copyright {
		width: 603px;
	}

	.imageDetailCopyright {
		width: 740px;
	}

	#imageDetailPagination table {
		width: 800px;
	}

	#detailPageCont {
		width: 1000px;
	}

	#imageDetailImageGrid {
		width: 800px;
		margin-left: 5px;
	}

	#imageDetailLargeImage {
		width: 800px;
	}

	#radios select {
		height: 15px !important;
		font-size: 9px !important;
	}

	#slider-range {
		margin: 5px 0px;
	}

	#Floors div, #Bedrooms div, #Bathrooms div, #Garages div {
		width: inherit;
		height: inherit;
		line-height: inherit;
	}

	#radios {
		font-size: 10px !important;
		font-weight: bold !important;
		text-align: left;
	}

	#imageDetailLinksMirrorBtn table {
		width: 600px;
	}

	#imageDetailCont {
		margin-left: 194px;
		clear: none;
	}

	#detailContainer {
		width: 1021px;
		padding: 0px 0px 0px 25px;
	}

	.headerTall td p {
		margin: 0px 6px 0px 0px;
	}

	#headerTallVideoPhotoGallery td p {
		padding: initial;
	}

	div#projectPlansCont {
		display: block;
	}

	div#projectPlans {
		padding: 3px 0px 6px 6px;
	}

	li.leftNavPPSubCat a {
		padding-left: 0px !important;
	}

	.headerTall table td {
		float: none;
	}

	div#headerTallDynamic table td {
		float: none;
	}

	#content {
		width: 612px;
	}

	#contentCont {
		width: 612px;
	}

	#CSEPlanNumberSearchContainer, .CSEPlanNumberSearchContainer {
		float: left;
		width: 175px;
		z-index: 0;
		margin-top: 15px;
		margin-bottom: 10px;
	}

	div#rightNav p {
		display: block;
	}

	#planNumberSearch input[type="text"], #GoogleCSE input[type="text"], #ContactSignUp input[type="text"], #planNumberSearchDetail input[type="text"] {
		font-size: 11px;
	}

	input#PlanNumberSearch_planNumberButton, input#ctl00_PlanNumberSearch_planNumberButton, #GoogleCSE input[type="image"], input#ctl00_ContentPlaceHolder2_Body_PlanNumberSearch_planNumberButton {
		width: 21px;
	}

	h1.newheader {
		display: none;
	}

	div#searchByFeatureCont {
		margin-left: 0px;
	}

	#PopularPlanStyles a {
		width: 140px;
		height: 180px;
		display: block;
		float: left;
	}

	#PopularPlanStyles {
		height: 180px;
		width: 605px;
	}

	#PopularPlanStylesCont {
		width: 625px;
		height: 200px;
	}

	div#FlashQuickSearchCont {
		display: block;
	}

	#content {
		justify-content: center;
		display: flex;
		width: 100%;
	}

	#searchByFeatureTab span, #architecturalStylesTab span {
		display: inline;
	}

	div#architecturalStyles a, #searchByFeatureCont #searchByFeature a, #projectPlans a {
		padding: 0px 0px 0px 0px;
		font-size: 8pt;
		border-top: none;
		font-weight: 400;
		display: inline-block;
	}

	#crossSellCont, #hpmBlogCont {
		display: block;
	}

	#GoogleCSE {
		background: transparent;
		float: right;
		width: 178px;
		margin: 5px 0px 5px 0px;
		text-align: left;
	}

	div#searchByFeatureTab {
		border-top: none;
	}

	div#architecturalStyles br {
		display: inline;
	}

	#footer {
		/*margin-left: 50px;*/
	}

	#FooterLogos {
		z-index: 5;
		margin-left: 15px;
	}

	#crossSellCont {
		width: 170px;
		float: left;
		margin-left: -25px;
	}

	#crossSell {
		max-width: 170px;
		float: left;
		display: block;
	}

		#crossSell a {
			margin-top: 10px;
			display: block;
			text-align: center;
			font-weight: bold;
		}

		#crossSell img {
			margin-top: -10px !important;
		}

		#crossSell input[type="image"] {
			margin-bottom: 5px;
		}

	a.btnNew {
		display: block;
	}

	.SideHeading, .SideHeadingText {
		display: block;
	}

	#architecturalStylesCont {
		width: 175px;
		margin: 10px 0px 0px 0px;
		float: left;
		z-index: 0;
	}

	#architecturalStyles {
		border: solid 1px #69935D;
		padding: 3px 0px 6px 6px;
	}

	#searchByFeatureCont {
		width: 175px;
		margin: 10px 0px 0px 0px;
		float: left;
		z-index: 0;
	}

	#searchByFeature {
		border: solid 1px #69935D;
		padding: 3px 0px 6px 6px;
	}

	#MobileNav {
		display: none;
	}

	#header {
		background: none;
		height: 127px;
	}

	#hpmBlogCont {
		display: block;
		width: 170px;
		margin-top: 10px;
		float: left;
		z-index: 0;
		margin-bottom: 10px;
	}

	#hpmBlog {
		border: solid 1px #69935D;
		width: 170px;
		padding-top: 5px;
	}

		#hpmBlog table {
			margin: 0px 10px;
		}

	.hpmBlogItem {
		font-size: 8pt;
		color: #523A26;
	}

	.hpmBlogLink {
		font-size: 8pt;
		text-decoration: underline;
	}

	#searchByFeatureCont {
		width: 175px;
		margin: 10px 0px 0px 0px;
		float: left;
		z-index: 0;
	}

	#radios table {
		margin: 0px auto;
		width: 100%;
	}

	input#ctl00_ContentPlaceHolder2_Body_PlanNumberSearch_planNumberButton, input#ctl00_PlanNumberSearch_planNumberButton, input#PlanNumberSearch_planNumberButton {
		position: relative;
		top: auto;
		right: 21px;
	}

	#planNumberSearch input[type="text"], #GoogleCSE input[type="text"], #ContactSignUp input[type="text"] {
		width: 240px;
		margin: 0px 0px 0px 15px
	}

	div#ctl00_PlanNumberSearch_pnlPlanNumSearch, .CSEPlanNumberSearchContainer {
		text-align: left;
	}

	#planNumberSearch input[type="text"], #planNumberSearchDetail input[type="text"] {
		margin: 0px 0px 0px 4px;
	}

	#planNumberSearch {
		float: right;
		/*width: 145px;*/
		margin: 5px 0px 5px 0px;
	}

	#radios {
		width: 175px;
		float: left !important;
	}

	.green-line-bg {
		display: block;
	}

	#MainNav {
		width: 1024px;
		height: 24px;
		top: 125px;
		z-index: 10;
		position: relative;
		background: #523a26;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d7c4b6), color-stop(4%,#c19e67), color-stop(99%,#523a26));
		background: -webkit-linear-gradient(top, #d7c4b6 1%,#c19e67 4%,#523a26 99%);
		background: -moz-linear-gradient(top, #d7c4b6 1%, #c19e67 4%, #523a26 99%);
		background: -o-linear-gradient(top, #d7c4b6 1%,#c19e67 4%,#523a26 99%);
		background: -ms-linear-gradient(top, #d7c4b6 1%,#c19e67 4%,#523a26 99%);
		background: linear-gradient(to bottom, #d7c4b6 1%,#c19e67 4%,#523a26 99%);
		-pie-background: linear-gradient(top, #d7c4b6 1%,#c19e67 4%,#523a26 99%);
		behavior: url(/common/inc/PIE.htc);
	}

	#MainNav,
	.LoginFormUtility,
	#GreatSite,
	#FavChatCart,
	#YearsInBusiness,
	.signup_bg {
		display: block;
	}

	.LoginFormUtility, #LoginFormUtility {
		position: absolute;
		top: 0px;
		/*margin: 41px 0 0 555px;*/
		margin-top: 41px;
		z-index: 10;
		width: 200px;
		height: 100px;
		background: #F9E779;
	}

		.LoginFormUtility table, #LoginFormUtility table {
			border: solid 0px red;
			margin: 7px 0px 0px 7px;
			padding: 0px 0px 20px 0px;
		}

		.LoginFormUtility td, #LoginFormUtility td {
			font-size: 8pt;
			text-align: center;
			border: solid 0px blue;
			line-height: 30px;
		}

			.LoginFormUtility td a, #LoginFormUtility td a {
				font-size: 8pt;
				text-align: left;
				border: solid 0px blue;
				color: #000000;
			}

	.btnLoginClass {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: #FFFFFF;
		font-weight: bold;
		vertical-align: middle;
		text-align: center;
		line-height: 1px !important;
		background-color: #90c923;
		border: 0;
	}

	.LoginFormUtility input[type="text"], .LoginFormUtility input[type="password"], #LoginFormUtility input[type="text"], #LoginFormUtility input[type="password"] {
		border: solid 1px #FFFFFF;
		width: 115px;
		font-size: 8pt;
		vertical-align: middle;
		margin: 0px 0px 0px 0px;
		padding-left: 2px;
		font-weight: bold;
		line-height: 20px;
	}

	#LoggedInUtility {
		width: 320px;
		height: 45px;
	}

	#GreatSite {
		position: absolute;
		color: #523a26;
		top: 15px;
		margin-left: 510px;
		width: 200px;
		height: 61px;
		text-align: center;
		padding: 5px 0px 0px 0px;
	}

	#CSEPlanNumberSearchContainer, .CSEPlanNumberSearchContainer {
		float: none;
		width: 100%;
		margin-top: 15px;
		margin-bottom: 10px;
		overflow: hidden;
	}

	.callDreamHome {
		font-weight: bold;
		color: #db5427;
		font-size: 14pt;
		margin: 9px 0px 0px 0px;
	}

	.callDreamHomeVrySm {
		font-size: 10pt;
		margin: 0px 0px 0px 0px;
	}

	#FavChatCart {
		position: absolute;
		top: 82px;
		margin-left: 520px;
		width: 365px;
		text-align: right;
	}

		#FavChatCart table {
			border: 0px;
		}

		#FavChatCart td, #FavChatCart div {
			font-size: 8pt;
			font-weight: bold;
			padding: 0px 3px 0px 3px;
			float: left;
		}

		#FavChatCart img {
			vertical-align: middle;
		}

	#YearsInBusiness {
		position: absolute;
		margin-left: 885px;
		top: 66px;
		z-index: 20;
	}

	#leftNav, #rightNav {
		clear: none;
	}

	#wrapper {
		width: 1150px;
	}

	#leftNav {
		float: left;
		width: 175px;
		padding-left: 20px;
	}

	#rightNav {
		float: left;
		width: 170px;
		padding: 0px;
		margin: 5px 0px 0px 0px;
	}

	#planNumberSearch input[type="text"], #GoogleCSE input[type="text"], #ContactSignUp input[type="text"], #planNumberSearchDetail input[type="text"] {
		max-width: 300px;
		float: left;
		height: 25px;
	}

	#ContactSignUp input[type="text"] {
		width: 140px;
		margin-left: 0px;
	}

	#GoogleCSE input[type="image"] {
		top: 0px;
		right: 1px;
	}

	#headerTallDynamic {
		width: 612px;
		height: 235px;
		/*background-color: #BFD591;*/
		background-repeat: no-repeat;
		margin-top: 17px;
	}

	.headerShort {
		width: 612px;
		height: 70px;
		/*background-color: #BFD591;*/
		margin: 17px 0px 0px 0px;
	}

	.headerTall {
		width: 612px;
		/*height: 100%;   /*235px;*/
		/*background-color: #BFD591;*/
		background-repeat: no-repeat;
		margin: 17px 0px 0px 0px;
	}

		.headerTall table {
			width: 612px;
			height: 150px;
			margin: 0px 0px 0px 0px;
		}

		.headerTall td {
			padding: 0px 6px 12px 12px;
			margin: 0px 0px 0px 0px;
			font-size: 9pt;
			line-height: 11pt;
			vertical-align: top;
		}

			.headerTall td p {
				margin: 0px 6px 0px 0px;
			}

	#headerTallDynamic table {
		width: 612px;
		height: 185px;
		margin: 0px 0px 0px 0px;
	}

	#headerTallDynamic td {
		padding: 0px 6px 12px 12px;
		margin: 0px 0px 0px 0px;
		font-size: 9pt;
		vertical-align: top;
	}

		#headerTallDynamic td p {
			margin: 0px 6px 0px 0px;
		}

	.headerDynamicImage {
		width: 250px;
		text-align: left;
	}

	#photoGalleryFeaturedVideosTabBox {
		width: 576px;
		height: auto;
	}

	#RCLPCont td p.Titles {
		margin: -3px 0px 0px -12px;
	}

	.RCLPparagraphs {
		margin: 0px 0px 0px -10px;
	}

	#CSEPlanNumberSearchContainerDetail {
		width: 170px;
	}

	div#ctl00_ContentPlaceHolder2_Body_PlanNumberSearch_pnlPlanNumSearch {
		overflow: visible;
		text-align: initial;
	}

	#header img {
		opacity: 1;
	}

	#planNumberSearchDetail input[type="text"] {
		float: left;
	}

	#planDetailMainImage {
		margin: 0px 24px 0px 18px;
	}

	#DetailSpecialFeaturesCont, #DetailDescriptionCont {
		margin-left: 15px;
	}

	/*div#planDetailMiniPriceGridOptions {
		float: right !important;
	}*/

	span#ctl00_ContentPlaceHolder2_Body_Span_Links a {
		display: block !important;
	}

	span#ctl00_ContentPlaceHolder2_Body_Span_Links {
		margin: 40px 5px 0px 0px;
	}

	.MobileOnly {
		display: none !important;
	}

	div [id$="planCostEstimator"].DesktopOnly {
		display: table !important;
	}

	table#ctl00_ContentPlaceHolder2_Body_grdResults td {
		text-align: left;
	}

	/* redisplay quicksearch that is hidden on mobile view*/
	div#leftNav {
		visibility: visible;
		float: left;
		width: 175px;
		padding-left: 20px;
	}
}
/*End Desktop View*/

.rows-to-cols {
	max-width: 1200px;
}

	.rows-to-cols tr {
		float: left;
		max-width: 285px;
	}

.rows-to-cols_wider tr {
	float: left;
	max-width: 320px;
}


.subfooter, .subfooter h4, .subfooter a {
	color: #857F7F !important;
}

	.subfooter a:hover {
		color: #90c923 !important;
	}

	.subfooter a {
		display: inline-block;
	}

		.subfooter a.see_more {
			font-style: italic;
			text-decoration: underline !important;
			margin-bottom: 25px;
		}

	.subfooter .list {
		width: 245px;
		display: inline-block;
		text-align: left;
		left: 25px;
		position: inherit;
	}

.quicklinks a {
	color: #857F7F !important;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 15px;
	display: inline-block;
}

	.quicklinks a:hover {
		color: #90c923 !important;
	}

.footer_widget p {
	line-height: inherit;
}

.footer_widget span, .footer_widget p, .footer_widget.quick_link li a {
	color: #bcbcbc;
	font-size: .9rem;
	line-height: 1.5;
}

.footer_widget a { /* iphone and ipad add a tags around phone numbers */
	color: #bcbcbc !important;
}

.footer_widget span {
	line-height: 1.3;
	display: block;
}

.bootstrap-select .dropdown-menu {
	max-height: 200px;
	min-height: 162px;
}


.reversed {
	transform: rotateY(180deg);
}

.flip-container {
	perspective: 1500px;
	display: inline-block;
}

.flip-card {
	transition: transform 0.5s ease;
	transform-style: preserve-3d;
	position: relative;
}

.flip-card .front {
	z-index: 1;
	transform: rotateY(180deg);
	position: absolute;
	backface-visibility: hidden;
}

.flip-card .back {
	z-index: 2;
	transform: rotateY(0deg);
	backface-visibility: hidden;
}

.detailGrids table{
	width: 100% !important;
	margin-bottom: 10px;
}