/* - 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.gif");
	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;
	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.gif");*/
	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.gif");*/
    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.gif");*/
	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.gif");*/
    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.gif");*/
	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.gif");
	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.gif");*/
    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.gif");
	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.gif");
	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.gif");
	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.gif");
	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.gif");*/
	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.gif");*/
	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.gif");*/
	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.gif");*/
    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.gif");
	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.gif");
	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.gif");
	}
#headerShortGalleryResults, .headerShortGalleryResults {
	background-image: url("/images/small-header-gallery-results.gif");
}
#headerShortGreenResources {
	background-image: url("/images/small-header-green-center.gif");
	}
	
#headerShortAccountSettings {
	background-image: url("/images/small-header-account-settings.gif");
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* - 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.gif");*/
	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.gif");*/
	}
	
#GoogleCSE input[type="text"].focused {
	background: #FFFFFF;
	}

/* IE6 Fix */
.GoogleCSEtextbox {
	/*background: url("/images/google-custom-search-watermark.gif");*/
	border: solid 1px #4D4D4F;
	width: 115px;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
	}
.GoogleCSEtextbox.notfocused {
	/*background: url("/images/google-custom-search-watermark.gif");*/
	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.gif");
	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.gif");
	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.gif");
	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.gif");
	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%;
}

.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.gif");
	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.gif");
	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.gif");
	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.gif");
	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.gif");
	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.gif");
	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.gif");*/
	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.png") 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.png") 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.gif");
	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.gif");
	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.png");
	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.gif");
	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.gif");*/
	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.gif");
	}

#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 {
 */

 [id *= "planDetailMiniPriceGrid"]  {
    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.gif");
	}
	
.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.gif");
	}

/* 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.gif') 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.gif");
	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.png) no-repeat 0px 0px;
    float: left;
}

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

.DialogNav a.next {
    text-align:right; 
    float:right;
}
.DialogNav a.next div {
    background: url(/images/icon-arrows.png) no-repeat -99px 0px;
    float: right;
}
.DialogNav a.next:hover div {
    background: url(/images/icon-arrows.png) 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.png) no-repeat 0 0;
    margin: 35px 15px;
    cursor:pointer;
    width: 11px;
    height: 22px;
}

.scrollingHotSpotLeft div {
    background: url(/common/inc/SmoothDivScroll/images/cursors/arrows.png) 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: 100px;
	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.gif");
		*/
	}


	/*"""""""" (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.gif");*/
		color:#523B27;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		/*background-image:url("/images/nav-mainnav-hover-bg.gif");*/
		
		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.gif");*/
		color:#523B27;
	}


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


	/*"""""""" (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.gif");
		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.gif");
		color:#DB5427;
		border-color:#F09D2A;
	}


	/*"""""""" (SUB) Parent Hover State""""""""*/	
	#qm0 div .qmparent:hover	
	{	
		background-image:url("/images/nav-mainnav-hover-bg.gif");
		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.gif");
		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.gif");
	}


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


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

	/*"""""""" Custom Rule"""""""" * /	
	ul#qm0 .qmparent	
	{	
		background-image:url("/images/cssalt1_arrow_down.gif");
		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.jpg")center no-repeat; background-size: 100%;
	max-width: 240px;
}

#MobileNav{display: block;}

div#MobileNavBtn {
	background: url('/common/css/images/menu-toggle-mobile.png')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.jpg")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;}
    [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;}
	.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;}
	#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: static;
		top: auto;
		right: auto;
	}
	#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: 80px;
		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;
}