html {padding:0px;margin:0px;}
body{padding:0px;margin:0px; font-family:Arial, Tahoma, Helvetica;font-size:12px;}
h1 {font-size:150%;color:#E45F00;}
h2{color:black; border-bottom: solid 1px #003E7E; font-size:120%;}
h2 a{color:#5A7682; border-bottom: solid 1px #5A7682; font-size:120%; text-decoration:none;}
h3{color:black; font-weight:bolder; font-size:120%;margin:0px;}
a{color:#000000;font-family:Arial, Tahoma, Helvetica;}
a:hover{color:#16316f;text-decoration:underline;}
input{font-family:Arial, Tahoma, Helvetica;}
p{font-family:Arial, Tahoma, Helvetica;}
 
.error{color:#ff0000;font-weight:bolder;font-size:120%;}
.message{color:#ff0000;font-weight:bolder;}
.centerContents{text-align:center;}
.right{clear:right; float:left;}
.left{clear:left; float:left;}
.solo{float:left;clear:both;}
.emphasize{font-weight:bold;}
.no-bullet ul{margin:0px;padding:0px;}
.no-bullet li{list-style-type:none;}
.button {font-weight:bolder;}
.caption{clear:both;color:#5A7682;font-weight:bolder;}
.bullet-list{list-style-type: none;}
.bullet-list li{margin:2px 0px; padding: 0px 0px 0px 14px; background-image:url(/images/bullet.gif); background-repeat:no-repeat; clear:both;float:left;}

/*header*/
#header{width:100%; float:left; clear:both; text-align:left; padding:0px; margin:0px; height:70px; border-bottom:solid 1px #E45F00;}
#logo{position:absolute; top:10px; left:10px;}
#title a{font-size:110%;color:#E45F00;font-weight:bolder;position:absolute;top:48px;left:184px;text-decoration:none;}
.nav ul{margin:0px;padding:0px;}
.nav li{list-style-type:none; display:block; }
.nav li a {text-decoration:none;font-weight:bolder;color:#E45F00;}
.nav li a:hover{text-decoration:underline;}
#house-plan-nav{position:absolute;left:350px;top:25px;}
#house-plan-nav li{float:left;clear:none;margin:0px 10px;font-size:110%; }
#account-nav{position:absolute;right:5px;top:5px;padding:2px 10px 0px 10px;color:#5A7682;text-align:right;}

/*header navigation*/
#headerNavigation{width:100%; clear:both; float:left; height:25px; background-color:#5A7682; padding:0px; margin:1px 0px 0px 0px;}
#headerNavigation ul {list-style:none; margin:0px; padding:0px 0px 0px 30px;}
#headerNavigation li {margin-left:5px; display:block; padding:5px 5px 5px 5px; float:left; position:relative; top:1px; border-right:solid 1px #fff;}
#headerNavigation a {color:#fff; text-decoration:none; font-size:100%; font-weight:bolder;}
#headerNavigation a:hover {color:#E45F00;}
#headerNavigation #homeLink{border-left:solid 1px #fff;}
 
/*sub header*/
#banner{text-align:right; color:#336666; font-size:100%; padding:0px; clear:both; float:left; margin:0px; width:100%;}
#banner p{margin:0px 30px 4px 0px;}
#banner #phone{font-weight:bolder;font-style:italic;font-size:110%;color:#E45F00;}
#banner #international{font-weight:bolder;font-size:110%;color:#336666;float:left;margin:10px 0 0 20px;}
#banner #twitter a{font-weight:bolder;font-size:110%;color:#336666;text-decoration:none;}
#banner #twitter a:hover{text-decoration:underline;}
#banner #twitter img{ vertical-align:top;margin:0 3px;}
.main-search{position:absolute;right:4px;top:73px;padding:1px;}
.main-search .inputbox{margin:0px;width:200px;}
.searchByPlanNumberInput{width:100px; height:20px; border-top:solid 1px #000; border-left:solid 1px #000; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;}

/*main content*/
#mainContent{padding:5px 0px;margin:0px;}

/*footer*/
#footer{width:500px;margin:10px auto;clear:both;padding-left:50px;}
#copyright{color:#5A7682;font-size:100%;text-align:center;width:100%;font-weight:bold;}
#bottom-links{text-align:center;width:100%;margin:5px;}
#bottom-links a{color:#555;text-decoration:none;margin-right:10px;}
#bottom-links a:hover{text-decoration:underline;}

/*messages*/
.messageWrap{border:2px solid #5A7682;color:#E45F00;}
.messageBlock {width:80%;padding:7px;padding-bottom:12px;margin:10px auto;background-image: url(/images/gradientBackground.gif); background-repeat:repeat-x;clear:both;display:block;font-size:120%;font-weight:bolder;}
.messageBlock h2 {font-weight:bold;padding:5px 5px 5px 15px;font-size:120%;margin:-7px;color:#E45F00;}
.messageBlock1 h2 {font-weight:bold;padding:5px 5px 5px 15px;font-size:120%;margin:3px;color:#E45F00;}
.messageBlock1 h2 {font-weight:bold;padding:5px 5px 5px 15px;font-size:120%; color:#E45F00;}
.messageBlock p {color:#333;margin-bottom:0;padding:5px;}
.messageBlock ul li {text-align:left;}
.errorWrap{border:2px solid #ff0000;color:#ff0000;}
.errorWrap h2{color:#ff0000;}

/* tabs */
#displayTabs {float:left; clear:both; margin:0px 20px; font-size:110%; line-height:normal;}
#displayTabs ul {margin:0; padding:10px 10px 0; list-style:none;}
#displayTabs li {float:left; background:url("/images/left.gif") no-repeat left top; margin:0; padding:0px 0px 0px 9px;}
#displayTabs a {display:block; background:url("/images/right.gif") no-repeat right top; padding:2px 15px 1px 6px; text-decoration:none; font-weight:bold; color:#555;}
#displayTabs a:hover {color:#E45F00;font-weight:bolder;}
#displayTabs .current {background-image:url("/images/left_on.gif"); }
#displayTabs .current a {background-image:url("/images/right_on.gif"); color:#fff; padding-bottom:1px;}

/*login*/
.login-container{clear:both;}
.createAccountForm h1, .loginForm h1, .logoutForm h1, .forgotForm h1, .changePasswordForm h1{color:#fff; background-color:#003E7E; padding:3px; margin:10px 0px;}
.createAccountForm h1, .loginForm h1, .logoutForm h1, .forgotForm h1, .changePasswordForm2 h1{color:#fff; background-color:#003E7E; padding:3px; margin:10px 0px;}
.loginForm, .logoutForm, .forgotForm, .changePasswordForm{margin: 75px auto 200px auto;}
 .loginForm, .logoutForm, .forgotForm, .changePasswordForm1{margin: -23px auto 200px auto;}
 .loginForm, .logoutForm, .forgotForm, .changePasswordForm2{margin: -37px 0 0  120px;}
.messageBlock, .loginForm .messageBlock, .logoutForm .messageBlock, .forgotForm .messageBlock, .changePasswordForm .messageBlock{width:344px;}
.changePasswordForm, .forgotForm, .loginForm {width:350px;margin-bottom:300px;}
.changePasswordForm1, .forgotForm, .loginForm {width:480px;margin-bottom:300px;}
.createAccountForm{margin: 20px auto 200px auto;width:550px;}

#accountPolicy {width:210px;border:solid 1px #ccc;padding:5px;margin:0px 5px;}
#accountPolicy h3, h4, p{margin:3px;}
#accountPolicy h3{border-bottom:solid 1px #5A7682;}
#accountPolicy h4{font-size:100%;color:#E45F00}

/*common*/
.all{margin:20px;}
.all h1{color:#5A7682; border-bottom: solid 1px #5A7682; font-size:130%;}
.all dt{color:#5A7682; font-size:120%; font-weight:bolder; margin:20px 0px 3px 0px;}
.all p{clear:both; margin:0px 0px 20px 0px;}
.all th{margin:5px 0px;}
.all td{vertical-align:top;}
.all li{padding:2px 0px;}
.all label{color:#E45F00; font-size:120%; text-align:right; font-weight:bolder;}
.all img{border:none;}
.all .container{margin:0px;border:solid 1px #5A7682;padding:10px;clear:both;float:left;width:99%;background-image:url(/images/gradientBackground.gif);background-repeat:repeat-x;}

.mainblock{margin:4px 0px;float:left;clear:none;font-size:100%;color:#5A7682;padding:0px;}
.mainblock h2{border-bottom:solid 3px #5A7682;font-size:120%;font-weight:bolder;margin:0px 0px 3px 0px;}
.mainblock ul{list-style:none;margin:0px 5px;padding:0px;}
.mainblock li{float:left;clear:none;margin:2px 4px;list-style:none;width:160px;}
.mainblock p{color:#000; margin:1px}

#house-plan-styles a{color:#5A7682;font-weight:bolder;text-decoration:none;}
#house-plan-styles a:hover{text-decoration:underline;color:#E45F00;}
#house-plan-styles td{width:175px;vertical-align:top;}

/*search*/
.searchBlock{padding:2px; clear:both; float:left;}
.searchBlock h3{margin:0px; font-size:100%; font-weight:bolder;}
.searchBlock img{float:left; clear:none;}
.searchSelections{float:left; clear:right; border-bottom:solid 1px #ccc; padding:4px;}
#bedrooms h3{color: #6633FF;}
#bathrooms h3{color: #336699;}
#garageBays h3{color: #999999; width:153px;}
#stories h3{color: #000099;}
#dimensions {padding:4px;}
#width h3{color: #006600;}
#depth h3{color: #CC3300;}
#stories, #depth, #width{width:130px;clear:right;display:block;float:right;}

#squareFeet{ padding-left:50px;}
#squareFeet h3{padding-left:18px;}
#squareFeetInput{left: 18px;position: relative;}
#squareFeetControls{width:270px; margin:0px; float:left; clear:none;}
.textInput{width:50px; border:solid 2px #ccc;}
.textInputWide{width:80px; border:solid 2px #ccc;}
.textInputVeryWide{width:120px; border:solid 2px #ccc;}
#searchHelp{clear:both;float:left;width:95%;margin:10px 0px 6px 10px;border-top:solid 1px #ccc; padding:4px;}
#searchHelp p{margin:0px; clear:none; float:left; font-weight:bolder; width:200px;}
#searchNumber{clear:both;float:left;width:95%;margin:10px 0px 6px 10px;border-top:solid 1px #ccc; padding:4px;}
#searchNumber p{clear:none;float:left;}

.content-main{display:block;margin-top:12px;margin-left:209px;voice-family: "\"}\"";voice-family:inherit;margin-left:211px;}
html>body .content-main {margin-left:221px;}
#content-navigation{position:absolute;left:0px;top:98px;width:200px;border-right:solid 2px #E45F00;}
.content-listing{background-color:#f5f5f5;padding:20px 10px;}
.content-listing h2{margin:20px 0px 3px 0px;padding:4px 0px;border-top:#5a7682 2px solid;border-bottom:#5a7682 1px solid;color:#E45F00;}
.vertical-ads{padding:30px 20px;}
ul.common-list{margin:2px;padding:0px;list-style-type:none;}
.common-list li{padding:3px 0px;margin:0px;}
.common-list a{text-decoration:none;}
.common-list a:hover{text-decoration:underline;}
.return-home{text-align:center;margin:4px;font-weight:bolder;}
.current-page{border-top:#5a7682 1px solid;border-bottom:#5a7682 1px solid;color:#5a7682;background-color:#FFF;font-weight:bolder;}
.current-page a{color:#5a7682;}
.pager{text-align:center;}
.pager a{margin:0px 3px;}

/* used on search and display page */
#searchBreadcrumb ul{margin:0px 0px;padding:0px 0px;}
#searchBreadcrumb li{list-style-type:none; display:block; float:left; margin:2px 2px;font-weight:bolder; font-size:90%; color:#E45F00;}
#searchBreadcrumb li a {color:#E45F00;}
#searchBreadcrumb li a:hover{text-decoration:underline;}
.breadConnector {font-weight:bolder; font-size:150%; color:#E45F00;}


.DisplayMessage {
    background: none repeat scroll 0 0 #EEF3F9;
    border: 1px solid #077733;
    font-family: Verdana;
    font-size: 10px;
    padding: 10px;
}